@up42/up-components 0.2.3 → 0.3.0

package/dist/index.d.ts

@@ -1,12 +1,21 @@
 /// <reference types="react" />
 export { default as tokens } from '@up42/design-system-tokens/dist/json/tokens.json';
 import * as _mui_material from '@mui/material';
-import { SxProps, Theme, ChipProps as ChipProps$1, AvatarProps as AvatarProps$1, ContainerProps as ContainerProps$1, BoxProps as BoxProps$1, CheckboxProps as CheckboxProps$1, RadioProps as RadioProps$1, RadioGroupProps, SwitchProps as SwitchProps$1, SelectProps as SelectProps$1, TextFieldProps, LinkProps as LinkProps$1, TabsProps as TabsProps$1, TabProps as TabProps$1 } from '@mui/material';
+import { BoxProps as BoxProps$1, TextFieldProps, ChipProps as ChipProps$1, AvatarProps as AvatarProps$1, ContainerProps as ContainerProps$1, CheckboxProps as CheckboxProps$1, RadioProps as RadioProps$1, RadioGroupProps, SwitchProps as SwitchProps$1, SelectProps as SelectProps$1, LinkProps as LinkProps$1, TabsProps as TabsProps$1, TabProps as TabProps$1 } from '@mui/material';
 export * from '@mui/material';
 import { ThemeProviderProps } from '@mui/material/styles/ThemeProvider';
 import { ButtonProps as ButtonProps$1 } from '@mui/material/Button';
-import React, { HTMLInputTypeAttribute, ReactNode, ElementType } from 'react';
+import React, { ReactNode, ElementType } from 'react';
 import { TypographyProps as TypographyProps$1 } from '@mui/material/Typography';
+import { TableProps as TableProps$1 } from '@mui/material/Table';
+import { TableBodyProps as TableBodyProps$1 } from '@mui/material/TableBody';
+import { TableCellProps as TableCellProps$1 } from '@mui/material/TableCell';
+import { TableContainerProps as TableContainerProps$1 } from '@mui/material/TableContainer';
+import { TableHeadProps as TableHeadProps$1 } from '@mui/material/TableHead';
+import { TableRowProps as TableRowProps$1 } from '@mui/material/TableRow';
+import { TablePaginationProps as TablePaginationProps$1 } from '@mui/material/TablePagination';
+import { TableSortLabelProps as TableSortLabelProps$1 } from '@mui/material/TableSortLabel';
+import { TableFooterProps as TableFooterProps$1 } from '@mui/material/TableFooter';
 
 declare const UpComponentsProvider: (props: Omit<ThemeProviderProps, 'theme'>) => JSX.Element;
 
@@ -27,22 +36,25 @@ type MUIGlobalOmit<MuiProps, ComponentProps = unknown> = ComponentProps &
     | 'focusVisibleClassName'
     | 'LinkComponent'
     | 'TouchRippleProps'
+    | 'touchRippleRef'
   >
 
-type BaseProps<ComponentProps = unknown> = ComponentProps & {
-  sx?: SxProps<Theme>
-  ref?: React.Ref<unknown>
-}
+type BaseProps<D extends React.ElementType = 'div', P = Record<string, unknown>> = BoxProps$1<D, P>
+
+type FormBaseProps<C extends React.ElementType> = BaseProps<
+  C,
+  Pick<TextFieldProps, 'id' | 'label' | 'required' | 'error' | 'disabled' | 'focused' | 'helperText'>
+>
 
 declare type ButtonProps = MUIGlobalOmit<ButtonProps$1, {
     loading?: boolean;
 }>;
 declare const Button: ({ color, variant, size, loading, children, ...props }: ButtonProps) => JSX.Element;
 
