@teamturing/react-native-kit 1.1.0 → 1.2.0

package/lib/module/component/Progress/LinearProgressBar.js

@@ -0,0 +1,59 @@
+"use strict";
+
+import { useEffect } from 'react';
+import Animated, { useSharedValue, useAnimatedStyle, withTiming, withDelay } from 'react-native-reanimated';
+import { palette } from "../../theme/index.js";
+import { is } from "../../util/index.js";
+import { Box } from "../Box/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const LinearProgressBar = ({
+  color = palette.violet500,
+  backgroundColor = palette.gray100,
+  style,
+  value: _value,
+  height = 1,
+  animated,
+  initialAnimatedValue,
+  animatedDelay = 0,
+  sx
+}) => {
+  const value = Math.max(0, Math.min(100, _value));
+  const animValue = useSharedValue(is.number(initialAnimatedValue) ? initialAnimatedValue : value);
+  const animatedStyle = useAnimatedStyle(() => {
+    return {
+      width: `${animValue.value * 100}%`
+    };
+  });
+  useEffect(() => {
+    if (animated) {
+      if (is.number(animatedDelay) && animatedDelay > 0) {
+        animValue.value = withDelay(animatedDelay, withTiming(value, {
+          duration: 300
+        }));
+      } else {
+        animValue.value = withTiming(value, {
+          duration: 300
+        });
+      }
+    } else {
+      animValue.value = value;
+    }
+  }, [value, animValue, animated, animatedDelay]);
+  return /*#__PURE__*/_jsx(Box, {
+    style: [style, {
+      backgroundColor: backgroundColor,
+      height,
+      alignItems: 'flex-start',
+      overflow: 'hidden'
+    }],
+    sx: sx,
+    children: /*#__PURE__*/_jsx(Animated.View, {
+      style: [{
+        backgroundColor: color,
+        height
+      }, animatedStyle]
+    })
+  });
+};
+export { LinearProgressBar };
+//# sourceMappingURL=LinearProgressBar.js.map

package/lib/module/component/Progress/LinearProgressBar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","Animated","useSharedValue","useAnimatedStyle","withTiming","withDelay","palette","is","Box","jsx","_jsx","LinearProgressBar","color","violet500","backgroundColor","gray100","style","value","_value","height","animated","initialAnimatedValue","animatedDelay","sx","Math","max","min","animValue","number","animatedStyle","width","duration","alignItems","overflow","children","View"],"sourceRoot":"../../../../src","sources":["component/Progress/LinearProgressBar.tsx"],"mappings":";;AACA,SAASA,SAAS,QAAQ,OAAO;AAEjC,OAAOC,QAAQ,IAAIC,cAAc,EAAEC,gBAAgB,EAAEC,UAAU,EAAEC,SAAS,QAAQ,yBAAyB;AAE3G,SAASC,OAAO,QAAQ,sBAAa;AACrC,SAASC,EAAE,QAAQ,qBAAY;AAC/B,SAASC,GAAG,QAAQ,iBAAQ;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAc7B,MAAMC,iBAAiB,GAAGA,CAAC;EACzBC,KAAK,GAAGN,OAAO,CAACO,SAAS;EACzBC,eAAe,GAAGR,OAAO,CAACS,OAAO;EACjCC,KAAK;EACLC,KAAK,EAAEC,MAAM;EACbC,MAAM,GAAG,CAAC;EACVC,QAAQ;EACRC,oBAAoB;EACpBC,aAAa,GAAG,CAAC;EACjBC;AACsB,CAAC,KAAK;EAC5B,MAAMN,KAAK,GAAGO,IAAI,CAACC,GAAG,CAAC,CAAC,EAAED,IAAI,CAACE,GAAG,CAAC,GAAG,EAAER,MAAM,CAAC,CAAC;EAChD,MAAMS,SAAS,GAAGzB,cAAc,CAACK,EAAE,CAACqB,MAAM,CAACP,oBAAoB,CAAC,GAAGA,oBAAoB,GAAGJ,KAAK,CAAC;EAChG,MAAMY,aAAa,GAAG1B,gBAAgB,CAAC,MAAM;IAC3C,OAAO;MACL2B,KAAK,EAAE,GAAGH,SAAS,CAACV,KAAK,GAAG,GAAG;IACjC,CAAC;EACH,CAAC,CAAC;EAEFjB,SAAS,CAAC,MAAM;IACd,IAAIoB,QAAQ,EAAE;MACZ,IAAIb,EAAE,CAACqB,MAAM,CAACN,aAAa,CAAC,IAAIA,aAAa,GAAG,CAAC,EAAE;QACjDK,SAAS,CAACV,KAAK,GAAGZ,SAAS,CAACiB,aAAa,EAAElB,UAAU,CAACa,KAAK,EAAE;UAAEc,QAAQ,EAAE;QAAI,CAAC,CAAC,CAAC;MAClF,CAAC,MAAM;QACLJ,SAAS,CAACV,KAAK,GAAGb,UAAU,CAACa,KAAK,EAAE;UAAEc,QAAQ,EAAE;QAAI,CAAC,CAAC;MACxD;IACF,CAAC,MAAM;MACLJ,SAAS,CAACV,KAAK,GAAGA,KAAK;IACzB;EACF,CAAC,EAAE,CAACA,KAAK,EAAEU,SAAS,EAAEP,QAAQ,EAAEE,aAAa,CAAC,CAAC;EAE/C,oBACEZ,IAAA,CAACF,GAAG;IACFQ,KAAK,EAAE,CAACA,KAAK,EAAE;MAAEF,eAAe,EAAEA,eAAe;MAAEK,MAAM;MAAEa,UAAU,EAAE,YAAY;MAAEC,QAAQ,EAAE;IAAS,CAAC,CAAE;IAC3GV,EAAE,EAAEA,EAAG;IAAAW,QAAA,eAEPxB,IAAA,CAACT,QAAQ,CAACkC,IAAI;MAACnB,KAAK,EAAE,CAAC;QAAEF,eAAe,EAAEF,KAAK;QAAEO;MAAO,CAAC,EAAEU,aAAa;IAAE,CAAE;EAAC,CAC1E,CAAC;AAEV,CAAC;AAED,SAASlB,iBAAiB","ignoreList":[]}

