linear-react-components-ui 1.0.1-beta.1 → 1.0.2

package/lib/menus/float/MenuItem.js

@@ -22,15 +22,23 @@ var MenuItem = function MenuItem(_ref) {
     iconColor = _ref$iconColor === void 0 ? 'gray' : _ref$iconColor,
     _ref$iconSize = _ref.iconSize,
     iconSize = _ref$iconSize === void 0 ? 24 : _ref$iconSize,
-    dropdownMenu = _ref.dropdownMenu;
+    dropdownMenu = _ref.dropdownMenu,
+    onClick = _ref.onClick;
   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 === null || dropdownContext === void 0 ? void 0 : 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) && /*#__PURE__*/_react.default.createElement(_buttons.default, {
+  }, !_lodash.default.isEmpty(dropdownMenu) && !onClick && /*#__PURE__*/_react.default.createElement(_buttons.default, {
     customClass: "floatmenudropdown",
     iconName: "more1",
     transparent: true,
@@ -41,10 +49,11 @@ var MenuItem = function MenuItem(_ref) {
   }, dropdownMenu), /*#__PURE__*/_react.default.createElement("a", {
     className: "floatmenulink",
     target: "_blank",
-    onClick: function onClick() {
-      if (dropdownContext) dropdownContext.handleDropdownClose();
-    },
+    onClick: handleOnClick,
     href: url,
+    style: {
+      cursor: onClick ? 'pointer' : undefined
+    },
     rel: "noreferrer"
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: "iconcontainer"

package/lib/menus/float/SubMenuContainer.js

@@ -0,0 +1,83 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _icons = _interopRequireDefault(require("../../icons"));
+var _skeleton = _interopRequireWildcard(require("../../skeleton"));
+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); }
+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) {
+  if (skeletonize && skeletonQtty) {
+    var skeletons = Array.from({
+      length: skeletonQtty
+    }, function (_, i) {
+      return i + 1;
+    });
+    return /*#__PURE__*/_react.default.createElement(_skeleton.SkeletonContainer, {
+      style: {
+        flexDirection: 'row',
+        flexFlow: 'row wrap'
+      }
+    }, skeletons.map(function (id) {
+      return /*#__PURE__*/_react.default.createElement(_skeleton.default, {
+        key: id,
+        height: 88,
+        width: 88,
+        style: {
+          flexGrow: 'unset',
+          marginBottom: 5
+        }
+      });
+    }));
+  }
+  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;
+  (0, _react.useEffect)(function () {
+    return function () {
+      handlerGoBack();
+    };
+  }, []);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "floatsubmenu ".concat(customClass)
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "submenuheader"
+  }, /*#__PURE__*/_react.default.createElement(_icons.default, {
+    onClick: handlerGoBack,
+    name: "arrowBack",
+    pointerEvents: "all",
+    style: {
+      cursor: 'pointer'
+    }
+  }), title && /*#__PURE__*/_react.default.createElement("span", null, title)), /*#__PURE__*/_react.default.createElement("div", {
+    className: "submenucontent"
+  }, renderChildren(skeletonize, skeletonQtty, children)));
+};
+SubMenuContainer.propTypes = {
+  children: _propTypes.default.node.isRequired,
+  handlerGoBack: _propTypes.default.func.isRequired,
+  title: _propTypes.default.string,
+  customClass: _propTypes.default.string,
+  skeletonize: _propTypes.default.bool,
+  skeletonQtty: _propTypes.default.number
+};
+SubMenuContainer.defaultProps = {
+  title: undefined,
+  customClass: undefined,
+  skeletonize: false,
+  skeletonQtty: 3
+};
+var _default = SubMenuContainer;
+exports.default = _default;

package/lib/menus/float/index.d.ts

@@ -1,8 +1,38 @@
 export { default as MenuItem } from './MenuItem.js';
+import PropTypes from 'prop-types';
 import { IFloatMenuProps } from './types.js';
 import 'react';
 import '../../@types/SizePixels.js';
 
+declare function SubMenuContainer({ title, customClass, handlerGoBack, skeletonize, skeletonQtty, children, }: {
+    title: any;
+    customClass: any;
+    handlerGoBack: any;
+    skeletonize: any;
+    skeletonQtty: any;
+    children: any;
+}): JSX.Element;
+declare namespace SubMenuContainer {
+    namespace propTypes {
+        const children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+        const handlerGoBack: PropTypes.Validator<(...args: any[]) => any>;
+        const title: PropTypes.Requireable<string>;
+        const customClass: PropTypes.Requireable<string>;
+        const skeletonize: PropTypes.Requireable<boolean>;
+        const skeletonQtty: PropTypes.Requireable<number>;
+    }
+    namespace defaultProps {
+        const title_1: undefined;
+        export { title_1 as title };
+        const customClass_1: undefined;
+        export { customClass_1 as customClass };
+        const skeletonize_1: boolean;
+        export { skeletonize_1 as skeletonize };
+        const skeletonQtty_1: number;
+        export { skeletonQtty_1 as skeletonQtty };
+    }
+}
+
 declare const FloatMenu: (props: IFloatMenuProps) => JSX.Element;
 
-export { FloatMenu as default };
+export { SubMenuContainer, FloatMenu as default };

package/lib/menus/float/index.js

@@ -9,9 +9,16 @@ 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"));
 var _MenuItem = _interopRequireDefault(require("./MenuItem"));
+var _SubMenuContainer = _interopRequireDefault(require("./SubMenuContainer"));
 var _buttons = _interopRequireDefault(require("../../buttons"));
 var _icons = _interopRequireDefault(require("../../icons"));
 var _spinner = _interopRequireDefault(require("../../spinner"));
