analytics/webcontent/bi/js/dashboard-analytics/visualizationPanel/components/VisualizationContentContainer.js

'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: BI Cloud (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', 'prop-types', 'ca-ui-toolkit'], function (React, ReactDOM, PropTypes, UI_Toolkit) {
	var Component = React.Component;
	var Container = UI_Toolkit.Container,
	    FlexLayout = UI_Toolkit.FlexLayout,
	    FlexItem = UI_Toolkit.FlexItem,
	    VSpacer = UI_Toolkit.VSpacer,
	    SVGIcon = UI_Toolkit.SVGIcon,
	    Label = UI_Toolkit.Label;

	var VisualizationContentContainer = function (_Component) {
		_inherits(VisualizationContentContainer, _Component);

		function VisualizationContentContainer() {
			_classCallCheck(this, VisualizationContentContainer);

			return _possibleConstructorReturn(this, _Component.apply(this, arguments));
		}

		VisualizationContentContainer.prototype.componentDidMount = function componentDidMount() {
			var handlers = this.props.handlers;

			handlers.componentDidMountCallback(this.props.containerClass, this.props.itemClass);
		};

		VisualizationContentContainer.prototype.componentWillUnmount = function componentWillUnmount() {
			var handlers = this.props.handlers;

			handlers.componentWillUnmountCallback(this.props.containerClass, this.props.itemClass);
		};

		VisualizationContentContainer.prototype.render = function render() {
			var _this2 = this;

			var _props = this.props,
			    containerClass = _props.containerClass,
			    items = _props.items;

			var contentItems = [];
			items.forEach(function (item) {
				contentItems.push(_this2.renderVisualizationItem(item));
			});

			return React.createElement(
				Container,
				{ className: containerClass },
				React.createElement(
					FlexLayout,
					{
						fullHeight: true,
						direction: 'column',
						justifyContent: 'flex-start'
					},
					React.createElement(
						FlexItem,
						null,
						React.createElement(VSpacer, { size: 2 })
					),
					React.createElement(
						FlexItem,
						null,
						React.createElement(
							FlexLayout,
							{
								fullHeight: true,
								direction: 'row',
								wrap: 'wrap'
							},
							contentItems
						)
					)
				)
			);
		};

		VisualizationContentContainer.prototype.renderVisualizationItem = function renderVisualizationItem(item) {
			return React.createElement(
				FlexItem,
				{
					role: 'group', className: 'prop-item',
					'data-name': item.name
				},
				React.createElement(
					FlexLayout,
					{
						fullHeight: true,
						direction: 'column',
						alignItems: 'center',
						tabIndex: 0,
						className: 'prop-icon',
						role: 'button',
						title: item.label,
						'aria-label': item.label
					},
					React.createElement(
						FlexItem,
						null,
						React.createElement(SVGIcon, {
							iconId: item.icon,
							height: 30,
							width: 30,
							className: 'svgIcon'
						})
					),
					React.createElement(
						FlexItem,
						null,
						React.createElement(Label, { className: 'prop-icon-label', label: item.label })
					)
				)
			);
		};

		return VisualizationContentContainer;
	}(Component);

	VisualizationContentContainer.propTypes = {
		items: PropTypes.array.isRequired,
		containerClass: PropTypes.string.isRequired,
		itemClass: PropTypes.string.isRequired,
		handlers: PropTypes.shape({
			componentDidMountCallback: PropTypes.func.isRequired,
			componentWillUnmountCallback: PropTypes.func.isRequired
		}).isRequired
	};

	return VisualizationContentContainer;
});
//# sourceMappingURL=VisualizationContentContainer.js.map