package/lib/module/component/Progress/Slider.js

@@ -0,0 +1,151 @@
+"use strict";
+
+import { useCallback, useEffect, useState } from 'react';
+import { View } from 'react-native';
+import { GestureDetector, Gesture } from 'react-native-gesture-handler';
+import Animated, { runOnJS, useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
+import { Svg, Ellipse } from 'react-native-svg';
+import { palette } from "../../theme/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const trackScaleInIdle = 0.8;
+const Slider = props => {
+  const {
+    maximumValue,
+    onSlidingComplete = () => {},
+    onSlidingStart = () => {},
+    onSliding,
+    style,
+    containerStyle,
+    value,
+    trackHeight = 10,
+    trackColor = palette.violet50,
+    progressColor = palette.violet500,
+    disablePressScaleAnimation = false,
+    thumb,
+    isSnapToIntegerValue = false
+  } = props;
+  const [isSliding, setSliding] = useState(false);
+  const [containerWidth, setContainerWidth] = useState(0);
+  const containerScale = useSharedValue(trackScaleInIdle);
+  const containerScaleStyle = useAnimatedStyle(() => ({
+    transform: [{
+      scaleY: containerScale.value
+    }]
+  }));
+  const mapValueToPixel = useCallback(value => {
+    'worklet';
+
+    const scale = containerWidth / (maximumValue || 0.001);
+    return value * scale;
+  }, [maximumValue, containerWidth]);
+  const mapPixelToValue = pixel => {
+    'worklet';
+
+    const scale = containerWidth / (maximumValue || 0.001);
+    return pixel / scale;
+  };
+  const progressPixelAnimValue = useSharedValue(0);
+  useEffect(() => {
+    if (!isSliding) {
+      progressPixelAnimValue.value = mapValueToPixel(value);
+    }
+  }, [value, progressPixelAnimValue, mapValueToPixel, isSliding]);
+  const thumbWidth = thumb?.width || 0;
+  const thumbStyle = useAnimatedStyle(() => {
+    return {
+      left: progressPixelAnimValue.value - thumbWidth / 2
+    };
+  });
+  const progressAnimatedStyle = useAnimatedStyle(() => {
+    return {
+      width: progressPixelAnimValue.value
+    };
+  });
+  const startValue = useSharedValue(0);
+  const gesture = Gesture.Pan().hitSlop(16).onStart(() => {
+    containerScale.value = withTiming(1);
+    startValue.value = progressPixelAnimValue.value;
+    runOnJS(onSlidingStart)();
+    runOnJS(setSliding)(true);
+  }).onUpdate(({
+    translationX
+  }) => {
+    const nextPixel = Math.min(containerWidth, Math.max(0, translationX + startValue.value));
+    if (isSnapToIntegerValue) {
+      const nextValue = Math.round(mapPixelToValue(nextPixel));
+      progressPixelAnimValue.value = mapValueToPixel(nextValue);
+      runOnJS(onSliding)(nextValue);
+    } else {
+      progressPixelAnimValue.value = nextPixel;
+      runOnJS(onSliding)(mapPixelToValue(nextPixel));
+    }
+  }).onEnd(() => {
+    containerScale.value = withTiming(0.8);
+    runOnJS(onSlidingComplete)(mapPixelToValue(progressPixelAnimValue.value));
+    runOnJS(setSliding)(false);
+  });
+  return /*#__PURE__*/_jsxs(View, {
+    style: [{
+      minHeight: Math.max(thumb?.height || 0, trackHeight)
+    }, containerStyle],
+    children: [/*#__PURE__*/_jsx(View, {
+      style: {
+        justifyContent: 'center',
+        flex: 1
+      },
+      children: /*#__PURE__*/_jsx(GestureDetector, {
+        gesture: gesture,
+        children: /*#__PURE__*/_jsx(View, {
+          hitSlop: {
+            top: 16,
+            bottom: 16,
+            left: 16,
+            right: 16
+          },
+          children: /*#__PURE__*/_jsx(Animated.View, {
+            onLayout: e => setContainerWidth(e.nativeEvent.layout.width),
+            style: [{
+              height: trackHeight,
+              backgroundColor: trackColor,
+              overflow: 'hidden',
+              borderRadius: 999
+            }, style, disablePressScaleAnimation ? {} : containerScaleStyle],
+            children: /*#__PURE__*/_jsx(Animated.View, {
+              style: [{
+                backgroundColor: progressColor,
+                height: '100%'
+              }, progressAnimatedStyle]
+            })
+          })
+        })
+      })
+    }), thumb ? /*#__PURE__*/_jsx(Animated.View, {
+      style: [{
+        width: thumb.width,
+        height: thumb.height,
+        position: 'absolute'
+      }, thumbStyle],
+      pointerEvents: 'none',
+      children: /*#__PURE__*/_jsx(Svg, {
+        style: [{
+          width: thumb.width,
+          height: thumb.height,
+          overflow: 'visible'
+        }],
+        viewBox: `0 0 ${thumb.width} ${thumb.height}`,
+        pointerEvents: 'none',
+        children: /*#__PURE__*/_jsx(Ellipse, {
+          cx: thumb.width / 2,
+          cy: thumb.height / 2,
+          rx: thumb.width / 2 - 1,
+          ry: thumb.height / 2 - 1,
+          fill: thumb.color,
+          stroke: palette.gray300,
+          strokeWidth: 1
+        })
+      })
+    }) : null]
+  });
+};
+export { Slider };
+//# sourceMappingURL=Slider.js.map

package/lib/module/component/Progress/Slider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useEffect","useState","View","GestureDetector","Gesture","Animated","runOnJS","useAnimatedStyle","useSharedValue","withTiming","Svg","Ellipse","palette","jsx","_jsx","jsxs","_jsxs","trackScaleInIdle","Slider","props","maximumValue","onSlidingComplete","onSlidingStart","onSliding","style","containerStyle","value","trackHeight","trackColor","violet50","progressColor","violet500","disablePressScaleAnimation","thumb","isSnapToIntegerValue","isSliding","setSliding","containerWidth","setContainerWidth","containerScale","containerScaleStyle","transform","scaleY","mapValueToPixel","scale","mapPixelToValue","pixel","progressPixelAnimValue","thumbWidth","width","thumbStyle","left","progressAnimatedStyle","startValue","gesture","Pan","hitSlop","onStart","onUpdate","translationX","nextPixel","Math","min","max","nextValue","round","onEnd","minHeight","height","children","justifyContent","flex","top","bottom","right","onLayout","e","nativeEvent","layout","backgroundColor","overflow","borderRadius","position","pointerEvents","viewBox","cx","cy","rx","ry","fill","color","stroke","gray300","strokeWidth"],"sourceRoot":"../../../../src","sources":["component/Progress/Slider.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/component/Progress/index.js

@@ -0,0 +1,7 @@
+"use strict";
+
+export * from "./CircularProgressIndicator.js";
+export * from "./ImageCircularProgressIndicator.js";
+export * from "./LinearProgressBar.js";
+export * from "./Slider.js";
+//# sourceMappingURL=index.js.map

package/lib/module/component/Progress/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["component/Progress/index.ts"],"mappings":";;AAAA,cAAc,gCAA6B;AAC3C,cAAc,qCAAkC;AAChD,cAAc,wBAAqB;AACnC,cAAc,aAAU","ignoreList":[]}

