@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.
Files changed (87) hide show
  1. package/lib/module/components/badge/index.js +2 -1
  2. package/lib/module/components/badge/index.js.map +1 -1
  3. package/lib/module/components/card/foldableCard.js +9 -18
  4. package/lib/module/components/card/foldableCard.js.map +1 -1
  5. package/lib/module/components/icon/index.js +3 -2
  6. package/lib/module/components/icon/index.js.map +1 -1
  7. package/lib/module/components/index.js +3 -1
  8. package/lib/module/components/index.js.map +1 -1
  9. package/lib/module/components/list/commonList.js +17 -0
  10. package/lib/module/components/list/commonList.js.map +1 -0
  11. package/lib/module/components/list/imageList.js +25 -0
  12. package/lib/module/components/list/imageList.js.map +1 -0
  13. package/lib/module/components/list/index.js +6 -0
  14. package/lib/module/components/list/index.js.map +1 -0
  15. package/lib/module/components/list/types.js +7 -0
  16. package/lib/module/components/list/types.js.map +1 -0
  17. package/lib/module/components/progressBar/circularProgressBar.js +16 -3
  18. package/lib/module/components/progressBar/circularProgressBar.js.map +1 -1
  19. package/lib/module/components/progressBar/index.js +0 -1
  20. package/lib/module/components/progressBar/index.js.map +1 -1
  21. package/lib/module/components/progressBar/linearProgressBar.js +15 -3
  22. package/lib/module/components/progressBar/linearProgressBar.js.map +1 -1
  23. package/lib/module/components/select/commonSelect.js +135 -0
  24. package/lib/module/components/select/commonSelect.js.map +1 -0
  25. package/lib/module/components/select/index.js +5 -0
  26. package/lib/module/components/select/index.js.map +1 -0
  27. package/lib/module/components/select/types.js +4 -0
  28. package/lib/module/components/select/types.js.map +1 -0
  29. package/lib/module/components/slider/index.js +103 -1
  30. package/lib/module/components/slider/index.js.map +1 -1
  31. package/lib/module/components/slider/types.js +2 -0
  32. package/lib/module/components/switch/commonSwitch.js +13 -17
  33. package/lib/module/components/switch/commonSwitch.js.map +1 -1
  34. package/lib/module/index.js +1 -1
  35. package/lib/module/index.js.map +1 -1
  36. package/lib/typescript/src/components/badge/index.d.ts +2 -1
  37. package/lib/typescript/src/components/badge/index.d.ts.map +1 -1
  38. package/lib/typescript/src/components/card/foldableCard.d.ts.map +1 -1
  39. package/lib/typescript/src/components/icon/index.d.ts.map +1 -1
  40. package/lib/typescript/src/components/icon/types.d.ts +1 -1
  41. package/lib/typescript/src/components/icon/types.d.ts.map +1 -1
  42. package/lib/typescript/src/components/index.d.ts +3 -1
  43. package/lib/typescript/src/components/index.d.ts.map +1 -1
  44. package/lib/typescript/src/components/list/commonList.d.ts +4 -0
  45. package/lib/typescript/src/components/list/commonList.d.ts.map +1 -0
  46. package/lib/typescript/src/components/list/imageList.d.ts +4 -0
  47. package/lib/typescript/src/components/list/imageList.d.ts.map +1 -0
  48. package/lib/typescript/src/components/list/index.d.ts +4 -0
  49. package/lib/typescript/src/components/list/index.d.ts.map +1 -0
  50. package/lib/typescript/src/components/list/types.d.ts +10 -0
  51. package/lib/typescript/src/components/list/types.d.ts.map +1 -0
  52. package/lib/typescript/src/components/progressBar/circularProgressBar.d.ts.map +1 -1
  53. package/lib/typescript/src/components/progressBar/index.d.ts.map +1 -1
  54. package/lib/typescript/src/components/progressBar/linearProgressBar.d.ts.map +1 -1
  55. package/lib/typescript/src/components/select/commonSelect.d.ts +5 -0
  56. package/lib/typescript/src/components/select/commonSelect.d.ts.map +1 -0
  57. package/lib/typescript/src/components/select/index.d.ts +3 -0
  58. package/lib/typescript/src/components/select/index.d.ts.map +1 -0
  59. package/lib/typescript/src/components/select/types.d.ts +16 -0
  60. package/lib/typescript/src/components/select/types.d.ts.map +1 -0
  61. package/lib/typescript/src/components/slider/index.d.ts +2 -0
  62. package/lib/typescript/src/components/slider/index.d.ts.map +1 -1
  63. package/lib/typescript/src/components/slider/types.d.ts +9 -0
  64. package/lib/typescript/src/components/slider/types.d.ts.map +1 -1
  65. package/lib/typescript/src/components/switch/commonSwitch.d.ts.map +1 -1
  66. package/lib/typescript/src/index.d.ts +1 -1
  67. package/lib/typescript/src/index.d.ts.map +1 -1
  68. package/package.json +3 -1
  69. package/src/components/badge/index.ts +2 -1
  70. package/src/components/card/foldableCard.tsx +14 -18
  71. package/src/components/icon/index.tsx +2 -1
  72. package/src/components/icon/types.ts +1 -0
  73. package/src/components/index.ts +3 -1
  74. package/src/components/list/commonList.tsx +14 -0
  75. package/src/components/list/imageList.tsx +25 -0
  76. package/src/components/list/index.ts +4 -0
  77. package/src/components/list/types.ts +14 -0
  78. package/src/components/progressBar/circularProgressBar.tsx +23 -3
  79. package/src/components/progressBar/index.ts +0 -1
  80. package/src/components/progressBar/linearProgressBar.tsx +31 -10
  81. package/src/components/select/commonSelect.tsx +170 -0
  82. package/src/components/select/index.ts +3 -0
  83. package/src/components/select/types.ts +18 -0
  84. package/src/components/slider/index.tsx +118 -1
  85. package/src/components/slider/types.ts +10 -0
  86. package/src/components/switch/commonSwitch.tsx +17 -13
  87. 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,2 +1,4 @@
