@adiraku/react-native-ui 1.2.3-canary.1 → 1.2.3-snapshot.3
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/Tabs/Tabs.component.js +1 -0
- package/lib/commonjs/components/Tabs/Tabs.component.js.map +1 -1
- package/lib/commonjs/components/rounded-tab/rounded-tab.component.js +7 -2
- package/lib/commonjs/components/rounded-tab/rounded-tab.component.js.map +1 -1
- package/lib/module/components/Tabs/Tabs.component.js +1 -0
- package/lib/module/components/Tabs/Tabs.component.js.map +1 -1
- package/lib/module/components/rounded-tab/rounded-tab.component.js +7 -2
- package/lib/module/components/rounded-tab/rounded-tab.component.js.map +1 -1
- package/lib/typescript/components/Tabs/Tabs.component.d.ts.map +1 -1
- package/lib/typescript/components/rounded-tab/rounded-tab.component.d.ts.map +1 -1
- package/lib/typescript/components/rounded-tab/rounded-tab.type.d.ts +3 -1
- package/lib/typescript/components/rounded-tab/rounded-tab.type.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/Tabs/Tabs.component.tsx +1 -0
- package/src/components/rounded-tab/rounded-tab.component.tsx +11 -2
- package/src/components/rounded-tab/rounded-tab.type.ts +3 -1
|
@@ -64,6 +64,7 @@ const Tabs = props => {
|
|
|
64
64
|
return /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
65
65
|
style: [computedStyle.container]
|
|
66
66
|
}, labels.map((label, idx) => /*#__PURE__*/React.createElement(_reactNative.TouchableOpacity, {
|
|
67
|
+
key: idx,
|
|
67
68
|
onPress: () => onTabPress(idx),
|
|
68
69
|
style: [computedStyle.tabContainer],
|
|
69
70
|
onLayout: event => onLayout(event, idx)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Tabs","props","labels","onTabPress","activeIndex","computedStyle","getStyle","labelsLayout","setLabelsLayout","React","useState","indicatorWidth","Animated","Value","indicatorOffsetX","useEffect","getActiveIndex","length","Object","keys","currentActiveIndex","indicatorOffset","i","updatedWith","timing","toValue","easing","Easing","ease","useNativeDriver","duration","start","onLayout","event","idx","width","nativeEvent","layout","container","map","label","tabContainer","bottomMarker","left"],"sourceRoot":"../../src","sources":["Tabs.component.tsx"],"mappings":"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"}
|
|
1
|
+
{"version":3,"names":["Tabs","props","labels","onTabPress","activeIndex","computedStyle","getStyle","labelsLayout","setLabelsLayout","React","useState","indicatorWidth","Animated","Value","indicatorOffsetX","useEffect","getActiveIndex","length","Object","keys","currentActiveIndex","indicatorOffset","i","updatedWith","timing","toValue","easing","Easing","ease","useNativeDriver","duration","start","onLayout","event","idx","width","nativeEvent","layout","container","map","label","tabContainer","bottomMarker","left"],"sourceRoot":"../../src","sources":["Tabs.component.tsx"],"mappings":"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"}
|
|
@@ -15,14 +15,18 @@ const RoundedTab = props => {
|
|
|
15
15
|
const {
|
|
16
16
|
data = [],
|
|
17
17
|
selectedValue = '',
|
|
18
|
-
onTabItemPress = () => null
|
|
18
|
+
onTabItemPress = () => null,
|
|
19
|
+
containerStyle,
|
|
20
|
+
contentContainerStyle
|
|
19
21
|
} = props;
|
|
20
22
|
const computedStyle = (0, _roundedTab.getStyle)(props);
|
|
21
23
|
return /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
22
|
-
style: [computedStyle.container]
|
|
24
|
+
style: [computedStyle.container, containerStyle]
|
|
23
25
|
}, /*#__PURE__*/React.createElement(_reactNative.FlatList, {
|
|
24
26
|
horizontal: true,
|
|
25
27
|
data: data,
|
|
28
|
+
showsHorizontalScrollIndicator: false,
|
|
29
|
+
contentContainerStyle: [contentContainerStyle],
|
|
26
30
|
renderItem: _ref => {
|
|
27
31
|
let {
|
|
28
32
|
item
|
|
@@ -35,6 +39,7 @@ const RoundedTab = props => {
|
|
|
35
39
|
...rest
|
|
36
40
|
} = item;
|
|
37
41
|
return /*#__PURE__*/React.createElement(TabItem, _extends({
|
|
42
|
+
key: label,
|
|
38
43
|
label: label,
|
|
39
44
|
value: value,
|
|
40
45
|
isSelected: selectedValue === value,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["RoundedTab","props","data","selectedValue","onTabItemPress","computedStyle","getStyle","container","item","label","value","leading","trailing","rest","itemSeparator","TabItem","isSelected","onPress","getTabItemStyle","animatedButtonScale","Animated","Value","onPressIn","spring","toValue","useNativeDriver","start","onPressOut","animatedScaleStyle","transform","scale","leadingWrapper","trailingWrapper"],"sourceRoot":"../../src","sources":["rounded-tab.component.tsx"],"mappings":";;;;;;AAAA;AACA;AAEA;AAIA;AAAgE;AAAA;AAAA;AAKhE,MAAMA,UAAoD,GAAIC,KAAK,IAAK;EACtE,MAAM;
|
|
1
|
+
{"version":3,"names":["RoundedTab","props","data","selectedValue","onTabItemPress","containerStyle","contentContainerStyle","computedStyle","getStyle","container","item","label","value","leading","trailing","rest","itemSeparator","TabItem","isSelected","onPress","getTabItemStyle","animatedButtonScale","Animated","Value","onPressIn","spring","toValue","useNativeDriver","start","onPressOut","animatedScaleStyle","transform","scale","leadingWrapper","trailingWrapper"],"sourceRoot":"../../src","sources":["rounded-tab.component.tsx"],"mappings":"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"}
|
|
@@ -56,6 +56,7 @@ const Tabs = props => {
|
|
|
56
56
|
return /*#__PURE__*/React.createElement(View, {
|
|
57
57
|
style: [computedStyle.container]
|
|
58
58
|
}, labels.map((label, idx) => /*#__PURE__*/React.createElement(TouchableOpacity, {
|
|
59
|
+
key: idx,
|
|
59
60
|
onPress: () => onTabPress(idx),
|
|
60
61
|
style: [computedStyle.tabContainer],
|
|
61
62
|
onLayout: event => onLayout(event, idx)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Animated","Easing","View","TouchableOpacity","getStyle","Typography","Tabs","props","labels","onTabPress","activeIndex","computedStyle","labelsLayout","setLabelsLayout","useState","indicatorWidth","Value","indicatorOffsetX","useEffect","getActiveIndex","length","Object","keys","currentActiveIndex","indicatorOffset","i","updatedWith","timing","toValue","easing","ease","useNativeDriver","duration","start","onLayout","event","idx","width","nativeEvent","layout","container","map","label","tabContainer","bottomMarker","left"],"sourceRoot":"../../src","sources":["Tabs.component.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SACEC,QAAQ,EACRC,MAAM,EACNC,IAAI,EAEJC,gBAAgB,QACX,cAAc;AAErB,SAASC,QAAQ,QAAQ,cAAc;AACvC,SAASC,UAAU,QAAQ,oCAAoC;AAQ/D,MAAMC,IAAwC,GAAIC,KAAK,IAAK;EAC1D,MAAM;IAAEC,MAAM,GAAG,EAAE;IAAEC,UAAU,GAAG,MAAM,CAAC,CAAC;IAAEC,WAAW,GAAG;EAAE,CAAC,GAAGH,KAAK;EAErE,MAAMI,aAAa,GAAGP,QAAQ,EAAE;EAEhC,MAAM,CAACQ,YAAY,EAAEC,eAAe,CAAC,GAAGd,KAAK,CAACe,QAAQ,CAAmB,CAAC,CAAC,CAAC;EAC5E,MAAMC,cAAc,GAAGhB,KAAK,CAACe,QAAQ,CAAC,IAAId,QAAQ,CAACgB,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;EAC/D,MAAMC,gBAAgB,GAAGlB,KAAK,CAACe,QAAQ,CAAC,IAAId,QAAQ,CAACgB,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;EAEjEjB,KAAK,CAACmB,SAAS,CAAC,MAAM;IACpB,MAAMC,cAAc,GAAG,MAAM;MAC3B,IAAIT,WAAW,GAAG,CAAC,EAAE;QACnB,OAAO,CAAC;MACV,CAAC,MAAM,IAAIA,WAAW,GAAGF,MAAM,CAACY,MAAM,GAAG,CAAC,EAAE;QAC1C,OAAOZ,MAAM,CAACY,MAAM,GAAG,CAAC;MAC1B,CAAC,MAAM;QACL,OAAOV,WAAW;MACpB;IACF,CAAC;IAED,IAAIW,MAAM,CAACC,IAAI,CAACV,YAAY,CAAC,CAACQ,MAAM,KAAK,CAAC,EAAE;MAC1C,MAAMG,kBAAkB,GAAGJ,cAAc,EAAE;MAC3C,IAAIK,eAAe,GAAG,CAAC;MACvB,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGF,kBAAkB,EAAEE,CAAC,EAAE,EAAE;QAC3CD,eAAe,IAAIZ,YAAY,CAACa,CAAC,CAAC,IAAI,CAAC;MACzC;MAEA,MAAMC,WAAW,GAAGd,YAAY,CAACW,kBAAkB,CAAC,IAAI,CAAC;MACzDvB,QAAQ,CAAC2B,MAAM,CAACV,gBAAgB,EAAE;QAChCW,OAAO,EAAEJ,eAAe;QACxBK,MAAM,EAAE5B,MAAM,CAAC6B,IAAI;QACnBC,eAAe,EAAE,KAAK;QACtBC,QAAQ,EAAE;MACZ,CAAC,CAAC,CAACC,KAAK,EAAE;MACVjC,QAAQ,CAAC2B,MAAM,CAACZ,cAAc,EAAE;QAC9Ba,OAAO,EAAEF,WAAW;QACpBG,MAAM,EAAE5B,MAAM,CAAC6B,IAAI;QACnBC,eAAe,EAAE,KAAK;QACtBC,QAAQ,EAAE;MACZ,CAAC,CAAC,CAACC,KAAK,EAAE;IACZ;IACA;EACF,CAAC,EAAE,CAACvB,WAAW,EAAEF,MAAM,EAAEI,YAAY,CAAC,CAAC;EAEvC,MAAMsB,QAAQ,GAAG,CAACC,KAAwB,EAAEC,GAAW,KAAK;IAC1D,MAAM;MAAEC;IAAM,CAAC,GAAGF,KAAK,CAACG,WAAW,CAACC,MAAM;IAC1C1B,eAAe,CAAC;MACd,GAAGD,YAAY;MACf,CAACwB,GAAG,GAAGC;IACT,CAAC,CAAC;EACJ,CAAC;EAED,oBACE,oBAAC,IAAI;IAAC,KAAK,EAAE,CAAC1B,aAAa,CAAC6B,SAAS;EAAE,GACpChC,MAAM,CAACiC,GAAG,CAAC,CAACC,KAAK,EAAEN,GAAG,kBACrB,oBAAC,gBAAgB;IACf,OAAO,EAAE,MAAM3B,UAAU,CAAC2B,GAAG,CAAE;IAC/B,KAAK,EAAE,CAACzB,aAAa,CAACgC,YAAY,CAAE;IACpC,QAAQ,EAAGR,KAAK,IAAKD,QAAQ,CAACC,KAAK,EAAEC,GAAG;EAAE,gBAE1C,oBAAC,UAAU;IAAC,GAAG,EAAEA,GAAI;IAAC,OAAO,EAAC;EAAW,GACtCM,KAAK,CACK,CAEhB,CAAC,eACF,oBAAC,QAAQ,CAAC,IAAI;IACZ,KAAK,EAAE,CACL/B,aAAa,CAACiC,YAAY,EAC1B;MAAEP,KAAK,EAAEtB,cAAc;MAAE8B,IAAI,EAAE5B;IAAiB,CAAC;EACjD,EACF,CACG;AAEX,CAAC;AAED,SAASX,IAAI"}
|
|
1
|
+
{"version":3,"names":["React","Animated","Easing","View","TouchableOpacity","getStyle","Typography","Tabs","props","labels","onTabPress","activeIndex","computedStyle","labelsLayout","setLabelsLayout","useState","indicatorWidth","Value","indicatorOffsetX","useEffect","getActiveIndex","length","Object","keys","currentActiveIndex","indicatorOffset","i","updatedWith","timing","toValue","easing","ease","useNativeDriver","duration","start","onLayout","event","idx","width","nativeEvent","layout","container","map","label","tabContainer","bottomMarker","left"],"sourceRoot":"../../src","sources":["Tabs.component.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SACEC,QAAQ,EACRC,MAAM,EACNC,IAAI,EAEJC,gBAAgB,QACX,cAAc;AAErB,SAASC,QAAQ,QAAQ,cAAc;AACvC,SAASC,UAAU,QAAQ,oCAAoC;AAQ/D,MAAMC,IAAwC,GAAIC,KAAK,IAAK;EAC1D,MAAM;IAAEC,MAAM,GAAG,EAAE;IAAEC,UAAU,GAAG,MAAM,CAAC,CAAC;IAAEC,WAAW,GAAG;EAAE,CAAC,GAAGH,KAAK;EAErE,MAAMI,aAAa,GAAGP,QAAQ,EAAE;EAEhC,MAAM,CAACQ,YAAY,EAAEC,eAAe,CAAC,GAAGd,KAAK,CAACe,QAAQ,CAAmB,CAAC,CAAC,CAAC;EAC5E,MAAMC,cAAc,GAAGhB,KAAK,CAACe,QAAQ,CAAC,IAAId,QAAQ,CAACgB,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;EAC/D,MAAMC,gBAAgB,GAAGlB,KAAK,CAACe,QAAQ,CAAC,IAAId,QAAQ,CAACgB,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;EAEjEjB,KAAK,CAACmB,SAAS,CAAC,MAAM;IACpB,MAAMC,cAAc,GAAG,MAAM;MAC3B,IAAIT,WAAW,GAAG,CAAC,EAAE;QACnB,OAAO,CAAC;MACV,CAAC,MAAM,IAAIA,WAAW,GAAGF,MAAM,CAACY,MAAM,GAAG,CAAC,EAAE;QAC1C,OAAOZ,MAAM,CAACY,MAAM,GAAG,CAAC;MAC1B,CAAC,MAAM;QACL,OAAOV,WAAW;MACpB;IACF,CAAC;IAED,IAAIW,MAAM,CAACC,IAAI,CAACV,YAAY,CAAC,CAACQ,MAAM,KAAK,CAAC,EAAE;MAC1C,MAAMG,kBAAkB,GAAGJ,cAAc,EAAE;MAC3C,IAAIK,eAAe,GAAG,CAAC;MACvB,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGF,kBAAkB,EAAEE,CAAC,EAAE,EAAE;QAC3CD,eAAe,IAAIZ,YAAY,CAACa,CAAC,CAAC,IAAI,CAAC;MACzC;MAEA,MAAMC,WAAW,GAAGd,YAAY,CAACW,kBAAkB,CAAC,IAAI,CAAC;MACzDvB,QAAQ,CAAC2B,MAAM,CAACV,gBAAgB,EAAE;QAChCW,OAAO,EAAEJ,eAAe;QACxBK,MAAM,EAAE5B,MAAM,CAAC6B,IAAI;QACnBC,eAAe,EAAE,KAAK;QACtBC,QAAQ,EAAE;MACZ,CAAC,CAAC,CAACC,KAAK,EAAE;MACVjC,QAAQ,CAAC2B,MAAM,CAACZ,cAAc,EAAE;QAC9Ba,OAAO,EAAEF,WAAW;QACpBG,MAAM,EAAE5B,MAAM,CAAC6B,IAAI;QACnBC,eAAe,EAAE,KAAK;QACtBC,QAAQ,EAAE;MACZ,CAAC,CAAC,CAACC,KAAK,EAAE;IACZ;IACA;EACF,CAAC,EAAE,CAACvB,WAAW,EAAEF,MAAM,EAAEI,YAAY,CAAC,CAAC;EAEvC,MAAMsB,QAAQ,GAAG,CAACC,KAAwB,EAAEC,GAAW,KAAK;IAC1D,MAAM;MAAEC;IAAM,CAAC,GAAGF,KAAK,CAACG,WAAW,CAACC,MAAM;IAC1C1B,eAAe,CAAC;MACd,GAAGD,YAAY;MACf,CAACwB,GAAG,GAAGC;IACT,CAAC,CAAC;EACJ,CAAC;EAED,oBACE,oBAAC,IAAI;IAAC,KAAK,EAAE,CAAC1B,aAAa,CAAC6B,SAAS;EAAE,GACpChC,MAAM,CAACiC,GAAG,CAAC,CAACC,KAAK,EAAEN,GAAG,kBACrB,oBAAC,gBAAgB;IACf,GAAG,EAAEA,GAAI;IACT,OAAO,EAAE,MAAM3B,UAAU,CAAC2B,GAAG,CAAE;IAC/B,KAAK,EAAE,CAACzB,aAAa,CAACgC,YAAY,CAAE;IACpC,QAAQ,EAAGR,KAAK,IAAKD,QAAQ,CAACC,KAAK,EAAEC,GAAG;EAAE,gBAE1C,oBAAC,UAAU;IAAC,GAAG,EAAEA,GAAI;IAAC,OAAO,EAAC;EAAW,GACtCM,KAAK,CACK,CAEhB,CAAC,eACF,oBAAC,QAAQ,CAAC,IAAI;IACZ,KAAK,EAAE,CACL/B,aAAa,CAACiC,YAAY,EAC1B;MAAEP,KAAK,EAAEtB,cAAc;MAAE8B,IAAI,EAAE5B;IAAiB,CAAC;EACjD,EACF,CACG;AAEX,CAAC;AAED,SAASX,IAAI"}
|
|
@@ -10,14 +10,18 @@ const RoundedTab = props => {
|
|
|
10
10
|
const {
|
|
11
11
|
data = [],
|
|
12
12
|
selectedValue = '',
|
|
13
|
-
onTabItemPress = () => null
|
|
13
|
+
onTabItemPress = () => null,
|
|
14
|
+
containerStyle,
|
|
15
|
+
contentContainerStyle
|
|
14
16
|
} = props;
|
|
15
17
|
const computedStyle = getStyle(props);
|
|
16
18
|
return /*#__PURE__*/React.createElement(View, {
|
|
17
|
-
style: [computedStyle.container]
|
|
19
|
+
style: [computedStyle.container, containerStyle]
|
|
18
20
|
}, /*#__PURE__*/React.createElement(FlatList, {
|
|
19
21
|
horizontal: true,
|
|
20
22
|
data: data,
|
|
23
|
+
showsHorizontalScrollIndicator: false,
|
|
24
|
+
contentContainerStyle: [contentContainerStyle],
|
|
21
25
|
renderItem: _ref => {
|
|
22
26
|
let {
|
|
23
27
|
item
|
|
@@ -30,6 +34,7 @@ const RoundedTab = props => {
|
|
|
30
34
|
...rest
|
|
31
35
|
} = item;
|
|
32
36
|
return /*#__PURE__*/React.createElement(TabItem, _extends({
|
|
37
|
+
key: label,
|
|
33
38
|
label: label,
|
|
34
39
|
value: value,
|
|
35
40
|
isSelected: selectedValue === value,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","getStyle","getTabItemStyle","TouchableWithoutFeedback","Typography","Animated","FlatList","RoundedTab","props","data","selectedValue","onTabItemPress","computedStyle","container","item","label","value","leading","trailing","rest","itemSeparator","TabItem","isSelected","onPress","animatedButtonScale","Value","onPressIn","spring","toValue","useNativeDriver","start","onPressOut","animatedScaleStyle","transform","scale","leadingWrapper","trailingWrapper"],"sourceRoot":"../../src","sources":["rounded-tab.component.tsx"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,QAAQ,cAAc;AAEnC,SAASC,QAAQ,EAAEC,eAAe,QAAQ,qBAAqB;AAG/D,SAASC,wBAAwB,QAAQ,cAAc;AACvD,SAASC,UAAU,QAAQ,oCAAoC;AAC/D,SAASC,QAAQ,QAAQ,cAAc;AACvC,SAASC,QAAQ,QAAQ,cAAc;AAGvC,MAAMC,UAAoD,GAAIC,KAAK,IAAK;EACtE,MAAM;
|
|
1
|
+
{"version":3,"names":["React","View","getStyle","getTabItemStyle","TouchableWithoutFeedback","Typography","Animated","FlatList","RoundedTab","props","data","selectedValue","onTabItemPress","containerStyle","contentContainerStyle","computedStyle","container","item","label","value","leading","trailing","rest","itemSeparator","TabItem","isSelected","onPress","animatedButtonScale","Value","onPressIn","spring","toValue","useNativeDriver","start","onPressOut","animatedScaleStyle","transform","scale","leadingWrapper","trailingWrapper"],"sourceRoot":"../../src","sources":["rounded-tab.component.tsx"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,QAAQ,cAAc;AAEnC,SAASC,QAAQ,EAAEC,eAAe,QAAQ,qBAAqB;AAG/D,SAASC,wBAAwB,QAAQ,cAAc;AACvD,SAASC,UAAU,QAAQ,oCAAoC;AAC/D,SAASC,QAAQ,QAAQ,cAAc;AACvC,SAASC,QAAQ,QAAQ,cAAc;AAGvC,MAAMC,UAAoD,GAAIC,KAAK,IAAK;EACtE,MAAM;IACJC,IAAI,GAAG,EAAE;IACTC,aAAa,GAAG,EAAE;IAClBC,cAAc,GAAG,MAAM,IAAI;IAC3BC,cAAc;IACdC;EACF,CAAC,GAAGL,KAAK;EAET,MAAMM,aAAa,GAAGb,QAAQ,CAACO,KAAK,CAAC;EAErC,oBACE,oBAAC,IAAI;IAAC,KAAK,EAAE,CAACM,aAAa,CAACC,SAAS,EAAEH,cAAc;EAAE,gBACrD,oBAAC,QAAQ;IACP,UAAU,EAAE,IAAK;IACjB,IAAI,EAAEH,IAAK;IACX,8BAA8B,EAAE,KAAM;IACtC,qBAAqB,EAAE,CAACI,qBAAqB,CAAE;IAC/C,UAAU,EAAE,QAAc;MAAA,IAAb;QAAEG;MAAK,CAAC;MACnB,MAAM;QAAEC,KAAK;QAAEC,KAAK;QAAEC,OAAO;QAAEC,QAAQ;QAAE,GAAGC;MAAK,CAAC,GAAGL,IAAI;MACzD,oBACE,oBAAC,OAAO;QACN,GAAG,EAAEC,KAAM;QACX,KAAK,EAAEA,KAAM;QACb,KAAK,EAAEC,KAAM;QACb,UAAU,EAAER,aAAa,KAAKQ,KAAM;QACpC,OAAO,EAAEC,OAAQ;QACjB,QAAQ,EAAEC,QAAS;QACnB,OAAO,EAAET;MAAe,GACpBU,IAAI,EACR;IAEN;IACA;IAAA;IACA,sBAAsB,EAAE,mBACtB,oBAAC,IAAI;MAAC,KAAK,EAAE,CAACP,aAAa,CAACQ,aAAa;IAAE;EAC3C,EACF,CACG;AAEX,CAAC;AAED,SAASC,OAAO,CAACf,KAAmB,EAAe;EACjD,MAAM;IACJS,KAAK,GAAG,EAAE;IACVC,KAAK;IACLM,UAAU,GAAG,KAAK;IAClBC,OAAO,GAAG,MAAM,IAAI;IACpBN,OAAO,GAAG,IAAI;IACdC,QAAQ,GAAG,IAAI;IACf,GAAGC;EACL,CAAC,GAAGb,KAAK;EAET,MAAMM,aAAa,GAAGZ,eAAe,CAACM,KAAK,CAAC;EAE5C,MAAMkB,mBAAmB,GAAG,IAAIrB,QAAQ,CAACsB,KAAK,CAAC,CAAC,CAAC;EAEjD,MAAMC,SAAS,GAAG,MAAM;IACtB,IAAI,CAACJ,UAAU,EAAE;MACfnB,QAAQ,CAACwB,MAAM,CAACH,mBAAmB,EAAE;QACnCI,OAAO,EAAE,GAAG;QACZC,eAAe,EAAE;MACnB,CAAC,CAAC,CAACC,KAAK,EAAE;IACZ;EACF,CAAC;EAED,MAAMC,UAAU,GAAG,MAAM;IACvB,IAAI,CAACT,UAAU,EAAE;MACfnB,QAAQ,CAACwB,MAAM,CAACH,mBAAmB,EAAE;QACnCI,OAAO,EAAE,CAAC;QACVC,eAAe,EAAE;MACnB,CAAC,CAAC,CAACC,KAAK,EAAE;IACZ;EACF,CAAC;EAED,MAAME,kBAAkB,GAAG;IACzBC,SAAS,EAAE,CAAC;MAAEC,KAAK,EAAEV;IAAoB,CAAC;EAC5C,CAAC;EAED,MAAMf,cAAc,GAAG,MAAM;IAC3B,IAAI,CAACa,UAAU,EAAE;MACfC,OAAO,CAACP,KAAK,CAA0B;IACzC;EACF,CAAC;EAED,oBACE,oBAAC,wBAAwB;IACvB,OAAO,EAAEP,cAAe;IACxB,SAAS,EAAEiB,SAAU;IACrB,UAAU,EAAEK;EAAW,GACnBZ,IAAI,gBAER,oBAAC,QAAQ,CAAC,IAAI;IAAC,KAAK,EAAE,CAACP,aAAa,CAACC,SAAS,EAAEmB,kBAAkB;EAAE,GACjEf,OAAO,iBACN,oBAAC,IAAI;IAAC,KAAK,EAAE,CAACL,aAAa,CAACuB,cAAc;EAAE,GAAElB,OAAO,CACtD,eACD,oBAAC,UAAU;IACT,OAAO,EAAC,cAAc;IACtB,aAAa,EAAE,CAAE;IACjB,KAAK,EAAE,CAACL,aAAa,CAACG,KAAK;EAAE,GAE5BA,KAAK,CACK,EACZG,QAAQ,iBACP,oBAAC,IAAI;IAAC,KAAK,EAAE,CAACN,aAAa,CAACwB,eAAe;EAAE,GAAElB,QAAQ,CACxD,CACa,CACS;AAE/B;AAEA,SAASb,UAAU"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.component.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/Tabs.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAM7C,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,iBAAiB,CAAC,SAAS,
|
|
1
|
+
{"version":3,"file":"Tabs.component.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/Tabs.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAM7C,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,iBAAiB,CAAC,SAAS,CA0E5C,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"rounded-tab.component.d.ts","sourceRoot":"","sources":["../../../../src/components/rounded-tab/rounded-tab.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,eAAe,EAAgB,MAAM,oBAAoB,CAAC;AAOxE,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,
|
|
1
|
+
{"version":3,"file":"rounded-tab.component.d.ts","sourceRoot":"","sources":["../../../../src/components/rounded-tab/rounded-tab.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,eAAe,EAAgB,MAAM,oBAAoB,CAAC;AAOxE,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAwCxD,CAAC;AAuEF,OAAO,EAAE,UAAU,EAAE,CAAC"}
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
-
import { TouchableWithoutFeedbackProps } from 'react-native';
|
|
2
|
+
import { TouchableWithoutFeedbackProps, ViewStyle } from 'react-native';
|
|
3
3
|
export interface RoundedTabProps {
|
|
4
4
|
data: Omit<TabItemProps, 'isSelected'>[];
|
|
5
5
|
selectedValue: string;
|
|
6
|
+
containerStyle: ViewStyle;
|
|
7
|
+
contentContainerStyle: ViewStyle;
|
|
6
8
|
onTabItemPress: (value: any) => void;
|
|
7
9
|
}
|
|
8
10
|
export declare type TabItemProps = TouchableWithoutFeedbackProps & {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"rounded-tab.type.d.ts","sourceRoot":"","sources":["../../../../src/components/rounded-tab/rounded-tab.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,6BAA6B,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"rounded-tab.type.d.ts","sourceRoot":"","sources":["../../../../src/components/rounded-tab/rounded-tab.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,6BAA6B,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAExE,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,IAAI,CAAC,YAAY,EAAE,YAAY,CAAC,EAAE,CAAC;IACzC,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,SAAS,CAAC;IAC1B,qBAAqB,EAAE,SAAS,CAAC;IACjC,cAAc,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;CACtC;AAED,oBAAY,YAAY,GAAG,6BAA6B,GAAG;IACzD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,GAAG,CAAC;IACX,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;CACrB,CAAC"}
|
package/package.json
CHANGED
|
@@ -72,6 +72,7 @@ const Tabs: React.FunctionComponent<TabsProps> = (props) => {
|
|
|
72
72
|
<View style={[computedStyle.container]}>
|
|
73
73
|
{labels.map((label, idx) => (
|
|
74
74
|
<TouchableOpacity
|
|
75
|
+
key={idx}
|
|
75
76
|
onPress={() => onTabPress(idx)}
|
|
76
77
|
style={[computedStyle.tabContainer]}
|
|
77
78
|
onLayout={(event) => onLayout(event, idx)}
|
|
@@ -11,19 +11,28 @@ import { FlatList } from 'react-native';
|
|
|
11
11
|
import { GestureResponderEvent } from 'react-native';
|
|
12
12
|
|
|
13
13
|
const RoundedTab: React.FunctionComponent<RoundedTabProps> = (props) => {
|
|
14
|
-
const {
|
|
14
|
+
const {
|
|
15
|
+
data = [],
|
|
16
|
+
selectedValue = '',
|
|
17
|
+
onTabItemPress = () => null,
|
|
18
|
+
containerStyle,
|
|
19
|
+
contentContainerStyle,
|
|
20
|
+
} = props;
|
|
15
21
|
|
|
16
22
|
const computedStyle = getStyle(props);
|
|
17
23
|
|
|
18
24
|
return (
|
|
19
|
-
<View style={[computedStyle.container]}>
|
|
25
|
+
<View style={[computedStyle.container, containerStyle]}>
|
|
20
26
|
<FlatList
|
|
21
27
|
horizontal={true}
|
|
22
28
|
data={data}
|
|
29
|
+
showsHorizontalScrollIndicator={false}
|
|
30
|
+
contentContainerStyle={[contentContainerStyle]}
|
|
23
31
|
renderItem={({ item }) => {
|
|
24
32
|
const { label, value, leading, trailing, ...rest } = item;
|
|
25
33
|
return (
|
|
26
34
|
<TabItem
|
|
35
|
+
key={label}
|
|
27
36
|
label={label}
|
|
28
37
|
value={value}
|
|
29
38
|
isSelected={selectedValue === value}
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
-
import { TouchableWithoutFeedbackProps } from 'react-native';
|
|
2
|
+
import { TouchableWithoutFeedbackProps, ViewStyle } from 'react-native';
|
|
3
3
|
|
|
4
4
|
export interface RoundedTabProps {
|
|
5
5
|
data: Omit<TabItemProps, 'isSelected'>[];
|
|
6
6
|
selectedValue: string;
|
|
7
|
+
containerStyle: ViewStyle;
|
|
8
|
+
contentContainerStyle: ViewStyle;
|
|
7
9
|
onTabItemPress: (value: any) => void;
|
|
8
10
|
}
|
|
9
11
|
|