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

package/lib/assets/styles/panel.scss

@@ -6,6 +6,8 @@
   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);
   }
@@ -47,7 +49,8 @@
     }
   }
   > .panel-content {
-    height: auto;
+    flex: 1;
+    overflow: auto;
     padding: 15px;
   }
 }

package/lib/inputs/mask/Phone.js

@@ -7,6 +7,8 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _BaseMask = _interopRequireDefault(require("./BaseMask"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -14,10 +16,17 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 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 PhoneField = function PhoneField(props) {
+  var cellNumber = props.cellNumber;
   return /*#__PURE__*/_react["default"].createElement(_BaseMask["default"], _extends({}, props, {
-    mask: "(00) 0000-0000"
+    mask: cellNumber ? '(00) 00000-0000' : '(00) 0000-0000'
   }));
 };
 
+PhoneField.propTypes = {
+  cellNumber: _propTypes["default"].bool
+};
+PhoneField.defaultProps = {
+  cellNumber: false
+};
 var _default = PhoneField;
 exports["default"] = _default;

package/lib/inputs/select/Dropdown.js

@@ -85,7 +85,8 @@ var Dropdown = function Dropdown(_ref) {
       imgSrcKey = _ref.imgSrcKey,
       gridWrapperStyle = _ref.gridWrapperStyle,
       selectFieldRef = _ref.selectFieldRef,
-      dropdownMaxHeight = _ref.dropdownMaxHeight;
+      dropdownMaxHeight = _ref.dropdownMaxHeight,
+      inputValue = _ref.inputValue;
 
   var _useState = (0, _react.useState)(returnDropdownDynamicStyles(selectFieldRef, dropdownMaxHeight)),
       _useState2 = _slicedToArray(_useState, 1),
@@ -102,6 +103,7 @@ var Dropdown = function Dropdown(_ref) {
   }, /*#__PURE__*/_react["default"].createElement("input", {
     className: "filterinput",
     type: "text",
+    value: inputValue,
     onFocus: function onFocus() {
       handleOnFocus();
     },
@@ -174,7 +176,8 @@ Dropdown.propTypes = {
   striped: _propTypes["default"].bool,
   gridWrapperStyle: _propTypes["default"].object,
   selectFieldRef: _propTypes["default"].object,
-  dropdownMaxHeight: _propTypes["default"].number
+  dropdownMaxHeight: _propTypes["default"].number,
+  inputValue: _propTypes["default"].string.isRequired
 };
 Dropdown.defaultProps = {
   selected: null,

package/lib/inputs/select/multiple/index.js

@@ -397,7 +397,7 @@ Object.defineProperty(MultipleSelect, "getDerivedStateFromProps", {
       var dataCombo = remoteSearch ? dataSource : (0, _helper.getFilteredMultipleDataCombo)(_extends({}, props, state));
       return {
         dataCombo: dataCombo,
-        selected: dataSource.length > 0 && remoteSearch ? dataSource[0] : null
+        selected: dataCombo.length > 0 ? dataCombo[0] : null
       };
     }
 

package/lib/internals/withTooltip.js

@@ -112,12 +112,12 @@ var withTooltip = function withTooltip(WrappedComponent) {
       };
     }, []);
     (0, _react.useEffect)(function () {
-      if (targetElement.current) {
+      if (targetElement.current && tooltipElement.current) {
         var width = tooltipDimensions.width,
             height = tooltipDimensions.height;
         var targetDimensions = targetElement.current.getBoundingClientRect();
         var targetVerticalCenter = (targetDimensions.top + targetDimensions.bottom) / 2;
-        var tooltipClientWidth = tooltipElement.current && tooltipElement.current.clientWidth;
+        var tooltipClientWidth = tooltipElement.current.clientWidth;
         var style = "width: ".concat(typeof width === 'string' ? width : "".concat(width, "px"));
         var left = targetDimensions.left + targetDimensions.width / 2 - tooltipClientWidth / 2;
         left = Math.min(left, document.body.clientWidth - tooltipClientWidth - space);

package/lib/treeview/index.js

@@ -100,20 +100,26 @@ var TreeView = /*#__PURE__*/function (_Component) {
       enumerable: true,
       writable: true,
       value: function value(selectedIds) {
-        var requiredIds = [];
-        var newSelectedIds = [];
-        selectedIds.forEach(function (id) {
-          var _this$checkAllAncestr = _this.checkAllAncestry(id, [], true, false),
-              requiredParentsIds = _this$checkAllAncestr.requiredParentsIds,
-              updatedIdsWithAncestryIds = _this$checkAllAncestr.updatedIdsWithAncestryIds;
-
-          newSelectedIds = [].concat(_toConsumableArray(newSelectedIds), _toConsumableArray(updatedIdsWithAncestryIds));
-          requiredIds = [].concat(_toConsumableArray(requiredIds), _toConsumableArray(requiredParentsIds));
-        });
-
         _this.setState({
-          requiredParentsIds: _lodash["default"].uniq(requiredIds),
-          selectedIds: _lodash["default"].uniq(newSelectedIds)
+          requiredParentsIds: []
+        }, function () {
+          var requiredIds = [];
+          var newSelectedIds = [];
+          var selectedIdsUpdatedOnMount = _this.state.selectedIdsUpdatedOnMount;
+          selectedIds.forEach(function (id) {
+            var _this$checkAllAncestr = _this.checkAllAncestry(id, [], true, false),
+                requiredParentsIds = _this$checkAllAncestr.requiredParentsIds,
+                updatedIdsWithAncestryIds = _this$checkAllAncestr.updatedIdsWithAncestryIds;
+
+            newSelectedIds = [].concat(_toConsumableArray(newSelectedIds), _toConsumableArray(updatedIdsWithAncestryIds));
+            requiredIds = [].concat(_toConsumableArray(requiredIds), _toConsumableArray(requiredParentsIds));
+          });
+
+          _this.setState({
+            requiredParentsIds: _lodash["default"].uniq(requiredIds),
+            selectedIds: _lodash["default"].uniq(newSelectedIds),
+            selectedIdsUpdatedOnMount: selectedIdsUpdatedOnMount || true
+          });
         });
       }
     });
@@ -504,7 +510,8 @@ var TreeView = /*#__PURE__*/function (_Component) {
       selectedIds: _this.props.selectedIds,
       isHandlingSelectedIds: false,
       requiredParentsIds: [],
-      alreadyOpenedIds: []
+      alreadyOpenedIds: [],
+      selectedIdsUpdatedOnMount: false
     };
     return _this;
   }
@@ -519,12 +526,15 @@ var TreeView = /*#__PURE__*/function (_Component) {
     value: function componentDidUpdate(prevProps, prevState) {
       var _this$state3 = this.state,
           selectedIds = _this$state3.selectedIds,
-          propSelectedIds = _this$state3.propSelectedIds;
+          propSelectedIds = _this$state3.propSelectedIds,
+          selectedIdsUpdatedOnMount = _this$state3.selectedIdsUpdatedOnMount;
       var allowCheckAllAncestry = this.props.allowCheckAllAncestry;
 
       var isSameSelectedIds = _lodash["default"].isEqual(propSelectedIds.sort(), prevState.propSelectedIds.sort());
 
-      if (allowCheckAllAncestry && !isSameSelectedIds) this.handleNewSelectedIds(selectedIds);
+      if (allowCheckAllAncestry && (!selectedIdsUpdatedOnMount || !isSameSelectedIds)) {
+        this.handleNewSelectedIds(selectedIds);
+      }
     }
   }, {
     key: "render",

package/package.json

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

package/lib/inputs/date/helper.js

@@ -1,16 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-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");
-};
-
-var _default = getCalendarDropdownStyle;
-exports["default"] = _default;