1
1
  "use strict";
2
+
3
+ export {};
2
4
  //# sourceMappingURL=types.js.map
@@ -1,11 +1,9 @@
1
1
  "use strict";
2
2
 
3
- import { useEffect, useRef } from 'react';
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
- useEffect(() => {
27
- Animated.timing(animValue, {
28
- toValue: value ? translateX : 0,
29
- duration: 200,
30
- useNativeDriver: true
31
- }).start();
32
- }, [value, translateX, animValue]);
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
- transform: [{
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":["useEffect","useRef","Animated","Pressable","StyleSheet","sizeType","useTheme","jsx","_jsx","CommonSwitch","type","size","value","onChange","disabled","props","theme","animValue","Value","current","sizeValue","containerWidth","thumbSize","translateX","timing","toValue","duration","useNativeDriver","start","toggleValue","style","styles","container","width","height","borderRadius","borderColor","colors","border","onPress","children","View","backgroundColor","transform","create","padding","justifyContent","borderWidth","opacity"],"sourceRoot":"../../../../src","sources":["components/switch/commonSwitch.tsx"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,MAAM,QAAQ,OAAO;AACzC,SAASC,QAAQ,EAAEC,SAAS,EAAEC,UAAU,QAAQ,cAAc;AAC9D,SAA2BC,QAAQ,QAAQ,YAAS;AACpD,SAASC,QAAQ,QAAQ,yBAAsB;;AAE/C;AAAA,SAAAC,GAAA,IAAAC,IAAA;AACA,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,GAAGV,QAAQ,CAAC,CAAC;EAE5B,MAAMW,SAAS,GAAGhB,MAAM,CAAC,IAAIC,QAAQ,CAACgB,KAAK,CAACN,KAAK,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAACO,OAAO;EAEnE,MAAMC,SAAS,GAAGf,QAAQ,CAACM,IAAI,CAAC;EAChC,MAAMU,cAAc,GAAG,CAACD,SAAS,GAAG,CAAC,IAAI,CAAC;EAC1C,MAAME,SAAS,GAAGF,SAAS;EAC3B,MAAMG,UAAU,GAAGF,cAAc,GAAGC,SAAS,GAAG,CAAC;EAEjDtB,SAAS,CAAC,MAAM;IACdE,QAAQ,CAACsB,MAAM,CAACP,SAAS,EAAE;MACzBQ,OAAO,EAAEb,KAAK,GAAGW,UAAU,GAAG,CAAC;MAC/BG,QAAQ,EAAE,GAAG;MACbC,eAAe,EAAE;IACnB,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;EACZ,CAAC,EAAE,CAAChB,KAAK,EAAEW,UAAU,EAAEN,SAAS,CAAC,CAAC;EAElC,MAAMY,WAAW,GAAGA,CAAA,KAAM;IACxB,IAAIf,QAAQ,EAAE;IACdD,QAAQ,GAAG,CAACD,KAAK,CAAC;EACpB,CAAC;EAED,oBACEJ,IAAA,CAACL,SAAS;IACR2B,KAAK,EAAE,CACLC,MAAM,CAACC,SAAS,EAChB;MACEC,KAAK,EAAEZ,cAAc;MACrBa,MAAM,EAAEd,SAAS,GAAG,CAAC;MACrBe,YAAY,EAAEf,SAAS,GAAG,CAAC,GAAG,CAAC;MAC/BgB,WAAW,EAAEtB,QAAQ,GAAGE,KAAK,CAACqB,MAAM,CAACvB,QAAQ,GAAGE,KAAK,CAACqB,MAAM,CAACC;IAC/D,CAAC,EACDxB,QAAQ,IAAIiB,MAAM,CAACjB,QAAQ,CAC3B;IACFyB,OAAO,EAAEV,WAAY;IACrBf,QAAQ,EAAEA,QAAS;IAAA,GACfC,KAAK;IAAAyB,QAAA,eAEThC,IAAA,CAACN,QAAQ,CAACuC,IAAI;MACZX,KAAK,EAAE,CACL;QACEG,KAAK,EAAEX,SAAS;QAChBY,MAAM,EAAEZ,SAAS;QACjBa,YAAY,EAAEb,SAAS,GAAG,CAAC;QAC3BoB,eAAe,EAAE9B,KAAK,GAAGI,KAAK,CAACqB,MAAM,CAAC3B,IAAI,CAAC,GAAGM,KAAK,CAACqB,MAAM,CAACvB,QAAQ;QACnE6B,SAAS,EAAE,CAAC;UAAEpB,UAAU,EAAEN;QAAU,CAAC;MACvC,CAAC;IACD,CACH;EAAC,CACO,CAAC;AAEhB;AAEA,MAAMc,MAAM,GAAG3B,UAAU,CAACwC,MAAM,CAAC;EAC/BZ,SAAS,EAAE;IACTa,OAAO,EAAE,CAAC;IACVC,cAAc,EAAE,QAAQ;IACxBC,WAAW,EAAE;EACf,CAAC;EACDjC,QAAQ,EAAE;IACRkC,OAAO,EAAE;EACX;AACF,CAAC,CAAC","ignoreList":[]}
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":[]}
@@ -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
@@ -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,QACR,uBAAc;AACrB,SAASC,aAAa,QAAQ,0BAAuB","ignoreList":[]}
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,3 +1,4 @@
1
1
  import CommonBadge from './commonBadge.js';
2
- export { CommonBadge };
2
+ import NumberBadge from './numberBadge.js';
3
+ export { CommonBadge, NumberBadge };
3
4
  //# sourceMappingURL=index.d.ts.map
@@ -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,gCA6CnB,CAAC;AAwBF,eAAe,YAAY,CAAC"}
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;AAmCnD,eAAO,MAAM,UAAU,GAAI,qCAKxB,SAAS,uCAiBX,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;AACtC,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"}
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,4 @@
1
+ import { type CommonListProps } from './types.js';
2
+ declare const CommonList: <ItemT>(props: CommonListProps<ItemT>) => import("react").JSX.Element;
3
+ export default CommonList;
4
+ //# sourceMappingURL=commonList.d.ts.map
@@ -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,4 @@
1
+ import { type CommonListProps } from './types.js';
2
+ declare const ImgList: <ItemT>(props: CommonListProps<ItemT>) => import("react").JSX.Element;
3
+ export default ImgList;
4
+ //# sourceMappingURL=imageList.d.ts.map
@@ -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,4 @@
1
+ import CommonList from './commonList.js';
2
+ import ImageList from './imageList.js';
3
+ export { CommonList, ImageList };
4
+ //# sourceMappingURL=index.d.ts.map
@@ -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":"AAEA,OAAO,EAAE,KAAK,gBAAgB,EAA6B,MAAM,YAAS,CAAC;AAG3E,QAAA,MAAM,mBAAmB,GAAI,wCAM1B,gBAAgB,gCA8ClB,CAAC;AAMF,eAAe,mBAAmB,CAAC"}
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":"AACA,OAAO,iBAAiB,MAAM,wBAAqB,CAAC;AACpD,OAAO,mBAAmB,MAAM,0BAAuB,CAAC;AAExD,OAAO,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,CAAC"}
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":"AACA,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,YAAS,CAAC;AAGhD,QAAA,MAAM,iBAAiB,GAAI,kCAKxB,gBAAgB,gCA0BlB,CAAC;AAeF,eAAe,iBAAiB,CAAC"}
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,3 @@
1
+ import { CommonSelect, SelectItem } from './commonSelect.js';
2
+ export { CommonSelect, SelectItem };
3
+ //# sourceMappingURL=index.d.ts.map
@@ -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,3 @@
1
+ import { type SliderProps } from './types.js';
2
+ export declare const CommonSlider: ({ labels }: SliderProps) => import("react").JSX.Element;
1
3
  //# sourceMappingURL=index.d.ts.map
@@ -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":"AAEA,OAAO,EAAE,KAAK,WAAW,EAAY,MAAM,YAAS,CAAC;AAIrD,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,IAAgB,EAChB,IAAU,EACV,KAAK,EACL,QAAQ,EACR,QAAgB,EAChB,GAAG,KAAK,EACT,EAAE,WAAW,+BAoDb"}
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,GACd,MAAM,uBAAc,CAAC;AACtB,OAAO,EAAE,aAAa,EAAE,MAAM,0BAAuB,CAAC"}
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.4",
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": "*",
@@ -1,3 +1,4 @@
1
1
  import CommonBadge from './commonBadge';
2
+ import NumberBadge from './numberBadge';
2
3
 
3
- export { CommonBadge };
4
+ export { CommonBadge, NumberBadge };
@@ -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
- // import Animated, {
6
- // FadeIn,
7
- // FadeOut,
8
- // LinearTransition,
9
- // } from 'react-native-reanimated';
5
+ import Animated, {
6
+ FadeIn,
7
+ FadeOut,
8
+ LinearTransition,
9
+ } from 'react-native-reanimated';
10
10
 
11
- //TODO: React-native-reanimated 적용시키기
12
- // const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
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
- <Pressable
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
- // layout={LinearTransition.duration(200)}
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
- {/* </AnimatedPressable> */}
45
- </Pressable>
43
+ </AnimatedPressable>
46
44
  {value && (
47
- <View
48
- // <Animated.View
49
- // entering={FadeIn}
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
- {/* </Animated.View> */}
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
- // import { ChevronDown } from './ChevronDown';
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 = ({
@@ -15,6 +15,7 @@ export interface IconProps extends ViewProps {
15
15
  // | 'spinner'
16
16
  | 'check'
17
17
  | 'back'
18
+ | 'down'
18
19
  | 'close'
19
20
  | 'apple'
20
21
  | 'facebook'
@@ -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,4 @@
1
+ import CommonList from './commonList';
2
+ import ImageList from './imageList';
3
+
4
+ export { CommonList, ImageList };
@@ -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 strokeDashoffset = circumference * (1 - progress);
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
- <Circle
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
- strokeDashoffset={strokeDashoffset}
70
+ animatedProps={animatedProps}
51
71
  rotation="-90"
52
72
  originX={svgSize / 2}
53
73
  originY={svgSize / 2}
@@ -1,4 +1,3 @@
1
- // TODO: progressbar에 react-native-reanimated를 이용한 animation적용 필요.
2
1
  import LinearProgressBar from './linearProgressBar';
3
2
  import CircularProgressBar from './circularProgressBar';
4
3