@grupalia/rn-ui-kit 0.4.0 → 0.5.0
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/commonjs/components/BaseButton.js +5 -5
- package/lib/commonjs/components/BaseButton.js.map +1 -1
- package/lib/commonjs/components/BaseHorizontalTabs.js +11 -9
- package/lib/commonjs/components/BaseHorizontalTabs.js.map +1 -1
- package/lib/module/components/BaseButton.js +5 -5
- package/lib/module/components/BaseButton.js.map +1 -1
- package/lib/module/components/BaseHorizontalTabs.js +11 -9
- package/lib/module/components/BaseHorizontalTabs.js.map +1 -1
- package/lib/typescript/commonjs/components/BaseHorizontalTabs.d.ts +2 -2
- package/lib/typescript/commonjs/components/BaseHorizontalTabs.d.ts.map +1 -1
- package/lib/typescript/module/components/BaseHorizontalTabs.d.ts +2 -2
- package/lib/typescript/module/components/BaseHorizontalTabs.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/BaseButton.tsx +5 -5
- package/src/components/BaseHorizontalTabs.tsx +13 -17
|
@@ -49,11 +49,11 @@ function BaseButton({
|
|
|
49
49
|
};
|
|
50
50
|
}, [countdownSecs, disabled]);
|
|
51
51
|
const sizeClasses = {
|
|
52
|
-
xs: 'rounded-md h-7',
|
|
53
|
-
sm: 'rounded-md h-8',
|
|
54
|
-
md: 'rounded-lg h-9',
|
|
55
|
-
lg: 'rounded-lg h-10',
|
|
56
|
-
xl: 'rounded-lg h-11'
|
|
52
|
+
xs: 'rounded-md h-7 px-4',
|
|
53
|
+
sm: 'rounded-md h-8 px-4',
|
|
54
|
+
md: 'rounded-lg h-9 px-5',
|
|
55
|
+
lg: 'rounded-lg h-10 px-5',
|
|
56
|
+
xl: 'rounded-lg h-11 px-6'
|
|
57
57
|
};
|
|
58
58
|
const iconOnlyClasses = {
|
|
59
59
|
xs: 'rounded-md h-8 w-8',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_clsx","_interopRequireDefault","require","_nativewind","_react","_hocComponents","_BaseIcon","_jsxRuntime","e","__esModule","default","BaseButton","variant","size","text","loading","disabled","destructive","leftIcon","rightIcon","hitSlop","countdownSecs","props","timer","setTimer","React","useState","isDisabled","setIsDisabled","useEffect","intervalId","setInterval","prevTimer","clearInterval","Boolean","sizeClasses","xs","sm","md","lg","xl","iconOnlyClasses","containerClasses","primary","secondary","tertiary","textColorClasses","textSizeClasses","iconSizes","buttonState","isIconOnly","buttonStyles","clsx","textStyles","iconColors","spinnerColorMap","spinnerColor","jsxs","Pressable","className","children","View","jsx","icon","color","Text","ActivityIndicator","style","position","top","left","right","bottom","justifyContent","alignItems","_default","exports","styled"],"sourceRoot":"../../../src","sources":["components/BaseButton.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAH,sBAAA,CAAAC,OAAA;AAGA,IAAAG,cAAA,GAAAH,OAAA;AAGA,IAAAI,SAAA,GAAAL,sBAAA,CAAAC,OAAA;AAAkC,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAgBlC,SAASG,UAAUA,CAAC;EAClBC,OAAO,GAAG,SAAS;EACnBC,IAAI,GAAG,IAAI;EACXC,IAAI,GAAG,EAAE;EACTC,OAAO,GAAG,KAAK;EACfC,QAAQ,GAAG,KAAK;EAChBC,WAAW,GAAG,KAAK;EACnBC,QAAQ,GAAG,IAAI;EACfC,SAAS,GAAG,IAAI;EAChBC,OAAO,GAAG,CAAC;EACXC,aAAa,GAAG,CAAC;EACjB,GAAGC;AACQ,CAAC,EAAE;EACd,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGC,cAAK,CAACC,QAAQ,CAACL,aAAa,CAAC;EACvD,MAAM,CAACM,UAAU,EAAEC,aAAa,CAAC,GAAGH,cAAK,CAACC,QAAQ,CAACV,QAAQ,IAAIK,aAAa,GAAG,CAAC,CAAC;EAEjFI,cAAK,CAACI,SAAS,CAAC,MAAM;IACpB,IAAIC,UAA0B;IAC9B,IAAIT,aAAa,GAAG,CAAC,EAAE;MACrBO,aAAa,CAAC,IAAI,CAAC;MACnBJ,QAAQ,CAACH,aAAa,CAAC;MACvBS,UAAU,GAAGC,WAAW,CAAC,MAAM;QAC7BP,QAAQ,CAAEQ,SAAiB,IAAK;UAC9B,IAAIA,SAAS,IAAI,CAAC,EAAE;YAClBC,aAAa,CAACH,UAAU,CAAC;YACzBF,aAAa,CAACM,OAAO,CAAClB,QAAQ,CAAC,CAAC;YAChC,OAAO,CAAC;UACV;UACA,OAAOgB,SAAS,GAAG,CAAC;QACtB,CAAC,CAAC;MACJ,CAAC,EAAE,IAAI,CAAC;IACV,CAAC,MAAM;MACLJ,aAAa,CAACM,OAAO,CAAClB,QAAQ,CAAC,CAAC;IAClC;IACA,OAAO,MAAM;MACX,IAAIc,UAAU,EAAEG,aAAa,CAACH,UAAU,CAAC;IAC3C,CAAC;EACH,CAAC,EAAE,CAACT,aAAa,EAAEL,QAAQ,CAAC,CAAC;EAE7B,MAAMmB,WAAW,GAAG;IAClBC,EAAE,EAAE,
|
|
1
|
+
{"version":3,"names":["_clsx","_interopRequireDefault","require","_nativewind","_react","_hocComponents","_BaseIcon","_jsxRuntime","e","__esModule","default","BaseButton","variant","size","text","loading","disabled","destructive","leftIcon","rightIcon","hitSlop","countdownSecs","props","timer","setTimer","React","useState","isDisabled","setIsDisabled","useEffect","intervalId","setInterval","prevTimer","clearInterval","Boolean","sizeClasses","xs","sm","md","lg","xl","iconOnlyClasses","containerClasses","primary","secondary","tertiary","textColorClasses","textSizeClasses","iconSizes","buttonState","isIconOnly","buttonStyles","clsx","textStyles","iconColors","spinnerColorMap","spinnerColor","jsxs","Pressable","className","children","View","jsx","icon","color","Text","ActivityIndicator","style","position","top","left","right","bottom","justifyContent","alignItems","_default","exports","styled"],"sourceRoot":"../../../src","sources":["components/BaseButton.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -19,10 +19,9 @@ function BaseHorizontalTabs({
|
|
|
19
19
|
selectedTab: controlledSelectedTab,
|
|
20
20
|
onTabChange,
|
|
21
21
|
variant = 'button-brand',
|
|
22
|
-
fullWidth = false,
|
|
23
22
|
select = false,
|
|
24
23
|
unmountHiddenTabs = false,
|
|
25
|
-
|
|
24
|
+
style
|
|
26
25
|
}) {
|
|
27
26
|
const [internalSelectedTab, setInternalSelectedTab] = (0, _react.useState)(defaultTab || tabs[0]?.id);
|
|
28
27
|
const selectedTab = controlledSelectedTab || internalSelectedTab;
|
|
@@ -69,9 +68,9 @@ function BaseHorizontalTabs({
|
|
|
69
68
|
switch (variant) {
|
|
70
69
|
case 'button-brand':
|
|
71
70
|
case 'button-gray':
|
|
72
|
-
return
|
|
71
|
+
return 'flex-row space-x-1';
|
|
73
72
|
case 'underline':
|
|
74
|
-
return
|
|
73
|
+
return 'flex-row space-x-3 border-b border-tertiary';
|
|
75
74
|
case 'button-border':
|
|
76
75
|
return 'flex-row space-x-0.5 bg-secondary_alt p-1 rounded-lg border border-secondary';
|
|
77
76
|
case 'button-minimal':
|
|
@@ -86,7 +85,7 @@ function BaseHorizontalTabs({
|
|
|
86
85
|
value: tab.id
|
|
87
86
|
}));
|
|
88
87
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_hocComponents.View, {
|
|
89
|
-
|
|
88
|
+
style: style,
|
|
90
89
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseSelect.default, {
|
|
91
90
|
value: selectedTab,
|
|
92
91
|
onChange: handleTabSelect,
|
|
@@ -102,16 +101,19 @@ function BaseHorizontalTabs({
|
|
|
102
101
|
});
|
|
103
102
|
}
|
|
104
103
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_hocComponents.View, {
|
|
105
|
-
className:
|
|
104
|
+
className: "flex w-full flex-col items-center",
|
|
105
|
+
style: style,
|
|
106
106
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_hocComponents.ScrollView, {
|
|
107
107
|
horizontal: true,
|
|
108
108
|
showsHorizontalScrollIndicator: false,
|
|
109
|
-
|
|
109
|
+
contentContainerStyle: {
|
|
110
|
+
alignSelf: 'center'
|
|
111
|
+
},
|
|
110
112
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_hocComponents.View, {
|
|
111
113
|
className: getContainerStyles(),
|
|
112
114
|
children: tabs.map(tab => /*#__PURE__*/(0, _jsxRuntime.jsx)(_hocComponents.Pressable, {
|
|
113
115
|
onPress: () => handleTabSelect(tab.id),
|
|
114
|
-
className:
|
|
116
|
+
className: getTabStyles(tab.id === selectedTab),
|
|
115
117
|
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_hocComponents.View, {
|
|
116
118
|
className: "flex-row items-center space-x-2",
|
|
117
119
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_hocComponents.Text, {
|
|
@@ -126,7 +128,7 @@ function BaseHorizontalTabs({
|
|
|
126
128
|
}, tab.id))
|
|
127
129
|
})
|
|
128
130
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_hocComponents.View, {
|
|
129
|
-
className: "mt-
|
|
131
|
+
className: "mt-10 w-full",
|
|
130
132
|
children: unmountHiddenTabs ? selectedTabContent : tabs.map(tab => /*#__PURE__*/(0, _jsxRuntime.jsx)(_hocComponents.View, {
|
|
131
133
|
className: (0, _clsx.default)(tab.id === selectedTab ? 'flex' : 'hidden'),
|
|
132
134
|
children: tab.content
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_clsx","_interopRequireDefault","require","_nativewind","_react","_interopRequireWildcard","_hocComponents","_BaseBadge","_BaseSelect","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","BaseHorizontalTabs","tabs","defaultTab","selectedTab","controlledSelectedTab","onTabChange","variant","
|
|
1
|
+
{"version":3,"names":["_clsx","_interopRequireDefault","require","_nativewind","_react","_interopRequireWildcard","_hocComponents","_BaseBadge","_BaseSelect","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","BaseHorizontalTabs","tabs","defaultTab","selectedTab","controlledSelectedTab","onTabChange","variant","select","unmountHiddenTabs","style","internalSelectedTab","setInternalSelectedTab","useState","id","handleTabSelect","tabId","undefined","selectedTabContent","find","tab","content","getTabStyles","isActive","baseStyles","clsx","getTextStyles","getContainerStyles","selectOptions","map","label","badge","value","jsxs","View","children","jsx","onChange","options","placeholder","className","ScrollView","horizontal","showsHorizontalScrollIndicator","contentContainerStyle","alignSelf","Pressable","onPress","Text","text","String","size","_default","exports","styled"],"sourceRoot":"../../../src","sources":["components/BaseHorizontalTabs.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -44,11 +44,11 @@ function BaseButton({
|
|
|
44
44
|
};
|
|
45
45
|
}, [countdownSecs, disabled]);
|
|
46
46
|
const sizeClasses = {
|
|
47
|
-
xs: 'rounded-md h-7',
|
|
48
|
-
sm: 'rounded-md h-8',
|
|
49
|
-
md: 'rounded-lg h-9',
|
|
50
|
-
lg: 'rounded-lg h-10',
|
|
51
|
-
xl: 'rounded-lg h-11'
|
|
47
|
+
xs: 'rounded-md h-7 px-4',
|
|
48
|
+
sm: 'rounded-md h-8 px-4',
|
|
49
|
+
md: 'rounded-lg h-9 px-5',
|
|
50
|
+
lg: 'rounded-lg h-10 px-5',
|
|
51
|
+
xl: 'rounded-lg h-11 px-6'
|
|
52
52
|
};
|
|
53
53
|
const iconOnlyClasses = {
|
|
54
54
|
xs: 'rounded-md h-8 w-8',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["clsx","styled","React","Pressable","Text","View","ActivityIndicator","BaseIcon","jsx","_jsx","jsxs","_jsxs","BaseButton","variant","size","text","loading","disabled","destructive","leftIcon","rightIcon","hitSlop","countdownSecs","props","timer","setTimer","useState","isDisabled","setIsDisabled","useEffect","intervalId","setInterval","prevTimer","clearInterval","Boolean","sizeClasses","xs","sm","md","lg","xl","iconOnlyClasses","containerClasses","primary","default","secondary","tertiary","textColorClasses","textSizeClasses","iconSizes","buttonState","isIconOnly","buttonStyles","textStyles","iconColors","spinnerColorMap","spinnerColor","className","children","icon","color","style","position","top","left","right","bottom","justifyContent","alignItems"],"sourceRoot":"../../../src","sources":["components/BaseButton.tsx"],"mappings":";;AAAA,OAAOA,IAAI,MAAM,MAAM;AACvB,SAASC,MAAM,QAAQ,YAAY;AACnC,OAAOC,KAAK,MAAM,OAAO;AAGzB,SACEC,SAAS,EAAEC,IAAI,EAAEC,IAAI,EAAEC,iBAAiB,QACnC,sBAAmB;AAC1B,OAAOC,QAAQ,MAAM,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAgBlC,SAASC,UAAUA,CAAC;EAClBC,OAAO,GAAG,SAAS;EACnBC,IAAI,GAAG,IAAI;EACXC,IAAI,GAAG,EAAE;EACTC,OAAO,GAAG,KAAK;EACfC,QAAQ,GAAG,KAAK;EAChBC,WAAW,GAAG,KAAK;EACnBC,QAAQ,GAAG,IAAI;EACfC,SAAS,GAAG,IAAI;EAChBC,OAAO,GAAG,CAAC;EACXC,aAAa,GAAG,CAAC;EACjB,GAAGC;AACQ,CAAC,EAAE;EACd,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGvB,KAAK,CAACwB,QAAQ,CAACJ,aAAa,CAAC;EACvD,MAAM,CAACK,UAAU,EAAEC,aAAa,CAAC,GAAG1B,KAAK,CAACwB,QAAQ,CAACT,QAAQ,IAAIK,aAAa,GAAG,CAAC,CAAC;EAEjFpB,KAAK,CAAC2B,SAAS,CAAC,MAAM;IACpB,IAAIC,UAA0B;IAC9B,IAAIR,aAAa,GAAG,CAAC,EAAE;MACrBM,aAAa,CAAC,IAAI,CAAC;MACnBH,QAAQ,CAACH,aAAa,CAAC;MACvBQ,UAAU,GAAGC,WAAW,CAAC,MAAM;QAC7BN,QAAQ,CAAEO,SAAiB,IAAK;UAC9B,IAAIA,SAAS,IAAI,CAAC,EAAE;YAClBC,aAAa,CAACH,UAAU,CAAC;YACzBF,aAAa,CAACM,OAAO,CAACjB,QAAQ,CAAC,CAAC;YAChC,OAAO,CAAC;UACV;UACA,OAAOe,SAAS,GAAG,CAAC;QACtB,CAAC,CAAC;MACJ,CAAC,EAAE,IAAI,CAAC;IACV,CAAC,MAAM;MACLJ,aAAa,CAACM,OAAO,CAACjB,QAAQ,CAAC,CAAC;IAClC;IACA,OAAO,MAAM;MACX,IAAIa,UAAU,EAAEG,aAAa,CAACH,UAAU,CAAC;IAC3C,CAAC;EACH,CAAC,EAAE,CAACR,aAAa,EAAEL,QAAQ,CAAC,CAAC;EAE7B,MAAMkB,WAAW,GAAG;IAClBC,EAAE,EAAE,
|
|
1
|
+
{"version":3,"names":["clsx","styled","React","Pressable","Text","View","ActivityIndicator","BaseIcon","jsx","_jsx","jsxs","_jsxs","BaseButton","variant","size","text","loading","disabled","destructive","leftIcon","rightIcon","hitSlop","countdownSecs","props","timer","setTimer","useState","isDisabled","setIsDisabled","useEffect","intervalId","setInterval","prevTimer","clearInterval","Boolean","sizeClasses","xs","sm","md","lg","xl","iconOnlyClasses","containerClasses","primary","default","secondary","tertiary","textColorClasses","textSizeClasses","iconSizes","buttonState","isIconOnly","buttonStyles","textStyles","iconColors","spinnerColorMap","spinnerColor","className","children","icon","color","style","position","top","left","right","bottom","justifyContent","alignItems"],"sourceRoot":"../../../src","sources":["components/BaseButton.tsx"],"mappings":";;AAAA,OAAOA,IAAI,MAAM,MAAM;AACvB,SAASC,MAAM,QAAQ,YAAY;AACnC,OAAOC,KAAK,MAAM,OAAO;AAGzB,SACEC,SAAS,EAAEC,IAAI,EAAEC,IAAI,EAAEC,iBAAiB,QACnC,sBAAmB;AAC1B,OAAOC,QAAQ,MAAM,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAgBlC,SAASC,UAAUA,CAAC;EAClBC,OAAO,GAAG,SAAS;EACnBC,IAAI,GAAG,IAAI;EACXC,IAAI,GAAG,EAAE;EACTC,OAAO,GAAG,KAAK;EACfC,QAAQ,GAAG,KAAK;EAChBC,WAAW,GAAG,KAAK;EACnBC,QAAQ,GAAG,IAAI;EACfC,SAAS,GAAG,IAAI;EAChBC,OAAO,GAAG,CAAC;EACXC,aAAa,GAAG,CAAC;EACjB,GAAGC;AACQ,CAAC,EAAE;EACd,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGvB,KAAK,CAACwB,QAAQ,CAACJ,aAAa,CAAC;EACvD,MAAM,CAACK,UAAU,EAAEC,aAAa,CAAC,GAAG1B,KAAK,CAACwB,QAAQ,CAACT,QAAQ,IAAIK,aAAa,GAAG,CAAC,CAAC;EAEjFpB,KAAK,CAAC2B,SAAS,CAAC,MAAM;IACpB,IAAIC,UAA0B;IAC9B,IAAIR,aAAa,GAAG,CAAC,EAAE;MACrBM,aAAa,CAAC,IAAI,CAAC;MACnBH,QAAQ,CAACH,aAAa,CAAC;MACvBQ,UAAU,GAAGC,WAAW,CAAC,MAAM;QAC7BN,QAAQ,CAAEO,SAAiB,IAAK;UAC9B,IAAIA,SAAS,IAAI,CAAC,EAAE;YAClBC,aAAa,CAACH,UAAU,CAAC;YACzBF,aAAa,CAACM,OAAO,CAACjB,QAAQ,CAAC,CAAC;YAChC,OAAO,CAAC;UACV;UACA,OAAOe,SAAS,GAAG,CAAC;QACtB,CAAC,CAAC;MACJ,CAAC,EAAE,IAAI,CAAC;IACV,CAAC,MAAM;MACLJ,aAAa,CAACM,OAAO,CAACjB,QAAQ,CAAC,CAAC;IAClC;IACA,OAAO,MAAM;MACX,IAAIa,UAAU,EAAEG,aAAa,CAACH,UAAU,CAAC;IAC3C,CAAC;EACH,CAAC,EAAE,CAACR,aAAa,EAAEL,QAAQ,CAAC,CAAC;EAE7B,MAAMkB,WAAW,GAAG;IAClBC,EAAE,EAAE,qBAAqB;IACzBC,EAAE,EAAE,qBAAqB;IACzBC,EAAE,EAAE,qBAAqB;IACzBC,EAAE,EAAE,sBAAsB;IAC1BC,EAAE,EAAE;EACN,CAAC;EAED,MAAMC,eAAe,GAAG;IACtBL,EAAE,EAAE,oBAAoB;IACxBC,EAAE,EAAE,oBAAoB;IACxBC,EAAE,EAAE,sBAAsB;IAC1BC,EAAE,EAAE,sBAAsB;IAC1BC,EAAE,EAAE;EACN,CAAC;EAED,MAAME,gBAAgB,GAAG;IACvBC,OAAO,EAAE;MACPC,OAAO,EAAE1B,WAAW,GAAG,gBAAgB,GAAG,gBAAgB;MAC1DD,QAAQ,EAAE,2CAA2C;MACrDD,OAAO,EAAEE,WAAW,GAAG,gBAAgB,GAAG;IAC5C,CAAC;IACD2B,SAAS,EAAE;MACTD,OAAO,EAAE1B,WAAW,GAAG,uCAAuC,GAAG,kCAAkC;MACnGD,QAAQ,EAAE,0CAA0C;MACpDD,OAAO,EAAEE,WAAW,GAAG,6CAA6C,GAAG;IACzE,CAAC;IACD4B,QAAQ,EAAE;MACRF,OAAO,EAAE,gBAAgB;MACzB3B,QAAQ,EAAE,gBAAgB;MAC1BD,OAAO,EAAEE,WAAW,GAAG,kBAAkB,GAAG;IAC9C,CAAC;IACD,YAAY,EAAE;MACZ0B,OAAO,EAAE,gBAAgB;MACzB3B,QAAQ,EAAE,gBAAgB;MAC1BD,OAAO,EAAE;IACX,CAAC;IACD,WAAW,EAAE;MACX4B,OAAO,EAAE,gBAAgB;MACzB3B,QAAQ,EAAE,gBAAgB;MAC1BD,OAAO,EAAE;IACX;EACF,CAAC;EAED,MAAM+B,gBAAgB,GAAG;IACvBJ,OAAO,EAAE;MACPC,OAAO,EAAE,YAAY;MACrB3B,QAAQ,EAAE,eAAe;MACzBD,OAAO,EAAE;IACX,CAAC;IACD6B,SAAS,EAAE;MACTD,OAAO,EAAE1B,WAAW,GAAG,YAAY,GAAG,gBAAgB;MACtDD,QAAQ,EAAE,eAAe;MACzBD,OAAO,EAAEE,WAAW,GAAG,oBAAoB,GAAG;IAChD,CAAC;IACD4B,QAAQ,EAAE;MACRF,OAAO,EAAE1B,WAAW,GAAG,YAAY,GAAG,eAAe;MACrDD,QAAQ,EAAE,eAAe;MACzBD,OAAO,EAAEE,WAAW,GAAG,oBAAoB,GAAG;IAChD,CAAC;IACD,YAAY,EAAE;MACZ0B,OAAO,EAAE1B,WAAW,GAAG,YAAY,GAAG,qBAAqB;MAC3DD,QAAQ,EAAE,eAAe;MACzBD,OAAO,EAAEE,WAAW,GAAG,YAAY,GAAG;IACxC,CAAC;IACD,WAAW,EAAE;MACX0B,OAAO,EAAE1B,WAAW,GAAG,YAAY,GAAG,eAAe;MACrDD,QAAQ,EAAE,eAAe;MACzBD,OAAO,EAAEE,WAAW,GAAG,YAAY,GAAG;IACxC;EACF,CAAC;EAED,MAAM8B,eAAe,GAAG;IACtBZ,EAAE,EAAE,SAAS;IACbC,EAAE,EAAE,SAAS;IACbC,EAAE,EAAE,SAAS;IACbC,EAAE,EAAE,SAAS;IACbC,EAAE,EAAE;EACN,CAAC;EAED,MAAMS,SAAS,GAAG;IAChBb,EAAE,EAAE,EAAE;IACNC,EAAE,EAAE,EAAE;IACNC,EAAE,EAAE,EAAE;IACNC,EAAE,EAAE,EAAE;IACNC,EAAE,EAAE;EACN,CAAC;EAED,IAAIU,WAA+C,GAAG,SAAS;EAC/D,IAAIlC,OAAO,EAAE;IACXkC,WAAW,GAAG,SAAS;EACzB,CAAC,MAAM,IAAIvB,UAAU,EAAE;IACrBuB,WAAW,GAAG,UAAU;EAC1B;EAEA,MAAMC,UAAU,GAAG,CAACpC,IAAI,KAAKI,QAAQ,IAAIC,SAAS,CAAC;EAEnD,MAAMgC,YAAY,GAAGpD,IAAI,CACvB,2CAA2C,EAC3CmD,UAAU,GAAGV,eAAe,CAAC3B,IAAI,CAAC,GAAGqB,WAAW,CAACrB,IAAI,CAAC,EACtD4B,gBAAgB,CAAC7B,OAAO,CAAC,CAACqC,WAAW,CACvC,CAAC;EAED,MAAMG,UAAU,GAAGrD,IAAI,CACrB,aAAa,EACbgD,eAAe,CAAClC,IAAI,CAAC,EACrBiC,gBAAgB,CAAClC,OAAO,CAAC,CAACqC,WAAW,CACvC,CAAC;EAED,MAAMI,UAAU,GAAG;IACjBX,OAAO,EAAE;MACPC,OAAO,EAAE,UAAU;MACnB3B,QAAQ,EAAE,aAAa;MACvBD,OAAO,EAAE;IACX,CAAC;IACD6B,SAAS,EAAE;MACTD,OAAO,EAAE,cAAc;MACvB3B,QAAQ,EAAE,aAAa;MACvBD,OAAO,EAAE;IACX,CAAC;IACD8B,QAAQ,EAAE;MACRF,OAAO,EAAE,aAAa;MACtB3B,QAAQ,EAAE,aAAa;MACvBD,OAAO,EAAE;IACX,CAAC;IACD,YAAY,EAAE;MACZ4B,OAAO,EAAE,kBAAkB;MAC3B3B,QAAQ,EAAE,aAAa;MACvBD,OAAO,EAAE;IACX,CAAC;IACD,WAAW,EAAE;MACX4B,OAAO,EAAE,cAAc;MACvB3B,QAAQ,EAAE,aAAa;MACvBD,OAAO,EAAE;IACX;EACF,CAAC;EAED,MAAMuC,eAAe,GAAG;IACtBZ,OAAO,EAAE;MACPC,OAAO,EAAE,MAAM;MACf3B,QAAQ,EAAE,SAAS;MAAE;MACrBD,OAAO,EAAE;IACX,CAAC;IACD6B,SAAS,EAAE;MACTD,OAAO,EAAE1B,WAAW,GAAG,SAAS,GAAG,SAAS;MAC5CD,QAAQ,EAAE,SAAS;MAAE;MACrBD,OAAO,EAAEE,WAAW,GAAG,SAAS,GAAG;IACrC,CAAC;IACD4B,QAAQ,EAAE;MACRF,OAAO,EAAE1B,WAAW,GAAG,SAAS,GAAG,SAAS;MAC5CD,QAAQ,EAAE,SAAS;MAAE;MACrBD,OAAO,EAAEE,WAAW,GAAG,SAAS,GAAG;IACrC,CAAC;IACD,YAAY,EAAE;MACZ0B,OAAO,EAAE1B,WAAW,GAAG,SAAS,GAAG,SAAS;MAC5CD,QAAQ,EAAE,SAAS;MAAE;MACrBD,OAAO,EAAEE,WAAW,GAAG,SAAS,GAAG;IACrC,CAAC;IACD,WAAW,EAAE;MACX0B,OAAO,EAAE1B,WAAW,GAAG,SAAS,GAAG,SAAS;MAC5CD,QAAQ,EAAE,SAAS;MAAE;MACrBD,OAAO,EAAEE,WAAW,GAAG,SAAS,GAAG;IACrC;EACF,CAAC;EAED,IAAIsC,YAAY,GAAG,MAAM;EACzB,IAAIN,WAAW,KAAK,UAAU,EAAE;IAC9BM,YAAY,GAAGD,eAAe,CAAC1C,OAAO,CAAC,CAACI,QAAQ;EAClD,CAAC,MAAM,IAAIiC,WAAW,KAAK,SAAS,EAAE;IACpCM,YAAY,GAAGD,eAAe,CAAC1C,OAAO,CAAC,CAACG,OAAO;EACjD,CAAC,MAAM;IACLwC,YAAY,GAAGD,eAAe,CAAC1C,OAAO,CAAC,CAAC+B,OAAO;EACjD;EAEA,oBACEjC,KAAA,CAACR,SAAS;IACRc,QAAQ,EAAEU,UAAU,IAAIX,OAAQ;IAChCyC,SAAS,EAAEL,YAAa;IACxB/B,OAAO,EAAEA,OAAQ;IAAA,GACbE,KAAK;IAAAmC,QAAA,gBAET/C,KAAA,CAACN,IAAI;MAACoD,SAAS,EAAEzD,IAAI,CAAC,2CAA2C,EAAEgB,OAAO,IAAI,WAAW,CAAE;MAAA0C,QAAA,GACxFvC,QAAQ,iBACPV,IAAA,CAACF,QAAQ;QACPoD,IAAI,EAAExC,QAAS;QACfL,IAAI,EAAEmC,SAAS,CAACnC,IAAI,CAAE;QACtB8C,KAAK,EAAEN,UAAU,CAACzC,OAAO,CAAC,CAACqC,WAAW,CAAqB;QAC3DO,SAAS,EAAC;MAAQ,CACnB,CACF,EACA1C,IAAI,iBACHJ,KAAA,CAACP,IAAI;QAACqD,SAAS,EAAEJ,UAAW;QAAAK,QAAA,GACzB3C,IAAI,EACJS,KAAK,GAAG,CAAC,GAAG,KAAKA,KAAK,GAAG,GAAG,EAAE;MAAA,CAC3B,CACP,EACAJ,SAAS,iBACRX,IAAA,CAACF,QAAQ;QACPoD,IAAI,EAAEvC,SAAU;QAChBN,IAAI,EAAEmC,SAAS,CAACnC,IAAI,CAAE;QACtB8C,KAAK,EAAEN,UAAU,CAACzC,OAAO,CAAC,CAACqC,WAAW,CAAqB;QAC3DO,SAAS,EAAC;MAAQ,CACnB,CACF;IAAA,CACG,CAAC,EACNzC,OAAO,iBACNP,IAAA,CAACH,iBAAiB;MAChBQ,IAAI,EAAC,OAAO;MACZ8C,KAAK,EAAEJ,YAAa;MACpBK,KAAK,EAAE;QACLC,QAAQ,EAAE,UAAU;QACpBC,GAAG,EAAE,CAAC;QACNC,IAAI,EAAE,CAAC;QACPC,KAAK,EAAE,CAAC;QACRC,MAAM,EAAE,CAAC;QACTC,cAAc,EAAE,QAAQ;QACxBC,UAAU,EAAE;MACd;IAAE,CACH,CACF;EAAA,CACQ,CAAC;AAEhB;AAEA,eAAenE,MAAM,CAACW,UAAU,CAAC","ignoreList":[]}
|
|
@@ -13,10 +13,9 @@ function BaseHorizontalTabs({
|
|
|
13
13
|
selectedTab: controlledSelectedTab,
|
|
14
14
|
onTabChange,
|
|
15
15
|
variant = 'button-brand',
|
|
16
|
-
fullWidth = false,
|
|
17
16
|
select = false,
|
|
18
17
|
unmountHiddenTabs = false,
|
|
19
|
-
|
|
18
|
+
style
|
|
20
19
|
}) {
|
|
21
20
|
const [internalSelectedTab, setInternalSelectedTab] = useState(defaultTab || tabs[0]?.id);
|
|
22
21
|
const selectedTab = controlledSelectedTab || internalSelectedTab;
|
|
@@ -63,9 +62,9 @@ function BaseHorizontalTabs({
|
|
|
63
62
|
switch (variant) {
|
|
64
63
|
case 'button-brand':
|
|
65
64
|
case 'button-gray':
|
|
66
|
-
return
|
|
65
|
+
return 'flex-row space-x-1';
|
|
67
66
|
case 'underline':
|
|
68
|
-
return
|
|
67
|
+
return 'flex-row space-x-3 border-b border-tertiary';
|
|
69
68
|
case 'button-border':
|
|
70
69
|
return 'flex-row space-x-0.5 bg-secondary_alt p-1 rounded-lg border border-secondary';
|
|
71
70
|
case 'button-minimal':
|
|
@@ -80,7 +79,7 @@ function BaseHorizontalTabs({
|
|
|
80
79
|
value: tab.id
|
|
81
80
|
}));
|
|
82
81
|
return /*#__PURE__*/_jsxs(View, {
|
|
83
|
-
|
|
82
|
+
style: style,
|
|
84
83
|
children: [/*#__PURE__*/_jsx(BaseSelect, {
|
|
85
84
|
value: selectedTab,
|
|
86
85
|
onChange: handleTabSelect,
|
|
@@ -96,16 +95,19 @@ function BaseHorizontalTabs({
|
|
|
96
95
|
});
|
|
97
96
|
}
|
|
98
97
|
return /*#__PURE__*/_jsxs(View, {
|
|
99
|
-
className:
|
|
98
|
+
className: "flex w-full flex-col items-center",
|
|
99
|
+
style: style,
|
|
100
100
|
children: [/*#__PURE__*/_jsx(ScrollView, {
|
|
101
101
|
horizontal: true,
|
|
102
102
|
showsHorizontalScrollIndicator: false,
|
|
103
|
-
|
|
103
|
+
contentContainerStyle: {
|
|
104
|
+
alignSelf: 'center'
|
|
105
|
+
},
|
|
104
106
|
children: /*#__PURE__*/_jsx(View, {
|
|
105
107
|
className: getContainerStyles(),
|
|
106
108
|
children: tabs.map(tab => /*#__PURE__*/_jsx(Pressable, {
|
|
107
109
|
onPress: () => handleTabSelect(tab.id),
|
|
108
|
-
className:
|
|
110
|
+
className: getTabStyles(tab.id === selectedTab),
|
|
109
111
|
children: /*#__PURE__*/_jsxs(View, {
|
|
110
112
|
className: "flex-row items-center space-x-2",
|
|
111
113
|
children: [/*#__PURE__*/_jsx(Text, {
|
|
@@ -120,7 +122,7 @@ function BaseHorizontalTabs({
|
|
|
120
122
|
}, tab.id))
|
|
121
123
|
})
|
|
122
124
|
}), /*#__PURE__*/_jsx(View, {
|
|
123
|
-
className: "mt-
|
|
125
|
+
className: "mt-10 w-full",
|
|
124
126
|
children: unmountHiddenTabs ? selectedTabContent : tabs.map(tab => /*#__PURE__*/_jsx(View, {
|
|
125
127
|
className: clsx(tab.id === selectedTab ? 'flex' : 'hidden'),
|
|
126
128
|
children: tab.content
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["clsx","styled","React","useState","View","Text","ScrollView","Pressable","BaseBadge","BaseSelect","jsx","_jsx","jsxs","_jsxs","BaseHorizontalTabs","tabs","defaultTab","selectedTab","controlledSelectedTab","onTabChange","variant","
|
|
1
|
+
{"version":3,"names":["clsx","styled","React","useState","View","Text","ScrollView","Pressable","BaseBadge","BaseSelect","jsx","_jsx","jsxs","_jsxs","BaseHorizontalTabs","tabs","defaultTab","selectedTab","controlledSelectedTab","onTabChange","variant","select","unmountHiddenTabs","style","internalSelectedTab","setInternalSelectedTab","id","handleTabSelect","tabId","undefined","selectedTabContent","find","tab","content","getTabStyles","isActive","baseStyles","getTextStyles","getContainerStyles","selectOptions","map","label","badge","value","children","onChange","options","placeholder","className","horizontal","showsHorizontalScrollIndicator","contentContainerStyle","alignSelf","onPress","text","String","size"],"sourceRoot":"../../../src","sources":["components/BaseHorizontalTabs.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { ViewProps } from 'react-native';
|
|
2
3
|
export type Variant = 'button-brand' | 'underline' | 'button-gray' | 'button-border' | 'button-minimal';
|
|
3
4
|
export interface Tab {
|
|
4
5
|
id: string;
|
|
@@ -12,10 +13,9 @@ interface BaseHorizontalTabsProps {
|
|
|
12
13
|
selectedTab?: string;
|
|
13
14
|
onTabChange?: (tabId: string) => void;
|
|
14
15
|
variant?: Variant;
|
|
15
|
-
fullWidth?: boolean;
|
|
16
16
|
select?: boolean;
|
|
17
17
|
unmountHiddenTabs?: boolean;
|
|
18
|
-
|
|
18
|
+
style?: ViewProps['style'];
|
|
19
19
|
}
|
|
20
20
|
declare const _default: React.ForwardRefExoticComponent<BaseHorizontalTabsProps & {
|
|
21
21
|
className?: string | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseHorizontalTabs.d.ts","sourceRoot":"","sources":["../../../../src/components/BaseHorizontalTabs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"BaseHorizontalTabs.d.ts","sourceRoot":"","sources":["../../../../src/components/BaseHorizontalTabs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAWzC,MAAM,MAAM,OAAO,GAAG,cAAc,GAAG,WAAW,GAAG,aAAa,GAAG,eAAe,GAAG,gBAAgB,CAAC;AAExG,MAAM,WAAW,GAAG;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,UAAU,uBAAuB;IAC/B,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,KAAK,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;CAC5B;;;;;;;AAwLD,wBAA0C"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { ViewProps } from 'react-native';
|
|
2
3
|
export type Variant = 'button-brand' | 'underline' | 'button-gray' | 'button-border' | 'button-minimal';
|
|
3
4
|
export interface Tab {
|
|
4
5
|
id: string;
|
|
@@ -12,10 +13,9 @@ interface BaseHorizontalTabsProps {
|
|
|
12
13
|
selectedTab?: string;
|
|
13
14
|
onTabChange?: (tabId: string) => void;
|
|
14
15
|
variant?: Variant;
|
|
15
|
-
fullWidth?: boolean;
|
|
16
16
|
select?: boolean;
|
|
17
17
|
unmountHiddenTabs?: boolean;
|
|
18
|
-
|
|
18
|
+
style?: ViewProps['style'];
|
|
19
19
|
}
|
|
20
20
|
declare const _default: React.ForwardRefExoticComponent<BaseHorizontalTabsProps & {
|
|
21
21
|
className?: string | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseHorizontalTabs.d.ts","sourceRoot":"","sources":["../../../../src/components/BaseHorizontalTabs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"BaseHorizontalTabs.d.ts","sourceRoot":"","sources":["../../../../src/components/BaseHorizontalTabs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAWzC,MAAM,MAAM,OAAO,GAAG,cAAc,GAAG,WAAW,GAAG,aAAa,GAAG,eAAe,GAAG,gBAAgB,CAAC;AAExG,MAAM,WAAW,GAAG;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,UAAU,uBAAuB;IAC/B,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,KAAK,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;CAC5B;;;;;;;AAwLD,wBAA0C"}
|
package/package.json
CHANGED
|
@@ -62,11 +62,11 @@ function BaseButton({
|
|
|
62
62
|
}, [countdownSecs, disabled]);
|
|
63
63
|
|
|
64
64
|
const sizeClasses = {
|
|
65
|
-
xs: 'rounded-md h-7',
|
|
66
|
-
sm: 'rounded-md h-8',
|
|
67
|
-
md: 'rounded-lg h-9',
|
|
68
|
-
lg: 'rounded-lg h-10',
|
|
69
|
-
xl: 'rounded-lg h-11',
|
|
65
|
+
xs: 'rounded-md h-7 px-4',
|
|
66
|
+
sm: 'rounded-md h-8 px-4',
|
|
67
|
+
md: 'rounded-lg h-9 px-5',
|
|
68
|
+
lg: 'rounded-lg h-10 px-5',
|
|
69
|
+
xl: 'rounded-lg h-11 px-6',
|
|
70
70
|
};
|
|
71
71
|
|
|
72
72
|
const iconOnlyClasses = {
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import clsx from 'clsx';
|
|
2
2
|
import { styled } from 'nativewind';
|
|
3
3
|
import React, { useState } from 'react';
|
|
4
|
+
import { ViewProps } from 'react-native';
|
|
4
5
|
|
|
5
6
|
import {
|
|
6
7
|
View,
|
|
@@ -26,10 +27,9 @@ interface BaseHorizontalTabsProps {
|
|
|
26
27
|
selectedTab?: string;
|
|
27
28
|
onTabChange?: (tabId: string) => void;
|
|
28
29
|
variant?: Variant;
|
|
29
|
-
fullWidth?: boolean;
|
|
30
30
|
select?: boolean;
|
|
31
31
|
unmountHiddenTabs?: boolean;
|
|
32
|
-
|
|
32
|
+
style?: ViewProps['style'];
|
|
33
33
|
}
|
|
34
34
|
|
|
35
35
|
function BaseHorizontalTabs({
|
|
@@ -38,10 +38,9 @@ function BaseHorizontalTabs({
|
|
|
38
38
|
selectedTab: controlledSelectedTab,
|
|
39
39
|
onTabChange,
|
|
40
40
|
variant = 'button-brand',
|
|
41
|
-
fullWidth = false,
|
|
42
41
|
select = false,
|
|
43
42
|
unmountHiddenTabs = false,
|
|
44
|
-
|
|
43
|
+
style,
|
|
45
44
|
}: BaseHorizontalTabsProps) {
|
|
46
45
|
const [internalSelectedTab, setInternalSelectedTab] = useState(defaultTab || tabs[0]?.id);
|
|
47
46
|
const selectedTab = controlledSelectedTab || internalSelectedTab;
|
|
@@ -120,9 +119,9 @@ function BaseHorizontalTabs({
|
|
|
120
119
|
switch (variant) {
|
|
121
120
|
case 'button-brand':
|
|
122
121
|
case 'button-gray':
|
|
123
|
-
return
|
|
122
|
+
return 'flex-row space-x-1';
|
|
124
123
|
case 'underline':
|
|
125
|
-
return
|
|
124
|
+
return 'flex-row space-x-3 border-b border-tertiary';
|
|
126
125
|
case 'button-border':
|
|
127
126
|
return 'flex-row space-x-0.5 bg-secondary_alt p-1 rounded-lg border border-secondary';
|
|
128
127
|
case 'button-minimal':
|
|
@@ -139,7 +138,7 @@ function BaseHorizontalTabs({
|
|
|
139
138
|
}));
|
|
140
139
|
|
|
141
140
|
return (
|
|
142
|
-
<View
|
|
141
|
+
<View style={style}>
|
|
143
142
|
<BaseSelect
|
|
144
143
|
value={selectedTab}
|
|
145
144
|
onChange={handleTabSelect}
|
|
@@ -165,24 +164,21 @@ function BaseHorizontalTabs({
|
|
|
165
164
|
}
|
|
166
165
|
|
|
167
166
|
return (
|
|
168
|
-
<View
|
|
167
|
+
<View
|
|
168
|
+
className="flex w-full flex-col items-center"
|
|
169
|
+
style={style}
|
|
170
|
+
>
|
|
169
171
|
<ScrollView
|
|
170
172
|
horizontal
|
|
171
173
|
showsHorizontalScrollIndicator={false}
|
|
172
|
-
|
|
173
|
-
'p-0.5',
|
|
174
|
-
fullWidth && 'w-full',
|
|
175
|
-
)}
|
|
174
|
+
contentContainerStyle={{ alignSelf: 'center' }}
|
|
176
175
|
>
|
|
177
176
|
<View className={getContainerStyles()}>
|
|
178
177
|
{tabs.map((tab) => (
|
|
179
178
|
<Pressable
|
|
180
179
|
key={tab.id}
|
|
181
180
|
onPress={() => handleTabSelect(tab.id)}
|
|
182
|
-
className={
|
|
183
|
-
getTabStyles(tab.id === selectedTab),
|
|
184
|
-
fullWidth && 'flex-1',
|
|
185
|
-
)}
|
|
181
|
+
className={getTabStyles(tab.id === selectedTab)}
|
|
186
182
|
>
|
|
187
183
|
<View className="flex-row items-center space-x-2">
|
|
188
184
|
<Text className={getTextStyles(tab.id === selectedTab)}>
|
|
@@ -200,7 +196,7 @@ function BaseHorizontalTabs({
|
|
|
200
196
|
))}
|
|
201
197
|
</View>
|
|
202
198
|
</ScrollView>
|
|
203
|
-
<View className="mt-
|
|
199
|
+
<View className="mt-10 w-full">
|
|
204
200
|
{unmountHiddenTabs ? (
|
|
205
201
|
selectedTabContent
|
|
206
202
|
) : (
|