pallote-react 0.14.0 → 0.14.2

package/index.js

@@ -1,9 +1,8 @@
-import React, { useState, useEffect, useRef, createContext, useContext } from 'react';
+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, CaretDoubleLeft, CaretLeft, CaretRight, CaretDoubleRight } from '@phosphor-icons/react';
-import { Link as Link$1 } from 'react-router-dom';
+import { X, CalendarBlank, Clock, CaretUpDown, ArrowSquareOut } from '@phosphor-icons/react';
 import SyntaxHighlighter from 'react-syntax-highlighter';
 
 const Color = ({
@@ -916,7 +915,7 @@ const NavItem = ({
   if (dropdown) {
     Component = 'button';
   } else {
-    Component = component || Link$1;
+    Component = component || "a";
   }
   return /*#__PURE__*/React.createElement("div", {
     className: classnames(['nav_item', {
@@ -1316,265 +1315,6 @@ Switch.propTypes = {
   className: PropTypes.node
 };
 
-const TabsContext = /*#__PURE__*/createContext();
-const Tabs = ({
-  direction,
-  dense,
-  hasBorder,
-  className,
-  children
-}) => {
-  const [activeIndex, setActiveIndex] = useState(0);
-  return /*#__PURE__*/React.createElement(TabsContext.Provider, {
-    value: {
-      activeIndex,
-      setActiveIndex
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: classnames(['tabs', {
-      [`tabs-${direction}`]: direction,
-      'tabs-dense': dense,
-      'tabs-hasBorder': hasBorder
-    }, className])
-  }, children));
-};
-Tabs.propTypes = {
-  direction: PropTypes.oneOf(['portrait', 'landscape']),
-  dense: PropTypes.bool,
-  hasBorder: PropTypes.bool,
-  className: PropTypes.node,
-  children: PropTypes.node.isRequired
-};
-
-const Tab = ({
-  index,
-  label,
-  className
-}) => {
-  const {
-    activeIndex,
-    setActiveIndex
-  } = useContext(TabsContext);
-  const isSelected = activeIndex === index;
-  return /*#__PURE__*/React.createElement("button", {
-    className: classnames(['tab', {
-      'tab-active': isSelected
-    }, className]),
-    role: "tab",
-    "aria-selected": isSelected,
-    "aria-controls": `tabpanel-${index}`,
-    id: `tab-${index}`,
-    tabIndex: isSelected ? 0 : -1,
-    onClick: () => setActiveIndex(index)
-  }, label);
-};
-Tab.propTypes = {
-  label: PropTypes.string,
-  className: PropTypes.node.isRequired
-};
-
-const TableFooter = ({
-  className,
-  ...props
-}) => {
-  return /*#__PURE__*/React.createElement("div", _extends({
-    className: classnames(['table_footer', className])
-  }, props), /*#__PURE__*/React.createElement(Select, {
-    dense: true,
-    id: "rows",
-    className: "table_rowSelect"
-  }, /*#__PURE__*/React.createElement("option", {
-    value: "1"
-  }, "10"), /*#__PURE__*/React.createElement("option", {
-    value: "2"
-  }, "25"), /*#__PURE__*/React.createElement("option", {
-    value: "2"
-  }, "50"), /*#__PURE__*/React.createElement("option", {
-    value: "2"
-  }, "100"), /*#__PURE__*/React.createElement("option", {
-    value: "2"
-  }, "All")), /*#__PURE__*/React.createElement(Buttons, {
-    className: "table_pagination"
-  }, /*#__PURE__*/React.createElement(Button, {
-    kind: "icon",
-    variant: "transparent",
-    size: "sm"
-  }, /*#__PURE__*/React.createElement(CaretDoubleLeft, null)), /*#__PURE__*/React.createElement(Button, {
-    kind: "icon",
-    variant: "transparent",
-    size: "sm"
-  }, /*#__PURE__*/React.createElement(CaretLeft, null)), /*#__PURE__*/React.createElement(Button, {
-    kind: "icon",
-    size: "sm"
-  }, "1"), /*#__PURE__*/React.createElement(Button, {
-    kind: "icon",
-    variant: "transparent",
-    size: "sm"
-  }, "2"), /*#__PURE__*/React.createElement(Button, {
-    kind: "icon",
-    variant: "transparent",
-    size: "sm"
-  }, "3"), /*#__PURE__*/React.createElement(Button, {
-    kind: "icon",
-    variant: "transparent",
-    size: "sm"
-  }, "\u2026"), /*#__PURE__*/React.createElement(Button, {
-    kind: "icon",
-    variant: "transparent",
-    size: "sm"
-  }, "8"), /*#__PURE__*/React.createElement(Button, {
-    kind: "icon",
-    variant: "transparent",
-    size: "sm"
-  }, /*#__PURE__*/React.createElement(CaretRight, null)), /*#__PURE__*/React.createElement(Button, {
-    kind: "icon",
-    variant: "transparent",
-    size: "sm"
-  }, /*#__PURE__*/React.createElement(CaretDoubleRight, null))));
-};
-TableFooter.propTypes = {
-  className: PropTypes.node
-};
-
-const DenseContext = /*#__PURE__*/createContext(false);
-const Table = ({
-  striped,
-  hasHover,
-  dense,
-  border,
-  withFooter,
-  className,
-  children,
-  ...props
-}) => {
-  return /*#__PURE__*/React.createElement(DenseContext.Provider, {
-    value: dense
-  }, /*#__PURE__*/React.createElement("div", {
-    className: classnames(['table', {
-      'table-striped': striped,
-      'table-hasHover': hasHover,
-      'table-dense': dense,
-      'table-border': border
-    }, className])
-  }, /*#__PURE__*/React.createElement("table", _extends({
-    cellPadding: 0,
-    cellSpacing: 0,
-    className: classnames('table_content')
-  }, props), children), withFooter ? /*#__PURE__*/React.createElement(TableFooter, {
-    dense: dense ? dense : null
-  }) : null));
-};
-Table.propTypes = {
-  striped: PropTypes.bool,
-  hasHover: PropTypes.bool,
-  dense: PropTypes.bool,
-  border: PropTypes.bool,
-  withFooter: PropTypes.bool,
-  className: PropTypes.node,
-  children: PropTypes.node.isRequired
-};
-
-const TableBody = ({
-  className,
-  children,
-  ...props
-}) => {
-  return /*#__PURE__*/React.createElement("tbody", _extends({
-    className: classnames(['table_body', className])
-  }, props), children);
-};
-TableBody.propTypes = {
-  className: PropTypes.node,
-  children: PropTypes.node.isRequired
-};
-
-const TableCellComponentContext = /*#__PURE__*/createContext('td');
-const TableHead = ({
-  className,
-  children,
-  ...props
-}) => {
-  return /*#__PURE__*/React.createElement(TableCellComponentContext.Provider, {
-    value: "th"
-  }, /*#__PURE__*/React.createElement("thead", _extends({
-    className: classnames(['table_head', className])
-  }, props), children));
-};
-TableHead.propTypes = {
-  className: PropTypes.node,
-  children: PropTypes.node.isRequired
-};
-
-const TableCell = ({
-  kind = 'default',
-  className,
-  children,
-  ...props
-}) => {
-  const useTableCellComponent = () => useContext(TableCellComponentContext);
-  const Component = useTableCellComponent();
-  return /*#__PURE__*/React.createElement(Component, _extends({
-    className: classnames(['table_cell', {
-      [`table_cell-${kind}`]: kind
-    }, className])
-  }, props), children);
-};
-TableCell.propTypes = {
-  kind: PropTypes.oneOf(['default', 'number', 'action']),
-  className: PropTypes.node,
-  children: PropTypes.node.isRequired
-};
-
-const TableRow = ({
-  className,
-  children,
-  ...props
-}) => {
-  return /*#__PURE__*/React.createElement("tr", _extends({
-    className: classnames(['table_row', className])
-  }, props), children);
-};
-TableRow.propTypes = {
-  className: PropTypes.node,
-  children: PropTypes.node.isRequired
-};
-
-const TabsControl = ({
-  className,
-  children
-}) => {
-  return /*#__PURE__*/React.createElement("div", {
-    role: "tablist",
-    className: classnames(['tabs_controls', className])
-  }, children);
-};
-TabsControl.propTypes = {
-  className: PropTypes.node,
-  children: PropTypes.node.isRequired
-};
-
-const TabsPanel = ({
-  index,
-  className,
-  children
-}) => {
-  const {
-    activeIndex
-  } = useContext(TabsContext);
-  const isActive = activeIndex === index;
-  return isActive ? /*#__PURE__*/React.createElement("div", {
-    className: classnames(['tabs_panel', className]),
-    role: "tabpanel",
-    id: `tabpanel-${index}`,
-    "aria-labelledby": `tab-${index}`,
-    hidden: !isActive
-  }, children) : null;
-};
-TabsPanel.propTypes = {
-  className: PropTypes.node,
-  children: PropTypes.node.isRequired
-};
-
 const Tag = ({
   color = 'primary',
   dense,
@@ -1653,4 +1393,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, Tab, Table, TableBody, TableCell, TableFooter, TableHead, TableRow, Tabs, TabsControl, TabsPanel, Tag, Text, Textarea };
+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 };

package/package.json

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