12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788 |
- 'use strict';
- 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; }
- /*
- *+------------------------------------------------------------------------+
- *| Licensed Materials - Property of IBM
- *| IBM Cognos Products: Content Explorer
- *| (C) Copyright IBM Corp. 2019
- *|
- *| US Government Users Restricted Rights - Use, duplication or disclosure
- *| restricted by GSA ADP Schedule Contract with IBM Corp.
- *+------------------------------------------------------------------------+
- */
- define(['react', 'react-dom', 'ca-ui-toolkit', 'prop-types'], function (React, ReactDOM, UI_TOOLKIT, PropTypes) {
- var Container = UI_TOOLKIT.Container;
- var Separator = UI_TOOLKIT.Separator;
- var ToolbarDockComponent = function (_React$Component) {
- _inherits(ToolbarDockComponent, _React$Component);
- function ToolbarDockComponent(props) {
- _classCallCheck(this, ToolbarDockComponent);
- return _possibleConstructorReturn(this, _React$Component.call(this, props));
- }
- ToolbarDockComponent.prototype._generateSeparator = function _generateSeparator() {
- return React.createElement(Separator, {
- className: 'toolbarDockSeparator',
- orientation: 'vertical',
- style: {
- margin: '0'
- }
- });
- };
- ToolbarDockComponent.prototype._generateDocks = function _generateDocks() {
- var _this2 = this;
- if (this.props.toolbarDockDOM.getProviders()) {
- var providers = Object.values(this.props.toolbarDockDOM.getProviders());
- providers.sort(function (firstEl, secondEl) {
- return firstEl.getIndex() - secondEl.getIndex();
- });
- return providers.map(function (provider, index) {
- if (index + 1 === providers.length) {
- return provider.getReactElement();
- } else {
- return React.createElement(
- React.Fragment,
- null,
- provider.getReactElement(),
- _this2._generateSeparator()
- );
- }
- });
- }
- };
- ToolbarDockComponent.prototype.render = function render() {
- return React.createElement(
- Container,
- {
- className: ToolbarDockComponent.ROOT },
- this._generateDocks()
- );
- };
- return ToolbarDockComponent;
- }(React.Component);
- ToolbarDockComponent.ROOT = 'toolbarDockContainer';
- ToolbarDockComponent.propTypes = {
- toolbarDockDOM: PropTypes.shape({
- getProviders: PropTypes.func
- })
- };
- return ToolbarDockComponent;
- });
- //# sourceMappingURL=ToolbarDockComponent.js.map
|