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

package/lib/treeview/Node.js

@@ -83,11 +83,13 @@ var TreeNode = /*#__PURE__*/function (_Component) {
       enumerable: true,
       writable: true,
       value: function value() {
-        var node = _this.props.node;
+        var _this$props = _this.props,
+            node = _this$props.node,
+            alwaysShowArrow = _this$props.alwaysShowArrow;
 
         var span = /*#__PURE__*/_react["default"].createElement("noscript", null);
 
-        if (node.itens && node.itens.length > 0) {
+        if (node.itens && node.itens.length > 0 || alwaysShowArrow) {
           span = /*#__PURE__*/_react["default"].createElement("span", {
             onKeyPress: null,
             tabIndex: 0,
@@ -150,9 +152,9 @@ var TreeNode = /*#__PURE__*/function (_Component) {
       enumerable: true,
       writable: true,
       value: function value(elements) {
-        var _this$props = _this.props,
-            node = _this$props.node,
-            nodeElementsValidations = _this$props.nodeElementsValidations;
+        var _this$props2 = _this.props,
+            node = _this$props2.node,
+            nodeElementsValidations = _this$props2.nodeElementsValidations;
         var updatedElements = [];
 
         if (elements) {
@@ -231,9 +233,9 @@ var TreeNode = /*#__PURE__*/function (_Component) {
       enumerable: true,
       writable: true,
       value: function value(validationKey) {
-        var _this$props2 = _this.props,
-            nodeElementsValidations = _this$props2.nodeElementsValidations,
-            node = _this$props2.node;
+        var _this$props3 = _this.props,
+            nodeElementsValidations = _this$props3.nodeElementsValidations,
+            node = _this$props3.node;
         var validations = nodeElementsValidations[validationKey];
         var options = {
           disabled: {
@@ -272,10 +274,10 @@ var TreeNode = /*#__PURE__*/function (_Component) {
   _createClass(TreeNode, [{
     key: "componentDidMount",
     value: function componentDidMount() {
-      var _this$props3 = this.props,
-          isParent = _this$props3.isParent,
-          nodeToolbarElements = _this$props3.nodeToolbarElements,
-          nodeRightElements = _this$props3.nodeRightElements;
+      var _this$props4 = this.props,
+          isParent = _this$props4.isParent,
+          nodeToolbarElements = _this$props4.nodeToolbarElements,
+          nodeRightElements = _this$props4.nodeRightElements;
 
       if (isParent || nodeRightElements || nodeToolbarElements) {
         this.labelRef.current.addEventListener('mouseenter', this.handleShowNodeElements);
@@ -285,10 +287,10 @@ var TreeNode = /*#__PURE__*/function (_Component) {
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
-      var _this$props4 = this.props,
-          isParent = _this$props4.isParent,
-          nodeToolbarElements = _this$props4.nodeToolbarElements,
-          nodeRightElements = _this$props4.nodeRightElements;
+      var _this$props5 = this.props,
+          isParent = _this$props5.isParent,
+          nodeToolbarElements = _this$props5.nodeToolbarElements,
+          nodeRightElements = _this$props5.nodeRightElements;
 
       if (isParent || nodeRightElements || nodeToolbarElements) {
         this.labelRef.current.removeEventListener('mouseenter', this.handleShowNodeElements);
@@ -300,12 +302,12 @@ var TreeNode = /*#__PURE__*/function (_Component) {
     value: function render() {
       var _this2 = this;
 
-      var _this$props5 = this.props,
-          node = _this$props5.node,
-          children = _this$props5.children,
-          isParent = _this$props5.isParent,
-          onNodeClick = _this$props5.onNodeClick,
-          nodeMenuButtonSize = _this$props5.nodeMenuButtonSize;
+      var _this$props6 = this.props,
+          node = _this$props6.node,
+          children = _this$props6.children,
+          isParent = _this$props6.isParent,
+          onNodeClick = _this$props6.onNodeClick,
+          nodeMenuButtonSize = _this$props6.nodeMenuButtonSize;
       var showNodeElements = this.state.showNodeElements;
       return /*#__PURE__*/_react["default"].createElement(_constants.TreeviewContext.Consumer, null, function (_ref) {
         var valuePropName = _ref.valuePropName,
@@ -394,6 +396,7 @@ TreeNode.propTypes = {
   parentId: _propTypes["default"].number,
   disabled: _propTypes["default"].bool,
   isParent: _propTypes["default"].bool,
+  alwaysShowArrow: _propTypes["default"].bool,
   nodeRightElements: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].object), _propTypes["default"].element, _propTypes["default"].object]),
   nodeToolbarElements: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].object), _propTypes["default"].element, _propTypes["default"].object]),
   nodeMenuButtonSize: _propTypes["default"].oneOf(['mini', 'small', 'medium', 'large', 'default']),
@@ -406,6 +409,7 @@ TreeNode.defaultProps = {
   parentId: undefined,
   disabled: false,
   isParent: false,
+  alwaysShowArrow: false,
   nodeRightElements: undefined,
   nodeToolbarElements: undefined,
   nodeMenuButtonSize: 'small',

package/lib/treeview/index.js

@@ -461,7 +461,8 @@ var TreeView = /*#__PURE__*/function (_Component) {
             onNodeClick = _this$props3.onNodeClick,
             nodeElementsValidations = _this$props3.nodeElementsValidations,
             nodeToolbarElements = _this$props3.nodeToolbarElements,
-            nodeMenuButtonSize = _this$props3.nodeMenuButtonSize;
+            nodeMenuButtonSize = _this$props3.nodeMenuButtonSize,
+            alwaysShowArrow = _this$props3.alwaysShowArrow;
         var childrenIds = [];
 
         if (node.itens && node.itens.length > 0) {
@@ -479,6 +480,7 @@ var TreeView = /*#__PURE__*/function (_Component) {
         return /*#__PURE__*/_react["default"].createElement(_Node["default"], {
           key: "node-".concat(node.id),
           node: node,
+          alwaysShowArrow: alwaysShowArrow,
           childrenIds: childrenIds,
           isParent: node.itens && node.itens.length > 0,
           parentId: parentId,
@@ -572,6 +574,7 @@ TreeView.propTypes = {
   labelPropName: _propTypes["default"].string.isRequired,
   parentPropName: _propTypes["default"].string.isRequired,
   startNodesOpened: _propTypes["default"].bool,
+  alwaysShowArrow: _propTypes["default"].bool,
   selectedIds: _propTypes["default"].arrayOf(_propTypes["default"].number),
   requiredIds: _propTypes["default"].arrayOf(_propTypes["default"].number),
   showCheckBox: _propTypes["default"].bool,
@@ -592,6 +595,7 @@ TreeView.defaultProps = {
   customClass: '',
   bordered: false,
   startNodesOpened: false,
+  alwaysShowArrow: false,
   selectedIds: [],
   requiredIds: [],
   showCheckBox: false,

package/package.json

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