@elastic/eui
Version:
Elastic UI Component Library
83 lines (82 loc) • 2.95 kB
JavaScript
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.NOTIFICATION_ICONS_MAP = exports.EuiNotificationIcon = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _react = _interopRequireDefault(require("react"));
var _classnames = _interopRequireDefault(require("classnames"));
var _services = require("../../services");
var _icon = require("../icon/icon");
var _error_fill = require("../icon/assets/error_fill");
var _check_circle_fill = require("../icon/assets/check_circle_fill");
var _info_fill = require("./assets/info_fill");
var _warning_static = require("./assets/warning_static");
var _notification_icon = require("./notification_icon.styles");
var _react2 = require("@emotion/react");
var _excluded = ["className", "type", "size", "css"];
/*
* Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
* or more contributor license agreements. Licensed under the Elastic License
* 2.0 and the Server Side Public License, v 1; you may not use this file except
* in compliance with, at your election, the Elastic License 2.0 or the Server
* Side Public License, v 1.
*/
var TYPES = ['info', 'success', 'warning', 'error'];
var NOTIFICATION_ICONS_MAP = exports.NOTIFICATION_ICONS_MAP = {
info: {
name: 'infoFill',
icon: _info_fill.icon
},
success: {
name: 'checkCircleFill',
icon: _check_circle_fill.icon
},
warning: {
name: 'warningStatic',
icon: _warning_static.icon
},
error: {
name: 'errorFill',
icon: _error_fill.icon
}
};
var ICON_TYPES_MAP = {
info: {
icon: NOTIFICATION_ICONS_MAP.info.icon,
color: 'primary'
},
success: {
icon: NOTIFICATION_ICONS_MAP.success.icon,
color: 'success'
},
warning: {
icon: NOTIFICATION_ICONS_MAP.warning.icon
},
error: {
icon: NOTIFICATION_ICONS_MAP.error.icon,
color: 'danger'
}
};
var EuiNotificationIcon = exports.EuiNotificationIcon = function EuiNotificationIcon(_ref) {
var className = _ref.className,
type = _ref.type,
_ref$size = _ref.size,
size = _ref$size === void 0 ? 'm' : _ref$size,
css = _ref.css,
rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
var Icon = ICON_TYPES_MAP[type];
var classes = (0, _classnames.default)('euiNotificationIcon', className);
var styles = (0, _services.useEuiMemoizedStyles)(_notification_icon.euiNotificationIconStyles);
var cssStyles = [styles.euiNotificationIcon, size === 'l' && styles.size[size], css];
return (0, _react2.jsx)(_icon.EuiIcon, (0, _extends2.default)({}, rest, {
className: classes,
css: cssStyles,
type: Icon.icon,
color: Icon.color,
"aria-hidden": "true",
size: size
}));
};