analytics/webcontent/bi/js/dashboard-analytics/visualizationPanel/components/custom/CustomPreviewWidgetsComponent.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', 'ca-ui-toolkit', 'prop-types', './PreviewVisualItem', '../../../widgets/livewidget/nls/StringResources'], function (React, UI_Toolkit, PropTypes, PreviewVisualItem, StringResources) {
	var Component = React.Component;
	var FlexLayout = UI_Toolkit.FlexLayout,
	    FlexItem = UI_Toolkit.FlexItem,
	    VSpacer = UI_Toolkit.VSpacer,
	    HSpacer = UI_Toolkit.HSpacer,
	    Label = UI_Toolkit.Label,
	    Separator = UI_Toolkit.Separator;

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

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

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

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

			var previewItems = this.props.previewItems;

			var length = previewItems.length;
			var content = [];
			var visSeparator = React.createElement(
				FlexItem,
				null,
				React.createElement(HSpacer, { size: 1.5 })
			);

			previewItems.forEach(function (item, idx) {
				content.push(_this2._renderPreviewItem(item));
				if (idx < length - 1) {
					content.push(visSeparator);
				}
			});

			return 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(Label, { className: 'vis-custom-preview-widget-label', label: StringResources.get('extVisCustomPreviewWidgets') })
				),
				React.createElement(
					FlexItem,
					null,
					React.createElement(VSpacer, null)
				),
				React.createElement(
					FlexItem,
					{ height: '150px' },
					React.createElement(
						FlexLayout,
						{
							fullHeight: true,
							direction: 'row',
							justifyContent: 'flex-start'
						},
						content
					)
				),
				React.createElement(
					FlexItem,
					null,
					React.createElement(Separator, { className: 'vis-custom-separator', hMargin: 0, orientation: 'horizontal' })
				),
				React.createElement(
					FlexItem,
					null,
					React.createElement(VSpacer, { size: 2.5 })
				)
			);
		};

		CustomPreviewWidgetsComponent.prototype._renderPreviewItem = function _renderPreviewItem(item) {
			var _props = this.props,
			    handlers = _props.handlers,
			    dashboardApi = _props.dashboardApi;

			var iconsFeature = dashboardApi.getFeature('Icons');

			return React.createElement(
				FlexItem,
				{
					grow: 1,
					shrink: 1,
					className: 'vis-custom-preview-item'
				},
				React.createElement(
					FlexLayout,
					{
						fullHeight: true,
						direction: 'column',
						justifyContent: 'flex-start'
					},
					React.createElement(
						FlexItem,
						null,
						React.createElement(PreviewVisualItem, {
							item: item,
							handlers: handlers,
							iconsFeature: iconsFeature
						})
					),
					React.createElement(
						FlexItem,
						null,
						React.createElement(VSpacer, { size: 3 })
					)
				)
			);
		};

		return CustomPreviewWidgetsComponent;
	}(Component);

	CustomPreviewWidgetsComponent.propTypes = {
		previewItems: PropTypes.array.isRequired,
		dashboardApi: PropTypes.object.isRequired,
		handlers: PropTypes.shape({
			componentDidMountCallback: PropTypes.func.isRequired,
			componentWillUnmountCallback: PropTypes.func.isRequired,
			isSDKActive: PropTypes.func.isRequired
		}).isRequired
	};

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