pallote-react 0.14.1 → 0.14.3

package/index.js

@@ -1,9 +1,7 @@
 import React, { useState, useEffect, useRef } from 'react';
 import classnames from 'classnames';
 import PropTypes from 'prop-types';
-import { createPortal } from 'react-dom';
-import { X, CalendarBlank, Clock, CaretUpDown, ArrowSquareOut } from '@phosphor-icons/react';
-import { Link as Link$1 } from 'react-router-dom';
+import { CalendarBlank, Clock, CaretUpDown, ArrowSquareOut } from '@phosphor-icons/react';
 import SyntaxHighlighter from 'react-syntax-highlighter';
 
 const Color = ({
@@ -193,76 +191,6 @@ Text.propTypes = {
   children: PropTypes.node
 };
 
-const Alert = ({
-  color = 'success',
-  variant = 'toast',
-  title,
-  subtitle,
-  dense,
-  noIcon,
-  show,
-  onClose,
-  className,
-  ...props
-}) => {
-  const [shouldRender, setRender] = useState(show);
-  const [container] = useState(() => {
-    let el = document.getElementById('alerts');
-    if (!el) {
-      el = document.createElement('div');
-      el.id = 'alerts';
-      document.body.appendChild(el);
-    }
-    return el;
-  });
-  useEffect(() => {
-    if (show) setRender(true);
-  }, [show]);
-  const onAnimationEnd = () => {
-    if (!show) setRender(false);
-  };
-  let alert = /*#__PURE__*/React.createElement("div", _extends({
-    className: classnames(['alert', {
-      [`alert-${color}`]: color,
-      [`alert-${variant}`]: variant,
-      'alert-slideIn': show,
-      'alert-slideOut': !show,
-      'alert-dense': dense,
-      'alert-noIcon': noIcon
-    }, className]),
-    onAnimationEnd: onAnimationEnd
-  }, props), /*#__PURE__*/React.createElement("div", {
-    className: classnames('alert_content')
-  }, title ? /*#__PURE__*/React.createElement(Text, {
-    className: classnames('alert_title'),
-    variant: dense ? 'caption' : 'body',
-    weight: "bold"
-  }, title) : null, subtitle ? /*#__PURE__*/React.createElement(Text, {
-    variant: dense ? 'overline' : 'caption',
-    className: classnames('alert_subtitle')
-  }, subtitle) : null), onClose ? /*#__PURE__*/React.createElement(X, {
-    className: classnames('alert_close'),
-    onClick: onClose,
-    size: dense ? 14 : 16
-  }) : null);
-  if (variant === 'notice') {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, alert);
-  } else {
-    return /*#__PURE__*/createPortal(shouldRender && alert, container);
-  }
-};
-Alert.propTypes = {
-  color: PropTypes.oneOf(['success', 'info', 'warning', 'error']),
-  variant: PropTypes.oneOf(['bar', 'toast', 'notice']),
-  title: PropTypes.string.isRequired,
-  subtitle: PropTypes.string,
-  dense: PropTypes.bool,
-  noIcon: PropTypes.bool,
-  show: PropTypes.bool,
-  onClose: PropTypes.func,
-  className: PropTypes.node
-};
-
 const Breadcrumbs = ({
   items,
   separator = "slash",
@@ -916,7 +844,7 @@ const NavItem = ({
   if (dropdown) {
     Component = 'button';
   } else {
-    Component = component || Link$1;
+    Component = component || "a";
   }
   return /*#__PURE__*/React.createElement("div", {
     className: classnames(['nav_item', {
@@ -1394,4 +1322,4 @@ Textarea.propTypes = {
   className: PropTypes.node
 };
 
-export { Alert, Breadcrumbs, Button, Buttons, Card, CardActions, CardContent, CardHeader, CardMedia, Checkbox, Checkboxes, Color, Display, Divider, Grid, Input, InputLabel, Link, List, ListItem, Nav, NavBar, NavItem, Radio, RadioButtons, Section, SectionContent, SectionHeader, Select, Snippet, Status, Switch, Tag, Text, Textarea };
+export { Breadcrumbs, Button, Buttons, Card, CardActions, CardContent, CardHeader, CardMedia, Checkbox, Checkboxes, Color, Display, Divider, Grid, Input, InputLabel, Link, List, ListItem, Nav, NavBar, NavItem, Radio, RadioButtons, Section, SectionContent, SectionHeader, Select, Snippet, Status, Switch, Tag, Text, Textarea };

package/package.json

@@ -1,9 +1,10 @@
 {
   "name": "pallote-react",
-  "version": "0.14.1",
+  "version": "0.14.3",
   "description": "",
   "main": "dist/index.js",
   "styles": "dist/index.css",
+  "type": "module",
   "files": [
     "README.md",
     "index.js",