@herca/rn-kit 0.1.34 → 0.1.36
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/Accordion/Accordion.js +11 -2
- package/lib/module/Accordion/Accordion.js.map +1 -1
- package/lib/module/Accordion/AccordionItem.js +1 -0
- package/lib/module/Accordion/AccordionItem.js.map +1 -1
- package/lib/module/Accordion/README.md +14 -11
- package/lib/module/BadgeIcon/BadgeIcon.js +117 -0
- package/lib/module/BadgeIcon/BadgeIcon.js.map +1 -0
- package/lib/module/BadgeIcon/README.md +77 -0
- package/lib/module/BadgeIcon/type.js +2 -0
- package/lib/module/BadgeIcon/type.js.map +1 -0
- package/lib/module/BottomSheet/BottomSheet.js +1 -1
- package/lib/module/BottomSheet/BottomSheet.js.map +1 -1
- package/lib/module/CheckBox/CheckBox.js +65 -32
- package/lib/module/CheckBox/CheckBox.js.map +1 -1
- package/lib/module/CheckBox/CheckBoxList.js +10 -2
- package/lib/module/CheckBox/CheckBoxList.js.map +1 -1
- package/lib/module/CheckBox/README_CHECKBOX.md +10 -7
- package/lib/module/CheckBox/README_CHECKBOXLIST.md +13 -7
- package/lib/module/CheckBox/type.js +2 -0
- package/lib/module/CheckBox/type.js.map +1 -0
- package/lib/module/Icon/Icon.js +7 -1
- package/lib/module/Icon/Icon.js.map +1 -1
- package/lib/module/Icon/README.md +3 -0
- package/lib/module/Icon/icons/CopyFill.js +25 -0
- package/lib/module/Icon/icons/CopyFill.js.map +1 -0
- package/lib/module/Icon/icons/CopyTextFill.js +22 -0
- package/lib/module/Icon/icons/CopyTextFill.js.map +1 -0
- package/lib/module/Icon/icons/RadioButton.js +0 -1
- package/lib/module/Icon/icons/RadioButton.js.map +1 -1
- package/lib/module/Icon/icons/ShieldFillChecked.js +22 -0
- package/lib/module/Icon/icons/ShieldFillChecked.js.map +1 -0
- package/lib/module/Input/Input.js +19 -23
- package/lib/module/Input/Input.js.map +1 -1
- package/lib/module/Input/README_INPUT.md +17 -15
- package/lib/module/Tab/README.md +1 -0
- package/lib/module/Tab/Tab.js +58 -38
- package/lib/module/Tab/Tab.js.map +1 -1
- package/lib/module/Tab/TabItem.js.map +1 -1
- package/lib/module/Timeline/README.md +5 -5
- package/lib/module/Timeline/TimelineItem.js +4 -1
- package/lib/module/Timeline/TimelineItem.js.map +1 -1
- package/lib/module/index.js +1 -0
- package/lib/module/index.js.map +1 -1
- package/lib/typescript/src/Accordion/Accordion.d.ts +1 -1
- package/lib/typescript/src/Accordion/Accordion.d.ts.map +1 -1
- package/lib/typescript/src/Accordion/AccordionItem.d.ts.map +1 -1
- package/lib/typescript/src/Accordion/type.d.ts +1 -0
- package/lib/typescript/src/Accordion/type.d.ts.map +1 -1
- package/lib/typescript/src/BadgeIcon/BadgeIcon.d.ts +20 -0
- package/lib/typescript/src/BadgeIcon/BadgeIcon.d.ts.map +1 -0
- package/lib/typescript/src/BadgeIcon/type.d.ts +11 -0
- package/lib/typescript/src/BadgeIcon/type.d.ts.map +1 -0
- package/lib/typescript/src/BottomSheet/BottomSheet.d.ts.map +1 -1
- package/lib/typescript/src/CheckBox/CheckBox.d.ts +4 -0
- package/lib/typescript/src/CheckBox/CheckBox.d.ts.map +1 -1
- package/lib/typescript/src/CheckBox/CheckBoxList.d.ts +3 -0
- package/lib/typescript/src/CheckBox/CheckBoxList.d.ts.map +1 -1
- package/lib/typescript/src/CheckBox/type.d.ts +2 -0
- package/lib/typescript/src/CheckBox/type.d.ts.map +1 -0
- package/lib/typescript/src/Icon/Icon.d.ts.map +1 -1
- package/lib/typescript/src/Icon/icons/CopyFill.d.ts +9 -0
- package/lib/typescript/src/Icon/icons/CopyFill.d.ts.map +1 -0
- package/lib/typescript/src/Icon/icons/CopyTextFill.d.ts +9 -0
- package/lib/typescript/src/Icon/icons/CopyTextFill.d.ts.map +1 -0
- package/lib/typescript/src/Icon/icons/ShieldFillChecked.d.ts +9 -0
- package/lib/typescript/src/Icon/icons/ShieldFillChecked.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/Input/Input.d.ts.map +1 -1
- package/lib/typescript/src/Input/type.d.ts +1 -0
- package/lib/typescript/src/Input/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 +2 -1
- package/lib/typescript/src/Tab/type.d.ts.map +1 -1
- package/lib/typescript/src/Timeline/TimelineItem.d.ts +3 -0
- package/lib/typescript/src/Timeline/TimelineItem.d.ts.map +1 -1
- package/lib/typescript/src/index.d.ts +1 -0
- package/lib/typescript/src/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/Accordion/Accordion.tsx +15 -3
- package/src/Accordion/AccordionItem.tsx +5 -1
- package/src/Accordion/README.md +14 -11
- package/src/Accordion/type.tsx +1 -0
- package/src/BadgeIcon/BadgeIcon.tsx +126 -0
- package/src/BadgeIcon/README.md +77 -0
- package/src/BadgeIcon/type.tsx +21 -0
- package/src/BottomSheet/BottomSheet.tsx +3 -1
- package/src/CheckBox/CheckBox.tsx +45 -29
- package/src/CheckBox/CheckBoxList.tsx +12 -0
- package/src/CheckBox/README_CHECKBOX.md +10 -7
- package/src/CheckBox/README_CHECKBOXLIST.md +13 -7
- package/src/CheckBox/type.ts +9 -0
- package/src/Icon/Icon.tsx +6 -0
- package/src/Icon/README.md +3 -0
- package/src/Icon/icons/CopyFill.tsx +23 -0
- package/src/Icon/icons/CopyTextFill.tsx +29 -0
- package/src/Icon/icons/RadioButton.tsx +1 -1
- package/src/Icon/icons/ShieldFillChecked.tsx +23 -0
- package/src/Icon/type.tsx +3 -0
- package/src/Input/Input.tsx +17 -25
- package/src/Input/README_INPUT.md +17 -15
- package/src/Input/type.tsx +1 -0
- package/src/Tab/README.md +1 -0
- package/src/Tab/Tab.tsx +68 -44
- package/src/Tab/TabItem.tsx +1 -1
- package/src/Tab/type.tsx +2 -1
- package/src/Timeline/README.md +5 -5
- package/src/Timeline/TimelineItem.tsx +3 -0
- package/src/index.tsx +1 -0
|
@@ -14,6 +14,12 @@ import CheckBoxList from './CheckBoxList';
|
|
|
14
14
|
export default function App() {
|
|
15
15
|
const [selected, setSelected] = useState<string[]>([]);
|
|
16
16
|
|
|
17
|
+
interface CheckBoxListItem {
|
|
18
|
+
label: string;
|
|
19
|
+
value: string;
|
|
20
|
+
hint?: string;
|
|
21
|
+
}
|
|
22
|
+
|
|
17
23
|
return (
|
|
18
24
|
<View>
|
|
19
25
|
<CheckBoxList
|
|
@@ -33,10 +39,10 @@ export default function App() {
|
|
|
33
39
|
|
|
34
40
|
## ⚙️ Props
|
|
35
41
|
|
|
36
|
-
| Prop | Tipe
|
|
37
|
-
| ---------------- |
|
|
38
|
-
| `items` | `CheckBoxListItem[]`
|
|
39
|
-
| `selectedValues` | `string[]`
|
|
40
|
-
| `onChange` | `(selected: string[]) => void`
|
|
41
|
-
| `direction` | \`'vertical'
|
|
42
|
-
|
|
42
|
+
| Prop | Tipe | Deskripsi | |
|
|
43
|
+
| ---------------- | ---------------------------------------------------------------------- | ---------------------------------------------------------------------------- | ----------------------------------------------- |
|
|
44
|
+
| `items` | `CheckBoxListItem[]` | Daftar item yang akan ditampilkan. Setiap item memiliki `label` dan `value`. | |
|
|
45
|
+
| `selectedValues` | `string[]` | Nilai-nilai yang saat ini sedang dipilih. | |
|
|
46
|
+
| `onChange` | `(selected: string[]) => void` | Callback saat nilai pilihan berubah. | |
|
|
47
|
+
| `direction` | \`'vertical' | 'horizontal'\` (opsional) | Arah tampilan checkbox (default: `'vertical'`). |
|
|
48
|
+
| `color` | `primary \| danger \| warning \| orange \| info \| success \| purple ` | warna background jika checkbox di centang | Arah tampilan checkbox (default: `'vertical'`). |
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["CheckBox/type.ts"],"mappings":"","ignoreList":[]}
|
package/lib/module/Icon/Icon.js
CHANGED
|
@@ -63,6 +63,9 @@ import SettingsSlider from "./icons/SettingsSlider.js";
|
|
|
63
63
|
import RotateSquareFill from "./icons/RotateSquareFill.js";
|
|
64
64
|
import LocationPinFill from "./icons/LocationPinFill.js";
|
|
65
65
|
import DiscountFill from "./icons/DiscountFill.js";
|
|
66
|
+
import CopyFill from "./icons/CopyFill.js";
|
|
67
|
+
import CopyTextFill from "./icons/CopyTextFill.js";
|
|
68
|
+
import ShieldCheckedFill from "./icons/ShieldFillChecked.js";
|
|
66
69
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
67
70
|
const icons = {
|
|
68
71
|
'Search': Search,
|
|
@@ -126,7 +129,10 @@ const icons = {
|
|
|
126
129
|
'settings-slider': SettingsSlider,
|
|
127
130
|
'rotate-square-fill': RotateSquareFill,
|
|
128
131
|
'location-pin-fill': LocationPinFill,
|
|
129
|
-
'discount-fill': DiscountFill
|
|
132
|
+
'discount-fill': DiscountFill,
|
|
133
|
+
'copy-fill': CopyFill,
|
|
134
|
+
'copy-text-fill': CopyTextFill,
|
|
135
|
+
'shield-checked-fill': ShieldCheckedFill
|
|
130
136
|
};
|
|
131
137
|
const Icon = ({
|
|
132
138
|
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","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;
|
|
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","jsx","_jsx","icons","Icon","name","size","color","style","SelectedIcon"],"sourceRoot":"../../../src","sources":["Icon/Icon.tsx"],"mappings":"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","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, jsxs as _jsxs } from "react/jsx-runtime";
|
|
6
|
+
const CopyFill = ({
|
|
7
|
+
size = 24,
|
|
8
|
+
color = '#000',
|
|
9
|
+
style
|
|
10
|
+
}) => /*#__PURE__*/_jsxs(Svg, {
|
|
11
|
+
width: size,
|
|
12
|
+
height: size,
|
|
13
|
+
viewBox: "0 0 16 16",
|
|
14
|
+
fill: "none",
|
|
15
|
+
style: style,
|
|
16
|
+
children: [/*#__PURE__*/_jsx(Path, {
|
|
17
|
+
d: "M9.03333 13.3364C8.86 13.4098 8.67333 13.4764 8.47333 13.5431L7.42 13.8898C4.77333 14.7431 3.38 14.0298 2.52 11.3831L1.66667 8.74977C0.813332 6.1031 1.52 4.7031 4.16667 3.84977L5.19333 3.50977C5.06667 3.82977 4.96 4.19643 4.86 4.60977L4.20667 7.4031C3.47333 10.5431 4.54667 12.2764 7.68667 13.0231L8.80667 13.2898C8.88 13.3098 8.96 13.3231 9.03333 13.3364Z",
|
|
18
|
+
fill: color
|
|
19
|
+
}), /*#__PURE__*/_jsx(Path, {
|
|
20
|
+
d: "M11.4467 2.03682L10.3333 1.77682C8.10666 1.25015 6.78 1.68348 6 3.29682C5.8 3.70348 5.64 4.19682 5.50667 4.76348L4.85333 7.55682C4.2 10.3435 5.06 11.7168 7.84 12.3768L8.96 12.6435C9.34666 12.7368 9.70667 12.7968 10.04 12.8235C12.12 13.0235 13.2267 12.0501 13.7867 9.64348L14.44 6.85682C15.0933 4.07015 14.24 2.69015 11.4467 2.03682Z",
|
|
21
|
+
fill: color
|
|
22
|
+
})]
|
|
23
|
+
});
|
|
24
|
+
export default CopyFill;
|
|
25
|
+
//# sourceMappingURL=CopyFill.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","Svg","Path","jsx","_jsx","jsxs","_jsxs","CopyFill","size","color","style","width","height","viewBox","fill","children","d"],"sourceRoot":"../../../../src","sources":["Icon/icons/CopyFill.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAQ7C,MAAMC,QAAyB,GAAGA,CAAC;EAAEC,IAAI,GAAG,EAAE;EAAEC,KAAK,GAAG,MAAM;EAAEC;AAAM,CAAC,kBACrEJ,KAAA,CAACL,GAAG;EAACU,KAAK,EAAEH,IAAK;EAACI,MAAM,EAAEJ,IAAK;EAACK,OAAO,EAAC,WAAW;EAACC,IAAI,EAAC,MAAM;EAACJ,KAAK,EAAEA,KAAM;EAAAK,QAAA,gBAC3EX,IAAA,CAACF,IAAI;IACHc,CAAC,EAAC,sWAAsW;IACxWF,IAAI,EAAEL;EAAM,CACb,CAAC,eACFL,IAAA,CAACF,IAAI;IACHc,CAAC,EAAC,8UAA8U;IAChVF,IAAI,EAAEL;EAAM,CACb,CAAC;AAAA,CACC,CACN;AAED,eAAeF,QAAQ","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 CopyTextFill = ({
|
|
7
|
+
size = 24,
|
|
8
|
+
color = '#000',
|
|
9
|
+
style
|
|
10
|
+
}) => /*#__PURE__*/_jsx(Svg, {
|
|
11
|
+
width: size,
|
|
12
|
+
height: size + 1,
|
|
13
|
+
viewBox: "0 0 24 25",
|
|
14
|
+
style: style,
|
|
15
|
+
fill: "none",
|
|
16
|
+
children: /*#__PURE__*/_jsx(Path, {
|
|
17
|
+
d: "M15.2601 21.1611C14.9161 21.3251 14.5141 21.4471 14.0591 21.5291L7.48907 22.6792C5.29907 23.0692 4.00896 22.1692 3.62896 19.9792L2.08917 11.2292C1.69917 9.03916 2.59912 7.74916 4.78912 7.35916L6.58697 7.04312C6.79197 7.00712 6.97114 7.18615 6.93414 7.39115L5.75811 14.0492C5.22811 17.0792 6.65803 19.1191 9.67803 19.6491C9.67803 19.6491 14.8971 20.5661 15.1661 20.6181C15.4981 20.6781 15.5511 21.0321 15.2601 21.1611ZM21.9131 7.87516L20.3689 16.6291C19.997 18.7371 18.7811 19.6381 16.7361 19.3581C16.6581 19.3471 16.5881 19.3472 16.5071 19.3332L9.94195 18.1751C7.75295 17.7891 6.85209 16.5021 7.23809 14.3131L8.58111 6.69712L8.78204 5.55912C9.16804 3.37012 10.4551 2.46914 12.6441 2.85514L19.21 4.01316C21.398 4.39916 22.2991 5.68716 21.9131 7.87516ZM15.554 14.6651C15.626 14.2571 15.3541 13.8681 14.9461 13.7961L10.8421 13.0721C10.4361 12.9991 10.0452 13.2731 9.97418 13.6801C9.90218 14.0881 10.1741 14.4772 10.5821 14.5492L14.6861 15.2732C14.7301 15.2812 14.7739 15.2842 14.8169 15.2842C15.1739 15.2852 15.49 15.0291 15.554 14.6651ZM18.597 11.8041C18.669 11.3961 18.3971 11.0072 17.9891 10.9352L11.4241 9.77713C11.0201 9.70613 10.627 9.97817 10.556 10.3852C10.484 10.7932 10.7561 11.1821 11.1641 11.2541L17.7291 12.4121C17.7731 12.4201 17.8172 12.4231 17.8602 12.4231C18.2172 12.4231 18.533 12.1671 18.597 11.8041ZM19.2972 8.54215C19.3692 8.13415 19.097 7.74513 18.689 7.67313L12.1241 6.51511C11.7201 6.44311 11.3272 6.71614 11.2562 7.12314C11.1842 7.53114 11.4561 7.92016 11.8641 7.99216L18.429 9.15012C18.473 9.15812 18.5171 9.16117 18.5601 9.16117C18.9171 9.16217 19.2332 8.90615 19.2972 8.54215Z",
|
|
18
|
+
fill: color
|
|
19
|
+
})
|
|
20
|
+
});
|
|
21
|
+
export default CopyTextFill;
|
|
22
|
+
//# sourceMappingURL=CopyTextFill.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","Svg","Path","jsx","_jsx","CopyTextFill","size","color","style","width","height","viewBox","fill","children","d"],"sourceRoot":"../../../../src","sources":["Icon/icons/CopyTextFill.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQ7C,MAAMC,YAA6B,GAAGA,CAAC;EACrCC,IAAI,GAAG,EAAE;EACTC,KAAK,GAAG,MAAM;EACdC;AACF,CAAC,kBACCJ,IAAA,CAACH,GAAG;EACFQ,KAAK,EAAEH,IAAK;EACZI,MAAM,EAAEJ,IAAI,GAAG,CAAE;EACjBK,OAAO,EAAC,WAAW;EACnBH,KAAK,EAAEA,KAAM;EACbI,IAAI,EAAC,MAAM;EAAAC,QAAA,eAEXT,IAAA,CAACF,IAAI;IACHY,CAAC,EAAC,mkDAAmkD;IACrkDF,IAAI,EAAEL;EAAM,CACb;AAAC,CACC,CACN;AAED,eAAeF,YAAY","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Svg","Circle","Path","Color","jsx","_jsx","jsxs","_jsxs","RadioButton","size","color","style","width","height","viewBox","fill","children","d","base","white100","cx","cy","r","stroke"],"sourceRoot":"../../../../src","sources":["Icon/icons/RadioButton.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,IAAIC,MAAM,EAAEC,IAAI,QAAQ,kBAAkB;AACpD,OAAOC,KAAK,MAAM,sBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAQtC,MAAMC,WAA4B,GAAGA,CAAC;EAAEC,IAAI,GAAG,EAAE;EAAEC,KAAK,GAAG,MAAM;EAAEC;AAAM,CAAC,kBACxEJ,KAAA,CAACP,GAAG;EAACY,KAAK,EAAEH,IAAK;EAACI,MAAM,EAAEJ,IAAK;EAACK,OAAO,EAAC,WAAW;EAACC,IAAI,EAAC,MAAM;EAACJ,KAAK,EAAEA,KAAM;EAAAK,QAAA,gBAC3EX,IAAA,CAACH,IAAI;IACHe,CAAC,EAAC,wXAAwX;IAC1XF,IAAI,EAAEZ,KAAK,CAACe,IAAI,CAACC;EAAS,CAC3B,CAAC,eACFd,IAAA,CAACJ,MAAM;IAACmB,EAAE,EAAC,IAAI;IAACC,EAAE,EAAC,IAAI;IAACC,CAAC,EAAC,KAAK;
|
|
1
|
+
{"version":3,"names":["React","Svg","Circle","Path","Color","jsx","_jsx","jsxs","_jsxs","RadioButton","size","color","style","width","height","viewBox","fill","children","d","base","white100","cx","cy","r","stroke"],"sourceRoot":"../../../../src","sources":["Icon/icons/RadioButton.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,IAAIC,MAAM,EAAEC,IAAI,QAAQ,kBAAkB;AACpD,OAAOC,KAAK,MAAM,sBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAQtC,MAAMC,WAA4B,GAAGA,CAAC;EAAEC,IAAI,GAAG,EAAE;EAAEC,KAAK,GAAG,MAAM;EAAEC;AAAM,CAAC,kBACxEJ,KAAA,CAACP,GAAG;EAACY,KAAK,EAAEH,IAAK;EAACI,MAAM,EAAEJ,IAAK;EAACK,OAAO,EAAC,WAAW;EAACC,IAAI,EAAC,MAAM;EAACJ,KAAK,EAAEA,KAAM;EAAAK,QAAA,gBAC3EX,IAAA,CAACH,IAAI;IACHe,CAAC,EAAC,wXAAwX;IAC1XF,IAAI,EAAEZ,KAAK,CAACe,IAAI,CAACC;EAAS,CAC3B,CAAC,eACFd,IAAA,CAACJ,MAAM;IAACmB,EAAE,EAAC,IAAI;IAACC,EAAE,EAAC,IAAI;IAACC,CAAC,EAAC,KAAK;IAACC,MAAM,EAAEb;EAAM,CAAE,CAAC,eACjDL,IAAA,CAACJ,MAAM;IAACmB,EAAE,EAAC,IAAI;IAACC,EAAE,EAAC,IAAI;IAACC,CAAC,EAAC,GAAG;IAACP,IAAI,EAAEL;EAAM,CAAE,CAAC;AAAA,CAC1C,CACN;AAED,eAAeF,WAAW","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 ShieldCheckedFill = ({
|
|
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.0151 1.66602C8.14839 2.59185 6.66667 3.33268 2.5 4.16602C2.5 5.11352 2.5 8.08428 2.5 9.07344C2.5 14.6293 7.2225 17.4068 10 18.3327C12.7775 17.4068 17.5 14.6293 17.5 9.07344C17.5 8.05261 17.5 5.16102 17.5 4.16602C13.3333 3.33268 11.8517 2.59185 10.0151 1.66602ZM12.9517 8.77437L9.61833 12.1077C9.49666 12.2294 9.33664 12.291 9.17664 12.291C9.01663 12.291 8.85661 12.2302 8.73494 12.1077L7.06828 10.441C6.82411 10.1969 6.82411 9.80101 7.06828 9.55684C7.31244 9.31268 7.70831 9.31268 7.95247 9.55684L9.17745 10.7818L12.0691 7.89018C12.3133 7.64601 12.7091 7.64601 12.9533 7.89018C13.1975 8.13434 13.1958 8.53021 12.9517 8.77437Z",
|
|
18
|
+
fill: color
|
|
19
|
+
})
|
|
20
|
+
});
|
|
21
|
+
export default ShieldCheckedFill;
|
|
22
|
+
//# sourceMappingURL=ShieldFillChecked.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","Svg","Path","jsx","_jsx","ShieldCheckedFill","size","color","style","width","height","viewBox","fill","children","d"],"sourceRoot":"../../../../src","sources":["Icon/icons/ShieldFillChecked.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQ7C,MAAMC,iBAAkC,GAAGA,CAAC;EAC1CC,IAAI,GAAG,EAAE;EACTC,KAAK,GAAG,MAAM;EACdC;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,unBAAunB;IACznBF,IAAI,EAAEL;EAAM,CACb;AAAC,CACC,CACN;AAED,eAAeF,iBAAiB","ignoreList":[]}
|
|
@@ -21,6 +21,7 @@ const Input = ({
|
|
|
21
21
|
onPressIconRight,
|
|
22
22
|
secureTextEntry = false,
|
|
23
23
|
iconRightColor,
|
|
24
|
+
prefix,
|
|
24
25
|
...rest
|
|
25
26
|
}) => {
|
|
26
27
|
const [inputValue, setInputValue] = useState(value || '');
|
|
@@ -43,22 +44,18 @@ const Input = ({
|
|
|
43
44
|
}],
|
|
44
45
|
children: [icon && /*#__PURE__*/_jsx(TouchableOpacity, {
|
|
45
46
|
onPress: onPressIconLeft,
|
|
46
|
-
style: styles.iconLeft,
|
|
47
47
|
hitSlop: 10,
|
|
48
48
|
children: /*#__PURE__*/_jsx(Icon, {
|
|
49
49
|
name: icon,
|
|
50
50
|
size: 20,
|
|
51
51
|
color: "#888"
|
|
52
52
|
})
|
|
53
|
+
}), prefix && /*#__PURE__*/_jsx(View, {
|
|
54
|
+
style: styles.prefixContainer,
|
|
55
|
+
children: prefix
|
|
53
56
|
}), /*#__PURE__*/_jsx(TextInput, {
|
|
54
57
|
...rest,
|
|
55
|
-
style: [styles.input,
|
|
56
|
-
paddingLeft: 40
|
|
57
|
-
}, showRightIcons && {
|
|
58
|
-
paddingRight: 40
|
|
59
|
-
}, showRightIcons && clearButton && inputValue !== '' && {
|
|
60
|
-
paddingRight: 65
|
|
61
|
-
}, style],
|
|
58
|
+
style: [styles.input, style],
|
|
62
59
|
secureTextEntry: secureTextEntry,
|
|
63
60
|
value: inputValue,
|
|
64
61
|
onChangeText: handleChange,
|
|
@@ -67,9 +64,7 @@ const Input = ({
|
|
|
67
64
|
style: styles.rightContainer,
|
|
68
65
|
children: [clearButton && inputValue !== '' && /*#__PURE__*/_jsx(TouchableOpacity, {
|
|
69
66
|
onPress: handleClear,
|
|
70
|
-
style:
|
|
71
|
-
marginRight: iconRight ? 8 : 0
|
|
72
|
-
}],
|
|
67
|
+
style: iconRight && styles.mr8,
|
|
73
68
|
children: /*#__PURE__*/_jsx(Icon, {
|
|
74
69
|
name: "x-circle",
|
|
75
70
|
size: 20,
|
|
@@ -101,31 +96,32 @@ const styles = StyleSheet.create({
|
|
|
101
96
|
position: 'relative',
|
|
102
97
|
height: 40,
|
|
103
98
|
borderRadius: 8,
|
|
104
|
-
gap:
|
|
99
|
+
gap: 4,
|
|
100
|
+
paddingHorizontal: 12,
|
|
105
101
|
borderWidth: 1,
|
|
106
102
|
backgroundColor: Color.base.white100,
|
|
107
|
-
justifyContent: 'center'
|
|
103
|
+
justifyContent: 'center',
|
|
104
|
+
flexDirection: 'row',
|
|
105
|
+
alignItems: 'center'
|
|
108
106
|
},
|
|
109
107
|
input: {
|
|
110
108
|
height: 37,
|
|
111
|
-
paddingHorizontal: 12,
|
|
112
109
|
paddingTop: 0,
|
|
113
110
|
paddingBottom: 0,
|
|
114
111
|
fontSize: 16,
|
|
115
112
|
color: '#333',
|
|
116
113
|
flex: 1
|
|
117
114
|
},
|
|
118
|
-
iconLeft: {
|
|
119
|
-
position: 'absolute',
|
|
120
|
-
left: 12,
|
|
121
|
-
zIndex: 1
|
|
122
|
-
},
|
|
123
115
|
rightContainer: {
|
|
124
|
-
position: 'absolute',
|
|
125
|
-
right: 12,
|
|
126
116
|
flexDirection: 'row',
|
|
127
|
-
alignItems: 'center'
|
|
128
|
-
|
|
117
|
+
alignItems: 'center'
|
|
118
|
+
},
|
|
119
|
+
prefixContainer: {
|
|
120
|
+
justifyContent: 'center',
|
|
121
|
+
flexDirection: 'row'
|
|
122
|
+
},
|
|
123
|
+
mr8: {
|
|
124
|
+
marginRight: 8
|
|
129
125
|
}
|
|
130
126
|
});
|
|
131
127
|
export default Input;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useState","TextInput","View","StyleSheet","TouchableOpacity","Icon","Color","LabelForm","Typography","jsx","_jsx","jsxs","_jsxs","Input","icon","iconRight","label","style","value","clearButton","hasError","hint","onChangeText","onPressIconLeft","onPressIconRight","secureTextEntry","iconRightColor","rest","inputValue","setInputValue","handleClear","handleChange","text","showRightIcons","styles","gap","children","title","container","borderColor","danger","gray","onPress","
|
|
1
|
+
{"version":3,"names":["React","useState","TextInput","View","StyleSheet","TouchableOpacity","Icon","Color","LabelForm","Typography","jsx","_jsx","jsxs","_jsxs","Input","icon","iconRight","label","style","value","clearButton","hasError","hint","onChangeText","onPressIconLeft","onPressIconRight","secureTextEntry","iconRightColor","prefix","rest","inputValue","setInputValue","handleClear","handleChange","text","showRightIcons","styles","gap","children","title","container","borderColor","danger","gray","onPress","hitSlop","name","size","color","prefixContainer","input","placeholderTextColor","rightContainer","mr8","variant","weight","create","position","height","borderRadius","paddingHorizontal","borderWidth","backgroundColor","base","white100","justifyContent","flexDirection","alignItems","paddingTop","paddingBottom","fontSize","flex","marginRight"],"sourceRoot":"../../../src","sources":["Input/Input.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -6,21 +6,22 @@ Komponen `Input` ini adalah komponen input teks yang dapat dikustomisasi dengan
|
|
|
6
6
|
|
|
7
7
|
## 🔧 Props
|
|
8
8
|
|
|
9
|
-
| Prop
|
|
10
|
-
|
|
11
|
-
| `label`
|
|
12
|
-
| `value`
|
|
13
|
-
| `onChange`
|
|
14
|
-
| `icon`
|
|
15
|
-
| `iconRight`
|
|
16
|
-
| `clearButton`
|
|
17
|
-
| `hasError`
|
|
18
|
-
| `hint`
|
|
19
|
-
| `onPressIconLeft`
|
|
20
|
-
| `onPressIconRight` | `() => void`
|
|
21
|
-
| `secureTextEntry
|
|
22
|
-
| `style`
|
|
23
|
-
|
|
|
9
|
+
| Prop | Tipe | Deskripsi |
|
|
10
|
+
| ------------------ | ------------------------- | --------------------------------------------------------------------- |
|
|
11
|
+
| `label` | `string` | Label yang ditampilkan di atas input |
|
|
12
|
+
| `value` | `string` | Nilai dari input (kontrol dari luar) |
|
|
13
|
+
| `onChange` | `(value: string) => void` | Fungsi yang dipanggil saat nilai berubah |
|
|
14
|
+
| `icon` | `string` | Nama ikon (kiri) dari library `Icon` |
|
|
15
|
+
| `iconRight` | `string` | Nama ikon kanan dari library `Icon` |
|
|
16
|
+
| `clearButton` | `boolean` | Menampilkan tombol `x` untuk menghapus input |
|
|
17
|
+
| `hasError` | `boolean` | Menandai input error, border akan berubah merah |
|
|
18
|
+
| `hint` | `string` | Menampilkan teks kecil di bawah input, bisa untuk error atau petunjuk |
|
|
19
|
+
| `onPressIconLeft` | `() => void` | Fungsi saat ikon kiri diklik |
|
|
20
|
+
| `onPressIconRight` | `() => void` | Fungsi saat ikon kanan diklik |
|
|
21
|
+
| `secureTextEntry` | `boolean` | Jika `true`, menyembunyikan input (untuk password) |
|
|
22
|
+
| `style` | `ViewStyle` | Style tambahan untuk input |
|
|
23
|
+
| `prefix` | `React.ReactNode` | Slot `react node` yang bisa diisi oleh seluruh komponen react |
|
|
24
|
+
| `...rest` | `TextInputProps` | Props lain dari React Native `TextInput` |
|
|
24
25
|
|
|
25
26
|
---
|
|
26
27
|
|
|
@@ -49,3 +50,4 @@ export default function MyForm() {
|
|
|
49
50
|
</View>
|
|
50
51
|
);
|
|
51
52
|
}
|
|
53
|
+
```
|
package/lib/module/Tab/README.md
CHANGED
|
@@ -94,6 +94,7 @@ Setiap tab dibungkus dalam `ScrollView` vertikal, sehingga bisa discroll ke bawa
|
|
|
94
94
|
| `children` | `React.ReactNode` | Daftar elemen `<TabItem />` |
|
|
95
95
|
| `current?` | `number` | Indeks tab aktif (default: 0) |
|
|
96
96
|
| `onChangeTab?` | `(index: number) => void` | Callback saat tab berpindah |
|
|
97
|
+
| `renderHeader` | `React.ReactElement` | tambahan react element di atas tab |
|
|
97
98
|
|
|
98
99
|
### `TabItemProps`
|
|
99
100
|
|
package/lib/module/Tab/Tab.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import React, { useCallback, useState, useEffect, useRef, Children, isValidElement } from 'react';
|
|
4
|
-
import { View, Pressable, StyleSheet } from 'react-native';
|
|
4
|
+
import { View, Pressable, StyleSheet, ScrollView } from 'react-native';
|
|
5
5
|
import PagerView from 'react-native-pager-view';
|
|
6
6
|
import Color from "../Color/Color.js";
|
|
7
7
|
import Typography from "../Typography/Typography.js";
|
|
@@ -9,7 +9,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
9
9
|
const Tab = ({
|
|
10
10
|
children,
|
|
11
11
|
current = 0,
|
|
12
|
-
onChangeTab
|
|
12
|
+
onChangeTab,
|
|
13
|
+
renderHeader
|
|
13
14
|
}) => {
|
|
14
15
|
const items = Children.toArray(children).filter(isValidElement);
|
|
15
16
|
const [activeIndex, setActiveIndex] = useState(current);
|
|
@@ -29,39 +30,54 @@ const Tab = ({
|
|
|
29
30
|
updateActive(index);
|
|
30
31
|
};
|
|
31
32
|
if (items.length === 0) return null;
|
|
32
|
-
return /*#__PURE__*/
|
|
33
|
+
return /*#__PURE__*/_jsx(View, {
|
|
33
34
|
style: styles.container,
|
|
34
|
-
children:
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
35
|
+
children: /*#__PURE__*/_jsxs(ScrollView, {
|
|
36
|
+
stickyHeaderIndices: [renderHeader ? 1 : 0] // bikin tabBar sticky
|
|
37
|
+
,
|
|
38
|
+
contentContainerStyle: {
|
|
39
|
+
flexGrow: 1
|
|
40
|
+
},
|
|
41
|
+
children: [renderHeader ? renderHeader : null, /*#__PURE__*/_jsx(ScrollView, {
|
|
42
|
+
horizontal: true,
|
|
43
|
+
showsHorizontalScrollIndicator: false,
|
|
44
|
+
style: styles.tabBarWrapper,
|
|
45
|
+
children: /*#__PURE__*/_jsx(View, {
|
|
46
|
+
style: styles.tabBar,
|
|
47
|
+
children: items.map((item, index) => {
|
|
48
|
+
const isActive = index === activeIndex;
|
|
49
|
+
return /*#__PURE__*/_jsx(Pressable, {
|
|
50
|
+
style: [styles.tabButton, isActive ? styles.tabActive : styles.tabInactive],
|
|
51
|
+
onPress: () => handleHeaderPress(index),
|
|
52
|
+
children: /*#__PURE__*/_jsx(Typography, {
|
|
53
|
+
center: true,
|
|
54
|
+
variant: "t2",
|
|
55
|
+
weight: "semibold",
|
|
56
|
+
color: isActive ? Color.base.white100 : Color.gray[700],
|
|
57
|
+
children: item.props.name
|
|
58
|
+
})
|
|
59
|
+
}, index);
|
|
47
60
|
})
|
|
48
|
-
}
|
|
49
|
-
})
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
61
|
+
})
|
|
62
|
+
}), /*#__PURE__*/_jsx(View, {
|
|
63
|
+
style: {
|
|
64
|
+
flex: 1
|
|
65
|
+
},
|
|
66
|
+
children: /*#__PURE__*/_jsx(PagerView, {
|
|
67
|
+
ref: pagerRef,
|
|
68
|
+
style: styles.pager,
|
|
69
|
+
initialPage: current,
|
|
70
|
+
onPageSelected: e => updateActive(e.nativeEvent.position),
|
|
71
|
+
children: items.map((item, index) => /*#__PURE__*/_jsx(View, {
|
|
72
|
+
collapsable: false,
|
|
73
|
+
style: {
|
|
74
|
+
flex: 1
|
|
75
|
+
},
|
|
76
|
+
children: item?.props?.children
|
|
77
|
+
}, index))
|
|
78
|
+
})
|
|
79
|
+
})]
|
|
80
|
+
})
|
|
65
81
|
});
|
|
66
82
|
};
|
|
67
83
|
export default Tab;
|
|
@@ -69,19 +85,23 @@ const styles = StyleSheet.create({
|
|
|
69
85
|
container: {
|
|
70
86
|
flex: 1
|
|
71
87
|
},
|
|
72
|
-
|
|
73
|
-
flexDirection: 'row',
|
|
88
|
+
tabBarWrapper: {
|
|
74
89
|
backgroundColor: Color.gray[100],
|
|
90
|
+
borderRadius: 8
|
|
91
|
+
},
|
|
92
|
+
tabBar: {
|
|
93
|
+
flexDirection: 'row',
|
|
94
|
+
// tetap row
|
|
75
95
|
padding: 4,
|
|
76
96
|
borderRadius: 8
|
|
77
97
|
},
|
|
78
98
|
tabButton: {
|
|
79
|
-
flex: 1,
|
|
80
99
|
borderRadius: 8,
|
|
81
100
|
paddingVertical: 6,
|
|
82
101
|
paddingHorizontal: 16,
|
|
83
102
|
justifyContent: 'center',
|
|
84
|
-
alignItems: 'center'
|
|
103
|
+
alignItems: 'center',
|
|
104
|
+
marginRight: 8
|
|
85
105
|
},
|
|
86
106
|
tabActive: {
|
|
87
107
|
backgroundColor: Color.primary[1000]
|
|
@@ -91,7 +111,7 @@ const styles = StyleSheet.create({
|
|
|
91
111
|
},
|
|
92
112
|
pager: {
|
|
93
113
|
flex: 1,
|
|
94
|
-
|
|
114
|
+
minHeight: 800
|
|
95
115
|
}
|
|
96
116
|
});
|
|
97
117
|
//# 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","
|
|
1
|
+
{"version":3,"names":["React","useCallback","useState","useEffect","useRef","Children","isValidElement","View","Pressable","StyleSheet","ScrollView","PagerView","Color","Typography","jsx","_jsx","jsxs","_jsxs","Tab","children","current","onChangeTab","renderHeader","items","toArray","filter","activeIndex","setActiveIndex","pagerRef","setPageWithoutAnimation","updateActive","index","handleHeaderPress","setPage","length","style","styles","container","stickyHeaderIndices","contentContainerStyle","flexGrow","horizontal","showsHorizontalScrollIndicator","tabBarWrapper","tabBar","map","item","isActive","tabButton","tabActive","tabInactive","onPress","center","variant","weight","color","base","white100","gray","props","name","flex","ref","pager","initialPage","onPageSelected","e","nativeEvent","position","collapsable","create","backgroundColor","borderRadius","flexDirection","padding","paddingVertical","paddingHorizontal","justifyContent","alignItems","marginRight","primary","minHeight"],"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,MAAM,IAAK,IAAI;AACxD,eAAeD,OAAO","ignoreList":[]}
|
|
@@ -44,11 +44,11 @@ export default function OrderHistory() {
|
|
|
44
44
|
|
|
45
45
|
### TimelineItem
|
|
46
46
|
|
|
47
|
-
| Prop | Type
|
|
48
|
-
| ---------- |
|
|
49
|
-
| `children` | `ReactNode`
|
|
50
|
-
| `color` | `'primary' \| 'success' \| 'warning' \| 'danger' \| 'purple'` | ❌ | `'primary'` | Skema warna titik (`RadioButton`) dan garis vertikal. |
|
|
51
|
-
| `isLast` | `boolean`
|
|
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'\| 'info'\| 'orange'` | ❌ | `'primary'` | Skema warna titik (`RadioButton`) dan garis vertikal. |
|
|
51
|
+
| `isLast` | `boolean` | ❌ | `false` | Menentukan apakah garis garis di kiri itu dimunculkan atau tidak |
|
|
52
52
|
|
|
53
53
|
## ⚙️ Cara Kerja
|
|
54
54
|
|
|
@@ -10,7 +10,10 @@ const COLOR_MAP = {
|
|
|
10
10
|
primary: Color.primary[900],
|
|
11
11
|
success: Color.success[500],
|
|
12
12
|
purple: Color.purple[500],
|
|
13
|
-
danger: Color.danger[500]
|
|
13
|
+
danger: Color.danger[500],
|
|
14
|
+
info: Color.info[500],
|
|
15
|
+
default: Color.gray[700],
|
|
16
|
+
orange: Color.orange[500]
|
|
14
17
|
};
|
|
15
18
|
export default function TimelineItem({
|
|
16
19
|
children,
|
|
@@ -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","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","
|
|
1
|
+
{"version":3,"names":["useState","StyleSheet","View","Color","Icon","jsx","_jsx","jsxs","_jsxs","COLOR_MAP","warning","primary","success","purple","danger","info","default","gray","orange","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","borderStyle","backgroundColor","marginVertical"],"sourceRoot":"../../../src","sources":["Timeline/TimelineItem.tsx"],"mappings":"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","ignoreList":[]}
|