@carbon/ibm-security/lib/components/Loading/LoadingMessage/LoadingMessage.js

Carbon for Cloud & Cognitive IBM Security UI components

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _classnames2 = _interopRequireDefault(require("classnames"));
var _propTypes = require("prop-types");
var _react = _interopRequireDefault(require("react"));
var _ = _interopRequireDefault(require(".."));
var _namespace = require("../../../globals/namespace");
var _excluded = ["active", "children", "className", "small", "withOverlay"];
/**
 * @file Loading message.
 * @copyright IBM Security 2019 - 2021
 */
var namespace = (0, _namespace.getComponentNamespace)('loading-message');
var overlayNamespace = "".concat(_namespace.carbonPrefix, "--loading-overlay");
var LoadingMessage = function LoadingMessage(_ref) {
  var active = _ref.active,
    children = _ref.children,
    className = _ref.className,
    small = _ref.small,
    withOverlay = _ref.withOverlay,
    other = (0, _objectWithoutProperties2.default)(_ref, _excluded);
  return /*#__PURE__*/_react.default.createElement("div", {
    className: (0, _classnames2.default)(namespace, className, (0, _defineProperty2.default)((0, _defineProperty2.default)({}, overlayNamespace, withOverlay), "".concat(overlayNamespace, "--stop"), withOverlay && !active))
  }, /*#__PURE__*/_react.default.createElement(_.default, (0, _extends2.default)({
    className: "".concat(namespace, "__loading"),
    active: active,
    small: small,
    withOverlay: false
  }, other)), children);
};
LoadingMessage.defaultProps = {
  children: null,
  active: true,
  withOverlay: true,
  small: false,
  className: null
};
LoadingMessage.propTypes = {
  /** Specify whether the `Loading` is active */
  active: _propTypes.bool,
  /** Provide the contents of the `LoadingMessage` */
  children: _propTypes.node,
  /** Provide an optional class to be applied to the containing node */
  className: _propTypes.string,
  /** Specify whether to use the small variation  */
  small: _propTypes.bool,
  /** Specify whether to use an overlay */
  withOverlay: _propTypes.bool
};
var _default = exports.default = LoadingMessage;