@rpg-engine/long-bow 0.6.78 → 0.6.80
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/TabBody.d.ts +6 -2
- package/dist/long-bow.cjs.development.js +15 -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 +15 -4
- package/dist/long-bow.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Multitab/TabBody.tsx +20 -6
|
@@ -1,9 +1,13 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
|
|
2
|
+
interface IContainerStyles {
|
|
3
|
+
height?: string;
|
|
4
|
+
width?: string;
|
|
5
|
+
}
|
|
3
6
|
interface IProps {
|
|
4
7
|
id: string;
|
|
5
8
|
children: React.ReactNode;
|
|
6
|
-
styles?:
|
|
9
|
+
styles?: IContainerStyles;
|
|
10
|
+
centerContent?: boolean;
|
|
7
11
|
}
|
|
8
12
|
export declare const TabBody: React.FC<IProps>;
|
|
9
13
|
export {};
|
|
@@ -31139,18 +31139,29 @@ var PagerContainer$1 = /*#__PURE__*/styled__default.div.withConfig({
|
|
|
31139
31139
|
var TabBody = function TabBody(_ref) {
|
|
31140
31140
|
var id = _ref.id,
|
|
31141
31141
|
children = _ref.children,
|
|
31142
|
-
styles = _ref.styles
|
|
31142
|
+
styles = _ref.styles,
|
|
31143
|
+
centerContent = _ref.centerContent;
|
|
31143
31144
|
return React__default.createElement(Container$p, {
|
|
31144
31145
|
styles: styles,
|
|
31145
|
-
"data-tab-id": id
|
|
31146
|
+
"data-tab-id": id,
|
|
31147
|
+
centerContent: centerContent
|
|
31146
31148
|
}, children);
|
|
31147
31149
|
};
|
|
31148
31150
|
var Container$p = /*#__PURE__*/styled__default.div.withConfig({
|
|
31149
31151
|
displayName: "TabBody__Container",
|
|
31150
31152
|
componentId: "sc-196oof2-0"
|
|
31151
|
-
})(["width:
|
|
31153
|
+
})(["width:", ";height:", ";overflow-y:auto;display:", ";justify-content:", ";align-items:", ";"], function (props) {
|
|
31152
31154
|
var _props$styles;
|
|
31153
|
-
return ((_props$styles = props.styles) == null ? void 0 : _props$styles.
|
|
31155
|
+
return ((_props$styles = props.styles) == null ? void 0 : _props$styles.width) || '100%';
|
|
31156
|
+
}, function (props) {
|
|
31157
|
+
var _props$styles2;
|
|
31158
|
+
return ((_props$styles2 = props.styles) == null ? void 0 : _props$styles2.height) || 'auto';
|
|
31159
|
+
}, function (props) {
|
|
31160
|
+
return props.centerContent ? 'flex' : 'block';
|
|
31161
|
+
}, function (props) {
|
|
31162
|
+
return props.centerContent ? 'center' : 'initial';
|
|
31163
|
+
}, function (props) {
|
|
31164
|
+
return props.centerContent ? 'center' : 'initial';
|
|
31154
31165
|
});
|
|
31155
31166
|
|
|
31156
31167
|
var Tab$1 = function Tab(_ref) {
|