@herca/rn-kit 0.1.36 → 0.1.38
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/Icon/Icon.js +17 -1
- package/lib/module/Icon/Icon.js.map +1 -1
- package/lib/module/Icon/README.md +8 -0
- package/lib/module/Icon/icons/Bolt.js +22 -0
- package/lib/module/Icon/icons/Bolt.js.map +1 -0
- package/lib/module/Icon/icons/BoltSlash.js +22 -0
- package/lib/module/Icon/icons/BoltSlash.js.map +1 -0
- package/lib/module/Icon/icons/CalendarEdit.js +22 -0
- package/lib/module/Icon/icons/CalendarEdit.js.map +1 -0
- package/lib/module/Icon/icons/ImagePlus.js +22 -0
- package/lib/module/Icon/icons/ImagePlus.js.map +1 -0
- package/lib/module/Icon/icons/InfoCircleOutline.js +22 -0
- package/lib/module/Icon/icons/InfoCircleOutline.js.map +1 -0
- package/lib/module/Icon/icons/Tag.js +22 -0
- package/lib/module/Icon/icons/Tag.js.map +1 -0
- package/lib/module/Icon/icons/Tool.js +22 -0
- package/lib/module/Icon/icons/Tool.js.map +1 -0
- package/lib/module/Icon/icons/UserEdit.js +28 -0
- package/lib/module/Icon/icons/UserEdit.js.map +1 -0
- package/lib/module/Tab/README.md +11 -10
- package/lib/module/Tab/Tab.js +35 -31
- package/lib/module/Tab/Tab.js.map +1 -1
- package/lib/typescript/src/Icon/Icon.d.ts.map +1 -1
- package/lib/typescript/src/Icon/icons/Bolt.d.ts +9 -0
- package/lib/typescript/src/Icon/icons/Bolt.d.ts.map +1 -0
- package/lib/typescript/src/Icon/icons/BoltSlash.d.ts +9 -0
- package/lib/typescript/src/Icon/icons/BoltSlash.d.ts.map +1 -0
- package/lib/typescript/src/Icon/icons/CalendarEdit.d.ts +9 -0
- package/lib/typescript/src/Icon/icons/CalendarEdit.d.ts.map +1 -0
- package/lib/typescript/src/Icon/icons/ImagePlus.d.ts +9 -0
- package/lib/typescript/src/Icon/icons/ImagePlus.d.ts.map +1 -0
- package/lib/typescript/src/Icon/icons/InfoCircleOutline.d.ts +9 -0
- package/lib/typescript/src/Icon/icons/InfoCircleOutline.d.ts.map +1 -0
- package/lib/typescript/src/Icon/icons/Tag.d.ts +9 -0
- package/lib/typescript/src/Icon/icons/Tag.d.ts.map +1 -0
- package/lib/typescript/src/Icon/icons/Tool.d.ts +9 -0
- package/lib/typescript/src/Icon/icons/Tool.d.ts.map +1 -0
- package/lib/typescript/src/Icon/icons/UserEdit.d.ts +9 -0
- package/lib/typescript/src/Icon/icons/UserEdit.d.ts.map +1 -0
- package/lib/typescript/src/Icon/type.d.ts +1 -1
- package/lib/typescript/src/Icon/type.d.ts.map +1 -1
- package/lib/typescript/src/Tab/Tab.d.ts.map +1 -1
- package/lib/typescript/src/Tab/type.d.ts +11 -2
- package/lib/typescript/src/Tab/type.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/Icon/Icon.tsx +16 -0
- package/src/Icon/README.md +8 -0
- package/src/Icon/icons/Bolt.tsx +19 -0
- package/src/Icon/icons/BoltSlash.tsx +19 -0
- package/src/Icon/icons/CalendarEdit.tsx +23 -0
- package/src/Icon/icons/ImagePlus.tsx +25 -0
- package/src/Icon/icons/InfoCircleOutline.tsx +23 -0
- package/src/Icon/icons/Tag.tsx +19 -0
- package/src/Icon/icons/Tool.tsx +19 -0
- package/src/Icon/icons/UserEdit.tsx +27 -0
- package/src/Icon/type.tsx +8 -0
- package/src/Tab/README.md +11 -10
- package/src/Tab/Tab.tsx +44 -33
- package/src/Tab/type.tsx +14 -4
package/lib/module/Icon/Icon.js
CHANGED
|
@@ -66,6 +66,14 @@ import DiscountFill from "./icons/DiscountFill.js";
|
|
|
66
66
|
import CopyFill from "./icons/CopyFill.js";
|
|
67
67
|
import CopyTextFill from "./icons/CopyTextFill.js";
|
|
68
68
|
import ShieldCheckedFill from "./icons/ShieldFillChecked.js";
|
|
69
|
+
import CalendarEdit from "./icons/CalendarEdit.js";
|
|
70
|
+
import InfoCircleOutline from "./icons/InfoCircleOutline.js";
|
|
71
|
+
import Tag from "./icons/Tag.js";
|
|
72
|
+
import Tool from "./icons/Tool.js";
|
|
73
|
+
import UserEdit from "./icons/UserEdit.js";
|
|
74
|
+
import ImagePlus from "./icons/ImagePlus.js";
|
|
75
|
+
import Bolt from "./icons/Bolt.js";
|
|
76
|
+
import BoltSlash from "./icons/BoltSlash.js";
|
|
69
77
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
70
78
|
const icons = {
|
|
71
79
|
'Search': Search,
|
|
@@ -132,7 +140,15 @@ const icons = {
|
|
|
132
140
|
'discount-fill': DiscountFill,
|
|
133
141
|
'copy-fill': CopyFill,
|
|
134
142
|
'copy-text-fill': CopyTextFill,
|
|
135
|
-
'shield-checked-fill': ShieldCheckedFill
|
|
143
|
+
'shield-checked-fill': ShieldCheckedFill,
|
|
144
|
+
'calendar-edit': CalendarEdit,
|
|
145
|
+
'info-circle-outline': InfoCircleOutline,
|
|
146
|
+
'user-edit': UserEdit,
|
|
147
|
+
'Tag': Tag,
|
|
148
|
+
'Tool': Tool,
|
|
149
|
+
'Bolt': Bolt,
|
|
150
|
+
'bolt-slash': BoltSlash,
|
|
151
|
+
'image-plus': ImagePlus
|
|
136
152
|
};
|
|
137
153
|
const Icon = ({
|
|
138
154
|
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","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;AAC/C,OAAOC,QAAQ,MAAM,qBAAkB;AACvC,OAAOC,YAAY,MAAM,yBAAsB;AAC/C,OAAOC,iBAAiB,MAAM,8BAA2B;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","CalendarEdit","InfoCircleOutline","Tag","Tool","UserEdit","ImagePlus","Bolt","BoltSlash","jsx","_jsx","icons","Icon","name","size","color","style","SelectedIcon"],"sourceRoot":"../../../src","sources":["Icon/Icon.tsx"],"mappings":"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","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 Bolt = ({
|
|
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.3841 9.42599C18.1471 8.85499 17.6161 8.5 16.9981 8.5L14.1411 8.57001L15.8571 4.59399C16.0581 4.12899 16.0111 3.59799 15.7331 3.17599C15.4551 2.75299 14.9861 2.5 14.4801 2.5H10.0001C9.16211 2.5 8.46711 3.024 8.19511 3.843L5.57811 10.525C5.42311 10.988 5.4981 11.48 5.7841 11.876C6.0701 12.272 6.51312 12.5 7.00212 12.5L9.8261 12.434L6.94109 20.838C6.86609 21.058 6.95209 21.301 7.14909 21.424C7.23109 21.475 7.32211 21.5 7.41411 21.5C7.54311 21.5 7.67111 21.45 7.76811 21.354L18.0601 11.061C18.4961 10.624 18.6201 9.99699 18.3841 9.42599Z",
|
|
18
|
+
fill: color
|
|
19
|
+
})
|
|
20
|
+
});
|
|
21
|
+
export default Bolt;
|
|
22
|
+
//# sourceMappingURL=Bolt.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","Svg","Path","jsx","_jsx","Bolt","size","color","style","width","height","viewBox","fill","children","d"],"sourceRoot":"../../../../src","sources":["Icon/icons/Bolt.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQ7C,MAAMC,IAAqB,GAAGA,CAAC;EAAEC,IAAI,GAAG,EAAE;EAAEC,KAAK,GAAG,MAAM;EAAEC;AAAM,CAAC,kBACjEJ,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,+hBAA+hB;IACjiBF,IAAI,EAAEL;EAAM,CACb;AAAC,CACC,CACN;AAED,eAAeF,IAAI","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 BoltSlash = ({
|
|
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: "M19.5058 9.99299C19.5108 10.393 19.3538 10.773 19.0638 11.063L8.76376 21.353C8.66676 21.45 8.53875 21.499 8.40975 21.499C8.31875 21.499 8.2268 21.474 8.1448 21.423C7.9478 21.3 7.86179 21.057 7.93679 20.837L8.67678 18.687C8.70078 18.615 8.7418 18.55 8.7958 18.496L18.3458 8.94599C18.5378 8.75499 18.8468 8.75099 19.0428 8.93699C19.3318 9.20899 19.4998 9.59499 19.5058 9.99299ZM21.5298 2.46999C21.2368 2.17699 20.7618 2.17699 20.4688 2.46999L15.7278 7.21099L16.8588 4.60099C17.0588 4.13099 17.0088 3.601 16.7288 3.171C16.4488 2.751 15.9788 2.501 15.4788 2.501H10.9998C10.1498 2.501 9.45978 3.03099 9.18978 3.85099L6.56979 10.531C6.42979 10.991 6.50976 11.491 6.78976 11.881C7.07976 12.281 7.51978 12.501 7.99978 12.501L10.4918 12.448L2.46877 20.471C2.17577 20.764 2.17577 21.239 2.46877 21.532C2.61477 21.678 2.8068 21.752 2.9988 21.752C3.1908 21.752 3.38277 21.679 3.52877 21.532L21.5288 3.53199C21.8228 3.23799 21.8228 2.76199 21.5298 2.46999Z",
|
|
18
|
+
fill: color
|
|
19
|
+
})
|
|
20
|
+
});
|
|
21
|
+
export default BoltSlash;
|
|
22
|
+
//# sourceMappingURL=BoltSlash.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","Svg","Path","jsx","_jsx","BoltSlash","size","color","style","width","height","viewBox","fill","children","d"],"sourceRoot":"../../../../src","sources":["Icon/icons/BoltSlash.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,i7BAAi7B;IACn7BF,IAAI,EAAEL;EAAM,CACb;AAAC,CACC,CACN;AAED,eAAeF,SAAS","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 CalendarEdit = ({
|
|
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: "M20.7 9.75H3.30005C3.13405 9.75 3 9.88405 3 10.05V18C3 20 4 21 6 21H18C20 21 21 20 21 18V10.05C21 9.88405 20.866 9.75 20.7 9.75ZM10.3311 18.75H8.25098V16.6699L11.9609 12.9399L14.061 15.04L10.3311 18.75ZM15.5 13.5991L14.76 14.3391L12.6599 12.239L13.3999 11.499C13.7199 11.169 14.2501 11.169 14.5801 11.489L15.51 12.4189C15.831 12.7499 15.831 13.2791 15.5 13.5991ZM21 7.5V7.94995C21 8.11595 20.866 8.25 20.7 8.25H3.30005C3.13405 8.25 3 8.11595 3 7.94995V7.5C3 5.5 4 4.5 6 4.5H7.25V3C7.25 2.59 7.59 2.25 8 2.25C8.41 2.25 8.75 2.59 8.75 3V4.5H15.25V3C15.25 2.59 15.59 2.25 16 2.25C16.41 2.25 16.75 2.59 16.75 3V4.5H18C20 4.5 21 5.5 21 7.5Z",
|
|
18
|
+
fill: color
|
|
19
|
+
})
|
|
20
|
+
});
|
|
21
|
+
export default CalendarEdit;
|
|
22
|
+
//# sourceMappingURL=CalendarEdit.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","Svg","Path","jsx","_jsx","CalendarEdit","size","color","style","width","height","viewBox","fill","children","d"],"sourceRoot":"../../../../src","sources":["Icon/icons/CalendarEdit.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;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,6nBAA6nB;IAC/nBF,IAAI,EAAEL;EAAM,CACb;AAAC,CACC,CACN;AAED,eAAeF,YAAY","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 ImagePlus = ({
|
|
7
|
+
size = 24,
|
|
8
|
+
color = '#000',
|
|
9
|
+
style
|
|
10
|
+
}) => /*#__PURE__*/_jsx(Svg, {
|
|
11
|
+
width: size + 1,
|
|
12
|
+
height: size,
|
|
13
|
+
viewBox: "0 0 25 24",
|
|
14
|
+
fill: "none",
|
|
15
|
+
style: style,
|
|
16
|
+
children: /*#__PURE__*/_jsx(Path, {
|
|
17
|
+
d: "M22.25 11V17C22.25 19.418 20.918 20.75 18.5 20.75H6.5C4.082 20.75 2.75 19.418 2.75 17V7C2.75 4.582 4.082 3.25 6.5 3.25H13.5C13.914 3.25 14.25 3.586 14.25 4C14.25 4.414 13.914 4.75 13.5 4.75H6.5C4.923 4.75 4.25 5.423 4.25 7V16.25L6.79004 13.71C7.18004 13.32 7.81996 13.32 8.20996 13.71L9.15002 14.6499C9.34002 14.8399 9.65998 14.8399 9.84998 14.6499L14.79 9.70996C15.18 9.31996 15.82 9.31996 16.21 9.70996L20.75 14.25V11C20.75 10.586 21.086 10.25 21.5 10.25C21.914 10.25 22.25 10.586 22.25 11ZM8.49304 7.75C7.80404 7.75 7.25 8.31 7.25 9C7.25 9.69 7.81395 10.25 8.50195 10.25C9.19095 10.25 9.75 9.69 9.75 9C9.75 8.31 9.19195 7.75 8.50195 7.75H8.49304ZM17.5 5.75H18.75V7C18.75 7.414 19.086 7.75 19.5 7.75C19.914 7.75 20.25 7.414 20.25 7V5.75H21.5C21.914 5.75 22.25 5.414 22.25 5C22.25 4.586 21.914 4.25 21.5 4.25H20.25V3C20.25 2.586 19.914 2.25 19.5 2.25C19.086 2.25 18.75 2.586 18.75 3V4.25H17.5C17.086 4.25 16.75 4.586 16.75 5C16.75 5.414 17.086 5.75 17.5 5.75Z",
|
|
18
|
+
fill: color
|
|
19
|
+
})
|
|
20
|
+
});
|
|
21
|
+
export default ImagePlus;
|
|
22
|
+
//# sourceMappingURL=ImagePlus.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","Svg","Path","jsx","_jsx","ImagePlus","size","color","style","width","height","viewBox","fill","children","d"],"sourceRoot":"../../../../src","sources":["Icon/icons/ImagePlus.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;EACFQ,KAAK,EAAEH,IAAI,GAAG,CAAE;EAChBI,MAAM,EAAEJ,IAAK;EACbK,OAAO,EAAC,WAAW;EACnBC,IAAI,EAAC,MAAM;EACXJ,KAAK,EAAEA,KAAM;EAAAK,QAAA,eAEbT,IAAA,CAACF,IAAI;IACHY,CAAC,EAAC,k8BAAk8B;IACp8BF,IAAI,EAAEL;EAAM,CACb;AAAC,CACC,CACN;AAED,eAAeF,SAAS","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 InfoCircleOutline = ({
|
|
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: "M9.99984 18.9584C5.05984 18.9584 1.0415 14.9401 1.0415 10.0001C1.0415 5.06008 5.05984 1.04175 9.99984 1.04175C14.9398 1.04175 18.9582 5.06008 18.9582 10.0001C18.9582 14.9401 14.9398 18.9584 9.99984 18.9584ZM9.99984 2.29175C5.749 2.29175 2.2915 5.74925 2.2915 10.0001C2.2915 14.2509 5.749 17.7084 9.99984 17.7084C14.2507 17.7084 17.7082 14.2509 17.7082 10.0001C17.7082 5.74925 14.2507 2.29175 9.99984 2.29175ZM10.6248 13.7501V9.94088C10.6248 9.59588 10.3448 9.31588 9.99984 9.31588C9.65484 9.31588 9.37484 9.59588 9.37484 9.94088V13.7501C9.37484 14.0951 9.65484 14.3751 9.99984 14.3751C10.3448 14.3751 10.6248 14.0951 10.6248 13.7501ZM10.8499 7.08342C10.8499 6.62341 10.4774 6.25008 10.0165 6.25008H10.0082C9.54818 6.25008 9.17892 6.62341 9.17892 7.08342C9.17892 7.54342 9.55652 7.91675 10.0165 7.91675C10.4765 7.91675 10.8499 7.54342 10.8499 7.08342Z",
|
|
18
|
+
fill: color
|
|
19
|
+
})
|
|
20
|
+
});
|
|
21
|
+
export default InfoCircleOutline;
|
|
22
|
+
//# sourceMappingURL=InfoCircleOutline.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","Svg","Path","jsx","_jsx","InfoCircleOutline","size","color","style","width","height","viewBox","fill","children","d"],"sourceRoot":"../../../../src","sources":["Icon/icons/InfoCircleOutline.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,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,o1BAAo1B;IACt1BF,IAAI,EAAEL;EAAM,CACb;AAAC,CACC,CACN;AAED,eAAeF,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 Tag = ({
|
|
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: "M19.96 15.21L15.2 19.98C13.83 21.34 12.4201 21.34 11.0601 19.98L10.256 19.167C10.139 19.05 10.139 18.86 10.256 18.743L18.7321 10.267C18.8491 10.15 19.039 10.15 19.156 10.267L19.959 11.07C21.37 12.48 21.32 13.84 19.96 15.21ZM17.698 9.23199L9.22205 17.708C9.10505 17.825 8.91497 17.825 8.79797 17.708L3.85999 12.77C3.30899 12.219 3 11.473 3 10.694V4.95001C3 3.87301 3.87295 3 4.94995 3H10.687C11.465 3 12.211 3.30899 12.76 3.85999L17.698 8.80798C17.815 8.92498 17.815 9.11499 17.698 9.23199ZM8 7C8 6.448 7.55395 6 7.00195 6H6.99194C6.44194 6 5.99902 6.448 5.99902 7C5.99902 7.552 6.45098 8 7.00098 8C7.55398 8 8 7.552 8 7Z",
|
|
18
|
+
fill: color
|
|
19
|
+
})
|
|
20
|
+
});
|
|
21
|
+
export default Tag;
|
|
22
|
+
//# sourceMappingURL=Tag.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","Svg","Path","jsx","_jsx","Tag","size","color","style","width","height","viewBox","fill","children","d"],"sourceRoot":"../../../../src","sources":["Icon/icons/Tag.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQ7C,MAAMC,GAAoB,GAAGA,CAAC;EAAEC,IAAI,GAAG,EAAE;EAAEC,KAAK,GAAG,MAAM;EAAEC;AAAM,CAAC,kBAChEJ,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,8mBAA8mB;IAChnBF,IAAI,EAAEL;EAAM,CACb;AAAC,CACC,CACN;AAED,eAAeF,GAAG","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 Tool = ({
|
|
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: "M17.15 5.46664L15.3333 7.2833C14.85 7.7583 14.0583 7.75832 13.575 7.27498L12.725 6.42497C12.2417 5.94163 12.2417 5.14996 12.725 4.67496L14.5333 2.84998C13.2583 2.34165 11.675 2.32496 10.1917 3.21663C9.59166 3.57496 9.08333 4.05831 8.725 4.64165C8.7 4.67498 8.675 4.70832 8.65833 4.74998C8.00833 5.82498 7.83333 6.94997 7.98334 7.96664C8.04167 8.34997 7.90834 8.7333 7.63334 8.99996L3.2 13.4416C2.73333 13.9 2.5 14.5167 2.5 15.1167C2.5 15.7333 2.73333 16.3333 3.2 16.8C4.125 17.7333 5.63333 17.7333 6.55833 16.8L11 12.3666C11.2667 12.0916 11.65 11.9583 12.0333 12.0167C13.05 12.1667 14.175 11.9916 15.2417 11.35C15.875 10.975 16.4083 10.4416 16.775 9.81664C17.675 8.33331 17.6583 6.74164 17.15 5.46664ZM5.01667 15.8333C4.55834 15.8333 4.18334 15.4583 4.18334 15C4.18334 14.5416 4.55 14.1666 5.00833 14.1666H5.01667C5.475 14.1666 5.85 14.5416 5.85 15C5.85 15.4583 5.475 15.8333 5.01667 15.8333Z",
|
|
18
|
+
fill: color
|
|
19
|
+
})
|
|
20
|
+
});
|
|
21
|
+
export default Tool;
|
|
22
|
+
//# sourceMappingURL=Tool.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","Svg","Path","jsx","_jsx","Tool","size","color","style","width","height","viewBox","fill","children","d"],"sourceRoot":"../../../../src","sources":["Icon/icons/Tool.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQ7C,MAAMC,IAAqB,GAAGA,CAAC;EAAEC,IAAI,GAAG,EAAE;EAAEC,KAAK,GAAG,SAAS;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,83BAA83B;IACh4BF,IAAI,EAAEL;EAAM,CACb;AAAC,CACC,CACN;AAED,eAAeF,IAAI","ignoreList":[]}
|
|
@@ -0,0 +1,28 @@
|
|
|
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 UserEdit = ({
|
|
7
|
+
size = 24,
|
|
8
|
+
color = '#000',
|
|
9
|
+
style
|
|
10
|
+
}) => /*#__PURE__*/_jsxs(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: "M6.00903 6.5C6.00903 4.294 7.80303 2.5 10.009 2.5C12.215 2.5 14.009 4.294 14.009 6.5C14.009 8.706 12.215 10.5 10.009 10.5C7.80303 10.5 6.00903 8.706 6.00903 6.5ZM16.057 14.1801C16.057 14.0681 15.9571 13.9689 15.9301 13.9399C15.0601 13.0799 13.79 12.5 12 12.5H8C3.94 12.5 2.5 15.47 2.5 18.02C2.5 20.3 3.71 21.5 6 21.5H11.2C11.28 21.5 11.36 21.47 11.41 21.41C11.46 21.36 11.5 21.2749 11.5 21.1949V19.5C11.5 19.1 11.6599 18.7199 11.9399 18.4399L15.97 14.39C16.02 14.34 16.057 14.2601 16.057 14.1801Z",
|
|
18
|
+
fill: color
|
|
19
|
+
}), /*#__PURE__*/_jsx(Path, {
|
|
20
|
+
d: "M13 22V19.501L17.519 14.9621L20.038 17.481L15.499 22H13Z",
|
|
21
|
+
fill: color
|
|
22
|
+
}), /*#__PURE__*/_jsx(Path, {
|
|
23
|
+
d: "M20.588 13.292L21.708 14.412C22.097 14.802 22.097 15.4321 21.707 15.8211L20.7371 16.781L18.218 14.262L19.178 13.292C19.568 12.902 20.198 12.902 20.588 13.292Z",
|
|
24
|
+
fill: color
|
|
25
|
+
})]
|
|
26
|
+
});
|
|
27
|
+
export default UserEdit;
|
|
28
|
+
//# sourceMappingURL=UserEdit.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","Svg","Path","jsx","_jsx","jsxs","_jsxs","UserEdit","size","color","style","width","height","viewBox","fill","children","d"],"sourceRoot":"../../../../src","sources":["Icon/icons/UserEdit.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,kfAAkf;IACpfF,IAAI,EAAEL;EAAM,CACb,CAAC,eACFL,IAAA,CAACF,IAAI;IACHc,CAAC,EAAC,0DAA0D;IAC5DF,IAAI,EAAEL;EAAM,CACb,CAAC,eACFL,IAAA,CAACF,IAAI;IACHc,CAAC,EAAC,gKAAgK;IAClKF,IAAI,EAAEL;EAAM,CACb,CAAC;AAAA,CACC,CACN;AAED,eAAeF,QAAQ","ignoreList":[]}
|
package/lib/module/Tab/README.md
CHANGED
|
@@ -89,19 +89,20 @@ Setiap tab dibungkus dalam `ScrollView` vertikal, sehingga bisa discroll ke bawa
|
|
|
89
89
|
|
|
90
90
|
### `TabProps`
|
|
91
91
|
|
|
92
|
-
| Properti | Tipe | Keterangan
|
|
93
|
-
| -------------- | ------------------------- |
|
|
94
|
-
| `children` | `React.ReactNode` | Daftar elemen `<TabItem />`
|
|
95
|
-
| `current?` | `number` | Indeks tab aktif (default: 0)
|
|
96
|
-
| `onChangeTab?` | `(index: number) => void` | Callback saat tab berpindah
|
|
97
|
-
| `renderHeader` | `React.ReactElement`
|
|
92
|
+
| Properti | Tipe | Keterangan |
|
|
93
|
+
| -------------- | ------------------------- | ---------------------------------- |
|
|
94
|
+
| `children` | `React.ReactNode` | Daftar elemen `<TabItem />` |
|
|
95
|
+
| `current?` | `number` | Indeks tab aktif (default: 0) |
|
|
96
|
+
| `onChangeTab?` | `(index: number) => void` | Callback saat tab berpindah |
|
|
97
|
+
| `renderHeader` | `React.ReactElement` | tambahan react element di atas tab |
|
|
98
98
|
|
|
99
99
|
### `TabItemProps`
|
|
100
100
|
|
|
101
|
-
| Properti
|
|
102
|
-
|
|
|
103
|
-
| `name`
|
|
104
|
-
| `
|
|
101
|
+
| Properti | Tipe | Keterangan |
|
|
102
|
+
| --------------- | ------------------------------------------------------- | --------------------------------------------------------------------------------------------------- |
|
|
103
|
+
| `name` | `string` | Label/nama tab yang akan ditampilkan. Wajib diisi jika renderTabName tidak digunakan. |
|
|
104
|
+
| `renderTabName` | `(props: { isActive: boolean; }) => React.ReactElement` | Fungsi untuk me-render custom label/tab menggunakan komponen sendiri. Wajib diisi jika name kosong. |
|
|
105
|
+
| `component` | `React.ComponentType` | Komponen yang akan dirender di tab |
|
|
105
106
|
|
|
106
107
|
---
|
|
107
108
|
|
package/lib/module/Tab/Tab.js
CHANGED
|
@@ -15,6 +15,7 @@ const Tab = ({
|
|
|
15
15
|
const items = Children.toArray(children).filter(isValidElement);
|
|
16
16
|
const [activeIndex, setActiveIndex] = useState(current);
|
|
17
17
|
const pagerRef = useRef(null);
|
|
18
|
+
const currentHeight = items[activeIndex]?.props?.height ?? 0;
|
|
18
19
|
useEffect(() => {
|
|
19
20
|
setActiveIndex(current);
|
|
20
21
|
pagerRef.current?.setPageWithoutAnimation(current);
|
|
@@ -35,9 +36,7 @@ const Tab = ({
|
|
|
35
36
|
children: /*#__PURE__*/_jsxs(ScrollView, {
|
|
36
37
|
stickyHeaderIndices: [renderHeader ? 1 : 0] // bikin tabBar sticky
|
|
37
38
|
,
|
|
38
|
-
contentContainerStyle:
|
|
39
|
-
flexGrow: 1
|
|
40
|
-
},
|
|
39
|
+
contentContainerStyle: styles.scrollViewContainer,
|
|
41
40
|
children: [renderHeader ? renderHeader : null, /*#__PURE__*/_jsx(ScrollView, {
|
|
42
41
|
horizontal: true,
|
|
43
42
|
showsHorizontalScrollIndicator: false,
|
|
@@ -46,36 +45,37 @@ const Tab = ({
|
|
|
46
45
|
style: styles.tabBar,
|
|
47
46
|
children: items.map((item, index) => {
|
|
48
47
|
const isActive = index === activeIndex;
|
|
49
|
-
return /*#__PURE__*/
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
48
|
+
return /*#__PURE__*/_jsxs(React.Fragment, {
|
|
49
|
+
children: [!item.props.renderTabName && /*#__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
|
+
}), item.props.renderTabName && /*#__PURE__*/_jsx(Pressable, {
|
|
60
|
+
onPress: () => handleHeaderPress(index),
|
|
61
|
+
children: item.props.renderTabName({
|
|
62
|
+
isActive
|
|
63
|
+
})
|
|
64
|
+
})]
|
|
59
65
|
}, index);
|
|
60
66
|
})
|
|
61
67
|
})
|
|
62
|
-
}), /*#__PURE__*/_jsx(
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
children:
|
|
72
|
-
|
|
73
|
-
style: {
|
|
74
|
-
flex: 1
|
|
75
|
-
},
|
|
76
|
-
children: item?.props?.children
|
|
77
|
-
}, index))
|
|
78
|
-
})
|
|
68
|
+
}), /*#__PURE__*/_jsx(PagerView, {
|
|
69
|
+
ref: pagerRef,
|
|
70
|
+
style: [styles.pager, {
|
|
71
|
+
height: currentHeight || 800
|
|
72
|
+
}],
|
|
73
|
+
initialPage: current,
|
|
74
|
+
onPageSelected: e => updateActive(e.nativeEvent.position),
|
|
75
|
+
children: items.map((item, index) => /*#__PURE__*/_jsx(View, {
|
|
76
|
+
collapsable: false,
|
|
77
|
+
children: item?.props?.children
|
|
78
|
+
}, index))
|
|
79
79
|
})]
|
|
80
80
|
})
|
|
81
81
|
});
|
|
@@ -111,7 +111,11 @@ const styles = StyleSheet.create({
|
|
|
111
111
|
},
|
|
112
112
|
pager: {
|
|
113
113
|
flex: 1,
|
|
114
|
-
minHeight: 800
|
|
114
|
+
minHeight: 800,
|
|
115
|
+
marginBottom: 10
|
|
116
|
+
},
|
|
117
|
+
scrollViewContainer: {
|
|
118
|
+
flexGrow: 1
|
|
115
119
|
}
|
|
116
120
|
});
|
|
117
121
|
//# sourceMappingURL=Tab.js.map
|
|
@@ -1 +1 @@
|
|
|
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","
|
|
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","currentHeight","props","height","setPageWithoutAnimation","updateActive","index","handleHeaderPress","setPage","length","style","styles","container","stickyHeaderIndices","contentContainerStyle","scrollViewContainer","horizontal","showsHorizontalScrollIndicator","tabBarWrapper","tabBar","map","item","isActive","Fragment","renderTabName","tabButton","tabActive","tabInactive","onPress","center","variant","weight","color","base","white100","gray","name","ref","pager","initialPage","onPageSelected","e","nativeEvent","position","collapsable","create","flex","backgroundColor","borderRadius","flexDirection","padding","paddingVertical","paddingHorizontal","justifyContent","alignItems","marginRight","primary","minHeight","marginBottom","flexGrow"],"sourceRoot":"../../../src","sources":["Tab/Tab.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -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;AAyIvD,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAa7B,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Bolt.d.ts","sourceRoot":"","sources":["../../../../../src/Icon/icons/Bolt.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,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAOzB,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BoltSlash.d.ts","sourceRoot":"","sources":["../../../../../src/Icon/icons/BoltSlash.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":"CalendarEdit.d.ts","sourceRoot":"","sources":["../../../../../src/Icon/icons/CalendarEdit.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,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAWjC,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ImagePlus.d.ts","sourceRoot":"","sources":["../../../../../src/Icon/icons/ImagePlus.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,CAa9B,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"InfoCircleOutline.d.ts","sourceRoot":"","sources":["../../../../../src/Icon/icons/InfoCircleOutline.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,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAWtC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../../../src/Icon/icons/Tag.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,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAOxB,CAAC;AAEF,eAAe,GAAG,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tool.d.ts","sourceRoot":"","sources":["../../../../../src/Icon/icons/Tool.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,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAOzB,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"UserEdit.d.ts","sourceRoot":"","sources":["../../../../../src/Icon/icons/UserEdit.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,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAe7B,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { type ViewStyle } from 'react-native';
|
|
2
|
-
export type IconNameProps = 'Search' | 'User' | 'Eye' | 'EyeOpen' | 'ArrowRight' | 'ArrowLeft' | 'Document' | 'Calendar' | 'ExclamationMark' | 'Download' | 'x-circle' | 'StickyNote' | 'RadioButton' | 'Pdf' | 'ArrowBackAlt' | 'ArrowForwardAlt' | 'ArrowDown' | 'ArrowUp' | 'Check' | 'Filter' | 'AirPlane' | 'Camera' | 'Image' | 'Times' | 'Plus' | 'Minus' | 'Bell' | 'file-list-check' | 'file-text' | 'bookmark-user' | 'folder-clock' | 'home-fill' | 'home-outline' | 'user-circle-outline' | 'user-circle-fill' | 'clipboard-list-check' | 'clipboard-list' | 'Megaphone' | 'Scanner' | 'Clock' | 'clock-outline' | 'clipboard-list-check-outline' | 'box-outline' | 'Box' | 'plus-square' | 'at-sign' | 'briefcase-outline' | 'edit-square-outline' | 'globe-earth' | 'lock-fill' | 'logo-herca-hris' | 'question-circle-outline' | 'shield-fill' | 'Users' | 'Bold' | 'Italic' | 'UnderLine' | 'settings-slider' | 'location-pin-fill' | 'discount-fill' | 'rotate-square-fill' | 'copy-fill' | 'copy-text-fill' | 'shield-checked-fill' | 'whatsapp-fill';
|
|
2
|
+
export type IconNameProps = 'Search' | 'User' | 'Eye' | 'EyeOpen' | 'ArrowRight' | 'ArrowLeft' | 'Document' | 'Calendar' | 'ExclamationMark' | 'Download' | 'x-circle' | 'StickyNote' | 'RadioButton' | 'Pdf' | 'ArrowBackAlt' | 'ArrowForwardAlt' | 'ArrowDown' | 'ArrowUp' | 'Check' | 'Filter' | 'AirPlane' | 'Camera' | 'Image' | 'Times' | 'Plus' | 'Minus' | 'Bell' | 'file-list-check' | 'file-text' | 'bookmark-user' | 'folder-clock' | 'home-fill' | 'home-outline' | 'user-circle-outline' | 'user-circle-fill' | 'clipboard-list-check' | 'clipboard-list' | 'Megaphone' | 'Scanner' | 'Clock' | 'clock-outline' | 'clipboard-list-check-outline' | 'box-outline' | 'Box' | 'plus-square' | 'at-sign' | 'briefcase-outline' | 'edit-square-outline' | 'globe-earth' | 'lock-fill' | 'logo-herca-hris' | 'question-circle-outline' | 'shield-fill' | 'Users' | 'Bold' | 'Italic' | 'UnderLine' | 'settings-slider' | 'location-pin-fill' | 'discount-fill' | 'rotate-square-fill' | 'copy-fill' | 'copy-text-fill' | 'shield-checked-fill' | 'calendar-edit' | 'info-circle-outline' | 'Tag' | 'Tool' | 'user-edit' | 'Bolt' | 'bolt-slash' | 'image-plus' | 'whatsapp-fill';
|
|
3
3
|
export interface IconProps {
|
|
4
4
|
name: IconNameProps;
|
|
5
5
|
size?: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../../src/Icon/type.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,MAAM,aAAa,GACrB,QAAQ,GACR,MAAM,GACN,KAAK,GACL,SAAS,GACT,YAAY,GACZ,WAAW,GACX,UAAU,GACV,UAAU,GACV,iBAAiB,GACjB,UAAU,GACV,UAAU,GACV,YAAY,GACZ,aAAa,GACb,KAAK,GACL,cAAc,GACd,iBAAiB,GACjB,WAAW,GACX,SAAS,GACT,OAAO,GACP,QAAQ,GACR,UAAU,GACV,QAAQ,GACR,OAAO,GACP,OAAO,GACP,MAAM,GACN,OAAO,GACP,MAAM,GACN,iBAAiB,GACjB,WAAW,GACX,eAAe,GACf,cAAc,GACd,WAAW,GACX,cAAc,GACd,qBAAqB,GACrB,kBAAkB,GAClB,sBAAsB,GACtB,gBAAgB,GAChB,WAAW,GACX,SAAS,GACT,OAAO,GACP,eAAe,GACf,8BAA8B,GAC9B,aAAa,GACb,KAAK,GACL,aAAa,GACb,SAAS,GACT,mBAAmB,GACnB,qBAAqB,GACrB,aAAa,GACb,WAAW,GACX,iBAAiB,GACjB,yBAAyB,GACzB,aAAa,GACb,OAAO,GACP,MAAM,GACN,QAAQ,GACR,WAAW,GACX,iBAAiB,GACjB,mBAAmB,GACnB,eAAe,GACf,oBAAoB,GACpB,WAAW,GACX,gBAAgB,GAChB,qBAAqB,GACrB,eAAe,CAAC;AAEpB,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,aAAa,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB"}
|
|
1
|
+
{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../../src/Icon/type.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,MAAM,aAAa,GACrB,QAAQ,GACR,MAAM,GACN,KAAK,GACL,SAAS,GACT,YAAY,GACZ,WAAW,GACX,UAAU,GACV,UAAU,GACV,iBAAiB,GACjB,UAAU,GACV,UAAU,GACV,YAAY,GACZ,aAAa,GACb,KAAK,GACL,cAAc,GACd,iBAAiB,GACjB,WAAW,GACX,SAAS,GACT,OAAO,GACP,QAAQ,GACR,UAAU,GACV,QAAQ,GACR,OAAO,GACP,OAAO,GACP,MAAM,GACN,OAAO,GACP,MAAM,GACN,iBAAiB,GACjB,WAAW,GACX,eAAe,GACf,cAAc,GACd,WAAW,GACX,cAAc,GACd,qBAAqB,GACrB,kBAAkB,GAClB,sBAAsB,GACtB,gBAAgB,GAChB,WAAW,GACX,SAAS,GACT,OAAO,GACP,eAAe,GACf,8BAA8B,GAC9B,aAAa,GACb,KAAK,GACL,aAAa,GACb,SAAS,GACT,mBAAmB,GACnB,qBAAqB,GACrB,aAAa,GACb,WAAW,GACX,iBAAiB,GACjB,yBAAyB,GACzB,aAAa,GACb,OAAO,GACP,MAAM,GACN,QAAQ,GACR,WAAW,GACX,iBAAiB,GACjB,mBAAmB,GACnB,eAAe,GACf,oBAAoB,GACpB,WAAW,GACX,gBAAgB,GAChB,qBAAqB,GACrB,eAAe,GACf,qBAAqB,GACrB,KAAK,GACL,MAAM,GACN,WAAW,GACX,MAAM,GACN,YAAY,GACZ,YAAY,GACZ,eAAe,CAAC;AAEpB,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,aAAa,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../../src/Tab/Tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AAKf,OAAO,KAAK,EAAgB,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAErD,QAAA,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,
|
|
1
|
+
{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../../src/Tab/Tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AAKf,OAAO,KAAK,EAAgB,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAErD,QAAA,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAwG3B,CAAC;AAEF,eAAe,GAAG,CAAC"}
|
|
@@ -1,8 +1,17 @@
|
|
|
1
1
|
import React, { type ReactElement } from 'react';
|
|
2
|
-
export
|
|
2
|
+
export type TabItemProps = {
|
|
3
3
|
name: string | number;
|
|
4
4
|
children: React.ReactElement<any>;
|
|
5
|
-
|
|
5
|
+
height?: number;
|
|
6
|
+
renderTabName?: never;
|
|
7
|
+
} | {
|
|
8
|
+
name?: string | number;
|
|
9
|
+
children: React.ReactElement<any>;
|
|
10
|
+
height?: number;
|
|
11
|
+
renderTabName: (props: {
|
|
12
|
+
isActive: boolean;
|
|
13
|
+
}) => React.ReactElement;
|
|
14
|
+
};
|
|
6
15
|
export interface TabProps {
|
|
7
16
|
children: ReactElement<TabItemProps> | ReactElement<TabItemProps>[];
|
|
8
17
|
current?: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../../src/Tab/type.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAEjD,MAAM,
|
|
1
|
+
{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../../src/Tab/type.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAEjD,MAAM,MAAM,YAAY,GACpB;IACE,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;IAClC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,KAAK,CAAC;CACvB,GACD;IACE,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;IAClC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,CAAC,KAAK,EAAE;QAAE,QAAQ,EAAE,OAAO,CAAA;KAAE,KAAK,KAAK,CAAC,YAAY,CAAC;CACrE,CAAC;AAEN,MAAM,WAAW,QAAQ;IACvB,QAAQ,EAAE,YAAY,CAAC,YAAY,CAAC,GAAG,YAAY,CAAC,YAAY,CAAC,EAAE,CAAC;IACpE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAClC,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;CAChC"}
|
package/package.json
CHANGED
package/src/Icon/Icon.tsx
CHANGED
|
@@ -66,6 +66,14 @@ import DiscountFill from './icons/DiscountFill';
|
|
|
66
66
|
import CopyFill from './icons/CopyFill';
|
|
67
67
|
import CopyTextFill from './icons/CopyTextFill';
|
|
68
68
|
import ShieldCheckedFill from './icons/ShieldFillChecked';
|
|
69
|
+
import CalendarEdit from './icons/CalendarEdit';
|
|
70
|
+
import InfoCircleOutline from './icons/InfoCircleOutline';
|
|
71
|
+
import Tag from './icons/Tag';
|
|
72
|
+
import Tool from './icons/Tool';
|
|
73
|
+
import UserEdit from './icons/UserEdit';
|
|
74
|
+
import ImagePlus from './icons/ImagePlus';
|
|
75
|
+
import Bolt from './icons/Bolt';
|
|
76
|
+
import BoltSlash from './icons/BoltSlash';
|
|
69
77
|
|
|
70
78
|
const icons: Record<
|
|
71
79
|
IconNameProps,
|
|
@@ -136,6 +144,14 @@ const icons: Record<
|
|
|
136
144
|
'copy-fill': CopyFill,
|
|
137
145
|
'copy-text-fill': CopyTextFill,
|
|
138
146
|
'shield-checked-fill': ShieldCheckedFill,
|
|
147
|
+
'calendar-edit': CalendarEdit,
|
|
148
|
+
'info-circle-outline': InfoCircleOutline,
|
|
149
|
+
'user-edit': UserEdit,
|
|
150
|
+
'Tag': Tag,
|
|
151
|
+
'Tool': Tool,
|
|
152
|
+
'Bolt': Bolt,
|
|
153
|
+
'bolt-slash': BoltSlash,
|
|
154
|
+
'image-plus': ImagePlus,
|
|
139
155
|
};
|
|
140
156
|
|
|
141
157
|
const Icon: React.FC<IconProps> = ({
|
package/src/Icon/README.md
CHANGED
|
@@ -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 Bolt: 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.3841 9.42599C18.1471 8.85499 17.6161 8.5 16.9981 8.5L14.1411 8.57001L15.8571 4.59399C16.0581 4.12899 16.0111 3.59799 15.7331 3.17599C15.4551 2.75299 14.9861 2.5 14.4801 2.5H10.0001C9.16211 2.5 8.46711 3.024 8.19511 3.843L5.57811 10.525C5.42311 10.988 5.4981 11.48 5.7841 11.876C6.0701 12.272 6.51312 12.5 7.00212 12.5L9.8261 12.434L6.94109 20.838C6.86609 21.058 6.95209 21.301 7.14909 21.424C7.23109 21.475 7.32211 21.5 7.41411 21.5C7.54311 21.5 7.67111 21.45 7.76811 21.354L18.0601 11.061C18.4961 10.624 18.6201 9.99699 18.3841 9.42599Z"
|
|
14
|
+
fill={color}
|
|
15
|
+
/>
|
|
16
|
+
</Svg>
|
|
17
|
+
);
|
|
18
|
+
|
|
19
|
+
export default Bolt;
|
|
@@ -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 BoltSlash: 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="M19.5058 9.99299C19.5108 10.393 19.3538 10.773 19.0638 11.063L8.76376 21.353C8.66676 21.45 8.53875 21.499 8.40975 21.499C8.31875 21.499 8.2268 21.474 8.1448 21.423C7.9478 21.3 7.86179 21.057 7.93679 20.837L8.67678 18.687C8.70078 18.615 8.7418 18.55 8.7958 18.496L18.3458 8.94599C18.5378 8.75499 18.8468 8.75099 19.0428 8.93699C19.3318 9.20899 19.4998 9.59499 19.5058 9.99299ZM21.5298 2.46999C21.2368 2.17699 20.7618 2.17699 20.4688 2.46999L15.7278 7.21099L16.8588 4.60099C17.0588 4.13099 17.0088 3.601 16.7288 3.171C16.4488 2.751 15.9788 2.501 15.4788 2.501H10.9998C10.1498 2.501 9.45978 3.03099 9.18978 3.85099L6.56979 10.531C6.42979 10.991 6.50976 11.491 6.78976 11.881C7.07976 12.281 7.51978 12.501 7.99978 12.501L10.4918 12.448L2.46877 20.471C2.17577 20.764 2.17577 21.239 2.46877 21.532C2.61477 21.678 2.8068 21.752 2.9988 21.752C3.1908 21.752 3.38277 21.679 3.52877 21.532L21.5288 3.53199C21.8228 3.23799 21.8228 2.76199 21.5298 2.46999Z"
|
|
14
|
+
fill={color}
|
|
15
|
+
/>
|
|
16
|
+
</Svg>
|
|
17
|
+
);
|
|
18
|
+
|
|
19
|
+
export default BoltSlash;
|
|
@@ -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 CalendarEdit: React.FC<Props> = ({
|
|
11
|
+
size = 24,
|
|
12
|
+
color = '#000',
|
|
13
|
+
style,
|
|
14
|
+
}) => (
|
|
15
|
+
<Svg width={size} height={size} viewBox="0 0 24 24" fill="none" style={style}>
|
|
16
|
+
<Path
|
|
17
|
+
d="M20.7 9.75H3.30005C3.13405 9.75 3 9.88405 3 10.05V18C3 20 4 21 6 21H18C20 21 21 20 21 18V10.05C21 9.88405 20.866 9.75 20.7 9.75ZM10.3311 18.75H8.25098V16.6699L11.9609 12.9399L14.061 15.04L10.3311 18.75ZM15.5 13.5991L14.76 14.3391L12.6599 12.239L13.3999 11.499C13.7199 11.169 14.2501 11.169 14.5801 11.489L15.51 12.4189C15.831 12.7499 15.831 13.2791 15.5 13.5991ZM21 7.5V7.94995C21 8.11595 20.866 8.25 20.7 8.25H3.30005C3.13405 8.25 3 8.11595 3 7.94995V7.5C3 5.5 4 4.5 6 4.5H7.25V3C7.25 2.59 7.59 2.25 8 2.25C8.41 2.25 8.75 2.59 8.75 3V4.5H15.25V3C15.25 2.59 15.59 2.25 16 2.25C16.41 2.25 16.75 2.59 16.75 3V4.5H18C20 4.5 21 5.5 21 7.5Z"
|
|
18
|
+
fill={color}
|
|
19
|
+
/>
|
|
20
|
+
</Svg>
|
|
21
|
+
);
|
|
22
|
+
|
|
23
|
+
export default CalendarEdit;
|
|
@@ -0,0 +1,25 @@
|
|
|
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 ImagePlus: React.FC<Props> = ({ size = 24, color = '#000', style }) => (
|
|
11
|
+
<Svg
|
|
12
|
+
width={size + 1}
|
|
13
|
+
height={size}
|
|
14
|
+
viewBox="0 0 25 24"
|
|
15
|
+
fill="none"
|
|
16
|
+
style={style}
|
|
17
|
+
>
|
|
18
|
+
<Path
|
|
19
|
+
d="M22.25 11V17C22.25 19.418 20.918 20.75 18.5 20.75H6.5C4.082 20.75 2.75 19.418 2.75 17V7C2.75 4.582 4.082 3.25 6.5 3.25H13.5C13.914 3.25 14.25 3.586 14.25 4C14.25 4.414 13.914 4.75 13.5 4.75H6.5C4.923 4.75 4.25 5.423 4.25 7V16.25L6.79004 13.71C7.18004 13.32 7.81996 13.32 8.20996 13.71L9.15002 14.6499C9.34002 14.8399 9.65998 14.8399 9.84998 14.6499L14.79 9.70996C15.18 9.31996 15.82 9.31996 16.21 9.70996L20.75 14.25V11C20.75 10.586 21.086 10.25 21.5 10.25C21.914 10.25 22.25 10.586 22.25 11ZM8.49304 7.75C7.80404 7.75 7.25 8.31 7.25 9C7.25 9.69 7.81395 10.25 8.50195 10.25C9.19095 10.25 9.75 9.69 9.75 9C9.75 8.31 9.19195 7.75 8.50195 7.75H8.49304ZM17.5 5.75H18.75V7C18.75 7.414 19.086 7.75 19.5 7.75C19.914 7.75 20.25 7.414 20.25 7V5.75H21.5C21.914 5.75 22.25 5.414 22.25 5C22.25 4.586 21.914 4.25 21.5 4.25H20.25V3C20.25 2.586 19.914 2.25 19.5 2.25C19.086 2.25 18.75 2.586 18.75 3V4.25H17.5C17.086 4.25 16.75 4.586 16.75 5C16.75 5.414 17.086 5.75 17.5 5.75Z"
|
|
20
|
+
fill={color}
|
|
21
|
+
/>
|
|
22
|
+
</Svg>
|
|
23
|
+
);
|
|
24
|
+
|
|
25
|
+
export default ImagePlus;
|
|
@@ -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 InfoCircleOutline: 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="M9.99984 18.9584C5.05984 18.9584 1.0415 14.9401 1.0415 10.0001C1.0415 5.06008 5.05984 1.04175 9.99984 1.04175C14.9398 1.04175 18.9582 5.06008 18.9582 10.0001C18.9582 14.9401 14.9398 18.9584 9.99984 18.9584ZM9.99984 2.29175C5.749 2.29175 2.2915 5.74925 2.2915 10.0001C2.2915 14.2509 5.749 17.7084 9.99984 17.7084C14.2507 17.7084 17.7082 14.2509 17.7082 10.0001C17.7082 5.74925 14.2507 2.29175 9.99984 2.29175ZM10.6248 13.7501V9.94088C10.6248 9.59588 10.3448 9.31588 9.99984 9.31588C9.65484 9.31588 9.37484 9.59588 9.37484 9.94088V13.7501C9.37484 14.0951 9.65484 14.3751 9.99984 14.3751C10.3448 14.3751 10.6248 14.0951 10.6248 13.7501ZM10.8499 7.08342C10.8499 6.62341 10.4774 6.25008 10.0165 6.25008H10.0082C9.54818 6.25008 9.17892 6.62341 9.17892 7.08342C9.17892 7.54342 9.55652 7.91675 10.0165 7.91675C10.4765 7.91675 10.8499 7.54342 10.8499 7.08342Z"
|
|
18
|
+
fill={color}
|
|
19
|
+
/>
|
|
20
|
+
</Svg>
|
|
21
|
+
);
|
|
22
|
+
|
|
23
|
+
export default InfoCircleOutline;
|
|
@@ -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 Tag: 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="M19.96 15.21L15.2 19.98C13.83 21.34 12.4201 21.34 11.0601 19.98L10.256 19.167C10.139 19.05 10.139 18.86 10.256 18.743L18.7321 10.267C18.8491 10.15 19.039 10.15 19.156 10.267L19.959 11.07C21.37 12.48 21.32 13.84 19.96 15.21ZM17.698 9.23199L9.22205 17.708C9.10505 17.825 8.91497 17.825 8.79797 17.708L3.85999 12.77C3.30899 12.219 3 11.473 3 10.694V4.95001C3 3.87301 3.87295 3 4.94995 3H10.687C11.465 3 12.211 3.30899 12.76 3.85999L17.698 8.80798C17.815 8.92498 17.815 9.11499 17.698 9.23199ZM8 7C8 6.448 7.55395 6 7.00195 6H6.99194C6.44194 6 5.99902 6.448 5.99902 7C5.99902 7.552 6.45098 8 7.00098 8C7.55398 8 8 7.552 8 7Z"
|
|
14
|
+
fill={color}
|
|
15
|
+
/>
|
|
16
|
+
</Svg>
|
|
17
|
+
);
|
|
18
|
+
|
|
19
|
+
export default Tag;
|
|
@@ -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 Tool: React.FC<Props> = ({ size = 24, color = '#909090', style }) => (
|
|
11
|
+
<Svg width={size} height={size} viewBox="0 0 20 20" fill="none" style={style}>
|
|
12
|
+
<Path
|
|
13
|
+
d="M17.15 5.46664L15.3333 7.2833C14.85 7.7583 14.0583 7.75832 13.575 7.27498L12.725 6.42497C12.2417 5.94163 12.2417 5.14996 12.725 4.67496L14.5333 2.84998C13.2583 2.34165 11.675 2.32496 10.1917 3.21663C9.59166 3.57496 9.08333 4.05831 8.725 4.64165C8.7 4.67498 8.675 4.70832 8.65833 4.74998C8.00833 5.82498 7.83333 6.94997 7.98334 7.96664C8.04167 8.34997 7.90834 8.7333 7.63334 8.99996L3.2 13.4416C2.73333 13.9 2.5 14.5167 2.5 15.1167C2.5 15.7333 2.73333 16.3333 3.2 16.8C4.125 17.7333 5.63333 17.7333 6.55833 16.8L11 12.3666C11.2667 12.0916 11.65 11.9583 12.0333 12.0167C13.05 12.1667 14.175 11.9916 15.2417 11.35C15.875 10.975 16.4083 10.4416 16.775 9.81664C17.675 8.33331 17.6583 6.74164 17.15 5.46664ZM5.01667 15.8333C4.55834 15.8333 4.18334 15.4583 4.18334 15C4.18334 14.5416 4.55 14.1666 5.00833 14.1666H5.01667C5.475 14.1666 5.85 14.5416 5.85 15C5.85 15.4583 5.475 15.8333 5.01667 15.8333Z"
|
|
14
|
+
fill={color}
|
|
15
|
+
/>
|
|
16
|
+
</Svg>
|
|
17
|
+
);
|
|
18
|
+
|
|
19
|
+
export default Tool;
|
|
@@ -0,0 +1,27 @@
|
|
|
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 UserEdit: 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="M6.00903 6.5C6.00903 4.294 7.80303 2.5 10.009 2.5C12.215 2.5 14.009 4.294 14.009 6.5C14.009 8.706 12.215 10.5 10.009 10.5C7.80303 10.5 6.00903 8.706 6.00903 6.5ZM16.057 14.1801C16.057 14.0681 15.9571 13.9689 15.9301 13.9399C15.0601 13.0799 13.79 12.5 12 12.5H8C3.94 12.5 2.5 15.47 2.5 18.02C2.5 20.3 3.71 21.5 6 21.5H11.2C11.28 21.5 11.36 21.47 11.41 21.41C11.46 21.36 11.5 21.2749 11.5 21.1949V19.5C11.5 19.1 11.6599 18.7199 11.9399 18.4399L15.97 14.39C16.02 14.34 16.057 14.2601 16.057 14.1801Z"
|
|
14
|
+
fill={color}
|
|
15
|
+
/>
|
|
16
|
+
<Path
|
|
17
|
+
d="M13 22V19.501L17.519 14.9621L20.038 17.481L15.499 22H13Z"
|
|
18
|
+
fill={color}
|
|
19
|
+
/>
|
|
20
|
+
<Path
|
|
21
|
+
d="M20.588 13.292L21.708 14.412C22.097 14.802 22.097 15.4321 21.707 15.8211L20.7371 16.781L18.218 14.262L19.178 13.292C19.568 12.902 20.198 12.902 20.588 13.292Z"
|
|
22
|
+
fill={color}
|
|
23
|
+
/>
|
|
24
|
+
</Svg>
|
|
25
|
+
);
|
|
26
|
+
|
|
27
|
+
export default UserEdit;
|
package/src/Icon/type.tsx
CHANGED
|
@@ -67,6 +67,14 @@ export type IconNameProps =
|
|
|
67
67
|
| 'copy-fill'
|
|
68
68
|
| 'copy-text-fill'
|
|
69
69
|
| 'shield-checked-fill'
|
|
70
|
+
| 'calendar-edit'
|
|
71
|
+
| 'info-circle-outline'
|
|
72
|
+
| 'Tag'
|
|
73
|
+
| 'Tool'
|
|
74
|
+
| 'user-edit'
|
|
75
|
+
| 'Bolt'
|
|
76
|
+
| 'bolt-slash'
|
|
77
|
+
| 'image-plus'
|
|
70
78
|
| 'whatsapp-fill';
|
|
71
79
|
|
|
72
80
|
export interface IconProps {
|
package/src/Tab/README.md
CHANGED
|
@@ -89,19 +89,20 @@ Setiap tab dibungkus dalam `ScrollView` vertikal, sehingga bisa discroll ke bawa
|
|
|
89
89
|
|
|
90
90
|
### `TabProps`
|
|
91
91
|
|
|
92
|
-
| Properti | Tipe | Keterangan
|
|
93
|
-
| -------------- | ------------------------- |
|
|
94
|
-
| `children` | `React.ReactNode` | Daftar elemen `<TabItem />`
|
|
95
|
-
| `current?` | `number` | Indeks tab aktif (default: 0)
|
|
96
|
-
| `onChangeTab?` | `(index: number) => void` | Callback saat tab berpindah
|
|
97
|
-
| `renderHeader` | `React.ReactElement`
|
|
92
|
+
| Properti | Tipe | Keterangan |
|
|
93
|
+
| -------------- | ------------------------- | ---------------------------------- |
|
|
94
|
+
| `children` | `React.ReactNode` | Daftar elemen `<TabItem />` |
|
|
95
|
+
| `current?` | `number` | Indeks tab aktif (default: 0) |
|
|
96
|
+
| `onChangeTab?` | `(index: number) => void` | Callback saat tab berpindah |
|
|
97
|
+
| `renderHeader` | `React.ReactElement` | tambahan react element di atas tab |
|
|
98
98
|
|
|
99
99
|
### `TabItemProps`
|
|
100
100
|
|
|
101
|
-
| Properti
|
|
102
|
-
|
|
|
103
|
-
| `name`
|
|
104
|
-
| `
|
|
101
|
+
| Properti | Tipe | Keterangan |
|
|
102
|
+
| --------------- | ------------------------------------------------------- | --------------------------------------------------------------------------------------------------- |
|
|
103
|
+
| `name` | `string` | Label/nama tab yang akan ditampilkan. Wajib diisi jika renderTabName tidak digunakan. |
|
|
104
|
+
| `renderTabName` | `(props: { isActive: boolean; }) => React.ReactElement` | Fungsi untuk me-render custom label/tab menggunakan komponen sendiri. Wajib diisi jika name kosong. |
|
|
105
|
+
| `component` | `React.ComponentType` | Komponen yang akan dirender di tab |
|
|
105
106
|
|
|
106
107
|
---
|
|
107
108
|
|
package/src/Tab/Tab.tsx
CHANGED
|
@@ -24,6 +24,7 @@ const Tab: React.FC<TabProps> = ({
|
|
|
24
24
|
|
|
25
25
|
const [activeIndex, setActiveIndex] = useState<number>(current);
|
|
26
26
|
const pagerRef = useRef<PagerView>(null);
|
|
27
|
+
const currentHeight = items[activeIndex]?.props?.height ?? 0;
|
|
27
28
|
|
|
28
29
|
useEffect(() => {
|
|
29
30
|
setActiveIndex(current);
|
|
@@ -51,7 +52,7 @@ const Tab: React.FC<TabProps> = ({
|
|
|
51
52
|
<View style={styles.container}>
|
|
52
53
|
<ScrollView
|
|
53
54
|
stickyHeaderIndices={[renderHeader ? 1 : 0]} // bikin tabBar sticky
|
|
54
|
-
contentContainerStyle={
|
|
55
|
+
contentContainerStyle={styles.scrollViewContainer}
|
|
55
56
|
>
|
|
56
57
|
{/* Header */}
|
|
57
58
|
{renderHeader ? renderHeader : null}
|
|
@@ -66,43 +67,52 @@ const Tab: React.FC<TabProps> = ({
|
|
|
66
67
|
{items.map((item, index) => {
|
|
67
68
|
const isActive = index === activeIndex;
|
|
68
69
|
return (
|
|
69
|
-
<
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
70
|
+
<React.Fragment key={index}>
|
|
71
|
+
{!item.props.renderTabName && (
|
|
72
|
+
<Pressable
|
|
73
|
+
style={[
|
|
74
|
+
styles.tabButton,
|
|
75
|
+
isActive ? styles.tabActive : styles.tabInactive,
|
|
76
|
+
]}
|
|
77
|
+
onPress={() => handleHeaderPress(index)}
|
|
78
|
+
>
|
|
79
|
+
<Typography
|
|
80
|
+
center
|
|
81
|
+
variant="t2"
|
|
82
|
+
weight="semibold"
|
|
83
|
+
color={isActive ? Color.base.white100 : Color.gray[700]}
|
|
84
|
+
>
|
|
85
|
+
{item.props.name}
|
|
86
|
+
</Typography>
|
|
87
|
+
</Pressable>
|
|
88
|
+
)}
|
|
89
|
+
|
|
90
|
+
{item.props.renderTabName && (
|
|
91
|
+
<Pressable onPress={() => handleHeaderPress(index)}>
|
|
92
|
+
{item.props.renderTabName({
|
|
93
|
+
isActive,
|
|
94
|
+
})}
|
|
95
|
+
</Pressable>
|
|
96
|
+
)}
|
|
97
|
+
</React.Fragment>
|
|
86
98
|
);
|
|
87
99
|
})}
|
|
88
100
|
</View>
|
|
89
101
|
</ScrollView>
|
|
90
102
|
|
|
91
103
|
{/* Konten */}
|
|
92
|
-
<
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
{
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
</PagerView>
|
|
105
|
-
</View>
|
|
104
|
+
<PagerView
|
|
105
|
+
ref={pagerRef}
|
|
106
|
+
style={[styles.pager, { height: currentHeight || 800 }]}
|
|
107
|
+
initialPage={current}
|
|
108
|
+
onPageSelected={(e) => updateActive(e.nativeEvent.position)}
|
|
109
|
+
>
|
|
110
|
+
{items.map((item, index) => (
|
|
111
|
+
<View key={index} collapsable={false}>
|
|
112
|
+
{item?.props?.children}
|
|
113
|
+
</View>
|
|
114
|
+
))}
|
|
115
|
+
</PagerView>
|
|
106
116
|
</ScrollView>
|
|
107
117
|
</View>
|
|
108
118
|
);
|
|
@@ -131,5 +141,6 @@ const styles = StyleSheet.create({
|
|
|
131
141
|
},
|
|
132
142
|
tabActive: { backgroundColor: Color.primary[1000] },
|
|
133
143
|
tabInactive: { backgroundColor: Color.gray[100] },
|
|
134
|
-
pager: { flex: 1, minHeight: 800 },
|
|
144
|
+
pager: { flex: 1, minHeight: 800, marginBottom: 10 },
|
|
145
|
+
scrollViewContainer: { flexGrow: 1 },
|
|
135
146
|
});
|
package/src/Tab/type.tsx
CHANGED
|
@@ -1,9 +1,19 @@
|
|
|
1
1
|
import React, { type ReactElement } from 'react';
|
|
2
2
|
|
|
3
|
-
export
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
3
|
+
export type TabItemProps =
|
|
4
|
+
| {
|
|
5
|
+
name: string | number;
|
|
6
|
+
children: React.ReactElement<any>;
|
|
7
|
+
height?: number;
|
|
8
|
+
renderTabName?: never;
|
|
9
|
+
}
|
|
10
|
+
| {
|
|
11
|
+
name?: string | number;
|
|
12
|
+
children: React.ReactElement<any>;
|
|
13
|
+
height?: number;
|
|
14
|
+
renderTabName: (props: { isActive: boolean }) => React.ReactElement;
|
|
15
|
+
};
|
|
16
|
+
|
|
7
17
|
export interface TabProps {
|
|
8
18
|
children: ReactElement<TabItemProps> | ReactElement<TabItemProps>[];
|
|
9
19
|
current?: number;
|