package/lib/module/component/RadioButton.js

@@ -0,0 +1,32 @@
+"use strict";
+
+import { palette } from '@teamturing/react-native-kit';
+import { Pressable, View } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+const RadioButton = ({
+  layout,
+  value,
+  ...props
+}) => {
+  return /*#__PURE__*/_jsx(Pressable, {
+    ...props,
+    style: [layout, {
+      width: 24,
+      height: 24,
+      alignItems: 'center',
+      justifyContent: 'center'
+    }],
+    hitSlop: 12,
+    children: /*#__PURE__*/_jsx(View, {
+      style: {
+        width: 22,
+        height: 22,
+        borderRadius: 999,
+        borderWidth: value ? 6 : 3,
+        borderColor: value ? palette.gray900 : palette.gray200
+      }
+    })
+  });
+};
+export { RadioButton };
+//# sourceMappingURL=RadioButton.js.map

package/lib/module/component/RadioButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["palette","Pressable","View","jsx","_jsx","RadioButton","layout","value","props","style","width","height","alignItems","justifyContent","hitSlop","children","borderRadius","borderWidth","borderColor","gray900","gray200"],"sourceRoot":"../../../src","sources":["component/RadioButton.tsx"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,8BAA8B;AAEtD,SAASC,SAAS,EAAEC,IAAI,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAK/C,MAAMC,WAAW,GAAGA,CAAC;EAAEC,MAAM;EAAEC,KAAK;EAAE,GAAGC;AAAa,CAAC,KAAK;EAC1D,oBACEJ,IAAA,CAACH,SAAS;IAAA,GACJO,KAAK;IACTC,KAAK,EAAE,CAACH,MAAM,EAAE;MAAEI,KAAK,EAAE,EAAE;MAAEC,MAAM,EAAE,EAAE;MAAEC,UAAU,EAAE,QAAQ;MAAEC,cAAc,EAAE;IAAS,CAAC,CAAE;IAC3FC,OAAO,EAAE,EAAG;IAAAC,QAAA,eAEZX,IAAA,CAACF,IAAI;MACHO,KAAK,EAAE;QACLC,KAAK,EAAE,EAAE;QACTC,MAAM,EAAE,EAAE;QACVK,YAAY,EAAE,GAAG;QACjBC,WAAW,EAAEV,KAAK,GAAG,CAAC,GAAG,CAAC;QAC1BW,WAAW,EAAEX,KAAK,GAAGP,OAAO,CAACmB,OAAO,GAAGnB,OAAO,CAACoB;MACjD;IAAE,CACH;EAAC,CACO,CAAC;AAEhB,CAAC;AAED,SAASf,WAAW","ignoreList":[]}

package/lib/module/component/ReadMoreText.js

@@ -0,0 +1,64 @@
+"use strict";
+
+import { useLayout } from '@react-native-community/hooks';
+import { Txt, is, palette, Touch } from '@teamturing/react-native-kit';
+import { useEffect, useState } from 'react';
+import { jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const ReadMoreText = ({
+  onlyMore = true,
+  TxtComponent = Txt.M,
+  text,
+  numberOfLines = 3
+}) => {
+  const {
+    width,
+    onLayout
+  } = useLayout();
+  const [trimmedText, setTrimmedText] = useState('');
+  const [renderOriginalTextComponent, setRenderOriginalTextComponent] = useState(true);
+  const [showReadMore, setShowReadMore] = useState(false);
+  const toggleShowReadMore = () => {
+    setShowReadMore(value => !value);
+  };
+  const isValidNumberOfLinesForReadMore = numberOfLines > 0;
+  const canToggle = isValidNumberOfLinesForReadMore && trimmedText !== text && !(onlyMore && !showReadMore);
+  useEffect(() => {
+    setRenderOriginalTextComponent(true);
+  }, [text, width, numberOfLines]);
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsxs(Touch, {
+      onPress: toggleShowReadMore,
+      disabled: !canToggle,
+      activeOpacity: 1,
+      onLayout: onLayout,
+      children: [TxtComponent.render(showReadMore ? trimmedText : text, {
+        numberOfLines: showReadMore || is.emptyString(trimmedText) ? numberOfLines : undefined
+      }), canToggle && showReadMore ? TxtComponent.render('더 보기', {
+        color: palette.gray500
+      }) : null]
+    }), renderOriginalTextComponent ? TxtComponent.render(text, {
+      onTextLayout: e => {
+        if (isValidNumberOfLinesForReadMore && e.nativeEvent.lines.length > numberOfLines) {
+          setShowReadMore(true);
+          setTrimmedText(e.nativeEvent.lines.slice(0, numberOfLines).map(({
+            text
+          }, index) => {
+            const t = text.trimEnd();
+            return index !== numberOfLines - 1 ? t : t + '...';
+          }).join('\n'));
+        } else {
+          setShowReadMore(false);
+          setTrimmedText(text);
+        }
+        setRenderOriginalTextComponent(false);
+      },
+      style: {
+        opacity: 0,
+        position: 'absolute',
+        pointerEvents: 'none'
+      }
+    }) : null]
+  });
+};
+export { ReadMoreText };
+//# sourceMappingURL=ReadMoreText.js.map

