analytics/webcontent/bi/js/dashboard-analytics/visualizationPanel/components/custom/PreviewVisualItem.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, 2020
 * US Government Users Restricted Rights - Use, duplication or disclosure restricted by GSA ADP Schedule Contract with IBM Corp.
 */
define(['react', 'prop-types', 'ca-ui-toolkit', '../VisualItem', '../../../widgets/livewidget/nls/StringResources', '../../../lib/@waca/dashboard-common/dist/lib/@ba-ui-toolkit/ba-graphics/dist/icons-js/information_16'], function (React, PropTypes, UI_Toolkit, VisualItem, StringResources, Information_16) {
	var FlexLayout = UI_Toolkit.FlexLayout,
	    FlexItem = UI_Toolkit.FlexItem,
	    VSpacer = UI_Toolkit.VSpacer,
	    HSpacer = UI_Toolkit.HSpacer,
	    Flyout = UI_Toolkit.Flyout,
	    Label = UI_Toolkit.Label;

	var PreviewVisualItem = function (_VisualItem) {
		_inherits(PreviewVisualItem, _VisualItem);

		function PreviewVisualItem(props) {
			_classCallCheck(this, PreviewVisualItem);

			var _this = _possibleConstructorReturn(this, _VisualItem.call(this, props));

			_this.state.sdkIsRunning = false;
			_this._initRenderContext(_this.state.sdkIsRunning);
			return _this;
		}

		PreviewVisualItem.prototype._initRenderContext = function _initRenderContext(sdkIsRunning) {
			var item = this.state.item;
			var _props = this.props,
			    handlers = _props.handlers,
			    iconsFeature = _props.iconsFeature;

			var isSchematicType = handlers.isSchematicType(item);

			var icon = void 0;
			if (isSchematicType) {
				icon = iconsFeature.getIcon('svgFile').id;
			} else {
				icon = iconsFeature.getIcon('codeFile').id;
			}

			this._renderContext = {
				icon: icon,
				description: isSchematicType ? item.label : StringResources.get('customVisTestVisualization'),
				isDisabled: isSchematicType ? false : sdkIsRunning ? false : true
			};
		};

		PreviewVisualItem.prototype._isSDKActive = function _isSDKActive() {
			return this.props.handlers.isSDKActive();
		};

		PreviewVisualItem.prototype.componentDidMount = function componentDidMount() {
			var _this2 = this;

			_VisualItem.prototype.componentDidMount.call(this);
			return this._isSDKActive().then(function (sdkIsRunning) {
				if (sdkIsRunning) {
					_this2._initRenderContext(true);
					_this2.setState({
						sdkIsRunning: true
					});
					_this2._attachCallbacksAndImages();
				}
			}).catch(function () {
				// swallow it... sdk is not running and that's fine
			});
		};

		PreviewVisualItem.prototype.componentWillUnmount = function componentWillUnmount() {
			_VisualItem.prototype.componentWillUnmount.call(this);
		};

		PreviewVisualItem.prototype._getVisualItemCssClasses = function _getVisualItemCssClasses() {
			return _VisualItem.prototype._getVisualItemCssClasses.call(this) + ' vis-custom-preview';
		};

		PreviewVisualItem.prototype._canRenderMenuOption = function _canRenderMenuOption() {
			return this._renderContext.isDisabled ? true : false;
		};

		PreviewVisualItem.prototype._getContextMenuContent = function _getContextMenuContent() {
			return React.createElement(
				Flyout,
				{
					theme: true,
					placement: 'bottomRight',
					showX: true,
					triggerNode: this.target,
					domNodeToAttachTo: document.body,
					onClose: this.onClose.bind(this),
					className: 'vis-preview-indicator-menu'
				},
				React.createElement(
					FlexLayout,
					{
						fullHeight: true,
						direction: 'row',
						justifyContent: 'flex-start'
					},
					React.createElement(
						FlexItem,
						null,
						React.createElement(HSpacer, { size: 2 })
					),
					React.createElement(
						FlexItem,
						null,
						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, {
									label: StringResources.get('extVisNoSDKConnection'),
									className: 'vis-preview-indicator-menu-title'
								})
							),
							React.createElement(
								FlexItem,
								null,
								React.createElement(VSpacer, { size: 2 })
							),
							React.createElement(
								FlexItem,
								null,
								React.createElement(Label, {
									label: StringResources.get('extVisNoSDKPreviewMsg'),
									className: 'vis-preview-indicator-menu-msg'
								})
							),
							React.createElement(
								FlexItem,
								null,
								React.createElement(VSpacer, { size: 2 })
							)
						)
					),
					React.createElement(
						FlexItem,
						null,
						React.createElement(HSpacer, { size: 2 })
					)
				)
			);
		};

		return PreviewVisualItem;
	}(VisualItem);

	PreviewVisualItem.propTypes = {
		item: PropTypes.object.isRequired,
		handlers: PropTypes.shape({
			componentDidMountCallback: PropTypes.func.isRequired,
			componentWillUnmountCallback: PropTypes.func.isRequired,
			isSchematicType: PropTypes.func.isRequired,
			isSDKActive: PropTypes.func.isRequired
		}).isRequired,
		menuIcon: PropTypes.object
	};

	PreviewVisualItem.defaultProps = {
		menuIcon: Information_16
	};

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