@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
package/dist/web.esm.js
CHANGED
|
@@ -7671,7 +7671,9 @@ var TabsView = props => {
|
|
|
7671
7671
|
isActive,
|
|
7672
7672
|
setIsActive,
|
|
7673
7673
|
tabsState,
|
|
7674
|
-
setTabsState
|
|
7674
|
+
setTabsState,
|
|
7675
|
+
renderTab,
|
|
7676
|
+
renderContent
|
|
7675
7677
|
} = props;
|
|
7676
7678
|
// Declares a function 'moveSelectedTabToTop' that takes an index and modifies the tabs order.
|
|
7677
7679
|
var moveSelectedTabToTop = idx => {
|
|
@@ -7692,11 +7694,9 @@ var TabsView = props => {
|
|
|
7692
7694
|
return tab.value === tabsState[0].value;
|
|
7693
7695
|
};
|
|
7694
7696
|
return /*#__PURE__*/React.createElement(Vertical, Object.assign({
|
|
7695
|
-
width: "
|
|
7697
|
+
width: "100%",
|
|
7696
7698
|
height: '100%'
|
|
7697
|
-
}, styles == null ? void 0 : styles.container), /*#__PURE__*/React.createElement(Horizontal, Object.assign({
|
|
7698
|
-
marginBottom: 20
|
|
7699
|
-
}, styles == null ? void 0 : styles.headerTabs), tabs.map((tab, idx) => (/*#__PURE__*/React.createElement(Button, Object.assign({
|
|
7699
|
+
}, styles == null ? void 0 : styles.container), /*#__PURE__*/React.createElement(Horizontal, Object.assign({}, styles == null ? void 0 : styles.headerTabs), tabs.map((tab, idx) => renderTab ? renderTab(tab, isContentActive(tab), idx) : (/*#__PURE__*/React.createElement(Button, Object.assign({
|
|
7700
7700
|
key: tab.title,
|
|
7701
7701
|
onClick: () => {
|
|
7702
7702
|
moveSelectedTabToTop(idx);
|
|
@@ -7704,11 +7704,12 @@ var TabsView = props => {
|
|
|
7704
7704
|
variant: isActive.value === tab.value ? 'filled' : 'ghost',
|
|
7705
7705
|
shape: "pillShaped",
|
|
7706
7706
|
cursor: "pointer",
|
|
7707
|
-
isAuto: true
|
|
7707
|
+
isAuto: true,
|
|
7708
|
+
margin: 10
|
|
7708
7709
|
}, styles == null ? void 0 : styles.tab, isActive.value === tab.value ? styles == null ? void 0 : styles.activeTab : {}), /*#__PURE__*/React.createElement(Text, Object.assign({}, styles == null ? void 0 : styles.title, isActive.value === tab.value ? styles == null ? void 0 : styles.activeText : {}), tab.title))))), /*#__PURE__*/React.createElement(View, Object.assign({
|
|
7709
7710
|
width: '100%',
|
|
7710
7711
|
height: "100%"
|
|
7711
|
-
}, styles == null ? void 0 : styles.content), tabsState.map((tab, idx) => isContentActive(tab) && /*#__PURE__*/React.createElement(View, {
|
|
7712
|
+
}, styles == null ? void 0 : styles.content), tabsState.map(renderContent ? renderContent : (tab, idx) => isContentActive(tab) && /*#__PURE__*/React.createElement(View, {
|
|
7712
7713
|
key: idx
|
|
7713
7714
|
}, tab.content))));
|
|
7714
7715
|
};
|