package/lib/module/component/ReadMoreText.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useLayout","Txt","is","palette","Touch","useEffect","useState","jsxs","_jsxs","Fragment","_Fragment","ReadMoreText","onlyMore","TxtComponent","M","text","numberOfLines","width","onLayout","trimmedText","setTrimmedText","renderOriginalTextComponent","setRenderOriginalTextComponent","showReadMore","setShowReadMore","toggleShowReadMore","value","isValidNumberOfLinesForReadMore","canToggle","children","onPress","disabled","activeOpacity","render","emptyString","undefined","color","gray500","onTextLayout","e","nativeEvent","lines","length","slice","map","index","t","trimEnd","join","style","opacity","position","pointerEvents"],"sourceRoot":"../../../src","sources":["component/ReadMoreText.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/component/ReadMoreText.web.js

@@ -0,0 +1,11 @@
+"use strict";
+
+import { Txt } from '@teamturing/react-native-kit';
+const ReadMoreText = ({
+  TxtComponent = Txt.M,
+  text
+}) => {
+  return TxtComponent.render(text);
+};
+export { ReadMoreText };
+//# sourceMappingURL=ReadMoreText.web.js.map

package/lib/module/component/ReadMoreText.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Txt","ReadMoreText","TxtComponent","M","text","render"],"sourceRoot":"../../../src","sources":["component/ReadMoreText.web.tsx"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,8BAA8B;AAIlD,MAAMC,YAAY,GAAGA,CAAC;EAAEC,YAAY,GAAGF,GAAG,CAACG,CAAC;EAAEC;AAAwB,CAAC,KAAK;EAC1E,OAAOF,YAAY,CAACG,MAAM,CAACD,IAAI,CAAC;AAClC,CAAC;AAED,SAASH,YAAY","ignoreList":[]}

