@up42/up-components 0.2.5 → 0.3.0

package/dist/index.d.ts

@@ -1,11 +1,11 @@
 /// <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';
@@ -36,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;
@@ -94,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;
@@ -209,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
      */
@@ -227,7 +209,7 @@ declare type EmptyStateProps = BaseProps<{
      */
     action?: ReactNode;
 }>;
-declare const EmptyState: ({ icon: Icon, title, subTitle, action, ...props }: EmptyStateProps & Omit<JSX.IntrinsicElements['div'], keyof EmptyStateProps>) => JSX.Element;
+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;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@up42/up-components",
-  "version": "0.2.5",
+  "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/esm/types/components/Select/Select.overrides.d.ts

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