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

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/treeview.scss

@@ -45,6 +45,8 @@
     display: flex;
     justify-content: flex-start;
     align-items: center;
+    min-height: 25px;
+    color: $font-color-soft;
     >.node-menu {
       animation: revealelement 0.3s forwards ease-in-out;
       margin-left: 10px;
@@ -62,7 +64,9 @@
       margin-left: 10px;
     }
     &:hover {
+      cursor: pointer;
       background-color: rgb(209, 209, 209);
+      text-decoration: underline;
     }
   }
   > .nodelist {

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/treeview/Node.js

@@ -27,6 +27,8 @@ var _list = _interopRequireWildcard(require("../list"));
 
 var _toolbar = _interopRequireWildcard(require("../toolbar"));
 
+var _SpinnerLoading = _interopRequireDefault(require("../spinner/SpinnerLoading"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -155,6 +157,9 @@ var TreeNode = /*#__PURE__*/function (_Component) {
           className: "treeviewitem"
         }, _this2.getSpan(), /*#__PURE__*/_react["default"].createElement("div", {
           className: "label",
+          style: !onNodeClick ? {
+            textDecoration: 'none'
+          } : null,
           ref: _this2.labelRef,
           role: "button",
           onKeyPress: null,
@@ -240,8 +245,11 @@ var _initialiseProps = function _initialiseProps() {
     enumerable: true,
     writable: true,
     value: function value() {
-      var alwaysShowArrow = _this3.props.alwaysShowArrow;
+      var _this3$props = _this3.props,
+          alwaysShowArrow = _this3$props.alwaysShowArrow,
+          idsInLoading = _this3$props.idsInLoading;
       var node = _this3.state.node;
+      var isLoading = idsInLoading.includes(node.id);
 
       var span = /*#__PURE__*/_react["default"].createElement("noscript", null);
 
@@ -250,11 +258,17 @@ var _initialiseProps = function _initialiseProps() {
           onKeyPress: null,
           tabIndex: 0,
           role: "button",
+          style: isLoading ? {
+            marginLeft: '-30px',
+            marginTop: '-5px'
+          } : null,
           className: "opencloseicon",
           onClick: function onClick() {
             return _this3.openCloseTree(node);
           }
-        }, /*#__PURE__*/_react["default"].createElement(_icons["default"], {
+        }, isLoading ? /*#__PURE__*/_react["default"].createElement(_SpinnerLoading["default"], {
+          size: "35px"
+        }) : /*#__PURE__*/_react["default"].createElement(_icons["default"], {
           name: _this3.state.isVisible ? 'up' : 'down',
           size: 10
         }));
@@ -431,7 +445,8 @@ TreeNode.propTypes = {
   onNodeClick: _propTypes["default"].func,
   handlerOnNodeOpen: _propTypes["default"].func,
   nodeElementsValidations: _propTypes["default"].object,
-  startNodesOpened: _propTypes["default"].bool.isRequired
+  startNodesOpened: _propTypes["default"].bool.isRequired,
+  idsInLoading: _propTypes["default"].arrayOf(_propTypes["default"].number)
 };
 TreeNode.defaultProps = {
   childrenIds: [],
@@ -444,7 +459,8 @@ TreeNode.defaultProps = {
   nodeMenuButtonSize: 'small',
   onNodeClick: undefined,
   handlerOnNodeOpen: undefined,
-  nodeElementsValidations: undefined
+  nodeElementsValidations: undefined,
+  idsInLoading: []
 };
 TreeNode.contextType = _constants.TreeviewContext;
 var _default = TreeNode;

package/lib/treeview/index.js

@@ -463,7 +463,8 @@ var TreeView = /*#__PURE__*/function (_Component) {
             nodeToolbarElements = _this$props3.nodeToolbarElements,
             nodeMenuButtonSize = _this$props3.nodeMenuButtonSize,
             alwaysShowArrow = _this$props3.alwaysShowArrow,
-            startNodesOpened = _this$props3.startNodesOpened;
+            startNodesOpened = _this$props3.startNodesOpened,
+            idsInLoading = _this$props3.idsInLoading;
         var childrenIds = [];
 
         if (node.itens && node.itens.length > 0) {
@@ -481,6 +482,7 @@ var TreeView = /*#__PURE__*/function (_Component) {
         return /*#__PURE__*/_react["default"].createElement(_Node["default"], {
           key: "node-".concat(node.id),
           node: node,
+          idsInLoading: idsInLoading,
           startNodesOpened: startNodesOpened,
           alwaysShowArrow: alwaysShowArrow,
           childrenIds: childrenIds,
@@ -596,7 +598,8 @@ TreeView.propTypes = {
   onNodeClick: _propTypes["default"].func,
   onNodeOpen: _propTypes["default"].func,
   nodeElementsValidations: _propTypes["default"].object,
-  enableDynamicData: _propTypes["default"].bool
+  enableDynamicData: _propTypes["default"].bool,
+  idsInLoading: _propTypes["default"].arrayOf(_propTypes["default"].number)
 };
 TreeView.defaultProps = {
   customClass: '',
@@ -618,7 +621,8 @@ TreeView.defaultProps = {
   onNodeClick: undefined,
   onNodeOpen: undefined,
   nodeElementsValidations: undefined,
-  enableDynamicData: false
+  enableDynamicData: false,
+  idsInLoading: []
 };
 var _default = TreeView;
 exports["default"] = _default;

package/package.json

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