Merge pull request #94 from nebula-aac/components-grouped-base

[components] Grouped base components and fixed exports

packages/components/.eslintignore

@@ -0,0 +1,3 @@
+.eslintrc.cjs
+node_modules
+dist

packages/components/.eslintrc.cjs

@@ -9,6 +9,9 @@ module.exports = {
     'plugin:react/recommended',
     'plugin:prettier/recommended'
   ],
+  parserOptions: {
+    project: ['./tsconfig.json']
+  },
   overrides: [
     {
       env: {

packages/components/src/appbar.tsx → packages/components/src/base/AppBar/appbar.tsx

@@ -1,4 +1,4 @@
-import { AppBarProps, AppBar as MuiAppBar } from '@mui/material';
+import { AppBar as MuiAppBar, type AppBarProps } from '@mui/material';
 import React from 'react';
 
 export function AppBar(props: AppBarProps) {

packages/components/src/base/AppBar/index.tsx

@@ -0,0 +1 @@
+export { AppBar } from './appbar';

packages/components/src/avatar.tsx → packages/components/src/base/Avatar/avatar.tsx

@@ -1,4 +1,4 @@
-import { AvatarProps, Avatar as MuiAvatar } from '@mui/material';
+import { Avatar as MuiAvatar, type AvatarProps } from '@mui/material';
 import React from 'react';
 
 export function Avatar(props: AvatarProps) {

packages/components/src/avatargroup.tsx → packages/components/src/base/Avatar/avatargroup.tsx

@@ -1,4 +1,4 @@
-import { AvatarGroupProps, AvatarGroup as MuiAvatarGroup } from '@mui/material';
+import { AvatarGroup as MuiAvatarGroup, type AvatarGroupProps } from '@mui/material';
 import React from 'react';
 
 export function AvatarGroup(props: AvatarGroupProps) {

packages/components/src/badge.tsx → packages/components/src/base/Avatar/badge.tsx

@@ -1,4 +1,4 @@
-import { BadgeProps, Badge as MuiBadge } from '@mui/material';
+import { Badge as MuiBadge, type BadgeProps } from '@mui/material';
 import React from 'react';
 
 export function Badge(props: BadgeProps) {

packages/components/src/base/Avatar/index.tsx

@@ -0,0 +1,3 @@
+export { Avatar } from './avatar';
+export { AvatarGroup } from './avatargroup';
+export { Badge } from './badge';

packages/components/src/box.tsx → packages/components/src/base/Box/box.tsx

@@ -1,4 +1,4 @@
-import { BoxProps, Box as MuiBox } from '@mui/material';
+import { Box as MuiBox, type BoxProps } from '@mui/material';
 import React from 'react';
 
 export function Box(props: BoxProps) {

packages/components/src/base/Box/index.tsx

@@ -0,0 +1 @@
+export { Box } from './box';

packages/components/src/base/Button/button.tsx

@@ -0,0 +1,10 @@
+import { Button as MuiButton, type ButtonProps as MuiButtonProps } from '@mui/material';
+import React from 'react';
+
+export interface ButtonProps extends MuiButtonProps {
+  label?: string;
+}
+
+export function Button({ label, ...props }: ButtonProps) {
+  return <MuiButton {...props}>{label}</MuiButton>;
+}

packages/components/src/base/Button/buttongroup.tsx

@@ -0,0 +1,6 @@
+import { ButtonGroup as MuiButtonGroup, type ButtonGroupProps } from '@mui/material';
+import React from 'react';
+
+export function ButtonGroup(props: ButtonGroupProps) {
+  return <MuiButtonGroup {...props} />;
+}

packages/components/src/iconbutton.tsx → packages/components/src/base/Button/iconbutton.tsx

@@ -1,4 +1,4 @@
-import { IconButtonProps, IconButton as MuiIconButton } from '@mui/material';
+import { IconButton as MuiIconButton, type IconButtonProps } from '@mui/material';
 import React from 'react';
 
 export function IconButton(props: IconButtonProps) {

packages/components/src/base/Button/index.tsx

@@ -0,0 +1,3 @@
+export { Button } from './button';
+export { ButtonGroup } from './buttongroup';
+export { IconButton } from './iconbutton';

packages/components/src/base/Card/card.tsx

@@ -0,0 +1,6 @@
+import { Card as MuiCard, type CardProps } from '@mui/material';
+import React from 'react';
+
+export function Card(props: CardProps) {
+  return <MuiCard {...props} />;
+}

packages/components/src/base/Card/cardactions.tsx

@@ -0,0 +1,6 @@
+import { CardActions as MuiCardActions, type CardActionsProps } from '@mui/material';
+import React from 'react';
+
+export function CardActions(props: CardActionsProps) {
+  return <MuiCardActions {...props} />;
+}

packages/components/src/base/Card/cardcontent.tsx

@@ -0,0 +1,6 @@
+import { CardContent as MuiCardContent, type CardContentProps } from '@mui/material';
+import React from 'react';
+
+export function CardContent(props: CardContentProps) {
+  return <MuiCardContent {...props} />;
+}

packages/components/src/base/Card/index.tsx

@@ -0,0 +1,3 @@
+export { Card } from './card';
+export { CardActions } from './cardactions';
+export { CardContent } from './cardcontent';

packages/components/src/checkbox.tsx → packages/components/src/base/Checkbox/checkbox.tsx

@@ -1,4 +1,4 @@
-import { CheckboxProps, Checkbox as MuiCheckbox } from '@mui/material';
+import { Checkbox as MuiCheckbox, type CheckboxProps } from '@mui/material';
 import React from 'react';
 
 export function Checkbox(props: CheckboxProps) {

packages/components/src/base/Checkbox/index.tsx

@@ -0,0 +1 @@
+export { Checkbox } from './checkbox';

packages/components/src/chip.tsx → packages/components/src/base/Chip/chip.tsx

@@ -1,4 +1,4 @@
-import { ChipProps, Chip as MuiChip } from '@mui/material';
+import { Chip as MuiChip, type ChipProps } from '@mui/material';
 import React from 'react';
 
 export function Chip(props: ChipProps) {

packages/components/src/base/Chip/index.tsx

@@ -0,0 +1 @@
+export { Chip } from './chip';

packages/components/src/backdrop.tsx → packages/components/src/base/Dialog/backdrop.tsx

@@ -1,4 +1,4 @@
-import { BackdropProps, Backdrop as MuiBackdrop } from '@mui/material';
+import { Backdrop as MuiBackdrop, type BackdropProps } from '@mui/material';
 import React from 'react';
 
 export function Backdrop(props: BackdropProps) {

packages/components/src/dialog.tsx → packages/components/src/base/Dialog/dialog.tsx

@@ -1,4 +1,4 @@
-import { DialogProps, Dialog as MuiDialog } from '@mui/material';
+import { Dialog as MuiDialog, type DialogProps } from '@mui/material';
 import React from 'react';
 
 export function Dialog(props: DialogProps) {

packages/components/src/dialogactions.tsx → packages/components/src/base/Dialog/dialogactions.tsx

@@ -1,4 +1,4 @@
-import { DialogActionsProps, DialogActions as MuiDialogActions } from '@mui/material';
+import { DialogActions as MuiDialogActions, type DialogActionsProps } from '@mui/material';
 import React from 'react';
 
 export function DialogActions(props: DialogActionsProps) {

packages/components/src/dialogcontent.tsx → packages/components/src/base/Dialog/dialogcontent.tsx

@@ -1,4 +1,4 @@
-import { DialogContentProps, DialogContent as MuiDialogContent } from '@mui/material';
+import { DialogContent as MuiDialogContent, type DialogContentProps } from '@mui/material';
 import React from 'react';
 
 export function DialogContent(props: DialogContentProps) {

packages/components/src/dialogcontenttext.tsx → packages/components/src/base/Dialog/dialogcontenttext.tsx

@@ -1,4 +1,7 @@
-import { DialogContentTextProps, DialogContentText as MuiDialogContentText } from '@mui/material';
+import {
+  DialogContentText as MuiDialogContentText,
+  type DialogContentTextProps
+} from '@mui/material';
 import React from 'react';
 
 export function DialogContentText(props: DialogContentTextProps) {

packages/components/src/dialogtitle.tsx → packages/components/src/base/Dialog/dialogtitle.tsx

@@ -1,4 +1,4 @@
-import { DialogTitleProps, DialogTitle as MuiDialogTitle } from '@mui/material';
+import { DialogTitle as MuiDialogTitle, type DialogTitleProps } from '@mui/material';
 import React from 'react';
 
 export function DialogTitle(props: DialogTitleProps) {

packages/components/src/base/Dialog/index.tsx

@@ -0,0 +1,6 @@
+export { Backdrop } from './backdrop';
+export { Dialog } from './dialog';
+export { DialogActions } from './dialogactions';
+export { DialogContent } from './dialogcontent';
+export { DialogContentText } from './dialogcontenttext';
+export { DialogTitle } from './dialogtitle';

packages/components/src/divider.tsx → packages/components/src/base/Divider/divider.tsx

@@ -1,4 +1,4 @@
-import { DividerProps, Divider as MuiDivider } from '@mui/material';
+import { Divider as MuiDivider, type DividerProps } from '@mui/material';
 import React from 'react';
 
 export function Divider(props: DividerProps) {

packages/components/src/base/Divider/index.tsx

@@ -0,0 +1 @@
+export { Divider } from './divider';

packages/components/src/drawer.tsx → packages/components/src/base/Drawer/drawer.tsx

@@ -1,4 +1,4 @@
-import { DrawerProps, Drawer as MuiDrawer } from '@mui/material';
+import { Drawer as MuiDrawer, type DrawerProps } from '@mui/material';
 import React from 'react';
 
 export function Drawer(props: DrawerProps) {

packages/components/src/base/Drawer/index.tsx

@@ -0,0 +1 @@
+export { Drawer } from './drawer';

packages/components/src/base/Input/index.tsx

@@ -0,0 +1,3 @@
+export { Input } from './input';
+export { InputAdornment } from './inputadornment';
+export { TextField } from './textfield';

packages/components/src/base/Input/input.tsx

@@ -0,0 +1,6 @@
+import { Input as MuiInput, type InputProps } from '@mui/material';
+import React from 'react';
+
+export function Input(props: InputProps): JSX.Element {
+  return <MuiInput {...props} />;
+}

packages/components/src/base/List/index.tsx

@@ -0,0 +1 @@
+export { List } from './list';

packages/components/src/list.tsx → packages/components/src/base/List/list.tsx

@@ -1,4 +1,4 @@
-import { ListProps, List as MuiList } from '@mui/material';
+import { List as MuiList, type ListProps } from '@mui/material';
 import React from 'react';
 
 export const List = (props: ListProps) => {

packages/components/src/base/Menu/index.tsx

@@ -0,0 +1 @@
+export { Menu } from './menu';

packages/components/src/base/Menu/menu.tsx

@@ -0,0 +1,6 @@
+import { Menu as MuiMenu, type MenuProps } from '@mui/material';
+import React from 'react';
+
+export function Menu(props: MenuProps) {
+  return <MuiMenu {...props} />;
+}

packages/components/src/base/Paper/index.tsx

@@ -0,0 +1 @@
+export { Paper } from './paper';

packages/components/src/paper.tsx → packages/components/src/base/Paper/paper.tsx

@@ -1,4 +1,4 @@
-import { Paper as MuiPaper, PaperProps } from '@mui/material';
+import { Paper as MuiPaper, type PaperProps } from '@mui/material';
 import React from 'react';
 
 export function Paper(props: PaperProps) {

packages/components/src/base/Radio/index.tsx

@@ -0,0 +1 @@
+export { RadioGroup } from './radiogroup';

packages/components/src/radiogroup.tsx → packages/components/src/base/Radio/radiogroup.tsx

@@ -1,4 +1,4 @@
-import { RadioGroup as MuiRadioGroup, RadioGroupProps } from '@mui/material';
+import { RadioGroup as MuiRadioGroup, type RadioGroupProps } from '@mui/material';
 import React from 'react';
 
 export function RadioGroup(props: RadioGroupProps) {

packages/components/src/base/Select/index.tsx

@@ -0,0 +1 @@
+export { Select } from './select';

packages/components/src/select.tsx → packages/components/src/base/Select/select.tsx

@@ -1,4 +1,4 @@
-import { Select as MuiSelect, SelectProps } from '@mui/material';
+import { Select as MuiSelect, type SelectProps } from '@mui/material';
 import React from 'react';
 
 export const Select = (props: SelectProps) => {

packages/components/src/base/Slide/index.tsx

@@ -0,0 +1 @@
+export { Slide } from './slide';

packages/components/src/slide.tsx → packages/components/src/base/Slide/slide.tsx

@@ -1,4 +1,4 @@
-import { Slide as MuiSlide, SlideProps } from '@mui/material';
+import { Slide as MuiSlide, type SlideProps } from '@mui/material';
 import React from 'react';
 
 export function Slide(props: SlideProps) {

packages/components/src/base/Stack/index.tsx

@@ -0,0 +1 @@
+export { Stack } from './stack';

packages/components/src/stack.tsx → packages/components/src/base/Stack/stack.tsx

@@ -1,4 +1,4 @@
-import { Stack as MuiStack, StackProps } from '@mui/material';
+import { Stack as MuiStack, type StackProps } from '@mui/material';
 import React from 'react';
 
 export function Stack(props: StackProps) {

packages/components/src/base/Switch/index.tsx

@@ -0,0 +1 @@
+export { Switch } from './switch';

packages/components/src/switch.tsx → packages/components/src/base/Switch/switch.tsx

@@ -1,4 +1,4 @@
-import { Switch as MuiSwitch, SwitchProps } from '@mui/material';
+import { Switch as MuiSwitch, type SwitchProps } from '@mui/material';
 import React from 'react';
 
 export const Switch = (props: SwitchProps) => {

packages/components/src/base/Table/index.tsx

@@ -0,0 +1 @@
+export { Table } from './table';

packages/components/src/table.tsx → packages/components/src/base/Table/table.tsx

@@ -1,4 +1,4 @@
-import { Table as MuiTable, TableProps } from '@mui/material';
+import { Table as MuiTable, type TableProps } from '@mui/material';
 import React from 'react';
 
 export const Table = (props: TableProps) => {

packages/components/src/base/Tabs/index.tsx

@@ -0,0 +1,2 @@
+export { Tab } from './tab';
+export { Tabs } from './tabs';

packages/components/src/tab.tsx → packages/components/src/base/Tabs/tab.tsx

@@ -1,4 +1,4 @@
-import { Tab as MuiTab, TabProps } from '@mui/material';
+import { Tab as MuiTab, type TabProps } from '@mui/material';
 import React from 'react';
 
 export function Tab(props: TabProps) {

packages/components/src/tabs.tsx → packages/components/src/base/Tabs/tabs.tsx

@@ -1,4 +1,4 @@
-import { Tabs as MuiTabs, TabsProps } from '@mui/material';
+import { Tabs as MuiTabs, type TabsProps } from '@mui/material';
 import React from 'react';
 
 export function Tabs(props: TabsProps) {

packages/components/src/base/ToggleButton/index.tsx

@@ -0,0 +1,2 @@
+export { ToggleButton } from './togglebutton';
+export { ToggleButtonGroup } from './togglebuttongroup';

packages/components/src/togglebutton.tsx → packages/components/src/base/ToggleButton/togglebutton.tsx

@@ -1,4 +1,4 @@
-import { ToggleButton as MuiToggleButton, ToggleButtonProps } from '@mui/material';
+import { ToggleButton as MuiToggleButton, type ToggleButtonProps } from '@mui/material';
 import React from 'react';
 
 export function ToggleButton(props: ToggleButtonProps) {

packages/components/src/togglebuttongroup.tsx → packages/components/src/base/ToggleButton/togglebuttongroup.tsx

@@ -1,4 +1,7 @@
-import { ToggleButtonGroup as MuiToggleButtonGroup, ToggleButtonGroupProps } from '@mui/material';
+import {
+  ToggleButtonGroup as MuiToggleButtonGroup,
+  type ToggleButtonGroupProps
+} from '@mui/material';
 import React from 'react';
 
 export function ToggleButtonGroup(props: ToggleButtonGroupProps) {

packages/components/src/base/Toolbar/index.tsx

@@ -0,0 +1 @@
+export { Toolbar } from './toolbar';

packages/components/src/toolbar.tsx → packages/components/src/base/Toolbar/toolbar.tsx

@@ -1,4 +1,4 @@
-import { Toolbar as MuiToolbar, ToolbarProps } from '@mui/material';
+import { Toolbar as MuiToolbar, type ToolbarProps } from '@mui/material';
 import React from 'react';
 
 export function Toolbar(props: ToolbarProps) {

packages/components/src/base/Tooltip/index.tsx

@@ -0,0 +1 @@
+export { Tooltip } from './tooltip';

packages/components/src/tooltip.tsx → packages/components/src/base/Tooltip/tooltip.tsx

@@ -1,4 +1,4 @@
-import { Tooltip as MuiTooltip, TooltipProps } from '@mui/material';
+import { Tooltip as MuiTooltip, type TooltipProps } from '@mui/material';
 import React from 'react';
 
 export function Tooltip(props: TooltipProps) {

packages/components/src/base/Typography/index.tsx

@@ -0,0 +1 @@
+export { Typography } from './typography';

packages/components/src/typography.tsx → packages/components/src/base/Typography/typography.tsx

@@ -1,4 +1,4 @@
-import { Typography as MuiTypography, TypographyProps } from '@mui/material';
+import { Typography as MuiTypography, type TypographyProps } from '@mui/material';
 import React from 'react';
 
 export function Typography(props: TypographyProps) {

packages/components/src/custom/SearchBar.tsx

@@ -1,7 +1,7 @@
 import React, { Fragment, type ChangeEvent, type FC, type ReactNode } from 'react';
-import { Box } from '../box';
-import { InputAdornment } from '../inputadornment';
-import { TextField } from '../textfield';
+import {} from '../';
+import { Box } from '../base/Box';
+import { InputAdornment, TextField } from '../base/Input';
 
 interface SearchBarProps {
   onChange: (event: ChangeEvent<HTMLInputElement>) => void;

packages/components/src/custom/Tooltip.tsx

@@ -1,6 +1,6 @@
 import { type TooltipProps as MuiTooltipProps } from '@mui/material';
 import React, { type FC, type MouseEvent, type ReactElement } from 'react';
-import { Tooltip } from '../tooltip';
+import { Tooltip } from '../base/Tooltip';
 
 type TooltipProps = {
   title: string;