linear-react-components-ui 0.4.77-beta.16 → 0.4.77-beta.17

package/lib/assets/styles/dropdown.scss

@@ -1,6 +1,5 @@
 @import "commons.scss";
 @import "effects.scss";
-@import "colors.scss";
 .dropdown-component {
   min-width: 200px;
   position: absolute;
@@ -77,44 +76,12 @@
     box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
     animation: revealelement 0.3s forwards ease-in-out;
     margin-right: 7px;
-    > .floatmenuitem,
-    > .floatsubmenu .floatmenuitem {
+    > .floatmenuitem {
       text-decoration: none;
       color: #666666;
       text-align: center;
     }
-    > .floatsubmenu {
-      position: relative;
-      animation: slideWithPositionRightToLeft 0.4s;
-    }
-    > .floatsubmenu {
-        width: 100%;
-      > .submenuheader {
-        color: $font-color-soft;
-        display: flex;
-        align-items: center;
-        gap: 10px;
-        margin-bottom: 10px;
-        span {
-          font-weight: 500;
-        }
-      }
-      > .submenucontent {
-        display: -webkit-box;
-        display: -ms-flexbox;
-        display: flex;
-        -webkit-box-orient: horizontal;
-        -webkit-box-direction: normal;
-        -ms-flex-flow: row wrap;
-        flex-flow: row wrap;
-
-        svg {
-          margin: 0 auto;
-        }
-      }
-    }
-    > .floatmenuitem .-items,
-    > .floatsubmenu .floatmenuitem .-items {
+    > .floatmenuitem .-items {
       border: solid 1px $default-hover-color;
       margin: 0 5px 5px 0;
       font-size: 12px;

package/lib/assets/styles/effects.scss

@@ -732,17 +732,6 @@
   }
 }
 
-@keyframes slideWithPositionRightToLeft {
-  from {
-    left: 100%;
-    opacity: 0;
-  }
-  to {
-    left: 0;
-    opacity: 1;
-  }
-}
-
 @keyframes slideRightToLeftWithFade {
   from {
     opacity: 0;

package/lib/dropdown/withDropdown.js

@@ -73,10 +73,10 @@ var withDropdown = function withDropdown(WrappedComponent) {
       setPrevOpened(dropdownOpened);
     }
 
-    var onClickOutside = function onClickOutside(event) {
-      var target = event.target;
+    var onClickOutside = function onClickOutside(_ref) {
+      var target = _ref.target;
 
-      if (popupRef.current && target !== popupRef.current && !event.path.includes(popupRef.current) && wrappedComponentRef.current !== target) {
+      if (popupRef && popupRef.current && target !== popupRef.current && !popupRef.current.contains(target) && wrappedComponentRef.current !== target) {
         setOpened(false);
       }
     };

package/lib/icons/helper.js

@@ -562,14 +562,6 @@ function getIcons() {
     checkmarkCircle: {
       viewbox: '0 0 16 16',
       paths: ['M8 0c-4.418 0-8 3.582-8 8s3.582 8 8 8 8-3.582 8-8-3.582-8-8-8zM6.5 12.031l-2.813-3.344 1.031-1.031 1.781 1.75 5.156-4.5 0.719 0.719-5.875 6.406z']
-    },
-    products: {
-      viewbox: '0 0 20 16',
-      paths: ['M19 1v5.75c0 0.147-0.133 0.469-0.237 0.573l-7.263 7.263-6.086-6.086 7.263-7.263c0.104-0.104 0.426-0.237 0.573-0.237h5.75zM19.25 0h-6c-0.412 0-0.989 0.239-1.28 0.53l-7.439 7.439c-0.292 0.292-0.292 0.769 0 1.061l6.439 6.439c0.146 0.146 0.338 0.219 0.53 0.219s0.384-0.073 0.53-0.219l7.439-7.439c0.292-0.292 0.53-0.868 0.53-1.28v-6c0-0.412-0.337-0.75-0.75-0.75v0z', 'M17 4.5c0 0.828-0.672 1.5-1.5 1.5s-1.5-0.672-1.5-1.5c0-0.828 0.672-1.5 1.5-1.5s1.5 0.672 1.5 1.5z', 'M9.914 0h-0.664c-0.412 0-0.989 0.239-1.28 0.53l-7.439 7.439c-0.292 0.292-0.292 0.769 0 1.061l6.439 6.439c0.146 0.146 0.338 0.219 0.53 0.219s0.385-0.073 0.53-0.219l0.177-0.177-6.793-6.793 8.5-8.5z']
-    },
-    records: {
-      viewbox: '0 0 16 16',
-      paths: ['M13.75 4h-0.75v-0.75c0-0.689-0.561-1.25-1.25-1.25h-0.75v-0.75c0-0.689-0.561-1.25-1.25-1.25h-7.5c-0.689 0-1.25 0.561-1.25 1.25v9.5c0 0.689 0.561 1.25 1.25 1.25h0.75v0.75c0 0.689 0.561 1.25 1.25 1.25h0.75v0.75c0 0.689 0.561 1.25 1.25 1.25h7.5c0.689 0 1.25-0.561 1.25-1.25v-9.5c0-0.689-0.561-1.25-1.25-1.25zM2.25 11c-0.138 0-0.25-0.113-0.25-0.25v-9.5c0-0.137 0.112-0.25 0.25-0.25h7.5c0.137 0 0.25 0.113 0.25 0.25v0.75h-5.75c-0.689 0-1.25 0.561-1.25 1.25v7.75h-0.75zM4.25 13c-0.138 0-0.25-0.113-0.25-0.25v-9.5c0-0.138 0.112-0.25 0.25-0.25h7.5c0.137 0 0.25 0.112 0.25 0.25v0.75h-5.75c-0.689 0-1.25 0.561-1.25 1.25v7.75h-0.75zM14 14.75c0 0.137-0.113 0.25-0.25 0.25h-7.5c-0.138 0-0.25-0.113-0.25-0.25v-9.5c0-0.138 0.112-0.25 0.25-0.25h7.5c0.137 0 0.25 0.112 0.25 0.25v9.5z']
     }
   };
   return icons;

package/lib/list/index.js

@@ -197,13 +197,16 @@ var List = function List(props) {
   (0, _react.useEffect)(function () {
     if (onSelectItem && props.selectedItemId) {
       setSelectedItemId(props.selectedItemId);
+      if (selectedItemRef.current) selectedItemRef.current.focus();
     }
   }, [props.selectedItemId]);
   (0, _react.useEffect)(function () {
-    var newItensIds = children.length > 0 ? children.map(function (item) {
-      return item.props && item.props.itemId;
-    }).filter(Boolean) : [children.props.itemId];
-    setItensId(newItensIds);
+    if (children.length > 0 || children.props && children.props.itemId) {
+      var newItensIds = children.length > 0 ? children.map(function (item) {
+        return item.props && item.props.itemId;
+      }).filter(Boolean) : [children.props.itemId];
+      setItensId(newItensIds);
+    }
   }, [children]);
   (0, _react.useEffect)(function () {
     if (skeletonize) {

package/lib/menus/float/MenuItem.js

@@ -33,28 +33,17 @@ var MenuItem = function MenuItem(_ref) {
       iconName = _ref.iconName,
       iconColor = _ref.iconColor,
       iconSize = _ref.iconSize,
-      dropdownMenu = _ref.dropdownMenu,
-      onClick = _ref.onClick;
+      dropdownMenu = _ref.dropdownMenu;
 
   var _useContext = (0, _react.useContext)(_helpers["default"]),
       customClassMenuItem = _useContext.customClassMenuItem;
 
   var dropdownContext = (0, _react.useContext)(_withDropdown.WithDropdownContext);
-
-  var handleOnClick = function handleOnClick() {
-    if (onClick) {
-      onClick(dropdownContext && dropdownContext.handleDropdownClose);
-      return;
-    }
-
-    if (dropdownContext) dropdownContext.handleDropdownClose();
-  };
-
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "floatmenuitem"
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(customClassMenuItem, " -items")
-  }, !_lodash["default"].isEmpty(dropdownMenu) && !onClick && /*#__PURE__*/_react["default"].createElement(_buttons["default"], {
+  }, !_lodash["default"].isEmpty(dropdownMenu) && /*#__PURE__*/_react["default"].createElement(_buttons["default"], {
     customClass: "floatmenudropdown",
     iconName: "more1",
     transparent: true,
@@ -65,11 +54,10 @@ var MenuItem = function MenuItem(_ref) {
   }, dropdownMenu), /*#__PURE__*/_react["default"].createElement("a", {
     className: "floatmenulink",
     target: "_blank",
-    onClick: handleOnClick,
-    href: url,
-    style: {
-      cursor: onClick ? 'pointer' : undefined
+    onClick: function onClick() {
+      if (dropdownContext) dropdownContext.handleDropdownClose();
     },
+    href: url,
     rel: "noreferrer"
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: "iconcontainer"
@@ -86,12 +74,12 @@ var MenuItem = function MenuItem(_ref) {
 MenuItem.propTypes = {
   title: _propTypes["default"].string,
   url: _propTypes["default"].string,
+  urlHref: _propTypes["default"].string,
   iconName: _propTypes["default"].string,
   iconColor: _propTypes["default"].string,
   iconSize: _propTypes["default"].number,
   customClass: _propTypes["default"].string,
-  dropdownMenu: _propTypes["default"].element,
-  onClick: _propTypes["default"].func
+  dropdownMenu: _propTypes["default"].element
 };
 MenuItem.defaultProps = {
   iconColor: 'gray',
@@ -100,8 +88,8 @@ MenuItem.defaultProps = {
   iconName: '',
   customClass: '',
   url: undefined,
-  dropdownMenu: undefined,
-  onClick: undefined
+  urlHref: undefined,
+  dropdownMenu: undefined
 };
 var _default = MenuItem;
 exports["default"] = _default;

package/lib/menus/float/SubMenuContainer.js

@@ -21,7 +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; }
 
-var renderChildren = function renderChildren(skeletonize, skeletonQtty, children) {
+// import SpinnerLoading from '../../spinner/SpinnerLoading';
+var renderChildren = function renderChildren(_ref) {
+  var skeletonQtty = _ref.skeletonQtty,
+      skeletonize = _ref.skeletonize,
+      children = _ref.children;
+
   if (skeletonize && skeletonQtty) {
     var skeletons = Array.from({
       length: skeletonQtty
@@ -49,13 +54,10 @@ var renderChildren = function renderChildren(skeletonize, skeletonQtty, children
   return children;
 };
 
-var SubMenuContainer = function SubMenuContainer(_ref) {
-  var title = _ref.title,
-      customClass = _ref.customClass,
-      handlerGoBack = _ref.handlerGoBack,
-      skeletonize = _ref.skeletonize,
-      skeletonQtty = _ref.skeletonQtty,
-      children = _ref.children;
+var SubMenuContainer = function SubMenuContainer(props) {
+  var title = props.title,
+      customClass = props.customClass,
+      handlerGoBack = props.handlerGoBack;
   (0, _react.useEffect)(function () {
     return function () {
       handlerGoBack();
@@ -74,7 +76,7 @@ var SubMenuContainer = function SubMenuContainer(_ref) {
     }
   }), title && /*#__PURE__*/_react["default"].createElement("span", null, title)), /*#__PURE__*/_react["default"].createElement("div", {
     className: "submenucontent"
-  }, renderChildren(skeletonize, skeletonQtty, children)));
+  }, renderChildren(props)));
 };
 
 SubMenuContainer.propTypes = {

package/lib/menus/float/index.js

@@ -9,12 +9,6 @@ Object.defineProperty(exports, "MenuItem", {
     return _MenuItem["default"];
   }
 });
-Object.defineProperty(exports, "SubMenuContainer", {
-  enumerable: true,
-  get: function get() {
-    return _SubMenuContainer["default"];
-  }
-});
 exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
@@ -23,8 +17,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _MenuItem = _interopRequireDefault(require("./MenuItem"));
 
-var _SubMenuContainer = _interopRequireDefault(require("./SubMenuContainer"));
-
 var _buttons = _interopRequireDefault(require("../../buttons"));
 
 var _icons = _interopRequireDefault(require("../../icons"));
@@ -47,9 +39,7 @@ var FloatMenu = function FloatMenu(props) {
       customClassMenuItem = props.customClassMenuItem;
 
   var getSpinner = function getSpinner() {
-    if (isLoading) return /*#__PURE__*/_react["default"].createElement(_spinner["default"], {
-      delayTime: 0
-    });
+    if (isLoading) return /*#__PURE__*/_react["default"].createElement(_spinner["default"], null);
     return spinner;
   };
 

package/lib/menus/sidenav/index.js

@@ -126,7 +126,7 @@ var SideNav = function SideNav(props) {
         top = sideNavDimensions.top,
         width = sideNavDimensions.width,
         height = sideNavDimensions.height;
-    var style = "left: ".concat(left + width + 5, "px; top: ").concat(top + 1, "px; height: ").concat(height - 8, "px;");
+    var style = "left: ".concat(left + width + 5, "px; top: ").concat(top + window.scrollY, "px; height: ").concat(height, "px;");
     return style;
   };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "linear-react-components-ui",
-  "version": "0.4.77-beta.16",
+  "version": "0.4.77-beta.17",
   "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;