@movable/ui 2.6.0 → 2.6.2

package/lib/index.d.ts

@@ -8,6 +8,7 @@ import { CustomContentProps } from 'notistack';
 import { default as default_2 } from 'react';
 import { DialogProps } from '@mui/material/Dialog';
 import { DrawerProps } from '@mui/material/Drawer';
+import { DrawerProps as DrawerProps_2 } from '@mui/material';
 import { FieldPath } from 'react-hook-form';
 import { FieldValues } from 'react-hook-form';
 import { ForwardRefExoticComponent } from 'react';
@@ -71,6 +72,24 @@ declare type closeButtonType = {
     onClick: (e?: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
 };
 
+declare interface CollapsibleDrawerProps extends CommonDrawerProps {
+    drawerType: 'basic' | 'filter';
+    isOpen: boolean;
+    handleDrawerClose: () => void;
+}
+
+declare interface CommonDrawerProps extends DrawerProps_2 {
+    drawerType: DrawerType;
+    drawerContent: JSX.Element;
+    drawerWidth?: number;
+    leftOffset?: string;
+    bottomContent?: JSX.Element;
+    headerLabel?: string;
+    isComponentLevelDrawer?: boolean;
+    mainProps?: BoxProps;
+    icon?: JSX.Element | OverridableComponent<SvgIconTypeMap<object, 'svg'>>;
+}
+
 export declare function DemoComponent({ stringToDisplay }: DemoComponentProps): JSX_2.Element;
 
 declare type DemoComponentProps = {
@@ -79,6 +98,8 @@ declare type DemoComponentProps = {
 
 export declare function DetailsLayout({ Header, children, ...rest }: LayoutDetailsProps): JSX_2.Element;
 
+declare type DrawerType = 'basic' | 'panel' | 'filter';
+
 declare type DropdownActionType = {
     label: ReactNode;
     menuOptions: MenuOptionType[];
@@ -193,6 +214,10 @@ export declare type InkDialogProps = DialogProps & {
     ActionsProp?: ActionsPropType;
 };
 
+export declare function InkDrawer(props: PropsWithChildren<InkDrawerProps>): JSX_2.Element;
+
+declare type InkDrawerProps = CollapsibleDrawerProps | PanelDrawerProps;
+
 export declare function InkEmptyState({ title, description, action, variant, icon, sx, }: InkEmptyStateProps): JSX_2.Element;
 
 declare type InkEmptyStateProps = {
@@ -229,13 +254,14 @@ declare type InkPageHeaderProps = {
     sx?: SxProps<Theme>;
 };
 
-export declare function InkPaper({ Header, Description, Icon, CTA, children, ...props }: InkPaperProps): JSX_2.Element;
+export declare function InkPaper({ Header, Description, Icon, CTA, children, shouldShowFullDescription, ...props }: InkPaperProps): JSX_2.Element;
 
 export declare type InkPaperProps = PaperProps & {
     Header: string | JSX.Element;
-    Description?: string;
+    Description?: string | JSX.Element;
     Icon?: JSX.Element;
     CTA?: JSX.Element;
+    shouldShowFullDescription?: boolean;
 };
 
 export declare function InkPersistentFilterDrawer({ isOpen, handleDrawerClose, children, drawerWidth, leftOffset, //primary nav width when closed and when open
@@ -427,6 +453,10 @@ declare type PageHeaderActionButtonsProps = {
 
 export declare const PageWrapper: ({ title, addTitleSuffix, description, children, }: PropsWithChildren<IPageWrapperProps>) => JSX_2.Element;
 
+declare interface PanelDrawerProps extends CommonDrawerProps {
+    drawerType: 'panel';
+}
+
 declare type PrimaryButtonType = ButtonProps & {
     label: string;
     loading?: boolean;