@ntbjs/react-components 1.1.2 → 1.1.3

package/Alert-3e4f8be1.js

@@ -1,62 +0,0 @@
-'use strict';
-
-var defaultTheme = require('./defaultTheme-50f2b88f.js');
-var React = require('react');
-var styled = require('styled-components');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-var Alert$1 = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  padding: 17px 30px;\n  svg {\n    width: 12px;\n    padding-right: 5px;\n  }\n\n  ", "\n\n  ", "\n\n    ", ";\n\n  ", ";\n"])), function (props) {
-  return props.warning && styled.css(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n      ", "\n    "])), props.theme.themeProp('background', '#634E01', props.theme.getColor('signal-yellow-400')));
-}, function (props) {
-  return props.error && styled.css(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n      ", "\n    "])), props.theme.themeProp('background', '#7F1B1B', props.theme.getColor('red-200')));
-}, function (props) {
-  return props.align === 'left' && styled.css(_templateObject4 || (_templateObject4 = defaultTheme._taggedTemplateLiteral(["\n      text-align: left;\n    "])));
-}, function (props) {
-  return props.align === 'center' && styled.css(_templateObject5 || (_templateObject5 = defaultTheme._taggedTemplateLiteral(["\n      text-align: center;\n    "])));
-});
-var AlertRender = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject6 || (_templateObject6 = defaultTheme._taggedTemplateLiteral(["\n  width: 100%;\n"])));
-
-var Alert = React__default['default'].forwardRef(function Alert(_ref, forwardedRef) {
-  var warning = _ref.warning,
-      error = _ref.error,
-      alertMessage = _ref.alertMessage,
-      align = _ref.align,
-      icon = _ref.icon,
-      props = defaultTheme._objectWithoutProperties(_ref, ["warning", "error", "alertMessage", "align", "icon"]);
-
-  var boxRender = function boxRender(warning, error) {
-    if (warning) {
-      return React__default['default'].createElement(AlertRender, null, icon, " ", alertMessage);
-    } else if (error) {
-      return React__default['default'].createElement(AlertRender, null, icon, " ", alertMessage);
-    }
-  };
-
-  return React__default['default'].createElement(Alert$1, defaultTheme._extends({
-    ref: forwardedRef,
-    alertMessage: alertMessage,
-    warning: warning,
-    error: error,
-    align: align
-  }, props), boxRender(warning, error));
-});
-Alert.propTypes = process.env.NODE_ENV !== "production" ? {
-  warning: defaultTheme.PropTypes.bool,
-  error: defaultTheme.PropTypes.bool,
-  icon: defaultTheme.PropTypes.element,
-  align: defaultTheme.PropTypes.oneOf(['left', 'center']),
-  alertMessage: defaultTheme.PropTypes.string
-} : {};
-Alert.defaultProps = {
-  warning: false,
-  error: false,
-  align: 'left',
-  alertMessage: 'Use subject to restrictions. Editorial use only, no commercial use without prior consent from rights holder.'
-};
-
-exports.Alert = Alert;