@up42/up-components 0.0.2 → 0.0.3

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { AvatarProps as MUIAvatarProps } from '@mui/material';
+import { MUIGlobalOmit } from 'global/utils/types';
+export declare type AvatarProps = MUIGlobalOmit<Omit<MUIAvatarProps, 'children' | 'alt' | 'imgProps' | 'sizes' | 'src' | 'srcSet' | 'variant'>, {
+    firstName?: string;
+    lastName?: string;
+    icon?: React.ReactNode;
+}>;
+export declare const Avatar: ({ icon, firstName, lastName, ...props }: AvatarProps) => JSX.Element;

package/dist/esm/types/components/Avatar/Avatar.stories.d.ts

@@ -0,0 +1,7 @@
+import { Story, Meta } from '@storybook/react';
+import { AvatarProps } from './Avatar';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Default: Story<AvatarProps>;
+export declare const WithName: Story;
+export declare const WithIcon: Story;

package/dist/esm/types/components/Avatar/Avatar.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { ButtonProps as MUIButtonProps } from '@mui/material/Button';
-export declare type ButtonProps = {
+import { MUIGlobalOmit } from 'global/utils/types';
+export declare type ButtonProps = MUIGlobalOmit<MUIButtonProps, {
     loading?: boolean;
-} & Omit<MUIButtonProps, 'classes' | 'disabledElevation' | 'disableFocusRipple' | 'tabIndex' | 'action' | 'centerRipple' | 'disableRipple' | 'disableTouchRipple' | 'foucsRipple' | 'focusVisibleClassName' | 'LinkComponent' | 'onFocusVisible' | 'TouchRippleProps'>;
-declare const Button: ({ color, variant, size, loading, children, ...props }: ButtonProps) => JSX.Element;
-export default Button;
+}>;
+export declare const Button: ({ color, variant, size, loading, children, ...props }: ButtonProps) => JSX.Element;

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { ChipProps as MUIChipProps } from '@mui/material';
+import { MUIGlobalOmit } from 'global/utils/types';
+export declare type ChipProps = MUIGlobalOmit<Omit<MUIChipProps, 'size'>>;
+export declare const Chip: ({ label, ...props }: ChipProps) => JSX.Element;

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

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

package/dist/esm/types/components/Chip/Chip.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta, Story } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Default: Story<Omit<Omit<import("@mui/material").ChipProps<"div", {}>, "size">, "disableFocusRipple" | "disableRipple" | "classes" | "tabIndex" | "action" | "centerRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "TouchRippleProps" | "disableElevation">>;
+export declare const ColorVariants: Story;

package/dist/esm/types/components/Chip/Chip.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import { TypographyProps as MUITypographyProps } from '@mui/material/Typography';
+import { MUIGlobalOmit } from 'global/utils/types';
+export declare type TypographyProps = MUIGlobalOmit<MUITypographyProps, {
+    component?: React.ElementType;
+}>;
+export declare const Typography: React.FC<TypographyProps>;

package/dist/esm/types/components/Typography/Typography.stories.d.ts

@@ -0,0 +1,6 @@
+import { Story, Meta } from '@storybook/react';
+import { TypographyProps } from './Typography';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Default: Story<TypographyProps>;
+export declare const AllVariants: Story;

package/dist/esm/types/components/Typography/Typography.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -1 +1,4 @@
-export { default as Button } from './Button/Button';
+export { Button } from './Button/Button';
+export { Typography } from './Typography/Typography';
+export { Chip } from './Chip/Chip';
+export { Avatar } from './Avatar/Avatar';

package/dist/esm/types/global/UpComponentsProvider/UpComponentsProvider.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { ThemeProviderProps } from '@mui/material/styles/ThemeProvider';
+export declare const UpComponentsProvider: (props: Omit<ThemeProviderProps, 'theme'>) => JSX.Element;

package/dist/esm/types/global/overrides/index.d.ts

@@ -1,13 +1,10 @@
-export * from './avatar';
 export * from './container';
 export * from './menuItem';
 export * from './tab';
 export * from './tablePagination';
 export * from './tabs';
-export * from './typography';
 export * from './form/checkbox';
 export * from './form/input';
 export * from './form/label';
 export * from './form/radio';
 export * from './form/switch';
-export * from '../../components/Button/overrides';

package/dist/esm/types/global/theme.d.ts

@@ -1,2 +1 @@
-declare const theme: import("@mui/material").Theme;
-export default theme;
+export declare const theme: import("@mui/material").Theme;