package/lib/module/component/ReanimatedBox/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+import { useSx } from '@react-native-styled-system/core';
+import { forwardRef } from 'react';
+import Animated from 'react-native-reanimated';
+import { jsx as _jsx } from "react/jsx-runtime";
+const ReanimatedBox = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    filteredProps,
+    getStyle
+  } = useSx(props);
+  return /*#__PURE__*/_jsx(Animated.View, {
+    ref: ref,
+    style: getStyle(),
+    ...filteredProps
+  });
+});
+export { ReanimatedBox };
+//# sourceMappingURL=index.js.map

package/lib/module/component/ReanimatedBox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useSx","forwardRef","Animated","jsx","_jsx","ReanimatedBox","props","ref","filteredProps","getStyle","View","style"],"sourceRoot":"../../../../src","sources":["component/ReanimatedBox/index.tsx"],"mappings":";;AACA,SAASA,KAAK,QAAQ,kCAAkC;AAExD,SAASC,UAAU,QAAQ,OAAO;AAGlC,OAAOC,QAAQ,MAAM,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG/C,MAAMC,aAAa,gBAAGJ,UAAU,CAAC,CAACK,KAAyB,EAAEC,GAAgC,KAAK;EAChG,MAAM;IAAEC,aAAa;IAAEC;EAAS,CAAC,GAAGT,KAAK,CAACM,KAAK,CAAC;EAChD,oBAAOF,IAAA,CAACF,QAAQ,CAACQ,IAAI;IAACH,GAAG,EAAEA,GAAI;IAACI,KAAK,EAAEF,QAAQ,CAAC,CAAE;IAAA,GAAKD;EAAa,CAAG,CAAC;AAC1E,CAAC,CAAC;AAEF,SAASH,aAAa","ignoreList":[]}

package/lib/module/component/ReanimatedStyledScrollView/index.js

@@ -0,0 +1,23 @@
+"use strict";
+
+import { useSx } from '@react-native-styled-system/core';
+import { forwardRef } from 'react';
+import Animated from 'react-native-reanimated';
+import { jsx as _jsx } from "react/jsx-runtime";
+const ReanimatedStyledScrollView = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    filteredProps,
+    getStyle
+  } = useSx(props);
+  const {
+    getStyle: contentContainerStyle
+  } = useSx(props.contentContainerSx);
+  return /*#__PURE__*/_jsx(Animated.ScrollView, {
+    ref: ref,
+    style: getStyle(),
+    contentContainerStyle: contentContainerStyle(),
+    ...filteredProps
+  });
+});
+export { ReanimatedStyledScrollView };
+//# sourceMappingURL=index.js.map

