@groupeactual/ui-kit 0.4.3 → 0.4.5

package/dist/index.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
 import { TypographyProps, LinkProps } from '@mui/material';
-import { TypographyProps as TypographyProps$1 } from '@mui/material/Typography';
 import { ButtonProps } from '@mui/material/Button';
 import * as react from 'react';
 import { FocusEventHandler, ChangeEventHandler, ReactNode, PropsWithChildren } from 'react';
@@ -8,23 +7,17 @@ import { TextFieldProps } from '@mui/material/TextField';
 import { SxProps, Theme as Theme$1 } from '@mui/system';
 import { IconProp } from '@fortawesome/fontawesome-svg-core';
 
-interface Props$7 extends Omit<TypographyProps, 'variant'> {
-    variant?: 'big_number' | 'body1_regular' | 'body1_medium' | 'body1_bold' | 'body2_regular' | 'body2_medium' | 'body2_bold' | 'caption' | 'button_notif';
+interface Props$6 extends Omit<TypographyProps, 'variant'> {
+    variant?: 'big_number' | 'body1_regular' | 'body1_medium' | 'body1_bold' | 'body2_regular' | 'body2_medium' | 'body2_bold' | 'caption' | 'button_notif' | 'h1' | 'h2' | 'h3' | 'h4';
     component?: any;
 }
-declare const Text: (props: Props$7) => JSX.Element;
+declare const Text: (props: Props$6) => JSX.Element;
 
-interface Props$6 extends Omit<LinkProps, 'variant'> {
+interface Props$5 extends Omit<LinkProps, 'variant'> {
     variant?: 'link1' | 'link2';
     component?: any;
 }
-declare const Link: (props: Props$6) => JSX.Element;
-
-interface Props$5 extends Omit<TypographyProps$1, 'paragraph'> {
-    variant?: 'h1' | 'h2' | 'h3' | 'h4';
-    component?: string;
-}
-declare const Heading: (props: Props$5) => JSX.Element;
+declare const Link: (props: Props$5) => JSX.Element;
 
 type ActButtonType = (props: ButtonProps) => JSX.Element | null;
 declare const ActButton: ActButtonType;
@@ -82,4 +75,4 @@ interface Props {
 }
 declare const DesignSystemProvider: ({ children, name: themeName }: PropsWithChildren<Props>) => JSX.Element;
 
-export { ActAccordion as Accordion, ActButton as Button, Checkbox, DesignSystemContext, DesignSystemContextValues, DesignSystemProvider, Heading, IconProvider, Link, Text, TextField };
+export { ActAccordion as Accordion, ActButton as Button, Checkbox, DesignSystemContext, DesignSystemContextValues, DesignSystemProvider, IconProvider, Link, Text, TextField };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@groupeactual/ui-kit",
-  "version": "0.4.3",
+  "version": "0.4.5",
   "description": "A simple template for a custom React component library",
   "devDependencies": {
     "@babel/core": "^7.20.5",

package/src/components/Form/TextField/TextField.tsx

@@ -50,6 +50,7 @@ const TextField = ({
       label={label}
       value={internalValue}
       placeholder={placeholder}
+      FormHelperTextProps={{ component: 'div' } as any}
       InputLabelProps={{ shrink: true }}
       onClick={(e) => e.stopPropagation()}
       onChange={(e) => {
@@ -65,7 +66,7 @@ const TextField = ({
       inputProps={{ maxLength }}
       {...props}
       helperText={
-        <Table>
+        <div style={{ display: 'table', width: '100%' }}>
           {(error || props.helperText) && (
             <div
               style={{
@@ -81,7 +82,7 @@ const TextField = ({
               {internalValue.length}/{maxLength} caract.
             </div>
           )}
-        </Table>
+        </div>
       }
     />
   );

package/src/components/Text/Text.tsx

@@ -10,11 +10,14 @@ interface Props extends Omit<TypographyProps, 'variant'> {
     | 'body2_medium'
     | 'body2_bold'
     | 'caption'
-    | 'button_notif';
+    | 'button_notif'
+    | 'h1'
+    | 'h2'
+    | 'h3'
+    | 'h4';
   component?: any;
 }
 
-// @ts-ignore
 const Text = (props: Props) => <Typography {...(props as TypographyProps)} />;
 
 export default Text;

package/src/components/index.ts

@@ -1,6 +1,5 @@
 export { default as Text } from './Text';
 export { default as Link } from './Link';
-export { default as Heading } from './Heading';
 export { default as Button } from './Button';
 export { default as TextField } from './Form/TextField';
 export { default as Checkbox } from './Form/Checkbox';

package/dist/cjs/components/Heading/Heading.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { TypographyProps } from '@mui/material/Typography';
-interface Props extends Omit<TypographyProps, 'paragraph'> {
-    variant?: 'h1' | 'h2' | 'h3' | 'h4';
-    component?: string;
-}
-declare const Heading: (props: Props) => JSX.Element;
-export default Heading;

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

@@ -1 +0,0 @@
-export { default } from "./Heading";

package/dist/esm/components/Heading/Heading.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { TypographyProps } from '@mui/material/Typography';
-interface Props extends Omit<TypographyProps, 'paragraph'> {
-    variant?: 'h1' | 'h2' | 'h3' | 'h4';
-    component?: string;
-}
-declare const Heading: (props: Props) => JSX.Element;
-export default Heading;

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

@@ -1 +0,0 @@
-export { default } from "./Heading";

package/src/components/Heading/Heading.tsx

@@ -1,10 +0,0 @@
-import Typography, { TypographyProps } from '@mui/material/Typography';
-
-interface Props extends Omit<TypographyProps, 'paragraph'> {
-  variant?: 'h1' | 'h2' | 'h3' | 'h4';
-  component?: string;
-}
-
-const Heading = (props: Props) => <Typography {...props} />;
-
-export default Heading;

package/src/components/Heading/index.ts

@@ -1 +0,0 @@
-export { default } from "./Heading";