@rpg-engine/long-bow 0.6.77 → 0.6.79

package/dist/components/DraggableContainer.d.ts

@@ -5,6 +5,8 @@ export interface IDraggableContainerProps {
     children: React.ReactNode;
     width?: string;
     height?: string;
+    minWidth?: string;
+    minHeight?: string;
     className?: string;
     type?: RPGUIContainerTypes;
     title?: string;

package/dist/components/Multitab/TabBody.d.ts

@@ -1,9 +1,13 @@
 import React from 'react';
-import { IStyles } from '../Chat/Chat';
+interface IContainerStyles {
+    height?: string;
+    width?: string;
+    centerContent?: boolean;
+}
 interface IProps {
     id: string;
     children: React.ReactNode;
-    styles?: IStyles;
+    styles?: IContainerStyles;
 }
 export declare const TabBody: React.FC<IProps>;
 export {};

package/dist/components/Multitab/TabsContainer.d.ts

@@ -14,6 +14,8 @@ export interface ITabsContainer {
     type: MultitabType;
     styles?: {
         width?: string;
+        minWidth?: string;
+        minHeight?: string;
         height?: string;
         className?: string;
         title?: string;

package/dist/long-bow.cjs.development.js

@@ -26943,6 +26943,8 @@ var DraggableContainer = function DraggableContainer(_ref) {
     _ref$width = _ref.width,
     width = _ref$width === void 0 ? '50%' : _ref$width,
     height = _ref.height,
+    minHeight = _ref.minHeight,
+    minWidth = _ref.minWidth,
     className = _ref.className,
     _ref$type = _ref.type,
     type = _ref$type === void 0 ? exports.RPGUIContainerTypes.FramedGold : _ref$type,
@@ -27018,6 +27020,8 @@ var DraggableContainer = function DraggableContainer(_ref) {
     ref: draggableRef,
     width: width,
     height: height || 'auto',
+    minWidth: minWidth,
+    minHeight: minHeight,
     className: "rpgui-container " + type + " " + className,
     isFullScreen: isFullScreen,
     opacity: opacity
@@ -27034,16 +27038,22 @@ var DraggableContainer = function DraggableContainer(_ref) {
 var Container$7 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "DraggableContainer__Container",
   componentId: "sc-184mpyl-0"
-})(["height:", ";width:", ";display:flex;flex-wrap:wrap;image-rendering:pixelated;overflow-y:hidden;", " ", " &.rpgui-container{padding-top:1.5rem;}"], function (props) {
+})(["height:", ";width:", ";min-width:", ";min-height:", ";display:flex;flex-wrap:wrap;image-rendering:pixelated;overflow-y:hidden;", " ", " &.rpgui-container{padding-top:1.5rem;}"], function (props) {
   return props.height;
 }, function (_ref2) {
   var width = _ref2.width;
   return width;
 }, function (_ref3) {
-  var opacity = _ref3.opacity;
-  return opacity && styled.css(["opacity:", ";"], opacity);
+  var minWidth = _ref3.minWidth;
+  return minWidth || 'auto';
 }, function (_ref4) {
-  var isFullScreen = _ref4.isFullScreen;
+  var minHeight = _ref4.minHeight;
+  return minHeight || 'auto';
+}, function (_ref5) {
+  var opacity = _ref5.opacity;
+  return opacity && styled.css(["opacity:", ";"], opacity);
+}, function (_ref6) {
+  var isFullScreen = _ref6.isFullScreen;
   return isFullScreen && styled.css(["justify-content:center;align-items:flex-start;align-content:flex-start;"]);
 });
 var CloseButton$2 = /*#__PURE__*/styled__default.div.withConfig({
@@ -27061,8 +27071,9 @@ var Title = /*#__PURE__*/styled__default.h1.withConfig({
 var Icon = /*#__PURE__*/styled__default.img.withConfig({
   displayName: "DraggableContainer__Icon",
   componentId: "sc-184mpyl-4"
-})(["color:white;z-index:22;font-size:", ";width:", ";margin-right:0.5rem;"], uiFonts.size.xsmall, function (props) {
-  return props.width;
+})(["color:white;z-index:22;font-size:", ";width:", ";margin-right:0.5rem;"], uiFonts.size.xsmall, function (_ref7) {
+  var width = _ref7.width;
+  return width;
 });
 
 var InputRadio = function InputRadio(_ref) {
@@ -31137,9 +31148,21 @@ var TabBody = function TabBody(_ref) {
 var Container$p = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "TabBody__Container",
   componentId: "sc-196oof2-0"
-})(["width:100%;height:", ";overflow-y:auto;"], function (props) {
+})(["width:", ";height:", ";overflow-y:auto;display:", ";justify-content:", ";align-items:", ";"], function (props) {
   var _props$styles;
-  return ((_props$styles = props.styles) == null ? void 0 : _props$styles.height) || 'auto';
+  return ((_props$styles = props.styles) == null ? void 0 : _props$styles.width) || '100%';
+}, function (props) {
+  var _props$styles2;
+  return ((_props$styles2 = props.styles) == null ? void 0 : _props$styles2.height) || 'auto';
+}, function (props) {
+  var _props$styles3;
+  return (_props$styles3 = props.styles) != null && _props$styles3.centerContent ? 'flex' : 'block';
+}, function (props) {
+  var _props$styles4;
+  return (_props$styles4 = props.styles) != null && _props$styles4.centerContent ? 'center' : 'initial';
+}, function (props) {
+  var _props$styles5;
+  return (_props$styles5 = props.styles) != null && _props$styles5.centerContent ? 'center' : 'initial';
 });
 
 var Tab$1 = function Tab(_ref) {
@@ -31213,6 +31236,8 @@ var TabsContainer = function TabsContainer(_ref) {
     ,
     width: styles == null ? void 0 : styles.width,
     height: styles == null ? void 0 : styles.height,
+    minWidth: styles == null ? void 0 : styles.minWidth,
+    minHeight: styles == null ? void 0 : styles.minHeight,
     className: styles == null ? void 0 : styles.className,
     title: styles == null ? void 0 : styles.title,
     imgSrc: styles == null ? void 0 : styles.imgSrc,