linear-react-components-ui 0.4.75-beta.8 → 0.4.76-rc.0

package/lib/drawer/Drawer.spec.js

@@ -0,0 +1,258 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@testing-library/react");
+
+require("@testing-library/jest-dom/extend-expect");
+
+require("babel-polyfill");
+
+var _ = _interopRequireWildcard(require("."));
+
+var _icons = _interopRequireDefault(require("../icons"));
+
+var _avatar = _interopRequireDefault(require("../avatar"));
+
+var _storageMock = _interopRequireWildcard(require("../../../config/jest/storageMock"));
+
+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; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+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 drawerMock = function drawerMock(drawerProps, drawerHeaderProps) {
+  return /*#__PURE__*/_react["default"].createElement(_["default"], _extends({
+    position: "right",
+    customClass: "customMockClass",
+    customClassForContent: "CustomContentMockClass",
+    style: {
+      backgroundColor: '#FFF'
+    },
+    overlay: true
+  }, drawerProps), /*#__PURE__*/_react["default"].createElement(_.DrawerHeader, _extends({
+    title: "Header Test",
+    subTitle: "Subtitle test",
+    titleIcon: "user",
+    customClass: "customMockHeaderClass",
+    showCloseButton: true
+  }, drawerHeaderProps)), /*#__PURE__*/_react["default"].createElement(_.DrawerContent, {
+    style: {
+      background: '#333',
+      marginTop: 10
+    }
+  }, "DrawerContent", /*#__PURE__*/_react["default"].createElement(_avatar["default"], null)));
+};
+
+describe('Drawer', function () {
+  describe('Drawer Container', function () {
+    var DrawerTestId = 'drawercontainer-component';
+    var DrawerContentTestId = 'drawercontent';
+    it('should render the drawer component with children', function () {
+      var _render = (0, _react2.render)(drawerMock()),
+          getByTestId = _render.getByTestId;
+
+      expect(getByTestId(DrawerTestId)).toHaveTextContent('DrawerContent');
+    });
+    it('should change the position of Drawer', function () {
+      var _render2 = (0, _react2.render)(drawerMock()),
+          getByTestId = _render2.getByTestId;
+
+      expect(getByTestId(DrawerTestId)).toHaveClass('right');
+    });
+    it('should apply customClass', function () {
+      var _render3 = (0, _react2.render)(drawerMock()),
+          getByTestId = _render3.getByTestId;
+
+      expect(getByTestId(DrawerTestId)).toHaveClass('customMockClass');
+    });
+    it('should apply customClassContent', function () {
+      var _render4 = (0, _react2.render)(drawerMock()),
+          getByTestId = _render4.getByTestId;
+
+      expect(getByTestId(DrawerContentTestId)).toHaveClass('CustomContentMockClass');
+    });
+    it('should apply inline style', function () {
+      var _render5 = (0, _react2.render)(drawerMock()),
+          getByTestId = _render5.getByTestId;
+
+      expect(getByTestId(DrawerTestId)).toHaveStyle('background-color: #FFF');
+    });
+    it('should render overlay over the page', function () {
+      (0, _react2.render)(drawerMock());
+      expect(_react2.screen.getByTestId('drawer-overlay')).toBeInTheDocument();
+    });
+    it('should close the Drawer when press Escape', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+      var mockHandlerClose, _render6, container;
+
+      return regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              mockHandlerClose = jest.fn();
+              _render6 = (0, _react2.render)(drawerMock({
+                handlerClose: mockHandlerClose,
+                closeOnEsc: true
+              })), container = _render6.container;
+
+              _react2.fireEvent.keyUp(container, {
+                key: 'Escape',
+                code: 'Escape',
+                keyCode: 27,
+                charCode: 27
+              });
+
+              expect(mockHandlerClose).toHaveBeenCalled();
+
+            case 4:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    })));
+  });
+  describe('Drawer Header', function () {
+    var CloseButtonTestId = 'header-closebutton';
+    var mockHandlerClose = jest.fn();
+
+    var mockImage = /*#__PURE__*/_react["default"].createElement("img", {
+      src: "https://devfront.erplinear.com.br/auth/static/media/auth_bg.96d98c39.jpg",
+      alt: "imagem teste"
+    });
+
+    var DrawerHeaderMock = drawerMock({
+      handlerClose: mockHandlerClose
+    });
+    it('should renders correctly DrawerHeader', function () {
+      var _render7 = (0, _react2.render)(DrawerHeaderMock),
+          getByText = _render7.getByText;
+
+      expect(getByText('Header Test')).toBeInTheDocument();
+    });
+    it('should render titleContent', function () {
+      var _render8 = (0, _react2.render)(drawerMock({}, {
+        titleContent: mockImage
+      })),
+          getByAltText = _render8.getByAltText;
+
+      expect(getByAltText('imagem teste')).toBeInTheDocument();
+    });
+    it('should render titleRightContent', function () {
+      var _render9 = (0, _react2.render)(drawerMock({}, {
+        titleRightContent: mockImage
+      })),
+          getByAltText = _render9.getByAltText;
+
+      expect(getByAltText('imagem teste')).toBeInTheDocument();
+    });
+    it('should render subtitle', function () {
+      var _render10 = (0, _react2.render)(DrawerHeaderMock),
+          getByText = _render10.getByText;
+
+      expect(getByText('Subtitle test')).toBeInTheDocument();
+    });
+    it('should render subTitleContent', function () {
+      var _render11 = (0, _react2.render)(drawerMock({}, {
+        subTitleContent: mockImage
+      })),
+          getByAltText = _render11.getByAltText;
+
+      expect(getByAltText('imagem teste')).toBeInTheDocument();
+    });
+    it('should render title icon', function () {
+      var _render12 = (0, _react2.render)(DrawerHeaderMock),
+          getByTestId = _render12.getByTestId;
+
+      expect(getByTestId('icon-header')).toBeInTheDocument();
+      expect(getByTestId('icon-header')).toHaveClass('icon-header');
+    });
+    it('should render icon', function () {
+      var _render13 = (0, _react2.render)(drawerMock({}, {
+        icon: /*#__PURE__*/_react["default"].createElement(_icons["default"], {
+          name: "user"
+        }),
+        showCloseButton: true
+      })),
+          getByTestId = _render13.getByTestId;
+
+      expect(getByTestId('icon-header')).toBeInTheDocument();
+      expect(getByTestId('icon-header')).toHaveClass('icon-header');
+    });
+    it('should render close button', function () {
+      var _render14 = (0, _react2.render)(DrawerHeaderMock),
+          getByTestId = _render14.getByTestId;
+
+      expect(getByTestId(CloseButtonTestId)).toBeInTheDocument();
+      expect(getByTestId(CloseButtonTestId)).toHaveClass('closebutton');
+    });
+    it('should fire click in close button', function () {
+      var _render15 = (0, _react2.render)(DrawerHeaderMock),
+          getByTestId = _render15.getByTestId;
+
+      _react2.fireEvent.click(getByTestId(CloseButtonTestId));
+
+      expect(mockHandlerClose).toHaveBeenCalledTimes(1);
+    });
+    it('should apply customClass', function () {
+      var _render16 = (0, _react2.render)(DrawerHeaderMock),
+          getByTestId = _render16.getByTestId;
+
+      expect(getByTestId('drawerheader')).toHaveClass('customMockHeaderClass');
+    });
+  });
+  describe('Drawer Content', function () {
+    it('should DrawerContent renders correctly', function () {
+      var _render17 = (0, _react2.render)(drawerMock()),
+          getByText = _render17.getByText,
+          getByTestId = _render17.getByTestId;
+
+      expect(getByText('DrawerContent')).toBeInTheDocument();
+      expect(getByTestId('avatar')).toBeInTheDocument();
+    });
+    it('should apply inline style', function () {
+      var _render18 = (0, _react2.render)(drawerMock()),
+          getByText = _render18.getByText;
+
+      expect(getByText('DrawerContent')).toHaveStyle('background-color: #333; margin-top: 10px;');
+    });
+  });
+  describe('Permissions', function () {
+    var defineStorageMock = function defineStorageMock() {
+      Object.defineProperty(window, 'sessionStorage', {
+        value: (0, _storageMock["default"])()
+      });
+    };
+
+    it('should check permission', function () {
+      defineStorageMock();
+
+      var _render19 = (0, _react2.render)(drawerMock({
+        permissionAttr: (0, _storageMock.permissionAttrMockAuthorized)('hideContent')
+      })),
+          container = _render19.container;
+
+      expect(container.querySelector('.no-permission-component')).not.toBeInTheDocument();
+    });
+    it('should render non-permission', function () {
+      defineStorageMock();
+
+      var _render20 = (0, _react2.render)(drawerMock({
+        permissionAttr: (0, _storageMock.permissionAttrMockUnauthorized)('hideContent')
+      })),
+          getByText = _render20.getByText;
+
+      expect(getByText('Acesso Negado')).toBeInTheDocument();
+      expect(getByText('Você não tem permissão para acessar este conteúdo. Consulte o Administrador do sistema!')).toBeInTheDocument();
+    });
+  });
+});

