@pautena/react-design-system 0.17.0 → 0.18.0

package/dist/{drawer → drawerx/drawer}/drawer.d.ts

@@ -1,4 +1,4 @@
 import { Theme } from '@mui/material/styles';
-import { DrawerComponent } from './drawer.types';
+import { DrawerComponent } from '../drawer.types';
 export declare const DrawerHeader: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const Drawer: DrawerComponent;

package/dist/{drawer → drawerx/drawer}/drawer.mock.d.ts

@@ -1,13 +1,11 @@
-import { DrawerNavigation, DrawerNavigationItem, DrawerNavigationItemCollapsable, DrawerNavigationItemLink, DrawerNavigationSection } from './drawer.types';
-export declare const mockLinkDrawerNavigationItem: DrawerNavigationItemLink;
-export declare const mockLinkNoIconDrawerNavigationItem: DrawerNavigationItemLink;
+import { DrawerNavigation, DrawerNavigationItem, DrawerNavigationCollapsable, DrawerNavigationLink } from '../drawer.types';
+export declare const mockLinkDrawerNavigationItem: DrawerNavigationLink;
+export declare const mockLinkNoIconDrawerNavigationItem: DrawerNavigationLink;
 export declare const mockLinkBulletDrawerNavigationItem: DrawerNavigationItem;
 export declare const mockLinkLabelDrawerNavigationItem: DrawerNavigationItem;
 export declare const mockLinkAvatarDrawerNavigationItem: DrawerNavigationItem;
 export declare const mockListDrawerNavigationItems: DrawerNavigationItem[];
-export declare const mockMenuDrawerNavigationItem: DrawerNavigationItemCollapsable;
+export declare const mockMenuDrawerNavigationItem: DrawerNavigationCollapsable;
 export declare const mockMenuInsideMenuDrawerNavigationItem: DrawerNavigationItem;
-export declare const mockListDrawerNavigationSection: DrawerNavigationSection;
-export declare const mockMenuDrawerNavigationSection: DrawerNavigationSection;
-export declare const mockAvatarsDrawerNavigationSection: DrawerNavigationSection;
+export declare const mockListDrawerNavigationItems2: DrawerNavigationItem[];
 export declare const mockDrawerNavigation: DrawerNavigation;

package/dist/drawerx/drawer/index.d.ts

@@ -0,0 +1 @@
+export * from './drawer';

package/dist/{drawer-content → drawerx/drawer-content}/drawer-content.d.ts

@@ -1,4 +1,4 @@
-import { DrawerContentComponent } from '../drawer';
+import { DrawerContentComponent } from '../drawer.types';
 /**
  * Content to be shown inside a navigation
  */

package/dist/{drawer-provider → drawerx/drawer-context}/drawer-context.d.ts

