@trendmicro/react-dropdown
Advanced tools
Comparing version
@@ -1,2 +0,2 @@ | ||
/*! react-dropdown v1.2.0 | (c) 2018 Trend Micro Inc. | MIT | https://github.com/trendmicro-frontend/react-dropdown */ | ||
/*! react-dropdown v1.2.1 | (c) 2018 Trend Micro Inc. | MIT | https://github.com/trendmicro-frontend/react-dropdown */ | ||
module.exports = | ||
@@ -91,3 +91,3 @@ /******/ (function(modules) { // webpackBootstrap | ||
// removed by extract-text-webpack-plugin | ||
module.exports = {"dropdown":"dropdown---dropdown---1yvIZ","dropdown-toggle":"dropdown---dropdown-toggle---vMtjL","dropdownToggle":"dropdown---dropdown-toggle---vMtjL","caret":"dropdown---caret---3CkEt","dropup":"dropdown---dropup---30DnN","btn-link":"dropdown---btn-link---1xwS4","btnLink":"dropdown---btn-link---1xwS4","empty":"dropdown---empty---zMmdA","dropdown-menu":"dropdown---dropdown-menu---1fkH0","dropdownMenu":"dropdown---dropdown-menu---1fkH0","pull-right":"dropdown---pull-right---2juGH","pullRight":"dropdown---pull-right---2juGH","header":"dropdown---header---3pfXo","menu-item-wrapper":"dropdown---menu-item-wrapper---3uAM0","menuItemWrapper":"dropdown---menu-item-wrapper---3uAM0","menu-item":"dropdown---menu-item---1LjoL","menuItem":"dropdown---menu-item---1LjoL","divider":"dropdown---divider---13uxG","dropdown-submenu":"dropdown---dropdown-submenu---11C1M","dropdownSubmenu":"dropdown---dropdown-submenu---11C1M","disabled":"dropdown---disabled---eCY9b","selected":"dropdown---selected---1EK3y","active":"dropdown---active---2-a32","open":"dropdown---open---1ju75","dropdown-menu-wrapper":"dropdown---dropdown-menu-wrapper---3gX-X","dropdownMenuWrapper":"dropdown---dropdown-menu-wrapper---3gX-X","pull-left":"dropdown---pull-left---176QY","pullLeft":"dropdown---pull-left---176QY"}; | ||
module.exports = {"dropdown":"dropdown---dropdown---1yvIZ","dropdown-toggle":"dropdown---dropdown-toggle---vMtjL","dropdownToggle":"dropdown---dropdown-toggle---vMtjL","caret":"dropdown---caret---3CkEt","dropup":"dropdown---dropup---30DnN","btn-link":"dropdown---btn-link---1xwS4","btnLink":"dropdown---btn-link---1xwS4","empty":"dropdown---empty---zMmdA","dropdown-menu":"dropdown---dropdown-menu---1fkH0","dropdownMenu":"dropdown---dropdown-menu---1fkH0","pull-right":"dropdown---pull-right---2juGH","pullRight":"dropdown---pull-right---2juGH","header":"dropdown---header---3pfXo","menu-item-wrapper":"dropdown---menu-item-wrapper---3uAM0","menuItemWrapper":"dropdown---menu-item-wrapper---3uAM0","menu-item":"dropdown---menu-item---1LjoL","menuItem":"dropdown---menu-item---1LjoL","divider":"dropdown---divider---13uxG","dropdown-submenu":"dropdown---dropdown-submenu---11C1M","dropdownSubmenu":"dropdown---dropdown-submenu---11C1M","disabled":"dropdown---disabled---eCY9b","selected":"dropdown---selected---1EK3y","active":"dropdown---active---2-a32","open":"dropdown---open---1ju75","dropdown-menu-wrapper":"dropdown---dropdown-menu-wrapper---3gX-X","dropdownMenuWrapper":"dropdown---dropdown-menu-wrapper---3gX-X","flex":"dropdown---flex---15eWs","pull-left":"dropdown---pull-left---176QY","pullLeft":"dropdown---pull-left---176QY"}; | ||
@@ -993,3 +993,4 @@ /***/ }), | ||
DropdownMenuWrapper.prototype.render = function render() { | ||
var _this3 = this; | ||
var _cx, | ||
_this3 = this; | ||
@@ -999,2 +1000,3 @@ var _props = this.props, | ||
Component = _props.componentClass, | ||
flex = _props.flex, | ||
open = _props.open, | ||
@@ -1007,3 +1009,3 @@ pullRight = _props.pullRight, | ||
className = _props.className, | ||
props = _objectWithoutProperties(_props, ['componentType', 'componentClass', 'open', 'pullRight', 'onClose', 'onSelect', 'rootCloseEvent', 'children', 'className']); | ||
props = _objectWithoutProperties(_props, ['componentType', 'componentClass', 'flex', 'open', 'pullRight', 'onClose', 'onSelect', 'rootCloseEvent', 'children', 'className']); | ||
@@ -1020,3 +1022,3 @@ return _react2.default.createElement( | ||
_extends({}, props, { | ||
className: (0, _classnames2.default)(className, _index2.default.dropdownMenuWrapper) | ||
className: (0, _classnames2.default)(className, (_cx = {}, _cx[_index2.default.dropdownMenuWrapper] = true, _cx[_index2.default.flex] = !!flex, _cx)) | ||
}), | ||
@@ -1048,2 +1050,4 @@ _react2.default.Children.map(children, function (child) { | ||
flex: _propTypes2.default.bool, | ||
// Dropdown | ||
@@ -1058,2 +1062,4 @@ open: _propTypes2.default.bool, | ||
flex: false, | ||
// Dropdown | ||
@@ -1060,0 +1066,0 @@ open: false, |
{ | ||
"name": "@trendmicro/react-dropdown", | ||
"version": "1.2.0", | ||
"version": "1.2.1", | ||
"description": "React Dropdown component", | ||
@@ -5,0 +5,0 @@ "main": "lib/index.js", |
@@ -269,2 +269,3 @@ # react-dropdown [](https://travis-ci.org/trendmicro-frontend/react-dropdown) [](https://coveralls.io/github/trendmicro-frontend/react-dropdown?branch=master) | ||
componentClass | element | div | A custom element for this component. | ||
flex | boolean | false | Whether to use the flexbox layout. | ||
open | boolean | false | Whether or not the dropdown is visible. | ||
@@ -271,0 +272,0 @@ pullRight | boolean | false | Align the menu to the right side of the dropdown toggle. |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
155325
0.71%1411
0.86%315
0.32%