@app-studio/web 0.8.63 → 0.8.64
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/dist/components/Tabs/Tabs/Tabs.props.d.ts +2 -0
- package/dist/web.cjs.development.js +8 -7
- package/dist/web.cjs.development.js.map +1 -1
- package/dist/web.cjs.production.min.js +1 -1
- package/dist/web.cjs.production.min.js.map +1 -1
- package/dist/web.esm.js +8 -7
- package/dist/web.esm.js.map +1 -1
- package/dist/web.umd.development.js +8 -7
- package/dist/web.umd.development.js.map +1 -1
- package/dist/web.umd.production.min.js +1 -1
- package/dist/web.umd.production.min.js.map +1 -1
- package/package.json +6 -1
- package/README.md +0 -50
|
@@ -7662,7 +7662,9 @@
|
|
|
7662
7662
|
isActive,
|
|
7663
7663
|
setIsActive,
|
|
7664
7664
|
tabsState,
|
|
7665
|
-
setTabsState
|
|
7665
|
+
setTabsState,
|
|
7666
|
+
renderTab,
|
|
7667
|
+
renderContent
|
|
7666
7668
|
} = props;
|
|
7667
7669
|
// Declares a function 'moveSelectedTabToTop' that takes an index and modifies the tabs order.
|
|
7668
7670
|
var moveSelectedTabToTop = idx => {
|
|
@@ -7683,11 +7685,9 @@
|
|
|
7683
7685
|
return tab.value === tabsState[0].value;
|
|
7684
7686
|
};
|
|
7685
7687
|
return /*#__PURE__*/React__default.createElement(Vertical, Object.assign({
|
|
7686
|
-
width: "
|
|
7688
|
+
width: "100%",
|
|
7687
7689
|
height: '100%'
|
|
7688
|
-
}, styles == null ? void 0 : styles.container), /*#__PURE__*/React__default.createElement(Horizontal, Object.assign({
|
|
7689
|
-
marginBottom: 20
|
|
7690
|
-
}, styles == null ? void 0 : styles.headerTabs), tabs.map((tab, idx) => (/*#__PURE__*/React__default.createElement(Button, Object.assign({
|
|
7690
|
+
}, styles == null ? void 0 : styles.container), /*#__PURE__*/React__default.createElement(Horizontal, Object.assign({}, styles == null ? void 0 : styles.headerTabs), tabs.map((tab, idx) => renderTab ? renderTab(tab, isContentActive(tab), idx) : (/*#__PURE__*/React__default.createElement(Button, Object.assign({
|
|
7691
7691
|
key: tab.title,
|
|
7692
7692
|
onClick: () => {
|
|
7693
7693
|
moveSelectedTabToTop(idx);
|
|
@@ -7695,11 +7695,12 @@
|
|
|
7695
7695
|
variant: isActive.value === tab.value ? 'filled' : 'ghost',
|
|
7696
7696
|
shape: "pillShaped",
|
|
7697
7697
|
cursor: "pointer",
|
|
7698
|
-
isAuto: true
|
|
7698
|
+
isAuto: true,
|
|
7699
|
+
margin: 10
|
|
7699
7700
|
}, styles == null ? void 0 : styles.tab, isActive.value === tab.value ? styles == null ? void 0 : styles.activeTab : {}), /*#__PURE__*/React__default.createElement(Text, Object.assign({}, styles == null ? void 0 : styles.title, isActive.value === tab.value ? styles == null ? void 0 : styles.activeText : {}), tab.title))))), /*#__PURE__*/React__default.createElement(View, Object.assign({
|
|
7700
7701
|
width: '100%',
|
|
7701
7702
|
height: "100%"
|
|
7702
|
-
}, styles == null ? void 0 : styles.content), tabsState.map((tab, idx) => isContentActive(tab) && /*#__PURE__*/React__default.createElement(View, {
|
|
7703
|
+
}, styles == null ? void 0 : styles.content), tabsState.map(renderContent ? renderContent : (tab, idx) => isContentActive(tab) && /*#__PURE__*/React__default.createElement(View, {
|
|
7703
7704
|
key: idx
|
|
7704
7705
|
}, tab.content))));
|
|
7705
7706
|
};
|