npm-upgrade-browser
Version:
browser UI for viewing changelogs and upgrading packages installed in your project
75 lines (62 loc) • 1.92 kB
JavaScript
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 _Error = _interopRequireDefault(require("@material-ui/icons/Error"));
var _classnames = _interopRequireDefault(require("classnames"));
/**
*
* @prettier
*/
const styles = ({
palette,
spacing
}) => ({
root: {
color: palette.error.A400,
display: 'flex',
alignItems: 'center',
marginTop: spacing.unit * 2,
marginBottom: spacing.unit * 2
},
errorIcon: {
fontSize: '1.7em',
marginRight: spacing.unit
},
errorMessage: {
flexGrow: 1
}
});
const ErrorAlertStyles = (0, _materialUiRenderPropsStyles.default)(styles, {
name: 'ErrorAlert'
});
const ErrorAlert = (_ref) => {
let {
classes,
children,
className
} = _ref,
props = (0, _objectWithoutProperties2.default)(_ref, ["classes", "children", "className"]);
return React.createElement(ErrorAlertStyles, {
classes: classes
}, ({
classes
}) => React.createElement("div", (0, _extends2.default)({
className: (0, _classnames.default)(classes.root, className)
}, props, {
"data-component": "ErrorAlert"
}), React.createElement(_Error.default, {
className: classes.errorIcon
}), React.createElement("span", {
className: classes.errorMessage
}, children)));
};
var _default = ErrorAlert;
exports.default = _default;
;