@rpg-engine/long-bow 0.6.63 → 0.6.65
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/Multitab/TabsContainer.d.ts +8 -0
- package/dist/long-bow.cjs.development.js +14 -4
- 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 +14 -4
- package/dist/long-bow.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Multitab/TabsContainer.tsx +23 -7
package/dist/long-bow.esm.js
CHANGED
|
@@ -31114,10 +31114,12 @@ var TabsContainer = function TabsContainer(_ref) {
|
|
|
31114
31114
|
onCloseButton = _ref.onCloseButton,
|
|
31115
31115
|
tabs = _ref.tabs,
|
|
31116
31116
|
_ref$type = _ref.type,
|
|
31117
|
-
type = _ref$type === void 0 ? MultitabType.Brown : _ref$type
|
|
31117
|
+
type = _ref$type === void 0 ? MultitabType.Brown : _ref$type,
|
|
31118
|
+
_ref$styles = _ref.styles,
|
|
31119
|
+
styles = _ref$styles === void 0 ? {} : _ref$styles;
|
|
31118
31120
|
var _useState = useState(tabs[0].id),
|
|
31119
31121
|
selectedTab = _useState[0],
|
|
31120
|
-
setSelectedTab = _useState[1]; //by default the first one
|
|
31122
|
+
setSelectedTab = _useState[1]; // by default the first one
|
|
31121
31123
|
var onRenderTabs = function onRenderTabs() {
|
|
31122
31124
|
return tabs.map(function (tab, index) {
|
|
31123
31125
|
return React.createElement(Tab$1, {
|
|
@@ -31143,10 +31145,18 @@ var TabsContainer = function TabsContainer(_ref) {
|
|
|
31143
31145
|
};
|
|
31144
31146
|
return React.createElement(DraggableContainer, {
|
|
31145
31147
|
onCloseButton: onCloseButton,
|
|
31146
|
-
type: onGetContainerType()
|
|
31148
|
+
type: onGetContainerType(),
|
|
31149
|
+
cancelDrag: ".tabs-container *" // Disable drag on all elements inside .tabs-container
|
|
31150
|
+
,
|
|
31151
|
+
width: styles == null ? void 0 : styles.width,
|
|
31152
|
+
height: styles == null ? void 0 : styles.height,
|
|
31153
|
+
className: styles == null ? void 0 : styles.className,
|
|
31154
|
+
title: styles == null ? void 0 : styles.title,
|
|
31155
|
+
imgSrc: styles == null ? void 0 : styles.imgSrc,
|
|
31156
|
+
imgWidth: styles == null ? void 0 : styles.imgWidth
|
|
31147
31157
|
}, onRenderTabs(), React.createElement(BodyContainer, {
|
|
31148
31158
|
selectedTab: selectedTab,
|
|
31149
|
-
className: type
|
|
31159
|
+
className: type + " tabs-container"
|
|
31150
31160
|
}, children));
|
|
31151
31161
|
};
|
|
31152
31162
|
var BodyContainer = /*#__PURE__*/styled.div.withConfig({
|