@@ -29,7 +36,9 @@ var FloatMenu = function FloatMenu(props) {
     isLoading = props.isLoading,
     customClassMenuItem = props.customClassMenuItem;
   var getSpinner = function getSpinner() {
-    if (isLoading) return /*#__PURE__*/_react.default.createElement(_spinner.default, null);
+    if (isLoading) return /*#__PURE__*/_react.default.createElement(_spinner.default, {
+      delayTime: 0
+    });
     return spinner;
   };
   var contextValues = {

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

@@ -22,6 +22,7 @@ interface IFloatMenuItemProps {
     iconSize?: SizePixels;
     customClass?: string;
     dropdownMenu?: ReactNode;
+    onClick?: (dropdownClose?: () => void) => void;
 }
 
 export { IFloatMenuContext, IFloatMenuItemProps, IFloatMenuProps };

package/lib/menus/index.d.ts

@@ -3,6 +3,7 @@ import './float/MenuItem.js';
 import './float/types.js';
 import 'react';
 import '../@types/SizePixels.js';
+import 'prop-types';
 
 
 

package/lib/menus/sidenav/index.js

@@ -91,7 +91,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 + window.scrollY, "px; height: ").concat(height, "px;");
+    var style = "left: ".concat(left + width + 5, "px; top: ").concat(top + 1, "px; height: ").concat(height - 8, "px;");
     return style;
   };
   var closeSearchMenuPopup = function closeSearchMenuPopup() {

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

@@ -84,6 +84,7 @@ var PopupMenuSearch = function PopupMenuSearch(props) {
         selectable: true,
         onSelectItem: handlerClose,
         selectedItemId: defaultSelectedItemId,
+        selectOnEnter: true,
         style: {
           margin: '25px 0px',
           border: 'none',

package/lib/panel/Header.js

@@ -50,7 +50,7 @@ var PanelHeader = function PanelHeader(props) {
     style: style
   }, (icon || titleIcon) && /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(icon !== null || titleIcon !== null ? 'icon-left-panel' : '')
-  }, getIcon(titleIcon, icon)), /*#__PURE__*/_react.default.createElement("h1", {
+  }, getIcon(titleIcon, icon)), title && /*#__PURE__*/_react.default.createElement("h1", {
     className: "title ".concat(customClassForTitle),
     style: styleForTitle
   }, title), toggleable && /*#__PURE__*/_react.default.createElement(_buttons.ButtonContainer, {

package/lib/tabs/DropdownItems.d.ts

@@ -4,6 +4,6 @@ import '../@types/Size.js';
 import '../@types/Position.js';
 import '../@types/PermissionAttr.js';
 
-declare const DropdownItems: ({ handlerClick, handlerRemovePanel, dropdownPanels, tabMenuSize, }: MenuProps) => JSX.Element;
+declare const DropdownItems: ({ handlerClick, handlerRemovePanel, dropdownPanels, tabMenuSize, }: MenuProps) => JSX.Element | null;
 
 export { DropdownItems as default };

package/lib/tabs/DropdownItems.js

@@ -59,7 +59,7 @@ var DropdownItems = function DropdownItems(_ref) {
         handlerRemovePanel === null || handlerRemovePanel === void 0 ? void 0 : handlerRemovePanel(id, index, true);
       }
     })));
-  }))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+  }))) : null;
 };
 var _default = DropdownItems;
 exports.default = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "linear-react-components-ui",
-  "version": "1.0.1-beta.1",
+  "version": "1.0.2",
   "description": "Linear Sistemas ReactJs Components",
   "main": "lib/index.js",
   "module": "lib/index.cjs",
@@ -14,6 +14,7 @@
     "deploy:heroku": "npm run demo:prod && cd demo && git commit -am 'Deploy' && git push heroku master",
     "publish:npm": "npm run lib && npm publish",
     "publish:npm:beta": "npm run lib && npm publish --tag beta",
+    "publish:npm:rc": "npm run lib && npm publish --tag rc",
     "prepare": "husky install",
     "test": "jest --env=jsdom",
     "test:watch": "jest --watchAll --env=jsdom",

package/lib/assets/styles/hint.scss

@@ -1,9 +0,0 @@
-@import "commons.scss";
-
-.hint-component {
-  @extend %hint-text;
-
-  &.-skeletonized > span {
-    @extend %skeleton-component;
-  }
-}

package/lib/hint/index.d.ts

@@ -1,6 +0,0 @@
-import { HintProps } from './types.js';
-import 'react';
-
-declare const Hint: ({ visible, description, customClass, skeletonize, style, }: HintProps) => JSX.Element | null;
-
-export { Hint as default };

package/lib/hint/index.js

@@ -1,25 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-require("../assets/styles/hint.scss");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var Hint = function Hint(_ref) {
-  var _ref$visible = _ref.visible,
-    visible = _ref$visible === void 0 ? true : _ref$visible,
-    description = _ref.description,
-    customClass = _ref.customClass,
-    _ref$skeletonize = _ref.skeletonize,
-    skeletonize = _ref$skeletonize === void 0 ? false : _ref$skeletonize,
-    style = _ref.style;
-  if (!visible || !description) return null;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    style: style,
-    className: "\n        hint-component\n        ".concat(customClass, "\n        ").concat(skeletonize ? '-skeletonized' : '', "\n      ")
-  }, /*#__PURE__*/_react.default.createElement("span", null, description));
-};
-var _default = Hint;
-exports.default = _default;

package/lib/hint/types.d.ts

@@ -1,11 +0,0 @@
-import { CSSProperties } from 'react';
-
-interface HintProps {
-    description?: string;
-    visible?: boolean;
-    customClass?: string;
-    skeletonize?: boolean;
-    style?: CSSProperties;
-}
-
-export { HintProps };

package/lib/hint/types.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});