package/lib/drawer/Header.js

@@ -23,6 +23,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 var getCloseButton = function getCloseButton(handlerClose) {
   return /*#__PURE__*/_react["default"].createElement("span", {
+    "data-testid": "header-closebutton",
     className: "closebutton",
     onClick: handlerClose,
     onKeyPress: null,
@@ -34,6 +35,7 @@ var getCloseButton = function getCloseButton(handlerClose) {
 var getIcon = function getIcon(titleIcon, icon) {
   if (titleIcon || icon) {
     return /*#__PURE__*/_react["default"].createElement("span", {
+      "data-testid": "icon-header",
       className: "icon-header"
     }, icon || /*#__PURE__*/_react["default"].createElement(_icons["default"], {
       name: titleIcon,
@@ -60,7 +62,8 @@ var Header = function Header(_ref) {
       handlerClose = _useContext.handlerClose;
 
   return /*#__PURE__*/_react["default"].createElement("div", {
-    className: "drawerheader ".concat(customClass)
+    className: "drawerheader ".concat(customClass),
+    "data-testid": "drawerheader"
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "left"
   }, /*#__PURE__*/_react["default"].createElement("div", {

package/lib/drawer/index.js

@@ -25,7 +25,10 @@ var _Content = _interopRequireDefault(require("./Content"));
 
 require("../assets/styles/drawers.scss");
 
+var _withFormSecurity = _interopRequireDefault(require("../form/withFormSecurity"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var _default = _Drawer["default"];
+var _default = (0, _withFormSecurity["default"])(_Drawer["default"]);
+
 exports["default"] = _default;

package/lib/dropdown/Popup.js

@@ -35,6 +35,7 @@ var body = document.getElementsByTagName('body')[0];
 var DropdownPopup = function DropdownPopup(props) {
   var popup = (0, _react.useRef)(document.createElement('div'));
   popup.current.className = "dropdown-component ".concat(props.customClassForDropdown);
+  popup.current.dataset.testid = 'dropdown-component';
   popup.current.style = getCalendarDropdownStyle(props);
   (0, _react.useEffect)(function () {
     body.appendChild(popup.current);

package/lib/dropdown/dropdown.spec.js

@@ -0,0 +1,168 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+var _react = require("@testing-library/react");
+
+var _react2 = _interopRequireWildcard(require("react"));
+
+require("babel-polyfill");
+
+var _withDropdown = _interopRequireDefault(require("./withDropdown"));
+
+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; }
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+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 WhappedComponent = function WhappedComponent(props) {
+  var btnRef = (0, _react2.useRef)(null);
+  return /*#__PURE__*/_react2["default"].createElement(_react2.Fragment, null, /*#__PURE__*/_react2["default"].createElement("button", {
+    ref: btnRef,
+    onClick: function onClick() {
+      return props.showDropdown();
+    }
+  }, "OPEN"), props.getDropdownPopup(btnRef.current));
+};
+
+var DropdownTest = (0, _withDropdown["default"])(WhappedComponent);
+
+var renderDropdownTestMock = function renderDropdownTestMock(props) {
+  return /*#__PURE__*/_react2["default"].createElement(DropdownTest, _extends({
+    dropdown: true
+  }, props), /*#__PURE__*/_react2["default"].createElement("div", null, "DROP_DOWN_CONTENT"));
+};
+
+describe('withDropdown', function () {
+  describe('Default', function () {
+    it('should render dropdown', function () {
+      var _render = (0, _react.render)(renderDropdownTestMock()),
+          container = _render.container,
+          getByTestId = _render.getByTestId,
+          getByText = _render.getByText;
+
+      _react.fireEvent.click(container.firstChild);
+
+      expect(getByTestId('dropdown-component')).toBeInTheDocument();
+      expect(getByText('DROP_DOWN_CONTENT')).toBeInTheDocument();
+    });
+    it('should apply customClass in dropdown', function () {
+      var _render2 = (0, _react.render)(renderDropdownTestMock({
+        customClassForDropdown: 'customClass'
+      })),
+          container = _render2.container,
+          getByTestId = _render2.getByTestId;
+
+      _react.fireEvent.click(container.firstChild);
+
+      expect(getByTestId('dropdown-component')).toBeInTheDocument();
+      expect(getByTestId('dropdown-component')).toHaveClass('customClass');
+    });
+    it('should control dropdown open with dropdownOpened prop', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+      var _render3, rerender, getByTestId;
+
+      return regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _render3 = (0, _react.render)(renderDropdownTestMock()), rerender = _render3.rerender, getByTestId = _render3.getByTestId;
+              rerender(renderDropdownTestMock({
+                dropdownOpened: true
+              }));
+              _context.next = 4;
+              return (0, _react.waitFor)(function () {
+                return expect(getByTestId('dropdown-component')).toBeInTheDocument();
+              }, {
+                timeout: 3000
+              });
+
+            case 4:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    })));
+    it('should closeDropdownOnClickOutside', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
+      var _render4, getByText, queryByTestId;
+
+      return regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              _render4 = (0, _react.render)( /*#__PURE__*/_react2["default"].createElement("div", null, /*#__PURE__*/_react2["default"].createElement("a", null, "OUTSIDE_CLICK"), renderDropdownTestMock())), getByText = _render4.getByText, queryByTestId = _render4.queryByTestId;
+
+              _react.fireEvent.click(getByText('OPEN'));
+
+              _context2.next = 4;
+              return (0, _react.waitFor)(function () {
+                return expect(queryByTestId('dropdown-component')).toBeInTheDocument();
+              }, {
+                timeout: 3000
+              });
+
+            case 4:
+              _react.fireEvent.click(getByText('OUTSIDE_CLICK'));
+
+              _context2.next = 7;
+              return (0, _react.waitFor)(function () {
+                return expect(queryByTestId('dropdown-component')).not.toBeInTheDocument();
+              }, {
+                timeout: 3000
+              });
+
+            case 7:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2);
+    })));
+    it('should not closeDropdownOnClickOutside', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3() {
+      var _render5, getByText, queryByTestId;
+
+      return regeneratorRuntime.wrap(function _callee3$(_context3) {
+        while (1) {
+          switch (_context3.prev = _context3.next) {
+            case 0:
+              // eslint-disable-next-line function-paren-newline
+              _render5 = (0, _react.render)( /*#__PURE__*/_react2["default"].createElement("div", null, /*#__PURE__*/_react2["default"].createElement("a", null, "OUTSIDE_CLICK"), renderDropdownTestMock({
+                closeDropdownOnClickOutside: false
+              })) // eslint-disable-next-line function-paren-newline
+              ), getByText = _render5.getByText, queryByTestId = _render5.queryByTestId;
+
+              _react.fireEvent.click(getByText('OPEN'));
+
+              _context3.next = 4;
+              return (0, _react.waitFor)(function () {
+                return expect(queryByTestId('dropdown-component')).toBeInTheDocument();
+              }, {
+                timeout: 3000
+              });
+
+            case 4:
+              _react.fireEvent.click(getByText('OUTSIDE_CLICK'));
+
+              _context3.next = 7;
+              return (0, _react.waitFor)(function () {
+                return expect(queryByTestId('dropdown-component')).toBeInTheDocument();
+              }, {
+                timeout: 3000
+              });
+
+            case 7:
+            case "end":
+              return _context3.stop();
+          }
+        }
+      }, _callee3);
+    })));
+  });
+});

package/lib/dropdown/withDropdown.js

@@ -46,12 +46,14 @@ var getDisplayName = function getDisplayName(Component) {
 var withDropdown = function withDropdown(WrappedComponent) {
   var EnhancedComponent = function EnhancedComponent(props) {
     var dropdownOpened = props.dropdownOpened,
+        showDropdown = props.showDropdown,
         dropdown = props.dropdown,
         closeDropdownOnClickOutside = props.closeDropdownOnClickOutside,
         customClassForDropdown = props.customClassForDropdown,
         children = props.children,
         dropdownAlign = props.dropdownAlign,
-        isFloatMenu = props.isFloatMenu;
+        isFloatMenu = props.isFloatMenu,
+        isDropdownOpened = props.isDropdownOpened;
 
     var _useState = (0, _react.useState)(dropdownOpened),
         _useState2 = _slicedToArray(_useState, 2),
@@ -124,10 +126,10 @@ var withDropdown = function withDropdown(WrappedComponent) {
       getDropdownPopup: function getDropdownPopup(targetRef) {
         return getDropdown(targetRef);
       },
-      showDropdown: function showDropdown() {
+      showDropdown: !showDropdown ? function () {
         return setOpened(!opened);
-      },
-      isDropdownOpened: opened
+      } : showDropdown,
+      isDropdownOpened: isDropdownOpened || opened
     };
     if (!dropdown) return /*#__PURE__*/_react["default"].createElement(WrappedComponent, props);
     return /*#__PURE__*/_react["default"].createElement(WithDropdownContext.Provider, {
@@ -142,6 +144,8 @@ var withDropdown = function withDropdown(WrappedComponent) {
     closeDropdownOnClickOutside: _propTypes["default"].bool,
     dropdownAlign: _propTypes["default"].oneOf(['left', 'right']),
     dropdownOpened: _propTypes["default"].bool,
+    isDropdownOpened: _propTypes["default"].bool,
+    showDropdown: _propTypes["default"].func,
     isFloatMenu: _propTypes["default"].bool
   };
   EnhancedComponent.defaultProps = {
@@ -151,6 +155,8 @@ var withDropdown = function withDropdown(WrappedComponent) {
     closeDropdownOnClickOutside: true,
     dropdownAlign: 'left',
     dropdownOpened: false,
+    isDropdownOpened: false,
+    showDropdown: undefined,
     isFloatMenu: false
   };
   EnhancedComponent.displayName = "withDropdown(".concat(getDisplayName(WrappedComponent), ")");