@herca/rn-kit 0.1.67 → 0.1.69

package/lib/module/DatePicker/TimePicker.js

@@ -1,11 +1,12 @@
 "use strict";
 
-import React, { useRef, useState, useEffect, useMemo } from 'react';
-import { View, StyleSheet, Text, Dimensions, Animated } from 'react-native';
+import React, { useEffect, useMemo, useRef, useState } from 'react';
+import { Animated, Dimensions, StyleSheet, View } from 'react-native';
 import BottomSheet from "../BottomSheet/BottomSheet.js";
 import Button from "../Button/Button.js";
-import Typography from "../Typography/Typography.js";
 import Color from "../Color/Color.js";
+import Typography from "../Typography/Typography.js";
+import AnimatedItem from "./partials/AnimatedItem.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const ITEM_HEIGHT = 40;
 const SCREEN_WIDTH = Dimensions.get('window').width;
@@ -21,7 +22,10 @@ const repeatItems = (items, repeatCount) => Array.from({
 export default function TimePickerWheel({
   isOpen,
   onClose,
-  onChange
+  onChange,
+  title = 'Pilih Waktu',
+  cancelLabel = 'Batal',
+  confirmLabel = 'Pilih'
 }) {
   const [selectedHour, setSelectedHour] = useState(0);
   const [selectedMinute, setSelectedMinute] = useState(0);
@@ -42,7 +46,9 @@ export default function TimePickerWheel({
         scrollToIndex(minuteRef, CENTER_INDEX_MINUTE);
       }, 100);
     }
-  }, [isOpen, selectedMinute, selectedHour, CENTER_INDEX_HOUR, CENTER_INDEX_MINUTE]);
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [isOpen]);
   const scrollToIndex = (ref, index, animated = true) => {
     ref.current?.scrollTo({
       y: index * ITEM_HEIGHT,
@@ -75,32 +81,6 @@ export default function TimePickerWheel({
     });
     onClose?.();
   };
-  const renderAnimatedItem = (value, type, index, scrollY) => {
-    const normalizedValue = type === 'hour' ? (value % 24 + 24) % 24 : (value % 60 + 60) % 60;
-    const inputRange = [(index - 2) * ITEM_HEIGHT, (index - 1) * ITEM_HEIGHT, index * ITEM_HEIGHT, (index + 1) * ITEM_HEIGHT, (index + 2) * ITEM_HEIGHT];
-    const scale = scrollY.interpolate({
-      inputRange,
-      outputRange: [0.7, 0.85, 1, 0.85, 0.7],
-      extrapolate: 'clamp'
-    });
-    const opacity = scrollY.interpolate({
-      inputRange,
-      outputRange: [0.3, 0.6, 1, 0.6, 0.3],
-      extrapolate: 'clamp'
-    });
-    return /*#__PURE__*/_jsx(Animated.View, {
-      style: [styles.item, {
-        transform: [{
-          scale
-        }],
-        opacity
-      }],
-      children: /*#__PURE__*/_jsx(Text, {
-        style: styles.itemText,
-        children: normalizedValue.toString().padStart(2, '0')
-      })
-    }, `${type}-${index}`);
-  };
   return /*#__PURE__*/_jsxs(BottomSheet, {
     isOpen: isOpen,
     onClose: onClose,
@@ -109,7 +89,7 @@ export default function TimePickerWheel({
       children: [/*#__PURE__*/_jsx(View, {
         style: styles.flex1,
         children: /*#__PURE__*/_jsx(Button, {
-          title: "Batal",
+          title: cancelLabel,
           variant: "tertiary",
           onPress: onClose,
           color: "primary",
@@ -118,7 +98,7 @@ export default function TimePickerWheel({
       }), /*#__PURE__*/_jsx(View, {
         style: styles.flex1,
         children: /*#__PURE__*/_jsx(Button, {
-          title: "Pilih",
+          title: confirmLabel,
           onPress: handleSubmit,
           color: "primary",
           size: "medium"
@@ -131,7 +111,7 @@ export default function TimePickerWheel({
       color: Color.gray[900],
       center: true,
       style: styles.hintTime,
-      children: "Pilih Waktu"
+      children: title
     }), /*#__PURE__*/_jsxs(View, {
       style: styles.container,
       children: [/*#__PURE__*/_jsx(View, {
@@ -161,7 +141,12 @@ export default function TimePickerWheel({
             }),
             scrollEventThrottle: 16,
             contentContainerStyle: styles.scrollContent,
-            children: hours.map((h, i) => renderAnimatedItem(h, 'hour', i, hourScrollY))
+            children: hours.map((h, i) => /*#__PURE__*/_jsx(AnimatedItem, {
+              index: i,
+              value: h,
+              type: "hour",
+              scrollY: hourScrollY
+            }, i))
           })
         }), /*#__PURE__*/_jsx(View, {
           style: styles.pickerColumn,
@@ -182,7 +167,12 @@ export default function TimePickerWheel({
             }),
             scrollEventThrottle: 16,
             contentContainerStyle: styles.scrollContent,
-            children: minutes.map((m, i) => renderAnimatedItem(m, 'minute', i, minuteScrollY))
+            children: minutes.map((m, i) => /*#__PURE__*/_jsx(AnimatedItem, {
+              index: i,
+              value: m,
+              type: "minute",
+              scrollY: minuteScrollY
+            }, i))
           })
         })]
       })]
@@ -214,16 +204,6 @@ const styles = StyleSheet.create({
     height: ITEM_HEIGHT * VISIBLE_ITEMS,
     overflow: 'hidden'
   },
-  item: {
-    height: ITEM_HEIGHT,
-    justifyContent: 'center',
-    alignItems: 'center'
-  },
-  itemText: {
-    fontSize: 22,
-    color: Color.gray[900],
-    fontWeight: '600'
-  },
   highlightOverlay: {
     position: 'absolute',
     zIndex: -1,

package/lib/module/DatePicker/TimePicker.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useRef","useState","useEffect","useMemo","View","StyleSheet","Text","Dimensions","Animated","BottomSheet","Button","Typography","Color","jsx","_jsx","jsxs","_jsxs","ITEM_HEIGHT","SCREEN_WIDTH","get","width","VISIBLE_ITEMS","MIDDLE_INDEX","Math","floor","REPEAT_COUNT","generateItems","max","Array","from","length","_","i","repeatItems","items","repeatCount","flatMap","TimePickerWheel","isOpen","onClose","onChange","selectedHour","setSelectedHour","selectedMinute","setSelectedMinute","hourRef","minuteRef","hourScrollY","Value","current","minuteScrollY","hoursBase","minutesBase","hours","minutes","CENTER_INDEX_HOUR","CENTER_INDEX_MINUTE","setTimeout","scrollToIndex","ref","index","animated","scrollTo","y","handleScrollEnd","event","type","offsetY","nativeEvent","contentOffset","round","realValue","newCenter","abs","handleSubmit","hour","minute","renderAnimatedItem","value","scrollY","normalizedValue","inputRange","scale","interpolate","outputRange","extrapolate","opacity","style","styles","item","transform","children","itemText","toString","padStart","footer","flex1","title","variant","onPress","color","size","weight","gray","center","hintTime","container","highlightOverlay","pointerEvents","highlight","scrollContainer","pickerColumn","ScrollView","showsVerticalScrollIndicator","snapToInterval","decelerationRate","onMomentumScrollEnd","e","onScroll","useNativeDriver","scrollEventThrottle","contentContainerStyle","scrollContent","map","h","m","create","position","height","marginBottom","flexDirection","gap","flex","justifyContent","paddingVertical","overflow","alignItems","fontSize","fontWeight","zIndex","top","left","right","bottom","backgroundColor","primary"],"sourceRoot":"../../../src","sources":["DatePicker/TimePicker.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,MAAM,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,OAAO,QAAQ,OAAO;AACnE,SACEC,IAAI,EACJC,UAAU,EACVC,IAAI,EACJC,UAAU,EACVC,QAAQ,QAIH,cAAc;AACrB,OAAOC,WAAW,MAAM,+BAA4B;AACpD,OAAOC,MAAM,MAAM,qBAAkB;AACrC,OAAOC,UAAU,MAAM,6BAA0B;AACjD,OAAOC,KAAK,MAAM,mBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEnC,MAAMC,WAAW,GAAG,EAAE;AACtB,MAAMC,YAAY,GAAGX,UAAU,CAACY,GAAG,CAAC,QAAQ,CAAC,CAACC,KAAK;AACnD,MAAMC,aAAa,GAAG,CAAC;AACvB,MAAMC,YAAY,GAAGC,IAAI,CAACC,KAAK,CAACH,aAAa,GAAG,CAAC,CAAC;AAClD,MAAMI,YAAY,GAAG,CAAC;AAQtB,MAAMC,aAAa,GAAIC,GAAW,IAAKC,KAAK,CAACC,IAAI,CAAC;EAAEC,MAAM,EAAEH;AAAI,CAAC,EAAE,CAACI,CAAC,EAAEC,CAAC,KAAKA,CAAC,CAAC;AAE/E,MAAMC,WAAW,GAAGA,CAACC,KAAe,EAAEC,WAAmB,KACvDP,KAAK,CAACC,IAAI,CAAC;EAAEC,MAAM,EAAEK;AAAY,CAAC,CAAC,CAACC,OAAO,CAAC,MAAMF,KAAK,CAAC;AAE1D,eAAe,SAASG,eAAeA,CAAC;EACtCC,MAAM;EACNC,OAAO;EACPC;AACe,CAAC,EAAE;EAClB,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAGzC,QAAQ,CAAS,CAAC,CAAC;EAC3D,MAAM,CAAC0C,cAAc,EAAEC,iBAAiB,CAAC,GAAG3C,QAAQ,CAAS,CAAC,CAAC;EAE/D,MAAM4C,OAAO,GAAG7C,MAAM,CAAa,IAAI,CAAC;EACxC,MAAM8C,SAAS,GAAG9C,MAAM,CAAa,IAAI,CAAC;EAE1C,MAAM+C,WAAW,GAAG/C,MAAM,CAAC,IAAIQ,QAAQ,CAACwC,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EACzD,MAAMC,aAAa,GAAGlD,MAAM,CAAC,IAAIQ,QAAQ,CAACwC,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EAE3D,MAAME,SAAS,GAAGzB,aAAa,CAAC,EAAE,CAAC;EACnC,MAAM0B,WAAW,GAAG1B,aAAa,CAAC,EAAE,CAAC;EAErC,MAAM2B,KAAK,GAAGlD,OAAO,CACnB,MAAM8B,WAAW,CAACkB,SAAS,EAAE1B,YAAY,CAAC,EAC1C,CAAC0B,SAAS,CACZ,CAAC;EACD,MAAMG,OAAO,GAAGnD,OAAO,CACrB,MAAM8B,WAAW,CAACmB,WAAW,EAAE3B,YAAY,CAAC,EAC5C,CAAC2B,WAAW,CACd,CAAC;EAED,MAAMG,iBAAiB,GACrBhC,IAAI,CAACC,KAAK,CAAC6B,KAAK,CAACvB,MAAM,GAAG,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,GAAGW,YAAY;EACvD,MAAMe,mBAAmB,GACvBjC,IAAI,CAACC,KAAK,CAAC8B,OAAO,CAACxB,MAAM,GAAG,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,GAAGa,cAAc;EAE3DzC,SAAS,CAAC,MAAM;IACd,IAAIoC,MAAM,EAAE;MACVmB,UAAU,CAAC,MAAM;QACfC,aAAa,CAACb,OAAO,EAAEU,iBAAiB,CAAC;QACzCG,aAAa,CAACZ,SAAS,EAAEU,mBAAmB,CAAC;MAC/C,CAAC,EAAE,GAAG,CAAC;IACT;EACF,CAAC,EAAE,CACDlB,MAAM,EACNK,cAAc,EACdF,YAAY,EACZc,iBAAiB,EACjBC,mBAAmB,CACpB,CAAC;EAEF,MAAME,aAAa,GAAGA,CACpBC,GAAuC,EACvCC,KAAa,EACbC,QAAiB,GAAG,IAAI,KACrB;IACHF,GAAG,CAACV,OAAO,EAAEa,QAAQ,CAAC;MAAEC,CAAC,EAAEH,KAAK,GAAG3C,WAAW;MAAE4C;IAAS,CAAC,CAAC;EAC7D,CAAC;EAED,MAAMG,eAAe,GAAGA,CACtBC,KAA8C,EAC9CC,IAAuB,KACpB;IACH,MAAMC,OAAO,GAAGF,KAAK,CAACG,WAAW,CAACC,aAAa,CAACN,CAAC;IACjD,MAAMH,KAAK,GAAGrC,IAAI,CAAC+C,KAAK,CAACH,OAAO,GAAGlD,WAAW,CAAC;IAE/C,IAAIiD,IAAI,KAAK,MAAM,EAAE;MACnB,MAAMK,SAAS,GAAGlB,KAAK,CAACO,KAAK,GAAG,EAAE,CAAW;MAC7ClB,eAAe,CAAC6B,SAAS,CAAC;MAE1B,MAAMC,SAAS,GAAGjD,IAAI,CAACC,KAAK,CAAC6B,KAAK,CAACvB,MAAM,GAAG,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,GAAGyC,SAAS;MACpE,IAAIhD,IAAI,CAACkD,GAAG,CAACb,KAAK,GAAGY,SAAS,CAAC,GAAG,EAAE,EAAE;QACpCd,aAAa,CAACb,OAAO,EAAE2B,SAAS,EAAE,KAAK,CAAC;MAC1C;IACF,CAAC,MAAM;MACL,MAAMD,SAAS,GAAGjB,OAAO,CAACM,KAAK,GAAG,EAAE,CAAW;MAC/ChB,iBAAiB,CAAC2B,SAAS,CAAC;MAE5B,MAAMC,SAAS,GAAGjD,IAAI,CAACC,KAAK,CAAC8B,OAAO,CAACxB,MAAM,GAAG,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,GAAGyC,SAAS;MACtE,IAAIhD,IAAI,CAACkD,GAAG,CAACb,KAAK,GAAGY,SAAS,CAAC,GAAG,EAAE,EAAE;QACpCd,aAAa,CAACZ,SAAS,EAAE0B,SAAS,EAAE,KAAK,CAAC;MAC5C;IACF;EACF,CAAC;EAED,MAAME,YAAY,GAAGA,CAAA,KAAM;IACzBlC,QAAQ,GAAG;MAAEmC,IAAI,EAAElC,YAAY;MAAEmC,MAAM,EAAEjC;IAAe,CAAC,CAAC;IAC1DJ,OAAO,GAAG,CAAC;EACb,CAAC;EAED,MAAMsC,kBAAkB,GAAGA,CACzBC,KAAa,EACbZ,IAAuB,EACvBN,KAAa,EACbmB,OAAuB,KACpB;IACH,MAAMC,eAAe,GACnBd,IAAI,KAAK,MAAM,GAAG,CAAEY,KAAK,GAAG,EAAE,GAAI,EAAE,IAAI,EAAE,GAAG,CAAEA,KAAK,GAAG,EAAE,GAAI,EAAE,IAAI,EAAE;IAEvE,MAAMG,UAAU,GAAG,CACjB,CAACrB,KAAK,GAAG,CAAC,IAAI3C,WAAW,EACzB,CAAC2C,KAAK,GAAG,CAAC,IAAI3C,WAAW,EACzB2C,KAAK,GAAG3C,WAAW,EACnB,CAAC2C,KAAK,GAAG,CAAC,IAAI3C,WAAW,EACzB,CAAC2C,KAAK,GAAG,CAAC,IAAI3C,WAAW,CAC1B;IAED,MAAMiE,KAAK,GAAGH,OAAO,CAACI,WAAW,CAAC;MAChCF,UAAU;MACVG,WAAW,EAAE,CAAC,GAAG,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,CAAC;MACtCC,WAAW,EAAE;IACf,CAAC,CAAC;IAEF,MAAMC,OAAO,GAAGP,OAAO,CAACI,WAAW,CAAC;MAClCF,UAAU;MACVG,WAAW,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC;MACpCC,WAAW,EAAE;IACf,CAAC,CAAC;IAEF,oBACEvE,IAAA,CAACN,QAAQ,CAACJ,IAAI;MAEZmF,KAAK,EAAE,CAACC,MAAM,CAACC,IAAI,EAAE;QAAEC,SAAS,EAAE,CAAC;UAAER;QAAM,CAAC,CAAC;QAAEI;MAAQ,CAAC,CAAE;MAAAK,QAAA,eAE1D7E,IAAA,CAACR,IAAI;QAACiF,KAAK,EAAEC,MAAM,CAACI,QAAS;QAAAD,QAAA,EAC1BX,eAAe,CAACa,QAAQ,CAAC,CAAC,CAACC,QAAQ,CAAC,CAAC,EAAE,GAAG;MAAC,CACxC;IAAC,GALF,GAAG5B,IAAI,IAAIN,KAAK,EAMR,CAAC;EAEpB,CAAC;EAED,oBACE5C,KAAA,CAACP,WAAW;IACV6B,MAAM,EAAEA,MAAO;IACfC,OAAO,EAAEA,OAAQ;IACjBwD,MAAM,eACJ/E,KAAA,CAACZ,IAAI;MAACmF,KAAK,EAAEC,MAAM,CAACO,MAAO;MAAAJ,QAAA,gBACzB7E,IAAA,CAACV,IAAI;QAACmF,KAAK,EAAEC,MAAM,CAACQ,KAAM;QAAAL,QAAA,eACxB7E,IAAA,CAACJ,MAAM;UACLuF,KAAK,EAAC,OAAO;UACbC,OAAO,EAAC,UAAU;UAClBC,OAAO,EAAE5D,OAAQ;UACjB6D,KAAK,EAAC,SAAS;UACfC,IAAI,EAAC;QAAQ,CACd;MAAC,CACE,CAAC,eACPvF,IAAA,CAACV,IAAI;QAACmF,KAAK,EAAEC,MAAM,CAACQ,KAAM;QAAAL,QAAA,eACxB7E,IAAA,CAACJ,MAAM;UACLuF,KAAK,EAAC,OAAO;UACbE,OAAO,EAAEzB,YAAa;UACtB0B,KAAK,EAAC,SAAS;UACfC,IAAI,EAAC;QAAQ,CACd;MAAC,CACE,CAAC;IAAA,CACH,CACP;IAAAV,QAAA,gBAED7E,IAAA,CAACH,UAAU;MACTuF,OAAO,EAAC,IAAI;MACZI,MAAM,EAAC,UAAU;MACjBF,KAAK,EAAExF,KAAK,CAAC2F,IAAI,CAAC,GAAG,CAAE;MACvBC,MAAM;MACNjB,KAAK,EAAEC,MAAM,CAACiB,QAAS;MAAAd,QAAA,EACxB;IAED,CAAY,CAAC,eAEb3E,KAAA,CAACZ,IAAI;MAACmF,KAAK,EAAEC,MAAM,CAACkB,SAAU;MAAAf,QAAA,gBAE5B7E,IAAA,CAACV,IAAI;QAACmF,KAAK,EAAEC,MAAM,CAACmB,gBAAiB;QAACC,aAAa,EAAC,MAAM;QAAAjB,QAAA,eACxD7E,IAAA,CAACV,IAAI;UAACmF,KAAK,EAAEC,MAAM,CAACqB;QAAU,CAAE;MAAC,CAC7B,CAAC,eAEP7F,KAAA,CAACZ,IAAI;QAACmF,KAAK,EAAEC,MAAM,CAACsB,eAAgB;QAAAnB,QAAA,gBAClC7E,IAAA,CAACV,IAAI;UAACmF,KAAK,EAAEC,MAAM,CAACuB,YAAa;UAAApB,QAAA,eAC/B7E,IAAA,CAACN,QAAQ,CAACwG,UAAU;YAClBrD,GAAG,EAAEd,OAAQ;YACboE,4BAA4B,EAAE,KAAM;YACpCC,cAAc,EAAEjG,WAAY;YAC5BkG,gBAAgB,EAAC,MAAM;YACvBC,mBAAmB,EAAGC,CAAC,IAAKrD,eAAe,CAACqD,CAAC,EAAE,MAAM,CAAE;YACvDC,QAAQ,EAAE9G,QAAQ,CAACyD,KAAK,CACtB,CAAC;cAAEG,WAAW,EAAE;gBAAEC,aAAa,EAAE;kBAAEN,CAAC,EAAEhB;gBAAY;cAAE;YAAE,CAAC,CAAC,EACxD;cAAEwE,eAAe,EAAE;YAAK,CAC1B,CAAE;YACFC,mBAAmB,EAAE,EAAG;YACxBC,qBAAqB,EAAEjC,MAAM,CAACkC,aAAc;YAAA/B,QAAA,EAE3CtC,KAAK,CAACsE,GAAG,CAAC,CAACC,CAAC,EAAE5F,CAAC,KACd6C,kBAAkB,CAAC+C,CAAC,EAAE,MAAM,EAAE5F,CAAC,EAAEe,WAAW,CAC9C;UAAC,CACkB;QAAC,CAClB,CAAC,eAEPjC,IAAA,CAACV,IAAI;UAACmF,KAAK,EAAEC,MAAM,CAACuB,YAAa;UAAApB,QAAA,eAC/B7E,IAAA,CAACN,QAAQ,CAACwG,UAAU;YAClBrD,GAAG,EAAEb,SAAU;YACfmE,4BAA4B,EAAE,KAAM;YACpCC,cAAc,EAAEjG,WAAY;YAC5BkG,gBAAgB,EAAC,MAAM;YACvBC,mBAAmB,EAAGC,CAAC,IAAKrD,eAAe,CAACqD,CAAC,EAAE,QAAQ,CAAE;YACzDC,QAAQ,EAAE9G,QAAQ,CAACyD,KAAK,CACtB,CAAC;cAAEG,WAAW,EAAE;gBAAEC,aAAa,EAAE;kBAAEN,CAAC,EAAEb;gBAAc;cAAE;YAAE,CAAC,CAAC,EAC1D;cAAEqE,eAAe,EAAE;YAAK,CAC1B,CAAE;YACFC,mBAAmB,EAAE,EAAG;YACxBC,qBAAqB,EAAEjC,MAAM,CAACkC,aAAc;YAAA/B,QAAA,EAE3CrC,OAAO,CAACqE,GAAG,CAAC,CAACE,CAAC,EAAE7F,CAAC,KAChB6C,kBAAkB,CAACgD,CAAC,EAAE,QAAQ,EAAE7F,CAAC,EAAEkB,aAAa,CAClD;UAAC,CACkB;QAAC,CAClB,CAAC;MAAA,CACH,CAAC;IAAA,CACH,CAAC;EAAA,CACI,CAAC;AAElB;AAEA,MAAMsC,MAAM,GAAGnF,UAAU,CAACyH,MAAM,CAAC;EAC/BpB,SAAS,EAAE;IACTqB,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE/G,WAAW,GAAGI,aAAa;IACnC4G,YAAY,EAAE;EAChB,CAAC;EACDlC,MAAM,EAAE;IACNmC,aAAa,EAAE,KAAK;IACpBC,GAAG,EAAE;EACP,CAAC;EACDnC,KAAK,EAAE;IACLoC,IAAI,EAAE;EACR,CAAC;EACDtB,eAAe,EAAE;IACfoB,aAAa,EAAE,KAAK;IACpBG,cAAc,EAAE;EAClB,CAAC;EACDX,aAAa,EAAE;IACbY,eAAe,EAAErH,WAAW,GAAGK;EACjC,CAAC;EACDyF,YAAY,EAAE;IACZ3F,KAAK,EAAEF,YAAY,GAAG,IAAI;IAC1B8G,MAAM,EAAE/G,WAAW,GAAGI,aAAa;IACnCkH,QAAQ,EAAE;EACZ,CAAC;EACD9C,IAAI,EAAE;IACJuC,MAAM,EAAE/G,WAAW;IACnBoH,cAAc,EAAE,QAAQ;IACxBG,UAAU,EAAE;EACd,CAAC;EACD5C,QAAQ,EAAE;IACR6C,QAAQ,EAAE,EAAE;IACZrC,KAAK,EAAExF,KAAK,CAAC2F,IAAI,CAAC,GAAG,CAAC;IACtBmC,UAAU,EAAE;EACd,CAAC;EACD/B,gBAAgB,EAAE;IAChBoB,QAAQ,EAAE,UAAU;IACpBY,MAAM,EAAE,CAAC,CAAC;IACVC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE,CAAC;IACTV,cAAc,EAAE;EAClB,CAAC;EACDxB,SAAS,EAAE;IACTmB,MAAM,EAAE/G,WAAW;IACnB0H,MAAM,EAAE,CAAC,CAAC;IACVK,eAAe,EAAEpI,KAAK,CAACqI,OAAO,CAAC,EAAE;EACnC,CAAC;EACDxC,QAAQ,EAAE;IAAEwB,YAAY,EAAE;EAAG;AAC/B,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useMemo","useRef","useState","Animated","Dimensions","StyleSheet","View","BottomSheet","Button","Color","Typography","AnimatedItem","jsx","_jsx","jsxs","_jsxs","ITEM_HEIGHT","SCREEN_WIDTH","get","width","VISIBLE_ITEMS","MIDDLE_INDEX","Math","floor","REPEAT_COUNT","generateItems","max","Array","from","length","_","i","repeatItems","items","repeatCount","flatMap","TimePickerWheel","isOpen","onClose","onChange","title","cancelLabel","confirmLabel","selectedHour","setSelectedHour","selectedMinute","setSelectedMinute","hourRef","minuteRef","hourScrollY","Value","current","minuteScrollY","hoursBase","minutesBase","hours","minutes","CENTER_INDEX_HOUR","CENTER_INDEX_MINUTE","setTimeout","scrollToIndex","ref","index","animated","scrollTo","y","handleScrollEnd","event","type","offsetY","nativeEvent","contentOffset","round","realValue","newCenter","abs","handleSubmit","hour","minute","footer","style","styles","children","flex1","variant","onPress","color","size","weight","gray","center","hintTime","container","highlightOverlay","pointerEvents","highlight","scrollContainer","pickerColumn","ScrollView","showsVerticalScrollIndicator","snapToInterval","decelerationRate","onMomentumScrollEnd","e","onScroll","useNativeDriver","scrollEventThrottle","contentContainerStyle","scrollContent","map","h","value","scrollY","m","create","position","height","marginBottom","flexDirection","gap","flex","justifyContent","paddingVertical","overflow","zIndex","top","left","right","bottom","backgroundColor","primary"],"sourceRoot":"../../../src","sources":["DatePicker/TimePicker.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/DatePicker/partials/AnimatedItem.js

@@ -0,0 +1,52 @@
+"use strict";
+
+import React from 'react';
+import { Animated, StyleSheet, Text } from 'react-native';
+import Color from "../../Color/Color.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const ITEM_HEIGHT = 40;
+const AnimatedItem = /*#__PURE__*/React.memo(({
+  value,
+  scrollY,
+  index,
+  type
+}) => {
+  const normalizedValue = type === 'hour' ? (value % 24 + 24) % 24 : (value % 60 + 60) % 60;
+  const inputRange = [(index - 2) * ITEM_HEIGHT, (index - 1) * ITEM_HEIGHT, index * ITEM_HEIGHT, (index + 1) * ITEM_HEIGHT, (index + 2) * ITEM_HEIGHT];
+  const scale = scrollY.interpolate({
+    inputRange,
+    outputRange: [0.7, 0.85, 1, 0.85, 0.7],
+    extrapolate: 'clamp'
+  });
+  const opacity = scrollY.interpolate({
+    inputRange,
+    outputRange: [0.3, 0.6, 1, 0.6, 0.3],
+    extrapolate: 'clamp'
+  });
+  return /*#__PURE__*/_jsx(Animated.View, {
+    style: [styles.item, {
+      transform: [{
+        scale
+      }],
+      opacity
+    }],
+    children: /*#__PURE__*/_jsx(Text, {
+      style: styles.itemText,
+      children: normalizedValue.toString().padStart(2, '0')
+    })
+  });
+});
+const styles = StyleSheet.create({
+  itemText: {
+    fontSize: 22,
+    color: Color.gray[900],
+    fontWeight: '600'
+  },
+  item: {
+    height: ITEM_HEIGHT,
+    justifyContent: 'center',
+    alignItems: 'center'
+  }
+});
+export default AnimatedItem;
+//# sourceMappingURL=AnimatedItem.js.map

package/lib/module/DatePicker/partials/AnimatedItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Animated","StyleSheet","Text","Color","jsx","_jsx","ITEM_HEIGHT","AnimatedItem","memo","value","scrollY","index","type","normalizedValue","inputRange","scale","interpolate","outputRange","extrapolate","opacity","View","style","styles","item","transform","children","itemText","toString","padStart","create","fontSize","color","gray","fontWeight","height","justifyContent","alignItems"],"sourceRoot":"../../../../src","sources":["DatePicker/partials/AnimatedItem.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AACzD,OAAOC,KAAK,MAAM,sBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAStC,MAAMC,WAAW,GAAG,EAAE;AAEtB,MAAMC,YAAY,gBAAGR,KAAK,CAACS,IAAI,CAC7B,CAAC;EAAEC,KAAK;EAAEC,OAAO;EAAEC,KAAK;EAAEC;AAAwB,CAAC,KAAK;EACtD,MAAMC,eAAe,GACnBD,IAAI,KAAK,MAAM,GAAG,CAAEH,KAAK,GAAG,EAAE,GAAI,EAAE,IAAI,EAAE,GAAG,CAAEA,KAAK,GAAG,EAAE,GAAI,EAAE,IAAI,EAAE;EAEvE,MAAMK,UAAU,GAAG,CACjB,CAACH,KAAK,GAAG,CAAC,IAAIL,WAAW,EACzB,CAACK,KAAK,GAAG,CAAC,IAAIL,WAAW,EACzBK,KAAK,GAAGL,WAAW,EACnB,CAACK,KAAK,GAAG,CAAC,IAAIL,WAAW,EACzB,CAACK,KAAK,GAAG,CAAC,IAAIL,WAAW,CAC1B;EAED,MAAMS,KAAK,GAAGL,OAAO,CAACM,WAAW,CAAC;IAChCF,UAAU;IACVG,WAAW,EAAE,CAAC,GAAG,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,CAAC;IACtCC,WAAW,EAAE;EACf,CAAC,CAAC;EAEF,MAAMC,OAAO,GAAGT,OAAO,CAACM,WAAW,CAAC;IAClCF,UAAU;IACVG,WAAW,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC;IACpCC,WAAW,EAAE;EACf,CAAC,CAAC;EAEF,oBACEb,IAAA,CAACL,QAAQ,CAACoB,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACC,IAAI,EAAE;MAAEC,SAAS,EAAE,CAAC;QAAET;MAAM,CAAC,CAAC;MAAEI;IAAQ,CAAC,CAAE;IAAAM,QAAA,eACvEpB,IAAA,CAACH,IAAI;MAACmB,KAAK,EAAEC,MAAM,CAACI,QAAS;MAAAD,QAAA,EAC1BZ,eAAe,CAACc,QAAQ,CAAC,CAAC,CAACC,QAAQ,CAAC,CAAC,EAAE,GAAG;IAAC,CACxC;EAAC,CACM,CAAC;AAEpB,CACF,CAAC;AAED,MAAMN,MAAM,GAAGrB,UAAU,CAAC4B,MAAM,CAAC;EAC/BH,QAAQ,EAAE;IACRI,QAAQ,EAAE,EAAE;IACZC,KAAK,EAAE5B,KAAK,CAAC6B,IAAI,CAAC,GAAG,CAAC;IACtBC,UAAU,EAAE;EACd,CAAC;EACDV,IAAI,EAAE;IACJW,MAAM,EAAE5B,WAAW;IACnB6B,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAEF,eAAe7B,YAAY","ignoreList":[]}

package/lib/module/Input/TextArea.js

@@ -11,7 +11,8 @@ export default function TextArea({
   hasError,
   style,
   hint,
-  onChangeText
+  onChangeText,
+  ...props
 }) {
   const handleOnChangeText = value => {
     onChangeText?.(value);
@@ -31,7 +32,9 @@ export default function TextArea({
         multiline: true,
         numberOfLines: 14,
         style: [styles.input, style],
-        textAlignVertical: "top"
+        textAlignVertical: "top",
+        placeholderTextColor: Color.gray[500],
+        ...props
       })
     }), hint ? /*#__PURE__*/_jsx(Typography, {
       color: hasError ? Color.danger[500] : '',

package/lib/module/Input/TextArea.js.map

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","TextInput","View","LabelForm","Color","Typography","jsx","_jsx","jsxs","_jsxs","TextArea","height","label","hasError","style","hint","onChangeText","handleOnChangeText","value","styles","gap","children","title","container","borderColor","danger","gray","editable","multiline","numberOfLines","input","textAlignVertical","color","variant","create","position","borderRadius","borderWidth","backgroundColor","base","white100","fontSize","padding","flex"],"sourceRoot":"../../../src","sources":["Input/TextArea.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,SAAS,EAAEC,IAAI,QAAQ,cAAc;AAC1D,OAAOC,SAAS,MAAM,2BAAwB;AAC9C,OAAOC,KAAK,MAAM,mBAAgB;AAClC,OAAOC,UAAU,MAAM,6BAA0B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGlD,eAAe,SAASC,QAAQA,CAAC;EAC/BC,MAAM,GAAG,GAAG;EACZC,KAAK;EACLC,QAAQ;EACRC,KAAK;EACLC,IAAI;EACJC;AACa,CAAC,EAAE;EAChB,MAAMC,kBAAkB,GAAIC,KAAa,IAAK;IAC5CF,YAAY,GAAGE,KAAK,CAAC;EACvB,CAAC;EAED,oBACET,KAAA,CAACP,IAAI;IAACY,KAAK,EAAEK,MAAM,CAACC,GAAI;IAAAC,QAAA,GACrBT,KAAK,gBAAGL,IAAA,CAACJ,SAAS;MAACmB,KAAK,EAAEV;IAAM,CAAE,CAAC,GAAG,IAAI,eAE3CL,IAAA,CAACL,IAAI;MACHY,KAAK,EAAE,CACLK,MAAM,CAACI,SAAS,EAChB;QACEC,WAAW,EAAEX,QAAQ,GAAGT,KAAK,CAACqB,MAAM,CAAC,GAAG,CAAC,GAAGrB,KAAK,CAACsB,IAAI,CAAC,GAAG,CAAC;QAC3Df;MACF,CAAC,CACD;MAAAU,QAAA,eAEFd,IAAA,CAACN,SAAS;QACRe,YAAY,EAAEC,kBAAmB;QACjCU,QAAQ;QACRC,SAAS;QACTC,aAAa,EAAE,EAAG;QAClBf,KAAK,EAAE,CAACK,MAAM,CAACW,KAAK,EAAEhB,KAAK,CAAE;QAC7BiB,iBAAiB,EAAC;MAAK,CACxB;IAAC,CACE,CAAC,EACNhB,IAAI,gBACHR,IAAA,CAACF,UAAU;MAAC2B,KAAK,EAAEnB,QAAQ,GAAGT,KAAK,CAACqB,MAAM,CAAC,GAAG,CAAC,GAAG,EAAG;MAACQ,OAAO,EAAC,IAAI;MAAAZ,QAAA,EAC/DN;IAAI,CACK,CAAC,GACX,IAAI;EAAA,CACJ,CAAC;AAEX;AAEA,MAAMI,MAAM,GAAGnB,UAAU,CAACkC,MAAM,CAAC;EAC/Bd,GAAG,EAAE;IACHA,GAAG,EAAE;EACP,CAAC;EACDG,SAAS,EAAE;IACTY,QAAQ,EAAE,UAAU;IACpBC,YAAY,EAAE,CAAC;IACfC,WAAW,EAAE,CAAC;IACdC,eAAe,EAAElC,KAAK,CAACmC,IAAI,CAACC;EAC9B,CAAC;EACDV,KAAK,EAAE;IACLW,QAAQ,EAAE,EAAE;IACZT,KAAK,EAAE,MAAM;IACbU,OAAO,EAAE,EAAE;IACXX,iBAAiB,EAAE,KAAK;IACxBY,IAAI,EAAE;EACR;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["StyleSheet","TextInput","View","LabelForm","Color","Typography","jsx","_jsx","jsxs","_jsxs","TextArea","height","label","hasError","style","hint","onChangeText","props","handleOnChangeText","value","styles","gap","children","title","container","borderColor","danger","gray","editable","multiline","numberOfLines","input","textAlignVertical","placeholderTextColor","color","variant","create","position","borderRadius","borderWidth","backgroundColor","base","white100","fontSize","padding","flex"],"sourceRoot":"../../../src","sources":["Input/TextArea.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,SAAS,EAAEC,IAAI,QAAQ,cAAc;AAC1D,OAAOC,SAAS,MAAM,2BAAwB;AAC9C,OAAOC,KAAK,MAAM,mBAAgB;AAClC,OAAOC,UAAU,MAAM,6BAA0B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGlD,eAAe,SAASC,QAAQA,CAAC;EAC/BC,MAAM,GAAG,GAAG;EACZC,KAAK;EACLC,QAAQ;EACRC,KAAK;EACLC,IAAI;EACJC,YAAY;EACZ,GAAGC;AACU,CAAC,EAAE;EAChB,MAAMC,kBAAkB,GAAIC,KAAa,IAAK;IAC5CH,YAAY,GAAGG,KAAK,CAAC;EACvB,CAAC;EAED,oBACEV,KAAA,CAACP,IAAI;IAACY,KAAK,EAAEM,MAAM,CAACC,GAAI;IAAAC,QAAA,GACrBV,KAAK,gBAAGL,IAAA,CAACJ,SAAS;MAACoB,KAAK,EAAEX;IAAM,CAAE,CAAC,GAAG,IAAI,eAE3CL,IAAA,CAACL,IAAI;MACHY,KAAK,EAAE,CACLM,MAAM,CAACI,SAAS,EAChB;QACEC,WAAW,EAAEZ,QAAQ,GAAGT,KAAK,CAACsB,MAAM,CAAC,GAAG,CAAC,GAAGtB,KAAK,CAACuB,IAAI,CAAC,GAAG,CAAC;QAC3DhB;MACF,CAAC,CACD;MAAAW,QAAA,eAEFf,IAAA,CAACN,SAAS;QACRe,YAAY,EAAEE,kBAAmB;QACjCU,QAAQ;QACRC,SAAS;QACTC,aAAa,EAAE,EAAG;QAClBhB,KAAK,EAAE,CAACM,MAAM,CAACW,KAAK,EAAEjB,KAAK,CAAE;QAC7BkB,iBAAiB,EAAC,KAAK;QACvBC,oBAAoB,EAAE7B,KAAK,CAACuB,IAAI,CAAC,GAAG,CAAE;QAAA,GAClCV;MAAK,CACV;IAAC,CACE,CAAC,EACNF,IAAI,gBACHR,IAAA,CAACF,UAAU;MAAC6B,KAAK,EAAErB,QAAQ,GAAGT,KAAK,CAACsB,MAAM,CAAC,GAAG,CAAC,GAAG,EAAG;MAACS,OAAO,EAAC,IAAI;MAAAb,QAAA,EAC/DP;IAAI,CACK,CAAC,GACX,IAAI;EAAA,CACJ,CAAC;AAEX;AAEA,MAAMK,MAAM,GAAGpB,UAAU,CAACoC,MAAM,CAAC;EAC/Bf,GAAG,EAAE;IACHA,GAAG,EAAE;EACP,CAAC;EACDG,SAAS,EAAE;IACTa,QAAQ,EAAE,UAAU;IACpBC,YAAY,EAAE,CAAC;IACfC,WAAW,EAAE,CAAC;IACdC,eAAe,EAAEpC,KAAK,CAACqC,IAAI,CAACC;EAC9B,CAAC;EACDX,KAAK,EAAE;IACLY,QAAQ,EAAE,EAAE;IACZT,KAAK,EAAE,MAAM;IACbU,OAAO,EAAE,EAAE;IACXZ,iBAAiB,EAAE,KAAK;IACxBa,IAAI,EAAE;EACR;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/LabelForm/LabelForm.js

@@ -6,12 +6,14 @@ import Color from "../Color/Color.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export default function LabelForm({
   title,
-  required
+  required,
+  color = Color.gray[900]
 }) {
   return /*#__PURE__*/_jsx(View, {
     children: /*#__PURE__*/_jsxs(Typography, {
       variant: "t2",
       weight: "semibold",
+      color: color,
       children: [title, ' ', required && /*#__PURE__*/_jsx(Typography, {
         variant: "t2",
         weight: "semibold",

package/lib/module/LabelForm/LabelForm.js.map

@@ -1 +1 @@
-{"version":3,"names":["View","Typography","Color","jsx","_jsx","jsxs","_jsxs","LabelForm","title","required","children","variant","weight","color","danger"],"sourceRoot":"../../../src","sources":["LabelForm/LabelForm.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,cAAc;AACnC,OAAOC,UAAU,MAAM,6BAA0B;AACjD,OAAOC,KAAK,MAAM,mBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAOnC,eAAe,SAASC,SAASA,CAAC;EAAEC,KAAK;EAAEC;AAAgB,CAAC,EAAE;EAC5D,oBACEL,IAAA,CAACJ,IAAI;IAAAU,QAAA,eACHJ,KAAA,CAACL,UAAU;MAACU,OAAO,EAAC,IAAI;MAACC,MAAM,EAAC,UAAU;MAAAF,QAAA,GACvCF,KAAK,EAAE,GAAG,EACVC,QAAQ,iBACPL,IAAA,CAACH,UAAU;QAACU,OAAO,EAAC,IAAI;QAACC,MAAM,EAAC,UAAU;QAACC,KAAK,EAAEX,KAAK,CAACY,MAAM,CAAC,GAAG,CAAE;QAAAJ,QAAA,EAAC;MAErE,CAAY,CACb;IAAA,CACS;EAAC,CACT,CAAC;AAEX","ignoreList":[]}
+{"version":3,"names":["View","Typography","Color","jsx","_jsx","jsxs","_jsxs","LabelForm","title","required","color","gray","children","variant","weight","danger"],"sourceRoot":"../../../src","sources":["LabelForm/LabelForm.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,cAAc;AACnC,OAAOC,UAAU,MAAM,6BAA0B;AACjD,OAAOC,KAAK,MAAM,mBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAQnC,eAAe,SAASC,SAASA,CAAC;EAChCC,KAAK;EACLC,QAAQ;EACRC,KAAK,GAAGR,KAAK,CAACS,IAAI,CAAC,GAAG;AACjB,CAAC,EAAE;EACR,oBACEP,IAAA,CAACJ,IAAI;IAAAY,QAAA,eACHN,KAAA,CAACL,UAAU;MAACY,OAAO,EAAC,IAAI;MAACC,MAAM,EAAC,UAAU;MAACJ,KAAK,EAAEA,KAAM;MAAAE,QAAA,GACrDJ,KAAK,EAAE,GAAG,EACVC,QAAQ,iBACPL,IAAA,CAACH,UAAU;QAACY,OAAO,EAAC,IAAI;QAACC,MAAM,EAAC,UAAU;QAACJ,KAAK,EAAER,KAAK,CAACa,MAAM,CAAC,GAAG,CAAE;QAAAH,QAAA,EAAC;MAErE,CAAY,CACb;IAAA,CACS;EAAC,CACT,CAAC;AAEX","ignoreList":[]}

package/lib/module/Step/Step.js

@@ -67,7 +67,7 @@ const styles = StyleSheet.create({
     paddingHorizontal: 24,
     width: screenWidth,
     backgroundColor: Color.info[50],
-    paddingVertical: 16
+    paddingVertical: 8
   },
   contentContainer: {
     flex: 1

package/lib/module/Step/StepItem.js

@@ -3,6 +3,7 @@
 import React from 'react';
 import { View, Text, StyleSheet, FlatList } from 'react-native';
 import Color from "../Color/Color.js";
+import Icon from "../Icon/index.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const StepItem = ({
   index = 0,
@@ -16,14 +17,18 @@ const StepItem = ({
   if (isHeader) {
     return /*#__PURE__*/_jsxs(View, {
       style: [styles.headerItem, style],
-      children: [/*#__PURE__*/_jsx(View, {
+      children: [/*#__PURE__*/_jsxs(View, {
         style: [styles.circle, isCompleted && styles.completed, isActive && styles.active],
-        children: /*#__PURE__*/_jsx(Text, {
+        children: [!isCompleted && /*#__PURE__*/_jsx(Text, {
           style: styles.circleText,
           children: index + 1
-        })
+        }), isCompleted && /*#__PURE__*/_jsx(Icon, {
+          name: "Check",
+          size: 20,
+          color: "white"
+        })]
       }), !isLast && /*#__PURE__*/_jsx(View, {
-        style: styles.line
+        style: [styles.line, isCompleted ? styles.completedLine : undefined]
       })]
     });
   }
@@ -61,7 +66,7 @@ const styles = StyleSheet.create({
     backgroundColor: Color.info[500]
   },
   completed: {
-    backgroundColor: Color.info[500]
+    backgroundColor: Color.success[500]
   },
   line: {
     width: 40,
@@ -72,7 +77,10 @@ const styles = StyleSheet.create({
   content: {
     flex: 1
   },
-  listContent: {}
+  listContent: {},
+  completedLine: {
+    backgroundColor: Color.success[500]
+  }
 });
 export default StepItem;
 //# sourceMappingURL=StepItem.js.map

package/lib/module/Step/StepItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","Text","StyleSheet","FlatList","Color","jsx","_jsx","jsxs","_jsxs","StepItem","index","isActive","isCompleted","isLast","isHeader","children","style","styles","headerItem","circle","completed","active","circleText","line","isValidElement","type","flatListElement","cloneElement","content","props","contentContainerStyle","listContent","nestedScrollEnabled","create","flexDirection","alignItems","width","height","borderRadius","backgroundColor","justifyContent","color","fontWeight","info","marginHorizontal","flex"],"sourceRoot":"../../../src","sources":["Step/StepItem.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,IAAI,EACJC,IAAI,EACJC,UAAU,EACVC,QAAQ,QAEH,cAAc;AACrB,OAAOC,KAAK,MAAM,mBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGnC,MAAMC,QAAQ,GAAGA,CAAC;EAChBC,KAAK,GAAG,CAAC;EACTC,QAAQ;EACRC,WAAW;EACXC,MAAM;EACNC,QAAQ;EACRC,QAAQ;EACRC;AACa,CAAC,KAAK;EACnB,IAAIF,QAAQ,EAAE;IACZ,oBACEN,KAAA,CAACR,IAAI;MAACgB,KAAK,EAAE,CAACC,MAAM,CAACC,UAAU,EAAEF,KAAK,CAAE;MAAAD,QAAA,gBACtCT,IAAA,CAACN,IAAI;QACHgB,KAAK,EAAE,CACLC,MAAM,CAACE,MAAM,EACbP,WAAW,IAAIK,MAAM,CAACG,SAAS,EAC/BT,QAAQ,IAAIM,MAAM,CAACI,MAAM,CACzB;QAAAN,QAAA,eAEFT,IAAA,CAACL,IAAI;UAACe,KAAK,EAAEC,MAAM,CAACK,UAAW;UAAAP,QAAA,EAAEL,KAAK,GAAG;QAAC,CAAO;MAAC,CAC9C,CAAC,EACN,CAACG,MAAM,iBAAIP,IAAA,CAACN,IAAI;QAACgB,KAAK,EAAEC,MAAM,CAACM;MAAK,CAAE,CAAC;IAAA,CACpC,CAAC;EAEX;EAEA,IAAI,aAAAxB,KAAK,CAACyB,cAAc,CAACT,QAAQ,CAAC,IAAIA,QAAQ,CAACU,IAAI,KAAKtB,QAAQ,EAAE;IAChE,MAAMuB,eAAe,GAAGX,QAAkD;IAC1E,oBAAOhB,KAAK,CAAC4B,YAAY,CAACD,eAAe,EAAE;MACzCV,KAAK,EAAE,CAACC,MAAM,CAACW,OAAO,EAAEF,eAAe,CAACG,KAAK,CAACb,KAAK,CAAC;MACpDc,qBAAqB,EAAE,CACrBb,MAAM,CAACc,WAAW,EAClBL,eAAe,CAACG,KAAK,CAACC,qBAAqB,CAC5C;MACDE,mBAAmB,EAAE;IACvB,CAAC,CAAC;EACJ;EAEA,oBAAO1B,IAAA,CAACN,IAAI;IAACgB,KAAK,EAAEC,MAAM,CAACW,OAAQ;IAAAb,QAAA,EAAEA;EAAQ,CAAO,CAAC;AACvD,CAAC;AACD,MAAME,MAAM,GAAGf,UAAU,CAAC+B,MAAM,CAAC;EAC/Bf,UAAU,EAAE;IACVgB,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE;EACd,CAAC;EACDhB,MAAM,EAAE;IACNiB,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE,EAAE;IAChBC,eAAe,EAAE,MAAM;IACvBC,cAAc,EAAE,QAAQ;IACxBL,UAAU,EAAE;EACd,CAAC;EACDb,UAAU,EAAE;IACVmB,KAAK,EAAE,MAAM;IACbC,UAAU,EAAE;EACd,CAAC;EACDrB,MAAM,EAAE;IACNkB,eAAe,EAAEnC,KAAK,CAACuC,IAAI,CAAC,GAAG;EACjC,CAAC;EACDvB,SAAS,EAAE;IACTmB,eAAe,EAAEnC,KAAK,CAACuC,IAAI,CAAC,GAAG;EACjC,CAAC;EACDpB,IAAI,EAAE;IACJa,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,CAAC;IACTE,eAAe,EAAEnC,KAAK,CAACuC,IAAI,CAAC,GAAG,CAAC;IAChCC,gBAAgB,EAAE;EACpB,CAAC;EACDhB,OAAO,EAAE;IACPiB,IAAI,EAAE;EACR,CAAC;EACDd,WAAW,EAAE,CAAC;AAChB,CAAC,CAAC;AACF,eAAetB,QAAQ","ignoreList":[]}
+{"version":3,"names":["React","View","Text","StyleSheet","FlatList","Color","Icon","jsx","_jsx","jsxs","_jsxs","StepItem","index","isActive","isCompleted","isLast","isHeader","children","style","styles","headerItem","circle","completed","active","circleText","name","size","color","line","completedLine","undefined","isValidElement","type","flatListElement","cloneElement","content","props","contentContainerStyle","listContent","nestedScrollEnabled","create","flexDirection","alignItems","width","height","borderRadius","backgroundColor","justifyContent","fontWeight","info","success","marginHorizontal","flex"],"sourceRoot":"../../../src","sources":["Step/StepItem.tsx"],"mappings":"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","ignoreList":[]}

package/lib/typescript/src/DatePicker/TimePicker.d.ts

@@ -5,7 +5,10 @@ interface TimePickerProps {
         hour: number;
         minute: number;
     }) => void;
+    title?: string;
+    confirmLabel?: string;
+    cancelLabel?: string;
 }
-export default function TimePickerWheel({ isOpen, onClose, onChange, }: TimePickerProps): import("react/jsx-runtime").JSX.Element;
+export default function TimePickerWheel({ isOpen, onClose, onChange, title, cancelLabel, confirmLabel, }: TimePickerProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=TimePicker.d.ts.map

package/lib/typescript/src/DatePicker/TimePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../../../../src/DatePicker/TimePicker.tsx"],"names":[],"mappings":"AAsBA,UAAU,eAAe;IACvB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CAC9D;AAOD,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,MAAM,EACN,OAAO,EACP,QAAQ,GACT,EAAE,eAAe,2CAgNjB"}
+{"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../../../../src/DatePicker/TimePicker.tsx"],"names":[],"mappings":"AAsBA,UAAU,eAAe;IACvB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC7D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAOD,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,MAAM,EACN,OAAO,EACP,QAAQ,EACR,KAAqB,EACrB,WAAqB,EACrB,YAAsB,GACvB,EAAE,eAAe,2CA+KjB"}

package/lib/typescript/src/DatePicker/partials/AnimatedItem.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { Animated } from 'react-native';
+interface AnimatedItemProps {
+    value: number;
+    scrollY: Animated.Value;
+    index: number;
+    type: 'hour' | 'minute';
+}
+declare const AnimatedItem: React.MemoExoticComponent<({ value, scrollY, index, type }: AnimatedItemProps) => import("react/jsx-runtime").JSX.Element>;
+export default AnimatedItem;
+//# sourceMappingURL=AnimatedItem.d.ts.map

package/lib/typescript/src/DatePicker/partials/AnimatedItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatedItem.d.ts","sourceRoot":"","sources":["../../../../../src/DatePicker/partials/AnimatedItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAoB,MAAM,cAAc,CAAC;AAG1D,UAAU,iBAAiB;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,QAAQ,CAAC,KAAK,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,GAAG,QAAQ,CAAC;CACzB;AAID,QAAA,MAAM,YAAY,8DACkB,iBAAiB,6CAgCpD,CAAC;AAeF,eAAe,YAAY,CAAC"}

package/lib/typescript/src/Input/TextArea.d.ts

@@ -1,3 +1,3 @@
 import type { TextAreaProps } from './type';
-export default function TextArea({ height, label, hasError, style, hint, onChangeText, }: TextAreaProps): import("react/jsx-runtime").JSX.Element;
+export default function TextArea({ height, label, hasError, style, hint, onChangeText, ...props }: TextAreaProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=TextArea.d.ts.map

package/lib/typescript/src/Input/TextArea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../../src/Input/TextArea.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAE5C,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,MAAY,EACZ,KAAK,EACL,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,YAAY,GACb,EAAE,aAAa,2CAkCf"}
+{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../../src/Input/TextArea.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAE5C,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,MAAY,EACZ,KAAK,EACL,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,aAAa,2CAoCf"}

package/lib/typescript/src/LabelForm/LabelForm.d.ts

@@ -1,7 +1,8 @@
 interface Props {
     title: string;
     required?: boolean;
+    color?: string;
 }
-export default function LabelForm({ title, required }: Props): import("react/jsx-runtime").JSX.Element;
+export default function LabelForm({ title, required, color, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=LabelForm.d.ts.map

package/lib/typescript/src/LabelForm/LabelForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LabelForm.d.ts","sourceRoot":"","sources":["../../../../src/LabelForm/LabelForm.tsx"],"names":[],"mappings":"AAIA,UAAU,KAAK;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,KAAK,2CAa3D"}
+{"version":3,"file":"LabelForm.d.ts","sourceRoot":"","sources":["../../../../src/LabelForm/LabelForm.tsx"],"names":[],"mappings":"AAIA,UAAU,KAAK;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,KAAK,EACL,QAAQ,EACR,KAAuB,GACxB,EAAE,KAAK,2CAaP"}

package/lib/typescript/src/Step/StepItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StepItem.d.ts","sourceRoot":"","sources":["../../../../src/Step/StepItem.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAE5C,QAAA,MAAM,QAAQ,GAAI,sEAQf,aAAa,4CA+Bf,CAAC;AAmCF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"StepItem.d.ts","sourceRoot":"","sources":["../../../../src/Step/StepItem.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAG5C,QAAA,MAAM,QAAQ,GAAI,sEAQf,aAAa,4CAuCf,CAAC;AAsCF,eAAe,QAAQ,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@herca/rn-kit",
-  "version": "0.1.67",
+  "version": "0.1.69",
   "description": "React Native UI Kit",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",

package/src/DatePicker/TimePicker.tsx

@@ -1,18 +1,18 @@
-import React, { useRef, useState, useEffect, useMemo } from 'react';
+import React, { useEffect, useMemo, useRef, useState } from 'react';
 import {
-  View,
-  StyleSheet,
-  Text,
-  Dimensions,
   Animated,
-  type NativeSyntheticEvent,
+  Dimensions,
   type NativeScrollEvent,
+  type NativeSyntheticEvent,
   ScrollView,
+  StyleSheet,
+  View,
 } from 'react-native';
 import BottomSheet from '../BottomSheet/BottomSheet';
 import Button from '../Button/Button';
-import Typography from '../Typography/Typography';
 import Color from '../Color/Color';
+import Typography from '../Typography/Typography';
+import AnimatedItem from './partials/AnimatedItem';
 
 const ITEM_HEIGHT = 40;
 const SCREEN_WIDTH = Dimensions.get('window').width;
@@ -24,6 +24,9 @@ interface TimePickerProps {
   isOpen: boolean;
   onClose?: () => void;
   onChange?: (value: { hour: number; minute: number }) => void;
+  title?: string;
+  confirmLabel?: string;
+  cancelLabel?: string;
 }
 
 const generateItems = (max: number) => Array.from({ length: max }, (_, i) => i);
@@ -35,6 +38,9 @@ export default function TimePickerWheel({
   isOpen,
   onClose,
   onChange,
+  title = 'Pilih Waktu',
+  cancelLabel = 'Batal',
+  confirmLabel = 'Pilih',
 }: TimePickerProps) {
   const [selectedHour, setSelectedHour] = useState<number>(0);
   const [selectedMinute, setSelectedMinute] = useState<number>(0);
@@ -69,13 +75,9 @@ export default function TimePickerWheel({
         scrollToIndex(minuteRef, CENTER_INDEX_MINUTE);
       }, 100);
     }
-  }, [
-    isOpen,
-    selectedMinute,
-    selectedHour,
-    CENTER_INDEX_HOUR,
-    CENTER_INDEX_MINUTE,
-  ]);
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [isOpen]);
 
   const scrollToIndex = (
     ref: React.RefObject<ScrollView | null>,
@@ -116,47 +118,6 @@ export default function TimePickerWheel({
     onClose?.();
   };
 
-  const renderAnimatedItem = (
-    value: number,
-    type: 'hour' | 'minute',
-    index: number,
-    scrollY: Animated.Value
-  ) => {
-    const normalizedValue =
-      type === 'hour' ? ((value % 24) + 24) % 24 : ((value % 60) + 60) % 60;
-
-    const inputRange = [
-      (index - 2) * ITEM_HEIGHT,
-      (index - 1) * ITEM_HEIGHT,
-      index * ITEM_HEIGHT,
-      (index + 1) * ITEM_HEIGHT,
-      (index + 2) * ITEM_HEIGHT,
-    ];
-
-    const scale = scrollY.interpolate({
-      inputRange,
-      outputRange: [0.7, 0.85, 1, 0.85, 0.7],
-      extrapolate: 'clamp',
-    });
-
-    const opacity = scrollY.interpolate({
-      inputRange,
-      outputRange: [0.3, 0.6, 1, 0.6, 0.3],
-      extrapolate: 'clamp',
-    });
-
-    return (
-      <Animated.View
-        key={`${type}-${index}`}
-        style={[styles.item, { transform: [{ scale }], opacity }]}
-      >
-        <Text style={styles.itemText}>
-          {normalizedValue.toString().padStart(2, '0')}
-        </Text>
-      </Animated.View>
-    );
-  };
-
   return (
     <BottomSheet
       isOpen={isOpen}
@@ -165,7 +126,7 @@ export default function TimePickerWheel({
         <View style={styles.footer}>
           <View style={styles.flex1}>
             <Button
-              title="Batal"
+              title={cancelLabel}
               variant="tertiary"
               onPress={onClose}
               color="primary"
@@ -174,7 +135,7 @@ export default function TimePickerWheel({
           </View>
           <View style={styles.flex1}>
             <Button
-              title="Pilih"
+              title={confirmLabel}
               onPress={handleSubmit}
               color="primary"
               size="medium"
@@ -190,7 +151,7 @@ export default function TimePickerWheel({
         center
         style={styles.hintTime}
       >
-        Pilih Waktu
+        {title}
       </Typography>
 
       <View style={styles.container}>
@@ -214,9 +175,15 @@ export default function TimePickerWheel({
               scrollEventThrottle={16}
               contentContainerStyle={styles.scrollContent}
             >
-              {hours.map((h, i) =>
-                renderAnimatedItem(h, 'hour', i, hourScrollY)
-              )}
+              {hours.map((h, i) => (
+                <AnimatedItem
+                  key={i}
+                  index={i}
+                  value={h}
+                  type="hour"
+                  scrollY={hourScrollY}
+                />
+              ))}
             </Animated.ScrollView>
           </View>
 
@@ -234,9 +201,15 @@ export default function TimePickerWheel({
               scrollEventThrottle={16}
               contentContainerStyle={styles.scrollContent}
             >
-              {minutes.map((m, i) =>
-                renderAnimatedItem(m, 'minute', i, minuteScrollY)
-              )}
+              {minutes.map((m, i) => (
+                <AnimatedItem
+                  key={i}
+                  index={i}
+                  value={m}
+                  type="minute"
+                  scrollY={minuteScrollY}
+                />
+              ))}
             </Animated.ScrollView>
           </View>
         </View>
@@ -270,16 +243,6 @@ const styles = StyleSheet.create({
     height: ITEM_HEIGHT * VISIBLE_ITEMS,
     overflow: 'hidden',
   },
-  item: {
-    height: ITEM_HEIGHT,
-    justifyContent: 'center',
-    alignItems: 'center',
-  },
-  itemText: {
-    fontSize: 22,
-    color: Color.gray[900],
-    fontWeight: '600',
-  },
   highlightOverlay: {
     position: 'absolute',
     zIndex: -1,

package/src/DatePicker/partials/AnimatedItem.tsx

@@ -0,0 +1,62 @@
+import React from 'react';
+import { Animated, StyleSheet, Text } from 'react-native';
+import Color from '../../Color/Color';
+
+interface AnimatedItemProps {
+  value: number;
+  scrollY: Animated.Value;
+  index: number;
+  type: 'hour' | 'minute';
+}
+
+const ITEM_HEIGHT = 40;
+
+const AnimatedItem = React.memo(
+  ({ value, scrollY, index, type }: AnimatedItemProps) => {
+    const normalizedValue =
+      type === 'hour' ? ((value % 24) + 24) % 24 : ((value % 60) + 60) % 60;
+
+    const inputRange = [
+      (index - 2) * ITEM_HEIGHT,
+      (index - 1) * ITEM_HEIGHT,
+      index * ITEM_HEIGHT,
+      (index + 1) * ITEM_HEIGHT,
+      (index + 2) * ITEM_HEIGHT,
+    ];
+
+    const scale = scrollY.interpolate({
+      inputRange,
+      outputRange: [0.7, 0.85, 1, 0.85, 0.7],
+      extrapolate: 'clamp',
+    });
+
+    const opacity = scrollY.interpolate({
+      inputRange,
+      outputRange: [0.3, 0.6, 1, 0.6, 0.3],
+      extrapolate: 'clamp',
+    });
+
+    return (
+      <Animated.View style={[styles.item, { transform: [{ scale }], opacity }]}>
+        <Text style={styles.itemText}>
+          {normalizedValue.toString().padStart(2, '0')}
+        </Text>
+      </Animated.View>
+    );
+  }
+);
+
+const styles = StyleSheet.create({
+  itemText: {
+    fontSize: 22,
+    color: Color.gray[900],
+    fontWeight: '600',
+  },
+  item: {
+    height: ITEM_HEIGHT,
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+});
+
+export default AnimatedItem;

package/src/Input/TextArea.tsx

@@ -11,6 +11,7 @@ export default function TextArea({
   style,
   hint,
   onChangeText,
+  ...props
 }: TextAreaProps) {
   const handleOnChangeText = (value: string) => {
     onChangeText?.(value);
@@ -36,6 +37,8 @@ export default function TextArea({
           numberOfLines={14}
           style={[styles.input, style]}
           textAlignVertical="top"
+          placeholderTextColor={Color.gray[500]}
+          {...props}
         />
       </View>
       {hint ? (

package/src/LabelForm/LabelForm.tsx

@@ -5,12 +5,17 @@ import Color from '../Color/Color';
 interface Props {
   title: string;
   required?: boolean;
+  color?: string;
 }
 
-export default function LabelForm({ title, required }: Props) {
+export default function LabelForm({
+  title,
+  required,
+  color = Color.gray[900],
+}: Props) {
   return (
     <View>
-      <Typography variant="t2" weight="semibold">
+      <Typography variant="t2" weight="semibold" color={color}>
         {title}{' '}
         {required && (
           <Typography variant="t2" weight="semibold" color={Color.danger[500]}>

package/src/Step/Step.tsx

@@ -75,7 +75,7 @@ const styles = StyleSheet.create({
     paddingHorizontal: 24,
     width: screenWidth,
     backgroundColor: Color.info[50],
-    paddingVertical: 16,
+    paddingVertical: 8,
   },
   contentContainer: {
     flex: 1,

package/src/Step/StepItem.tsx

@@ -8,6 +8,7 @@ import {
 } from 'react-native';
 import Color from '../Color/Color';
 import type { StepItemProps } from './type';
+import Icon from '../Icon';
 
 const StepItem = ({
   index = 0,
@@ -28,9 +29,17 @@ const StepItem = ({
             isActive && styles.active,
           ]}
         >
-          <Text style={styles.circleText}>{index + 1}</Text>
+          {!isCompleted && <Text style={styles.circleText}>{index + 1}</Text>}
+          {isCompleted && <Icon name="Check" size={20} color="white" />}
         </View>
-        {!isLast && <View style={styles.line} />}
+        {!isLast && (
+          <View
+            style={[
+              styles.line,
+              isCompleted ? styles.completedLine : undefined,
+            ]}
+          />
+        )}
       </View>
     );
   }
@@ -70,7 +79,7 @@ const styles = StyleSheet.create({
     backgroundColor: Color.info[500],
   },
   completed: {
-    backgroundColor: Color.info[500],
+    backgroundColor: Color.success[500],
   },
   line: {
     width: 40,
@@ -82,5 +91,8 @@ const styles = StyleSheet.create({
     flex: 1,
   },
   listContent: {},
+  completedLine: {
+    backgroundColor: Color.success[500],
+  },
 });
 export default StepItem;