@carbon/ibm-cloud-cognitive-cdai/lib/component_helpers/ReactHelper.js

Carbon for Cloud & Cognitive CD&AI UI components

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.renderGraphic = void 0;
var _react = _interopRequireDefault(require("react"));
var _settings = require("../globals/js/settings");
//
// Copyright IBM Corp. 2020, 2020
//
// This source code is licensed under the Apache-2.0 license found in the
// LICENSE file in the root directory of this source tree.
//

//This function must be capable of rendering a graphic in multiple different formats:
// 1. if we have a render function, assume react component
// 2. if already a valid react element, just render it
// 3. If this was an object with imgSrc, imgAlt and class name we need to build an img component from them.
var renderGraphic = exports.renderGraphic = function renderGraphic(graphicStruct) {
  // if we have a render function, assume react component
  if (graphicStruct.render && typeof graphicStruct.render === 'function') {
    return /*#__PURE__*/_react.default.createElement(graphicStruct);
    // Otherwise, if already a valid react element, just render it
  } else if (/*#__PURE__*/_react.default.isValidElement(graphicStruct)) {
    return graphicStruct;
  } else {
    return /*#__PURE__*/_react.default.createElement("img", {
      src: graphicStruct.imgSrc,
      alt: graphicStruct.imgAlt,
      className: "".concat(_settings.idePrefix, "--home-image ").concat(graphicStruct.imgClassName ? graphicStruct.imgClassName : '')
    });
  }
};