linear-react-components-ui 1.1.18-beta.1 → 1.1.18-beta.3

package/lib/assets/styles/sidenav.scss

@@ -360,24 +360,26 @@ que utilizam. Em caso de mudança, ficar atento para os refatores.
   width: 300px;
   position: absolute;
 
-  >.list-component {
-    box-shadow: none;
-    overflow: hidden;
-    border-radius: 0px;
+  >.popup-help {
+    >.list-component {
+      box-shadow: none;
+      overflow: hidden;
+      border-radius: 0px;
 
-    >.helpheader {
-      background-color: #77777736 !important;
+      >.list-header {
+        background-color: #77777736 !important;
 
-      >.title {
-        line-height: 40px;
+        >.title {
+          line-height: 40px;
+        }
       }
     }
-  }
 
-  >.infomartion>.help-information {
-    color: rgba(0, 0, 0, 0.54);
-    font-size: 12px;
-    padding-bottom: 10px;
+    .infomartion>.help-information {
+      color: rgba(0, 0, 0, 0.54);
+      font-size: 12px;
+      padding-bottom: 10px;
+    }
   }
 }
 

package/lib/menus/sidenav/index.js

@@ -204,6 +204,7 @@ const SideNav = props => {
     customClass: "helphmenuicon",
     size: menuSize === 'small' && 16 || menuSize === 'medium' && 22 || menuSize === 'large' && 32 || 16
   })), openHelpMenuPopup && /*#__PURE__*/_react.default.createElement(_popup_menu_help.default, _extends({}, props, {
+    helpRef: helpRef,
     style: getPopupMenuHelpStyle(),
     handlerClose: closeHelpMenuPopup,
     menuItemsContent: menuItemsContent && returnMenuItems()

package/lib/menus/sidenav/popup_menu_help/index.d.ts

@@ -1,5 +1,5 @@
+import React__default from 'react';
 import { IPopupMenuHelpProps } from '../types.js';
-import 'react';
 import '../../../@types/PermissionAttr.js';
 import '../../../@types/Size.js';
 import '../../../internals/types.js';
@@ -7,9 +7,6 @@ import '../../../@types/Position.js';
 import '../../../@types/Icon.js';
 import '../../../icons/helper.js';
 
-declare const _default: {
-    (props: IPopupMenuHelpProps): JSX.Element;
-    displayName: string;
-};
+declare const PopupMenuHelp: (props: IPopupMenuHelpProps) => React__default.ReactPortal;
 
-export { _default as default };
+export { PopupMenuHelp as default };

package/lib/menus/sidenav/popup_menu_help/index.js

@@ -7,7 +7,6 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactDom = _interopRequireDefault(require("react-dom"));
 var _list = _interopRequireWildcard(require("../../../list"));
-var _withDropdown = _interopRequireDefault(require("../../../../lib/dropdown/withDropdown"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -18,7 +17,8 @@ const PopupMenuHelp = props => {
     copyright,
     handlerClose,
     version,
-    helpList = []
+    helpList = [],
+    helpRef
   } = props;
   const searchFieldRef = (0, _react.useRef)(null);
   const popupRef = (0, _react.useRef)(document.createElement('div'));
@@ -46,39 +46,40 @@ const PopupMenuHelp = props => {
       style
     });
   }, [style]);
-  const returnList = () => {
-    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_list.default, {
-      condensed: true,
-      selectable: true,
-      onSelectItem: handlerClose,
-      selectOnEnter: true,
-      style: {
-        border: 'none',
-        boxShadow: 'hidden',
-        overflow: 'none'
-      }
-    }, /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_list.ListHeader, {
-      customClass: "helpheader",
-      title: "Ajuda"
-    }), helpList.map(item => /*#__PURE__*/_react.default.createElement(_list.ListItem, {
-      separator: true,
-      selectOnEnter: true,
-      key: item.id,
-      itemId: item.id,
-      url: item.url,
-      text: item.title
-    })))), /*#__PURE__*/_react.default.createElement("div", {
-      className: "infomartion",
-      style: {
-        padding: '10px 0px 0px 7px '
-      }
-    }, /*#__PURE__*/_react.default.createElement("p", {
-      className: "help-information"
-    }, /*#__PURE__*/_react.default.createElement("b", null, "Vers\xE3o:"), version), /*#__PURE__*/_react.default.createElement("p", {
-      className: "help-information"
-    }, copyright)));
-  };
-  const getPopupContent = () => /*#__PURE__*/_react.default.createElement(_react.Fragment, null, returnList());
+  const getPopupContent = () => /*#__PURE__*/_react.default.createElement("div", {
+    className: "popup-help",
+    ref: helpRef
+  }, /*#__PURE__*/_react.default.createElement(_list.default, {
+    condensed: true,
+    selectable: true,
+    onSelectItem: handlerClose,
+    selectOnEnter: true,
+    style: {
+      border: 'none',
+      boxShadow: 'hidden',
+      overflow: 'none'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_list.ListHeader, {
+    customClass: "helpheader",
+    title: "Ajuda"
+  }), helpList.map(item => /*#__PURE__*/_react.default.createElement(_list.ListItem, {
+    separator: true,
+    selectOnEnter: true,
+    key: item.id,
+    itemId: item.id,
+    url: item.url,
+    text: item.title
+  })))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "infomartion",
+    style: {
+      padding: '10px 0px 0px 7px',
+      backgroundColor: 'white'
+    }
+  }, /*#__PURE__*/_react.default.createElement("p", {
+    className: "help-information"
+  }, /*#__PURE__*/_react.default.createElement("b", null, "Vers\xE3o:"), version), /*#__PURE__*/_react.default.createElement("p", {
+    className: "help-information"
+  }, copyright)));
   return /*#__PURE__*/_reactDom.default.createPortal(getPopupContent(), popupRef.current);
 };
-var _default = exports.default = (0, _withDropdown.default)(PopupMenuHelp);
+var _default = exports.default = PopupMenuHelp;

package/lib/menus/sidenav/types.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode, ReactElement, CSSProperties, Ref } from 'react';
+import { ReactNode, ReactElement, CSSProperties, Ref, RefObject } from 'react';
 import { PermissionAttr } from '../../@types/PermissionAttr.js';
 import { Size } from '../../@types/Size.js';
 import { WithTooltipProps } from '../../internals/types.js';
@@ -90,6 +90,7 @@ interface IPopupMenuHelpProps extends ISideNavProps {
     version: string;
     dropdown?: boolean;
     isDropdownOpened?: boolean;
+    helpRef: RefObject<HTMLDivElement>;
 }
 interface ISubMenuContext {
     toggleSubMenu: () => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "linear-react-components-ui",
-  "version": "1.1.18-beta.1",
+  "version": "1.1.18-beta.3",
   "description": "Linear Sistemas ReactJs Components",
   "main": "lib/index.js",
   "module": "lib/index.cjs",