linear-react-components-ui 0.4.76-beta.13 → 0.4.76-beta.14

package/lib/assets/styles/panel.scss

@@ -1,6 +1,4 @@
 @import 'colors.scss';
-
-$panel-header-height: 40px;
 .panel-component {
   font-family: 'Roboto';
   border: 0;
@@ -8,8 +6,6 @@ $panel-header-height: 40px;
   height: 100%;
   margin-bottom: 20px;
   border: solid 1px $component-border-color;
-  display: flex;
-  flex-direction: column;
   &.panel-shadow {
     box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
   }
@@ -51,7 +47,7 @@ $panel-header-height: 40px;
     }
   }
   > .panel-content {
-    height: 100%;
+    height: auto;
     padding: 15px;
   }
 }

package/lib/assets/styles/tabs.scss

@@ -48,7 +48,6 @@
     margin-right: 1px;
     padding: 0;
     width: auto;
-    min-width: 100px;
     display: flex;
     justify-content: space-between;
     align-items: center;
@@ -122,24 +121,26 @@
 .tabs-component.menu-left {
   grid-template-columns: auto 1fr;
   grid-template-rows: none;
-  > .menu {
-    box-shadow: -1px 0px 0px 0px $component-border-color inset;
-    flex-direction: column;
-    justify-content: center;
-  }
-  > .menu > .menuitem {
-    border-radius: 5px 0px 0px 5px;
-    -moz-border-radius: 5px 0px 0px 5px;
-    -webkit-border-radius: 5px 0px 0px 5px;
-    &.selected {
-      border: 1px solid $component-border-color;
-      border-right: 1px solid $font-color-second;
-      border-left: 2px solid $component-selected-color;
-      width: 100%;
+  > .menucontainer {
+    > .menu {
+      box-shadow: -1px 0px 0px 0px $component-border-color inset;
+      flex-direction: column;
+      justify-content: center;
+    }
+    > .menu > .menuitem {
+      border-radius: 5px 0px 0px 5px;
+      -moz-border-radius: 5px 0px 0px 5px;
+      -webkit-border-radius: 5px 0px 0px 5px;
+      &.selected {
+        border: 1px solid $component-border-color;
+        border-right: 1px solid $font-color-second;
+        border-left: 2px solid $component-selected-color;
+        width: 100%;
+      }
+    }
+    > .menu > .menuitem > .closepanel {
+      float: left;
     }
-  }
-  > .menu > .menuitem > .closepanel {
-    float: left;
   }
   > .panel {
     border-top: 1px solid $component-border-color;
@@ -152,18 +153,20 @@
 */
 .tabs-component.menu-bottom {
   grid-template-rows: 1fr auto;
-  > .menu {
-    box-shadow: 0 1px 1px 0px $component-border-color inset;
-  }
-  > .menu > .menuitem {
-    border-radius: 0px 0px 5px 5px;
-    -moz-border-radius: 0px 0px 5px 5px;
-    -webkit-border-radius: 0px 0px 5px 5px;
-    &.selected {
-      border: 1px solid $component-border-color;
-      border-top: 1px solid $font-color-second;
-      border-bottom: 2px solid $component-selected-color;
-      height: 100%;
+  .menucontainer {
+    > .menu {
+      box-shadow: 0 1px 1px 0px $component-border-color inset;
+    }
+    > .menu > .menuitem {
+      border-radius: 0px 0px 5px 5px;
+      -moz-border-radius: 0px 0px 5px 5px;
+      -webkit-border-radius: 0px 0px 5px 5px;
+      &.selected {
+        border: 1px solid $component-border-color;
+        border-top: 1px solid $font-color-second;
+        border-bottom: 2px solid $component-selected-color;
+        height: 100%;
+      }
     }
   }
   > .panel {
@@ -178,20 +181,22 @@
 .tabs-component.menu-right {
   grid-template-columns: 1fr auto;
   grid-template-rows: none;
-  > .menu {
-    box-shadow: 2px 0 0px -1px $component-border-color inset;
-    flex-direction: column;
-    justify-content: center;
-  }
-  > .menu > .menuitem {
-    border-radius: 0px 5px 5px 0px;
-    -moz-border-radius: 0px 5px 5px 0px;
-    -webkit-border-radius: 0px 5px 5px 0px;
-    &.selected {
-      border: 1px solid $component-border-color;
-      border-left: 1px solid $font-color-second;
-      border-right: 2px solid $component-selected-color;
-      width: 100%;
+  .menucontainer{
+    > .menu {
+      box-shadow: 2px 0 0px -1px $component-border-color inset;
+      flex-direction: column;
+      justify-content: center;
+    }
+    > .menu > .menuitem {
+      border-radius: 0px 5px 5px 0px;
+      -moz-border-radius: 0px 5px 5px 0px;
+      -webkit-border-radius: 0px 5px 5px 0px;
+      &.selected {
+        border: 1px solid $component-border-color;
+        border-left: 1px solid $font-color-second;
+        border-right: 2px solid $component-selected-color;
+        width: 100%;
+      }
     }
   }
   > .panel {

package/lib/panel/Content.js

@@ -21,15 +21,12 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 var observer = null;
 
 var PanelContent = function PanelContent(props) {
   var customClass = props.customClass,
       children = props.children,
-      style = props.style,
-      overflow = props.overflow;
+      style = props.style;
 
   var _useContext = (0, _react.useContext)(_helpers["default"]),
       opened = _useContext.opened,
@@ -74,9 +71,7 @@ var PanelContent = function PanelContent(props) {
   return hideContent ? /*#__PURE__*/_react["default"].createElement(_noPermission["default"], null) : /*#__PURE__*/_react["default"].createElement("div", {
     ref: rootElementRef,
     className: "panel-content ".concat(customClass),
-    style: _extends({}, style, {
-      overflow: overflow
-    })
+    style: style
   }, opened && children, onEndReached ? /*#__PURE__*/_react["default"].createElement("div", {
     ref: observedElement
   }) : /*#__PURE__*/_react["default"].createElement("noscript", null));
@@ -85,14 +80,12 @@ var PanelContent = function PanelContent(props) {
 PanelContent.propTypes = {
   children: _propTypes["default"].any,
   customClass: _propTypes["default"].string,
-  style: _propTypes["default"].object,
-  overflow: _propTypes["default"].oneOf(['visible', 'hidden', 'scroll', 'auto'])
+  style: _propTypes["default"].object
 };
 PanelContent.defaultProps = {
   customClass: '',
   style: {},
-  children: null,
-  overflow: 'auto'
+  children: null
 };
 var _default = PanelContent;
 exports["default"] = _default;

package/lib/tabs/Menu.js

@@ -20,22 +20,12 @@ var Menu = function Menu(props) {
       customClassForToolBar = props.customClassForToolBar,
       menuRef = props.menuRef,
       toolBarRef = props.toolBarRef;
-
-  if (!toolbar) {
-    return /*#__PURE__*/_react["default"].createElement("div", {
-      className: "menucontainer",
-      ref: function ref(r) {
-        menuRef(r);
-      }
-    }, /*#__PURE__*/_react["default"].createElement(_MenuItems["default"], props), /*#__PURE__*/_react["default"].createElement(_DropdownItems["default"], props));
-  }
-
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "menucontainer",
     ref: function ref(r) {
       menuRef(r);
     }
-  }, /*#__PURE__*/_react["default"].createElement(_MenuItems["default"], props), /*#__PURE__*/_react["default"].createElement(_DropdownItems["default"], props), /*#__PURE__*/_react["default"].cloneElement(toolbar, {
+  }, /*#__PURE__*/_react["default"].createElement(_MenuItems["default"], props), /*#__PURE__*/_react["default"].createElement(_DropdownItems["default"], props), toolbar && /*#__PURE__*/_react["default"].cloneElement(toolbar, {
     customClass: "menubar ".concat(customClassForToolBar),
     innerRef: toolBarRef ? function (r) {
       toolBarRef(r);

package/lib/tabs/index.js

@@ -254,7 +254,7 @@ var Tabs = function Tabs(props) {
     return function () {
       return window.removeEventListener('resize', onResize);
     };
-  }, [_menuRef.current]);
+  }, [_menuRef.current, tabMenuPosition]);
   (0, _react.useEffect)(function () {
     if (selectedTab) setSelectedTabId(selectedTab);
     if (children) setPanels((0, _tabHelpers.buildPanels)(children));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "linear-react-components-ui",
-  "version": "0.4.76-beta.13",
+  "version": "0.4.76-beta.14",
   "description": "Linear Sistemas ReactJs Components",
   "main": "lib/index.js",
   "scripts": {