package/lib/module/component/ReanimatedStyledScrollView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useSx","forwardRef","Animated","jsx","_jsx","ReanimatedStyledScrollView","props","ref","filteredProps","getStyle","contentContainerStyle","contentContainerSx","ScrollView","style"],"sourceRoot":"../../../../src","sources":["component/ReanimatedStyledScrollView/index.tsx"],"mappings":";;AACA,SAASA,KAAK,QAAQ,kCAAkC;AAExD,SAASC,UAAU,QAAQ,OAAO;AAElC,OAAOC,QAAQ,MAAM,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAO/C,MAAMC,0BAA0B,gBAAGJ,UAAU,CAC3C,CAACK,KAAsC,EAAEC,GAAsC,KAAK;EAClF,MAAM;IAAEC,aAAa;IAAEC;EAAS,CAAC,GAAGT,KAAK,CAACM,KAAK,CAAC;EAChD,MAAM;IAAEG,QAAQ,EAAEC;EAAsB,CAAC,GAAGV,KAAK,CAACM,KAAK,CAACK,kBAAkB,CAAC;EAC3E,oBACEP,IAAA,CAACF,QAAQ,CAACU,UAAU;IAClBL,GAAG,EAAEA,GAAI;IACTM,KAAK,EAAEJ,QAAQ,CAAC,CAAE;IAClBC,qBAAqB,EAAEA,qBAAqB,CAAC,CAAE;IAAA,GAC3CF;EAAa,CAClB,CAAC;AAEN,CACF,CAAC;AAED,SAASH,0BAA0B","ignoreList":[]}

package/lib/module/component/RefreshControlEx.js

@@ -0,0 +1,17 @@
+"use strict";
+
+import { palette } from '@teamturing/react-native-kit';
+import React from 'react';
+import { RefreshControl } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+const RefreshControlEx = ({
+  ...rest
+}) => {
+  return /*#__PURE__*/_jsx(RefreshControl, {
+    tintColor: palette.violet400,
+    colors: [palette.violet400, palette.violet600, palette.green500],
+    ...rest
+  });
+};
+export { RefreshControlEx };
+//# sourceMappingURL=RefreshControlEx.js.map

package/lib/module/component/RefreshControlEx.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["palette","React","RefreshControl","jsx","_jsx","RefreshControlEx","rest","tintColor","violet400","colors","violet600","green500"],"sourceRoot":"../../../src","sources":["component/RefreshControlEx.tsx"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,8BAA8B;AACtD,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,cAAc,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG9C,MAAMC,gBAAiC,GAAGA,CAAC;EAAE,GAAGC;AAAY,CAAC,KAAK;EAChE,oBACEF,IAAA,CAACF,cAAc;IACbK,SAAS,EAAEP,OAAO,CAACQ,SAAU;IAC7BC,MAAM,EAAE,CAACT,OAAO,CAACQ,SAAS,EAAER,OAAO,CAACU,SAAS,EAAEV,OAAO,CAACW,QAAQ,CAAE;IAAA,GAC7DL;EAAI,CACT,CAAC;AAEN,CAAC;AAED,SAASD,gBAAgB","ignoreList":[]}

package/lib/module/component/StyledScrollView/index.js

@@ -0,0 +1,23 @@
+"use strict";
+
+import { useSx } from '@react-native-styled-system/core';
+import { forwardRef } from 'react';
+import { ScrollView } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+const StyledScrollView = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    getStyle,
+    filteredProps
+  } = useSx(props);
+  const {
+    getStyle: contentContainerStyle
+  } = useSx(props.contentContainerSx ?? {});
+  return /*#__PURE__*/_jsx(ScrollView, {
+    ref: ref,
+    ...filteredProps,
+    style: getStyle(),
+    contentContainerStyle: contentContainerStyle()
+  });
+});
+export { StyledScrollView };
+//# sourceMappingURL=index.js.map

