UNPKG

@bigfishtv/cockpit

Version:

84 lines (71 loc) 3.92 kB
var _class, _temp; function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } import PropTypes from 'prop-types'; import React, { Component } from 'react'; import Icon from '../../Icon'; import DropdownButton from '../../button/dropdown/DropdownButton'; import DropdownItem from '../../button/dropdown/DropdownItem'; import DropdownItemDivider from '../../button/dropdown/DropdownItemDivider'; /** * Default PanelToolbar used in Panel */ var PanelToolbar = (_temp = _class = function (_Component) { _inherits(PanelToolbar, _Component); function PanelToolbar() { _classCallCheck(this, PanelToolbar); return _possibleConstructorReturn(this, _Component.apply(this, arguments)); } PanelToolbar.prototype.render = function render() { var _props = this.props, children = _props.children, collapsed = _props.collapsed, collapsible = _props.collapsible, duplicable = _props.duplicable, removable = _props.removable, reorderable = _props.reorderable, publishable = _props.publishable, onDuplicate = _props.onDuplicate, onToggleCollapsed = _props.onToggleCollapsed, onRemove = _props.onRemove, onReorder = _props.onReorder, onPublishEdit = _props.onPublishEdit; if (!(collapsible || duplicable || removable || reorderable || children)) { return null; } if (collapsible && !(duplicable || removable || reorderable)) { return React.createElement( 'button', { type: 'button', className: 'button button-icon dropdown-toggle', onClick: onToggleCollapsed }, React.createElement(Icon, { name: collapsed ? 'chevron-down' : 'chevron-up' }) ); } return React.createElement( DropdownButton, { style: 'icon', caret: false, pullRight: true, text: React.createElement(Icon, { name: 'hamburger' }) }, collapsible && !collapsed && React.createElement(DropdownItem, { text: 'Collapse All', onClick: onToggleCollapsed, icon: 'collapse' }), collapsible && collapsed && React.createElement(DropdownItem, { text: 'Expand All', onClick: onToggleCollapsed, icon: 'expand' }), reorderable && React.createElement(DropdownItem, { text: 'Reorder', onClick: onReorder, icon: 'list-view' }), publishable && React.createElement(DropdownItem, { text: 'Publish Settings', onClick: onPublishEdit, icon: 'calendar' }), duplicable && React.createElement(DropdownItem, { text: 'Duplicate', onClick: onDuplicate, icon: 'duplicate' }), children && React.createElement(DropdownItemDivider, null), children, removable && React.createElement(DropdownItemDivider, null), removable && React.createElement(DropdownItem, { text: 'Remove', onClick: onRemove, icon: 'delete' }) ); }; return PanelToolbar; }(Component), _class.propTypes = { collapsed: PropTypes.bool, collapsible: PropTypes.bool, removable: PropTypes.bool, duplicable: PropTypes.bool, reorderable: PropTypes.bool, publishable: PropTypes.bool, onDuplicate: PropTypes.func, onToggleCollapsed: PropTypes.func, onRemove: PropTypes.func, onReorder: PropTypes.func }, _temp); export { PanelToolbar as default };