npm-upgrade-browser/assets/universal/components/LoadingAlert.js

browser UI for viewing changelogs and upgrading packages installed in your project

"use strict";

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");

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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));

var React = _interopRequireWildcard(require("react"));

var _materialUiRenderPropsStyles = _interopRequireDefault(require("material-ui-render-props-styles"));

var _Spinner = _interopRequireDefault(require("./Spinner"));

var _classnames = _interopRequireDefault(require("classnames"));

/**
 * 
 * @prettier
 */
const styles = ({
  spacing
}) => ({
  root: {
    display: 'flex',
    alignItems: 'center',
    marginTop: spacing.unit * 2,
    marginBottom: spacing.unit * 2
  },
  spinner: {
    marginRight: spacing.unit
  },
  message: {
    flexGrow: 1
  }
});

const LoadingAlertStyles = (0, _materialUiRenderPropsStyles.default)(styles, {
  name: 'LoadingAlert'
});

const LoadingAlert = (_ref) => {
  let {
    classes,
    children,
    className
  } = _ref,
      props = (0, _objectWithoutProperties2.default)(_ref, ["classes", "children", "className"]);
  return React.createElement(LoadingAlertStyles, {
    classes: classes
  }, ({
    classes
  }) => React.createElement("div", (0, _extends2.default)({
    className: (0, _classnames.default)(classes.root, className)
  }, props, {
    "data-component": "LoadingAlert"
  }), React.createElement(_Spinner.default, {
    className: classes.spinner
  }), React.createElement("span", {
    className: classes.message
  }, children)));
};

var _default = LoadingAlert;
exports.default = _default;