package/dist/esm/types/global/utils/types.d.ts

@@ -0,0 +1 @@
+export declare type MUIGlobalOmit<MuiProps, ComponentProps = unknown> = ComponentProps & Omit<MuiProps, 'classes' | 'disableElevation' | 'disableFocusRipple' | 'disableRipple' | 'focusRipple' | 'tabIndex' | 'action' | 'centerRipple' | 'disableTouchRipple' | 'focusVisibleClassName' | 'LinkComponent' | 'TouchRippleProps'>;

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

@@ -1,4 +1,4 @@
-import UpComponentsProvider from './global/UpComponentsProvider';
-export { default as theme } from './global/theme';
-export * from './components';
-export default UpComponentsProvider;
+export * from '@mui/material';
+export { UpComponentsProvider } from './global/UpComponentsProvider/UpComponentsProvider';
+export { theme } from './global/theme';
+export { Button, Typography, Chip, Avatar } from './components';

package/dist/index.d.ts

@@ -1,15 +1,35 @@
 /// <reference types="react" />
-import { ThemeProviderProps } from '@mui/material/styles/ThemeProvider';
 import * as _mui_material from '@mui/material';
+import { ChipProps as ChipProps$1, AvatarProps as AvatarProps$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 { MUIGlobalOmit } from 'global/utils/types';
+import React from 'react';
+import { TypographyProps as TypographyProps$1 } from '@mui/material/Typography';
 
-declare const UpComponentsProvider: (props: ThemeProviderProps) => JSX.Element;
+declare const UpComponentsProvider: (props: Omit<ThemeProviderProps, 'theme'>) => JSX.Element;
 
 declare const theme: _mui_material.Theme;
 
-declare type ButtonProps = {
+declare type ButtonProps = MUIGlobalOmit<ButtonProps$1, {
     loading?: boolean;
-} & Omit<ButtonProps$1, 'classes' | 'disabledElevation' | 'disableFocusRipple' | 'tabIndex' | 'action' | 'centerRipple' | 'disableRipple' | 'disableTouchRipple' | 'foucsRipple' | 'focusVisibleClassName' | 'LinkComponent' | 'onFocusVisible' | 'TouchRippleProps'>;
+}>;
 declare const Button: ({ color, variant, size, loading, children, ...props }: ButtonProps) => JSX.Element;
 
-export { Button, UpComponentsProvider as default, theme };
+declare type TypographyProps = MUIGlobalOmit<TypographyProps$1, {
+    component?: React.ElementType;
+}>;
+declare const Typography: React.FC<TypographyProps>;
+
+declare type ChipProps = MUIGlobalOmit<Omit<ChipProps$1, 'size'>>;
+declare const Chip: ({ label, ...props }: ChipProps) => JSX.Element;
+
+declare type AvatarProps = MUIGlobalOmit<Omit<AvatarProps$1, 'children' | 'alt' | 'imgProps' | 'sizes' | 'src' | 'srcSet' | 'variant'>, {
+    firstName?: string;
+    lastName?: string;
+    icon?: React.ReactNode;
+}>;
+declare const Avatar: ({ icon, firstName, lastName, ...props }: AvatarProps) => JSX.Element;
+
+export { Avatar, Button, Chip, Typography, UpComponentsProvider, theme };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@up42/up-components",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "UP42 Component Library",
   "author": "Axel Fuhrmann axel.fuhrmann@up42.com",
   "license": "ISC",
@@ -13,7 +13,9 @@
   "scripts": {
     "build": "rollup -c",
     "build:watch": "rollup -c -w",
-    "test": "jest --watch",
+    "test": "jest",
+    "test:watch": "jest --watch",
+    "test:cov": "jest --coverage",
     "storybook": "start-storybook -p 6006",
     "storybook:build": "build-storybook",
     "lint": "eslint src/. --fix",

package/dist/cjs/types/global/UpComponentsProvider/index.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { ThemeProviderProps } from '@mui/material/styles/ThemeProvider';
-declare const UpComponentsProvider: (props: ThemeProviderProps) => JSX.Element;
-export default UpComponentsProvider;

package/dist/esm/types/global/UpComponentsProvider/index.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { ThemeProviderProps } from '@mui/material/styles/ThemeProvider';
-declare const UpComponentsProvider: (props: ThemeProviderProps) => JSX.Element;
-export default UpComponentsProvider;