@herca/rn-kit 0.1.33 → 0.1.34
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/module/BottomSheet/BottomSheet.js +1 -1
- package/lib/module/BottomSheet/BottomSheet.js.map +1 -1
- package/lib/module/Icon/Icon.js +7 -1
- package/lib/module/Icon/Icon.js.map +1 -1
- package/lib/module/Icon/README.md +4 -0
- package/lib/module/Icon/icons/DiscountFill.js +23 -0
- package/lib/module/Icon/icons/DiscountFill.js.map +1 -0
- package/lib/module/Icon/icons/LocationPinFill.js +21 -0
- package/lib/module/Icon/icons/LocationPinFill.js.map +1 -0
- package/lib/module/Icon/icons/RotateSquareFill.js +21 -0
- package/lib/module/Icon/icons/RotateSquareFill.js.map +1 -0
- package/lib/module/Tab/README.md +49 -6
- package/lib/module/Tab/Tab.js +3 -3
- package/lib/module/Tab/Tab.js.map +1 -1
- package/lib/module/Tab/TabItem.js.map +1 -1
- package/lib/module/Timeline/README.md +18 -19
- package/lib/module/Timeline/TimelineItem.js +10 -8
- package/lib/module/Timeline/TimelineItem.js.map +1 -1
- package/lib/typescript/src/BottomSheet/BottomSheet.d.ts.map +1 -1
- package/lib/typescript/src/Icon/Icon.d.ts.map +1 -1
- package/lib/typescript/src/Icon/icons/DiscountFill.d.ts +8 -0
- package/lib/typescript/src/Icon/icons/DiscountFill.d.ts.map +1 -0
- package/lib/typescript/src/Icon/icons/LocationPinFill.d.ts +8 -0
- package/lib/typescript/src/Icon/icons/LocationPinFill.d.ts.map +1 -0
- package/lib/typescript/src/Icon/icons/RotateSquareFill.d.ts +8 -0
- package/lib/typescript/src/Icon/icons/RotateSquareFill.d.ts.map +1 -0
- package/lib/typescript/src/Icon/type.d.ts +1 -1
- package/lib/typescript/src/Icon/type.d.ts.map +1 -1
- package/lib/typescript/src/Tab/Tab.d.ts.map +1 -1
- package/lib/typescript/src/Tab/TabItem.d.ts.map +1 -1
- package/lib/typescript/src/Tab/type.d.ts +1 -1
- package/lib/typescript/src/Tab/type.d.ts.map +1 -1
- package/lib/typescript/src/Timeline/TimelineItem.d.ts +2 -1
- package/lib/typescript/src/Timeline/TimelineItem.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/BottomSheet/BottomSheet.tsx +3 -1
- package/src/Icon/Icon.tsx +6 -0
- package/src/Icon/README.md +4 -0
- package/src/Icon/icons/DiscountFill.tsx +26 -0
- package/src/Icon/icons/LocationPinFill.tsx +28 -0
- package/src/Icon/icons/RotateSquareFill.tsx +22 -0
- package/src/Icon/type.tsx +3 -0
- package/src/Tab/README.md +49 -6
- package/src/Tab/Tab.tsx +2 -3
- package/src/Tab/TabItem.tsx +1 -1
- package/src/Tab/type.tsx +1 -1
- package/src/Timeline/README.md +18 -19
- package/src/Timeline/TimelineItem.tsx +12 -10
|
@@ -6,7 +6,7 @@ import Container from "../Ui/Container.js";
|
|
|
6
6
|
import Typography from "../Typography/Typography.js";
|
|
7
7
|
import Color from "../Color/Color.js";
|
|
8
8
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
9
|
-
const statusBarHeight = Platform.OS === 'android' ? StatusBar.currentHeight ?? 24 : 65;
|
|
9
|
+
const statusBarHeight = Platform.OS === 'android' && Platform.Version < 35 ? StatusBar.currentHeight ?? 24 : 65;
|
|
10
10
|
const screenHeight = Dimensions.get('window').height;
|
|
11
11
|
const actualScreenHeight = screenHeight - statusBarHeight;
|
|
12
12
|
const DEFAULT_PADDING_BOTTOM = 40;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useEffect","useRef","useState","useCallback","View","StyleSheet","PanResponder","TouchableOpacity","Animated","Modal","KeyboardAvoidingView","Keyboard","Dimensions","SafeAreaView","Platform","StatusBar","Container","Typography","Color","jsx","_jsx","jsxs","_jsxs","statusBarHeight","OS","currentHeight","screenHeight","get","height","actualScreenHeight","DEFAULT_PADDING_BOTTOM","BottomSheet","isOpen","onClose","children","backdrop","closable","onRequestClose","buttonClose","pullBar","footer","isVisible","setIsVisible","heightFooter","setHeightFooter","heighContent","setHeighContent","maxHeight","setMaxHeight","translateY","Value","current","panResponder","create","onStartShouldSetPanResponder","onMoveShouldSetPanResponder","onPanResponderMove","_","gestureState","dy","setValue","onPanResponderRelease","handleRequestClose","resetModalPosition","hideModal","timing","toValue","duration","useNativeDriver","start","showModal","spring","e","keyboardDidShowListener","addListener","keyboardHeight","endCoordinates","keyboardDidHideListener","remove","transparent","visible","animationType","style","styles","modalContainer","onPress","activeOpacity","backdropTouchable","behavior","undefined","enabled","keyboardAvoiding","bottomSheet","transform","paddingBottom","closeButton","panHandlers","dragIndicatorContainer","dragIndicator","contentContainer","contentWithFooter","onLayout","event","nativeEvent","layout","flex","justifyContent","backgroundColor","borderTopLeftRadius","borderTopRightRadius","position","paddingVertical","paddingHorizontal","borderRadius","top","right","zIndex","alignItems","width","marginTop","flexGrow","borderTopWidth","borderTopColor","gray","base","white100","paddingTop","bottom","left"],"sourceRoot":"../../../src","sources":["BottomSheet/BottomSheet.tsx"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,WAAW,QAAQ,OAAO;AAChE,SACEC,IAAI,EACJC,UAAU,EACVC,YAAY,EACZC,gBAAgB,EAChBC,QAAQ,EACRC,KAAK,EACLC,oBAAoB,EACpBC,QAAQ,EACRC,UAAU,EACVC,YAAY,EACZC,QAAQ,EACRC,SAAS,QAEJ,cAAc;AACrB,OAAOC,SAAS,MAAM,oBAAiB;AACvC,OAAOC,UAAU,MAAM,6BAA0B;AACjD,OAAOC,KAAK,MAAM,mBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGnC,MAAMC,eAAe,GACnBT,QAAQ,CAACU,EAAE,KAAK,SAAS,
|
|
1
|
+
{"version":3,"names":["useEffect","useRef","useState","useCallback","View","StyleSheet","PanResponder","TouchableOpacity","Animated","Modal","KeyboardAvoidingView","Keyboard","Dimensions","SafeAreaView","Platform","StatusBar","Container","Typography","Color","jsx","_jsx","jsxs","_jsxs","statusBarHeight","OS","Version","currentHeight","screenHeight","get","height","actualScreenHeight","DEFAULT_PADDING_BOTTOM","BottomSheet","isOpen","onClose","children","backdrop","closable","onRequestClose","buttonClose","pullBar","footer","isVisible","setIsVisible","heightFooter","setHeightFooter","heighContent","setHeighContent","maxHeight","setMaxHeight","translateY","Value","current","panResponder","create","onStartShouldSetPanResponder","onMoveShouldSetPanResponder","onPanResponderMove","_","gestureState","dy","setValue","onPanResponderRelease","handleRequestClose","resetModalPosition","hideModal","timing","toValue","duration","useNativeDriver","start","showModal","spring","e","keyboardDidShowListener","addListener","keyboardHeight","endCoordinates","keyboardDidHideListener","remove","transparent","visible","animationType","style","styles","modalContainer","onPress","activeOpacity","backdropTouchable","behavior","undefined","enabled","keyboardAvoiding","bottomSheet","transform","paddingBottom","closeButton","panHandlers","dragIndicatorContainer","dragIndicator","contentContainer","contentWithFooter","onLayout","event","nativeEvent","layout","flex","justifyContent","backgroundColor","borderTopLeftRadius","borderTopRightRadius","position","paddingVertical","paddingHorizontal","borderRadius","top","right","zIndex","alignItems","width","marginTop","flexGrow","borderTopWidth","borderTopColor","gray","base","white100","paddingTop","bottom","left"],"sourceRoot":"../../../src","sources":["BottomSheet/BottomSheet.tsx"],"mappings":"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","ignoreList":[]}
|
package/lib/module/Icon/Icon.js
CHANGED
|
@@ -60,6 +60,9 @@ import Bold from "./icons/Bold.js";
|
|
|
60
60
|
import Italic from "./icons/Italic.js";
|
|
61
61
|
import UnderLine from "./icons/UnderLine.js";
|
|
62
62
|
import SettingsSlider from "./icons/SettingsSlider.js";
|
|
63
|
+
import RotateSquareFill from "./icons/RotateSquareFill.js";
|
|
64
|
+
import LocationPinFill from "./icons/LocationPinFill.js";
|
|
65
|
+
import DiscountFill from "./icons/DiscountFill.js";
|
|
63
66
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
64
67
|
const icons = {
|
|
65
68
|
'Search': Search,
|
|
@@ -120,7 +123,10 @@ const icons = {
|
|
|
120
123
|
'Bold': Bold,
|
|
121
124
|
'Italic': Italic,
|
|
122
125
|
'UnderLine': UnderLine,
|
|
123
|
-
'settings-slider': SettingsSlider
|
|
126
|
+
'settings-slider': SettingsSlider,
|
|
127
|
+
'rotate-square-fill': RotateSquareFill,
|
|
128
|
+
'location-pin-fill': LocationPinFill,
|
|
129
|
+
'discount-fill': DiscountFill
|
|
124
130
|
};
|
|
125
131
|
const Icon = ({
|
|
126
132
|
name,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","User","Eye","XCircle","ArrowRight","Document","Calendar","Download","StickyNote","Pdf","RadioButton","ArrowBackAlt","ArrowForwardAlt","Check","Filter","AirPlane","Camera","Image","Times","ArrowDown","ArrowUp","Search","ArrowLeft","EyeOpen","ExclamationMark","FileListCheck","FileText","FolderClock","HomeFill","HomeOutline","Plus","UserCircleFill","UserCircleOutline","ClipBoardListCheck","ClipBoardList","Megaphone","Bell","BookmarkUser","Scanner","ClockOutline","Clock","BoxOutline","ClipBoardListCheckOutline","Box","Minus","PlusSquare","AtSign","BriefCaseOutline","EditSquareOutline","GlobeEarth","LockFill","LogoHercaHris","QuestionCircleOutline","ShieldFill","Users","WhatsAppFill","Bold","Italic","UnderLine","SettingsSlider","jsx","_jsx","icons","Icon","name","size","color","style","SelectedIcon"],"sourceRoot":"../../../src","sources":["Icon/Icon.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,IAAI,MAAM,iBAAc;AAC/B,OAAOC,GAAG,MAAM,gBAAa;AAC7B,OAAOC,OAAO,MAAM,oBAAiB;AACrC,OAAOC,UAAU,MAAM,uBAAoB;AAC3C,OAAOC,QAAQ,MAAM,qBAAkB;AACvC,OAAOC,QAAQ,MAAM,qBAAkB;AACvC,OAAOC,QAAQ,MAAM,qBAAkB;AACvC,OAAOC,UAAU,MAAM,uBAAoB;AAC3C,OAAOC,GAAG,MAAM,gBAAa;AAC7B,OAAOC,WAAW,MAAM,wBAAqB;AAC7C,OAAOC,YAAY,MAAM,yBAAsB;AAC/C,OAAOC,eAAe,MAAM,4BAAyB;AACrD,OAAOC,KAAK,MAAM,kBAAe;AACjC,OAAOC,MAAM,MAAM,mBAAgB;AACnC,OAAOC,QAAQ,MAAM,qBAAkB;AACvC,OAAOC,MAAM,MAAM,mBAAgB;AACnC,OAAOC,KAAK,MAAM,kBAAe;AAEjC,OAAOC,KAAK,MAAM,kBAAe;AACjC,OAAOC,SAAS,MAAM,sBAAmB;AACzC,OAAOC,OAAO,MAAM,oBAAiB;AACrC,OAAOC,MAAM,MAAM,mBAAgB;AACnC,OAAOC,SAAS,MAAM,sBAAmB;AACzC,OAAOC,OAAO,MAAM,oBAAiB;AACrC,OAAOC,eAAe,MAAM,4BAAyB;AACrD,OAAOC,aAAa,MAAM,0BAAuB;AACjD,OAAOC,QAAQ,MAAM,qBAAkB;AACvC,OAAOC,WAAW,MAAM,wBAAqB;AAC7C,OAAOC,QAAQ,MAAM,qBAAkB;AACvC,OAAOC,WAAW,MAAM,wBAAqB;AAC7C,OAAOC,IAAI,MAAM,iBAAc;AAC/B,OAAOC,cAAc,MAAM,2BAAwB;AACnD,OAAOC,iBAAiB,MAAM,8BAA2B;AACzD,OAAOC,kBAAkB,MAAM,+BAA4B;AAC3D,OAAOC,aAAa,MAAM,0BAAuB;AACjD,OAAOC,SAAS,MAAM,sBAAmB;AACzC,OAAOC,IAAI,MAAM,iBAAc;AAC/B,OAAOC,YAAY,MAAM,yBAAsB;AAC/C,OAAOC,OAAO,MAAM,oBAAiB;AACrC,OAAOC,YAAY,MAAM,yBAAsB;AAC/C,OAAOC,KAAK,MAAM,kBAAe;AACjC,OAAOC,UAAU,MAAM,uBAAoB;AAC3C,OAAOC,yBAAyB,MAAM,sCAAmC;AACzE,OAAOC,GAAG,MAAM,gBAAa;AAC7B,OAAOC,KAAK,MAAM,kBAAe;AACjC,OAAOC,UAAU,MAAM,uBAAoB;AAC3C,OAAOC,MAAM,MAAM,mBAAgB;AACnC,OAAOC,gBAAgB,MAAM,6BAA0B;AACvD,OAAOC,iBAAiB,MAAM,iBAAc;AAC5C,OAAOC,UAAU,MAAM,uBAAoB;AAC3C,OAAOC,QAAQ,MAAM,qBAAkB;AACvC,OAAOC,aAAa,MAAM,0BAAuB;AACjD,OAAOC,qBAAqB,MAAM,kCAA+B;AACjE,OAAOC,UAAU,MAAM,uBAAoB;AAC3C,OAAOC,KAAK,MAAM,kBAAe;AACjC,OAAOC,YAAY,MAAM,yBAAsB;AAC/C,OAAOC,IAAI,MAAM,iBAAc;AAC/B,OAAOC,MAAM,MAAM,mBAAgB;AACnC,OAAOC,SAAS,MAAM,sBAAmB;AACzC,OAAOC,cAAc,MAAM,2BAAwB;AAAC,SAAAC,GAAA,IAAAC,IAAA;
|
|
1
|
+
{"version":3,"names":["React","User","Eye","XCircle","ArrowRight","Document","Calendar","Download","StickyNote","Pdf","RadioButton","ArrowBackAlt","ArrowForwardAlt","Check","Filter","AirPlane","Camera","Image","Times","ArrowDown","ArrowUp","Search","ArrowLeft","EyeOpen","ExclamationMark","FileListCheck","FileText","FolderClock","HomeFill","HomeOutline","Plus","UserCircleFill","UserCircleOutline","ClipBoardListCheck","ClipBoardList","Megaphone","Bell","BookmarkUser","Scanner","ClockOutline","Clock","BoxOutline","ClipBoardListCheckOutline","Box","Minus","PlusSquare","AtSign","BriefCaseOutline","EditSquareOutline","GlobeEarth","LockFill","LogoHercaHris","QuestionCircleOutline","ShieldFill","Users","WhatsAppFill","Bold","Italic","UnderLine","SettingsSlider","RotateSquareFill","LocationPinFill","DiscountFill","jsx","_jsx","icons","Icon","name","size","color","style","SelectedIcon"],"sourceRoot":"../../../src","sources":["Icon/Icon.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,IAAI,MAAM,iBAAc;AAC/B,OAAOC,GAAG,MAAM,gBAAa;AAC7B,OAAOC,OAAO,MAAM,oBAAiB;AACrC,OAAOC,UAAU,MAAM,uBAAoB;AAC3C,OAAOC,QAAQ,MAAM,qBAAkB;AACvC,OAAOC,QAAQ,MAAM,qBAAkB;AACvC,OAAOC,QAAQ,MAAM,qBAAkB;AACvC,OAAOC,UAAU,MAAM,uBAAoB;AAC3C,OAAOC,GAAG,MAAM,gBAAa;AAC7B,OAAOC,WAAW,MAAM,wBAAqB;AAC7C,OAAOC,YAAY,MAAM,yBAAsB;AAC/C,OAAOC,eAAe,MAAM,4BAAyB;AACrD,OAAOC,KAAK,MAAM,kBAAe;AACjC,OAAOC,MAAM,MAAM,mBAAgB;AACnC,OAAOC,QAAQ,MAAM,qBAAkB;AACvC,OAAOC,MAAM,MAAM,mBAAgB;AACnC,OAAOC,KAAK,MAAM,kBAAe;AAEjC,OAAOC,KAAK,MAAM,kBAAe;AACjC,OAAOC,SAAS,MAAM,sBAAmB;AACzC,OAAOC,OAAO,MAAM,oBAAiB;AACrC,OAAOC,MAAM,MAAM,mBAAgB;AACnC,OAAOC,SAAS,MAAM,sBAAmB;AACzC,OAAOC,OAAO,MAAM,oBAAiB;AACrC,OAAOC,eAAe,MAAM,4BAAyB;AACrD,OAAOC,aAAa,MAAM,0BAAuB;AACjD,OAAOC,QAAQ,MAAM,qBAAkB;AACvC,OAAOC,WAAW,MAAM,wBAAqB;AAC7C,OAAOC,QAAQ,MAAM,qBAAkB;AACvC,OAAOC,WAAW,MAAM,wBAAqB;AAC7C,OAAOC,IAAI,MAAM,iBAAc;AAC/B,OAAOC,cAAc,MAAM,2BAAwB;AACnD,OAAOC,iBAAiB,MAAM,8BAA2B;AACzD,OAAOC,kBAAkB,MAAM,+BAA4B;AAC3D,OAAOC,aAAa,MAAM,0BAAuB;AACjD,OAAOC,SAAS,MAAM,sBAAmB;AACzC,OAAOC,IAAI,MAAM,iBAAc;AAC/B,OAAOC,YAAY,MAAM,yBAAsB;AAC/C,OAAOC,OAAO,MAAM,oBAAiB;AACrC,OAAOC,YAAY,MAAM,yBAAsB;AAC/C,OAAOC,KAAK,MAAM,kBAAe;AACjC,OAAOC,UAAU,MAAM,uBAAoB;AAC3C,OAAOC,yBAAyB,MAAM,sCAAmC;AACzE,OAAOC,GAAG,MAAM,gBAAa;AAC7B,OAAOC,KAAK,MAAM,kBAAe;AACjC,OAAOC,UAAU,MAAM,uBAAoB;AAC3C,OAAOC,MAAM,MAAM,mBAAgB;AACnC,OAAOC,gBAAgB,MAAM,6BAA0B;AACvD,OAAOC,iBAAiB,MAAM,iBAAc;AAC5C,OAAOC,UAAU,MAAM,uBAAoB;AAC3C,OAAOC,QAAQ,MAAM,qBAAkB;AACvC,OAAOC,aAAa,MAAM,0BAAuB;AACjD,OAAOC,qBAAqB,MAAM,kCAA+B;AACjE,OAAOC,UAAU,MAAM,uBAAoB;AAC3C,OAAOC,KAAK,MAAM,kBAAe;AACjC,OAAOC,YAAY,MAAM,yBAAsB;AAC/C,OAAOC,IAAI,MAAM,iBAAc;AAC/B,OAAOC,MAAM,MAAM,mBAAgB;AACnC,OAAOC,SAAS,MAAM,sBAAmB;AACzC,OAAOC,cAAc,MAAM,2BAAwB;AACnD,OAAOC,gBAAgB,MAAM,6BAA0B;AACvD,OAAOC,eAAe,MAAM,4BAAyB;AACrD,OAAOC,YAAY,MAAM,yBAAsB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEhD,MAAMC,KAGL,GAAG;EACF,QAAQ,EAAE5C,MAAM;EAChB,MAAM,EAAEpB,IAAI;EACZ,KAAK,EAAEC,GAAG;EACV,SAAS,EAAEqB,OAAO;EAClB,YAAY,EAAEnB,UAAU;EACxB,WAAW,EAAEkB,SAAS;EACtB,UAAU,EAAEjB,QAAQ;EACpB,UAAU,EAAEC,QAAQ;EACpB,iBAAiB,EAAEkB,eAAe;EAClC,UAAU,EAAEjB,QAAQ;EACpB,UAAU,EAAEJ,OAAO;EACnB,YAAY,EAAEK,UAAU;EACxB,aAAa,EAAEE,WAAW;EAC1B,KAAK,EAAED,GAAG;EACV,cAAc,EAAEE,YAAY;EAC5B,iBAAiB,EAAEC,eAAe;EAClC,OAAO,EAAEC,KAAK;EACd,QAAQ,EAAEC,MAAM;EAChB,UAAU,EAAEC,QAAQ;EACpB,QAAQ,EAAEC,MAAM;EAChB,OAAO,EAAEC,KAAK;EACd,OAAO,EAAEC,KAAK;EACd,WAAW,EAAEC,SAAS;EACtB,SAAS,EAAEC,OAAO;EAClB,MAAM,EAAEU,IAAI;EACZ,OAAO,EAAEc,KAAK;EACd,MAAM,EAAER,IAAI;EACZ,iBAAiB,EAAEX,aAAa;EAChC,WAAW,EAAEC,QAAQ;EACrB,eAAe,EAAEW,YAAY;EAC7B,cAAc,EAAEV,WAAW;EAC3B,WAAW,EAAEC,QAAQ;EACrB,cAAc,EAAEC,WAAW;EAC3B,qBAAqB,EAAEG,iBAAiB;EACxC,kBAAkB,EAAED,cAAc;EAClC,sBAAsB,EAAEE,kBAAkB;EAC1C,gBAAgB,EAAEC,aAAa;EAC/B,WAAW,EAAEC,SAAS;EACtB,SAAS,EAAEG,OAAO;EAClB,eAAe,EAAEC,YAAY;EAC7B,OAAO,EAAEC,KAAK;EACd,aAAa,EAAEC,UAAU;EACzB,8BAA8B,EAAEC,yBAAyB;EACzD,KAAK,EAAEC,GAAG;EACV,aAAa,EAAEE,UAAU;EACzB,SAAS,EAAEC,MAAM;EACjB,mBAAmB,EAAEC,gBAAgB;EACrC,qBAAqB,EAAEC,iBAAiB;EACxC,aAAa,EAAEC,UAAU;EACzB,WAAW,EAAEC,QAAQ;EACrB,iBAAiB,EAAEC,aAAa;EAChC,yBAAyB,EAAEC,qBAAqB;EAChD,aAAa,EAAEC,UAAU;EACzB,OAAO,EAAEC,KAAK;EACd,eAAe,EAAEC,YAAY;EAC7B,MAAM,EAAEC,IAAI;EACZ,QAAQ,EAAEC,MAAM;EAChB,WAAW,EAAEC,SAAS;EACtB,iBAAiB,EAAEC,cAAc;EACjC,oBAAoB,EAAEC,gBAAgB;EACtC,mBAAmB,EAAEC,eAAe;EACpC,eAAe,EAAEC;AACnB,CAAC;AAED,MAAMI,IAAyB,GAAGA,CAAC;EACjCC,IAAI;EACJC,IAAI,GAAG,EAAE;EACTC,KAAK,GAAG,MAAM;EACdC;AACF,CAAC,KAAK;EACJ,MAAMC,YAAY,GAAGN,KAAK,CAACE,IAAI,CAAC;EAEhC,IAAI,CAACI,YAAY,EAAE;IACjB,OAAO,IAAI;EACb;EAEA,oBAAOP,IAAA,CAACO,YAAY;IAACH,IAAI,EAAEA,IAAK;IAACC,KAAK,EAAEA,KAAM;IAACC,KAAK,EAAEA;EAAM,CAAE,CAAC;AACjE,CAAC;AAED,eAAeJ,IAAI","ignoreList":[]}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import Svg, { Path } from 'react-native-svg';
|
|
4
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
5
|
+
const DiscountFill = ({
|
|
6
|
+
size = 24,
|
|
7
|
+
color,
|
|
8
|
+
style
|
|
9
|
+
}) => /*#__PURE__*/_jsx(Svg, {
|
|
10
|
+
width: size + 1,
|
|
11
|
+
height: size,
|
|
12
|
+
viewBox: "0 0 24 25",
|
|
13
|
+
fill: "none",
|
|
14
|
+
style: style,
|
|
15
|
+
children: /*#__PURE__*/_jsx(Path, {
|
|
16
|
+
"fill-rule": "evenodd",
|
|
17
|
+
"clip-rule": "evenodd",
|
|
18
|
+
d: "M20.5589 11.3975L19.243 10.0815C18.962 9.80047 18.8039 9.41847 18.8039 9.02047V7.16247C18.8039 6.33147 18.1299 5.65749 17.2989 5.65749H15.441C15.043 5.65749 14.662 5.49947 14.38 5.21847L13.0639 3.90249C12.4759 3.31449 11.524 3.31449 10.936 3.90249L9.61996 5.21847C9.33895 5.49947 8.95692 5.65749 8.55892 5.65749H6.70101C5.87001 5.65749 5.196 6.33147 5.196 7.16247V9.02047C5.196 9.41847 5.03792 9.79947 4.75692 10.0815L3.441 11.3975C2.853 11.9855 2.853 12.9375 3.441 13.5255L4.75692 14.8415C5.03792 15.1225 5.196 15.5045 5.196 15.9025V17.7605C5.196 18.5915 5.87001 19.2655 6.70101 19.2655H8.55892C8.95692 19.2655 9.33795 19.4235 9.61996 19.7045L10.936 21.0205C11.524 21.6085 12.4759 21.6085 13.0639 21.0205L14.38 19.7045C14.661 19.4235 15.043 19.2655 15.441 19.2655H17.2989C18.1299 19.2655 18.8039 18.5915 18.8039 17.7605V15.9025C18.8039 15.5045 18.962 15.1235 19.243 14.8415L20.5589 13.5255C21.1469 12.9375 21.1469 11.9855 20.5589 11.3975ZM8.51497 9.96148C8.51497 9.40948 8.95797 8.96148 9.50997 8.96148H9.51998C10.073 8.96148 10.52 9.40948 10.52 9.96148C10.52 10.5135 10.073 10.9615 9.51998 10.9615C8.96798 10.9615 8.51497 10.5135 8.51497 9.96148ZM10.03 15.4915C9.88399 15.6375 9.69196 15.7115 9.49996 15.7115C9.30796 15.7115 9.11593 15.6385 8.96993 15.4915C8.67693 15.1985 8.67693 14.7235 8.96993 14.4305L13.9699 9.43047C14.2629 9.13747 14.738 9.13747 15.031 9.43047C15.324 9.72347 15.324 10.1985 15.031 10.4915L10.03 15.4915ZM14.52 15.9615C13.968 15.9615 13.515 15.5135 13.515 14.9615C13.515 14.4095 13.958 13.9615 14.51 13.9615H14.52C15.073 13.9615 15.52 14.4095 15.52 14.9615C15.52 15.5135 15.072 15.9615 14.52 15.9615Z",
|
|
19
|
+
fill: color
|
|
20
|
+
})
|
|
21
|
+
});
|
|
22
|
+
export default DiscountFill;
|
|
23
|
+
//# sourceMappingURL=DiscountFill.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["Svg","Path","jsx","_jsx","DiscountFill","size","color","style","width","height","viewBox","fill","children","d"],"sourceRoot":"../../../../src","sources":["Icon/icons/DiscountFill.tsx"],"mappings":";;AAAA,OAAOA,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQ7C,MAAMC,YAA6B,GAAGA,CAAC;EAAEC,IAAI,GAAG,EAAE;EAAEC,KAAK;EAAEC;AAAa,CAAC,kBACvEJ,IAAA,CAACH,GAAG;EACFQ,KAAK,EAAEH,IAAI,GAAG,CAAE;EAChBI,MAAM,EAAEJ,IAAK;EACbK,OAAO,EAAC,WAAW;EACnBC,IAAI,EAAC,MAAM;EACXJ,KAAK,EAAEA,KAAM;EAAAK,QAAA,eAEbT,IAAA,CAACF,IAAI;IACH,aAAU,SAAS;IACnB,aAAU,SAAS;IACnBY,CAAC,EAAC,0lDAA0lD;IAC5lDF,IAAI,EAAEL;EAAM,CACb;AAAC,CACC,CACN;AAED,eAAeF,YAAY","ignoreList":[]}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import Svg, { Path } from 'react-native-svg';
|
|
4
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
5
|
+
const LocationPinFill = ({
|
|
6
|
+
size = 24,
|
|
7
|
+
color,
|
|
8
|
+
style
|
|
9
|
+
}) => /*#__PURE__*/_jsx(Svg, {
|
|
10
|
+
width: size,
|
|
11
|
+
height: size + 1,
|
|
12
|
+
viewBox: "0 0 24 25",
|
|
13
|
+
fill: "none",
|
|
14
|
+
style: style,
|
|
15
|
+
children: /*#__PURE__*/_jsx(Path, {
|
|
16
|
+
d: "M12 2.96149C7.313 2.96149 3.5 6.77449 3.5 11.4615C3.5 16.4445 8.129 19.5025 11.192 21.5255L11.722 21.8775C11.806 21.9335 11.903 21.9615 11.999 21.9615C12.095 21.9615 12.192 21.9335 12.276 21.8775L12.806 21.5255C15.869 19.5025 20.498 16.4445 20.498 11.4615C20.5 6.77449 16.687 2.96149 12 2.96149ZM12 13.9615C10.619 13.9615 9.5 12.8425 9.5 11.4615C9.5 10.0805 10.619 8.96149 12 8.96149C13.381 8.96149 14.5 10.0805 14.5 11.4615C14.5 12.8425 13.381 13.9615 12 13.9615Z",
|
|
17
|
+
fill: color
|
|
18
|
+
})
|
|
19
|
+
});
|
|
20
|
+
export default LocationPinFill;
|
|
21
|
+
//# sourceMappingURL=LocationPinFill.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["Svg","Path","jsx","_jsx","LocationPinFill","size","color","style","width","height","viewBox","fill","children","d"],"sourceRoot":"../../../../src","sources":["Icon/icons/LocationPinFill.tsx"],"mappings":";;AAAA,OAAOA,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQ7C,MAAMC,eAAgC,GAAGA,CAAC;EACxCC,IAAI,GAAG,EAAE;EACTC,KAAK;EACLC;AACK,CAAC,kBACNJ,IAAA,CAACH,GAAG;EACFQ,KAAK,EAAEH,IAAK;EACZI,MAAM,EAAEJ,IAAI,GAAG,CAAE;EACjBK,OAAO,EAAC,WAAW;EACnBC,IAAI,EAAC,MAAM;EACXJ,KAAK,EAAEA,KAAM;EAAAK,QAAA,eAEbT,IAAA,CAACF,IAAI;IACHY,CAAC,EAAC,kdAAkd;IACpdF,IAAI,EAAEL;EAAM,CACb;AAAC,CACC,CACN;AAED,eAAeF,eAAe","ignoreList":[]}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import Svg, { Path } from 'react-native-svg';
|
|
4
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
5
|
+
const RotateSquareFill = ({
|
|
6
|
+
size = 24,
|
|
7
|
+
color,
|
|
8
|
+
style
|
|
9
|
+
}) => /*#__PURE__*/_jsx(Svg, {
|
|
10
|
+
width: size,
|
|
11
|
+
height: size,
|
|
12
|
+
viewBox: "0 0 20 20",
|
|
13
|
+
fill: "none",
|
|
14
|
+
style: style,
|
|
15
|
+
children: /*#__PURE__*/_jsx(Path, {
|
|
16
|
+
d: "M14.6875 2.5H5.3125C3.4375 2.5 2.5 3.4375 2.5 5.3125V14.6875C2.5 16.5625 3.4375 17.5 5.3125 17.5H14.6875C16.5625 17.5 17.5 16.5625 17.5 14.6875V5.3125C17.5 3.4375 16.5625 2.5 14.6875 2.5ZM14.2251 11.0891C13.7409 13.0232 12.0033 14.375 10 14.375C8.79667 14.375 7.68167 13.8733 6.875 13.0467V13.3333C6.875 13.6783 6.595 13.9583 6.25 13.9583C5.905 13.9583 5.625 13.6783 5.625 13.3333V11.25C5.625 10.905 5.905 10.625 6.25 10.625H6.4858C6.49413 10.625 6.5033 10.6242 6.51164 10.625H8.33333C8.67833 10.625 8.95833 10.905 8.95833 11.25C8.95833 11.595 8.67833 11.875 8.33333 11.875H7.50407C8.08407 12.6467 9.00167 13.125 10 13.125C11.4292 13.125 12.6675 12.1634 13.0125 10.7859C13.0967 10.4509 13.4424 10.25 13.7699 10.3316C14.1058 10.415 14.3092 10.7541 14.2251 11.0891ZM14.375 8.75C14.375 9.095 14.095 9.375 13.75 9.375H13.5067C13.5017 9.375 13.4966 9.375 13.4908 9.375H11.6667C11.3217 9.375 11.0417 9.095 11.0417 8.75C11.0417 8.405 11.3217 8.125 11.6667 8.125H12.4959C11.9159 7.35333 10.9983 6.875 10 6.875C8.57083 6.875 7.33251 7.83657 6.98751 9.21407C6.91667 9.49824 6.66163 9.6875 6.38163 9.6875C6.3308 9.6875 6.28008 9.68169 6.22925 9.66919C5.89425 9.58502 5.6908 9.24593 5.77413 8.91093C6.2583 6.97676 7.99585 5.625 9.99919 5.625C11.2025 5.625 12.3175 6.12666 13.1242 6.95333V6.66667C13.1242 6.32167 13.4042 6.04167 13.7492 6.04167C14.0942 6.04167 14.3742 6.32167 14.3742 6.66667V8.75H14.375Z",
|
|
17
|
+
fill: color
|
|
18
|
+
})
|
|
19
|
+
});
|
|
20
|
+
export default RotateSquareFill;
|
|
21
|
+
//# sourceMappingURL=RotateSquareFill.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["Svg","Path","jsx","_jsx","RotateSquareFill","size","color","style","width","height","viewBox","fill","children","d"],"sourceRoot":"../../../../src","sources":["Icon/icons/RotateSquareFill.tsx"],"mappings":";;AAAA,OAAOA,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQ7C,MAAMC,gBAAiC,GAAGA,CAAC;EACzCC,IAAI,GAAG,EAAE;EACTC,KAAK;EACLC;AACK,CAAC,kBACNJ,IAAA,CAACH,GAAG;EAACQ,KAAK,EAAEH,IAAK;EAACI,MAAM,EAAEJ,IAAK;EAACK,OAAO,EAAC,WAAW;EAACC,IAAI,EAAC,MAAM;EAACJ,KAAK,EAAEA,KAAM;EAAAK,QAAA,eAC3ET,IAAA,CAACF,IAAI;IACHY,CAAC,EAAC,k3CAAk3C;IACp3CF,IAAI,EAAEL;EAAM,CACb;AAAC,CACC,CACN;AAED,eAAeF,gBAAgB","ignoreList":[]}
|
package/lib/module/Tab/README.md
CHANGED
|
@@ -2,13 +2,56 @@
|
|
|
2
2
|
|
|
3
3
|
Komponen tab ringan dan fleksibel untuk React Native yang mendukung:
|
|
4
4
|
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
5
|
+
- ✅ Swipe kiri/kanan antar tab
|
|
6
|
+
- ✅ Scroll vertikal di dalam konten tiap tab
|
|
7
|
+
- ✅ Tampilan tab yang bisa disesuaikan
|
|
8
|
+
- ✅ Tanpa dependensi eksternal (tidak butuh react-navigation)
|
|
9
9
|
|
|
10
10
|
---
|
|
11
11
|
|
|
12
|
+
## ⚙️ Instalasi
|
|
13
|
+
|
|
14
|
+
Komponen tab ini dibangun menggunakan [react-native-pager-view](https://github.com/callstack/react-native-pager-view) untuk mengatur perpindahan tab secara swipe kiri/kanan.
|
|
15
|
+
Pastikan Anda menginstal dependensi ini sebelum menggunakan komponen.
|
|
16
|
+
|
|
17
|
+
### 1. Install Dependensi
|
|
18
|
+
|
|
19
|
+
```sh
|
|
20
|
+
# Menggunakan npm
|
|
21
|
+
npm install react-native-pager-view
|
|
22
|
+
|
|
23
|
+
# Menggunakan yarn
|
|
24
|
+
yarn add react-native-pager-view
|
|
25
|
+
```
|
|
26
|
+
|
|
27
|
+
### 2. Konfigurasi Platform
|
|
28
|
+
|
|
29
|
+
#### iOS
|
|
30
|
+
|
|
31
|
+
Setelah instalasi, jalankan perintah berikut untuk meng-install pod:
|
|
32
|
+
|
|
33
|
+
```sh
|
|
34
|
+
cd ios && pod install && cd ..
|
|
35
|
+
```
|
|
36
|
+
|
|
37
|
+
Tidak ada konfigurasi tambahan untuk iOS, namun pastikan proyek Anda sudah menggunakan **minimum iOS 11** atau sesuai rekomendasi React Native agar kompatibel.
|
|
38
|
+
|
|
39
|
+
#### Android
|
|
40
|
+
|
|
41
|
+
`react-native-pager-view` akan otomatis ter-link di Android tanpa perlu langkah tambahan.
|
|
42
|
+
Namun, Anda perlu memastikan bahwa **minimum SDK version** Anda adalah 21 atau lebih tinggi.
|
|
43
|
+
Periksa file `android/app/build.gradle`:
|
|
44
|
+
|
|
45
|
+
```gradle
|
|
46
|
+
android {
|
|
47
|
+
defaultConfig {
|
|
48
|
+
minSdkVersion = 21
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
```
|
|
52
|
+
|
|
53
|
+
Jika nilai `minSdkVersion` di bawah 21, tingkatkan agar komponen dapat berjalan dengan baik.
|
|
54
|
+
|
|
12
55
|
## 💡 Contoh Penggunaan
|
|
13
56
|
|
|
14
57
|
```tsx
|
|
@@ -33,8 +76,8 @@ export default function App() {
|
|
|
33
76
|
|
|
34
77
|
### 1. Navigasi Tab
|
|
35
78
|
|
|
36
|
-
|
|
37
|
-
|
|
79
|
+
- Tap pada header tab untuk berpindah
|
|
80
|
+
- Swipe kiri/kanan untuk berpindah antar tab
|
|
38
81
|
|
|
39
82
|
### 2. Konten Scrollable
|
|
40
83
|
|
package/lib/module/Tab/Tab.js
CHANGED
|
@@ -53,13 +53,12 @@ const Tab = ({
|
|
|
53
53
|
initialPage: current,
|
|
54
54
|
onPageSelected: e => updateActive(e.nativeEvent.position),
|
|
55
55
|
children: items.map((item, index) => {
|
|
56
|
-
const Comp = item.props.component;
|
|
57
56
|
return /*#__PURE__*/_jsx(View, {
|
|
58
57
|
collapsable: false,
|
|
59
58
|
style: {
|
|
60
59
|
flex: 1
|
|
61
60
|
},
|
|
62
|
-
children:
|
|
61
|
+
children: item.props.children
|
|
63
62
|
}, index);
|
|
64
63
|
})
|
|
65
64
|
})]
|
|
@@ -91,7 +90,8 @@ const styles = StyleSheet.create({
|
|
|
91
90
|
backgroundColor: Color.gray[100]
|
|
92
91
|
},
|
|
93
92
|
pager: {
|
|
94
|
-
flex: 1
|
|
93
|
+
flex: 1,
|
|
94
|
+
backgroundColor: Color.base.white100
|
|
95
95
|
}
|
|
96
96
|
});
|
|
97
97
|
//# sourceMappingURL=Tab.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useCallback","useState","useEffect","useRef","Children","isValidElement","View","Pressable","StyleSheet","PagerView","Color","Typography","jsx","_jsx","jsxs","_jsxs","Tab","children","current","onChangeTab","items","toArray","filter","activeIndex","setActiveIndex","pagerRef","setPageWithoutAnimation","updateActive","index","handleHeaderPress","setPage","length","style","styles","container","headerContainer","map","item","isActive","tabButton","tabActive","tabInactive","onPress","center","variant","weight","color","base","white100","gray","props","name","ref","pager","initialPage","onPageSelected","e","nativeEvent","position","
|
|
1
|
+
{"version":3,"names":["React","useCallback","useState","useEffect","useRef","Children","isValidElement","View","Pressable","StyleSheet","PagerView","Color","Typography","jsx","_jsx","jsxs","_jsxs","Tab","children","current","onChangeTab","items","toArray","filter","activeIndex","setActiveIndex","pagerRef","setPageWithoutAnimation","updateActive","index","handleHeaderPress","setPage","length","style","styles","container","headerContainer","map","item","isActive","tabButton","tabActive","tabInactive","onPress","center","variant","weight","color","base","white100","gray","props","name","ref","pager","initialPage","onPageSelected","e","nativeEvent","position","collapsable","flex","create","flexDirection","backgroundColor","padding","borderRadius","paddingVertical","paddingHorizontal","justifyContent","alignItems","primary"],"sourceRoot":"../../../src","sources":["Tab/Tab.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["TabItem","_props"],"sourceRoot":"../../../src","sources":["Tab/TabItem.tsx"],"mappings":";;AAGA,MAAMA,OAA+B,GAAIC,
|
|
1
|
+
{"version":3,"names":["TabItem","_props"],"sourceRoot":"../../../src","sources":["Tab/TabItem.tsx"],"mappings":";;AAGA,MAAMA,OAA+B,GAAIC,MAAoB,IAAK,IAAI;AACtE,eAAeD,OAAO","ignoreList":[]}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
# 🗂️ Timeline & TimelineItem
|
|
2
|
+
|
|
2
3
|
Timeline menampilkan rangkaian peristiwa secara vertikal—mirip “stepper” atau “activity feed”.
|
|
3
4
|
Setiap node diwakili oleh TimelineItem yang menampilkan titik (bullet icon) dan garis vertikal terhubung.
|
|
4
5
|
|
|
@@ -31,50 +32,48 @@ export default function OrderHistory() {
|
|
|
31
32
|
</Timeline>
|
|
32
33
|
);
|
|
33
34
|
}
|
|
34
|
-
|
|
35
35
|
```
|
|
36
36
|
|
|
37
37
|
## Props
|
|
38
38
|
|
|
39
39
|
### Timeline
|
|
40
|
+
|
|
40
41
|
| Prop | Type | Wajib | Default | Deskripsi |
|
|
41
42
|
| ---------- | ----------- | ----- | ------- | ---------------------------------- |
|
|
42
|
-
| `children` | `ReactNode` | ✅
|
|
43
|
-
|
|
43
|
+
| `children` | `ReactNode` | ✅ | — | Satu atau beberapa `TimelineItem`. |
|
|
44
44
|
|
|
45
45
|
### TimelineItem
|
|
46
|
-
| Prop | Type | Wajib | Default | Deskripsi |
|
|
47
|
-
| ---------- | ------------------------------------------------------------- | ----- | ----------- | ----------------------------------------------------- |
|
|
48
|
-
| `children` | `ReactNode` | ✅ | — | Konten untuk node timeline: teks, ikon tambahan, dsb. |
|
|
49
|
-
| `color` | `'primary' \| 'success' \| 'warning' \| 'danger' \| 'purple'` | ❌ | `'primary'` | Skema warna titik (`RadioButton`) dan garis vertikal. |
|
|
50
46
|
|
|
47
|
+
| Prop | Type | Wajib | Default | Deskripsi |
|
|
48
|
+
| ---------- | ------------------------------------------------------------- | ----- | ----------- | ---------------------------------------------------------------- |
|
|
49
|
+
| `children` | `ReactNode` | ✅ | — | Konten untuk node timeline: teks, ikon tambahan, dsb. |
|
|
50
|
+
| `color` | `'primary' \| 'success' \| 'warning' \| 'danger' \| 'purple'` | ❌ | `'primary'` | Skema warna titik (`RadioButton`) dan garis vertikal. |
|
|
51
|
+
| `isLast` | `boolean` | ❌ | `false` | Menentukan apakah garis garis di kiri itu dimunculkan atau tidak |
|
|
51
52
|
|
|
52
53
|
## ⚙️ Cara Kerja
|
|
53
54
|
|
|
54
55
|
1. Bullet & Line
|
|
56
|
+
- Bullet dirender dengan komponen Icon (name="RadioButton") memakai warna dari color.
|
|
55
57
|
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
- Garis vertikal (borderLeftWidth: 1) menggunakan borderStyle: 'dashed'. Tingginya dihitung secara dinamis (contentHeight - 20) agar garis mulai tepat di bawah bullet.
|
|
58
|
+
- Garis vertikal (borderLeftWidth: 1) menggunakan borderStyle: 'dashed'. Tingginya dihitung secara dinamis (contentHeight - 20) agar garis mulai tepat di bawah bullet.
|
|
59
59
|
|
|
60
60
|
2. Penghitungan Tinggi
|
|
61
|
+
- onLayout pada wrapper konten mengukur tinggi aktual item.
|
|
61
62
|
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
- Hasil pengukuran dipakai untuk menyesuaikan panjang garis, menjaga visual konsisten meskipun konten memiliki tinggi berbeda.
|
|
63
|
+
- Hasil pengukuran dipakai untuk menyesuaikan panjang garis, menjaga visual konsisten meskipun konten memiliki tinggi berbeda.
|
|
65
64
|
|
|
66
65
|
3. Layout
|
|
66
|
+
- Komponen dibangun dengan flexDirection: 'row', bullet di kiri, konten di kanan (flex: 1).
|
|
67
67
|
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
- Margin horizontal (marginRight: 8) menjaga jarak antara bullet dan konten.
|
|
68
|
+
- Margin horizontal (marginRight: 8) menjaga jarak antara bullet dan konten.
|
|
71
69
|
|
|
72
70
|
## 💡 Tips Penggunaan
|
|
71
|
+
|
|
73
72
|
- Item Terakhir Tanpa Garis
|
|
74
|
-
Bila ingin menghilangkan garis pada item terakhir, buat prop opsional mis. isLast dan kondisikan tinggi garis menjadi 0.
|
|
73
|
+
Bila ingin menghilangkan garis pada item terakhir, buat prop opsional mis. isLast dan kondisikan tinggi garis menjadi 0.
|
|
75
74
|
|
|
76
75
|
- Interaktif
|
|
77
|
-
Anda bebas menambahkan tombol, TouchableOpacity, atau ikon status di dalam children.
|
|
76
|
+
Anda bebas menambahkan tombol, TouchableOpacity, atau ikon status di dalam children.
|
|
78
77
|
|
|
79
78
|
- Kustomisasi Warna
|
|
80
|
-
Untuk warna tambahan, update COLOR_MAP dan tipe ColorKey pada TimelineItem.
|
|
79
|
+
Untuk warna tambahan, update COLOR_MAP dan tipe ColorKey pada TimelineItem.
|
|
@@ -14,19 +14,15 @@ const COLOR_MAP = {
|
|
|
14
14
|
};
|
|
15
15
|
export default function TimelineItem({
|
|
16
16
|
children,
|
|
17
|
-
color = 'primary'
|
|
17
|
+
color = 'primary',
|
|
18
|
+
isLast = false
|
|
18
19
|
}) {
|
|
19
20
|
const [contentHeight, setContentHeight] = useState(0);
|
|
20
21
|
const renderDashes = count => {
|
|
21
22
|
return Array.from({
|
|
22
23
|
length: count
|
|
23
24
|
}).map((_, index) => /*#__PURE__*/_jsx(View, {
|
|
24
|
-
style:
|
|
25
|
-
width: 1,
|
|
26
|
-
height: 4,
|
|
27
|
-
backgroundColor: Color.gray[400],
|
|
28
|
-
marginVertical: 2
|
|
29
|
-
}
|
|
25
|
+
style: styles.dashes
|
|
30
26
|
}, index));
|
|
31
27
|
};
|
|
32
28
|
return /*#__PURE__*/_jsxs(View, {
|
|
@@ -37,7 +33,7 @@ export default function TimelineItem({
|
|
|
37
33
|
name: "RadioButton",
|
|
38
34
|
color: COLOR_MAP[color]
|
|
39
35
|
}), /*#__PURE__*/_jsx(View, {
|
|
40
|
-
children: renderDashes(Math.floor((contentHeight - 20) / 6))
|
|
36
|
+
children: !isLast && renderDashes(Math.floor((contentHeight - 20) / 6))
|
|
41
37
|
})]
|
|
42
38
|
}), /*#__PURE__*/_jsx(View, {
|
|
43
39
|
style: styles.flex,
|
|
@@ -71,6 +67,12 @@ const styles = StyleSheet.create({
|
|
|
71
67
|
},
|
|
72
68
|
flex: {
|
|
73
69
|
flex: 1
|
|
70
|
+
},
|
|
71
|
+
dashes: {
|
|
72
|
+
width: 1,
|
|
73
|
+
height: 4,
|
|
74
|
+
backgroundColor: Color.gray[400],
|
|
75
|
+
marginVertical: 2
|
|
74
76
|
}
|
|
75
77
|
});
|
|
76
78
|
//# sourceMappingURL=TimelineItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useState","StyleSheet","View","Color","Icon","jsx","_jsx","jsxs","_jsxs","COLOR_MAP","warning","primary","success","purple","danger","TimelineItem","children","color","contentHeight","setContentHeight","renderDashes","count","Array","from","length","map","_","index","style","
|
|
1
|
+
{"version":3,"names":["useState","StyleSheet","View","Color","Icon","jsx","_jsx","jsxs","_jsxs","COLOR_MAP","warning","primary","success","purple","danger","TimelineItem","children","color","isLast","contentHeight","setContentHeight","renderDashes","count","Array","from","length","map","_","index","style","styles","dashes","container","contentLeft","name","Math","floor","flex","onLayout","e","height","nativeEvent","layout","create","flexDirection","alignItems","marginRight","border","width","borderWidth","borderLeftWidth","borderLeftColor","gray","borderStyle","backgroundColor","marginVertical"],"sourceRoot":"../../../src","sources":["Timeline/TimelineItem.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../../../../src/BottomSheet/BottomSheet.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAyB,iBAAiB,EAAE,MAAM,QAAQ,CAAC;
|
|
1
|
+
{"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../../../../src/BottomSheet/BottomSheet.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAyB,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AASvE,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,MAAM,EACN,OAAO,EACP,QAAQ,EACR,QAAe,EACf,QAAe,EACf,cAAc,EACd,WAAmB,EACnB,MAAM,EACN,OAAO,EACP,MAAM,GACP,EAAE,iBAAiB,2CAuKnB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../src/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAmB1B,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,QAAQ,CAAC;
|
|
1
|
+
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../src/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAmB1B,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,QAAQ,CAAC;AAmHvD,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAa7B,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DiscountFill.d.ts","sourceRoot":"","sources":["../../../../../src/Icon/icons/DiscountFill.tsx"],"names":[],"mappings":"AAEA,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAejC,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LocationPinFill.d.ts","sourceRoot":"","sources":["../../../../../src/Icon/icons/LocationPinFill.tsx"],"names":[],"mappings":"AAEA,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAiBpC,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RotateSquareFill.d.ts","sourceRoot":"","sources":["../../../../../src/Icon/icons/RotateSquareFill.tsx"],"names":[],"mappings":"AAEA,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAWrC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { type ViewStyle } from 'react-native';
|
|
2
|
-
export type IconNameProps = 'Search' | 'User' | 'Eye' | 'EyeOpen' | 'ArrowRight' | 'ArrowLeft' | 'Document' | 'Calendar' | 'ExclamationMark' | 'Download' | 'x-circle' | 'StickyNote' | 'RadioButton' | 'Pdf' | 'ArrowBackAlt' | 'ArrowForwardAlt' | 'ArrowDown' | 'ArrowUp' | 'Check' | 'Filter' | 'AirPlane' | 'Camera' | 'Image' | 'Times' | 'Plus' | 'Minus' | 'Bell' | 'file-list-check' | 'file-text' | 'bookmark-user' | 'folder-clock' | 'home-fill' | 'home-outline' | 'user-circle-outline' | 'user-circle-fill' | 'clipboard-list-check' | 'clipboard-list' | 'Megaphone' | 'Scanner' | 'Clock' | 'clock-outline' | 'clipboard-list-check-outline' | 'box-outline' | 'Box' | 'plus-square' | 'at-sign' | 'briefcase-outline' | 'edit-square-outline' | 'globe-earth' | 'lock-fill' | 'logo-herca-hris' | 'question-circle-outline' | 'shield-fill' | 'Users' | 'Bold' | 'Italic' | 'UnderLine' | 'settings-slider' | 'whatsapp-fill';
|
|
2
|
+
export type IconNameProps = 'Search' | 'User' | 'Eye' | 'EyeOpen' | 'ArrowRight' | 'ArrowLeft' | 'Document' | 'Calendar' | 'ExclamationMark' | 'Download' | 'x-circle' | 'StickyNote' | 'RadioButton' | 'Pdf' | 'ArrowBackAlt' | 'ArrowForwardAlt' | 'ArrowDown' | 'ArrowUp' | 'Check' | 'Filter' | 'AirPlane' | 'Camera' | 'Image' | 'Times' | 'Plus' | 'Minus' | 'Bell' | 'file-list-check' | 'file-text' | 'bookmark-user' | 'folder-clock' | 'home-fill' | 'home-outline' | 'user-circle-outline' | 'user-circle-fill' | 'clipboard-list-check' | 'clipboard-list' | 'Megaphone' | 'Scanner' | 'Clock' | 'clock-outline' | 'clipboard-list-check-outline' | 'box-outline' | 'Box' | 'plus-square' | 'at-sign' | 'briefcase-outline' | 'edit-square-outline' | 'globe-earth' | 'lock-fill' | 'logo-herca-hris' | 'question-circle-outline' | 'shield-fill' | 'Users' | 'Bold' | 'Italic' | 'UnderLine' | 'settings-slider' | 'location-pin-fill' | 'discount-fill' | 'rotate-square-fill' | 'whatsapp-fill';
|
|
3
3
|
export interface IconProps {
|
|
4
4
|
name: IconNameProps;
|
|
5
5
|
size?: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../../src/Icon/type.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,MAAM,aAAa,GACrB,QAAQ,GACR,MAAM,GACN,KAAK,GACL,SAAS,GACT,YAAY,GACZ,WAAW,GACX,UAAU,GACV,UAAU,GACV,iBAAiB,GACjB,UAAU,GACV,UAAU,GACV,YAAY,GACZ,aAAa,GACb,KAAK,GACL,cAAc,GACd,iBAAiB,GACjB,WAAW,GACX,SAAS,GACT,OAAO,GACP,QAAQ,GACR,UAAU,GACV,QAAQ,GACR,OAAO,GACP,OAAO,GACP,MAAM,GACN,OAAO,GACP,MAAM,GACN,iBAAiB,GACjB,WAAW,GACX,eAAe,GACf,cAAc,GACd,WAAW,GACX,cAAc,GACd,qBAAqB,GACrB,kBAAkB,GAClB,sBAAsB,GACtB,gBAAgB,GAChB,WAAW,GACX,SAAS,GACT,OAAO,GACP,eAAe,GACf,8BAA8B,GAC9B,aAAa,GACb,KAAK,GACL,aAAa,GACb,SAAS,GACT,mBAAmB,GACnB,qBAAqB,GACrB,aAAa,GACb,WAAW,GACX,iBAAiB,GACjB,yBAAyB,GACzB,aAAa,GACb,OAAO,GACP,MAAM,GACN,QAAQ,GACR,WAAW,GACX,iBAAiB,GACjB,eAAe,CAAC;AAEpB,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,aAAa,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB"}
|
|
1
|
+
{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../../src/Icon/type.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,MAAM,aAAa,GACrB,QAAQ,GACR,MAAM,GACN,KAAK,GACL,SAAS,GACT,YAAY,GACZ,WAAW,GACX,UAAU,GACV,UAAU,GACV,iBAAiB,GACjB,UAAU,GACV,UAAU,GACV,YAAY,GACZ,aAAa,GACb,KAAK,GACL,cAAc,GACd,iBAAiB,GACjB,WAAW,GACX,SAAS,GACT,OAAO,GACP,QAAQ,GACR,UAAU,GACV,QAAQ,GACR,OAAO,GACP,OAAO,GACP,MAAM,GACN,OAAO,GACP,MAAM,GACN,iBAAiB,GACjB,WAAW,GACX,eAAe,GACf,cAAc,GACd,WAAW,GACX,cAAc,GACd,qBAAqB,GACrB,kBAAkB,GAClB,sBAAsB,GACtB,gBAAgB,GAChB,WAAW,GACX,SAAS,GACT,OAAO,GACP,eAAe,GACf,8BAA8B,GAC9B,aAAa,GACb,KAAK,GACL,aAAa,GACb,SAAS,GACT,mBAAmB,GACnB,qBAAqB,GACrB,aAAa,GACb,WAAW,GACX,iBAAiB,GACjB,yBAAyB,GACzB,aAAa,GACb,OAAO,GACP,MAAM,GACN,QAAQ,GACR,WAAW,GACX,iBAAiB,GACjB,mBAAmB,GACnB,eAAe,GACf,oBAAoB,GACpB,eAAe,CAAC;AAEpB,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,aAAa,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../../src/Tab/Tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AAKf,OAAO,KAAK,EAAgB,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAErD,QAAA,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,
|
|
1
|
+
{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../../src/Tab/Tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AAKf,OAAO,KAAK,EAAgB,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAErD,QAAA,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAyE3B,CAAC;AAEF,eAAe,GAAG,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabItem.d.ts","sourceRoot":"","sources":["../../../../src/Tab/TabItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAC3C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,
|
|
1
|
+
{"version":3,"file":"TabItem.d.ts","sourceRoot":"","sources":["../../../../src/Tab/TabItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAC3C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAkC,CAAC;AACvE,eAAe,OAAO,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { type ReactElement } from 'react';
|
|
2
2
|
export interface TabItemProps {
|
|
3
3
|
name: string | number;
|
|
4
|
-
|
|
4
|
+
children: React.ReactNode;
|
|
5
5
|
}
|
|
6
6
|
export interface TabProps {
|
|
7
7
|
children: ReactElement<TabItemProps> | ReactElement<TabItemProps>[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../../src/Tab/type.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAEjD,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,
|
|
1
|
+
{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../../src/Tab/type.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAEjD,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AACD,MAAM,WAAW,QAAQ;IACvB,QAAQ,EAAE,YAAY,CAAC,YAAY,CAAC,GAAG,YAAY,CAAC,YAAY,CAAC,EAAE,CAAC;IACpE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;CAChC"}
|
|
@@ -9,7 +9,8 @@ type ColorKey = keyof typeof COLOR_MAP;
|
|
|
9
9
|
interface TimelineItemProps {
|
|
10
10
|
children: React.ReactNode;
|
|
11
11
|
color?: ColorKey;
|
|
12
|
+
isLast?: boolean;
|
|
12
13
|
}
|
|
13
|
-
export default function TimelineItem({ children, color, }: TimelineItemProps): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export default function TimelineItem({ children, color, isLast, }: TimelineItemProps): import("react/jsx-runtime").JSX.Element;
|
|
14
15
|
export {};
|
|
15
16
|
//# sourceMappingURL=TimelineItem.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TimelineItem.d.ts","sourceRoot":"","sources":["../../../../src/Timeline/TimelineItem.tsx"],"names":[],"mappings":"AAKA,QAAA,MAAM,SAAS;;;;;;CAMd,CAAC;AACF,KAAK,QAAQ,GAAG,MAAM,OAAO,SAAS,CAAC;AAEvC,UAAU,iBAAiB;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,QAAQ,CAAC;CAClB;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,QAAQ,EACR,KAAiB,
|
|
1
|
+
{"version":3,"file":"TimelineItem.d.ts","sourceRoot":"","sources":["../../../../src/Timeline/TimelineItem.tsx"],"names":[],"mappings":"AAKA,QAAA,MAAM,SAAS;;;;;;CAMd,CAAC;AACF,KAAK,QAAQ,GAAG,MAAM,OAAO,SAAS,CAAC;AAEvC,UAAU,iBAAiB;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,QAAQ,EACR,KAAiB,EACjB,MAAc,GACf,EAAE,iBAAiB,2CA2BnB"}
|
package/package.json
CHANGED
|
@@ -20,7 +20,9 @@ import Color from '../Color/Color';
|
|
|
20
20
|
import type { BottomSheetHeighProps, BottomSheetProops } from './type';
|
|
21
21
|
|
|
22
22
|
const statusBarHeight =
|
|
23
|
-
Platform.OS === 'android'
|
|
23
|
+
Platform.OS === 'android' && Platform.Version < 35
|
|
24
|
+
? (StatusBar.currentHeight ?? 24)
|
|
25
|
+
: 65;
|
|
24
26
|
const screenHeight = Dimensions.get('window').height;
|
|
25
27
|
const actualScreenHeight = screenHeight - statusBarHeight;
|
|
26
28
|
const DEFAULT_PADDING_BOTTOM = 40;
|
package/src/Icon/Icon.tsx
CHANGED
|
@@ -60,6 +60,9 @@ import Bold from './icons/Bold';
|
|
|
60
60
|
import Italic from './icons/Italic';
|
|
61
61
|
import UnderLine from './icons/UnderLine';
|
|
62
62
|
import SettingsSlider from './icons/SettingsSlider';
|
|
63
|
+
import RotateSquareFill from './icons/RotateSquareFill';
|
|
64
|
+
import LocationPinFill from './icons/LocationPinFill';
|
|
65
|
+
import DiscountFill from './icons/DiscountFill';
|
|
63
66
|
|
|
64
67
|
const icons: Record<
|
|
65
68
|
IconNameProps,
|
|
@@ -124,6 +127,9 @@ const icons: Record<
|
|
|
124
127
|
'Italic': Italic,
|
|
125
128
|
'UnderLine': UnderLine,
|
|
126
129
|
'settings-slider': SettingsSlider,
|
|
130
|
+
'rotate-square-fill': RotateSquareFill,
|
|
131
|
+
'location-pin-fill': LocationPinFill,
|
|
132
|
+
'discount-fill': DiscountFill,
|
|
127
133
|
};
|
|
128
134
|
|
|
129
135
|
const Icon: React.FC<IconProps> = ({
|
package/src/Icon/README.md
CHANGED
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import Svg, { Path } from 'react-native-svg';
|
|
2
|
+
|
|
3
|
+
interface Props {
|
|
4
|
+
size?: number;
|
|
5
|
+
color?: string;
|
|
6
|
+
style?: object;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
const DiscountFill: React.FC<Props> = ({ size = 24, color, style }: Props) => (
|
|
10
|
+
<Svg
|
|
11
|
+
width={size + 1}
|
|
12
|
+
height={size}
|
|
13
|
+
viewBox="0 0 24 25"
|
|
14
|
+
fill="none"
|
|
15
|
+
style={style}
|
|
16
|
+
>
|
|
17
|
+
<Path
|
|
18
|
+
fill-rule="evenodd"
|
|
19
|
+
clip-rule="evenodd"
|
|
20
|
+
d="M20.5589 11.3975L19.243 10.0815C18.962 9.80047 18.8039 9.41847 18.8039 9.02047V7.16247C18.8039 6.33147 18.1299 5.65749 17.2989 5.65749H15.441C15.043 5.65749 14.662 5.49947 14.38 5.21847L13.0639 3.90249C12.4759 3.31449 11.524 3.31449 10.936 3.90249L9.61996 5.21847C9.33895 5.49947 8.95692 5.65749 8.55892 5.65749H6.70101C5.87001 5.65749 5.196 6.33147 5.196 7.16247V9.02047C5.196 9.41847 5.03792 9.79947 4.75692 10.0815L3.441 11.3975C2.853 11.9855 2.853 12.9375 3.441 13.5255L4.75692 14.8415C5.03792 15.1225 5.196 15.5045 5.196 15.9025V17.7605C5.196 18.5915 5.87001 19.2655 6.70101 19.2655H8.55892C8.95692 19.2655 9.33795 19.4235 9.61996 19.7045L10.936 21.0205C11.524 21.6085 12.4759 21.6085 13.0639 21.0205L14.38 19.7045C14.661 19.4235 15.043 19.2655 15.441 19.2655H17.2989C18.1299 19.2655 18.8039 18.5915 18.8039 17.7605V15.9025C18.8039 15.5045 18.962 15.1235 19.243 14.8415L20.5589 13.5255C21.1469 12.9375 21.1469 11.9855 20.5589 11.3975ZM8.51497 9.96148C8.51497 9.40948 8.95797 8.96148 9.50997 8.96148H9.51998C10.073 8.96148 10.52 9.40948 10.52 9.96148C10.52 10.5135 10.073 10.9615 9.51998 10.9615C8.96798 10.9615 8.51497 10.5135 8.51497 9.96148ZM10.03 15.4915C9.88399 15.6375 9.69196 15.7115 9.49996 15.7115C9.30796 15.7115 9.11593 15.6385 8.96993 15.4915C8.67693 15.1985 8.67693 14.7235 8.96993 14.4305L13.9699 9.43047C14.2629 9.13747 14.738 9.13747 15.031 9.43047C15.324 9.72347 15.324 10.1985 15.031 10.4915L10.03 15.4915ZM14.52 15.9615C13.968 15.9615 13.515 15.5135 13.515 14.9615C13.515 14.4095 13.958 13.9615 14.51 13.9615H14.52C15.073 13.9615 15.52 14.4095 15.52 14.9615C15.52 15.5135 15.072 15.9615 14.52 15.9615Z"
|
|
21
|
+
fill={color}
|
|
22
|
+
/>
|
|
23
|
+
</Svg>
|
|
24
|
+
);
|
|
25
|
+
|
|
26
|
+
export default DiscountFill;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import Svg, { Path } from 'react-native-svg';
|
|
2
|
+
|
|
3
|
+
interface Props {
|
|
4
|
+
size?: number;
|
|
5
|
+
color?: string;
|
|
6
|
+
style?: object;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
const LocationPinFill: React.FC<Props> = ({
|
|
10
|
+
size = 24,
|
|
11
|
+
color,
|
|
12
|
+
style,
|
|
13
|
+
}: Props) => (
|
|
14
|
+
<Svg
|
|
15
|
+
width={size}
|
|
16
|
+
height={size + 1}
|
|
17
|
+
viewBox="0 0 24 25"
|
|
18
|
+
fill="none"
|
|
19
|
+
style={style}
|
|
20
|
+
>
|
|
21
|
+
<Path
|
|
22
|
+
d="M12 2.96149C7.313 2.96149 3.5 6.77449 3.5 11.4615C3.5 16.4445 8.129 19.5025 11.192 21.5255L11.722 21.8775C11.806 21.9335 11.903 21.9615 11.999 21.9615C12.095 21.9615 12.192 21.9335 12.276 21.8775L12.806 21.5255C15.869 19.5025 20.498 16.4445 20.498 11.4615C20.5 6.77449 16.687 2.96149 12 2.96149ZM12 13.9615C10.619 13.9615 9.5 12.8425 9.5 11.4615C9.5 10.0805 10.619 8.96149 12 8.96149C13.381 8.96149 14.5 10.0805 14.5 11.4615C14.5 12.8425 13.381 13.9615 12 13.9615Z"
|
|
23
|
+
fill={color}
|
|
24
|
+
/>
|
|
25
|
+
</Svg>
|
|
26
|
+
);
|
|
27
|
+
|
|
28
|
+
export default LocationPinFill;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import Svg, { Path } from 'react-native-svg';
|
|
2
|
+
|
|
3
|
+
interface Props {
|
|
4
|
+
size?: number;
|
|
5
|
+
color?: string;
|
|
6
|
+
style?: object;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
const RotateSquareFill: React.FC<Props> = ({
|
|
10
|
+
size = 24,
|
|
11
|
+
color,
|
|
12
|
+
style,
|
|
13
|
+
}: Props) => (
|
|
14
|
+
<Svg width={size} height={size} viewBox="0 0 20 20" fill="none" style={style}>
|
|
15
|
+
<Path
|
|
16
|
+
d="M14.6875 2.5H5.3125C3.4375 2.5 2.5 3.4375 2.5 5.3125V14.6875C2.5 16.5625 3.4375 17.5 5.3125 17.5H14.6875C16.5625 17.5 17.5 16.5625 17.5 14.6875V5.3125C17.5 3.4375 16.5625 2.5 14.6875 2.5ZM14.2251 11.0891C13.7409 13.0232 12.0033 14.375 10 14.375C8.79667 14.375 7.68167 13.8733 6.875 13.0467V13.3333C6.875 13.6783 6.595 13.9583 6.25 13.9583C5.905 13.9583 5.625 13.6783 5.625 13.3333V11.25C5.625 10.905 5.905 10.625 6.25 10.625H6.4858C6.49413 10.625 6.5033 10.6242 6.51164 10.625H8.33333C8.67833 10.625 8.95833 10.905 8.95833 11.25C8.95833 11.595 8.67833 11.875 8.33333 11.875H7.50407C8.08407 12.6467 9.00167 13.125 10 13.125C11.4292 13.125 12.6675 12.1634 13.0125 10.7859C13.0967 10.4509 13.4424 10.25 13.7699 10.3316C14.1058 10.415 14.3092 10.7541 14.2251 11.0891ZM14.375 8.75C14.375 9.095 14.095 9.375 13.75 9.375H13.5067C13.5017 9.375 13.4966 9.375 13.4908 9.375H11.6667C11.3217 9.375 11.0417 9.095 11.0417 8.75C11.0417 8.405 11.3217 8.125 11.6667 8.125H12.4959C11.9159 7.35333 10.9983 6.875 10 6.875C8.57083 6.875 7.33251 7.83657 6.98751 9.21407C6.91667 9.49824 6.66163 9.6875 6.38163 9.6875C6.3308 9.6875 6.28008 9.68169 6.22925 9.66919C5.89425 9.58502 5.6908 9.24593 5.77413 8.91093C6.2583 6.97676 7.99585 5.625 9.99919 5.625C11.2025 5.625 12.3175 6.12666 13.1242 6.95333V6.66667C13.1242 6.32167 13.4042 6.04167 13.7492 6.04167C14.0942 6.04167 14.3742 6.32167 14.3742 6.66667V8.75H14.375Z"
|
|
17
|
+
fill={color}
|
|
18
|
+
/>
|
|
19
|
+
</Svg>
|
|
20
|
+
);
|
|
21
|
+
|
|
22
|
+
export default RotateSquareFill;
|
package/src/Icon/type.tsx
CHANGED
package/src/Tab/README.md
CHANGED
|
@@ -2,13 +2,56 @@
|
|
|
2
2
|
|
|
3
3
|
Komponen tab ringan dan fleksibel untuk React Native yang mendukung:
|
|
4
4
|
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
5
|
+
- ✅ Swipe kiri/kanan antar tab
|
|
6
|
+
- ✅ Scroll vertikal di dalam konten tiap tab
|
|
7
|
+
- ✅ Tampilan tab yang bisa disesuaikan
|
|
8
|
+
- ✅ Tanpa dependensi eksternal (tidak butuh react-navigation)
|
|
9
9
|
|
|
10
10
|
---
|
|
11
11
|
|
|
12
|
+
## ⚙️ Instalasi
|
|
13
|
+
|
|
14
|
+
Komponen tab ini dibangun menggunakan [react-native-pager-view](https://github.com/callstack/react-native-pager-view) untuk mengatur perpindahan tab secara swipe kiri/kanan.
|
|
15
|
+
Pastikan Anda menginstal dependensi ini sebelum menggunakan komponen.
|
|
16
|
+
|
|
17
|
+
### 1. Install Dependensi
|
|
18
|
+
|
|
19
|
+
```sh
|
|
20
|
+
# Menggunakan npm
|
|
21
|
+
npm install react-native-pager-view
|
|
22
|
+
|
|
23
|
+
# Menggunakan yarn
|
|
24
|
+
yarn add react-native-pager-view
|
|
25
|
+
```
|
|
26
|
+
|
|
27
|
+
### 2. Konfigurasi Platform
|
|
28
|
+
|
|
29
|
+
#### iOS
|
|
30
|
+
|
|
31
|
+
Setelah instalasi, jalankan perintah berikut untuk meng-install pod:
|
|
32
|
+
|
|
33
|
+
```sh
|
|
34
|
+
cd ios && pod install && cd ..
|
|
35
|
+
```
|
|
36
|
+
|
|
37
|
+
Tidak ada konfigurasi tambahan untuk iOS, namun pastikan proyek Anda sudah menggunakan **minimum iOS 11** atau sesuai rekomendasi React Native agar kompatibel.
|
|
38
|
+
|
|
39
|
+
#### Android
|
|
40
|
+
|
|
41
|
+
`react-native-pager-view` akan otomatis ter-link di Android tanpa perlu langkah tambahan.
|
|
42
|
+
Namun, Anda perlu memastikan bahwa **minimum SDK version** Anda adalah 21 atau lebih tinggi.
|
|
43
|
+
Periksa file `android/app/build.gradle`:
|
|
44
|
+
|
|
45
|
+
```gradle
|
|
46
|
+
android {
|
|
47
|
+
defaultConfig {
|
|
48
|
+
minSdkVersion = 21
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
```
|
|
52
|
+
|
|
53
|
+
Jika nilai `minSdkVersion` di bawah 21, tingkatkan agar komponen dapat berjalan dengan baik.
|
|
54
|
+
|
|
12
55
|
## 💡 Contoh Penggunaan
|
|
13
56
|
|
|
14
57
|
```tsx
|
|
@@ -33,8 +76,8 @@ export default function App() {
|
|
|
33
76
|
|
|
34
77
|
### 1. Navigasi Tab
|
|
35
78
|
|
|
36
|
-
|
|
37
|
-
|
|
79
|
+
- Tap pada header tab untuk berpindah
|
|
80
|
+
- Swipe kiri/kanan untuk berpindah antar tab
|
|
38
81
|
|
|
39
82
|
### 2. Konten Scrollable
|
|
40
83
|
|
package/src/Tab/Tab.tsx
CHANGED
|
@@ -76,10 +76,9 @@ const Tab: React.FC<TabProps> = ({ children, current = 0, onChangeTab }) => {
|
|
|
76
76
|
onPageSelected={(e) => updateActive(e.nativeEvent.position)}
|
|
77
77
|
>
|
|
78
78
|
{items.map((item, index) => {
|
|
79
|
-
const Comp = item.props.component;
|
|
80
79
|
return (
|
|
81
80
|
<View key={index} collapsable={false} style={{ flex: 1 }}>
|
|
82
|
-
{
|
|
81
|
+
{item.props.children}
|
|
83
82
|
</View>
|
|
84
83
|
);
|
|
85
84
|
})}
|
|
@@ -108,5 +107,5 @@ const styles = StyleSheet.create({
|
|
|
108
107
|
},
|
|
109
108
|
tabActive: { backgroundColor: Color.primary[1000] },
|
|
110
109
|
tabInactive: { backgroundColor: Color.gray[100] },
|
|
111
|
-
pager: { flex: 1 },
|
|
110
|
+
pager: { flex: 1, backgroundColor: Color.base.white100 },
|
|
112
111
|
});
|
package/src/Tab/TabItem.tsx
CHANGED
package/src/Tab/type.tsx
CHANGED
|
@@ -2,7 +2,7 @@ import React, { type ReactElement } from 'react';
|
|
|
2
2
|
|
|
3
3
|
export interface TabItemProps {
|
|
4
4
|
name: string | number;
|
|
5
|
-
|
|
5
|
+
children: React.ReactNode;
|
|
6
6
|
}
|
|
7
7
|
export interface TabProps {
|
|
8
8
|
children: ReactElement<TabItemProps> | ReactElement<TabItemProps>[];
|
package/src/Timeline/README.md
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
# 🗂️ Timeline & TimelineItem
|
|
2
|
+
|
|
2
3
|
Timeline menampilkan rangkaian peristiwa secara vertikal—mirip “stepper” atau “activity feed”.
|
|
3
4
|
Setiap node diwakili oleh TimelineItem yang menampilkan titik (bullet icon) dan garis vertikal terhubung.
|
|
4
5
|
|
|
@@ -31,50 +32,48 @@ export default function OrderHistory() {
|
|
|
31
32
|
</Timeline>
|
|
32
33
|
);
|
|
33
34
|
}
|
|
34
|
-
|
|
35
35
|
```
|
|
36
36
|
|
|
37
37
|
## Props
|
|
38
38
|
|
|
39
39
|
### Timeline
|
|
40
|
+
|
|
40
41
|
| Prop | Type | Wajib | Default | Deskripsi |
|
|
41
42
|
| ---------- | ----------- | ----- | ------- | ---------------------------------- |
|
|
42
|
-
| `children` | `ReactNode` | ✅
|
|
43
|
-
|
|
43
|
+
| `children` | `ReactNode` | ✅ | — | Satu atau beberapa `TimelineItem`. |
|
|
44
44
|
|
|
45
45
|
### TimelineItem
|
|
46
|
-
| Prop | Type | Wajib | Default | Deskripsi |
|
|
47
|
-
| ---------- | ------------------------------------------------------------- | ----- | ----------- | ----------------------------------------------------- |
|
|
48
|
-
| `children` | `ReactNode` | ✅ | — | Konten untuk node timeline: teks, ikon tambahan, dsb. |
|
|
49
|
-
| `color` | `'primary' \| 'success' \| 'warning' \| 'danger' \| 'purple'` | ❌ | `'primary'` | Skema warna titik (`RadioButton`) dan garis vertikal. |
|
|
50
46
|
|
|
47
|
+
| Prop | Type | Wajib | Default | Deskripsi |
|
|
48
|
+
| ---------- | ------------------------------------------------------------- | ----- | ----------- | ---------------------------------------------------------------- |
|
|
49
|
+
| `children` | `ReactNode` | ✅ | — | Konten untuk node timeline: teks, ikon tambahan, dsb. |
|
|
50
|
+
| `color` | `'primary' \| 'success' \| 'warning' \| 'danger' \| 'purple'` | ❌ | `'primary'` | Skema warna titik (`RadioButton`) dan garis vertikal. |
|
|
51
|
+
| `isLast` | `boolean` | ❌ | `false` | Menentukan apakah garis garis di kiri itu dimunculkan atau tidak |
|
|
51
52
|
|
|
52
53
|
## ⚙️ Cara Kerja
|
|
53
54
|
|
|
54
55
|
1. Bullet & Line
|
|
56
|
+
- Bullet dirender dengan komponen Icon (name="RadioButton") memakai warna dari color.
|
|
55
57
|
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
- Garis vertikal (borderLeftWidth: 1) menggunakan borderStyle: 'dashed'. Tingginya dihitung secara dinamis (contentHeight - 20) agar garis mulai tepat di bawah bullet.
|
|
58
|
+
- Garis vertikal (borderLeftWidth: 1) menggunakan borderStyle: 'dashed'. Tingginya dihitung secara dinamis (contentHeight - 20) agar garis mulai tepat di bawah bullet.
|
|
59
59
|
|
|
60
60
|
2. Penghitungan Tinggi
|
|
61
|
+
- onLayout pada wrapper konten mengukur tinggi aktual item.
|
|
61
62
|
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
- Hasil pengukuran dipakai untuk menyesuaikan panjang garis, menjaga visual konsisten meskipun konten memiliki tinggi berbeda.
|
|
63
|
+
- Hasil pengukuran dipakai untuk menyesuaikan panjang garis, menjaga visual konsisten meskipun konten memiliki tinggi berbeda.
|
|
65
64
|
|
|
66
65
|
3. Layout
|
|
66
|
+
- Komponen dibangun dengan flexDirection: 'row', bullet di kiri, konten di kanan (flex: 1).
|
|
67
67
|
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
- Margin horizontal (marginRight: 8) menjaga jarak antara bullet dan konten.
|
|
68
|
+
- Margin horizontal (marginRight: 8) menjaga jarak antara bullet dan konten.
|
|
71
69
|
|
|
72
70
|
## 💡 Tips Penggunaan
|
|
71
|
+
|
|
73
72
|
- Item Terakhir Tanpa Garis
|
|
74
|
-
Bila ingin menghilangkan garis pada item terakhir, buat prop opsional mis. isLast dan kondisikan tinggi garis menjadi 0.
|
|
73
|
+
Bila ingin menghilangkan garis pada item terakhir, buat prop opsional mis. isLast dan kondisikan tinggi garis menjadi 0.
|
|
75
74
|
|
|
76
75
|
- Interaktif
|
|
77
|
-
Anda bebas menambahkan tombol, TouchableOpacity, atau ikon status di dalam children.
|
|
76
|
+
Anda bebas menambahkan tombol, TouchableOpacity, atau ikon status di dalam children.
|
|
78
77
|
|
|
79
78
|
- Kustomisasi Warna
|
|
80
|
-
Untuk warna tambahan, update COLOR_MAP dan tipe ColorKey pada TimelineItem.
|
|
79
|
+
Untuk warna tambahan, update COLOR_MAP dan tipe ColorKey pada TimelineItem.
|
|
@@ -15,24 +15,18 @@ type ColorKey = keyof typeof COLOR_MAP;
|
|
|
15
15
|
interface TimelineItemProps {
|
|
16
16
|
children: React.ReactNode;
|
|
17
17
|
color?: ColorKey;
|
|
18
|
+
isLast?: boolean;
|
|
18
19
|
}
|
|
19
20
|
|
|
20
21
|
export default function TimelineItem({
|
|
21
22
|
children,
|
|
22
23
|
color = 'primary',
|
|
24
|
+
isLast = false,
|
|
23
25
|
}: TimelineItemProps) {
|
|
24
26
|
const [contentHeight, setContentHeight] = useState(0);
|
|
25
27
|
const renderDashes = (count: number) => {
|
|
26
28
|
return Array.from({ length: count }).map((_, index) => (
|
|
27
|
-
<View
|
|
28
|
-
key={index}
|
|
29
|
-
style={{
|
|
30
|
-
width: 1,
|
|
31
|
-
height: 4,
|
|
32
|
-
backgroundColor: Color.gray[400],
|
|
33
|
-
marginVertical: 2,
|
|
34
|
-
}}
|
|
35
|
-
/>
|
|
29
|
+
<View key={index} style={styles.dashes} />
|
|
36
30
|
));
|
|
37
31
|
};
|
|
38
32
|
|
|
@@ -40,7 +34,9 @@ export default function TimelineItem({
|
|
|
40
34
|
<View style={styles.container}>
|
|
41
35
|
<View style={styles.contentLeft}>
|
|
42
36
|
<Icon name="RadioButton" color={COLOR_MAP[color]} />
|
|
43
|
-
<View>
|
|
37
|
+
<View>
|
|
38
|
+
{!isLast && renderDashes(Math.floor((contentHeight - 20) / 6))}
|
|
39
|
+
</View>
|
|
44
40
|
</View>
|
|
45
41
|
<View
|
|
46
42
|
style={styles.flex}
|
|
@@ -73,4 +69,10 @@ const styles = StyleSheet.create({
|
|
|
73
69
|
flex: {
|
|
74
70
|
flex: 1,
|
|
75
71
|
},
|
|
72
|
+
dashes: {
|
|
73
|
+
width: 1,
|
|
74
|
+
height: 4,
|
|
75
|
+
backgroundColor: Color.gray[400],
|
|
76
|
+
marginVertical: 2,
|
|
77
|
+
},
|
|
76
78
|
});
|