@herca/rn-kit 0.1.68 → 0.1.70

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":"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","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":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,OAAO,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AACnE,SACEC,QAAQ,EACRC,UAAU,EAIVC,UAAU,EACVC,IAAI,QACC,cAAc;AACrB,OAAOC,WAAW,MAAM,+BAA4B;AACpD,OAAOC,MAAM,MAAM,qBAAkB;AACrC,OAAOC,KAAK,MAAM,mBAAgB;AAClC,OAAOC,UAAU,MAAM,6BAA0B;AACjD,OAAOC,YAAY,MAAM,4BAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEnD,MAAMC,WAAW,GAAG,EAAE;AACtB,MAAMC,YAAY,GAAGb,UAAU,CAACc,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;AAWtB,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,QAAQ;EACRC,KAAK,GAAG,aAAa;EACrBC,WAAW,GAAG,OAAO;EACrBC,YAAY,GAAG;AACA,CAAC,EAAE;EAClB,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAG1C,QAAQ,CAAS,CAAC,CAAC;EAC3D,MAAM,CAAC2C,cAAc,EAAEC,iBAAiB,CAAC,GAAG5C,QAAQ,CAAS,CAAC,CAAC;EAE/D,MAAM6C,OAAO,GAAG9C,MAAM,CAAa,IAAI,CAAC;EACxC,MAAM+C,SAAS,GAAG/C,MAAM,CAAa,IAAI,CAAC;EAE1C,MAAMgD,WAAW,GAAGhD,MAAM,CAAC,IAAIE,QAAQ,CAAC+C,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EACzD,MAAMC,aAAa,GAAGnD,MAAM,CAAC,IAAIE,QAAQ,CAAC+C,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EAE3D,MAAME,SAAS,GAAG5B,aAAa,CAAC,EAAE,CAAC;EACnC,MAAM6B,WAAW,GAAG7B,aAAa,CAAC,EAAE,CAAC;EAErC,MAAM8B,KAAK,GAAGvD,OAAO,CACnB,MAAMgC,WAAW,CAACqB,SAAS,EAAE7B,YAAY,CAAC,EAC1C,CAAC6B,SAAS,CACZ,CAAC;EACD,MAAMG,OAAO,GAAGxD,OAAO,CACrB,MAAMgC,WAAW,CAACsB,WAAW,EAAE9B,YAAY,CAAC,EAC5C,CAAC8B,WAAW,CACd,CAAC;EAED,MAAMG,iBAAiB,GACrBnC,IAAI,CAACC,KAAK,CAACgC,KAAK,CAAC1B,MAAM,GAAG,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,GAAGc,YAAY;EACvD,MAAMe,mBAAmB,GACvBpC,IAAI,CAACC,KAAK,CAACiC,OAAO,CAAC3B,MAAM,GAAG,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,GAAGgB,cAAc;EAE3D9C,SAAS,CAAC,MAAM;IACd,IAAIsC,MAAM,EAAE;MACVsB,UAAU,CAAC,MAAM;QACfC,aAAa,CAACb,OAAO,EAAEU,iBAAiB,CAAC;QACzCG,aAAa,CAACZ,SAAS,EAAEU,mBAAmB,CAAC;MAC/C,CAAC,EAAE,GAAG,CAAC;IACT;;IAEA;EACF,CAAC,EAAE,CAACrB,MAAM,CAAC,CAAC;EAEZ,MAAMuB,aAAa,GAAGA,CACpBC,GAAuC,EACvCC,KAAa,EACbC,QAAiB,GAAG,IAAI,KACrB;IACHF,GAAG,CAACV,OAAO,EAAEa,QAAQ,CAAC;MAAEC,CAAC,EAAEH,KAAK,GAAG9C,WAAW;MAAE+C;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,GAAGxC,IAAI,CAACkD,KAAK,CAACH,OAAO,GAAGrD,WAAW,CAAC;IAE/C,IAAIoD,IAAI,KAAK,MAAM,EAAE;MACnB,MAAMK,SAAS,GAAGlB,KAAK,CAACO,KAAK,GAAG,EAAE,CAAW;MAC7ClB,eAAe,CAAC6B,SAAS,CAAC;MAE1B,MAAMC,SAAS,GAAGpD,IAAI,CAACC,KAAK,CAACgC,KAAK,CAAC1B,MAAM,GAAG,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,GAAG4C,SAAS;MACpE,IAAInD,IAAI,CAACqD,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,GAAGpD,IAAI,CAACC,KAAK,CAACiC,OAAO,CAAC3B,MAAM,GAAG,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,GAAG4C,SAAS;MACtE,IAAInD,IAAI,CAACqD,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;IACzBrC,QAAQ,GAAG;MAAEsC,IAAI,EAAElC,YAAY;MAAEmC,MAAM,EAAEjC;IAAe,CAAC,CAAC;IAC1DP,OAAO,GAAG,CAAC;EACb,CAAC;EAED,oBACEvB,KAAA,CAACR,WAAW;IACV8B,MAAM,EAAEA,MAAO;IACfC,OAAO,EAAEA,OAAQ;IACjByC,MAAM,eACJhE,KAAA,CAACT,IAAI;MAAC0E,KAAK,EAAEC,MAAM,CAACF,MAAO;MAAAG,QAAA,gBACzBrE,IAAA,CAACP,IAAI;QAAC0E,KAAK,EAAEC,MAAM,CAACE,KAAM;QAAAD,QAAA,eACxBrE,IAAA,CAACL,MAAM;UACLgC,KAAK,EAAEC,WAAY;UACnB2C,OAAO,EAAC,UAAU;UAClBC,OAAO,EAAE/C,OAAQ;UACjBgD,KAAK,EAAC,SAAS;UACfC,IAAI,EAAC;QAAQ,CACd;MAAC,CACE,CAAC,eACP1E,IAAA,CAACP,IAAI;QAAC0E,KAAK,EAAEC,MAAM,CAACE,KAAM;QAAAD,QAAA,eACxBrE,IAAA,CAACL,MAAM;UACLgC,KAAK,EAAEE,YAAa;UACpB2C,OAAO,EAAET,YAAa;UACtBU,KAAK,EAAC,SAAS;UACfC,IAAI,EAAC;QAAQ,CACd;MAAC,CACE,CAAC;IAAA,CACH,CACP;IAAAL,QAAA,gBAEDrE,IAAA,CAACH,UAAU;MACT0E,OAAO,EAAC,IAAI;MACZI,MAAM,EAAC,UAAU;MACjBF,KAAK,EAAE7E,KAAK,CAACgF,IAAI,CAAC,GAAG,CAAE;MACvBC,MAAM;MACNV,KAAK,EAAEC,MAAM,CAACU,QAAS;MAAAT,QAAA,EAEtB1C;IAAK,CACI,CAAC,eAEbzB,KAAA,CAACT,IAAI;MAAC0E,KAAK,EAAEC,MAAM,CAACW,SAAU;MAAAV,QAAA,gBAE5BrE,IAAA,CAACP,IAAI;QAAC0E,KAAK,EAAEC,MAAM,CAACY,gBAAiB;QAACC,aAAa,EAAC,MAAM;QAAAZ,QAAA,eACxDrE,IAAA,CAACP,IAAI;UAAC0E,KAAK,EAAEC,MAAM,CAACc;QAAU,CAAE;MAAC,CAC7B,CAAC,eAEPhF,KAAA,CAACT,IAAI;QAAC0E,KAAK,EAAEC,MAAM,CAACe,eAAgB;QAAAd,QAAA,gBAClCrE,IAAA,CAACP,IAAI;UAAC0E,KAAK,EAAEC,MAAM,CAACgB,YAAa;UAAAf,QAAA,eAC/BrE,IAAA,CAACV,QAAQ,CAAC+F,UAAU;YAClBrC,GAAG,EAAEd,OAAQ;YACboD,4BAA4B,EAAE,KAAM;YACpCC,cAAc,EAAEpF,WAAY;YAC5BqF,gBAAgB,EAAC,MAAM;YACvBC,mBAAmB,EAAGC,CAAC,IAAKrC,eAAe,CAACqC,CAAC,EAAE,MAAM,CAAE;YACvDC,QAAQ,EAAErG,QAAQ,CAACgE,KAAK,CACtB,CAAC;cAAEG,WAAW,EAAE;gBAAEC,aAAa,EAAE;kBAAEN,CAAC,EAAEhB;gBAAY;cAAE;YAAE,CAAC,CAAC,EACxD;cAAEwD,eAAe,EAAE;YAAK,CAC1B,CAAE;YACFC,mBAAmB,EAAE,EAAG;YACxBC,qBAAqB,EAAE1B,MAAM,CAAC2B,aAAc;YAAA1B,QAAA,EAE3C3B,KAAK,CAACsD,GAAG,CAAC,CAACC,CAAC,EAAE/E,CAAC,kBACdlB,IAAA,CAACF,YAAY;cAEXmD,KAAK,EAAE/B,CAAE;cACTgF,KAAK,EAAED,CAAE;cACT1C,IAAI,EAAC,MAAM;cACX4C,OAAO,EAAE/D;YAAY,GAJhBlB,CAKN,CACF;UAAC,CACiB;QAAC,CAClB,CAAC,eAEPlB,IAAA,CAACP,IAAI;UAAC0E,KAAK,EAAEC,MAAM,CAACgB,YAAa;UAAAf,QAAA,eAC/BrE,IAAA,CAACV,QAAQ,CAAC+F,UAAU;YAClBrC,GAAG,EAAEb,SAAU;YACfmD,4BAA4B,EAAE,KAAM;YACpCC,cAAc,EAAEpF,WAAY;YAC5BqF,gBAAgB,EAAC,MAAM;YACvBC,mBAAmB,EAAGC,CAAC,IAAKrC,eAAe,CAACqC,CAAC,EAAE,QAAQ,CAAE;YACzDC,QAAQ,EAAErG,QAAQ,CAACgE,KAAK,CACtB,CAAC;cAAEG,WAAW,EAAE;gBAAEC,aAAa,EAAE;kBAAEN,CAAC,EAAEb;gBAAc;cAAE;YAAE,CAAC,CAAC,EAC1D;cAAEqD,eAAe,EAAE;YAAK,CAC1B,CAAE;YACFC,mBAAmB,EAAE,EAAG;YACxBC,qBAAqB,EAAE1B,MAAM,CAAC2B,aAAc;YAAA1B,QAAA,EAE3C1B,OAAO,CAACqD,GAAG,CAAC,CAACI,CAAC,EAAElF,CAAC,kBAChBlB,IAAA,CAACF,YAAY;cAEXmD,KAAK,EAAE/B,CAAE;cACTgF,KAAK,EAAEE,CAAE;cACT7C,IAAI,EAAC,QAAQ;cACb4C,OAAO,EAAE5D;YAAc,GAJlBrB,CAKN,CACF;UAAC,CACiB;QAAC,CAClB,CAAC;MAAA,CACH,CAAC;IAAA,CACH,CAAC;EAAA,CACI,CAAC;AAElB;AAEA,MAAMkD,MAAM,GAAG5E,UAAU,CAAC6G,MAAM,CAAC;EAC/BtB,SAAS,EAAE;IACTuB,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAEpG,WAAW,GAAGI,aAAa;IACnCiG,YAAY,EAAE;EAChB,CAAC;EACDtC,MAAM,EAAE;IACNuC,aAAa,EAAE,KAAK;IACpBC,GAAG,EAAE;EACP,CAAC;EACDpC,KAAK,EAAE;IACLqC,IAAI,EAAE;EACR,CAAC;EACDxB,eAAe,EAAE;IACfsB,aAAa,EAAE,KAAK;IACpBG,cAAc,EAAE;EAClB,CAAC;EACDb,aAAa,EAAE;IACbc,eAAe,EAAE1G,WAAW,GAAGK;EACjC,CAAC;EACD4E,YAAY,EAAE;IACZ9E,KAAK,EAAEF,YAAY,GAAG,IAAI;IAC1BmG,MAAM,EAAEpG,WAAW,GAAGI,aAAa;IACnCuG,QAAQ,EAAE;EACZ,CAAC;EACD9B,gBAAgB,EAAE;IAChBsB,QAAQ,EAAE,UAAU;IACpBS,MAAM,EAAE,CAAC,CAAC;IACVC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE,CAAC;IACTP,cAAc,EAAE;EAClB,CAAC;EACD1B,SAAS,EAAE;IACTqB,MAAM,EAAEpG,WAAW;IACnB4G,MAAM,EAAE,CAAC,CAAC;IACVK,eAAe,EAAExH,KAAK,CAACyH,OAAO,CAAC,EAAE;EACnC,CAAC;EACDvC,QAAQ,EAAE;IAAE0B,YAAY,EAAE;EAAG;AAC/B,CAAC,CAAC","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/InputFile.js

