linear-react-components-ui 0.4.76-rc.14 → 0.4.76-rc.15

package/lib/assets/styles/tabs.scss

@@ -88,6 +88,7 @@
 
 .tabs-component {
   display: grid;
+  grid-template-rows: auto 1fr;
   width: 100%;
   height: 100%;
   @extend %tab-component-menus;

package/lib/inputs/base/InputTextBase.js

@@ -11,6 +11,8 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
+var _lodash = _interopRequireDefault(require("lodash"));
+
 var _inputHOC = _interopRequireDefault(require("../inputHOC"));
 
 require("../../assets/styles/input.scss");
@@ -111,7 +113,14 @@ var InputTextBase = function InputTextBase(props) {
       id: id,
       className: helpers.getInputClass(props),
       ref: function ref(r) {
-        if (inputRef) inputRef.current = r;
+        if (inputRef) {
+          if (!_lodash["default"].isFunction(inputRef)) {
+            inputRef.current = r;
+          } else {
+            inputRef(r);
+          }
+        }
+
         if (targetRef) targetRef(r);
       }
     };

package/lib/inputs/base/helpers.js

@@ -7,9 +7,14 @@ exports.getRightElements = exports.getErrorMessages = exports.getInputWrapperCla
 
 var _react = _interopRequireDefault(require("react"));
 
+var _lodash = _interopRequireDefault(require("lodash"));
+
+var _uuid = _interopRequireDefault(require("uuid"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-// import Popover from '../../popover';
+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 getInputClass = function getInputClass(_ref) {
   var textAlign = _ref.textAlign,
       readOnly = _ref.readOnly;
@@ -39,11 +44,22 @@ var getErrorMessages = function getErrorMessages(messages) {
 exports.getErrorMessages = getErrorMessages;
 
 var getRightElements = function getRightElements(rightElements, errorMessages) {
-  if (errorMessages.length === 0) return rightElements;
   var elements = rightElements || [];
+  var newElements = _lodash["default"].isArray(elements) ? elements : [elements];
+
+  var elementsMap = function elementsMap() {
+    return newElements.map(function (element) {
+      return _extends({}, element, {
+        key: "rightelement-".concat(_uuid["default"].v1())
+      });
+    });
+  };
+
+  newElements = elementsMap();
+  if (errorMessages.length === 0) return newElements;
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "sidebuttons"
-  }, elements);
+  }, newElements);
 };
 
 exports.getRightElements = getRightElements;

package/lib/internals/withTooltip.js

@@ -205,7 +205,7 @@ var withTooltip = function withTooltip(WrappedComponent) {
     tooltipPosition: _propTypes["default"].string
   };
   EnhancedComponent.defaultProps = {
-    tooltipWidth: undefined,
+    tooltipWidth: 'auto',
     space: 20,
     tooltip: '',
     tooltipPosition: 'bottom'

package/lib/tooltip/index.js

@@ -31,19 +31,16 @@ var Tooltip = function Tooltip(props) {
       text = props.text,
       tooltipRef = props.tooltipRef;
   var tooltipComponent = (0, _react.useRef)(document.createElement('div'));
-  tooltipComponent.current.id = "tooltip-".concat(_uuid["default"].v1());
-  tooltipComponent.current.className = "tooltip-component ".concat(className, " ");
-  tooltipComponent.current.dataset.testid = 'tooltip-component';
-  tooltipComponent.current.style = style;
   (0, _react.useEffect)(function () {
     tooltipComponent.current.id = "tooltip-".concat(_uuid["default"].v1());
     tooltipComponent.current.className = "tooltip-component ".concat(className, " ");
+    tooltipComponent.current.dataset.testid = 'tooltip-component';
     tooltipComponent.current.style = style;
     document.body.appendChild(tooltipComponent.current);
     var tooltipEl = document.querySelector("div#".concat(tooltipComponent.current.id));
     var width = tooltipEl.offsetWidth;
 
-    if (tooltipDimensions.width && tooltipDimensions.width !== 'auto') {
+    if (tooltipDimensions.width) {
       width = tooltipDimensions.width;
     }
 

package/lib/treeview/Node.js

@@ -89,8 +89,9 @@ var TreeNode = /*#__PURE__*/function (_Component) {
     var node = props.node,
         startNodesOpened = props.startNodesOpened;
     _this.state = {
-      isVisible: nodeHasItens(node) && startNodesOpened,
-      wasOpened: nodeHasItens(node) && startNodesOpened,
+      node: node,
+      isVisible: startNodesOpened && nodeHasItens(node),
+      wasOpened: startNodesOpened && nodeHasItens(node),
       showNodeElements: false,
       keepMenuOpened: false
     };
@@ -110,28 +111,13 @@ var TreeNode = /*#__PURE__*/function (_Component) {
         this.labelRef.current.addEventListener('mouseleave', this.handleShowNodeElements);
       }
     }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      var _this$props2 = this.props,
-          node = _this$props2.node,
-          startNodesOpened = _this$props2.startNodesOpened;
-
-      if (node !== prevProps.node && startNodesOpened) {
-        // eslint-disable-next-line react/no-did-update-set-state
-        this.setState({
-          isVisible: nodeHasItens(node) && startNodesOpened,
-          wasOpened: nodeHasItens(node) && startNodesOpened
-        });
-      }
-    }
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
-      var _this$props3 = this.props,
-          isParent = _this$props3.isParent,
-          nodeToolbarElements = _this$props3.nodeToolbarElements,
-          nodeRightElements = _this$props3.nodeRightElements;
+      var _this$props2 = this.props,
+          isParent = _this$props2.isParent,
+          nodeToolbarElements = _this$props2.nodeToolbarElements,
+          nodeRightElements = _this$props2.nodeRightElements;
 
       if (isParent || nodeRightElements || nodeToolbarElements) {
         this.labelRef.current.removeEventListener('mouseenter', this.handleShowNodeElements);
@@ -143,12 +129,12 @@ var TreeNode = /*#__PURE__*/function (_Component) {
     value: function render() {
       var _this2 = this;
 
-      var _this$props4 = this.props,
-          node = _this$props4.node,
-          children = _this$props4.children,
-          isParent = _this$props4.isParent,
-          onNodeClick = _this$props4.onNodeClick,
-          nodeMenuButtonSize = _this$props4.nodeMenuButtonSize;
+      var _this$props3 = this.props,
+          children = _this$props3.children,
+          isParent = _this$props3.isParent,
+          onNodeClick = _this$props3.onNodeClick,
+          nodeMenuButtonSize = _this$props3.nodeMenuButtonSize;
+      var node = this.state.node;
       var showNodeElements = this.state.showNodeElements;
       return /*#__PURE__*/_react["default"].createElement(_constants.TreeviewContext.Consumer, null, function (_ref) {
         var valuePropName = _ref.valuePropName,
@@ -225,6 +211,22 @@ var TreeNode = /*#__PURE__*/function (_Component) {
         }, _this2.state.isVisible && children));
       });
     }
+  }], [{
+    key: "getDerivedStateFromProps",
+    value: function getDerivedStateFromProps(props, state) {
+      var node = props.node,
+          startNodesOpened = props.startNodesOpened;
+
+      if (node !== state.node) {
+        return {
+          node: node,
+          isVisible: startNodesOpened && nodeHasItens(node),
+          wasOpened: startNodesOpened && nodeHasItens(node)
+        };
+      }
+
+      return null;
+    }
   }]);
 
   return TreeNode;
@@ -238,9 +240,8 @@ var _initialiseProps = function _initialiseProps() {
     enumerable: true,
     writable: true,
     value: function value() {
-      var _this3$props = _this3.props,
-          node = _this3$props.node,
-          alwaysShowArrow = _this3$props.alwaysShowArrow;
+      var alwaysShowArrow = _this3.props.alwaysShowArrow;
+      var node = _this3.state.node;
 
       var span = /*#__PURE__*/_react["default"].createElement("noscript", null);
 
@@ -307,9 +308,8 @@ var _initialiseProps = function _initialiseProps() {
     enumerable: true,
     writable: true,
     value: function value(elements) {
-      var _this3$props2 = _this3.props,
-          node = _this3$props2.node,
-          nodeElementsValidations = _this3$props2.nodeElementsValidations;
+      var nodeElementsValidations = _this3.props.nodeElementsValidations;
+      var node = _this3.state.node;
       var updatedElements = [];
 
       if (elements) {
@@ -388,9 +388,8 @@ var _initialiseProps = function _initialiseProps() {
     enumerable: true,
     writable: true,
     value: function value(validationKey) {
-      var _this3$props3 = _this3.props,
-          nodeElementsValidations = _this3$props3.nodeElementsValidations,
-          node = _this3$props3.node;
+      var nodeElementsValidations = _this3.props.nodeElementsValidations;
+      var node = _this3.state.node;
       var validations = nodeElementsValidations[validationKey];
       var options = {
         disabled: {

package/package.json

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