@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
package/dist/long-bow.esm.js
CHANGED
|
@@ -31770,7 +31770,7 @@ var UI_BREAKPOINT_MOBILE = '950px';
|
|
|
31770
31770
|
var UI_BREAKPOINT_SMALL_LAPTOP = '1400px';
|
|
31771
31771
|
|
|
31772
31772
|
var InternalTabs = function InternalTabs(_ref) {
|
|
31773
|
-
var _tabs$find;
|
|
31773
|
+
var _tabs$, _tabs$find;
|
|
31774
31774
|
var tabs = _ref.tabs,
|
|
31775
31775
|
_ref$activeColor = _ref.activeColor,
|
|
31776
31776
|
activeColor = _ref$activeColor === void 0 ? '#fef08a' : _ref$activeColor,
|
|
@@ -31784,7 +31784,14 @@ var InternalTabs = function InternalTabs(_ref) {
|
|
|
31784
31784
|
hoverColor = _ref$hoverColor === void 0 ? '#fef3c7' : _ref$hoverColor,
|
|
31785
31785
|
onTabChange = _ref.onTabChange,
|
|
31786
31786
|
externalActiveTab = _ref.activeTab;
|
|
31787
|
-
var
|
|
31787
|
+
var _useState = useState((_tabs$ = tabs[0]) == null ? void 0 : _tabs$.id),
|
|
31788
|
+
internalActiveTab = _useState[0],
|
|
31789
|
+
setInternalActiveTab = _useState[1];
|
|
31790
|
+
var activeTabId = externalActiveTab != null ? externalActiveTab : internalActiveTab;
|
|
31791
|
+
var handleTabClick = function handleTabClick(tabId) {
|
|
31792
|
+
setInternalActiveTab(tabId);
|
|
31793
|
+
onTabChange == null ? void 0 : onTabChange(tabId);
|
|
31794
|
+
};
|
|
31788
31795
|
return React.createElement(TableWrapper, null, React.createElement(TabHeader, {
|
|
31789
31796
|
borderColor: borderColor
|
|
31790
31797
|
}, tabs.map(function (tab) {
|
|
@@ -31797,7 +31804,7 @@ var InternalTabs = function InternalTabs(_ref) {
|
|
|
31797
31804
|
borderColor: borderColor,
|
|
31798
31805
|
hoverColor: hoverColor,
|
|
31799
31806
|
onClick: function onClick() {
|
|
31800
|
-
return
|
|
31807
|
+
return handleTabClick(tab.id);
|
|
31801
31808
|
}
|
|
31802
31809
|
}, tab.title);
|
|
31803
31810
|
})), React.createElement(ContentWrapper, null, (_tabs$find = tabs.find(function (tab) {
|