@@ -1,10 +1,20 @@
-import { DrawerState, DrawerVariant } from '../drawer';
+import { ElementType } from 'react';
+import { DrawerSize, DrawerState, DrawerVariant } from '../drawer.types';
 export interface DrawerContextProps {
     selectedItemId?: string;
+    /**
+     * Item size. default to medium
+     */
+    size: DrawerSize;
     state: DrawerState;
     variant: DrawerVariant;
     drawerWidth: number;
-    underAppBar: boolean;
+    clipped: boolean;
+    /**
+     * The component used to render a link when the `href` prop is provided.
+     * @default 'a'
+     */
+    LinkComponent?: ElementType;
     switchState(): void;
     close(): void;
     collapse(): void;

package/dist/drawerx/drawer-context/drawer.provider.d.ts

@@ -0,0 +1,17 @@
+import { ElementType, PropsWithChildren } from 'react';
+import { DrawerSize, DrawerState, DrawerVariant } from '../drawer.types';
+export type DrawerProviderProps = PropsWithChildren<{
+    initialState?: DrawerState;
+    size?: DrawerSize;
+    clipped?: boolean;
+    drawerWidth?: number;
+    variant?: DrawerVariant;
+    selectedItemId?: string;
+    /**
+     * The component used to render a link when the `href` prop is provided.
+     * @default 'a'
+     */
+    LinkComponent?: ElementType;
+    onStateChange?: (newState: DrawerState) => void;
+}>;
+export declare const DrawerProvider: ({ children, initialState: initialStateProp, variant, size, drawerWidth: drawerWidthProp, clipped, selectedItemId, LinkComponent, onStateChange, }: DrawerProviderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/{drawer-provider → drawerx/drawer-context}/index.d.ts

@@ -1,3 +1,2 @@
-export * from '../drawer/drawer';
 export * from './drawer.provider';
 export * from './drawer-context';

package/dist/{drawer-item → drawerx/drawer-item}/drawer-item-link.d.ts

@@ -1,11 +1,7 @@
 import { ReactElement } from 'react';
 import { SxProps, Theme } from '@mui/material/styles';
-import { DrawerItemAvatar, DrawerItemBullet, DrawerItemLabel, DrawerSize } from '../drawer/drawer.types';
+import { DrawerItemAvatar, DrawerItemBullet, DrawerItemLabel } from '../drawer.types';
 export interface DrawerItemLinkProps {
-    /**
-     * Item size. default to medium
-     */
-    size?: DrawerSize;
     /**
      * Text displayed inside the item
      */
@@ -47,4 +43,4 @@ export interface DrawerItemLinkProps {
 /**
  * Clicable item inside a drawer
  */
-export declare const DrawerItemLink: ({ text, icon, avatar, label, bullet, href, selected, size, level, sx, }: DrawerItemLinkProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DrawerItemLink: ({ text, icon, avatar, label, bullet, href, selected, level, sx, }: DrawerItemLinkProps) => import("react/jsx-runtime").JSX.Element;

package/dist/drawerx/drawer-item/drawer-item.d.ts

@@ -0,0 +1,12 @@
+import { DrawerNavigationItem } from '../drawer.types';
+export interface DrawerItemProps {
+    /**
+     * Data to be rendered
+     */
+    item: DrawerNavigationItem;
+    /**
+     * Deep level of this item inside the submenus
+     */
+    level?: number;
+}
+export declare const DrawerItem: ({ item, level }: DrawerItemProps) => false | import("react/jsx-runtime").JSX.Element;

package/dist/{drawer-item → drawerx/drawer-item}/drawer-menu-item.d.ts

@@ -1,11 +1,7 @@
 import { SxProps, Theme } from '@mui/material/styles';
 import { ReactElement } from 'react';
-import { DrawerNavigationItem, DrawerSize } from '../drawer';
+import { DrawerNavigationItem } from '../drawer.types';
 export interface DrawerMenuItemProps {
-    /**
-     * Item size. default to medium
-     */
-    size?: DrawerSize;
     /**
      * Text displayed inside the item
      */
@@ -32,4 +28,4 @@ export interface DrawerMenuItemProps {
      */
     sx?: SxProps<Theme>;
 }
-export declare const DrawerMenuItem: ({ text, icon, selected, items, size, level, sx, }: DrawerMenuItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DrawerMenuItem: ({ text, icon, selected, items, level, sx, }: DrawerMenuItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/drawerx/drawer-layout/drawer-layout.d.ts

@@ -0,0 +1,20 @@
+import { DrawerProviderProps } from '../drawer-context';
+import { DrawerAppBarProps } from '../drawer-app-bar';
+import { DrawerContentProps, DrawerNavigation, DrawerProps } from '../drawer.types';
+export interface DrawerLayoutSlots {
+    drawerAppBar?: React.JSXElementConstructor<DrawerAppBarProps>;
+    drawer?: React.JSXElementConstructor<DrawerProps>;
+    drawerContent?: React.JSXElementConstructor<DrawerContentProps>;
+}
+export interface DrawerLayoutSlotProps {
+    drawerAppBar?: DrawerAppBarProps;
+    drawer?: DrawerProps;
+    drawerContent?: DrawerContentProps;
+}
+export interface DrawerLayoutProps extends DrawerProviderProps {
+    title: string;
+    navigation: DrawerNavigation;
+    slots?: DrawerLayoutSlots;
+    slotsProps?: DrawerLayoutSlotProps;
+}
+export declare const DrawerLayout: ({ children, navigation, title, slots, slotsProps, ...rest }: DrawerLayoutProps) => import("react/jsx-runtime").JSX.Element;

package/dist/drawerx/drawer-subheader/drawer-subheader.d.ts

@@ -0,0 +1,3 @@
+import { ListSubheaderProps } from '@mui/material/ListSubheader';
+export type DrawerSubheaderProps = ListSubheaderProps;
+export declare const DrawerSubheader: ({ sx, ...rest }: DrawerSubheaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/{drawer → drawerx}/drawer.types.d.ts

@@ -3,8 +3,8 @@ import { BulletVariant } from '../bullet';
 import { LabelVariant } from '../label';
 import { DrawerProps as MuiDrawerProps } from '@mui/material/Drawer';
 import { Theme } from '@mui/material/styles';
-import { DrawerAppBarProps } from '../drawer-app-bar';
-export type DrawerVariant = "temporary" | "mini" | "persistent" | "clipped";
+import { DrawerAppBarProps } from './drawer-app-bar';
+export type DrawerVariant = "temporary" | "mini" | "persistent";
 export type DrawerState = "open" | "collapse" | "close";
 export type DrawerSize = "small" | "medium";
 export interface DrawerItemAvatar {
@@ -18,7 +18,8 @@ export interface DrawerItemLabel {
 export interface DrawerItemBullet {
     variant: BulletVariant;
 }
-export interface DrawerNavigationItemLink {
+export interface DrawerNavigationLink {
+    kind: "link";
     id: string;
     text: string;
     href: string;
@@ -27,26 +28,22 @@ export interface DrawerNavigationItemLink {
     label?: DrawerItemLabel;
     bullet?: DrawerItemBullet;
 }
-export type DrawerNavigationItemCollapsable = Pick<DrawerNavigationItemLink, "id" | "text" | "icon"> & {
+export type DrawerNavigationCollapsable = Pick<DrawerNavigationLink, "id" | "text" | "icon"> & {
+    kind: "collapsable";
     items: DrawerNavigationItem[];
 };
-export type DrawerNavigationItem = DrawerNavigationItemLink | DrawerNavigationItemCollapsable;
-export interface DrawerNavigationSection {
-    title?: string;
-    items: DrawerNavigationItem[];
-}
-export interface DrawerNavigation {
-    items: DrawerNavigationSection[];
+export interface DrawerNavigationHeader {
+    kind: "header";
+    id: string;
+    text: string;
 }
+export type DrawerNavigationItem = DrawerNavigationLink | DrawerNavigationCollapsable | DrawerNavigationHeader;
+export type DrawerNavigation = DrawerNavigationItem[];
 export interface DrawerContentProps {
     /**
      * Object with the content that has to be rendered
      */
-    nav: DrawerNavigation;
-    /**
-     * Item size. default to medium
-     */
-    size?: DrawerSize;
+    navigation: DrawerNavigation;
 }
 export type DrawerContentComponent = FunctionComponent<DrawerContentProps>;
 export type DrawerContentElement = ReactElement<DrawerContentProps, DrawerContentComponent>;

package/dist/drawerx/index.d.ts

@@ -0,0 +1,7 @@
+export * from './drawer-subheader';
+export * from './drawer';
+export * from './drawer-context';
+export * from './drawer-content';
+export * from './drawer-app-bar';
+export * from './drawer-main';
+export * from './drawer.types';