@@ -1,21 +1,22 @@
 "use strict";
 
-import { useState, useEffect } from 'react';
-import { Image, StyleSheet, TouchableOpacity, View } from 'react-native';
-import BottomSheet from "../BottomSheet/BottomSheet.js";
-import Button from "../Button/Button.js";
+import { useEffect, useState } from 'react';
+import { View } from 'react-native';
 import Color from "../Color/Color.js";
-import List from "../List/List.js";
-import ListItem from "../List/ListItem.js";
 import Typography from "../Typography/Typography.js";
-import Card from "../Ui/Card.js";
-import Center from "../Ui/Center.js";
 import { pick } from '@react-native-documents/picker';
 import { viewDocument } from '@react-native-documents/viewer';
 import { launchCamera, launchImageLibrary } from 'react-native-image-picker';
-import Icon from "../Icon/index.js";
+import { spacing } from "../styles/spacing.js";
 import Input from "./Input.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import CardTrigger from "./partials/InputFile/CardTrigger.js";
+import ItemPreview from "./partials/InputFile/ItemPreview.js";
+import ModalDelete from "./partials/InputFile/ModalDelete.js";
+import ModalPicker from "./partials/InputFile/ModalPicker.js";
+import CardTriggerSmall from "./partials/InputFile/CardTriggerSmall.js";
+
+// Union type
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 export default function InputFile({
   title = 'Upload File',
   description = 'File harus berformat JPG, PNG dan PDF',
@@ -27,6 +28,9 @@ export default function InputFile({
   modalDeleteText,
   useChangeLabel = false,
   changeLableProps,
+  variant = 'default',
+  hint,
+  hasError,
   onChange
 }) {
   const [isOpenBottomSheetTypeFile, setIsOpenBottomSheetTypeFile] = useState(false);
@@ -160,36 +164,37 @@ export default function InputFile({
     setFiles(value ?? []);
   }, [value]);
   return /*#__PURE__*/_jsxs(View, {
-    style: styles.wrapper,
-    children: [/*#__PURE__*/_jsx(Card, {
-      style: styles.containerInput,
-      children: /*#__PURE__*/_jsxs(Center, {
-        style: styles.centerInput,
-        children: [/*#__PURE__*/_jsx(Image, {
-          source: require('./assets/input-file.png')
-        }), /*#__PURE__*/_jsx(Typography, {
-          variant: "t1",
-          weight: "semibold",
-          color: Color.gray[500],
-          children: title
-        }), /*#__PURE__*/_jsx(Typography, {
+    style: spacing.gap[12],
+    children: [variant === 'default' && /*#__PURE__*/_jsx(CardTrigger, {
+      title: title,
+      hint: hint,
+      hasError: hasError,
+      description: description,
+      btnSelect: btnChooseFileText,
+      onPress: handleOnPresChoseFile
+    }), variant === 'small' && /*#__PURE__*/_jsxs(View, {
+      style: spacing.gap[4],
+      children: [/*#__PURE__*/_jsx(CardTriggerSmall, {
+        files: files,
+        title: title,
+        textButton: btnChooseFileText,
+        onChooseFile: handleOnPresChoseFile,
+        onPreview: handlePreviewFile,
+        onReplace: handleReplaceFile,
+        onDelete: confirmDeleteFile
+      }), files.length > 0 && /*#__PURE__*/_jsx(_Fragment, {
+        children: files.filter(file => !!file.error).map((file, index) => /*#__PURE__*/_jsx(Typography, {
           variant: "t3",
-          weight: "regular",
-          color: Color.gray[500],
-          children: description
-        }), /*#__PURE__*/_jsx(Button, {
-          color: "primary",
-          title: btnChooseFileText,
-          size: "small",
-          onPress: handleOnPresChoseFile
-        })]
-      })
-    }), files.map((file, index) => /*#__PURE__*/_jsxs(View, {
-      style: styles.previewWrapper,
+          color: Color.danger[500],
+          children: file.hint
+        }, index))
+      })]
+    }), variant === 'default' && files.map((file, index) => /*#__PURE__*/_jsxs(View, {
+      style: spacing.gap[12],
       children: [useChangeLabel && /*#__PURE__*/_jsx(Input, {
         label: `${changeLableProps?.label || 'Nama Dokumen'} ${index + 1}`,
-        placeholder: changeLableProps?.placeholder || 'Masukan Nama Dokumen',
         value: file.labelFile,
+        placeholder: changeLableProps?.placeholder || 'Masukan Nama Dokumen',
         onChangeText: text => {
           const updatedFiles = files.map((f, i) => i === index ? {
             ...f,
@@ -199,256 +204,52 @@ export default function InputFile({
           onChange?.(updatedFiles);
         }
       }), /*#__PURE__*/_jsxs(View, {
-        style: styles.gap4,
-        children: [/*#__PURE__*/_jsx(Card, {
-          children: /*#__PURE__*/_jsx(TouchableOpacity, {
-            onPress: () => handlePreviewFile(file),
-            children: /*#__PURE__*/_jsxs(View, {
-              style: styles.containerPreview,
-              children: [/*#__PURE__*/_jsxs(View, {
-                style: [styles.containerListItem, styles.flex1],
-                children: [file.type.startsWith('image') ? /*#__PURE__*/_jsx(Image, {
-                  source: file.uri?.endsWith('.pdf') ? require('../Input/assets/input-file.png') : {
-                    uri: file.uri
-                  },
-                  style: styles.previewImage
-                }) : /*#__PURE__*/_jsx(View, {
-                  style: styles.previewImage,
-                  children: /*#__PURE__*/_jsx(Icon, {
-                    name: "Document",
-                    color: Color.primary[1000]
-                  })
-                }), /*#__PURE__*/_jsxs(View, {
-                  style: styles.fileDetails,
-                  children: [/*#__PURE__*/_jsx(Typography, {
-                    variant: "t1",
-                    weight: "semibold",
-                    color: Color.gray[600],
-                    numberOfLines: 1,
-                    children: file.name || `Image_${index + 1}`
-                  }), /*#__PURE__*/_jsxs(Typography, {
-                    variant: "t2",
-                    weight: "regular",
-                    color: Color.gray[600],
-                    children: [((file?.size ?? file?.fileSize ?? 0) / (1024 * 1024)).toFixed(2), "MB"]
-                  })]
-                })]
-              }), /*#__PURE__*/_jsxs(View, {
-                style: styles.action,
-                children: [file.error && /*#__PURE__*/_jsx(Icon, {
-                  name: "exclamation-triangle",
-                  color: Color.danger[500],
-                  size: 20
-                }), /*#__PURE__*/_jsx(TouchableOpacity, {
-                  onPress: () => handleReplaceFile(index),
-                  children: /*#__PURE__*/_jsx(Icon, {
-                    name: "rotate-right",
-                    size: 18,
-                    color: Color.gray[700]
-                  })
-                }), /*#__PURE__*/_jsx(TouchableOpacity, {
-                  onPress: () => confirmDeleteFile(index),
-                  children: /*#__PURE__*/_jsx(Icon, {
-                    name: "Times",
-                    size: 12,
-                    color: Color.gray[700]
-                  })
-                })]
-              })]
-            })
-          })
+        style: spacing.gap[4],
+        children: [/*#__PURE__*/_jsx(ItemPreview, {
+          index: index,
+          file: file,
+          onPress: () => handlePreviewFile(file),
+          onReplace: () => handleReplaceFile(index),
+          onDelete: () => confirmDeleteFile(index)
         }), file.hint && /*#__PURE__*/_jsx(Typography, {
           variant: "t3",
           color: !file.error ? Color.gray[700] : Color.danger[500],
           children: file.hint
         })]
       })]
-    }, index)), /*#__PURE__*/_jsx(BottomSheet, {
+    }, index)), /*#__PURE__*/_jsx(ModalPicker, {
       isOpen: isOpenBottomSheetTypeFile,
       onClose: () => setIsOpenBottomSheetTypeFile(false),
-      children: /*#__PURE__*/_jsxs(View, {
-        style: styles.bottomSheetContent,
-        children: [/*#__PURE__*/_jsxs(Center, {
-          style: styles.bottomSheetCenter,
-          children: [/*#__PURE__*/_jsx(Typography, {
-            variant: "p2",
-            weight: "semibold",
-            color: Color.gray[800],
-            children: modalPickFileText?.title || 'Upload Dokumen'
-          }), /*#__PURE__*/_jsx(Typography, {
-            variant: "t1",
-            weight: "regular",
-            color: Color.gray[600],
-            children: modalPickFileText?.description || 'Unggah dokumen maksimal'
-          })]
-        }), /*#__PURE__*/_jsxs(List, {
-          children: [/*#__PURE__*/_jsx(ListItem, {
-            children: /*#__PURE__*/_jsx(TouchableOpacity, {
-              onPress: handleOnPressButtonCamera,
-              children: /*#__PURE__*/_jsxs(View, {
-                style: styles.containerListItem,
-                children: [/*#__PURE__*/_jsx(Icon, {
-                  name: "Camera",
-                  color: Color.primary[1000]
-                }), /*#__PURE__*/_jsxs(View, {
-                  children: [/*#__PURE__*/_jsx(Typography, {
-                    variant: "t2",
-                    weight: "semibold",
-                    color: Color.gray[800],
-                    children: modalPickFileText?.camera?.title || 'Ambil Foto'
-                  }), /*#__PURE__*/_jsx(Typography, {
-                    variant: "t2",
-                    color: Color.gray[600],
-                    children: modalPickFileText?.camera?.description || 'Langsung ambil gambar dari kamera'
-                  })]
-                })]
-              })
-            })
-          }), /*#__PURE__*/_jsx(ListItem, {
-            children: /*#__PURE__*/_jsx(TouchableOpacity, {
-              onPress: handleOnPressButtonGallery,
-              children: /*#__PURE__*/_jsxs(View, {
-                style: styles.containerListItem,
-                children: [/*#__PURE__*/_jsx(Icon, {
-                  name: "Image",
-                  color: Color.primary[1000]
-                }), /*#__PURE__*/_jsxs(View, {
-                  children: [/*#__PURE__*/_jsx(Typography, {
-                    variant: "t2",
-                    weight: "semibold",
-                    color: Color.gray[800],
-                    children: modalPickFileText?.gallery?.title || 'Pilih dari Galeri'
-                  }), /*#__PURE__*/_jsx(Typography, {
-                    variant: "t2",
-                    color: Color.gray[600],
-                    children: modalPickFileText?.gallery?.description || 'Cari gambar dari galeri perangkatmu'
-                  })]
-                })]
-              })
-            })
-          }), /*#__PURE__*/_jsx(ListItem, {
-            children: /*#__PURE__*/_jsx(TouchableOpacity, {
-              onPress: handlePickFile,
-              children: /*#__PURE__*/_jsxs(View, {
-                style: styles.containerListItem,
-                children: [/*#__PURE__*/_jsx(Icon, {
-                  name: "Document",
-                  color: Color.primary[1000]
-                }), /*#__PURE__*/_jsxs(View, {
-                  children: [/*#__PURE__*/_jsx(Typography, {
-                    variant: "t2",
-                    weight: "semibold",
-                    color: Color.gray[800],
-                    children: modalPickFileText?.document?.title || 'Pilih Dokumen'
-                  }), /*#__PURE__*/_jsx(Typography, {
-                    variant: "t2",
-                    color: Color.gray[600],
-                    children: modalPickFileText?.document?.description || 'Pilih dokumen dari perangkatmu'
-                  })]
-                })]
-              })
-            })
-          })]
-        })]
-      })
-    }), /*#__PURE__*/_jsx(BottomSheet, {
+      title: modalPickFileText?.title || 'Upload Dokumen',
+      description: modalPickFileText?.description || 'Unggah dokumen maksimal',
+      camera: {
+        icon: 'Camera',
+        title: modalPickFileText?.camera?.title || 'Ambil Foto',
+        onPress: handleOnPressButtonCamera,
+        description: modalPickFileText?.camera?.description || 'Langsung ambil gambar dari kamera'
+      },
+      gallery: {
+        icon: 'Image',
+        title: modalPickFileText?.gallery?.title || 'Pilih Dari Galeri',
+        onPress: handleOnPressButtonGallery,
+        description: modalPickFileText?.gallery?.description || 'Cari gambar dari galeri perangkatmu'
+      },
+      document: {
+        icon: 'Document',
+        title: modalPickFileText?.document?.title || 'Pilih Dokumen',
+        onPress: handlePickFile,
+        description: modalPickFileText?.document?.description || 'Pilih dokumen dari perangkatmu'
+      }
+    }), /*#__PURE__*/_jsx(ModalDelete, {
       isOpen: isOpenBottomSheetDeleteFile,
       onClose: () => setIsOpenBottomSheetDeleteFile(false),
-      children: /*#__PURE__*/_jsxs(View, {
-        style: styles.deleteFileContent,
-        children: [/*#__PURE__*/_jsxs(Center, {
-          style: styles.deleteFileCenter,
-          children: [/*#__PURE__*/_jsx(Typography, {
-            variant: "p2",
-            weight: "semibold",
-            color: Color.gray[800],
-            center: true,
-            children: modalDeleteText?.title || 'Hapus Dokumen'
-          }), /*#__PURE__*/_jsx(Typography, {
-            variant: "t1",
-            weight: "regular",
-            color: Color.gray[500],
-            center: true,
-            children: modalDeleteText?.description || 'Apakah kamu akan menghapus dokumen yang dipilih?'
-          })]
-        }), /*#__PURE__*/_jsxs(View, {
-          children: [/*#__PURE__*/_jsx(Button, {
-            color: "danger",
-            title: modalDeleteText?.confirmBtn?.confirm || 'Hapus',
-            onPress: deleteFile
-          }), /*#__PURE__*/_jsx(Button, {
-            color: "primary",
-            variant: "tertiary",
-            title: modalDeleteText?.confirmBtn?.cancel || 'Batal',
-            onPress: () => setIsOpenBottomSheetDeleteFile(false)
-          })]
-        })]
-      })
+      title: modalDeleteText?.title || 'Hapus Dokumen',
+      descripition: modalDeleteText?.description || 'Apakah kamu akan menghapus dokumen yang dipilih?',
+      confirm: modalDeleteText?.confirmBtn?.confirm || 'Hapus',
+      onConfirm: deleteFile,
+      cancel: modalDeleteText?.confirmBtn?.cancel || 'Batal',
+      onCnacel: () => setIsOpenBottomSheetDeleteFile(false)
     })]
   });
 }
-const styles = StyleSheet.create({
-  wrapper: {
-    gap: 12
-  },
-  containerInput: {
-    borderStyle: 'dashed',
-    backgroundColor: Color.gray[50],
-    borderRadius: 16
-  },
-  centerInput: {
-    gap: 14
-  },
-  containerPreview: {
-    flexDirection: 'row',
-    justifyContent: 'space-between',
-    alignItems: 'center',
-    gap: 8
-  },
-  previewImage: {
-    width: 44,
-    height: 44,
-    borderRadius: 6,
-    alignItems: 'center',
-    justifyContent: 'center'
-  },
-  fileDetails: {
-    justifyContent: 'center',
-    gap: 4,
-    flex: 1
-  },
-  containerListItem: {
-    flexDirection: 'row',
-    gap: 8,
-    alignItems: 'center'
-  },
-  bottomSheetContent: {
-    gap: 16
-  },
-  bottomSheetCenter: {
-    alignItems: 'center'
-  },
-  deleteFileContent: {
-    gap: 10
-  },
-  deleteFileCenter: {
-    alignItems: 'center',
-    gap: 4
-  },
-  action: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    gap: 12,
-    flexShrink: 0
-  },
-  previewWrapper: {
-    gap: 12
-  },
-  flex1: {
-    flex: 1
-  },
-  gap4: {
-    gap: 4
-  }
-});
 //# sourceMappingURL=InputFile.js.map