@rpg-engine/long-bow 0.8.121 → 0.8.122
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/long-bow.cjs.development.js +10 -3
- package/dist/long-bow.cjs.development.js.map +1 -1
- package/dist/long-bow.cjs.production.min.js +1 -1
- package/dist/long-bow.cjs.production.min.js.map +1 -1
- package/dist/long-bow.esm.js +10 -3
- package/dist/long-bow.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/InternalTabs/InternalTabs.tsx +9 -3
|
@@ -31775,7 +31775,7 @@ var UI_BREAKPOINT_MOBILE = '950px';
|
|
|
31775
31775
|
var UI_BREAKPOINT_SMALL_LAPTOP = '1400px';
|
|
31776
31776
|
|
|
31777
31777
|
var InternalTabs = function InternalTabs(_ref) {
|
|
31778
|
-
var _tabs$find;
|
|
31778
|
+
var _tabs$, _tabs$find;
|
|
31779
31779
|
var tabs = _ref.tabs,
|
|
31780
31780
|
_ref$activeColor = _ref.activeColor,
|
|
31781
31781
|
activeColor = _ref$activeColor === void 0 ? '#fef08a' : _ref$activeColor,
|
|
@@ -31789,7 +31789,14 @@ var InternalTabs = function InternalTabs(_ref) {
|
|
|
31789
31789
|
hoverColor = _ref$hoverColor === void 0 ? '#fef3c7' : _ref$hoverColor,
|
|
31790
31790
|
onTabChange = _ref.onTabChange,
|
|
31791
31791
|
externalActiveTab = _ref.activeTab;
|
|
31792
|
-
var
|
|
31792
|
+
var _useState = React.useState((_tabs$ = tabs[0]) == null ? void 0 : _tabs$.id),
|
|
31793
|
+
internalActiveTab = _useState[0],
|
|
31794
|
+
setInternalActiveTab = _useState[1];
|
|
31795
|
+
var activeTabId = externalActiveTab != null ? externalActiveTab : internalActiveTab;
|
|
31796
|
+
var handleTabClick = function handleTabClick(tabId) {
|
|
31797
|
+
setInternalActiveTab(tabId);
|
|
31798
|
+
onTabChange == null ? void 0 : onTabChange(tabId);
|
|
31799
|
+
};
|
|
31793
31800
|
return React__default.createElement(TableWrapper, null, React__default.createElement(TabHeader, {
|
|
31794
31801
|
borderColor: borderColor
|
|
31795
31802
|
}, tabs.map(function (tab) {
|
|
@@ -31802,7 +31809,7 @@ var InternalTabs = function InternalTabs(_ref) {
|
|
|
31802
31809
|
borderColor: borderColor,
|
|
31803
31810
|
hoverColor: hoverColor,
|
|
31804
31811
|
onClick: function onClick() {
|
|
31805
|
-
return
|
|
31812
|
+
return handleTabClick(tab.id);
|
|
31806
31813
|
}
|
|
31807
31814
|
}, tab.title);
|
|
31808
31815
|
})), React__default.createElement(ContentWrapper, null, (_tabs$find = tabs.find(function (tab) {
|