package/lib/module/component/StyledScrollView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useSx","forwardRef","ScrollView","jsx","_jsx","StyledScrollView","props","ref","getStyle","filteredProps","contentContainerStyle","contentContainerSx","style"],"sourceRoot":"../../../../src","sources":["component/StyledScrollView/index.tsx"],"mappings":";;AACA,SAASA,KAAK,QAAQ,kCAAkC;AAExD,SAASC,UAAU,QAA2B,OAAO;AAErD,SAASC,UAAU,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQ1C,MAAMC,gBAAgB,gBAAGJ,UAAU,CAAC,CAACK,KAA4B,EAAEC,GAA6B,KAAK;EACnG,MAAM;IAAEC,QAAQ;IAAEC;EAAc,CAAC,GAAGT,KAAK,CAACM,KAAK,CAAQ;EACvD,MAAM;IAAEE,QAAQ,EAAEE;EAAsB,CAAC,GAAGV,KAAK,CAACM,KAAK,CAACK,kBAAkB,IAAI,CAAC,CAAC,CAAC;EACjF,oBAAOP,IAAA,CAACF,UAAU;IAACK,GAAG,EAAEA,GAAI;IAAA,GAAKE,aAAa;IAAEG,KAAK,EAAEJ,QAAQ,CAAC,CAAE;IAACE,qBAAqB,EAAEA,qBAAqB,CAAC;EAAE,CAAE,CAAC;AACvH,CAAC,CAAC;AAEF,SAASL,gBAAgB","ignoreList":[]}

package/lib/module/component/Switch.js

@@ -0,0 +1,83 @@
+"use strict";
+
+import { palette } from '@teamturing/react-native-kit';
+import { useEffect, useRef } from 'react';
+import { Animated, TouchableOpacity } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+const AnimatedTouchableOpacity = Animated.createAnimatedComponent(TouchableOpacity);
+const Switch = ({
+  value,
+  onValueChanged,
+  style,
+  testID,
+  disabled
+}) => {
+  const animValue = useRef(new Animated.Value(value ? 1 : 0)).current;
+  useEffect(() => {
+    Animated.spring(animValue, {
+      useNativeDriver: false,
+      toValue: value ? 1 : 0
+    }).start();
+    return () => {
+      animValue.stopAnimation();
+    };
+  }, [value, animValue]);
+  const cursorTranslationX = animValue.interpolate({
+    inputRange: [0, 1],
+    outputRange: [2, 22]
+  });
+  const backgroundColor = animValue.interpolate({
+    inputRange: [0, 1],
+    outputRange: [palette.gray200, palette.violet500]
+  });
+  const {
+    containerWidth,
+    containerHeight,
+    containerRadius,
+    thumbRadius
+  } = {
+    containerWidth: 51,
+    containerHeight: 31,
+    containerRadius: 9999,
+    thumbRadius: 27 / 2
+  };
+  return /*#__PURE__*/_jsx(AnimatedTouchableOpacity, {
+    disabled,
+    testID,
+    accessibilityLabel: `switch ${value ? 'on' : 'off'}`,
+    onPress: () => onValueChanged?.(!value),
+    activeOpacity: 0.8,
+    style: [{
+      width: containerWidth,
+      height: containerHeight,
+      backgroundColor,
+      borderRadius: containerRadius,
+      justifyContent: 'center'
+    }, disabled && value ? {
+      backgroundColor: palette.violet100
+    } : disabled && !value ? {
+      backgroundColor: palette.gray100
+    } : null, style],
+    hitSlop: {
+      left: 12,
+      top: 12,
+      bottom: 12,
+      right: 12
+    },
+    children: /*#__PURE__*/_jsx(Animated.View, {
+      pointerEvents: 'none',
+      style: [{
+        width: thumbRadius * 2,
+        height: thumbRadius * 2,
+        backgroundColor: palette.white,
+        borderRadius: thumbRadius
+      }, {
+        transform: [{
+          translateX: cursorTranslationX
+        }]
+      }]
+    })
+  });
+};
+export { Switch };
+//# sourceMappingURL=Switch.js.map

