linear-react-components-ui 0.4.76-beta.10 → 0.4.76-beta.11

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/inputs/date/Dropdown.js

@@ -13,7 +13,7 @@ var _reactDom = _interopRequireDefault(require("react-dom"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _helper = _interopRequireDefault(require("./helper"));
+var _helpers = require("./helpers");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -52,7 +52,7 @@ var Dropdown = /*#__PURE__*/function (_Component) {
     _this = _super.call(this, props);
     _this.el = document.createElement('div');
     _this.el.className = 'datepicker-component';
-    _this.el.style = (0, _helper["default"])(props);
+    _this.el.style = (0, _helpers.getCalendarDropdownStyle)(props);
     return _this;
   }
 
@@ -65,7 +65,7 @@ var Dropdown = /*#__PURE__*/function (_Component) {
   }, {
     key: "componentDidUpdate",
     value: function componentDidUpdate() {
-      this.el.style = (0, _helper["default"])(this.props);
+      this.el.style = (0, _helpers.getCalendarDropdownStyle)(this.props);
     }
   }, {
     key: "componentWillUnmount",

package/lib/inputs/date/helpers.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EN_US_FORMAT = exports.PT_BR_FORMAT = exports.getValue = exports.getCalendarDropdownStyle = void 0;
+
+var _moment = _interopRequireDefault(require("moment"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var PT_BR_FORMAT = 'DD/MM/YYYY';
+exports.PT_BR_FORMAT = PT_BR_FORMAT;
+var EN_US_FORMAT = 'YYYY-MM-DD';
+exports.EN_US_FORMAT = EN_US_FORMAT;
+
+var getCalendarDropdownStyle = function getCalendarDropdownStyle(_ref) {
+  var topPosition = _ref.topPosition,
+      leftPosition = _ref.leftPosition,
+      width = _ref.width;
+  return "top: ".concat(topPosition, "px;\n  left: ").concat(leftPosition, "px;\n  width:").concat(width, "px");
+};
+
+exports.getCalendarDropdownStyle = getCalendarDropdownStyle;
+
+var getValue = function getValue(value) {
+  var stringDataToEnUs = value;
+
+  if ((0, _moment["default"])(value, PT_BR_FORMAT).isValid()) {
+    stringDataToEnUs = (0, _moment["default"])(value, PT_BR_FORMAT).format(EN_US_FORMAT);
+  }
+
+  return typeof value === 'string' ? (0, _moment["default"])(stringDataToEnUs, EN_US_FORMAT) : value;
+};
+
+exports.getValue = getValue;

package/lib/inputs/date/index.js

@@ -31,6 +31,8 @@ var _Dialog = _interopRequireDefault(require("./Dialog"));
 
 var _colorStyles = _interopRequireDefault(require("../../internals/colorStyles"));
 
+var _helpers = require("./helpers");
+
 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); }
@@ -60,7 +62,6 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
 var CALENDAR_BUTTON_WIDTH = 24;
-var dateFormat = 'DD/MM/YYYY';
 
 var DatePicker = /*#__PURE__*/function (_Component) {
   _inherits(DatePicker, _Component);
@@ -78,7 +79,7 @@ var DatePicker = /*#__PURE__*/function (_Component) {
 
     var propsValue = props.value;
     _this.state = {
-      value: propsValue ? (0, _moment["default"])(propsValue) : undefined,
+      value: propsValue ? (0, _helpers.getValue)(propsValue) : undefined,
       // eslint-disable-next-line react/no-unused-state
       propsValue: propsValue,
       showCalendar: false,
@@ -116,7 +117,7 @@ var DatePicker = /*#__PURE__*/function (_Component) {
       var required = this.props.required;
       if (onDenied && onDenied.unvisible) return null;
       return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_BaseMask["default"], _extends({}, this.props, {
-        value: !value ? ' ' : value.format(dateFormat),
+        value: !value ? ' ' : value.format(_helpers.PT_BR_FORMAT),
         mask: "00/00/0000",
         onComplete: function onComplete(e, date) {
           _this2.setValue(e, date);
@@ -136,7 +137,7 @@ var DatePicker = /*#__PURE__*/function (_Component) {
         inputRef: function inputRef(el) {
           _this2.inputRef = el;
         },
-        rightElements: [this.getButtonOpen()],
+        rightElements: this.getButtonOpen(),
         required: required,
         handlerSetOnDenied: this.setOnDenied
       })), showCalendar && this.getWrapperComponent());
@@ -154,9 +155,9 @@ Object.defineProperty(DatePicker, "getDerivedStateFromProps", {
     var value = props.value;
     var propsValue = state.propsValue;
 
-    if (value && (0, _moment["default"])(value, dateFormat).format() !== 'Invalid date' && (0, _moment["default"])(propsValue, dateFormat).format() !== (0, _moment["default"])(value, dateFormat).format()) {
+    if (value && (0, _moment["default"])(value, _helpers.EN_US_FORMAT).format() !== 'Invalid date' && (0, _moment["default"])(propsValue, _helpers.EN_US_FORMAT).format() !== (0, _moment["default"])(value, _helpers.EN_US_FORMAT).format()) {
       return {
-        value: (0, _moment["default"])(value),
+        value: (0, _moment["default"])(value, _helpers.EN_US_FORMAT),
         propsValue: value
       };
     } else if (!value && value !== propsValue) {
@@ -262,8 +263,8 @@ var _initialiseProps = function _initialiseProps() {
       var onChange = _this3.props.onChange;
 
       if (onChange) {
-        if ((0, _moment["default"])(_value, dateFormat, true).isValid()) {
-          var newValue = (0, _moment["default"])(_value, dateFormat).format('YYYY-MM-DD');
+        if ((0, _moment["default"])(_value, _helpers.PT_BR_FORMAT, true).isValid()) {
+          var newValue = (0, _moment["default"])(_value, _helpers.PT_BR_FORMAT).format(_helpers.EN_US_FORMAT);
           var obj = {
             target: {
               value: newValue,
@@ -309,7 +310,7 @@ var _initialiseProps = function _initialiseProps() {
       if (_this3.props.shouldCloseOnSelect) showCalendar = false;
 
       _this3.setState({
-        value: (0, _moment["default"])(_value2, dateFormat),
+        value: (0, _moment["default"])(_value2, _helpers.PT_BR_FORMAT),
         showCalendar: showCalendar
       });
     }

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

@@ -67,12 +67,16 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
+var nodeHasItens = function nodeHasItens(node) {
+  return node.itens && node.itens.length > 0;
+};
+
 var TreeNode = /*#__PURE__*/function (_Component) {
   _inherits(TreeNode, _Component);
 
   var _super = _createSuper(TreeNode);
 
-  function TreeNode(props, context) {
+  function TreeNode(props) {
     var _this;
 
     _classCallCheck(this, TreeNode);
@@ -82,12 +86,12 @@ var TreeNode = /*#__PURE__*/function (_Component) {
     _initialiseProps.call(_assertThisInitialized(_this));
 
     _this.labelRef = /*#__PURE__*/_react["default"].createRef();
-    var node = props.node;
-    var startNodesOpened = context.startNodesOpened;
-    var nodeHasItens = node.itens && node.itens.length > 0;
+    var node = props.node,
+        startNodesOpened = props.startNodesOpened;
     _this.state = {
-      isVisible: nodeHasItens && startNodesOpened,
-      wasOpened: nodeHasItens && startNodesOpened,
+      node: node,
+      isVisible: startNodesOpened && nodeHasItens(node),
+      wasOpened: startNodesOpened && nodeHasItens(node),
       showNodeElements: false,
       keepMenuOpened: false
     };
@@ -126,11 +130,11 @@ var TreeNode = /*#__PURE__*/function (_Component) {
       var _this2 = this;
 
       var _this$props3 = this.props,
-          node = _this$props3.node,
           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,
@@ -207,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;
@@ -220,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);
 
@@ -289,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) {
@@ -370,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: {
@@ -413,7 +430,8 @@ TreeNode.propTypes = {
   nodeMenuButtonSize: _propTypes["default"].oneOf(['mini', 'small', 'medium', 'large', 'default']),
   onNodeClick: _propTypes["default"].func,
   handlerOnNodeOpen: _propTypes["default"].func,
-  nodeElementsValidations: _propTypes["default"].object
+  nodeElementsValidations: _propTypes["default"].object,
+  startNodesOpened: _propTypes["default"].bool.isRequired
 };
 TreeNode.defaultProps = {
   childrenIds: [],

package/lib/treeview/index.js

@@ -462,7 +462,8 @@ var TreeView = /*#__PURE__*/function (_Component) {
             nodeElementsValidations = _this$props3.nodeElementsValidations,
             nodeToolbarElements = _this$props3.nodeToolbarElements,
             nodeMenuButtonSize = _this$props3.nodeMenuButtonSize,
-            alwaysShowArrow = _this$props3.alwaysShowArrow;
+            alwaysShowArrow = _this$props3.alwaysShowArrow,
+            startNodesOpened = _this$props3.startNodesOpened;
         var childrenIds = [];
 
         if (node.itens && node.itens.length > 0) {
@@ -480,6 +481,7 @@ var TreeView = /*#__PURE__*/function (_Component) {
         return /*#__PURE__*/_react["default"].createElement(_Node["default"], {
           key: "node-".concat(node.id),
           node: node,
+          startNodesOpened: startNodesOpened,
           alwaysShowArrow: alwaysShowArrow,
           childrenIds: childrenIds,
           isParent: node.itens && node.itens.length > 0,

package/package.json

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