@herca/rn-kit 0.1.65 → 0.1.66
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/DropDown/DropDown.js +8 -6
- package/lib/module/DropDown/DropDown.js.map +1 -1
- package/lib/module/DropDown/README.md +19 -18
- package/lib/module/Icon/Icon.js +13 -1
- package/lib/module/Icon/Icon.js.map +1 -1
- package/lib/module/Icon/README.md +6 -0
- package/lib/module/Icon/icons/BriefcaseFillBulk.js +27 -0
- package/lib/module/Icon/icons/BriefcaseFillBulk.js.map +1 -0
- package/lib/module/Icon/icons/CarOutline.js +22 -0
- package/lib/module/Icon/icons/CarOutline.js.map +1 -0
- package/lib/module/Icon/icons/CommentFill.js +22 -0
- package/lib/module/Icon/icons/CommentFill.js.map +1 -0
- package/lib/module/Icon/icons/LocationPinOutline.js +21 -0
- package/lib/module/Icon/icons/LocationPinOutline.js.map +1 -0
- package/lib/module/Icon/icons/MoneyDown.js +22 -0
- package/lib/module/Icon/icons/MoneyDown.js.map +1 -0
- package/lib/module/Icon/icons/ShareUp.js +25 -0
- package/lib/module/Icon/icons/ShareUp.js.map +1 -0
- package/lib/typescript/src/DropDown/DropDown.d.ts +1 -1
- package/lib/typescript/src/DropDown/DropDown.d.ts.map +1 -1
- package/lib/typescript/src/DropDown/type.d.ts +2 -0
- package/lib/typescript/src/DropDown/type.d.ts.map +1 -1
- package/lib/typescript/src/Icon/Icon.d.ts.map +1 -1
- package/lib/typescript/src/Icon/icons/BriefcaseFillBulk.d.ts +10 -0
- package/lib/typescript/src/Icon/icons/BriefcaseFillBulk.d.ts.map +1 -0
- package/lib/typescript/src/Icon/icons/CarOutline.d.ts +9 -0
- package/lib/typescript/src/Icon/icons/CarOutline.d.ts.map +1 -0
- package/lib/typescript/src/Icon/icons/CommentFill.d.ts +9 -0
- package/lib/typescript/src/Icon/icons/CommentFill.d.ts.map +1 -0
- package/lib/typescript/src/Icon/icons/LocationPinOutline.d.ts +8 -0
- package/lib/typescript/src/Icon/icons/LocationPinOutline.d.ts.map +1 -0
- package/lib/typescript/src/Icon/icons/MoneyDown.d.ts +9 -0
- package/lib/typescript/src/Icon/icons/MoneyDown.d.ts.map +1 -0
- package/lib/typescript/src/Icon/icons/ShareUp.d.ts +9 -0
- package/lib/typescript/src/Icon/icons/ShareUp.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/package.json +1 -1
- package/src/DropDown/DropDown.tsx +9 -3
- package/src/DropDown/README.md +19 -18
- package/src/DropDown/type.tsx +2 -0
- package/src/Icon/Icon.tsx +12 -0
- package/src/Icon/README.md +6 -0
- package/src/Icon/icons/BriefcaseFillBulk.tsx +30 -0
- package/src/Icon/icons/CarOutline.tsx +23 -0
- package/src/Icon/icons/CommentFill.tsx +19 -0
- package/src/Icon/icons/LocationPinOutline.tsx +22 -0
- package/src/Icon/icons/MoneyDown.tsx +19 -0
- package/src/Icon/icons/ShareUp.tsx +22 -0
- package/src/Icon/type.tsx +6 -0
|
@@ -8,11 +8,13 @@ const Dropdown = ({
|
|
|
8
8
|
options,
|
|
9
9
|
maxHeight = 200,
|
|
10
10
|
onSelect,
|
|
11
|
-
renderButton
|
|
11
|
+
renderButton,
|
|
12
|
+
renderItem,
|
|
13
|
+
width
|
|
12
14
|
}) => {
|
|
13
15
|
const [isOpen, setIsOpen] = useState(false);
|
|
14
16
|
const [selected, setSelected] = useState();
|
|
15
|
-
const [align, setAlign] = useState('
|
|
17
|
+
const [align, setAlign] = useState('right');
|
|
16
18
|
const [buttonLayout, setButtonLayout] = useState({
|
|
17
19
|
x: 0,
|
|
18
20
|
y: 0,
|
|
@@ -62,7 +64,8 @@ const Dropdown = ({
|
|
|
62
64
|
style: [styles.dropdownList, {
|
|
63
65
|
top: buttonLayout.y + buttonLayout.height,
|
|
64
66
|
left: align === 'left' ? buttonLayout.x : undefined,
|
|
65
|
-
right: align === 'right' ? windowWidth - (buttonLayout.x + buttonLayout.width) : undefined
|
|
67
|
+
right: align === 'right' ? windowWidth - (buttonLayout.x + buttonLayout.width) : undefined,
|
|
68
|
+
width: width
|
|
66
69
|
}],
|
|
67
70
|
children: /*#__PURE__*/_jsx(ScrollView, {
|
|
68
71
|
nestedScrollEnabled: true,
|
|
@@ -72,7 +75,7 @@ const Dropdown = ({
|
|
|
72
75
|
children: options.map((item, idx) => /*#__PURE__*/_jsx(TouchableOpacity, {
|
|
73
76
|
onPress: () => handlePressOption(item),
|
|
74
77
|
style: [styles.option, selected === item.value && styles.optionSelected],
|
|
75
|
-
children: /*#__PURE__*/_jsx(Text, {
|
|
78
|
+
children: renderItem ? renderItem(item, idx) : /*#__PURE__*/_jsx(Text, {
|
|
76
79
|
children: item.label
|
|
77
80
|
})
|
|
78
81
|
}, idx))
|
|
@@ -92,8 +95,7 @@ const styles = StyleSheet.create({
|
|
|
92
95
|
borderWidth: 1,
|
|
93
96
|
borderColor: Color.gray[50],
|
|
94
97
|
borderRadius: 8,
|
|
95
|
-
backgroundColor: Color.base.white100
|
|
96
|
-
width: 120
|
|
98
|
+
backgroundColor: Color.base.white100
|
|
97
99
|
},
|
|
98
100
|
option: {
|
|
99
101
|
gap: 8,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useState","useRef","View","Text","TouchableOpacity","Pressable","StyleSheet","ScrollView","useWindowDimensions","findNodeHandle","UIManager","Modal","Color","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","Dropdown","options","maxHeight","onSelect","renderButton","isOpen","setIsOpen","selected","setSelected","align","setAlign","buttonLayout","setButtonLayout","x","y","
|
|
1
|
+
{"version":3,"names":["useState","useRef","View","Text","TouchableOpacity","Pressable","StyleSheet","ScrollView","useWindowDimensions","findNodeHandle","UIManager","Modal","Color","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","Dropdown","options","maxHeight","onSelect","renderButton","renderItem","width","isOpen","setIsOpen","selected","setSelected","align","setAlign","buttonLayout","setButtonLayout","x","y","height","buttonRef","windowWidth","handleToggle","handle","current","measureInWindow","middle","handlePressOption","value","children","ref","onPress","transparent","animationType","visible","style","absoluteFillObject","styles","dropdownList","top","left","undefined","right","nestedScrollEnabled","map","item","idx","option","optionSelected","label","create","button","position","padding","zIndex","gap","borderWidth","borderColor","gray","borderRadius","backgroundColor","base","white100","paddingVertical","paddingHorizontal","primary"],"sourceRoot":"../../../src","sources":["DropDown/DropDown.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -8,8 +8,8 @@
|
|
|
8
8
|
|
|
9
9
|
Komponen ini mengandalkan dependensi internal:
|
|
10
10
|
|
|
11
|
-
|
|
12
|
-
|
|
11
|
+
- `Color` – sistem warna.
|
|
12
|
+
- `ChipOptionProps` – tipe opsi.
|
|
13
13
|
|
|
14
14
|
Serta modul standar React Native: `Modal`, `ScrollView`, dll. Tidak memerlukan library eksternal.
|
|
15
15
|
|
|
@@ -17,12 +17,14 @@ Serta modul standar React Native: `Modal`, `ScrollView`, dll. Tidak memerlukan l
|
|
|
17
17
|
|
|
18
18
|
## API Reference
|
|
19
19
|
|
|
20
|
-
| Prop | Tipe | Default | Deskripsi
|
|
21
|
-
| -------------- | ----------------------------------- | ----------- |
|
|
22
|
-
| `options` | `ChipOptionProps[]` | `[]` | Daftar objek `{ label, value }` yang akan ditampilkan sebagai opsi.
|
|
23
|
-
| `maxHeight` | `number` | `200` | Tinggi maksimum daftar sebelum dapat di‐scroll.
|
|
24
|
-
| `onSelect` | `(value: string \| number) => void` | `undefined` | Callback saat pengguna memilih opsi.
|
|
25
|
-
| `renderButton` | `React.ReactNode` | **(wajib)** | Elemen yang dipakai sebagai tombol pemicu dropdown.
|
|
20
|
+
| Prop | Tipe | Default | Deskripsi |
|
|
21
|
+
| -------------- | ----------------------------------- | ----------- | -------------------------------------------------------------------------- |
|
|
22
|
+
| `options` | `ChipOptionProps[]` | `[]` | Daftar objek `{ label, value }` yang akan ditampilkan sebagai opsi. |
|
|
23
|
+
| `maxHeight` | `number` | `200` | Tinggi maksimum daftar sebelum dapat di‐scroll. |
|
|
24
|
+
| `onSelect` | `(value: string \| number) => void` | `undefined` | Callback saat pengguna memilih opsi. |
|
|
25
|
+
| `renderButton` | `React.ReactNode` | **(wajib)** | Elemen yang dipakai sebagai tombol pemicu dropdown. |
|
|
26
|
+
| `renderItem` | `React.ReactNode` | `undefined` | Elemen yang dipakai sebagai tombol di tiap item yang ada di dalam dropdown |
|
|
27
|
+
| `width` | `number` | `undefined` | Angka yang digunakan untuk mengatur lebar pembungkus list |
|
|
26
28
|
|
|
27
29
|
### Struktur `ChipOptionProps`
|
|
28
30
|
|
|
@@ -38,19 +40,18 @@ interface ChipOptionProps {
|
|
|
38
40
|
## Cara Kerja Singkat
|
|
39
41
|
|
|
40
42
|
1. **Posisi & Alignment**
|
|
43
|
+
- Saat tombol ditekan, komponen mengukur posisi tombol (`UIManager.measureInWindow`).
|
|
44
|
+
- Jika titik tengah tombol berada di sisi kanan layar, daftar disejajarkan ke kanan; sebaliknya ke kiri.
|
|
41
45
|
|
|
42
|
-
* Saat tombol ditekan, komponen mengukur posisi tombol (`UIManager.measureInWindow`).
|
|
43
|
-
* Jika titik tengah tombol berada di sisi kanan layar, daftar disejajarkan ke kanan; sebaliknya ke kiri.
|
|
44
46
|
2. **Modal & Pressable Overlay**
|
|
47
|
+
- Daftar opsi dibungkus `Modal` transparan.
|
|
48
|
+
- `Pressable` penuh layar di belakang daftar menangani klik di luar untuk menutup menu.
|
|
45
49
|
|
|
46
|
-
* Daftar opsi dibungkus `Modal` transparan.
|
|
47
|
-
* `Pressable` penuh layar di belakang daftar menangani klik di luar untuk menutup menu.
|
|
48
50
|
3. **Scroll & Batas Tinggi**
|
|
51
|
+
- Daftar opsi di dalam `ScrollView` dengan properti `nestedScrollEnabled` agar tetap dapat di‐scroll di dalam modalsheet lain.
|
|
49
52
|
|
|
50
|
-
* Daftar opsi di dalam `ScrollView` dengan properti `nestedScrollEnabled` agar tetap dapat di‐scroll di dalam modalsheet lain.
|
|
51
53
|
4. **Highlight Opsi Terpilih**
|
|
52
|
-
|
|
53
|
-
* Opsi aktif diberi style `optionSelected` – background `Color.primary[50]` & border `Color.primary[300]`.
|
|
54
|
+
- Opsi aktif diberi style `optionSelected` – background `Color.primary[50]` & border `Color.primary[300]`.
|
|
54
55
|
|
|
55
56
|
---
|
|
56
57
|
|
|
@@ -101,8 +102,8 @@ export default function DropdownExample() {
|
|
|
101
102
|
|
|
102
103
|
## Tips Implementasi
|
|
103
104
|
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
105
|
+
- **Kontrol Render Button**: Anda bebas menggunakan komponen apa pun sebagai `renderButton` (ikon, input field, card, dll.). Dropdown akan menggunakan posisi & ukuran elemen ini.
|
|
106
|
+
- **Close on Scroll Parent**: Jika dropdown dipakai dalam layar yang di‐scroll, pertimbangkan menutup dropdown saat parent di‐scroll untuk mencegah posisi meleset.
|
|
107
|
+
- **Validasi**: Komponen tidak memaksa nilai default. Anda dapat men‐set `selected` manual via `useState` agar kontrol tetap ter‐sinkron.
|
|
107
108
|
|
|
108
109
|
---
|
package/lib/module/Icon/Icon.js
CHANGED
|
@@ -96,6 +96,12 @@ import StrikeThrough from "./icons/StrikeThrough.js";
|
|
|
96
96
|
import Link from "./icons/Link.js";
|
|
97
97
|
import ListOrdered from "./icons/ListOrdered.js";
|
|
98
98
|
import ListUnOrdered from "./icons/ListUnOrdered.js";
|
|
99
|
+
import BriefcaseFillBulk from "./icons/BriefcaseFillBulk.js";
|
|
100
|
+
import LocationPinOutline from "./icons/LocationPinOutline.js";
|
|
101
|
+
import CarOutline from "./icons/CarOutline.js";
|
|
102
|
+
import MoneyDown from "./icons/MoneyDown.js";
|
|
103
|
+
import CommentFill from "./icons/CommentFill.js";
|
|
104
|
+
import ShareUp from "./icons/ShareUp.js";
|
|
99
105
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
100
106
|
const icons = {
|
|
101
107
|
'Search': Search,
|
|
@@ -192,7 +198,13 @@ const icons = {
|
|
|
192
198
|
'strike-through': StrikeThrough,
|
|
193
199
|
'Link': Link,
|
|
194
200
|
'list-ordered': ListOrdered,
|
|
195
|
-
'list-un-ordered': ListUnOrdered
|
|
201
|
+
'list-un-ordered': ListUnOrdered,
|
|
202
|
+
'briefcase-fill-bulk': BriefcaseFillBulk,
|
|
203
|
+
'location-pin-outline': LocationPinOutline,
|
|
204
|
+
'car-outline': CarOutline,
|
|
205
|
+
'money-down': MoneyDown,
|
|
206
|
+
'comment-fill': CommentFill,
|
|
207
|
+
'share-up': ShareUp
|
|
196
208
|
};
|
|
197
209
|
const Icon = ({
|
|
198
210
|
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","RotateSquareFill","LocationPinFill","DiscountFill","CopyFill","CopyTextFill","ShieldCheckedFill","CalendarEdit","InfoCircleOutline","Tag","Tool","UserEdit","ImagePlus","Bolt","BoltSlash","Trash","TimeForward","Signature","Money","InfoCircleFill","Flag","Coupon","MoreVertical","ExclamationTriangle","PdfFile","RotateRight","ArrowUpCircleFill","ClipBoardListCheck2","Phone","Envelope","AlignCenter","AlignLeft","AlignRight","StrikeThrough","Link","ListOrdered","ListUnOrdered","jsx","_jsx","icons","Icon","name","size","color","style","SelectedIcon"],"sourceRoot":"../../../src","sources":["Icon/Icon.tsx"],"mappings":"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
|
|
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","CopyFill","CopyTextFill","ShieldCheckedFill","CalendarEdit","InfoCircleOutline","Tag","Tool","UserEdit","ImagePlus","Bolt","BoltSlash","Trash","TimeForward","Signature","Money","InfoCircleFill","Flag","Coupon","MoreVertical","ExclamationTriangle","PdfFile","RotateRight","ArrowUpCircleFill","ClipBoardListCheck2","Phone","Envelope","AlignCenter","AlignLeft","AlignRight","StrikeThrough","Link","ListOrdered","ListUnOrdered","BriefcaseFillBulk","LocationPinOutline","CarOutline","MoneyDown","CommentFill","ShareUp","jsx","_jsx","icons","Icon","name","size","color","style","SelectedIcon"],"sourceRoot":"../../../src","sources":["Icon/Icon.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import Svg, { Path } from 'react-native-svg';
|
|
5
|
+
import Color from "../../Color/Color.js";
|
|
6
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
7
|
+
const BriefcaseFillBulk = ({
|
|
8
|
+
size = 24,
|
|
9
|
+
topColor = Color.success[500],
|
|
10
|
+
bottomColor = Color.success[600],
|
|
11
|
+
style
|
|
12
|
+
}) => /*#__PURE__*/_jsxs(Svg, {
|
|
13
|
+
width: size,
|
|
14
|
+
height: size,
|
|
15
|
+
viewBox: "0 0 40 40",
|
|
16
|
+
fill: "none",
|
|
17
|
+
style: style,
|
|
18
|
+
children: [/*#__PURE__*/_jsx(Path, {
|
|
19
|
+
d: "M30 10.0002H27.9167V7.50016C27.9167 5.90016 26.6 4.5835 25 4.5835H15C13.3833 4.5835 12.0833 5.90016 12.0833 7.50016V10.0002H10C6.66667 10.0002 5 11.6668 5 15.0002V16.6001C5 18.1501 5.91667 19.5169 7.35001 20.0669C9.65001 20.9836 12.0333 21.6836 14.4167 22.1836C14.6 22.2169 14.7667 22.0836 14.8667 21.9336C16.0667 20.1336 18 19.0503 20 19.0503C22.0167 19.0503 23.9333 20.1336 25.15 21.9336C25.25 22.0836 25.4167 22.2169 25.6 22.1836C27.9833 21.6836 30.35 20.9836 32.65 20.0836C34.0833 19.5169 35 18.1501 35 16.6001V15.0002C35 11.6668 33.3333 10.0002 30 10.0002ZM14.5833 10.0002V7.50016C14.5833 7.26683 14.7667 7.0835 15 7.0835H25C25.2333 7.0835 25.4167 7.26683 25.4167 7.50016V10.0002H14.5833Z",
|
|
20
|
+
fill: topColor
|
|
21
|
+
}), /*#__PURE__*/_jsx(Path, {
|
|
22
|
+
d: "M26.1 24.6336C25.9167 24.6669 25.7167 24.6836 25.5333 24.6836C24.5667 24.6836 23.65 24.1835 23.0667 23.3169C22.3333 22.2169 21.1833 21.5503 20 21.5503C18.8333 21.5503 17.6833 22.2169 16.95 23.3169C16.25 24.3502 15.0667 24.8669 13.9167 24.6336C11.3833 24.1169 8.86667 23.3668 6.43333 22.4001C5.91667 22.2001 5.43333 21.9335 5 21.5835V30.0002C5 33.3335 6.66667 35.0002 10 35.0002H30C33.3333 35.0002 35 33.3335 35 30.0002V21.6001C34.5667 21.9335 34.0833 22.2001 33.5667 22.4001C31.1333 23.3668 28.6167 24.1169 26.1 24.6336ZM20.0033 26.6669C19.085 26.6669 18.3333 25.9202 18.3333 25.0002C18.3333 24.0802 19.0717 23.3335 19.99 23.3335H20.0033C20.9217 23.3335 21.6667 24.0802 21.6667 25.0002C21.6667 25.9202 20.9217 26.6669 20.0033 26.6669Z",
|
|
23
|
+
fill: bottomColor
|
|
24
|
+
})]
|
|
25
|
+
});
|
|
26
|
+
export default BriefcaseFillBulk;
|
|
27
|
+
//# sourceMappingURL=BriefcaseFillBulk.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","Svg","Path","Color","jsx","_jsx","jsxs","_jsxs","BriefcaseFillBulk","size","topColor","success","bottomColor","style","width","height","viewBox","fill","children","d"],"sourceRoot":"../../../../src","sources":["Icon/icons/BriefcaseFillBulk.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAC5C,OAAOC,KAAK,MAAM,sBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAStC,MAAMC,iBAAkC,GAAGA,CAAC;EAC1CC,IAAI,GAAG,EAAE;EACTC,QAAQ,GAAGP,KAAK,CAACQ,OAAO,CAAC,GAAG,CAAC;EAC7BC,WAAW,GAAGT,KAAK,CAACQ,OAAO,CAAC,GAAG,CAAC;EAChCE;AACF,CAAC,kBACCN,KAAA,CAACN,GAAG;EAACa,KAAK,EAAEL,IAAK;EAACM,MAAM,EAAEN,IAAK;EAACO,OAAO,EAAC,WAAW;EAACC,IAAI,EAAC,MAAM;EAACJ,KAAK,EAAEA,KAAM;EAAAK,QAAA,gBAC3Eb,IAAA,CAACH,IAAI;IACHiB,CAAC,EAAC,urBAAurB;IACzrBF,IAAI,EAAEP;EAAS,CAChB,CAAC,eACFL,IAAA,CAACH,IAAI;IACHiB,CAAC,EAAC,guBAAguB;IACluBF,IAAI,EAAEL;EAAY,CACnB,CAAC;AAAA,CACC,CACN;AAED,eAAeJ,iBAAiB","ignoreList":[]}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import Svg, { Path } from 'react-native-svg';
|
|
5
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
|
+
const CarOutline = ({
|
|
7
|
+
size = 24,
|
|
8
|
+
color = '#909090',
|
|
9
|
+
style
|
|
10
|
+
}) => /*#__PURE__*/_jsx(Svg, {
|
|
11
|
+
width: size,
|
|
12
|
+
height: size,
|
|
13
|
+
viewBox: "0 0 20 20",
|
|
14
|
+
fill: "none",
|
|
15
|
+
style: style,
|
|
16
|
+
children: /*#__PURE__*/_jsx(Path, {
|
|
17
|
+
d: "M16.7089 7.18L16.6339 6.5H17.5005C17.8422 6.5 18.1255 6.16 18.1255 5.75C18.1255 5.34 17.8422 5 17.5005 5H16.4755L16.3839 4.14C16.1839 2.67 15.9505 1 13.3005 1H6.70052C4.05052 1 3.81719 2.67 3.60886 4.16L3.51719 5H2.49219C2.15052 5 1.86719 5.34 1.86719 5.75C1.86719 6.16 2.15052 6.5 2.49219 6.5H3.35885L3.28386 7.18C2.87552 7.35 2.57552 7.62 2.40052 7.86C1.98385 8.43 1.80052 9.22 1.89219 10.09L2.21719 13.21C2.33386 14.35 2.66719 15.79 3.95052 16.29V17.74C3.95052 18.15 4.23385 18.49 4.57552 18.49C4.91719 18.49 5.20052 18.15 5.20052 17.74V16.49H14.7839V17.74C14.7839 18.15 15.0672 18.49 15.4089 18.49C15.7505 18.49 16.0339 18.15 16.0339 17.74V16.29C17.3172 15.78 17.6505 14.35 17.7672 13.21L18.0922 10.09C18.1839 9.22 18.0005 8.43 17.5839 7.86C17.4005 7.61 17.1088 7.35 16.7005 7.18H16.7089ZM6.70052 2.5H13.3005C14.8922 2.5 14.9588 2.97 15.1505 4.36L15.4339 7H4.57552L4.85052 4.38C5.04219 2.97 5.10886 2.5 6.70052 2.5ZM16.5339 13.03C16.3755 14.52 16.0089 15 15.0005 15H5.00052C3.99219 15 3.61719 14.52 3.46719 13.03L3.14219 9.91C3.10052 9.48 3.16719 9.1 3.35052 8.86C3.52552 8.62 3.80052 8.5 4.17552 8.5H15.8339C16.2089 8.5 16.4839 8.62 16.6589 8.86C16.8339 9.1 16.9089 9.47 16.8672 9.91L16.5422 13.03H16.5339ZM15.0255 11.22C15.1422 11.36 15.2089 11.55 15.2089 11.75C15.2089 11.85 15.1922 11.95 15.1589 12.04C15.1255 12.13 15.0839 12.21 15.0255 12.28C14.9089 12.42 14.7505 12.5 14.5839 12.5C14.4172 12.5 14.2589 12.42 14.1422 12.28C14.0839 12.21 14.0422 12.13 14.0089 12.04C13.9755 11.95 13.9589 11.85 13.9589 11.75C13.9589 11.55 14.0255 11.36 14.1422 11.22C14.3755 10.94 14.7922 10.94 15.0255 11.22ZM5.85885 11.22C5.97552 11.36 6.04219 11.55 6.04219 11.75C6.04219 11.85 6.02552 11.94 5.99219 12.04C5.95886 12.13 5.91719 12.21 5.85885 12.28C5.80052 12.35 5.73386 12.4 5.65886 12.44C5.58386 12.48 5.50052 12.5 5.41719 12.5C5.25052 12.5 5.09219 12.42 4.97552 12.28C4.91719 12.21 4.87552 12.13 4.84219 12.04C4.80885 11.94 4.79219 11.85 4.79219 11.75C4.79219 11.65 4.80885 11.55 4.84219 11.46C4.87552 11.37 4.91719 11.29 4.97552 11.22C5.03386 11.15 5.10052 11.1 5.17552 11.06C5.33386 10.98 5.50052 10.98 5.65886 11.06C5.73386 11.09 5.80052 11.15 5.85885 11.22ZM12.7089 11.75C12.7089 12.16 12.4255 12.5 12.0839 12.5H7.91719C7.57552 12.5 7.29219 12.16 7.29219 11.75C7.29219 11.34 7.57552 11 7.91719 11H12.0839C12.4255 11 12.7089 11.34 12.7089 11.75Z",
|
|
18
|
+
fill: color
|
|
19
|
+
})
|
|
20
|
+
});
|
|
21
|
+
export default CarOutline;
|
|
22
|
+
//# sourceMappingURL=CarOutline.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","Svg","Path","jsx","_jsx","CarOutline","size","color","style","width","height","viewBox","fill","children","d"],"sourceRoot":"../../../../src","sources":["Icon/icons/CarOutline.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQ7C,MAAMC,UAA2B,GAAGA,CAAC;EACnCC,IAAI,GAAG,EAAE;EACTC,KAAK,GAAG,SAAS;EACjBC;AACF,CAAC,kBACCJ,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,0yEAA0yE;IAC5yEF,IAAI,EAAEL;EAAM,CACb;AAAC,CACC,CACN;AAED,eAAeF,UAAU","ignoreList":[]}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import Svg, { Path } from 'react-native-svg';
|
|
5
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
|
+
const CommentFill = ({
|
|
7
|
+
size = 24,
|
|
8
|
+
color = '#000',
|
|
9
|
+
style
|
|
10
|
+
}) => /*#__PURE__*/_jsx(Svg, {
|
|
11
|
+
width: size,
|
|
12
|
+
height: size,
|
|
13
|
+
viewBox: "0 0 20 20",
|
|
14
|
+
fill: "none",
|
|
15
|
+
style: style,
|
|
16
|
+
children: /*#__PURE__*/_jsx(Path, {
|
|
17
|
+
d: "M10 3.3335C5.85833 3.3335 2.5 5.83348 2.5 10.001C2.5 11.7676 3.10829 13.2435 4.12496 14.3435C3.99996 15.1435 3.54993 16.0601 2.6416 16.7935C2.3666 17.0268 2.52497 17.4851 2.8833 17.4934C4.06663 17.5351 5.89159 17.3768 7.00826 16.1852C7.92493 16.5018 8.93333 16.6685 10 16.6685C14.1417 16.6685 17.5 14.1676 17.5 10.001C17.5 5.83348 14.1417 3.3335 10 3.3335ZM10.8333 12.2918H6.66667C6.32167 12.2918 6.04167 12.0118 6.04167 11.6668C6.04167 11.3218 6.32167 11.0418 6.66667 11.0418H10.8333C11.1783 11.0418 11.4583 11.3218 11.4583 11.6668C11.4583 12.0118 11.1783 12.2918 10.8333 12.2918ZM13.3333 8.9585H6.66667C6.32167 8.9585 6.04167 8.6785 6.04167 8.3335C6.04167 7.9885 6.32167 7.7085 6.66667 7.7085H13.3333C13.6783 7.7085 13.9583 7.9885 13.9583 8.3335C13.9583 8.6785 13.6783 8.9585 13.3333 8.9585Z",
|
|
18
|
+
fill: color
|
|
19
|
+
})
|
|
20
|
+
});
|
|
21
|
+
export default CommentFill;
|
|
22
|
+
//# sourceMappingURL=CommentFill.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","Svg","Path","jsx","_jsx","CommentFill","size","color","style","width","height","viewBox","fill","children","d"],"sourceRoot":"../../../../src","sources":["Icon/icons/CommentFill.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQ7C,MAAMC,WAA4B,GAAGA,CAAC;EAAEC,IAAI,GAAG,EAAE;EAAEC,KAAK,GAAG,MAAM;EAAEC;AAAM,CAAC,kBACxEJ,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,2xBAA2xB;IAC7xBF,IAAI,EAAEL;EAAM,CACb;AAAC,CACC,CACN;AAED,eAAeF,WAAW","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 LocationPinOutline = ({
|
|
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: "M10.0007 1.875C5.97982 1.875 2.70898 5.14583 2.70898 9.16667C2.70898 13.4317 6.62314 16.0166 9.21314 17.7275L9.65398 18.02C9.75898 18.09 9.87982 18.125 10.0007 18.125C10.1215 18.125 10.2423 18.09 10.3473 18.02L10.7882 17.7275C13.3782 16.0166 17.2923 13.4317 17.2923 9.16667C17.2923 5.14583 14.0215 1.875 10.0007 1.875ZM10.0998 16.6842L10.0007 16.7501L9.90148 16.6842C7.39315 15.0275 3.95898 12.7592 3.95898 9.16667C3.95898 5.835 6.66898 3.125 10.0007 3.125C13.3323 3.125 16.0423 5.835 16.0423 9.16667C16.0423 12.7592 12.6073 15.0283 10.0998 16.6842ZM10.0007 6.45833C8.50732 6.45833 7.29232 7.67333 7.29232 9.16667C7.29232 10.66 8.50732 11.875 10.0007 11.875C11.494 11.875 12.709 10.66 12.709 9.16667C12.709 7.67333 11.494 6.45833 10.0007 6.45833ZM10.0007 10.625C9.19648 10.625 8.54232 9.97083 8.54232 9.16667C8.54232 8.3625 9.19648 7.70833 10.0007 7.70833C10.8048 7.70833 11.459 8.3625 11.459 9.16667C11.459 9.97083 10.8048 10.625 10.0007 10.625Z",
|
|
17
|
+
fill: color
|
|
18
|
+
})
|
|
19
|
+
});
|
|
20
|
+
export default LocationPinOutline;
|
|
21
|
+
//# sourceMappingURL=LocationPinOutline.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["Svg","Path","jsx","_jsx","LocationPinOutline","size","color","style","width","height","viewBox","fill","children","d"],"sourceRoot":"../../../../src","sources":["Icon/icons/LocationPinOutline.tsx"],"mappings":";;AAAA,OAAOA,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQ7C,MAAMC,kBAAmC,GAAGA,CAAC;EAC3CC,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,o7BAAo7B;IACt7BF,IAAI,EAAEL;EAAM,CACb;AAAC,CACC,CACN;AAED,eAAeF,kBAAkB","ignoreList":[]}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import Svg, { Path } from 'react-native-svg';
|
|
5
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
|
+
const MoneyDown = ({
|
|
7
|
+
size = 24,
|
|
8
|
+
color = '#000',
|
|
9
|
+
style
|
|
10
|
+
}) => /*#__PURE__*/_jsx(Svg, {
|
|
11
|
+
width: size,
|
|
12
|
+
height: size,
|
|
13
|
+
viewBox: "0 0 24 24",
|
|
14
|
+
fill: "none",
|
|
15
|
+
style: style,
|
|
16
|
+
children: /*#__PURE__*/_jsx(Path, {
|
|
17
|
+
d: "M18 4H6C4 4 3 5 3 7V15C3 17 4 18 6 18H13.74C13.91 18 14.05 17.86 14.05 17.69C14.05 17.65 14.04 17.61 14.03 17.57C14.01 17.38 14 17.19 14 17C14 14.24 16.24 12 19 12C19.56 12 20.1 12.09 20.6 12.26C20.8 12.32 21 12.19 21 11.98V7C21 5 20 4 18 4ZM6 11.999C5.448 11.999 5 11.551 5 10.999C5 10.447 5.448 9.99902 6 9.99902C6.552 9.99902 7 10.447 7 10.999C7 11.552 6.552 11.999 6 11.999ZM12 14C10.343 14 9 12.657 9 11C9 9.343 10.343 8 12 8C13.657 8 15 9.343 15 11C15 12.657 13.657 14 12 14ZM21.53 18.53L19.53 20.53C19.384 20.676 19.192 20.75 19 20.75C18.808 20.75 18.616 20.677 18.47 20.53L16.47 18.53C16.177 18.237 16.177 17.762 16.47 17.469C16.763 17.176 17.238 17.176 17.531 17.469L18.251 18.189V15C18.251 14.586 18.587 14.25 19.001 14.25C19.415 14.25 19.751 14.586 19.751 15V18.189L20.471 17.469C20.764 17.176 21.239 17.176 21.532 17.469C21.823 17.762 21.823 18.238 21.53 18.53Z",
|
|
18
|
+
fill: color
|
|
19
|
+
})
|
|
20
|
+
});
|
|
21
|
+
export default MoneyDown;
|
|
22
|
+
//# sourceMappingURL=MoneyDown.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","Svg","Path","jsx","_jsx","MoneyDown","size","color","style","width","height","viewBox","fill","children","d"],"sourceRoot":"../../../../src","sources":["Icon/icons/MoneyDown.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQ7C,MAAMC,SAA0B,GAAGA,CAAC;EAAEC,IAAI,GAAG,EAAE;EAAEC,KAAK,GAAG,MAAM;EAAEC;AAAM,CAAC,kBACtEJ,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,22BAA22B;IAC72BF,IAAI,EAAEL;EAAM,CACb;AAAC,CACC,CACN;AAED,eAAeF,SAAS","ignoreList":[]}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import Svg, { Path } from 'react-native-svg';
|
|
5
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
|
+
const ShareUp = ({
|
|
7
|
+
size = 24,
|
|
8
|
+
color = '#000',
|
|
9
|
+
style
|
|
10
|
+
}) => /*#__PURE__*/_jsx(Svg, {
|
|
11
|
+
width: size,
|
|
12
|
+
height: size,
|
|
13
|
+
viewBox: "0 0 20 20",
|
|
14
|
+
fill: "none",
|
|
15
|
+
style: style,
|
|
16
|
+
children: /*#__PURE__*/_jsx(Path, {
|
|
17
|
+
d: "M17.5 10V13.5C17.5 14.9001 17.5 15.6002 17.2275 16.135C16.9878 16.6054 16.6054 16.9878 16.135 17.2275C15.6002 17.5 14.9001 17.5 13.5 17.5H6.5C5.09987 17.5 4.3998 17.5 3.86502 17.2275C3.39462 16.9878 3.01217 16.6054 2.77248 16.135C2.5 15.6002 2.5 14.9001 2.5 13.5V10M13.3333 5.83333L10 2.5M10 2.5L6.66667 5.83333M10 2.5V12.5",
|
|
18
|
+
stroke: color,
|
|
19
|
+
"stroke-width": "2",
|
|
20
|
+
"stroke-linecap": "round",
|
|
21
|
+
"stroke-linejoin": "round"
|
|
22
|
+
})
|
|
23
|
+
});
|
|
24
|
+
export default ShareUp;
|
|
25
|
+
//# sourceMappingURL=ShareUp.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","Svg","Path","jsx","_jsx","ShareUp","size","color","style","width","height","viewBox","fill","children","d","stroke"],"sourceRoot":"../../../../src","sources":["Icon/icons/ShareUp.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQ7C,MAAMC,OAAwB,GAAGA,CAAC;EAAEC,IAAI,GAAG,EAAE;EAAEC,KAAK,GAAG,MAAM;EAAEC;AAAM,CAAC,kBACpEJ,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,qUAAqU;IACvUC,MAAM,EAAER,KAAM;IACd,gBAAa,GAAG;IAChB,kBAAe,OAAO;IACtB,mBAAgB;EAAO,CACxB;AAAC,CACC,CACN;AAED,eAAeF,OAAO","ignoreList":[]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import type { DropDownProps } from './type';
|
|
2
|
-
declare const Dropdown: ({ options, maxHeight, onSelect, renderButton, }: DropDownProps) => import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
declare const Dropdown: ({ options, maxHeight, onSelect, renderButton, renderItem, width, }: DropDownProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
export default Dropdown;
|
|
4
4
|
//# sourceMappingURL=DropDown.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropDown.d.ts","sourceRoot":"","sources":["../../../../src/DropDown/DropDown.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAG5C,QAAA,MAAM,QAAQ,GAAI,
|
|
1
|
+
{"version":3,"file":"DropDown.d.ts","sourceRoot":"","sources":["../../../../src/DropDown/DropDown.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAG5C,QAAA,MAAM,QAAQ,GAAI,oEAOf,aAAa,4CAqFf,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../../src/DropDown/type.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC5C,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../../src/DropDown/type.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC5C,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IACvE,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB"}
|
|
@@ -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;AAiMvD,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAa7B,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface Props {
|
|
3
|
+
size?: number;
|
|
4
|
+
topColor?: string;
|
|
5
|
+
bottomColor?: string;
|
|
6
|
+
style?: object;
|
|
7
|
+
}
|
|
8
|
+
declare const BriefcaseFillBulk: React.FC<Props>;
|
|
9
|
+
export default BriefcaseFillBulk;
|
|
10
|
+
//# sourceMappingURL=BriefcaseFillBulk.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BriefcaseFillBulk.d.ts","sourceRoot":"","sources":["../../../../../src/Icon/icons/BriefcaseFillBulk.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAgBtC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CarOutline.d.ts","sourceRoot":"","sources":["../../../../../src/Icon/icons/CarOutline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAW/B,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CommentFill.d.ts","sourceRoot":"","sources":["../../../../../src/Icon/icons/CommentFill.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAOhC,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LocationPinOutline.d.ts","sourceRoot":"","sources":["../../../../../src/Icon/icons/LocationPinOutline.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,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAWvC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MoneyDown.d.ts","sourceRoot":"","sources":["../../../../../src/Icon/icons/MoneyDown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAO9B,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ShareUp.d.ts","sourceRoot":"","sources":["../../../../../src/Icon/icons/ShareUp.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAU5B,CAAC;AAEF,eAAe,OAAO,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' | 'exclamation-triangle' | 'Download' | 'x-circle' | 'StickyNote' | 'RadioButton' | 'Pdf' | 'pdf-file' | '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' | 'rotate-right' | 'copy-fill' | 'copy-text-fill' | 'shield-checked-fill' | 'calendar-edit' | 'info-circle-outline' | 'Tag' | 'Tool' | 'user-edit' | 'Bolt' | 'bolt-slash' | 'image-plus' | 'Trash' | 'time-forward' | 'Signature' | 'Money' | 'info-circle-fill' | 'Flag' | 'Coupon' | 'more-vertical' | 'clipboard-list-check-fill-2' | 'arrow-up-circle-fill' | 'Envelope' | 'Phone' | 'strike-through' | 'align-left' | 'align-right' | 'align-center' | 'list-un-ordered' | 'list-ordered' | 'Link' | 'whatsapp-fill';
|
|
2
|
+
export type IconNameProps = 'Search' | 'User' | 'Eye' | 'EyeOpen' | 'ArrowRight' | 'ArrowLeft' | 'Document' | 'Calendar' | 'ExclamationMark' | 'exclamation-triangle' | 'Download' | 'x-circle' | 'StickyNote' | 'RadioButton' | 'Pdf' | 'pdf-file' | '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' | 'briefcase-fill-bulk' | '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' | 'rotate-right' | 'copy-fill' | 'copy-text-fill' | 'shield-checked-fill' | 'calendar-edit' | 'info-circle-outline' | 'Tag' | 'Tool' | 'user-edit' | 'Bolt' | 'bolt-slash' | 'image-plus' | 'Trash' | 'time-forward' | 'Signature' | 'Money' | 'info-circle-fill' | 'Flag' | 'Coupon' | 'more-vertical' | 'clipboard-list-check-fill-2' | 'arrow-up-circle-fill' | 'Envelope' | 'Phone' | 'strike-through' | 'align-left' | 'align-right' | 'align-center' | 'list-un-ordered' | 'list-ordered' | 'Link' | 'money-down' | 'location-pin-outline' | 'car-outline' | 'comment-fill' | 'share-up' | '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,sBAAsB,GACtB,UAAU,GACV,UAAU,GACV,YAAY,GACZ,aAAa,GACb,KAAK,GACL,UAAU,GACV,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,cAAc,GACd,WAAW,GACX,gBAAgB,GAChB,qBAAqB,GACrB,eAAe,GACf,qBAAqB,GACrB,KAAK,GACL,MAAM,GACN,WAAW,GACX,MAAM,GACN,YAAY,GACZ,YAAY,GACZ,OAAO,GACP,cAAc,GACd,WAAW,GACX,OAAO,GACP,kBAAkB,GAClB,MAAM,GACN,QAAQ,GACR,eAAe,GACf,6BAA6B,GAC7B,sBAAsB,GACtB,UAAU,GACV,OAAO,GACP,gBAAgB,GAChB,YAAY,GACZ,aAAa,GACb,cAAc,GACd,iBAAiB,GACjB,cAAc,GACd,MAAM,GACN,eAAe,CAAC;AACpB,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,sBAAsB,GACtB,UAAU,GACV,UAAU,GACV,YAAY,GACZ,aAAa,GACb,KAAK,GACL,UAAU,GACV,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,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,cAAc,GACd,WAAW,GACX,gBAAgB,GAChB,qBAAqB,GACrB,eAAe,GACf,qBAAqB,GACrB,KAAK,GACL,MAAM,GACN,WAAW,GACX,MAAM,GACN,YAAY,GACZ,YAAY,GACZ,OAAO,GACP,cAAc,GACd,WAAW,GACX,OAAO,GACP,kBAAkB,GAClB,MAAM,GACN,QAAQ,GACR,eAAe,GACf,6BAA6B,GAC7B,sBAAsB,GACtB,UAAU,GACV,OAAO,GACP,gBAAgB,GAChB,YAAY,GACZ,aAAa,GACb,cAAc,GACd,iBAAiB,GACjB,cAAc,GACd,MAAM,GACN,YAAY,GACZ,sBAAsB,GACtB,aAAa,GACb,cAAc,GACd,UAAU,GACV,eAAe,CAAC;AACpB,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"}
|
package/package.json
CHANGED
|
@@ -20,10 +20,12 @@ const Dropdown = ({
|
|
|
20
20
|
maxHeight = 200,
|
|
21
21
|
onSelect,
|
|
22
22
|
renderButton,
|
|
23
|
+
renderItem,
|
|
24
|
+
width,
|
|
23
25
|
}: DropDownProps) => {
|
|
24
26
|
const [isOpen, setIsOpen] = useState(false);
|
|
25
27
|
const [selected, setSelected] = useState<string | number>();
|
|
26
|
-
const [align, setAlign] = useState<'left' | 'right'>('
|
|
28
|
+
const [align, setAlign] = useState<'left' | 'right'>('right');
|
|
27
29
|
const [buttonLayout, setButtonLayout] = useState({
|
|
28
30
|
x: 0,
|
|
29
31
|
y: 0,
|
|
@@ -78,6 +80,7 @@ const Dropdown = ({
|
|
|
78
80
|
align === 'right'
|
|
79
81
|
? windowWidth - (buttonLayout.x + buttonLayout.width)
|
|
80
82
|
: undefined,
|
|
83
|
+
width: width,
|
|
81
84
|
},
|
|
82
85
|
]}
|
|
83
86
|
>
|
|
@@ -91,7 +94,11 @@ const Dropdown = ({
|
|
|
91
94
|
selected === item.value && styles.optionSelected,
|
|
92
95
|
]}
|
|
93
96
|
>
|
|
94
|
-
|
|
97
|
+
{renderItem ? (
|
|
98
|
+
renderItem(item, idx)
|
|
99
|
+
) : (
|
|
100
|
+
<Text>{item.label}</Text>
|
|
101
|
+
)}
|
|
95
102
|
</TouchableOpacity>
|
|
96
103
|
))}
|
|
97
104
|
</ScrollView>
|
|
@@ -115,7 +122,6 @@ const styles = StyleSheet.create({
|
|
|
115
122
|
borderColor: Color.gray[50],
|
|
116
123
|
borderRadius: 8,
|
|
117
124
|
backgroundColor: Color.base.white100,
|
|
118
|
-
width: 120,
|
|
119
125
|
},
|
|
120
126
|
option: {
|
|
121
127
|
gap: 8,
|
package/src/DropDown/README.md
CHANGED
|
@@ -8,8 +8,8 @@
|
|
|
8
8
|
|
|
9
9
|
Komponen ini mengandalkan dependensi internal:
|
|
10
10
|
|
|
11
|
-
|
|
12
|
-
|
|
11
|
+
- `Color` – sistem warna.
|
|
12
|
+
- `ChipOptionProps` – tipe opsi.
|
|
13
13
|
|
|
14
14
|
Serta modul standar React Native: `Modal`, `ScrollView`, dll. Tidak memerlukan library eksternal.
|
|
15
15
|
|
|
@@ -17,12 +17,14 @@ Serta modul standar React Native: `Modal`, `ScrollView`, dll. Tidak memerlukan l
|
|
|
17
17
|
|
|
18
18
|
## API Reference
|
|
19
19
|
|
|
20
|
-
| Prop | Tipe | Default | Deskripsi
|
|
21
|
-
| -------------- | ----------------------------------- | ----------- |
|
|
22
|
-
| `options` | `ChipOptionProps[]` | `[]` | Daftar objek `{ label, value }` yang akan ditampilkan sebagai opsi.
|
|
23
|
-
| `maxHeight` | `number` | `200` | Tinggi maksimum daftar sebelum dapat di‐scroll.
|
|
24
|
-
| `onSelect` | `(value: string \| number) => void` | `undefined` | Callback saat pengguna memilih opsi.
|
|
25
|
-
| `renderButton` | `React.ReactNode` | **(wajib)** | Elemen yang dipakai sebagai tombol pemicu dropdown.
|
|
20
|
+
| Prop | Tipe | Default | Deskripsi |
|
|
21
|
+
| -------------- | ----------------------------------- | ----------- | -------------------------------------------------------------------------- |
|
|
22
|
+
| `options` | `ChipOptionProps[]` | `[]` | Daftar objek `{ label, value }` yang akan ditampilkan sebagai opsi. |
|
|
23
|
+
| `maxHeight` | `number` | `200` | Tinggi maksimum daftar sebelum dapat di‐scroll. |
|
|
24
|
+
| `onSelect` | `(value: string \| number) => void` | `undefined` | Callback saat pengguna memilih opsi. |
|
|
25
|
+
| `renderButton` | `React.ReactNode` | **(wajib)** | Elemen yang dipakai sebagai tombol pemicu dropdown. |
|
|
26
|
+
| `renderItem` | `React.ReactNode` | `undefined` | Elemen yang dipakai sebagai tombol di tiap item yang ada di dalam dropdown |
|
|
27
|
+
| `width` | `number` | `undefined` | Angka yang digunakan untuk mengatur lebar pembungkus list |
|
|
26
28
|
|
|
27
29
|
### Struktur `ChipOptionProps`
|
|
28
30
|
|
|
@@ -38,19 +40,18 @@ interface ChipOptionProps {
|
|
|
38
40
|
## Cara Kerja Singkat
|
|
39
41
|
|
|
40
42
|
1. **Posisi & Alignment**
|
|
43
|
+
- Saat tombol ditekan, komponen mengukur posisi tombol (`UIManager.measureInWindow`).
|
|
44
|
+
- Jika titik tengah tombol berada di sisi kanan layar, daftar disejajarkan ke kanan; sebaliknya ke kiri.
|
|
41
45
|
|
|
42
|
-
* Saat tombol ditekan, komponen mengukur posisi tombol (`UIManager.measureInWindow`).
|
|
43
|
-
* Jika titik tengah tombol berada di sisi kanan layar, daftar disejajarkan ke kanan; sebaliknya ke kiri.
|
|
44
46
|
2. **Modal & Pressable Overlay**
|
|
47
|
+
- Daftar opsi dibungkus `Modal` transparan.
|
|
48
|
+
- `Pressable` penuh layar di belakang daftar menangani klik di luar untuk menutup menu.
|
|
45
49
|
|
|
46
|
-
* Daftar opsi dibungkus `Modal` transparan.
|
|
47
|
-
* `Pressable` penuh layar di belakang daftar menangani klik di luar untuk menutup menu.
|
|
48
50
|
3. **Scroll & Batas Tinggi**
|
|
51
|
+
- Daftar opsi di dalam `ScrollView` dengan properti `nestedScrollEnabled` agar tetap dapat di‐scroll di dalam modalsheet lain.
|
|
49
52
|
|
|
50
|
-
* Daftar opsi di dalam `ScrollView` dengan properti `nestedScrollEnabled` agar tetap dapat di‐scroll di dalam modalsheet lain.
|
|
51
53
|
4. **Highlight Opsi Terpilih**
|
|
52
|
-
|
|
53
|
-
* Opsi aktif diberi style `optionSelected` – background `Color.primary[50]` & border `Color.primary[300]`.
|
|
54
|
+
- Opsi aktif diberi style `optionSelected` – background `Color.primary[50]` & border `Color.primary[300]`.
|
|
54
55
|
|
|
55
56
|
---
|
|
56
57
|
|
|
@@ -101,8 +102,8 @@ export default function DropdownExample() {
|
|
|
101
102
|
|
|
102
103
|
## Tips Implementasi
|
|
103
104
|
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
105
|
+
- **Kontrol Render Button**: Anda bebas menggunakan komponen apa pun sebagai `renderButton` (ikon, input field, card, dll.). Dropdown akan menggunakan posisi & ukuran elemen ini.
|
|
106
|
+
- **Close on Scroll Parent**: Jika dropdown dipakai dalam layar yang di‐scroll, pertimbangkan menutup dropdown saat parent di‐scroll untuk mencegah posisi meleset.
|
|
107
|
+
- **Validasi**: Komponen tidak memaksa nilai default. Anda dapat men‐set `selected` manual via `useState` agar kontrol tetap ter‐sinkron.
|
|
107
108
|
|
|
108
109
|
---
|
package/src/DropDown/type.tsx
CHANGED
package/src/Icon/Icon.tsx
CHANGED
|
@@ -96,6 +96,12 @@ import StrikeThrough from './icons/StrikeThrough';
|
|
|
96
96
|
import Link from './icons/Link';
|
|
97
97
|
import ListOrdered from './icons/ListOrdered';
|
|
98
98
|
import ListUnOrdered from './icons/ListUnOrdered';
|
|
99
|
+
import BriefcaseFillBulk from './icons/BriefcaseFillBulk';
|
|
100
|
+
import LocationPinOutline from './icons/LocationPinOutline';
|
|
101
|
+
import CarOutline from './icons/CarOutline';
|
|
102
|
+
import MoneyDown from './icons/MoneyDown';
|
|
103
|
+
import CommentFill from './icons/CommentFill';
|
|
104
|
+
import ShareUp from './icons/ShareUp';
|
|
99
105
|
|
|
100
106
|
const icons: Record<
|
|
101
107
|
IconNameProps,
|
|
@@ -196,6 +202,12 @@ const icons: Record<
|
|
|
196
202
|
'Link': Link,
|
|
197
203
|
'list-ordered': ListOrdered,
|
|
198
204
|
'list-un-ordered': ListUnOrdered,
|
|
205
|
+
'briefcase-fill-bulk': BriefcaseFillBulk,
|
|
206
|
+
'location-pin-outline': LocationPinOutline,
|
|
207
|
+
'car-outline': CarOutline,
|
|
208
|
+
'money-down': MoneyDown,
|
|
209
|
+
'comment-fill': CommentFill,
|
|
210
|
+
'share-up': ShareUp,
|
|
199
211
|
};
|
|
200
212
|
|
|
201
213
|
const Icon: React.FC<IconProps> = ({
|
package/src/Icon/README.md
CHANGED
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import Svg, { Path } from 'react-native-svg';
|
|
3
|
+
import Color from '../../Color/Color';
|
|
4
|
+
|
|
5
|
+
interface Props {
|
|
6
|
+
size?: number;
|
|
7
|
+
topColor?: string;
|
|
8
|
+
bottomColor?: string;
|
|
9
|
+
style?: object;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
const BriefcaseFillBulk: React.FC<Props> = ({
|
|
13
|
+
size = 24,
|
|
14
|
+
topColor = Color.success[500],
|
|
15
|
+
bottomColor = Color.success[600],
|
|
16
|
+
style,
|
|
17
|
+
}) => (
|
|
18
|
+
<Svg width={size} height={size} viewBox="0 0 40 40" fill="none" style={style}>
|
|
19
|
+
<Path
|
|
20
|
+
d="M30 10.0002H27.9167V7.50016C27.9167 5.90016 26.6 4.5835 25 4.5835H15C13.3833 4.5835 12.0833 5.90016 12.0833 7.50016V10.0002H10C6.66667 10.0002 5 11.6668 5 15.0002V16.6001C5 18.1501 5.91667 19.5169 7.35001 20.0669C9.65001 20.9836 12.0333 21.6836 14.4167 22.1836C14.6 22.2169 14.7667 22.0836 14.8667 21.9336C16.0667 20.1336 18 19.0503 20 19.0503C22.0167 19.0503 23.9333 20.1336 25.15 21.9336C25.25 22.0836 25.4167 22.2169 25.6 22.1836C27.9833 21.6836 30.35 20.9836 32.65 20.0836C34.0833 19.5169 35 18.1501 35 16.6001V15.0002C35 11.6668 33.3333 10.0002 30 10.0002ZM14.5833 10.0002V7.50016C14.5833 7.26683 14.7667 7.0835 15 7.0835H25C25.2333 7.0835 25.4167 7.26683 25.4167 7.50016V10.0002H14.5833Z"
|
|
21
|
+
fill={topColor}
|
|
22
|
+
/>
|
|
23
|
+
<Path
|
|
24
|
+
d="M26.1 24.6336C25.9167 24.6669 25.7167 24.6836 25.5333 24.6836C24.5667 24.6836 23.65 24.1835 23.0667 23.3169C22.3333 22.2169 21.1833 21.5503 20 21.5503C18.8333 21.5503 17.6833 22.2169 16.95 23.3169C16.25 24.3502 15.0667 24.8669 13.9167 24.6336C11.3833 24.1169 8.86667 23.3668 6.43333 22.4001C5.91667 22.2001 5.43333 21.9335 5 21.5835V30.0002C5 33.3335 6.66667 35.0002 10 35.0002H30C33.3333 35.0002 35 33.3335 35 30.0002V21.6001C34.5667 21.9335 34.0833 22.2001 33.5667 22.4001C31.1333 23.3668 28.6167 24.1169 26.1 24.6336ZM20.0033 26.6669C19.085 26.6669 18.3333 25.9202 18.3333 25.0002C18.3333 24.0802 19.0717 23.3335 19.99 23.3335H20.0033C20.9217 23.3335 21.6667 24.0802 21.6667 25.0002C21.6667 25.9202 20.9217 26.6669 20.0033 26.6669Z"
|
|
25
|
+
fill={bottomColor}
|
|
26
|
+
/>
|
|
27
|
+
</Svg>
|
|
28
|
+
);
|
|
29
|
+
|
|
30
|
+
export default BriefcaseFillBulk;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import Svg, { Path } from 'react-native-svg';
|
|
3
|
+
|
|
4
|
+
interface Props {
|
|
5
|
+
size?: number;
|
|
6
|
+
color?: string;
|
|
7
|
+
style?: object;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
const CarOutline: React.FC<Props> = ({
|
|
11
|
+
size = 24,
|
|
12
|
+
color = '#909090',
|
|
13
|
+
style,
|
|
14
|
+
}) => (
|
|
15
|
+
<Svg width={size} height={size} viewBox="0 0 20 20" fill="none" style={style}>
|
|
16
|
+
<Path
|
|
17
|
+
d="M16.7089 7.18L16.6339 6.5H17.5005C17.8422 6.5 18.1255 6.16 18.1255 5.75C18.1255 5.34 17.8422 5 17.5005 5H16.4755L16.3839 4.14C16.1839 2.67 15.9505 1 13.3005 1H6.70052C4.05052 1 3.81719 2.67 3.60886 4.16L3.51719 5H2.49219C2.15052 5 1.86719 5.34 1.86719 5.75C1.86719 6.16 2.15052 6.5 2.49219 6.5H3.35885L3.28386 7.18C2.87552 7.35 2.57552 7.62 2.40052 7.86C1.98385 8.43 1.80052 9.22 1.89219 10.09L2.21719 13.21C2.33386 14.35 2.66719 15.79 3.95052 16.29V17.74C3.95052 18.15 4.23385 18.49 4.57552 18.49C4.91719 18.49 5.20052 18.15 5.20052 17.74V16.49H14.7839V17.74C14.7839 18.15 15.0672 18.49 15.4089 18.49C15.7505 18.49 16.0339 18.15 16.0339 17.74V16.29C17.3172 15.78 17.6505 14.35 17.7672 13.21L18.0922 10.09C18.1839 9.22 18.0005 8.43 17.5839 7.86C17.4005 7.61 17.1088 7.35 16.7005 7.18H16.7089ZM6.70052 2.5H13.3005C14.8922 2.5 14.9588 2.97 15.1505 4.36L15.4339 7H4.57552L4.85052 4.38C5.04219 2.97 5.10886 2.5 6.70052 2.5ZM16.5339 13.03C16.3755 14.52 16.0089 15 15.0005 15H5.00052C3.99219 15 3.61719 14.52 3.46719 13.03L3.14219 9.91C3.10052 9.48 3.16719 9.1 3.35052 8.86C3.52552 8.62 3.80052 8.5 4.17552 8.5H15.8339C16.2089 8.5 16.4839 8.62 16.6589 8.86C16.8339 9.1 16.9089 9.47 16.8672 9.91L16.5422 13.03H16.5339ZM15.0255 11.22C15.1422 11.36 15.2089 11.55 15.2089 11.75C15.2089 11.85 15.1922 11.95 15.1589 12.04C15.1255 12.13 15.0839 12.21 15.0255 12.28C14.9089 12.42 14.7505 12.5 14.5839 12.5C14.4172 12.5 14.2589 12.42 14.1422 12.28C14.0839 12.21 14.0422 12.13 14.0089 12.04C13.9755 11.95 13.9589 11.85 13.9589 11.75C13.9589 11.55 14.0255 11.36 14.1422 11.22C14.3755 10.94 14.7922 10.94 15.0255 11.22ZM5.85885 11.22C5.97552 11.36 6.04219 11.55 6.04219 11.75C6.04219 11.85 6.02552 11.94 5.99219 12.04C5.95886 12.13 5.91719 12.21 5.85885 12.28C5.80052 12.35 5.73386 12.4 5.65886 12.44C5.58386 12.48 5.50052 12.5 5.41719 12.5C5.25052 12.5 5.09219 12.42 4.97552 12.28C4.91719 12.21 4.87552 12.13 4.84219 12.04C4.80885 11.94 4.79219 11.85 4.79219 11.75C4.79219 11.65 4.80885 11.55 4.84219 11.46C4.87552 11.37 4.91719 11.29 4.97552 11.22C5.03386 11.15 5.10052 11.1 5.17552 11.06C5.33386 10.98 5.50052 10.98 5.65886 11.06C5.73386 11.09 5.80052 11.15 5.85885 11.22ZM12.7089 11.75C12.7089 12.16 12.4255 12.5 12.0839 12.5H7.91719C7.57552 12.5 7.29219 12.16 7.29219 11.75C7.29219 11.34 7.57552 11 7.91719 11H12.0839C12.4255 11 12.7089 11.34 12.7089 11.75Z"
|
|
18
|
+
fill={color}
|
|
19
|
+
/>
|
|
20
|
+
</Svg>
|
|
21
|
+
);
|
|
22
|
+
|
|
23
|
+
export default CarOutline;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import Svg, { Path } from 'react-native-svg';
|
|
3
|
+
|
|
4
|
+
interface Props {
|
|
5
|
+
size?: number;
|
|
6
|
+
color?: string;
|
|
7
|
+
style?: object;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
const CommentFill: React.FC<Props> = ({ size = 24, color = '#000', style }) => (
|
|
11
|
+
<Svg width={size} height={size} viewBox="0 0 20 20" fill="none" style={style}>
|
|
12
|
+
<Path
|
|
13
|
+
d="M10 3.3335C5.85833 3.3335 2.5 5.83348 2.5 10.001C2.5 11.7676 3.10829 13.2435 4.12496 14.3435C3.99996 15.1435 3.54993 16.0601 2.6416 16.7935C2.3666 17.0268 2.52497 17.4851 2.8833 17.4934C4.06663 17.5351 5.89159 17.3768 7.00826 16.1852C7.92493 16.5018 8.93333 16.6685 10 16.6685C14.1417 16.6685 17.5 14.1676 17.5 10.001C17.5 5.83348 14.1417 3.3335 10 3.3335ZM10.8333 12.2918H6.66667C6.32167 12.2918 6.04167 12.0118 6.04167 11.6668C6.04167 11.3218 6.32167 11.0418 6.66667 11.0418H10.8333C11.1783 11.0418 11.4583 11.3218 11.4583 11.6668C11.4583 12.0118 11.1783 12.2918 10.8333 12.2918ZM13.3333 8.9585H6.66667C6.32167 8.9585 6.04167 8.6785 6.04167 8.3335C6.04167 7.9885 6.32167 7.7085 6.66667 7.7085H13.3333C13.6783 7.7085 13.9583 7.9885 13.9583 8.3335C13.9583 8.6785 13.6783 8.9585 13.3333 8.9585Z"
|
|
14
|
+
fill={color}
|
|
15
|
+
/>
|
|
16
|
+
</Svg>
|
|
17
|
+
);
|
|
18
|
+
|
|
19
|
+
export default CommentFill;
|
|
@@ -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 LocationPinOutline: 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="M10.0007 1.875C5.97982 1.875 2.70898 5.14583 2.70898 9.16667C2.70898 13.4317 6.62314 16.0166 9.21314 17.7275L9.65398 18.02C9.75898 18.09 9.87982 18.125 10.0007 18.125C10.1215 18.125 10.2423 18.09 10.3473 18.02L10.7882 17.7275C13.3782 16.0166 17.2923 13.4317 17.2923 9.16667C17.2923 5.14583 14.0215 1.875 10.0007 1.875ZM10.0998 16.6842L10.0007 16.7501L9.90148 16.6842C7.39315 15.0275 3.95898 12.7592 3.95898 9.16667C3.95898 5.835 6.66898 3.125 10.0007 3.125C13.3323 3.125 16.0423 5.835 16.0423 9.16667C16.0423 12.7592 12.6073 15.0283 10.0998 16.6842ZM10.0007 6.45833C8.50732 6.45833 7.29232 7.67333 7.29232 9.16667C7.29232 10.66 8.50732 11.875 10.0007 11.875C11.494 11.875 12.709 10.66 12.709 9.16667C12.709 7.67333 11.494 6.45833 10.0007 6.45833ZM10.0007 10.625C9.19648 10.625 8.54232 9.97083 8.54232 9.16667C8.54232 8.3625 9.19648 7.70833 10.0007 7.70833C10.8048 7.70833 11.459 8.3625 11.459 9.16667C11.459 9.97083 10.8048 10.625 10.0007 10.625Z"
|
|
17
|
+
fill={color}
|
|
18
|
+
/>
|
|
19
|
+
</Svg>
|
|
20
|
+
);
|
|
21
|
+
|
|
22
|
+
export default LocationPinOutline;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import Svg, { Path } from 'react-native-svg';
|
|
3
|
+
|
|
4
|
+
interface Props {
|
|
5
|
+
size?: number;
|
|
6
|
+
color?: string;
|
|
7
|
+
style?: object;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
const MoneyDown: React.FC<Props> = ({ size = 24, color = '#000', style }) => (
|
|
11
|
+
<Svg width={size} height={size} viewBox="0 0 24 24" fill="none" style={style}>
|
|
12
|
+
<Path
|
|
13
|
+
d="M18 4H6C4 4 3 5 3 7V15C3 17 4 18 6 18H13.74C13.91 18 14.05 17.86 14.05 17.69C14.05 17.65 14.04 17.61 14.03 17.57C14.01 17.38 14 17.19 14 17C14 14.24 16.24 12 19 12C19.56 12 20.1 12.09 20.6 12.26C20.8 12.32 21 12.19 21 11.98V7C21 5 20 4 18 4ZM6 11.999C5.448 11.999 5 11.551 5 10.999C5 10.447 5.448 9.99902 6 9.99902C6.552 9.99902 7 10.447 7 10.999C7 11.552 6.552 11.999 6 11.999ZM12 14C10.343 14 9 12.657 9 11C9 9.343 10.343 8 12 8C13.657 8 15 9.343 15 11C15 12.657 13.657 14 12 14ZM21.53 18.53L19.53 20.53C19.384 20.676 19.192 20.75 19 20.75C18.808 20.75 18.616 20.677 18.47 20.53L16.47 18.53C16.177 18.237 16.177 17.762 16.47 17.469C16.763 17.176 17.238 17.176 17.531 17.469L18.251 18.189V15C18.251 14.586 18.587 14.25 19.001 14.25C19.415 14.25 19.751 14.586 19.751 15V18.189L20.471 17.469C20.764 17.176 21.239 17.176 21.532 17.469C21.823 17.762 21.823 18.238 21.53 18.53Z"
|
|
14
|
+
fill={color}
|
|
15
|
+
/>
|
|
16
|
+
</Svg>
|
|
17
|
+
);
|
|
18
|
+
|
|
19
|
+
export default MoneyDown;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import Svg, { Path } from 'react-native-svg';
|
|
3
|
+
|
|
4
|
+
interface Props {
|
|
5
|
+
size?: number;
|
|
6
|
+
color?: string;
|
|
7
|
+
style?: object;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
const ShareUp: React.FC<Props> = ({ size = 24, color = '#000', style }) => (
|
|
11
|
+
<Svg width={size} height={size} viewBox="0 0 20 20" fill="none" style={style}>
|
|
12
|
+
<Path
|
|
13
|
+
d="M17.5 10V13.5C17.5 14.9001 17.5 15.6002 17.2275 16.135C16.9878 16.6054 16.6054 16.9878 16.135 17.2275C15.6002 17.5 14.9001 17.5 13.5 17.5H6.5C5.09987 17.5 4.3998 17.5 3.86502 17.2275C3.39462 16.9878 3.01217 16.6054 2.77248 16.135C2.5 15.6002 2.5 14.9001 2.5 13.5V10M13.3333 5.83333L10 2.5M10 2.5L6.66667 5.83333M10 2.5V12.5"
|
|
14
|
+
stroke={color}
|
|
15
|
+
stroke-width="2"
|
|
16
|
+
stroke-linecap="round"
|
|
17
|
+
stroke-linejoin="round"
|
|
18
|
+
/>
|
|
19
|
+
</Svg>
|
|
20
|
+
);
|
|
21
|
+
|
|
22
|
+
export default ShareUp;
|
package/src/Icon/type.tsx
CHANGED
|
@@ -52,6 +52,7 @@ export type IconNameProps =
|
|
|
52
52
|
| 'plus-square'
|
|
53
53
|
| 'at-sign'
|
|
54
54
|
| 'briefcase-outline'
|
|
55
|
+
| 'briefcase-fill-bulk'
|
|
55
56
|
| 'edit-square-outline'
|
|
56
57
|
| 'globe-earth'
|
|
57
58
|
| 'lock-fill'
|
|
@@ -97,6 +98,11 @@ export type IconNameProps =
|
|
|
97
98
|
| 'list-un-ordered'
|
|
98
99
|
| 'list-ordered'
|
|
99
100
|
| 'Link'
|
|
101
|
+
| 'money-down'
|
|
102
|
+
| 'location-pin-outline'
|
|
103
|
+
| 'car-outline'
|
|
104
|
+
| 'comment-fill'
|
|
105
|
+
| 'share-up'
|
|
100
106
|
| 'whatsapp-fill';
|
|
101
107
|
export interface IconProps {
|
|
102
108
|
name: IconNameProps;
|