package/lib/module/component/Switch.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["palette","useEffect","useRef","Animated","TouchableOpacity","jsx","_jsx","AnimatedTouchableOpacity","createAnimatedComponent","Switch","value","onValueChanged","style","testID","disabled","animValue","Value","current","spring","useNativeDriver","toValue","start","stopAnimation","cursorTranslationX","interpolate","inputRange","outputRange","backgroundColor","gray200","violet500","containerWidth","containerHeight","containerRadius","thumbRadius","accessibilityLabel","onPress","activeOpacity","width","height","borderRadius","justifyContent","violet100","gray100","hitSlop","left","top","bottom","right","children","View","pointerEvents","white","transform","translateX"],"sourceRoot":"../../../src","sources":["component/Switch.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/component/Tab/BaseTab.js

@@ -0,0 +1,52 @@
+"use strict";
+
+import { Txt } from '@teamturing/react-native-kit';
+import React from 'react';
+import { View, Pressable } from 'react-native';
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+const BaseTab = ({
+  selectedIndex,
+  tabs,
+  onSelected,
+  onReselected,
+  renderContainer = children => /*#__PURE__*/_jsx(View, {
+    style: {
+      flexDirection: 'row'
+    },
+    children: children
+  }),
+  renderTab = ({
+    text,
+    isSelected
+  }) => isSelected ? Txt.M.Medium.render(text) : Txt.M.Gray500.render(text),
+  testID = 'BaseTab',
+  stretchItemWidth = true
+}) => {
+  const tabElements = /*#__PURE__*/_jsx(_Fragment, {
+    children: tabs.map((tab, i) => /*#__PURE__*/_jsx(Pressable, {
+      testID: `${testID}/${tab}`,
+      onPress: () => {
+        if (i !== selectedIndex) {
+          onSelected?.(i);
+        } else {
+          onReselected?.(i);
+        }
+      },
+      style: [stretchItemWidth ? {
+        flex: 1
+      } : {}, {
+        alignItems: 'center',
+        justifyContent: 'center',
+        height: 'auto'
+      }],
+      children: renderTab({
+        text: tab,
+        isSelected: i === selectedIndex,
+        index: i
+      })
+    }, i))
+  });
+  return renderContainer(tabElements);
+};
+export { BaseTab };
+//# sourceMappingURL=BaseTab.js.map

package/lib/module/component/Tab/BaseTab.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Txt","React","View","Pressable","jsx","_jsx","Fragment","_Fragment","BaseTab","selectedIndex","tabs","onSelected","onReselected","renderContainer","children","style","flexDirection","renderTab","text","isSelected","M","Medium","render","Gray500","testID","stretchItemWidth","tabElements","map","tab","i","onPress","flex","alignItems","justifyContent","height","index"],"sourceRoot":"../../../../src","sources":["component/Tab/BaseTab.tsx"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,8BAA8B;AAClD,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,SAAS,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA;AAkB/C,MAAMC,OAAO,GAAGA,CAAC;EACfC,aAAa;EACbC,IAAI;EACJC,UAAU;EACVC,YAAY;EACZC,eAAe,GAAIC,QAAQ,iBAAKT,IAAA,CAACH,IAAI;IAACa,KAAK,EAAE;MAAEC,aAAa,EAAE;IAAM,CAAE;IAAAF,QAAA,EAAEA;EAAQ,CAAO,CAAC;EACxFG,SAAS,GAAGA,CAAC;IAAEC,IAAI;IAAEC;EAAW,CAAC,KAAMA,UAAU,GAAGnB,GAAG,CAACoB,CAAC,CAACC,MAAM,CAACC,MAAM,CAACJ,IAAI,CAAC,GAAGlB,GAAG,CAACoB,CAAC,CAACG,OAAO,CAACD,MAAM,CAACJ,IAAI,CAAE;EAC3GM,MAAM,GAAG,SAAS;EAClBC,gBAAgB,GAAG;AACd,CAAC,KAAK;EACX,MAAMC,WAAW,gBACfrB,IAAA,CAAAE,SAAA;IAAAO,QAAA,EACGJ,IAAI,CAACiB,GAAG,CAAC,CAACC,GAAG,EAAEC,CAAC,kBACfxB,IAAA,CAACF,SAAS;MACRqB,MAAM,EAAE,GAAGA,MAAM,IAAII,GAAG,EAAG;MAC3BE,OAAO,EAAEA,CAAA,KAAM;QACb,IAAID,CAAC,KAAKpB,aAAa,EAAE;UACvBE,UAAU,GAAGkB,CAAC,CAAC;QACjB,CAAC,MAAM;UACLjB,YAAY,GAAGiB,CAAC,CAAC;QACnB;MACF,CAAE;MAEFd,KAAK,EAAE,CACLU,gBAAgB,GAAG;QAAEM,IAAI,EAAE;MAAE,CAAC,GAAG,CAAC,CAAC,EACnC;QAAEC,UAAU,EAAE,QAAQ;QAAEC,cAAc,EAAE,QAAQ;QAAEC,MAAM,EAAE;MAAO,CAAC,CAClE;MAAApB,QAAA,EAEDG,SAAS,CAAC;QAAEC,IAAI,EAAEU,GAAG;QAAET,UAAU,EAAEU,CAAC,KAAKpB,aAAa;QAAE0B,KAAK,EAAEN;MAAE,CAAC;IAAC,GAN/DA,CAOI,CACZ;EAAC,CACF,CACH;EAED,OAAOhB,eAAe,CAACa,WAAW,CAAC;AACrC,CAAC;AAED,SAASlB,OAAO","ignoreList":[]}