-declare type TypographyProps = MUIGlobalOmit<TypographyProps$1, {
-    component?: React.ElementType;
+declare type TypographyProps<C extends React.ElementType = 'p'> = TypographyProps$1<C, {
+    component?: C;
 }>;
-declare const Typography: ({ children, ...props }: TypographyProps) => JSX.Element;
+declare const Typography: <C extends React.ElementType<any>>({ children, ...props }: TypographyProps<C>) => JSX.Element;
 
 declare type ChipProps = MUIGlobalOmit<Omit<ChipProps$1, 'size'>>;
 declare const Chip: ({ label, ...props }: ChipProps) => JSX.Element;
@@ -85,69 +97,48 @@ declare const Box: ({ children, ...props }: BoxProps) => JSX.Element;
 declare type CheckboxProps = MUIGlobalOmit<CheckboxProps$1>;
 declare const Checkbox: ({ ...props }: CheckboxProps) => JSX.Element;
 
-declare type FormCheckboxProps = MUIGlobalOmit<CheckboxProps, {
+declare type FormCheckboxProps<C extends React.ElementType = 'div'> = CheckboxProps & FormBaseProps<C> & {
     data: {
         value: string | number;
         label?: string;
     }[];
-    label?: string;
-    error?: boolean;
-    helperText?: string;
-}>;
-declare const FormCheckbox: ({ id, required, data, label, error, helperText }: FormCheckboxProps) => JSX.Element;
+};
+declare const FormCheckbox: <C extends React.ElementType<any>>({ id, label, required, component, disabled, data, error, helperText, sx, ...props }: FormCheckboxProps<C>) => JSX.Element;
 
 declare type RadioProps = MUIGlobalOmit<RadioProps$1>;
 declare const Radio: (props: RadioProps) => JSX.Element;
 
-declare type FormRadioProps = MUIGlobalOmit<RadioGroupProps, {
+declare type FormRadioProps<C extends React.ElementType = 'div'> = RadioGroupProps & FormBaseProps<C> & {
     data: {
         value: string | number;
         label?: string;
+        message?: string;
     }[];
-    helperText?: string;
-    label?: string;
-    error?: boolean;
-    required?: boolean;
-}>;
-declare const FormRadio: ({ id, helperText, label, error, required, name, data }: FormRadioProps) => JSX.Element;
+};
+declare const FormRadio: ({ id, required, component, disabled, data, label, error, helperText, sx, ...props }: FormRadioProps) => JSX.Element;
 
-declare type SwitchProps = MUIGlobalOmit<SwitchProps$1, {
-    onChange?: (event: React.ChangeEvent<HTMLInputElement>, checked: boolean) => void;
-}>;
+declare type SwitchProps = MUIGlobalOmit<SwitchProps$1>;
 declare const Switch: (props: SwitchProps) => JSX.Element;
 
-interface FormSwitchProps extends SwitchProps {
-    label?: string;
-    id?: string;
-    checked?: boolean;
-}
-declare const FormSwitch: ({ id, label, checked }: FormSwitchProps) => JSX.Element;
+declare type FormSwitchProps<C extends React.ElementType = 'div'> = SwitchProps & FormBaseProps<C>;
+declare const FormSwitch: <C extends React.ElementType<any>>({ component, disabled, label, error, sx, ...props }: FormSwitchProps<C>) => JSX.Element;
 
 declare type SelectProps = MUIGlobalOmit<Omit<SelectProps$1, 'variant' | 'label'>>;
 declare const Select: (props: SelectProps) => JSX.Element;
 
-declare type FormSelectProps = MUIGlobalOmit<SelectProps, {
+declare type FormSelectProps<C extends React.ElementType = 'div'> = SelectProps & FormBaseProps<C> & {
     options: {
         value: string | number;
         text: string;
     }[];
-    label?: string;
-    error?: boolean;
-    helperText?: string;
-}>;
-declare const FormSelect: ({ id, required, options, label, error, placeholder, helperText, value, }: FormSelectProps) => JSX.Element;
-
-declare type InputProps = MUIGlobalOmit<TextFieldProps> & {
-    type?: HTMLInputTypeAttribute;
 };
-declare const Input: ({ type, ...otherProps }: InputProps) => JSX.Element;
+declare const FormSelect: ({ id, required, component, disabled, label, error, helperText, sx, options, ...props }: FormSelectProps) => JSX.Element;
 
-declare type FormInputProps = MUIGlobalOmit<InputProps, {
-    label?: string;
-    error?: boolean;
-    helperText?: string;
-}>;
-declare const FormInput: ({ id, required, label, error, helperText, ...props }: FormInputProps) => JSX.Element;
+declare type InputProps = Omit<TextFieldProps, 'maxRows' | 'minRows' | 'multiline' | 'rows' | 'size' | 'variant'>;
+declare const Input: ({ type, ...props }: InputProps) => JSX.Element;
+
+declare type FormInputProps<C extends React.ElementType = 'div'> = InputProps & FormBaseProps<C>;
+declare const FormInput: <C extends React.ElementType<any>>({ id, component, required, disabled, label, error, helperText, sx, ...props }: FormInputProps<C>) => JSX.Element;
 
 declare type LinkProps<C extends React.ElementType> = LinkProps$1<C, {
     component?: C;
@@ -200,7 +191,7 @@ declare type TabGroupProps = {
 };
 declare const TabGroup: ({ tabs, nameSpace: _nameSpace, tabContentProps, tabsProps }: TabGroupProps) => JSX.Element;
 
-declare type EmptyStateProps = BaseProps<{
+declare type EmptyStateProps<C extends React.ElementType = 'div'> = BaseProps<C, {
     /**
      * Helpful message that conveys the purpose of the screen and the next action to populate the space
      */
@@ -218,6 +209,25 @@ declare type EmptyStateProps = BaseProps<{
      */
     action?: ReactNode;
 }>;
-declare const EmptyState: ({ icon: Icon, title, subTitle, action, ...props }: EmptyStateProps & Omit<JSX.IntrinsicElements['div'], keyof EmptyStateProps>) => JSX.Element;
-
-export { Avatar, Box, Button, Checkbox, Chip, Container, EmptyState, FormCheckbox, FormInput, FormRadio, FormSelect, FormSwitch, Input, Link, Radio, Select, Switch, Tab, TabGroup, Tabs, Typography, UpComponentsProvider, theme };
+declare const EmptyState: <C extends React.ElementType<any>>({ icon: Icon, title, subTitle, action, ...props }: EmptyStateProps<C>) => JSX.Element;
+
+declare type TableProps = MUIGlobalOmit<TableProps$1>;
+declare const Table: ({ children, ...props }: TableProps) => JSX.Element;
+declare type TableBodyProps = MUIGlobalOmit<TableBodyProps$1>;
+declare const TableBody: ({ children, ...props }: TableBodyProps) => JSX.Element;
+declare type TableCellProps = MUIGlobalOmit<TableCellProps$1>;
+declare const TableCell: ({ children, ...props }: TableCellProps) => JSX.Element;
+declare type TableContainerProps = MUIGlobalOmit<TableContainerProps$1>;
+declare const TableContainer: ({ children, ...props }: TableContainerProps) => JSX.Element;
+declare type TableHeadProps = MUIGlobalOmit<TableHeadProps$1>;
+declare const TableHead: ({ children, ...props }: TableHeadProps) => JSX.Element;
+declare type TableRowProps = MUIGlobalOmit<TableRowProps$1>;
+declare const TableRow: ({ children, ...props }: TableRowProps) => JSX.Element;
+declare type TablePaginationProps = MUIGlobalOmit<TablePaginationProps$1>;
+declare const TablePagination: ({ ...props }: TablePaginationProps) => JSX.Element;
+declare type TableSortLabelProps = MUIGlobalOmit<TableSortLabelProps$1>;
+declare const TableSortLabel: ({ children, ...props }: TableSortLabelProps) => JSX.Element;
+declare type TableFooterProps = MUIGlobalOmit<TableFooterProps$1>;
+declare const TableFooter: ({ children, ...props }: TableFooterProps) => JSX.Element;
+
+export { Avatar, AvatarProps, Box, BoxProps, Button, ButtonProps, Checkbox, CheckboxProps, Chip, ChipProps, Container, ContainerProps, EmptyState, EmptyStateProps, FormCheckbox, FormCheckboxProps, FormInput, FormInputProps, FormRadio, FormRadioProps, FormSelect, FormSelectProps, FormSwitch, FormSwitchProps, Input, InputProps, Link, LinkProps, Radio, RadioProps, Select, SelectProps, Switch, SwitchProps, Tab, TabGroup, TabGroupProps, TabProps, Table, TableBody, TableBodyProps, TableCell, TableCellProps, TableContainer, TableContainerProps, TableFooter, TableFooterProps, TableHead, TableHeadProps, TablePagination, TablePaginationProps, TableProps, TableRow, TableRowProps, TableSortLabel, TableSortLabelProps, Tabs, TabsProps, Typography, TypographyProps, UpComponentsProvider, theme };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@up42/up-components",
-  "version": "0.2.3",
+  "version": "0.3.0",
   "description": "UP42 Component Library",
   "author": "Axel Fuhrmann axel.fuhrmann@up42.com",
   "license": "ISC",

package/dist/cjs/types/components/Select/Select.overrides.d.ts

@@ -1,2 +0,0 @@
-import { OverridesStyleRules } from '@mui/material/styles/overrides';
-export declare const MuiSelect: OverridesStyleRules;

package/dist/cjs/types/components/index.d.ts

@@ -1,20 +0,0 @@
-export { Button } from './Button/Button';
-export { Typography } from './Typography/Typography';
-export { Chip } from './Chip/Chip';
-export { Avatar } from './Avatar/Avatar';
-export { Container } from './Container/Container';
-export { Box } from './Box/Box';
-export { Checkbox } from './Checkbox/Checkbox';
-export { FormCheckbox } from './FormCheckbox/FormCheckbox';
-export { Radio } from './Radio/Radio';
-export { FormRadio } from './FormRadio/FormRadio';
-export { Switch } from './Switch/Switch';
-export { FormSwitch } from './FormSwitch/FormSwitch';
-export { Select } from './Select/Select';
-export { FormSelect } from './FormSelect/FormSelect';
-export { Input } from './Input/Input';
-export { FormInput } from './FormInput/FormInput';
-export { Link } from './Link/Link';
-export { Tabs, Tab } from './Tabs/Tabs';
-export { TabGroup } from './TabGroup/TabGroup';
-export { EmptyState } from './EmptyState/EmptyState';

package/dist/esm/types/components/Select/Select.overrides.d.ts

@@ -1,2 +0,0 @@
-import { OverridesStyleRules } from '@mui/material/styles/overrides';
-export declare const MuiSelect: OverridesStyleRules;

package/dist/esm/types/components/index.d.ts

@@ -1,20 +0,0 @@
-export { Button } from './Button/Button';
-export { Typography } from './Typography/Typography';
-export { Chip } from './Chip/Chip';
-export { Avatar } from './Avatar/Avatar';
-export { Container } from './Container/Container';
-export { Box } from './Box/Box';
-export { Checkbox } from './Checkbox/Checkbox';
-export { FormCheckbox } from './FormCheckbox/FormCheckbox';
-export { Radio } from './Radio/Radio';
-export { FormRadio } from './FormRadio/FormRadio';
-export { Switch } from './Switch/Switch';
-export { FormSwitch } from './FormSwitch/FormSwitch';
-export { Select } from './Select/Select';
-export { FormSelect } from './FormSelect/FormSelect';
-export { Input } from './Input/Input';
-export { FormInput } from './FormInput/FormInput';
-export { Link } from './Link/Link';
-export { Tabs, Tab } from './Tabs/Tabs';
-export { TabGroup } from './TabGroup/TabGroup';
-export { EmptyState } from './EmptyState/EmptyState';