@groupeactual/ui-kit 1.7.8 → 1.7.10

package/dist/es/src/components/Breadcrumbs/Breadcrumbs.d.ts

@@ -6,7 +6,7 @@ interface LinkItem {
 }
 interface Props extends BreadcrumbsProps {
     PageName: string;
-    links: LinkItem[];
+    links?: LinkItem[];
 }
 declare const Breadcrumbs: ({ PageName, links, ...props }: Props) => React.JSX.Element;
 export default Breadcrumbs;

package/dist/es/src/components/Modal/Drawer/Drawer.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { ModalProps } from '@/components/Modal/modal.interface';
-declare const Drawer: ({ title, open, onClose, component, footer, cardProps, size, ...props }: Omit<ModalProps, "withHeaderDivider" | "icon">) => React.JSX.Element;
+import { DrawerProps } from '@/components/Modal/modal.interface';
+declare const Drawer: ({ title, open, hideCloseButton, titleLeftComponent, footer, cardProps, size, children, onClose, ...props }: DrawerProps) => React.JSX.Element;
 export default Drawer;

package/dist/es/src/components/Modal/modal.interface.d.ts

@@ -10,13 +10,16 @@ export interface ModalProps extends Omit<ModalPropsMUI, 'component' | 'open' | '
     open: boolean;
     title?: string;
     size?: 'small' | 'large';
-    component: ReactNode | null;
     footer?: ReactNode | null;
     cardProps?: Partial<CardProps>;
     className?: string;
     icon?: IconDefinition;
     onClose?: () => void;
 }
+export interface DrawerProps extends Omit<ModalProps, 'icon'> {
+    titleLeftComponent?: ReactNode;
+    hideCloseButton?: boolean;
+}
 export type DialogTitleProps<T extends OverridableTypeMap> = DefaultComponentProps<T> & {
     children?: ReactNode;
     icon?: IconDefinition | null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@groupeactual/ui-kit",
-  "version": "1.7.8",
+  "version": "1.7.10",
   "type": "module",
   "description": "A simple template for a custom React component library",
   "main": "dist/cjs/index.js",
@@ -33,7 +33,7 @@
     "@mui/x-date-pickers": "7.15.0",
     "@mui/x-date-pickers-pro": "7.15.0",
     "styled-components": "^6.1.13",
-    "@groupeactual/design-tokens": "1.7.8"
+    "@groupeactual/design-tokens": "1.7.10"
   },
   "scripts": {
     "build": "rollup -c",

package/src/components/Breadcrumbs/Breadcrumbs.tsx

@@ -18,7 +18,7 @@ interface LinkItem {
 
 interface Props extends BreadcrumbsProps {
   PageName: string;
-  links: LinkItem[];
+  links?: LinkItem[];
 }
 
 const Breadcrumbs = ({ PageName, links, ...props }: Props) => {
@@ -30,7 +30,7 @@ const Breadcrumbs = ({ PageName, links, ...props }: Props) => {
 
   return (
     <StyledBreadcrumbs aria-label="breadcrumb" {...props}>
-      {links.map((link, index) => (
+      {links?.map((link, index) => (
         <div key={index}>
           <Link key={index} href={link.link} variant="link1">
             {link.title}

package/src/components/Modal/Drawer/Drawer.tsx

@@ -10,18 +10,20 @@ import {
 } from '@mui/material';
 
 import IconButton from '@/components/IconButton';
-import { ModalProps } from '@/components/Modal/modal.interface';
+import { DrawerProps } from '@/components/Modal/modal.interface';
 
 const Drawer = ({
   title,
   open,
-  onClose,
-  component,
+  hideCloseButton,
+  titleLeftComponent,
   footer,
   cardProps,
   size = 'small',
+  children,
+  onClose,
   ...props
-}: Omit<ModalProps, 'withHeaderDivider' | 'icon'>) => {
+}: DrawerProps) => {
   return (
     <DrawerMUI
       anchor="right"
@@ -55,19 +57,24 @@ const Drawer = ({
       >
         <CardHeader
           action={
-            <IconButton
-              aria-label="close"
-              data-testid="close-button"
-              onClick={() => onClose?.()}
-              variant="table"
-              size="medium"
-              icon={faClose}
-            />
+            !hideCloseButton ? (
+              <IconButton
+                aria-label="close"
+                data-testid="close-button"
+                onClick={() => onClose?.()}
+                variant="table"
+                size="medium"
+                icon={faClose}
+              />
+            ) : null
           }
           title={
             title ? (
               <Box display="flex">
-                <Box mt="2px">{title}</Box>
+                <Box mt="2px">
+                  {titleLeftComponent}
+                  {title}
+                </Box>
               </Box>
             ) : (
               ''
@@ -76,7 +83,7 @@ const Drawer = ({
           subheader=""
         />
         <CardContent>
-          <Box pb={footer ? '94px !important' : 0}>{component}</Box>
+          <Box pb={footer ? '94px !important' : 0}>{children}</Box>
         </CardContent>
         {footer}
       </Card>

package/src/components/Modal/modal.interface.ts

@@ -17,13 +17,16 @@ export interface ModalProps
   open: boolean;
   title?: string;
   size?: 'small' | 'large';
-  component: ReactNode | null;
   footer?: ReactNode | null;
   cardProps?: Partial<CardProps>;
   className?: string;
   icon?: IconDefinition;
   onClose?: () => void;
 }
+export interface DrawerProps extends Omit<ModalProps, 'icon'> {
+  titleLeftComponent?: ReactNode;
+  hideCloseButton?: boolean;
+}
 
 export type DialogTitleProps<T extends OverridableTypeMap> =
   DefaultComponentProps<T> & {