@pautena/react-design-system 0.14.2 → 0.14.4

package/drawer-content/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/drawer-subheader/drawer-subheader.tsx","../../../src/drawer-provider/drawer-context.ts","../../../src/drawer/drawer.tsx","../../../src/drawer/drawer.types.ts","../../../src/bullet/bullet.tsx","../../../src/label/label.tsx","../../../src/link/link.tsx","../../../src/drawer-item/drawer-item-link.tsx","../../../src/drawer-item/drawer-item.tsx","../../../src/drawer-item/drawer-menu-item.tsx","../../../src/drawer-section/drawer-section.tsx","../../../src/drawer-content/drawer-content.tsx"],"sourcesContent":["import ListSubheader, { ListSubheaderProps } from \"@mui/material/ListSubheader\";\nimport { styled } from \"@mui/material/styles\";\nimport { DrawerSize } from \"~/drawer\";\n\nexport interface DrawerSubheaderProps extends ListSubheaderProps {\n  /**\n   * Item size. default to medium\n   */\n  size?: DrawerSize;\n}\n\nexport const DrawerSubheader = styled(ListSubheader, {\n  shouldForwardProp: (prop) => prop !== \"size\",\n})<DrawerSubheaderProps>(({ size, theme }) => ({\n  lineHeight: size === \"small\" ? theme.typography.pxToRem(40) : undefined,\n}));\n","import { useContext, createContext } from \"react\";\nimport { DrawerState, DrawerVariant } from \"~/drawer\";\n\nexport interface DrawerContextProps {\n  selectedItemId?: string;\n  state: DrawerState;\n  variant: DrawerVariant;\n  drawerWidth: number;\n  underAppBar: boolean;\n  switchState(): void;\n  close(): void;\n  collapse(): void;\n  open(): void;\n  setState: (state: DrawerState) => void;\n}\n\nexport const DrawerContext = createContext<DrawerContextProps | undefined>(undefined);\nexport const UndefinedProvider = new Error(\"DrawerContext.Provider is required and was undefined\");\n\nexport const useDrawer = () => {\n  const context = useContext(DrawerContext);\n\n  if (context === undefined) {\n    throw UndefinedProvider;\n  }\n\n  return context;\n};\n","import { SxProps, Theme, styled, useTheme } from \"@mui/material/styles\";\nimport MuiDrawer, { drawerClasses } from \"@mui/material/Drawer\";\nimport { paperClasses } from \"@mui/material/Paper\";\nimport Divider from \"@mui/material/Divider\";\nimport IconButton from \"@mui/material/IconButton\";\nimport ChevronLeftIcon from \"@mui/icons-material/ChevronLeft\";\nimport { DrawerComponent, DrawerProps, DrawerState, DrawerVariant } from \"./drawer.types\";\nimport { useDrawer } from \"~/drawer-provider/drawer-context\";\nimport { closedMixin, openedMixin } from \"~/drawer-provider/drawer-mixins\";\n\nexport const DrawerHeader = styled(\"div\")(({ theme }) => ({\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"flex-end\",\n  padding: theme.spacing(0, 1),\n  ...theme.mixins.toolbar,\n}));\n\nconst showCloseButton: Record<DrawerVariant, boolean> = {\n  temporary: true,\n  mini: true,\n  persistent: true,\n  clipped: false,\n};\n\nconst muiDrawerVariant: Record<DrawerVariant, \"permanent\" | \"persistent\" | \"temporary\"> = {\n  temporary: \"temporary\",\n  mini: \"permanent\",\n  clipped: \"permanent\",\n  persistent: \"persistent\",\n};\n\ntype SxGenerator = (state: DrawerState, theme: Theme) => SxProps<Theme>;\nconst NoopSxGenerator = () => ({});\nconst variantsSx: Readonly<Record<DrawerVariant, SxGenerator>> = {\n  mini: (state: DrawerState, theme: Theme) => ({\n    boxSizing: \"border-box\",\n    [`& .${paperClasses.root}`]: {\n      zIndex: theme.zIndex.drawer - 1,\n    },\n  }),\n  temporary: NoopSxGenerator,\n  clipped: NoopSxGenerator,\n  persistent: NoopSxGenerator,\n};\n\nexport const Drawer: DrawerComponent = ({ children, ...rest }: DrawerProps) => {\n  const theme = useTheme();\n  const { state, switchState, underAppBar, close, drawerWidth, variant } = useDrawer();\n\n  const sx: any = {\n    width: drawerWidth,\n    flexShrink: 0,\n    whiteSpace: \"nowrap\",\n    ...(state === \"open\" && {\n      ...openedMixin(theme),\n      [`& .${drawerClasses.paper}`]: openedMixin(theme),\n    }),\n    ...(state !== \"open\" && {\n      ...closedMixin(theme),\n      [`& .${drawerClasses.paper}`]: closedMixin(theme),\n    }),\n    ...variantsSx[variant](state, theme),\n  };\n\n  return (\n    <MuiDrawer\n      open={state === \"open\"}\n      variant={muiDrawerVariant[variant]}\n      role=\"menu\"\n      aria-hidden={state === \"close\"}\n      onClose={close}\n      sx={sx}\n      {...rest}\n    >\n      <DrawerHeader>\n        {!underAppBar && showCloseButton[variant] && (\n          <IconButton onClick={switchState}>\n            <ChevronLeftIcon />\n          </IconButton>\n        )}\n      </DrawerHeader>\n      <Divider />\n      {children}\n    </MuiDrawer>\n  );\n};\n","import { FunctionComponent, ReactElement } from \"react\";\nimport { BulletVariant } from \"~/bullet\";\nimport { LabelVariant } from \"~/label\";\nimport { DrawerProps as MuiDrawerProps } from \"@mui/material/Drawer\";\nimport { Theme } from \"@mui/material/styles\";\nimport { DrawerAppBarProps } from \"~/drawer-app-bar\";\n\nexport type DrawerVariant = \"temporary\" | \"mini\" | \"persistent\" | \"clipped\";\nexport type DrawerState = \"open\" | \"collapse\" | \"close\";\nexport type DrawerSize = \"small\" | \"medium\";\n\nexport interface DrawerItemAvatar {\n  src: string;\n  alt: string;\n}\n\nexport interface DrawerItemLabel {\n  text: string;\n  variant: LabelVariant;\n}\n\nexport interface DrawerItemBullet {\n  variant: BulletVariant;\n}\n\nexport interface DrawerNavigationItemLink {\n  id: string;\n  text: string;\n  href: string;\n  icon?: ReactElement;\n  avatar?: DrawerItemAvatar;\n  label?: DrawerItemLabel;\n  bullet?: DrawerItemBullet;\n}\n\nexport type DrawerNavigationItemCollapsable = Pick<\n  DrawerNavigationItemLink,\n  \"id\" | \"text\" | \"icon\"\n> & {\n  items: DrawerNavigationItem[];\n};\n\nexport type DrawerNavigationItem = DrawerNavigationItemLink | DrawerNavigationItemCollapsable;\n\nexport interface DrawerNavigationSection {\n  title?: string;\n  items: DrawerNavigationItem[];\n}\n\nexport interface DrawerNavigation {\n  items: DrawerNavigationSection[];\n}\n\nexport interface DrawerContentProps {\n  /**\n   * Object with the content that has to be rendered\n   */\n  nav: DrawerNavigation;\n  /**\n   * Item size. default to medium\n   */\n  size?: DrawerSize;\n}\n\nexport type DrawerContentComponent = FunctionComponent<DrawerContentProps>;\nexport type DrawerContentElement = ReactElement<DrawerContentProps, DrawerContentComponent>;\n\nexport interface DrawerProps extends MuiDrawerProps {\n  children: DrawerContentElement;\n}\n\nexport type DrawerComponent = FunctionComponent<DrawerProps>;\nexport type DrawerElement = ReactElement<DrawerProps, DrawerComponent>;\n\nexport const getDrawerItemColors = (theme: Theme, selected: boolean | undefined) => ({\n  color: selected ? theme.palette.primary.main : undefined,\n  fontWeight: selected ? theme.typography.fontWeightBold : theme.typography.fontWeightMedium,\n});\n\nexport type DrawerAppBarComponent = FunctionComponent<DrawerAppBarProps>;\nexport type DrawerAppBarElement = ReactElement<DrawerAppBarProps, DrawerAppBarComponent>;\n","import Badge from \"@mui/material/Badge\";\nimport { SxProps, Theme } from \"@mui/material/styles\";\n\nexport type BulletVariant = \"primary\" | \"secondary\" | \"default\" | \"info\" | \"warning\" | \"error\";\n\nexport const bulletClasses = {\n  root: \"RdsBullet-root\",\n};\n\nexport interface BulletProps {\n  /**\n   * Color palette used to draw the component\n   */\n  variant?: BulletVariant;\n  /**\n   * Custom styles\n   */\n  sx?: SxProps<Theme>;\n}\n\n/**\n * Dot to attract the user attention\n */\nexport const Bullet = ({ variant = \"primary\", sx }: BulletProps) => {\n  return (\n    <Badge\n      color={variant}\n      variant=\"dot\"\n      className={bulletClasses.root}\n      role=\"bullet\"\n      aria-describedby={variant}\n      sx={sx}\n    />\n  );\n};\n","import Box from \"@mui/material/Box\";\nimport { SxProps, Theme, useTheme } from \"@mui/material/styles\";\n\nexport type LabelVariant =\n  | \"primary\"\n  | \"secondary\"\n  | \"default\"\n  | \"info\"\n  | \"warning\"\n  | \"error\"\n  | \"success\";\n\nexport const labelClasses = {\n  root: \"RdsLabel-root\",\n};\n\nexport interface LabelProps {\n  /**\n   * Content of the component\n   */\n  text: string;\n  /**\n   * Color palette used to draw the component\n   */\n  variant?: LabelVariant;\n\n  /**\n   * Custom styles\n   */\n  sx?: SxProps<Theme>;\n\n  /**\n   * Show the text as uppercase\n   */\n  textTransform?: \"none\" | \"capitalize\" | \"uppercase\";\n}\n\n/**\n * Compact element to represent a text\n */\nexport const Label = ({\n  text,\n  variant = \"default\",\n  textTransform = \"capitalize\",\n  sx,\n}: LabelProps) => {\n  const { palette, typography } = useTheme();\n\n  const backgroundColor: Record<LabelVariant, string> = {\n    default: palette.mode === \"light\" ? palette.grey[100] : palette.grey[900],\n    primary: palette.primary.light,\n    secondary: palette.secondary.light,\n    info: palette.info.light,\n    warning: palette.warning.light,\n    error: palette.error.light,\n    success: palette.success.light,\n  };\n\n  const textColor: Record<LabelVariant, string> = {\n    default: palette.getContrastText(backgroundColor.default),\n    primary: palette.primary.contrastText,\n    secondary: palette.secondary.contrastText,\n    info: palette.info.contrastText,\n    warning: palette.warning.contrastText,\n    error: palette.error.contrastText,\n    success: palette.success.contrastText,\n  };\n\n  return (\n    <Box\n      height={24}\n      minWidth={22}\n      display=\"inline-flex\"\n      justifyContent=\"center\"\n      alignItems=\"center\"\n      bgcolor={backgroundColor[variant]}\n      color={textColor[variant]}\n      fontSize={typography.caption.fontSize}\n      fontWeight={typography.fontWeightBold}\n      lineHeight={0}\n      textTransform={textTransform}\n      whiteSpace=\"nowrap\"\n      borderRadius={2}\n      role=\"label\"\n      aria-label={`${text} ${variant} label`}\n      py={0}\n      px={1}\n      sx={{ cursor: \"default\", ...sx }}\n    >\n      {text}\n    </Box>\n  );\n};\n","import { Link as RouterLink, LinkProps as RouterLinkProps } from \"react-router-dom\";\nimport { forwardRef } from \"react\";\nimport MuiLink, { LinkProps } from \"@mui/material/Link\";\n\n/* eslint-disable react/display-name, @typescript-eslint/no-explicit-any */\nexport const LinkBehaviour = forwardRef<\n  any,\n  Omit<RouterLinkProps, \"to\"> & { href: RouterLinkProps[\"to\"] }\n>((props, ref) => {\n  const { href, ...other } = props;\n  return <RouterLink ref={ref} to={href} {...other} />;\n});\n\nexport const Link = forwardRef<any, LinkProps>((props, _1) => {\n  return <MuiLink {...(props as any)} component={LinkBehaviour} />;\n});\n","import { ReactElement } from \"react\";\nimport Avatar from \"@mui/material/Avatar\";\nimport ListItemAvatar from \"@mui/material/ListItemAvatar\";\nimport ListItemButton from \"@mui/material/ListItemButton\";\nimport ListItemIcon from \"@mui/material/ListItemIcon\";\nimport ListItemText from \"@mui/material/ListItemText\";\nimport { SxProps, Theme, styled, useTheme } from \"@mui/material/styles\";\nimport { Bullet } from \"~/bullet\";\nimport { Label } from \"~/label\";\nimport {\n  DrawerItemAvatar,\n  DrawerItemBullet,\n  DrawerItemLabel,\n  DrawerSize,\n  getDrawerItemColors,\n} from \"~/drawer/drawer.types\";\nimport { Link } from \"~/link\";\nimport { useDrawer } from \"~/drawer-provider\";\n\nexport interface DrawerItemLinkProps {\n  /**\n   * Item size. default to medium\n   */\n  size?: DrawerSize;\n  /**\n   * Text displayed inside the item\n   */\n  text: string;\n  /**\n   * Url where the user is going to be redirected\n   * if the item is clicked\n   */\n  href: string;\n  /**\n   * Icon displayed to the left\n   */\n  icon?: ReactElement;\n  /**\n   * Avatar displayed to the left\n   */\n  avatar?: DrawerItemAvatar;\n  /**\n   * Label with extra info displayed to the right\n   */\n  label?: DrawerItemLabel;\n  /**\n   * Bullet to attract the user attention displyed to the right\n   */\n  bullet?: DrawerItemBullet;\n  /**\n   * The item has to be marked as selected\n   */\n  selected?: boolean;\n  /**\n   * Deep level of this item inside the submenus\n   */\n  level: number;\n  /**\n   * Custom styles\n   */\n  sx?: SxProps<Theme>;\n}\n\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nconst StyledLink = styled(Link)(({ theme }) => {\n  return {\n    color: theme.palette.text.primary,\n  };\n});\n\nconst sxCollapsedIcon = {\n  minWidth: 0,\n  justifyContent: \"center\",\n  marginRight: \"auto\",\n};\n\n/**\n * Clicable item inside a drawer\n */\nexport const DrawerItemLink = ({\n  text,\n  icon,\n  avatar,\n  label,\n  bullet,\n  href,\n  selected,\n  size = \"medium\",\n  level,\n  sx,\n}: DrawerItemLinkProps) => {\n  const { state } = useDrawer();\n  const theme = useTheme();\n  const { color, fontWeight } = getDrawerItemColors(theme, selected);\n\n  return (\n    <ListItemButton\n      LinkComponent={StyledLink}\n      dense={size === \"small\"}\n      aria-label={text}\n      href={href}\n      selected={selected}\n      sx={{\n        ...sx,\n        pl: state === \"open\" ? theme.spacing(2 + 1.5 * level) : undefined,\n        ...(state === \"collapse\" && {\n          paddingHorizontal: theme.spacing(2.5),\n          justifyContent: \"center\",\n        }),\n      }}\n    >\n      {icon && (\n        <ListItemIcon sx={{ color, ...(state === \"collapse\" && level === 0 && sxCollapsedIcon) }}>\n          {icon}\n        </ListItemIcon>\n      )}\n      {avatar && (\n        <ListItemAvatar\n          sx={{\n            ...(state === \"collapse\" && level === 0 && sxCollapsedIcon),\n          }}\n        >\n          <Avatar\n            alt={avatar.alt}\n            src={avatar.src}\n            sx={{\n              ...(size === \"small\" && { width: 24, height: 24 }),\n              ...(state === \"collapse\" && { width: 30, height: 30 }),\n            }}\n          />\n        </ListItemAvatar>\n      )}\n      <ListItemText\n        disableTypography\n        primary={text}\n        sx={{ color, fontWeight, opacity: state === \"collapse\" && level === 0 ? 0 : undefined }}\n      />\n      {label && state === \"open\" && (\n        <Label text={label.text} variant={label.variant} sx={{ ml: 2 }} />\n      )}\n      {bullet && state === \"open\" && <Bullet variant={bullet.variant} sx={{ ml: 2 }} />}\n    </ListItemButton>\n  );\n};\n","import { DrawerMenuItem } from \"./drawer-menu-item\";\nimport { DrawerNavigationItem, DrawerSize } from \"~/drawer/drawer.types\";\nimport { DrawerItemLink } from \"./drawer-item-link\";\nimport { useDrawer } from \"~/drawer-provider\";\n\nexport interface DrawerItemProps {\n  /**\n   * Data to be rendered\n   */\n  item: DrawerNavigationItem;\n  /**\n   * Size of the item\n   */\n  size?: DrawerSize;\n  /**\n   * Deep level of this item inside the submenus\n   */\n  level?: number;\n}\n\nexport const DrawerItem = ({ item, size = \"medium\", level = 0 }: DrawerItemProps) => {\n  const { selectedItemId } = useDrawer();\n  if (\"items\" in item) {\n    const { id, text, icon, items } = item;\n    const childrenSelected = items.some((item) => item.id === selectedItemId);\n    return (\n      <DrawerMenuItem\n        size={size}\n        selected={id === selectedItemId || childrenSelected}\n        text={text}\n        icon={icon}\n        items={items}\n        level={level}\n      />\n    );\n  } else {\n    const { id, text, icon, avatar, label, bullet, href } = item;\n    return (\n      <DrawerItemLink\n        selected={id === selectedItemId}\n        size={size}\n        text={text}\n        icon={icon}\n        avatar={avatar}\n        label={label}\n        bullet={bullet}\n        href={href}\n        level={level}\n      />\n    );\n  }\n};\n","import ListItemButton from \"@mui/material/ListItemButton\";\nimport ListItemIcon from \"@mui/material/ListItemIcon\";\nimport ListItemText from \"@mui/material/ListItemText\";\nimport Collapse from \"@mui/material/Collapse\";\nimport List from \"@mui/material/List\";\nimport Popover from \"@mui/material/Popover\";\nimport { SxProps, useTheme, Theme } from \"@mui/material/styles\";\nimport { ReactElement, useState, useRef } from \"react\";\nimport { DrawerNavigationItem, DrawerSize, getDrawerItemColors } from \"~/drawer\";\nimport ExpandMoreIcon from \"@mui/icons-material/ExpandMore\";\nimport ChevronRightIcon from \"@mui/icons-material/ChevronRight\";\nimport { DrawerItem } from \"./drawer-item\";\nimport { useDrawer } from \"~/drawer-provider\";\n\nexport interface DrawerMenuItemProps {\n  /**\n   * Item size. default to medium\n   */\n  size?: DrawerSize;\n  /**\n   * Text displayed inside the item\n   */\n  text: string;\n  /**\n   * Icon displayed to the left\n   */\n  icon?: ReactElement;\n  /**\n   * The item has to be marked as selected\n   */\n  selected?: boolean;\n  /**\n   * Items that are going to be displayed inside\n   * the collapsable\n   */\n  items: DrawerNavigationItem[];\n  /**\n   * Deep level of this item inside the submenus\n   */\n  level: number;\n  /**\n   * Custom styles\n   */\n  sx?: SxProps<Theme>;\n}\n\nexport const DrawerMenuItem = ({\n  text,\n  icon,\n  selected,\n  items,\n  size = \"medium\",\n  level,\n  sx = {},\n}: DrawerMenuItemProps) => {\n  const { state } = useDrawer();\n  const anchorEl = useRef<HTMLDivElement | null>(null);\n  const { palette, spacing } = useTheme();\n  const [menuOpen, setMenuOpen] = useState(false);\n  const { color, fontWeight } = getDrawerItemColors(useTheme(), selected);\n\n  const submenu = (\n    <List component=\"div\" disablePadding>\n      {items.map((item) => (\n        <DrawerItem key={item.id} level={level + 1} item={item} size={size} />\n      ))}\n    </List>\n  );\n\n  const collapsedButtonSx =\n    state === \"collapse\" && level === 0\n      ? {\n          position: \"absolute\",\n          right: 0,\n        }\n      : {};\n\n  return (\n    <>\n      <ListItemButton\n        ref={anchorEl}\n        selected={selected}\n        aria-label={text}\n        onClick={() => setMenuOpen((o) => !o)}\n        dense={size === \"small\"}\n        sx={{\n          ...sx,\n          pl: state === \"open\" ? spacing(2 + 1.5 * level) : undefined,\n          backgroundColor: menuOpen ? palette.action.hover : undefined,\n        }}\n      >\n        {icon && <ListItemIcon sx={{ color }}>{icon}</ListItemIcon>}\n        <ListItemText\n          disableTypography\n          primary={text}\n          sx={{ color, fontWeight, opacity: state === \"collapse\" && level === 0 ? 0 : undefined }}\n        />\n        {menuOpen && state === \"open\" ? (\n          <ExpandMoreIcon sx={[{ color, ml: 2 }, collapsedButtonSx]} />\n        ) : (\n          <ChevronRightIcon sx={[{ color, ml: 2 }, collapsedButtonSx]} />\n        )}\n      </ListItemButton>\n      {state === \"open\" ? (\n        <Collapse\n          in={menuOpen}\n          timeout=\"auto\"\n          unmountOnExit\n          aria-label={`${text} collapse submenu`}\n        >\n          {submenu}\n        </Collapse>\n      ) : (\n        <Popover\n          open={menuOpen}\n          PaperProps={{\n            elevation: 0,\n            variant: \"outlined\",\n          }}\n          aria-label={`${text} popover submenu`}\n          anchorEl={anchorEl.current}\n          onClose={() => setMenuOpen(false)}\n          anchorOrigin={{\n            vertical: \"top\",\n            horizontal: \"right\",\n          }}\n        >\n          {submenu}\n        </Popover>\n      )}\n    </>\n  );\n};\n","import List from \"@mui/material/List\";\nimport { useTheme } from \"@mui/material/styles\";\nimport { DrawerNavigationItem, DrawerSize } from \"~/drawer\";\nimport { DrawerSubheader } from \"~/drawer-subheader\";\nimport { DrawerItem } from \"~/drawer-item\";\nimport { useDrawer } from \"~/drawer-provider\";\n\nexport interface DrawerSectionProps {\n  /**\n   * Section title\n   */\n  title?: string;\n  /**\n   * List of items of that section\n   */\n  items: DrawerNavigationItem[];\n  /**\n   * Item size. default to medium\n   */\n  size?: DrawerSize;\n}\n\n/**\n * Render a group of items inside the drawer\n * with an optional title\n */\nexport const DrawerSection = ({ title, items, size = \"medium\" }: DrawerSectionProps) => {\n  const { state } = useDrawer();\n  const { spacing } = useTheme();\n  return (\n    <>\n      {title && state === \"open\" && (\n        <DrawerSubheader size={size} role=\"heading\">\n          {title}\n        </DrawerSubheader>\n      )}\n      <List\n        sx={{\n          paddingTop: size === \"small\" ? spacing(0) : undefined,\n          paddingY: state === \"collapse\" ? 0 : undefined,\n        }}\n      >\n        {items.map((item) => (\n          <DrawerItem key={item.id} item={item} size={size} />\n        ))}\n      </List>\n    </>\n  );\n};\n","import { DrawerSection } from \"~/drawer-section\";\nimport { DrawerContentComponent, DrawerContentProps } from \"~/drawer\";\n\n/**\n * Content to be shown inside a navigation\n */\nexport const DrawerContent: DrawerContentComponent = ({\n  nav: { items },\n  size = \"medium\",\n}: DrawerContentProps) => {\n  return (\n    <>\n      {items.map(({ title, items }, i) => (\n        <DrawerSection key={i} title={title} items={items} size={size} />\n      ))}\n    </>\n  );\n};\n"],"names":["DrawerSubheader","styled","ListSubheader","shouldForwardProp","prop","size","theme","lineHeight","typography","pxToRem","undefined","DrawerContext","createContext","UndefinedProvider","Error","useDrawer","context","useContext","display","alignItems","justifyContent","padding","spacing","mixins","toolbar","getDrawerItemColors","selected","color","palette","primary","main","fontWeight","fontWeightBold","fontWeightMedium","bulletClasses","Bullet","variant","sx","_jsx","Badge","className","role","Label","text","textTransform","useTheme","backgroundColor","default","mode","grey","light","secondary","info","warning","error","success","textColor","getContrastText","contrastText","Box","height","minWidth","bgcolor","fontSize","caption","whiteSpace","borderRadius","py","px","cursor","children","LinkBehaviour","forwardRef","props","ref","href","other","jsx","RouterLink","to","Link","_1","MuiLink","component","StyledLink","sxCollapsedIcon","marginRight","DrawerItemLink","icon","avatar","label","bullet","level","state","_jsxs","ListItemButton","LinkComponent","dense","pl","paddingHorizontal","ListItemIcon","ListItemAvatar","Avatar","alt","src","width","ListItemText","disableTypography","opacity","ml","DrawerItem","item","selectedItemId","id","items","childrenSelected","some","DrawerMenuItem","anchorEl","useRef","menuOpen","setMenuOpen","useState","submenu","List","disablePadding","map","collapsedButtonSx","position","right","_Fragment","onClick","o","action","hover","ExpandMoreIcon","ChevronRightIcon","Collapse","in","timeout","unmountOnExit","Popover","open","PaperProps","elevation","current","onClose","anchorOrigin","vertical","horizontal","DrawerSection","title","jsxs","paddingTop","paddingY","nav","i"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/drawer-subheader/drawer-subheader.tsx","../../../src/drawer-provider/drawer-context.ts","../../../src/drawer/drawer.tsx","../../../src/drawer/drawer.types.ts","../../../src/bullet/bullet.tsx","../../../src/label/label.tsx","../../../src/link/link.tsx","../../../src/drawer-item/drawer-item-link.tsx","../../../src/drawer-item/drawer-item.tsx","../../../src/drawer-item/drawer-menu-item.tsx","../../../src/drawer-section/drawer-section.tsx","../../../src/drawer-content/drawer-content.tsx"],"sourcesContent":["import ListSubheader, { ListSubheaderProps } from \"@mui/material/ListSubheader\";\nimport { styled } from \"@mui/material/styles\";\nimport { DrawerSize } from \"../drawer\";\n\nexport interface DrawerSubheaderProps extends ListSubheaderProps {\n  /**\n   * Item size. default to medium\n   */\n  size?: DrawerSize;\n}\n\nexport const DrawerSubheader = styled(ListSubheader, {\n  shouldForwardProp: (prop) => prop !== \"size\",\n})<DrawerSubheaderProps>(({ size, theme }) => ({\n  lineHeight: size === \"small\" ? theme.typography.pxToRem(40) : undefined,\n}));\n","import { useContext, createContext } from \"react\";\nimport { DrawerState, DrawerVariant } from \"../drawer\";\n\nexport interface DrawerContextProps {\n  selectedItemId?: string;\n  state: DrawerState;\n  variant: DrawerVariant;\n  drawerWidth: number;\n  underAppBar: boolean;\n  switchState(): void;\n  close(): void;\n  collapse(): void;\n  open(): void;\n  setState: (state: DrawerState) => void;\n}\n\nexport const DrawerContext = createContext<DrawerContextProps | undefined>(undefined);\nexport const UndefinedProvider = new Error(\"DrawerContext.Provider is required and was undefined\");\n\nexport const useDrawer = () => {\n  const context = useContext(DrawerContext);\n\n  if (context === undefined) {\n    throw UndefinedProvider;\n  }\n\n  return context;\n};\n","import { SxProps, Theme, styled, useTheme } from \"@mui/material/styles\";\nimport MuiDrawer, { drawerClasses } from \"@mui/material/Drawer\";\nimport { paperClasses } from \"@mui/material/Paper\";\nimport Divider from \"@mui/material/Divider\";\nimport IconButton from \"@mui/material/IconButton\";\nimport ChevronLeftIcon from \"@mui/icons-material/ChevronLeft\";\nimport { DrawerComponent, DrawerProps, DrawerState, DrawerVariant } from \"./drawer.types\";\nimport { useDrawer } from \"../drawer-provider/drawer-context\";\nimport { closedMixin, openedMixin } from \"../drawer-provider/drawer-mixins\";\n\nexport const DrawerHeader = styled(\"div\")(({ theme }) => ({\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"flex-end\",\n  padding: theme.spacing(0, 1),\n  ...theme.mixins.toolbar,\n}));\n\nconst showCloseButton: Record<DrawerVariant, boolean> = {\n  temporary: true,\n  mini: true,\n  persistent: true,\n  clipped: false,\n};\n\nconst muiDrawerVariant: Record<DrawerVariant, \"permanent\" | \"persistent\" | \"temporary\"> = {\n  temporary: \"temporary\",\n  mini: \"permanent\",\n  clipped: \"permanent\",\n  persistent: \"persistent\",\n};\n\ntype SxGenerator = (state: DrawerState, theme: Theme) => SxProps<Theme>;\nconst NoopSxGenerator = () => ({});\nconst variantsSx: Readonly<Record<DrawerVariant, SxGenerator>> = {\n  mini: (state: DrawerState, theme: Theme) => ({\n    boxSizing: \"border-box\",\n    [`& .${paperClasses.root}`]: {\n      zIndex: theme.zIndex.drawer - 1,\n    },\n  }),\n  temporary: NoopSxGenerator,\n  clipped: NoopSxGenerator,\n  persistent: NoopSxGenerator,\n};\n\nexport const Drawer: DrawerComponent = ({ children, ...rest }: DrawerProps) => {\n  const theme = useTheme();\n  const { state, switchState, underAppBar, close, drawerWidth, variant } = useDrawer();\n\n  const sx: any = {\n    width: drawerWidth,\n    flexShrink: 0,\n    whiteSpace: \"nowrap\",\n    ...(state === \"open\" && {\n      ...openedMixin(theme),\n      [`& .${drawerClasses.paper}`]: openedMixin(theme),\n    }),\n    ...(state !== \"open\" && {\n      ...closedMixin(theme),\n      [`& .${drawerClasses.paper}`]: closedMixin(theme),\n    }),\n    ...variantsSx[variant](state, theme),\n  };\n\n  return (\n    <MuiDrawer\n      open={state === \"open\"}\n      variant={muiDrawerVariant[variant]}\n      role=\"menu\"\n      aria-hidden={state === \"close\"}\n      onClose={close}\n      sx={sx}\n      {...rest}\n    >\n      <DrawerHeader>\n        {!underAppBar && showCloseButton[variant] && (\n          <IconButton onClick={switchState}>\n            <ChevronLeftIcon />\n          </IconButton>\n        )}\n      </DrawerHeader>\n      <Divider />\n      {children}\n    </MuiDrawer>\n  );\n};\n","import { FunctionComponent, ReactElement } from \"react\";\nimport { BulletVariant } from \"../bullet\";\nimport { LabelVariant } from \"../label\";\nimport { DrawerProps as MuiDrawerProps } from \"@mui/material/Drawer\";\nimport { Theme } from \"@mui/material/styles\";\nimport { DrawerAppBarProps } from \"../drawer-app-bar\";\n\nexport type DrawerVariant = \"temporary\" | \"mini\" | \"persistent\" | \"clipped\";\nexport type DrawerState = \"open\" | \"collapse\" | \"close\";\nexport type DrawerSize = \"small\" | \"medium\";\n\nexport interface DrawerItemAvatar {\n  src: string;\n  alt: string;\n}\n\nexport interface DrawerItemLabel {\n  text: string;\n  variant: LabelVariant;\n}\n\nexport interface DrawerItemBullet {\n  variant: BulletVariant;\n}\n\nexport interface DrawerNavigationItemLink {\n  id: string;\n  text: string;\n  href: string;\n  icon?: ReactElement;\n  avatar?: DrawerItemAvatar;\n  label?: DrawerItemLabel;\n  bullet?: DrawerItemBullet;\n}\n\nexport type DrawerNavigationItemCollapsable = Pick<\n  DrawerNavigationItemLink,\n  \"id\" | \"text\" | \"icon\"\n> & {\n  items: DrawerNavigationItem[];\n};\n\nexport type DrawerNavigationItem = DrawerNavigationItemLink | DrawerNavigationItemCollapsable;\n\nexport interface DrawerNavigationSection {\n  title?: string;\n  items: DrawerNavigationItem[];\n}\n\nexport interface DrawerNavigation {\n  items: DrawerNavigationSection[];\n}\n\nexport interface DrawerContentProps {\n  /**\n   * Object with the content that has to be rendered\n   */\n  nav: DrawerNavigation;\n  /**\n   * Item size. default to medium\n   */\n  size?: DrawerSize;\n}\n\nexport type DrawerContentComponent = FunctionComponent<DrawerContentProps>;\nexport type DrawerContentElement = ReactElement<DrawerContentProps, DrawerContentComponent>;\n\nexport interface DrawerProps extends MuiDrawerProps {\n  children: DrawerContentElement;\n}\n\nexport type DrawerComponent = FunctionComponent<DrawerProps>;\nexport type DrawerElement = ReactElement<DrawerProps, DrawerComponent>;\n\nexport const getDrawerItemColors = (theme: Theme, selected: boolean | undefined) => ({\n  color: selected ? theme.palette.primary.main : undefined,\n  fontWeight: selected ? theme.typography.fontWeightBold : theme.typography.fontWeightMedium,\n});\n\nexport type DrawerAppBarComponent = FunctionComponent<DrawerAppBarProps>;\nexport type DrawerAppBarElement = ReactElement<DrawerAppBarProps, DrawerAppBarComponent>;\n","import Badge from \"@mui/material/Badge\";\nimport { SxProps, Theme } from \"@mui/material/styles\";\n\nexport type BulletVariant = \"primary\" | \"secondary\" | \"default\" | \"info\" | \"warning\" | \"error\";\n\nexport const bulletClasses = {\n  root: \"RdsBullet-root\",\n};\n\nexport interface BulletProps {\n  /**\n   * Color palette used to draw the component\n   */\n  variant?: BulletVariant;\n  /**\n   * Custom styles\n   */\n  sx?: SxProps<Theme>;\n}\n\n/**\n * Dot to attract the user attention\n */\nexport const Bullet = ({ variant = \"primary\", sx }: BulletProps) => {\n  return (\n    <Badge\n      color={variant}\n      variant=\"dot\"\n      className={bulletClasses.root}\n      role=\"bullet\"\n      aria-describedby={variant}\n      sx={sx}\n    />\n  );\n};\n","import Box from \"@mui/material/Box\";\nimport { SxProps, Theme, useTheme } from \"@mui/material/styles\";\n\nexport type LabelVariant =\n  | \"primary\"\n  | \"secondary\"\n  | \"default\"\n  | \"info\"\n  | \"warning\"\n  | \"error\"\n  | \"success\";\n\nexport const labelClasses = {\n  root: \"RdsLabel-root\",\n};\n\nexport interface LabelProps {\n  /**\n   * Content of the component\n   */\n  text: string;\n  /**\n   * Color palette used to draw the component\n   */\n  variant?: LabelVariant;\n\n  /**\n   * Custom styles\n   */\n  sx?: SxProps<Theme>;\n\n  /**\n   * Show the text as uppercase\n   */\n  textTransform?: \"none\" | \"capitalize\" | \"uppercase\";\n}\n\n/**\n * Compact element to represent a text\n */\nexport const Label = ({\n  text,\n  variant = \"default\",\n  textTransform = \"capitalize\",\n  sx,\n}: LabelProps) => {\n  const { palette, typography } = useTheme();\n\n  const backgroundColor: Record<LabelVariant, string> = {\n    default: palette.mode === \"light\" ? palette.grey[100] : palette.grey[900],\n    primary: palette.primary.light,\n    secondary: palette.secondary.light,\n    info: palette.info.light,\n    warning: palette.warning.light,\n    error: palette.error.light,\n    success: palette.success.light,\n  };\n\n  const textColor: Record<LabelVariant, string> = {\n    default: palette.getContrastText(backgroundColor.default),\n    primary: palette.primary.contrastText,\n    secondary: palette.secondary.contrastText,\n    info: palette.info.contrastText,\n    warning: palette.warning.contrastText,\n    error: palette.error.contrastText,\n    success: palette.success.contrastText,\n  };\n\n  return (\n    <Box\n      height={24}\n      minWidth={22}\n      display=\"inline-flex\"\n      justifyContent=\"center\"\n      alignItems=\"center\"\n      bgcolor={backgroundColor[variant]}\n      color={textColor[variant]}\n      fontSize={typography.caption.fontSize}\n      fontWeight={typography.fontWeightBold}\n      lineHeight={0}\n      textTransform={textTransform}\n      whiteSpace=\"nowrap\"\n      borderRadius={2}\n      role=\"label\"\n      aria-label={`${text} ${variant} label`}\n      py={0}\n      px={1}\n      sx={{ cursor: \"default\", ...sx }}\n    >\n      {text}\n    </Box>\n  );\n};\n","import { Link as RouterLink, LinkProps as RouterLinkProps } from \"react-router-dom\";\nimport { forwardRef } from \"react\";\nimport MuiLink, { LinkProps } from \"@mui/material/Link\";\n\n/* eslint-disable react/display-name, @typescript-eslint/no-explicit-any */\nexport const LinkBehaviour = forwardRef<\n  any,\n  Omit<RouterLinkProps, \"to\"> & { href: RouterLinkProps[\"to\"] }\n>((props, ref) => {\n  const { href, ...other } = props;\n  return <RouterLink ref={ref} to={href} {...other} />;\n});\n\nexport const Link = forwardRef<any, LinkProps>((props, _1) => {\n  return <MuiLink {...(props as any)} component={LinkBehaviour} />;\n});\n","import { ReactElement } from \"react\";\nimport Avatar from \"@mui/material/Avatar\";\nimport ListItemAvatar from \"@mui/material/ListItemAvatar\";\nimport ListItemButton from \"@mui/material/ListItemButton\";\nimport ListItemIcon from \"@mui/material/ListItemIcon\";\nimport ListItemText from \"@mui/material/ListItemText\";\nimport { SxProps, Theme, styled, useTheme } from \"@mui/material/styles\";\nimport { Bullet } from \"../bullet\";\nimport { Label } from \"../label\";\nimport {\n  DrawerItemAvatar,\n  DrawerItemBullet,\n  DrawerItemLabel,\n  DrawerSize,\n  getDrawerItemColors,\n} from \"../drawer/drawer.types\";\nimport { Link } from \"../link\";\nimport { useDrawer } from \"../drawer-provider\";\n\nexport interface DrawerItemLinkProps {\n  /**\n   * Item size. default to medium\n   */\n  size?: DrawerSize;\n  /**\n   * Text displayed inside the item\n   */\n  text: string;\n  /**\n   * Url where the user is going to be redirected\n   * if the item is clicked\n   */\n  href: string;\n  /**\n   * Icon displayed to the left\n   */\n  icon?: ReactElement;\n  /**\n   * Avatar displayed to the left\n   */\n  avatar?: DrawerItemAvatar;\n  /**\n   * Label with extra info displayed to the right\n   */\n  label?: DrawerItemLabel;\n  /**\n   * Bullet to attract the user attention displyed to the right\n   */\n  bullet?: DrawerItemBullet;\n  /**\n   * The item has to be marked as selected\n   */\n  selected?: boolean;\n  /**\n   * Deep level of this item inside the submenus\n   */\n  level: number;\n  /**\n   * Custom styles\n   */\n  sx?: SxProps<Theme>;\n}\n\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nconst StyledLink = styled(Link)(({ theme }) => {\n  return {\n    color: theme.palette.text.primary,\n  };\n});\n\nconst sxCollapsedIcon = {\n  minWidth: 0,\n  justifyContent: \"center\",\n  marginRight: \"auto\",\n};\n\n/**\n * Clicable item inside a drawer\n */\nexport const DrawerItemLink = ({\n  text,\n  icon,\n  avatar,\n  label,\n  bullet,\n  href,\n  selected,\n  size = \"medium\",\n  level,\n  sx,\n}: DrawerItemLinkProps) => {\n  const { state } = useDrawer();\n  const theme = useTheme();\n  const { color, fontWeight } = getDrawerItemColors(theme, selected);\n\n  return (\n    <ListItemButton\n      LinkComponent={StyledLink}\n      dense={size === \"small\"}\n      aria-label={text}\n      href={href}\n      selected={selected}\n      sx={{\n        ...sx,\n        pl: state === \"open\" ? theme.spacing(2 + 1.5 * level) : undefined,\n        ...(state === \"collapse\" && {\n          paddingHorizontal: theme.spacing(2.5),\n          justifyContent: \"center\",\n        }),\n      }}\n    >\n      {icon && (\n        <ListItemIcon sx={{ color, ...(state === \"collapse\" && level === 0 && sxCollapsedIcon) }}>\n          {icon}\n        </ListItemIcon>\n      )}\n      {avatar && (\n        <ListItemAvatar\n          sx={{\n            ...(state === \"collapse\" && level === 0 && sxCollapsedIcon),\n          }}\n        >\n          <Avatar\n            alt={avatar.alt}\n            src={avatar.src}\n            sx={{\n              ...(size === \"small\" && { width: 24, height: 24 }),\n              ...(state === \"collapse\" && { width: 30, height: 30 }),\n            }}\n          />\n        </ListItemAvatar>\n      )}\n      <ListItemText\n        disableTypography\n        primary={text}\n        sx={{ color, fontWeight, opacity: state === \"collapse\" && level === 0 ? 0 : undefined }}\n      />\n      {label && state === \"open\" && (\n        <Label text={label.text} variant={label.variant} sx={{ ml: 2 }} />\n      )}\n      {bullet && state === \"open\" && <Bullet variant={bullet.variant} sx={{ ml: 2 }} />}\n    </ListItemButton>\n  );\n};\n","import { DrawerMenuItem } from \"./drawer-menu-item\";\nimport { DrawerNavigationItem, DrawerSize } from \"../drawer/drawer.types\";\nimport { DrawerItemLink } from \"./drawer-item-link\";\nimport { useDrawer } from \"../drawer-provider\";\n\nexport interface DrawerItemProps {\n  /**\n   * Data to be rendered\n   */\n  item: DrawerNavigationItem;\n  /**\n   * Size of the item\n   */\n  size?: DrawerSize;\n  /**\n   * Deep level of this item inside the submenus\n   */\n  level?: number;\n}\n\nexport const DrawerItem = ({ item, size = \"medium\", level = 0 }: DrawerItemProps) => {\n  const { selectedItemId } = useDrawer();\n  if (\"items\" in item) {\n    const { id, text, icon, items } = item;\n    const childrenSelected = items.some((item) => item.id === selectedItemId);\n    return (\n      <DrawerMenuItem\n        size={size}\n        selected={id === selectedItemId || childrenSelected}\n        text={text}\n        icon={icon}\n        items={items}\n        level={level}\n      />\n    );\n  } else {\n    const { id, text, icon, avatar, label, bullet, href } = item;\n    return (\n      <DrawerItemLink\n        selected={id === selectedItemId}\n        size={size}\n        text={text}\n        icon={icon}\n        avatar={avatar}\n        label={label}\n        bullet={bullet}\n        href={href}\n        level={level}\n      />\n    );\n  }\n};\n","import ListItemButton from \"@mui/material/ListItemButton\";\nimport ListItemIcon from \"@mui/material/ListItemIcon\";\nimport ListItemText from \"@mui/material/ListItemText\";\nimport Collapse from \"@mui/material/Collapse\";\nimport List from \"@mui/material/List\";\nimport Popover from \"@mui/material/Popover\";\nimport { SxProps, useTheme, Theme } from \"@mui/material/styles\";\nimport { ReactElement, useState, useRef } from \"react\";\nimport { DrawerNavigationItem, DrawerSize, getDrawerItemColors } from \"../drawer\";\nimport ExpandMoreIcon from \"@mui/icons-material/ExpandMore\";\nimport ChevronRightIcon from \"@mui/icons-material/ChevronRight\";\nimport { DrawerItem } from \"./drawer-item\";\nimport { useDrawer } from \"../drawer-provider\";\n\nexport interface DrawerMenuItemProps {\n  /**\n   * Item size. default to medium\n   */\n  size?: DrawerSize;\n  /**\n   * Text displayed inside the item\n   */\n  text: string;\n  /**\n   * Icon displayed to the left\n   */\n  icon?: ReactElement;\n  /**\n   * The item has to be marked as selected\n   */\n  selected?: boolean;\n  /**\n   * Items that are going to be displayed inside\n   * the collapsable\n   */\n  items: DrawerNavigationItem[];\n  /**\n   * Deep level of this item inside the submenus\n   */\n  level: number;\n  /**\n   * Custom styles\n   */\n  sx?: SxProps<Theme>;\n}\n\nexport const DrawerMenuItem = ({\n  text,\n  icon,\n  selected,\n  items,\n  size = \"medium\",\n  level,\n  sx = {},\n}: DrawerMenuItemProps) => {\n  const { state } = useDrawer();\n  const anchorEl = useRef<HTMLDivElement | null>(null);\n  const { palette, spacing } = useTheme();\n  const [menuOpen, setMenuOpen] = useState(false);\n  const { color, fontWeight } = getDrawerItemColors(useTheme(), selected);\n\n  const submenu = (\n    <List component=\"div\" disablePadding>\n      {items.map((item) => (\n        <DrawerItem key={item.id} level={level + 1} item={item} size={size} />\n      ))}\n    </List>\n  );\n\n  const collapsedButtonSx =\n    state === \"collapse\" && level === 0\n      ? {\n          position: \"absolute\",\n          right: 0,\n        }\n      : {};\n\n  return (\n    <>\n      <ListItemButton\n        ref={anchorEl}\n        selected={selected}\n        aria-label={text}\n        onClick={() => setMenuOpen((o) => !o)}\n        dense={size === \"small\"}\n        sx={{\n          ...sx,\n          pl: state === \"open\" ? spacing(2 + 1.5 * level) : undefined,\n          backgroundColor: menuOpen ? palette.action.hover : undefined,\n        }}\n      >\n        {icon && <ListItemIcon sx={{ color }}>{icon}</ListItemIcon>}\n        <ListItemText\n          disableTypography\n          primary={text}\n          sx={{ color, fontWeight, opacity: state === \"collapse\" && level === 0 ? 0 : undefined }}\n        />\n        {menuOpen && state === \"open\" ? (\n          <ExpandMoreIcon sx={[{ color, ml: 2 }, collapsedButtonSx]} />\n        ) : (\n          <ChevronRightIcon sx={[{ color, ml: 2 }, collapsedButtonSx]} />\n        )}\n      </ListItemButton>\n      {state === \"open\" ? (\n        <Collapse\n          in={menuOpen}\n          timeout=\"auto\"\n          unmountOnExit\n          aria-label={`${text} collapse submenu`}\n        >\n          {submenu}\n        </Collapse>\n      ) : (\n        <Popover\n          open={menuOpen}\n          PaperProps={{\n            elevation: 0,\n            variant: \"outlined\",\n          }}\n          aria-label={`${text} popover submenu`}\n          anchorEl={anchorEl.current}\n          onClose={() => setMenuOpen(false)}\n          anchorOrigin={{\n            vertical: \"top\",\n            horizontal: \"right\",\n          }}\n        >\n          {submenu}\n        </Popover>\n      )}\n    </>\n  );\n};\n","import List from \"@mui/material/List\";\nimport { useTheme } from \"@mui/material/styles\";\nimport { DrawerNavigationItem, DrawerSize } from \"../drawer\";\nimport { DrawerSubheader } from \"../drawer-subheader\";\nimport { DrawerItem } from \"../drawer-item\";\nimport { useDrawer } from \"../drawer-provider\";\n\nexport interface DrawerSectionProps {\n  /**\n   * Section title\n   */\n  title?: string;\n  /**\n   * List of items of that section\n   */\n  items: DrawerNavigationItem[];\n  /**\n   * Item size. default to medium\n   */\n  size?: DrawerSize;\n}\n\n/**\n * Render a group of items inside the drawer\n * with an optional title\n */\nexport const DrawerSection = ({ title, items, size = \"medium\" }: DrawerSectionProps) => {\n  const { state } = useDrawer();\n  const { spacing } = useTheme();\n  return (\n    <>\n      {title && state === \"open\" && (\n        <DrawerSubheader size={size} role=\"heading\">\n          {title}\n        </DrawerSubheader>\n      )}\n      <List\n        sx={{\n          paddingTop: size === \"small\" ? spacing(0) : undefined,\n          paddingY: state === \"collapse\" ? 0 : undefined,\n        }}\n      >\n        {items.map((item) => (\n          <DrawerItem key={item.id} item={item} size={size} />\n        ))}\n      </List>\n    </>\n  );\n};\n","import { DrawerSection } from \"../drawer-section\";\nimport { DrawerContentComponent, DrawerContentProps } from \"../drawer\";\n\n/**\n * Content to be shown inside a navigation\n */\nexport const DrawerContent: DrawerContentComponent = ({\n  nav: { items },\n  size = \"medium\",\n}: DrawerContentProps) => {\n  return (\n    <>\n      {items.map(({ title, items }, i) => (\n        <DrawerSection key={i} title={title} items={items} size={size} />\n      ))}\n    </>\n  );\n};\n"],"names":["DrawerSubheader","styled","ListSubheader","shouldForwardProp","prop","size","theme","lineHeight","typography","pxToRem","undefined","DrawerContext","createContext","UndefinedProvider","Error","useDrawer","context","useContext","display","alignItems","justifyContent","padding","spacing","mixins","toolbar","getDrawerItemColors","selected","color","palette","primary","main","fontWeight","fontWeightBold","fontWeightMedium","bulletClasses","Bullet","variant","sx","_jsx","Badge","className","role","Label","text","textTransform","useTheme","backgroundColor","default","mode","grey","light","secondary","info","warning","error","success","textColor","getContrastText","contrastText","Box","height","minWidth","bgcolor","fontSize","caption","whiteSpace","borderRadius","py","px","cursor","children","LinkBehaviour","forwardRef","props","ref","href","other","jsx","RouterLink","to","Link","_1","MuiLink","component","StyledLink","sxCollapsedIcon","marginRight","DrawerItemLink","icon","avatar","label","bullet","level","state","_jsxs","ListItemButton","LinkComponent","dense","pl","paddingHorizontal","ListItemIcon","ListItemAvatar","Avatar","alt","src","width","ListItemText","disableTypography","opacity","ml","DrawerItem","item","selectedItemId","id","items","childrenSelected","some","DrawerMenuItem","anchorEl","useRef","menuOpen","setMenuOpen","useState","submenu","List","disablePadding","map","collapsedButtonSx","position","right","_Fragment","onClick","o","action","hover","ExpandMoreIcon","ChevronRightIcon","Collapse","in","timeout","unmountOnExit","Popover","open","PaperProps","elevation","current","onClose","anchorOrigin","vertical","horizontal","DrawerSection","title","jsxs","paddingTop","paddingY","nav","i"],"mappings":"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"}

package/drawer-content/drawer-content.d.ts

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

package/drawer-content/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/drawer-subheader/drawer-subheader.tsx","../../src/drawer-provider/drawer-context.ts","../../src/drawer/drawer.tsx","../../src/drawer/drawer.types.ts","../../src/bullet/bullet.tsx","../../src/label/label.tsx","../../src/link/link.tsx","../../src/drawer-item/drawer-item-link.tsx","../../src/drawer-item/drawer-item.tsx","../../src/drawer-item/drawer-menu-item.tsx","../../src/drawer-section/drawer-section.tsx","../../src/drawer-content/drawer-content.tsx"],"sourcesContent":["import ListSubheader, { ListSubheaderProps } from \"@mui/material/ListSubheader\";\nimport { styled } from \"@mui/material/styles\";\nimport { DrawerSize } from \"~/drawer\";\n\nexport interface DrawerSubheaderProps extends ListSubheaderProps {\n  /**\n   * Item size. default to medium\n   */\n  size?: DrawerSize;\n}\n\nexport const DrawerSubheader = styled(ListSubheader, {\n  shouldForwardProp: (prop) => prop !== \"size\",\n})<DrawerSubheaderProps>(({ size, theme }) => ({\n  lineHeight: size === \"small\" ? theme.typography.pxToRem(40) : undefined,\n}));\n","import { useContext, createContext } from \"react\";\nimport { DrawerState, DrawerVariant } from \"~/drawer\";\n\nexport interface DrawerContextProps {\n  selectedItemId?: string;\n  state: DrawerState;\n  variant: DrawerVariant;\n  drawerWidth: number;\n  underAppBar: boolean;\n  switchState(): void;\n  close(): void;\n  collapse(): void;\n  open(): void;\n  setState: (state: DrawerState) => void;\n}\n\nexport const DrawerContext = createContext<DrawerContextProps | undefined>(undefined);\nexport const UndefinedProvider = new Error(\"DrawerContext.Provider is required and was undefined\");\n\nexport const useDrawer = () => {\n  const context = useContext(DrawerContext);\n\n  if (context === undefined) {\n    throw UndefinedProvider;\n  }\n\n  return context;\n};\n","import { SxProps, Theme, styled, useTheme } from \"@mui/material/styles\";\nimport MuiDrawer, { drawerClasses } from \"@mui/material/Drawer\";\nimport { paperClasses } from \"@mui/material/Paper\";\nimport Divider from \"@mui/material/Divider\";\nimport IconButton from \"@mui/material/IconButton\";\nimport ChevronLeftIcon from \"@mui/icons-material/ChevronLeft\";\nimport { DrawerComponent, DrawerProps, DrawerState, DrawerVariant } from \"./drawer.types\";\nimport { useDrawer } from \"~/drawer-provider/drawer-context\";\nimport { closedMixin, openedMixin } from \"~/drawer-provider/drawer-mixins\";\n\nexport const DrawerHeader = styled(\"div\")(({ theme }) => ({\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"flex-end\",\n  padding: theme.spacing(0, 1),\n  ...theme.mixins.toolbar,\n}));\n\nconst showCloseButton: Record<DrawerVariant, boolean> = {\n  temporary: true,\n  mini: true,\n  persistent: true,\n  clipped: false,\n};\n\nconst muiDrawerVariant: Record<DrawerVariant, \"permanent\" | \"persistent\" | \"temporary\"> = {\n  temporary: \"temporary\",\n  mini: \"permanent\",\n  clipped: \"permanent\",\n  persistent: \"persistent\",\n};\n\ntype SxGenerator = (state: DrawerState, theme: Theme) => SxProps<Theme>;\nconst NoopSxGenerator = () => ({});\nconst variantsSx: Readonly<Record<DrawerVariant, SxGenerator>> = {\n  mini: (state: DrawerState, theme: Theme) => ({\n    boxSizing: \"border-box\",\n    [`& .${paperClasses.root}`]: {\n      zIndex: theme.zIndex.drawer - 1,\n    },\n  }),\n  temporary: NoopSxGenerator,\n  clipped: NoopSxGenerator,\n  persistent: NoopSxGenerator,\n};\n\nexport const Drawer: DrawerComponent = ({ children, ...rest }: DrawerProps) => {\n  const theme = useTheme();\n  const { state, switchState, underAppBar, close, drawerWidth, variant } = useDrawer();\n\n  const sx: any = {\n    width: drawerWidth,\n    flexShrink: 0,\n    whiteSpace: \"nowrap\",\n    ...(state === \"open\" && {\n      ...openedMixin(theme),\n      [`& .${drawerClasses.paper}`]: openedMixin(theme),\n    }),\n    ...(state !== \"open\" && {\n      ...closedMixin(theme),\n      [`& .${drawerClasses.paper}`]: closedMixin(theme),\n    }),\n    ...variantsSx[variant](state, theme),\n  };\n\n  return (\n    <MuiDrawer\n      open={state === \"open\"}\n      variant={muiDrawerVariant[variant]}\n      role=\"menu\"\n      aria-hidden={state === \"close\"}\n      onClose={close}\n      sx={sx}\n      {...rest}\n    >\n      <DrawerHeader>\n        {!underAppBar && showCloseButton[variant] && (\n          <IconButton onClick={switchState}>\n            <ChevronLeftIcon />\n          </IconButton>\n        )}\n      </DrawerHeader>\n      <Divider />\n      {children}\n    </MuiDrawer>\n  );\n};\n","import { FunctionComponent, ReactElement } from \"react\";\nimport { BulletVariant } from \"~/bullet\";\nimport { LabelVariant } from \"~/label\";\nimport { DrawerProps as MuiDrawerProps } from \"@mui/material/Drawer\";\nimport { Theme } from \"@mui/material/styles\";\nimport { DrawerAppBarProps } from \"~/drawer-app-bar\";\n\nexport type DrawerVariant = \"temporary\" | \"mini\" | \"persistent\" | \"clipped\";\nexport type DrawerState = \"open\" | \"collapse\" | \"close\";\nexport type DrawerSize = \"small\" | \"medium\";\n\nexport interface DrawerItemAvatar {\n  src: string;\n  alt: string;\n}\n\nexport interface DrawerItemLabel {\n  text: string;\n  variant: LabelVariant;\n}\n\nexport interface DrawerItemBullet {\n  variant: BulletVariant;\n}\n\nexport interface DrawerNavigationItemLink {\n  id: string;\n  text: string;\n  href: string;\n  icon?: ReactElement;\n  avatar?: DrawerItemAvatar;\n  label?: DrawerItemLabel;\n  bullet?: DrawerItemBullet;\n}\n\nexport type DrawerNavigationItemCollapsable = Pick<\n  DrawerNavigationItemLink,\n  \"id\" | \"text\" | \"icon\"\n> & {\n  items: DrawerNavigationItem[];\n};\n\nexport type DrawerNavigationItem = DrawerNavigationItemLink | DrawerNavigationItemCollapsable;\n\nexport interface DrawerNavigationSection {\n  title?: string;\n  items: DrawerNavigationItem[];\n}\n\nexport interface DrawerNavigation {\n  items: DrawerNavigationSection[];\n}\n\nexport interface DrawerContentProps {\n  /**\n   * Object with the content that has to be rendered\n   */\n  nav: DrawerNavigation;\n  /**\n   * Item size. default to medium\n   */\n  size?: DrawerSize;\n}\n\nexport type DrawerContentComponent = FunctionComponent<DrawerContentProps>;\nexport type DrawerContentElement = ReactElement<DrawerContentProps, DrawerContentComponent>;\n\nexport interface DrawerProps extends MuiDrawerProps {\n  children: DrawerContentElement;\n}\n\nexport type DrawerComponent = FunctionComponent<DrawerProps>;\nexport type DrawerElement = ReactElement<DrawerProps, DrawerComponent>;\n\nexport const getDrawerItemColors = (theme: Theme, selected: boolean | undefined) => ({\n  color: selected ? theme.palette.primary.main : undefined,\n  fontWeight: selected ? theme.typography.fontWeightBold : theme.typography.fontWeightMedium,\n});\n\nexport type DrawerAppBarComponent = FunctionComponent<DrawerAppBarProps>;\nexport type DrawerAppBarElement = ReactElement<DrawerAppBarProps, DrawerAppBarComponent>;\n","import Badge from \"@mui/material/Badge\";\nimport { SxProps, Theme } from \"@mui/material/styles\";\n\nexport type BulletVariant = \"primary\" | \"secondary\" | \"default\" | \"info\" | \"warning\" | \"error\";\n\nexport const bulletClasses = {\n  root: \"RdsBullet-root\",\n};\n\nexport interface BulletProps {\n  /**\n   * Color palette used to draw the component\n   */\n  variant?: BulletVariant;\n  /**\n   * Custom styles\n   */\n  sx?: SxProps<Theme>;\n}\n\n/**\n * Dot to attract the user attention\n */\nexport const Bullet = ({ variant = \"primary\", sx }: BulletProps) => {\n  return (\n    <Badge\n      color={variant}\n      variant=\"dot\"\n      className={bulletClasses.root}\n      role=\"bullet\"\n      aria-describedby={variant}\n      sx={sx}\n    />\n  );\n};\n","import Box from \"@mui/material/Box\";\nimport { SxProps, Theme, useTheme } from \"@mui/material/styles\";\n\nexport type LabelVariant =\n  | \"primary\"\n  | \"secondary\"\n  | \"default\"\n  | \"info\"\n  | \"warning\"\n  | \"error\"\n  | \"success\";\n\nexport const labelClasses = {\n  root: \"RdsLabel-root\",\n};\n\nexport interface LabelProps {\n  /**\n   * Content of the component\n   */\n  text: string;\n  /**\n   * Color palette used to draw the component\n   */\n  variant?: LabelVariant;\n\n  /**\n   * Custom styles\n   */\n  sx?: SxProps<Theme>;\n\n  /**\n   * Show the text as uppercase\n   */\n  textTransform?: \"none\" | \"capitalize\" | \"uppercase\";\n}\n\n/**\n * Compact element to represent a text\n */\nexport const Label = ({\n  text,\n  variant = \"default\",\n  textTransform = \"capitalize\",\n  sx,\n}: LabelProps) => {\n  const { palette, typography } = useTheme();\n\n  const backgroundColor: Record<LabelVariant, string> = {\n    default: palette.mode === \"light\" ? palette.grey[100] : palette.grey[900],\n    primary: palette.primary.light,\n    secondary: palette.secondary.light,\n    info: palette.info.light,\n    warning: palette.warning.light,\n    error: palette.error.light,\n    success: palette.success.light,\n  };\n\n  const textColor: Record<LabelVariant, string> = {\n    default: palette.getContrastText(backgroundColor.default),\n    primary: palette.primary.contrastText,\n    secondary: palette.secondary.contrastText,\n    info: palette.info.contrastText,\n    warning: palette.warning.contrastText,\n    error: palette.error.contrastText,\n    success: palette.success.contrastText,\n  };\n\n  return (\n    <Box\n      height={24}\n      minWidth={22}\n      display=\"inline-flex\"\n      justifyContent=\"center\"\n      alignItems=\"center\"\n      bgcolor={backgroundColor[variant]}\n      color={textColor[variant]}\n      fontSize={typography.caption.fontSize}\n      fontWeight={typography.fontWeightBold}\n      lineHeight={0}\n      textTransform={textTransform}\n      whiteSpace=\"nowrap\"\n      borderRadius={2}\n      role=\"label\"\n      aria-label={`${text} ${variant} label`}\n      py={0}\n      px={1}\n      sx={{ cursor: \"default\", ...sx }}\n    >\n      {text}\n    </Box>\n  );\n};\n","import { Link as RouterLink, LinkProps as RouterLinkProps } from \"react-router-dom\";\nimport { forwardRef } from \"react\";\nimport MuiLink, { LinkProps } from \"@mui/material/Link\";\n\n/* eslint-disable react/display-name, @typescript-eslint/no-explicit-any */\nexport const LinkBehaviour = forwardRef<\n  any,\n  Omit<RouterLinkProps, \"to\"> & { href: RouterLinkProps[\"to\"] }\n>((props, ref) => {\n  const { href, ...other } = props;\n  return <RouterLink ref={ref} to={href} {...other} />;\n});\n\nexport const Link = forwardRef<any, LinkProps>((props, _1) => {\n  return <MuiLink {...(props as any)} component={LinkBehaviour} />;\n});\n","import { ReactElement } from \"react\";\nimport Avatar from \"@mui/material/Avatar\";\nimport ListItemAvatar from \"@mui/material/ListItemAvatar\";\nimport ListItemButton from \"@mui/material/ListItemButton\";\nimport ListItemIcon from \"@mui/material/ListItemIcon\";\nimport ListItemText from \"@mui/material/ListItemText\";\nimport { SxProps, Theme, styled, useTheme } from \"@mui/material/styles\";\nimport { Bullet } from \"~/bullet\";\nimport { Label } from \"~/label\";\nimport {\n  DrawerItemAvatar,\n  DrawerItemBullet,\n  DrawerItemLabel,\n  DrawerSize,\n  getDrawerItemColors,\n} from \"~/drawer/drawer.types\";\nimport { Link } from \"~/link\";\nimport { useDrawer } from \"~/drawer-provider\";\n\nexport interface DrawerItemLinkProps {\n  /**\n   * Item size. default to medium\n   */\n  size?: DrawerSize;\n  /**\n   * Text displayed inside the item\n   */\n  text: string;\n  /**\n   * Url where the user is going to be redirected\n   * if the item is clicked\n   */\n  href: string;\n  /**\n   * Icon displayed to the left\n   */\n  icon?: ReactElement;\n  /**\n   * Avatar displayed to the left\n   */\n  avatar?: DrawerItemAvatar;\n  /**\n   * Label with extra info displayed to the right\n   */\n  label?: DrawerItemLabel;\n  /**\n   * Bullet to attract the user attention displyed to the right\n   */\n  bullet?: DrawerItemBullet;\n  /**\n   * The item has to be marked as selected\n   */\n  selected?: boolean;\n  /**\n   * Deep level of this item inside the submenus\n   */\n  level: number;\n  /**\n   * Custom styles\n   */\n  sx?: SxProps<Theme>;\n}\n\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nconst StyledLink = styled(Link)(({ theme }) => {\n  return {\n    color: theme.palette.text.primary,\n  };\n});\n\nconst sxCollapsedIcon = {\n  minWidth: 0,\n  justifyContent: \"center\",\n  marginRight: \"auto\",\n};\n\n/**\n * Clicable item inside a drawer\n */\nexport const DrawerItemLink = ({\n  text,\n  icon,\n  avatar,\n  label,\n  bullet,\n  href,\n  selected,\n  size = \"medium\",\n  level,\n  sx,\n}: DrawerItemLinkProps) => {\n  const { state } = useDrawer();\n  const theme = useTheme();\n  const { color, fontWeight } = getDrawerItemColors(theme, selected);\n\n  return (\n    <ListItemButton\n      LinkComponent={StyledLink}\n      dense={size === \"small\"}\n      aria-label={text}\n      href={href}\n      selected={selected}\n      sx={{\n        ...sx,\n        pl: state === \"open\" ? theme.spacing(2 + 1.5 * level) : undefined,\n        ...(state === \"collapse\" && {\n          paddingHorizontal: theme.spacing(2.5),\n          justifyContent: \"center\",\n        }),\n      }}\n    >\n      {icon && (\n        <ListItemIcon sx={{ color, ...(state === \"collapse\" && level === 0 && sxCollapsedIcon) }}>\n          {icon}\n        </ListItemIcon>\n      )}\n      {avatar && (\n        <ListItemAvatar\n          sx={{\n            ...(state === \"collapse\" && level === 0 && sxCollapsedIcon),\n          }}\n        >\n          <Avatar\n            alt={avatar.alt}\n            src={avatar.src}\n            sx={{\n              ...(size === \"small\" && { width: 24, height: 24 }),\n              ...(state === \"collapse\" && { width: 30, height: 30 }),\n            }}\n          />\n        </ListItemAvatar>\n      )}\n      <ListItemText\n        disableTypography\n        primary={text}\n        sx={{ color, fontWeight, opacity: state === \"collapse\" && level === 0 ? 0 : undefined }}\n      />\n      {label && state === \"open\" && (\n        <Label text={label.text} variant={label.variant} sx={{ ml: 2 }} />\n      )}\n      {bullet && state === \"open\" && <Bullet variant={bullet.variant} sx={{ ml: 2 }} />}\n    </ListItemButton>\n  );\n};\n","import { DrawerMenuItem } from \"./drawer-menu-item\";\nimport { DrawerNavigationItem, DrawerSize } from \"~/drawer/drawer.types\";\nimport { DrawerItemLink } from \"./drawer-item-link\";\nimport { useDrawer } from \"~/drawer-provider\";\n\nexport interface DrawerItemProps {\n  /**\n   * Data to be rendered\n   */\n  item: DrawerNavigationItem;\n  /**\n   * Size of the item\n   */\n  size?: DrawerSize;\n  /**\n   * Deep level of this item inside the submenus\n   */\n  level?: number;\n}\n\nexport const DrawerItem = ({ item, size = \"medium\", level = 0 }: DrawerItemProps) => {\n  const { selectedItemId } = useDrawer();\n  if (\"items\" in item) {\n    const { id, text, icon, items } = item;\n    const childrenSelected = items.some((item) => item.id === selectedItemId);\n    return (\n      <DrawerMenuItem\n        size={size}\n        selected={id === selectedItemId || childrenSelected}\n        text={text}\n        icon={icon}\n        items={items}\n        level={level}\n      />\n    );\n  } else {\n    const { id, text, icon, avatar, label, bullet, href } = item;\n    return (\n      <DrawerItemLink\n        selected={id === selectedItemId}\n        size={size}\n        text={text}\n        icon={icon}\n        avatar={avatar}\n        label={label}\n        bullet={bullet}\n        href={href}\n        level={level}\n      />\n    );\n  }\n};\n","import ListItemButton from \"@mui/material/ListItemButton\";\nimport ListItemIcon from \"@mui/material/ListItemIcon\";\nimport ListItemText from \"@mui/material/ListItemText\";\nimport Collapse from \"@mui/material/Collapse\";\nimport List from \"@mui/material/List\";\nimport Popover from \"@mui/material/Popover\";\nimport { SxProps, useTheme, Theme } from \"@mui/material/styles\";\nimport { ReactElement, useState, useRef } from \"react\";\nimport { DrawerNavigationItem, DrawerSize, getDrawerItemColors } from \"~/drawer\";\nimport ExpandMoreIcon from \"@mui/icons-material/ExpandMore\";\nimport ChevronRightIcon from \"@mui/icons-material/ChevronRight\";\nimport { DrawerItem } from \"./drawer-item\";\nimport { useDrawer } from \"~/drawer-provider\";\n\nexport interface DrawerMenuItemProps {\n  /**\n   * Item size. default to medium\n   */\n  size?: DrawerSize;\n  /**\n   * Text displayed inside the item\n   */\n  text: string;\n  /**\n   * Icon displayed to the left\n   */\n  icon?: ReactElement;\n  /**\n   * The item has to be marked as selected\n   */\n  selected?: boolean;\n  /**\n   * Items that are going to be displayed inside\n   * the collapsable\n   */\n  items: DrawerNavigationItem[];\n  /**\n   * Deep level of this item inside the submenus\n   */\n  level: number;\n  /**\n   * Custom styles\n   */\n  sx?: SxProps<Theme>;\n}\n\nexport const DrawerMenuItem = ({\n  text,\n  icon,\n  selected,\n  items,\n  size = \"medium\",\n  level,\n  sx = {},\n}: DrawerMenuItemProps) => {\n  const { state } = useDrawer();\n  const anchorEl = useRef<HTMLDivElement | null>(null);\n  const { palette, spacing } = useTheme();\n  const [menuOpen, setMenuOpen] = useState(false);\n  const { color, fontWeight } = getDrawerItemColors(useTheme(), selected);\n\n  const submenu = (\n    <List component=\"div\" disablePadding>\n      {items.map((item) => (\n        <DrawerItem key={item.id} level={level + 1} item={item} size={size} />\n      ))}\n    </List>\n  );\n\n  const collapsedButtonSx =\n    state === \"collapse\" && level === 0\n      ? {\n          position: \"absolute\",\n          right: 0,\n        }\n      : {};\n\n  return (\n    <>\n      <ListItemButton\n        ref={anchorEl}\n        selected={selected}\n        aria-label={text}\n        onClick={() => setMenuOpen((o) => !o)}\n        dense={size === \"small\"}\n        sx={{\n          ...sx,\n          pl: state === \"open\" ? spacing(2 + 1.5 * level) : undefined,\n          backgroundColor: menuOpen ? palette.action.hover : undefined,\n        }}\n      >\n        {icon && <ListItemIcon sx={{ color }}>{icon}</ListItemIcon>}\n        <ListItemText\n          disableTypography\n          primary={text}\n          sx={{ color, fontWeight, opacity: state === \"collapse\" && level === 0 ? 0 : undefined }}\n        />\n        {menuOpen && state === \"open\" ? (\n          <ExpandMoreIcon sx={[{ color, ml: 2 }, collapsedButtonSx]} />\n        ) : (\n          <ChevronRightIcon sx={[{ color, ml: 2 }, collapsedButtonSx]} />\n        )}\n      </ListItemButton>\n      {state === \"open\" ? (\n        <Collapse\n          in={menuOpen}\n          timeout=\"auto\"\n          unmountOnExit\n          aria-label={`${text} collapse submenu`}\n        >\n          {submenu}\n        </Collapse>\n      ) : (\n        <Popover\n          open={menuOpen}\n          PaperProps={{\n            elevation: 0,\n            variant: \"outlined\",\n          }}\n          aria-label={`${text} popover submenu`}\n          anchorEl={anchorEl.current}\n          onClose={() => setMenuOpen(false)}\n          anchorOrigin={{\n            vertical: \"top\",\n            horizontal: \"right\",\n          }}\n        >\n          {submenu}\n        </Popover>\n      )}\n    </>\n  );\n};\n","import List from \"@mui/material/List\";\nimport { useTheme } from \"@mui/material/styles\";\nimport { DrawerNavigationItem, DrawerSize } from \"~/drawer\";\nimport { DrawerSubheader } from \"~/drawer-subheader\";\nimport { DrawerItem } from \"~/drawer-item\";\nimport { useDrawer } from \"~/drawer-provider\";\n\nexport interface DrawerSectionProps {\n  /**\n   * Section title\n   */\n  title?: string;\n  /**\n   * List of items of that section\n   */\n  items: DrawerNavigationItem[];\n  /**\n   * Item size. default to medium\n   */\n  size?: DrawerSize;\n}\n\n/**\n * Render a group of items inside the drawer\n * with an optional title\n */\nexport const DrawerSection = ({ title, items, size = \"medium\" }: DrawerSectionProps) => {\n  const { state } = useDrawer();\n  const { spacing } = useTheme();\n  return (\n    <>\n      {title && state === \"open\" && (\n        <DrawerSubheader size={size} role=\"heading\">\n          {title}\n        </DrawerSubheader>\n      )}\n      <List\n        sx={{\n          paddingTop: size === \"small\" ? spacing(0) : undefined,\n          paddingY: state === \"collapse\" ? 0 : undefined,\n        }}\n      >\n        {items.map((item) => (\n          <DrawerItem key={item.id} item={item} size={size} />\n        ))}\n      </List>\n    </>\n  );\n};\n","import { DrawerSection } from \"~/drawer-section\";\nimport { DrawerContentComponent, DrawerContentProps } from \"~/drawer\";\n\n/**\n * Content to be shown inside a navigation\n */\nexport const DrawerContent: DrawerContentComponent = ({\n  nav: { items },\n  size = \"medium\",\n}: DrawerContentProps) => {\n  return (\n    <>\n      {items.map(({ title, items }, i) => (\n        <DrawerSection key={i} title={title} items={items} size={size} />\n      ))}\n    </>\n  );\n};\n"],"names":["DrawerSubheader","styled","ListSubheader","shouldForwardProp","prop","size","theme","lineHeight","typography","pxToRem","undefined","DrawerContext","createContext","UndefinedProvider","Error","useDrawer","context","useContext","display","alignItems","justifyContent","padding","spacing","mixins","toolbar","getDrawerItemColors","selected","color","palette","primary","main","fontWeight","fontWeightBold","fontWeightMedium","bulletClasses","Bullet","variant","sx","_jsx","Badge","className","role","Label","text","textTransform","useTheme","backgroundColor","default","mode","grey","light","secondary","info","warning","error","success","textColor","getContrastText","contrastText","Box","height","minWidth","bgcolor","fontSize","caption","whiteSpace","borderRadius","py","px","cursor","children","LinkBehaviour","forwardRef","props","ref","href","other","RouterLink","to","StyledLink","_1","MuiLink","component","sxCollapsedIcon","marginRight","DrawerItemLink","icon","avatar","label","bullet","level","state","_jsxs","ListItemButton","LinkComponent","dense","pl","paddingHorizontal","ListItemIcon","ListItemAvatar","Avatar","alt","src","width","ListItemText","disableTypography","opacity","ml","DrawerItem","item","selectedItemId","id","items","childrenSelected","some","DrawerMenuItem","anchorEl","useRef","menuOpen","setMenuOpen","useState","submenu","List","disablePadding","map","collapsedButtonSx","position","right","_Fragment","onClick","o","action","hover","ExpandMoreIcon","ChevronRightIcon","Collapse","in","timeout","unmountOnExit","Popover","open","PaperProps","elevation","current","onClose","anchorOrigin","vertical","horizontal","DrawerSection","title","paddingTop","paddingY","DrawerContent","nav","i"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../src/drawer-subheader/drawer-subheader.tsx","../../src/drawer-provider/drawer-context.ts","../../src/drawer/drawer.tsx","../../src/drawer/drawer.types.ts","../../src/bullet/bullet.tsx","../../src/label/label.tsx","../../src/link/link.tsx","../../src/drawer-item/drawer-item-link.tsx","../../src/drawer-item/drawer-item.tsx","../../src/drawer-item/drawer-menu-item.tsx","../../src/drawer-section/drawer-section.tsx","../../src/drawer-content/drawer-content.tsx"],"sourcesContent":["import ListSubheader, { ListSubheaderProps } from \"@mui/material/ListSubheader\";\nimport { styled } from \"@mui/material/styles\";\nimport { DrawerSize } from \"../drawer\";\n\nexport interface DrawerSubheaderProps extends ListSubheaderProps {\n  /**\n   * Item size. default to medium\n   */\n  size?: DrawerSize;\n}\n\nexport const DrawerSubheader = styled(ListSubheader, {\n  shouldForwardProp: (prop) => prop !== \"size\",\n})<DrawerSubheaderProps>(({ size, theme }) => ({\n  lineHeight: size === \"small\" ? theme.typography.pxToRem(40) : undefined,\n}));\n","import { useContext, createContext } from \"react\";\nimport { DrawerState, DrawerVariant } from \"../drawer\";\n\nexport interface DrawerContextProps {\n  selectedItemId?: string;\n  state: DrawerState;\n  variant: DrawerVariant;\n  drawerWidth: number;\n  underAppBar: boolean;\n  switchState(): void;\n  close(): void;\n  collapse(): void;\n  open(): void;\n  setState: (state: DrawerState) => void;\n}\n\nexport const DrawerContext = createContext<DrawerContextProps | undefined>(undefined);\nexport const UndefinedProvider = new Error(\"DrawerContext.Provider is required and was undefined\");\n\nexport const useDrawer = () => {\n  const context = useContext(DrawerContext);\n\n  if (context === undefined) {\n    throw UndefinedProvider;\n  }\n\n  return context;\n};\n","import { SxProps, Theme, styled, useTheme } from \"@mui/material/styles\";\nimport MuiDrawer, { drawerClasses } from \"@mui/material/Drawer\";\nimport { paperClasses } from \"@mui/material/Paper\";\nimport Divider from \"@mui/material/Divider\";\nimport IconButton from \"@mui/material/IconButton\";\nimport ChevronLeftIcon from \"@mui/icons-material/ChevronLeft\";\nimport { DrawerComponent, DrawerProps, DrawerState, DrawerVariant } from \"./drawer.types\";\nimport { useDrawer } from \"../drawer-provider/drawer-context\";\nimport { closedMixin, openedMixin } from \"../drawer-provider/drawer-mixins\";\n\nexport const DrawerHeader = styled(\"div\")(({ theme }) => ({\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"flex-end\",\n  padding: theme.spacing(0, 1),\n  ...theme.mixins.toolbar,\n}));\n\nconst showCloseButton: Record<DrawerVariant, boolean> = {\n  temporary: true,\n  mini: true,\n  persistent: true,\n  clipped: false,\n};\n\nconst muiDrawerVariant: Record<DrawerVariant, \"permanent\" | \"persistent\" | \"temporary\"> = {\n  temporary: \"temporary\",\n  mini: \"permanent\",\n  clipped: \"permanent\",\n  persistent: \"persistent\",\n};\n\ntype SxGenerator = (state: DrawerState, theme: Theme) => SxProps<Theme>;\nconst NoopSxGenerator = () => ({});\nconst variantsSx: Readonly<Record<DrawerVariant, SxGenerator>> = {\n  mini: (state: DrawerState, theme: Theme) => ({\n    boxSizing: \"border-box\",\n    [`& .${paperClasses.root}`]: {\n      zIndex: theme.zIndex.drawer - 1,\n    },\n  }),\n  temporary: NoopSxGenerator,\n  clipped: NoopSxGenerator,\n  persistent: NoopSxGenerator,\n};\n\nexport const Drawer: DrawerComponent = ({ children, ...rest }: DrawerProps) => {\n  const theme = useTheme();\n  const { state, switchState, underAppBar, close, drawerWidth, variant } = useDrawer();\n\n  const sx: any = {\n    width: drawerWidth,\n    flexShrink: 0,\n    whiteSpace: \"nowrap\",\n    ...(state === \"open\" && {\n      ...openedMixin(theme),\n      [`& .${drawerClasses.paper}`]: openedMixin(theme),\n    }),\n    ...(state !== \"open\" && {\n      ...closedMixin(theme),\n      [`& .${drawerClasses.paper}`]: closedMixin(theme),\n    }),\n    ...variantsSx[variant](state, theme),\n  };\n\n  return (\n    <MuiDrawer\n      open={state === \"open\"}\n      variant={muiDrawerVariant[variant]}\n      role=\"menu\"\n      aria-hidden={state === \"close\"}\n      onClose={close}\n      sx={sx}\n      {...rest}\n    >\n      <DrawerHeader>\n        {!underAppBar && showCloseButton[variant] && (\n          <IconButton onClick={switchState}>\n            <ChevronLeftIcon />\n          </IconButton>\n        )}\n      </DrawerHeader>\n      <Divider />\n      {children}\n    </MuiDrawer>\n  );\n};\n","import { FunctionComponent, ReactElement } from \"react\";\nimport { BulletVariant } from \"../bullet\";\nimport { LabelVariant } from \"../label\";\nimport { DrawerProps as MuiDrawerProps } from \"@mui/material/Drawer\";\nimport { Theme } from \"@mui/material/styles\";\nimport { DrawerAppBarProps } from \"../drawer-app-bar\";\n\nexport type DrawerVariant = \"temporary\" | \"mini\" | \"persistent\" | \"clipped\";\nexport type DrawerState = \"open\" | \"collapse\" | \"close\";\nexport type DrawerSize = \"small\" | \"medium\";\n\nexport interface DrawerItemAvatar {\n  src: string;\n  alt: string;\n}\n\nexport interface DrawerItemLabel {\n  text: string;\n  variant: LabelVariant;\n}\n\nexport interface DrawerItemBullet {\n  variant: BulletVariant;\n}\n\nexport interface DrawerNavigationItemLink {\n  id: string;\n  text: string;\n  href: string;\n  icon?: ReactElement;\n  avatar?: DrawerItemAvatar;\n  label?: DrawerItemLabel;\n  bullet?: DrawerItemBullet;\n}\n\nexport type DrawerNavigationItemCollapsable = Pick<\n  DrawerNavigationItemLink,\n  \"id\" | \"text\" | \"icon\"\n> & {\n  items: DrawerNavigationItem[];\n};\n\nexport type DrawerNavigationItem = DrawerNavigationItemLink | DrawerNavigationItemCollapsable;\n\nexport interface DrawerNavigationSection {\n  title?: string;\n  items: DrawerNavigationItem[];\n}\n\nexport interface DrawerNavigation {\n  items: DrawerNavigationSection[];\n}\n\nexport interface DrawerContentProps {\n  /**\n   * Object with the content that has to be rendered\n   */\n  nav: DrawerNavigation;\n  /**\n   * Item size. default to medium\n   */\n  size?: DrawerSize;\n}\n\nexport type DrawerContentComponent = FunctionComponent<DrawerContentProps>;\nexport type DrawerContentElement = ReactElement<DrawerContentProps, DrawerContentComponent>;\n\nexport interface DrawerProps extends MuiDrawerProps {\n  children: DrawerContentElement;\n}\n\nexport type DrawerComponent = FunctionComponent<DrawerProps>;\nexport type DrawerElement = ReactElement<DrawerProps, DrawerComponent>;\n\nexport const getDrawerItemColors = (theme: Theme, selected: boolean | undefined) => ({\n  color: selected ? theme.palette.primary.main : undefined,\n  fontWeight: selected ? theme.typography.fontWeightBold : theme.typography.fontWeightMedium,\n});\n\nexport type DrawerAppBarComponent = FunctionComponent<DrawerAppBarProps>;\nexport type DrawerAppBarElement = ReactElement<DrawerAppBarProps, DrawerAppBarComponent>;\n","import Badge from \"@mui/material/Badge\";\nimport { SxProps, Theme } from \"@mui/material/styles\";\n\nexport type BulletVariant = \"primary\" | \"secondary\" | \"default\" | \"info\" | \"warning\" | \"error\";\n\nexport const bulletClasses = {\n  root: \"RdsBullet-root\",\n};\n\nexport interface BulletProps {\n  /**\n   * Color palette used to draw the component\n   */\n  variant?: BulletVariant;\n  /**\n   * Custom styles\n   */\n  sx?: SxProps<Theme>;\n}\n\n/**\n * Dot to attract the user attention\n */\nexport const Bullet = ({ variant = \"primary\", sx }: BulletProps) => {\n  return (\n    <Badge\n      color={variant}\n      variant=\"dot\"\n      className={bulletClasses.root}\n      role=\"bullet\"\n      aria-describedby={variant}\n      sx={sx}\n    />\n  );\n};\n","import Box from \"@mui/material/Box\";\nimport { SxProps, Theme, useTheme } from \"@mui/material/styles\";\n\nexport type LabelVariant =\n  | \"primary\"\n  | \"secondary\"\n  | \"default\"\n  | \"info\"\n  | \"warning\"\n  | \"error\"\n  | \"success\";\n\nexport const labelClasses = {\n  root: \"RdsLabel-root\",\n};\n\nexport interface LabelProps {\n  /**\n   * Content of the component\n   */\n  text: string;\n  /**\n   * Color palette used to draw the component\n   */\n  variant?: LabelVariant;\n\n  /**\n   * Custom styles\n   */\n  sx?: SxProps<Theme>;\n\n  /**\n   * Show the text as uppercase\n   */\n  textTransform?: \"none\" | \"capitalize\" | \"uppercase\";\n}\n\n/**\n * Compact element to represent a text\n */\nexport const Label = ({\n  text,\n  variant = \"default\",\n  textTransform = \"capitalize\",\n  sx,\n}: LabelProps) => {\n  const { palette, typography } = useTheme();\n\n  const backgroundColor: Record<LabelVariant, string> = {\n    default: palette.mode === \"light\" ? palette.grey[100] : palette.grey[900],\n    primary: palette.primary.light,\n    secondary: palette.secondary.light,\n    info: palette.info.light,\n    warning: palette.warning.light,\n    error: palette.error.light,\n    success: palette.success.light,\n  };\n\n  const textColor: Record<LabelVariant, string> = {\n    default: palette.getContrastText(backgroundColor.default),\n    primary: palette.primary.contrastText,\n    secondary: palette.secondary.contrastText,\n    info: palette.info.contrastText,\n    warning: palette.warning.contrastText,\n    error: palette.error.contrastText,\n    success: palette.success.contrastText,\n  };\n\n  return (\n    <Box\n      height={24}\n      minWidth={22}\n      display=\"inline-flex\"\n      justifyContent=\"center\"\n      alignItems=\"center\"\n      bgcolor={backgroundColor[variant]}\n      color={textColor[variant]}\n      fontSize={typography.caption.fontSize}\n      fontWeight={typography.fontWeightBold}\n      lineHeight={0}\n      textTransform={textTransform}\n      whiteSpace=\"nowrap\"\n      borderRadius={2}\n      role=\"label\"\n      aria-label={`${text} ${variant} label`}\n      py={0}\n      px={1}\n      sx={{ cursor: \"default\", ...sx }}\n    >\n      {text}\n    </Box>\n  );\n};\n","import { Link as RouterLink, LinkProps as RouterLinkProps } from \"react-router-dom\";\nimport { forwardRef } from \"react\";\nimport MuiLink, { LinkProps } from \"@mui/material/Link\";\n\n/* eslint-disable react/display-name, @typescript-eslint/no-explicit-any */\nexport const LinkBehaviour = forwardRef<\n  any,\n  Omit<RouterLinkProps, \"to\"> & { href: RouterLinkProps[\"to\"] }\n>((props, ref) => {\n  const { href, ...other } = props;\n  return <RouterLink ref={ref} to={href} {...other} />;\n});\n\nexport const Link = forwardRef<any, LinkProps>((props, _1) => {\n  return <MuiLink {...(props as any)} component={LinkBehaviour} />;\n});\n","import { ReactElement } from \"react\";\nimport Avatar from \"@mui/material/Avatar\";\nimport ListItemAvatar from \"@mui/material/ListItemAvatar\";\nimport ListItemButton from \"@mui/material/ListItemButton\";\nimport ListItemIcon from \"@mui/material/ListItemIcon\";\nimport ListItemText from \"@mui/material/ListItemText\";\nimport { SxProps, Theme, styled, useTheme } from \"@mui/material/styles\";\nimport { Bullet } from \"../bullet\";\nimport { Label } from \"../label\";\nimport {\n  DrawerItemAvatar,\n  DrawerItemBullet,\n  DrawerItemLabel,\n  DrawerSize,\n  getDrawerItemColors,\n} from \"../drawer/drawer.types\";\nimport { Link } from \"../link\";\nimport { useDrawer } from \"../drawer-provider\";\n\nexport interface DrawerItemLinkProps {\n  /**\n   * Item size. default to medium\n   */\n  size?: DrawerSize;\n  /**\n   * Text displayed inside the item\n   */\n  text: string;\n  /**\n   * Url where the user is going to be redirected\n   * if the item is clicked\n   */\n  href: string;\n  /**\n   * Icon displayed to the left\n   */\n  icon?: ReactElement;\n  /**\n   * Avatar displayed to the left\n   */\n  avatar?: DrawerItemAvatar;\n  /**\n   * Label with extra info displayed to the right\n   */\n  label?: DrawerItemLabel;\n  /**\n   * Bullet to attract the user attention displyed to the right\n   */\n  bullet?: DrawerItemBullet;\n  /**\n   * The item has to be marked as selected\n   */\n  selected?: boolean;\n  /**\n   * Deep level of this item inside the submenus\n   */\n  level: number;\n  /**\n   * Custom styles\n   */\n  sx?: SxProps<Theme>;\n}\n\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nconst StyledLink = styled(Link)(({ theme }) => {\n  return {\n    color: theme.palette.text.primary,\n  };\n});\n\nconst sxCollapsedIcon = {\n  minWidth: 0,\n  justifyContent: \"center\",\n  marginRight: \"auto\",\n};\n\n/**\n * Clicable item inside a drawer\n */\nexport const DrawerItemLink = ({\n  text,\n  icon,\n  avatar,\n  label,\n  bullet,\n  href,\n  selected,\n  size = \"medium\",\n  level,\n  sx,\n}: DrawerItemLinkProps) => {\n  const { state } = useDrawer();\n  const theme = useTheme();\n  const { color, fontWeight } = getDrawerItemColors(theme, selected);\n\n  return (\n    <ListItemButton\n      LinkComponent={StyledLink}\n      dense={size === \"small\"}\n      aria-label={text}\n      href={href}\n      selected={selected}\n      sx={{\n        ...sx,\n        pl: state === \"open\" ? theme.spacing(2 + 1.5 * level) : undefined,\n        ...(state === \"collapse\" && {\n          paddingHorizontal: theme.spacing(2.5),\n          justifyContent: \"center\",\n        }),\n      }}\n    >\n      {icon && (\n        <ListItemIcon sx={{ color, ...(state === \"collapse\" && level === 0 && sxCollapsedIcon) }}>\n          {icon}\n        </ListItemIcon>\n      )}\n      {avatar && (\n        <ListItemAvatar\n          sx={{\n            ...(state === \"collapse\" && level === 0 && sxCollapsedIcon),\n          }}\n        >\n          <Avatar\n            alt={avatar.alt}\n            src={avatar.src}\n            sx={{\n              ...(size === \"small\" && { width: 24, height: 24 }),\n              ...(state === \"collapse\" && { width: 30, height: 30 }),\n            }}\n          />\n        </ListItemAvatar>\n      )}\n      <ListItemText\n        disableTypography\n        primary={text}\n        sx={{ color, fontWeight, opacity: state === \"collapse\" && level === 0 ? 0 : undefined }}\n      />\n      {label && state === \"open\" && (\n        <Label text={label.text} variant={label.variant} sx={{ ml: 2 }} />\n      )}\n      {bullet && state === \"open\" && <Bullet variant={bullet.variant} sx={{ ml: 2 }} />}\n    </ListItemButton>\n  );\n};\n","import { DrawerMenuItem } from \"./drawer-menu-item\";\nimport { DrawerNavigationItem, DrawerSize } from \"../drawer/drawer.types\";\nimport { DrawerItemLink } from \"./drawer-item-link\";\nimport { useDrawer } from \"../drawer-provider\";\n\nexport interface DrawerItemProps {\n  /**\n   * Data to be rendered\n   */\n  item: DrawerNavigationItem;\n  /**\n   * Size of the item\n   */\n  size?: DrawerSize;\n  /**\n   * Deep level of this item inside the submenus\n   */\n  level?: number;\n}\n\nexport const DrawerItem = ({ item, size = \"medium\", level = 0 }: DrawerItemProps) => {\n  const { selectedItemId } = useDrawer();\n  if (\"items\" in item) {\n    const { id, text, icon, items } = item;\n    const childrenSelected = items.some((item) => item.id === selectedItemId);\n    return (\n      <DrawerMenuItem\n        size={size}\n        selected={id === selectedItemId || childrenSelected}\n        text={text}\n        icon={icon}\n        items={items}\n        level={level}\n      />\n    );\n  } else {\n    const { id, text, icon, avatar, label, bullet, href } = item;\n    return (\n      <DrawerItemLink\n        selected={id === selectedItemId}\n        size={size}\n        text={text}\n        icon={icon}\n        avatar={avatar}\n        label={label}\n        bullet={bullet}\n        href={href}\n        level={level}\n      />\n    );\n  }\n};\n","import ListItemButton from \"@mui/material/ListItemButton\";\nimport ListItemIcon from \"@mui/material/ListItemIcon\";\nimport ListItemText from \"@mui/material/ListItemText\";\nimport Collapse from \"@mui/material/Collapse\";\nimport List from \"@mui/material/List\";\nimport Popover from \"@mui/material/Popover\";\nimport { SxProps, useTheme, Theme } from \"@mui/material/styles\";\nimport { ReactElement, useState, useRef } from \"react\";\nimport { DrawerNavigationItem, DrawerSize, getDrawerItemColors } from \"../drawer\";\nimport ExpandMoreIcon from \"@mui/icons-material/ExpandMore\";\nimport ChevronRightIcon from \"@mui/icons-material/ChevronRight\";\nimport { DrawerItem } from \"./drawer-item\";\nimport { useDrawer } from \"../drawer-provider\";\n\nexport interface DrawerMenuItemProps {\n  /**\n   * Item size. default to medium\n   */\n  size?: DrawerSize;\n  /**\n   * Text displayed inside the item\n   */\n  text: string;\n  /**\n   * Icon displayed to the left\n   */\n  icon?: ReactElement;\n  /**\n   * The item has to be marked as selected\n   */\n  selected?: boolean;\n  /**\n   * Items that are going to be displayed inside\n   * the collapsable\n   */\n  items: DrawerNavigationItem[];\n  /**\n   * Deep level of this item inside the submenus\n   */\n  level: number;\n  /**\n   * Custom styles\n   */\n  sx?: SxProps<Theme>;\n}\n\nexport const DrawerMenuItem = ({\n  text,\n  icon,\n  selected,\n  items,\n  size = \"medium\",\n  level,\n  sx = {},\n}: DrawerMenuItemProps) => {\n  const { state } = useDrawer();\n  const anchorEl = useRef<HTMLDivElement | null>(null);\n  const { palette, spacing } = useTheme();\n  const [menuOpen, setMenuOpen] = useState(false);\n  const { color, fontWeight } = getDrawerItemColors(useTheme(), selected);\n\n  const submenu = (\n    <List component=\"div\" disablePadding>\n      {items.map((item) => (\n        <DrawerItem key={item.id} level={level + 1} item={item} size={size} />\n      ))}\n    </List>\n  );\n\n  const collapsedButtonSx =\n    state === \"collapse\" && level === 0\n      ? {\n          position: \"absolute\",\n          right: 0,\n        }\n      : {};\n\n  return (\n    <>\n      <ListItemButton\n        ref={anchorEl}\n        selected={selected}\n        aria-label={text}\n        onClick={() => setMenuOpen((o) => !o)}\n        dense={size === \"small\"}\n        sx={{\n          ...sx,\n          pl: state === \"open\" ? spacing(2 + 1.5 * level) : undefined,\n          backgroundColor: menuOpen ? palette.action.hover : undefined,\n        }}\n      >\n        {icon && <ListItemIcon sx={{ color }}>{icon}</ListItemIcon>}\n        <ListItemText\n          disableTypography\n          primary={text}\n          sx={{ color, fontWeight, opacity: state === \"collapse\" && level === 0 ? 0 : undefined }}\n        />\n        {menuOpen && state === \"open\" ? (\n          <ExpandMoreIcon sx={[{ color, ml: 2 }, collapsedButtonSx]} />\n        ) : (\n          <ChevronRightIcon sx={[{ color, ml: 2 }, collapsedButtonSx]} />\n        )}\n      </ListItemButton>\n      {state === \"open\" ? (\n        <Collapse\n          in={menuOpen}\n          timeout=\"auto\"\n          unmountOnExit\n          aria-label={`${text} collapse submenu`}\n        >\n          {submenu}\n        </Collapse>\n      ) : (\n        <Popover\n          open={menuOpen}\n          PaperProps={{\n            elevation: 0,\n            variant: \"outlined\",\n          }}\n          aria-label={`${text} popover submenu`}\n          anchorEl={anchorEl.current}\n          onClose={() => setMenuOpen(false)}\n          anchorOrigin={{\n            vertical: \"top\",\n            horizontal: \"right\",\n          }}\n        >\n          {submenu}\n        </Popover>\n      )}\n    </>\n  );\n};\n","import List from \"@mui/material/List\";\nimport { useTheme } from \"@mui/material/styles\";\nimport { DrawerNavigationItem, DrawerSize } from \"../drawer\";\nimport { DrawerSubheader } from \"../drawer-subheader\";\nimport { DrawerItem } from \"../drawer-item\";\nimport { useDrawer } from \"../drawer-provider\";\n\nexport interface DrawerSectionProps {\n  /**\n   * Section title\n   */\n  title?: string;\n  /**\n   * List of items of that section\n   */\n  items: DrawerNavigationItem[];\n  /**\n   * Item size. default to medium\n   */\n  size?: DrawerSize;\n}\n\n/**\n * Render a group of items inside the drawer\n * with an optional title\n */\nexport const DrawerSection = ({ title, items, size = \"medium\" }: DrawerSectionProps) => {\n  const { state } = useDrawer();\n  const { spacing } = useTheme();\n  return (\n    <>\n      {title && state === \"open\" && (\n        <DrawerSubheader size={size} role=\"heading\">\n          {title}\n        </DrawerSubheader>\n      )}\n      <List\n        sx={{\n          paddingTop: size === \"small\" ? spacing(0) : undefined,\n          paddingY: state === \"collapse\" ? 0 : undefined,\n        }}\n      >\n        {items.map((item) => (\n          <DrawerItem key={item.id} item={item} size={size} />\n        ))}\n      </List>\n    </>\n  );\n};\n","import { DrawerSection } from \"../drawer-section\";\nimport { DrawerContentComponent, DrawerContentProps } from \"../drawer\";\n\n/**\n * Content to be shown inside a navigation\n */\nexport const DrawerContent: DrawerContentComponent = ({\n  nav: { items },\n  size = \"medium\",\n}: DrawerContentProps) => {\n  return (\n    <>\n      {items.map(({ title, items }, i) => (\n        <DrawerSection key={i} title={title} items={items} size={size} />\n      ))}\n    </>\n  );\n};\n"],"names":["DrawerSubheader","styled","ListSubheader","shouldForwardProp","prop","size","theme","lineHeight","typography","pxToRem","undefined","DrawerContext","createContext","UndefinedProvider","Error","useDrawer","context","useContext","display","alignItems","justifyContent","padding","spacing","mixins","toolbar","getDrawerItemColors","selected","color","palette","primary","main","fontWeight","fontWeightBold","fontWeightMedium","bulletClasses","Bullet","variant","sx","_jsx","Badge","className","role","Label","text","textTransform","useTheme","backgroundColor","default","mode","grey","light","secondary","info","warning","error","success","textColor","getContrastText","contrastText","Box","height","minWidth","bgcolor","fontSize","caption","whiteSpace","borderRadius","py","px","cursor","children","LinkBehaviour","forwardRef","props","ref","href","other","RouterLink","to","StyledLink","_1","MuiLink","component","sxCollapsedIcon","marginRight","DrawerItemLink","icon","avatar","label","bullet","level","state","_jsxs","ListItemButton","LinkComponent","dense","pl","paddingHorizontal","ListItemIcon","ListItemAvatar","Avatar","alt","src","width","ListItemText","disableTypography","opacity","ml","DrawerItem","item","selectedItemId","id","items","childrenSelected","some","DrawerMenuItem","anchorEl","useRef","menuOpen","setMenuOpen","useState","submenu","List","disablePadding","map","collapsedButtonSx","position","right","_Fragment","onClick","o","action","hover","ExpandMoreIcon","ChevronRightIcon","Collapse","in","timeout","unmountOnExit","Popover","open","PaperProps","elevation","current","onClose","anchorOrigin","vertical","horizontal","DrawerSection","title","paddingTop","paddingY","DrawerContent","nav","i"],"mappings":"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"}

package/drawer-item/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/drawer-provider/drawer-context.ts","../../../src/drawer/drawer.tsx","../../../src/drawer/drawer.types.ts","../../../src/bullet/bullet.tsx","../../../src/label/label.tsx","../../../src/link/link.tsx","../../../src/drawer-item/drawer-item-link.tsx","../../../src/drawer-item/drawer-item.tsx","../../../src/drawer-item/drawer-menu-item.tsx"],"sourcesContent":["import { useContext, createContext } from \"react\";\nimport { DrawerState, DrawerVariant } from \"~/drawer\";\n\nexport interface DrawerContextProps {\n  selectedItemId?: string;\n  state: DrawerState;\n  variant: DrawerVariant;\n  drawerWidth: number;\n  underAppBar: boolean;\n  switchState(): void;\n  close(): void;\n  collapse(): void;\n  open(): void;\n  setState: (state: DrawerState) => void;\n}\n\nexport const DrawerContext = createContext<DrawerContextProps | undefined>(undefined);\nexport const UndefinedProvider = new Error(\"DrawerContext.Provider is required and was undefined\");\n\nexport const useDrawer = () => {\n  const context = useContext(DrawerContext);\n\n  if (context === undefined) {\n    throw UndefinedProvider;\n  }\n\n  return context;\n};\n","import { SxProps, Theme, styled, useTheme } from \"@mui/material/styles\";\nimport MuiDrawer, { drawerClasses } from \"@mui/material/Drawer\";\nimport { paperClasses } from \"@mui/material/Paper\";\nimport Divider from \"@mui/material/Divider\";\nimport IconButton from \"@mui/material/IconButton\";\nimport ChevronLeftIcon from \"@mui/icons-material/ChevronLeft\";\nimport { DrawerComponent, DrawerProps, DrawerState, DrawerVariant } from \"./drawer.types\";\nimport { useDrawer } from \"~/drawer-provider/drawer-context\";\nimport { closedMixin, openedMixin } from \"~/drawer-provider/drawer-mixins\";\n\nexport const DrawerHeader = styled(\"div\")(({ theme }) => ({\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"flex-end\",\n  padding: theme.spacing(0, 1),\n  ...theme.mixins.toolbar,\n}));\n\nconst showCloseButton: Record<DrawerVariant, boolean> = {\n  temporary: true,\n  mini: true,\n  persistent: true,\n  clipped: false,\n};\n\nconst muiDrawerVariant: Record<DrawerVariant, \"permanent\" | \"persistent\" | \"temporary\"> = {\n  temporary: \"temporary\",\n  mini: \"permanent\",\n  clipped: \"permanent\",\n  persistent: \"persistent\",\n};\n\ntype SxGenerator = (state: DrawerState, theme: Theme) => SxProps<Theme>;\nconst NoopSxGenerator = () => ({});\nconst variantsSx: Readonly<Record<DrawerVariant, SxGenerator>> = {\n  mini: (state: DrawerState, theme: Theme) => ({\n    boxSizing: \"border-box\",\n    [`& .${paperClasses.root}`]: {\n      zIndex: theme.zIndex.drawer - 1,\n    },\n  }),\n  temporary: NoopSxGenerator,\n  clipped: NoopSxGenerator,\n  persistent: NoopSxGenerator,\n};\n\nexport const Drawer: DrawerComponent = ({ children, ...rest }: DrawerProps) => {\n  const theme = useTheme();\n  const { state, switchState, underAppBar, close, drawerWidth, variant } = useDrawer();\n\n  const sx: any = {\n    width: drawerWidth,\n    flexShrink: 0,\n    whiteSpace: \"nowrap\",\n    ...(state === \"open\" && {\n      ...openedMixin(theme),\n      [`& .${drawerClasses.paper}`]: openedMixin(theme),\n    }),\n    ...(state !== \"open\" && {\n      ...closedMixin(theme),\n      [`& .${drawerClasses.paper}`]: closedMixin(theme),\n    }),\n    ...variantsSx[variant](state, theme),\n  };\n\n  return (\n    <MuiDrawer\n      open={state === \"open\"}\n      variant={muiDrawerVariant[variant]}\n      role=\"menu\"\n      aria-hidden={state === \"close\"}\n      onClose={close}\n      sx={sx}\n      {...rest}\n    >\n      <DrawerHeader>\n        {!underAppBar && showCloseButton[variant] && (\n          <IconButton onClick={switchState}>\n            <ChevronLeftIcon />\n          </IconButton>\n        )}\n      </DrawerHeader>\n      <Divider />\n      {children}\n    </MuiDrawer>\n  );\n};\n","import { FunctionComponent, ReactElement } from \"react\";\nimport { BulletVariant } from \"~/bullet\";\nimport { LabelVariant } from \"~/label\";\nimport { DrawerProps as MuiDrawerProps } from \"@mui/material/Drawer\";\nimport { Theme } from \"@mui/material/styles\";\nimport { DrawerAppBarProps } from \"~/drawer-app-bar\";\n\nexport type DrawerVariant = \"temporary\" | \"mini\" | \"persistent\" | \"clipped\";\nexport type DrawerState = \"open\" | \"collapse\" | \"close\";\nexport type DrawerSize = \"small\" | \"medium\";\n\nexport interface DrawerItemAvatar {\n  src: string;\n  alt: string;\n}\n\nexport interface DrawerItemLabel {\n  text: string;\n  variant: LabelVariant;\n}\n\nexport interface DrawerItemBullet {\n  variant: BulletVariant;\n}\n\nexport interface DrawerNavigationItemLink {\n  id: string;\n  text: string;\n  href: string;\n  icon?: ReactElement;\n  avatar?: DrawerItemAvatar;\n  label?: DrawerItemLabel;\n  bullet?: DrawerItemBullet;\n}\n\nexport type DrawerNavigationItemCollapsable = Pick<\n  DrawerNavigationItemLink,\n  \"id\" | \"text\" | \"icon\"\n> & {\n  items: DrawerNavigationItem[];\n};\n\nexport type DrawerNavigationItem = DrawerNavigationItemLink | DrawerNavigationItemCollapsable;\n\nexport interface DrawerNavigationSection {\n  title?: string;\n  items: DrawerNavigationItem[];\n}\n\nexport interface DrawerNavigation {\n  items: DrawerNavigationSection[];\n}\n\nexport interface DrawerContentProps {\n  /**\n   * Object with the content that has to be rendered\n   */\n  nav: DrawerNavigation;\n  /**\n   * Item size. default to medium\n   */\n  size?: DrawerSize;\n}\n\nexport type DrawerContentComponent = FunctionComponent<DrawerContentProps>;\nexport type DrawerContentElement = ReactElement<DrawerContentProps, DrawerContentComponent>;\n\nexport interface DrawerProps extends MuiDrawerProps {\n  children: DrawerContentElement;\n}\n\nexport type DrawerComponent = FunctionComponent<DrawerProps>;\nexport type DrawerElement = ReactElement<DrawerProps, DrawerComponent>;\n\nexport const getDrawerItemColors = (theme: Theme, selected: boolean | undefined) => ({\n  color: selected ? theme.palette.primary.main : undefined,\n  fontWeight: selected ? theme.typography.fontWeightBold : theme.typography.fontWeightMedium,\n});\n\nexport type DrawerAppBarComponent = FunctionComponent<DrawerAppBarProps>;\nexport type DrawerAppBarElement = ReactElement<DrawerAppBarProps, DrawerAppBarComponent>;\n","import Badge from \"@mui/material/Badge\";\nimport { SxProps, Theme } from \"@mui/material/styles\";\n\nexport type BulletVariant = \"primary\" | \"secondary\" | \"default\" | \"info\" | \"warning\" | \"error\";\n\nexport const bulletClasses = {\n  root: \"RdsBullet-root\",\n};\n\nexport interface BulletProps {\n  /**\n   * Color palette used to draw the component\n   */\n  variant?: BulletVariant;\n  /**\n   * Custom styles\n   */\n  sx?: SxProps<Theme>;\n}\n\n/**\n * Dot to attract the user attention\n */\nexport const Bullet = ({ variant = \"primary\", sx }: BulletProps) => {\n  return (\n    <Badge\n      color={variant}\n      variant=\"dot\"\n      className={bulletClasses.root}\n      role=\"bullet\"\n      aria-describedby={variant}\n      sx={sx}\n    />\n  );\n};\n","import Box from \"@mui/material/Box\";\nimport { SxProps, Theme, useTheme } from \"@mui/material/styles\";\n\nexport type LabelVariant =\n  | \"primary\"\n  | \"secondary\"\n  | \"default\"\n  | \"info\"\n  | \"warning\"\n  | \"error\"\n  | \"success\";\n\nexport const labelClasses = {\n  root: \"RdsLabel-root\",\n};\n\nexport interface LabelProps {\n  /**\n   * Content of the component\n   */\n  text: string;\n  /**\n   * Color palette used to draw the component\n   */\n  variant?: LabelVariant;\n\n  /**\n   * Custom styles\n   */\n  sx?: SxProps<Theme>;\n\n  /**\n   * Show the text as uppercase\n   */\n  textTransform?: \"none\" | \"capitalize\" | \"uppercase\";\n}\n\n/**\n * Compact element to represent a text\n */\nexport const Label = ({\n  text,\n  variant = \"default\",\n  textTransform = \"capitalize\",\n  sx,\n}: LabelProps) => {\n  const { palette, typography } = useTheme();\n\n  const backgroundColor: Record<LabelVariant, string> = {\n    default: palette.mode === \"light\" ? palette.grey[100] : palette.grey[900],\n    primary: palette.primary.light,\n    secondary: palette.secondary.light,\n    info: palette.info.light,\n    warning: palette.warning.light,\n    error: palette.error.light,\n    success: palette.success.light,\n  };\n\n  const textColor: Record<LabelVariant, string> = {\n    default: palette.getContrastText(backgroundColor.default),\n    primary: palette.primary.contrastText,\n    secondary: palette.secondary.contrastText,\n    info: palette.info.contrastText,\n    warning: palette.warning.contrastText,\n    error: palette.error.contrastText,\n    success: palette.success.contrastText,\n  };\n\n  return (\n    <Box\n      height={24}\n      minWidth={22}\n      display=\"inline-flex\"\n      justifyContent=\"center\"\n      alignItems=\"center\"\n      bgcolor={backgroundColor[variant]}\n      color={textColor[variant]}\n      fontSize={typography.caption.fontSize}\n      fontWeight={typography.fontWeightBold}\n      lineHeight={0}\n      textTransform={textTransform}\n      whiteSpace=\"nowrap\"\n      borderRadius={2}\n      role=\"label\"\n      aria-label={`${text} ${variant} label`}\n      py={0}\n      px={1}\n      sx={{ cursor: \"default\", ...sx }}\n    >\n      {text}\n    </Box>\n  );\n};\n","import { Link as RouterLink, LinkProps as RouterLinkProps } from \"react-router-dom\";\nimport { forwardRef } from \"react\";\nimport MuiLink, { LinkProps } from \"@mui/material/Link\";\n\n/* eslint-disable react/display-name, @typescript-eslint/no-explicit-any */\nexport const LinkBehaviour = forwardRef<\n  any,\n  Omit<RouterLinkProps, \"to\"> & { href: RouterLinkProps[\"to\"] }\n>((props, ref) => {\n  const { href, ...other } = props;\n  return <RouterLink ref={ref} to={href} {...other} />;\n});\n\nexport const Link = forwardRef<any, LinkProps>((props, _1) => {\n  return <MuiLink {...(props as any)} component={LinkBehaviour} />;\n});\n","import { ReactElement } from \"react\";\nimport Avatar from \"@mui/material/Avatar\";\nimport ListItemAvatar from \"@mui/material/ListItemAvatar\";\nimport ListItemButton from \"@mui/material/ListItemButton\";\nimport ListItemIcon from \"@mui/material/ListItemIcon\";\nimport ListItemText from \"@mui/material/ListItemText\";\nimport { SxProps, Theme, styled, useTheme } from \"@mui/material/styles\";\nimport { Bullet } from \"~/bullet\";\nimport { Label } from \"~/label\";\nimport {\n  DrawerItemAvatar,\n  DrawerItemBullet,\n  DrawerItemLabel,\n  DrawerSize,\n  getDrawerItemColors,\n} from \"~/drawer/drawer.types\";\nimport { Link } from \"~/link\";\nimport { useDrawer } from \"~/drawer-provider\";\n\nexport interface DrawerItemLinkProps {\n  /**\n   * Item size. default to medium\n   */\n  size?: DrawerSize;\n  /**\n   * Text displayed inside the item\n   */\n  text: string;\n  /**\n   * Url where the user is going to be redirected\n   * if the item is clicked\n   */\n  href: string;\n  /**\n   * Icon displayed to the left\n   */\n  icon?: ReactElement;\n  /**\n   * Avatar displayed to the left\n   */\n  avatar?: DrawerItemAvatar;\n  /**\n   * Label with extra info displayed to the right\n   */\n  label?: DrawerItemLabel;\n  /**\n   * Bullet to attract the user attention displyed to the right\n   */\n  bullet?: DrawerItemBullet;\n  /**\n   * The item has to be marked as selected\n   */\n  selected?: boolean;\n  /**\n   * Deep level of this item inside the submenus\n   */\n  level: number;\n  /**\n   * Custom styles\n   */\n  sx?: SxProps<Theme>;\n}\n\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nconst StyledLink = styled(Link)(({ theme }) => {\n  return {\n    color: theme.palette.text.primary,\n  };\n});\n\nconst sxCollapsedIcon = {\n  minWidth: 0,\n  justifyContent: \"center\",\n  marginRight: \"auto\",\n};\n\n/**\n * Clicable item inside a drawer\n */\nexport const DrawerItemLink = ({\n  text,\n  icon,\n  avatar,\n  label,\n  bullet,\n  href,\n  selected,\n  size = \"medium\",\n  level,\n  sx,\n}: DrawerItemLinkProps) => {\n  const { state } = useDrawer();\n  const theme = useTheme();\n  const { color, fontWeight } = getDrawerItemColors(theme, selected);\n\n  return (\n    <ListItemButton\n      LinkComponent={StyledLink}\n      dense={size === \"small\"}\n      aria-label={text}\n      href={href}\n      selected={selected}\n      sx={{\n        ...sx,\n        pl: state === \"open\" ? theme.spacing(2 + 1.5 * level) : undefined,\n        ...(state === \"collapse\" && {\n          paddingHorizontal: theme.spacing(2.5),\n          justifyContent: \"center\",\n        }),\n      }}\n    >\n      {icon && (\n        <ListItemIcon sx={{ color, ...(state === \"collapse\" && level === 0 && sxCollapsedIcon) }}>\n          {icon}\n        </ListItemIcon>\n      )}\n      {avatar && (\n        <ListItemAvatar\n          sx={{\n            ...(state === \"collapse\" && level === 0 && sxCollapsedIcon),\n          }}\n        >\n          <Avatar\n            alt={avatar.alt}\n            src={avatar.src}\n            sx={{\n              ...(size === \"small\" && { width: 24, height: 24 }),\n              ...(state === \"collapse\" && { width: 30, height: 30 }),\n            }}\n          />\n        </ListItemAvatar>\n      )}\n      <ListItemText\n        disableTypography\n        primary={text}\n        sx={{ color, fontWeight, opacity: state === \"collapse\" && level === 0 ? 0 : undefined }}\n      />\n      {label && state === \"open\" && (\n        <Label text={label.text} variant={label.variant} sx={{ ml: 2 }} />\n      )}\n      {bullet && state === \"open\" && <Bullet variant={bullet.variant} sx={{ ml: 2 }} />}\n    </ListItemButton>\n  );\n};\n","import { DrawerMenuItem } from \"./drawer-menu-item\";\nimport { DrawerNavigationItem, DrawerSize } from \"~/drawer/drawer.types\";\nimport { DrawerItemLink } from \"./drawer-item-link\";\nimport { useDrawer } from \"~/drawer-provider\";\n\nexport interface DrawerItemProps {\n  /**\n   * Data to be rendered\n   */\n  item: DrawerNavigationItem;\n  /**\n   * Size of the item\n   */\n  size?: DrawerSize;\n  /**\n   * Deep level of this item inside the submenus\n   */\n  level?: number;\n}\n\nexport const DrawerItem = ({ item, size = \"medium\", level = 0 }: DrawerItemProps) => {\n  const { selectedItemId } = useDrawer();\n  if (\"items\" in item) {\n    const { id, text, icon, items } = item;\n    const childrenSelected = items.some((item) => item.id === selectedItemId);\n    return (\n      <DrawerMenuItem\n        size={size}\n        selected={id === selectedItemId || childrenSelected}\n        text={text}\n        icon={icon}\n        items={items}\n        level={level}\n      />\n    );\n  } else {\n    const { id, text, icon, avatar, label, bullet, href } = item;\n    return (\n      <DrawerItemLink\n        selected={id === selectedItemId}\n        size={size}\n        text={text}\n        icon={icon}\n        avatar={avatar}\n        label={label}\n        bullet={bullet}\n        href={href}\n        level={level}\n      />\n    );\n  }\n};\n","import ListItemButton from \"@mui/material/ListItemButton\";\nimport ListItemIcon from \"@mui/material/ListItemIcon\";\nimport ListItemText from \"@mui/material/ListItemText\";\nimport Collapse from \"@mui/material/Collapse\";\nimport List from \"@mui/material/List\";\nimport Popover from \"@mui/material/Popover\";\nimport { SxProps, useTheme, Theme } from \"@mui/material/styles\";\nimport { ReactElement, useState, useRef } from \"react\";\nimport { DrawerNavigationItem, DrawerSize, getDrawerItemColors } from \"~/drawer\";\nimport ExpandMoreIcon from \"@mui/icons-material/ExpandMore\";\nimport ChevronRightIcon from \"@mui/icons-material/ChevronRight\";\nimport { DrawerItem } from \"./drawer-item\";\nimport { useDrawer } from \"~/drawer-provider\";\n\nexport interface DrawerMenuItemProps {\n  /**\n   * Item size. default to medium\n   */\n  size?: DrawerSize;\n  /**\n   * Text displayed inside the item\n   */\n  text: string;\n  /**\n   * Icon displayed to the left\n   */\n  icon?: ReactElement;\n  /**\n   * The item has to be marked as selected\n   */\n  selected?: boolean;\n  /**\n   * Items that are going to be displayed inside\n   * the collapsable\n   */\n  items: DrawerNavigationItem[];\n  /**\n   * Deep level of this item inside the submenus\n   */\n  level: number;\n  /**\n   * Custom styles\n   */\n  sx?: SxProps<Theme>;\n}\n\nexport const DrawerMenuItem = ({\n  text,\n  icon,\n  selected,\n  items,\n  size = \"medium\",\n  level,\n  sx = {},\n}: DrawerMenuItemProps) => {\n  const { state } = useDrawer();\n  const anchorEl = useRef<HTMLDivElement | null>(null);\n  const { palette, spacing } = useTheme();\n  const [menuOpen, setMenuOpen] = useState(false);\n  const { color, fontWeight } = getDrawerItemColors(useTheme(), selected);\n\n  const submenu = (\n    <List component=\"div\" disablePadding>\n      {items.map((item) => (\n        <DrawerItem key={item.id} level={level + 1} item={item} size={size} />\n      ))}\n    </List>\n  );\n\n  const collapsedButtonSx =\n    state === \"collapse\" && level === 0\n      ? {\n          position: \"absolute\",\n          right: 0,\n        }\n      : {};\n\n  return (\n    <>\n      <ListItemButton\n        ref={anchorEl}\n        selected={selected}\n        aria-label={text}\n        onClick={() => setMenuOpen((o) => !o)}\n        dense={size === \"small\"}\n        sx={{\n          ...sx,\n          pl: state === \"open\" ? spacing(2 + 1.5 * level) : undefined,\n          backgroundColor: menuOpen ? palette.action.hover : undefined,\n        }}\n      >\n        {icon && <ListItemIcon sx={{ color }}>{icon}</ListItemIcon>}\n        <ListItemText\n          disableTypography\n          primary={text}\n          sx={{ color, fontWeight, opacity: state === \"collapse\" && level === 0 ? 0 : undefined }}\n        />\n        {menuOpen && state === \"open\" ? (\n          <ExpandMoreIcon sx={[{ color, ml: 2 }, collapsedButtonSx]} />\n        ) : (\n          <ChevronRightIcon sx={[{ color, ml: 2 }, collapsedButtonSx]} />\n        )}\n      </ListItemButton>\n      {state === \"open\" ? (\n        <Collapse\n          in={menuOpen}\n          timeout=\"auto\"\n          unmountOnExit\n          aria-label={`${text} collapse submenu`}\n        >\n          {submenu}\n        </Collapse>\n      ) : (\n        <Popover\n          open={menuOpen}\n          PaperProps={{\n            elevation: 0,\n            variant: \"outlined\",\n          }}\n          aria-label={`${text} popover submenu`}\n          anchorEl={anchorEl.current}\n          onClose={() => setMenuOpen(false)}\n          anchorOrigin={{\n            vertical: \"top\",\n            horizontal: \"right\",\n          }}\n        >\n          {submenu}\n        </Popover>\n      )}\n    </>\n  );\n};\n"],"names":["DrawerContext","createContext","undefined","UndefinedProvider","Error","useDrawer","context","useContext","styled","theme","display","alignItems","justifyContent","padding","spacing","mixins","toolbar","getDrawerItemColors","selected","color","palette","primary","main","fontWeight","typography","fontWeightBold","fontWeightMedium","bulletClasses","Bullet","variant","sx","_jsx","Badge","className","role","Label","text","textTransform","useTheme","backgroundColor","default","mode","grey","light","secondary","info","warning","error","success","textColor","getContrastText","contrastText","Box","height","minWidth","bgcolor","fontSize","caption","lineHeight","whiteSpace","borderRadius","py","px","cursor","children","LinkBehaviour","forwardRef","props","ref","href","other","jsx","RouterLink","to","Link","_1","MuiLink","component","StyledLink","sxCollapsedIcon","marginRight","DrawerItemLink","icon","avatar","label","bullet","size","level","state","_jsxs","ListItemButton","LinkComponent","dense","pl","paddingHorizontal","ListItemIcon","ListItemAvatar","Avatar","alt","src","width","ListItemText","disableTypography","opacity","ml","DrawerItem","item","selectedItemId","id","items","childrenSelected","some","DrawerMenuItem","anchorEl","useRef","menuOpen","setMenuOpen","useState","submenu","List","disablePadding","map","collapsedButtonSx","position","right","_Fragment","onClick","o","action","hover","ExpandMoreIcon","ChevronRightIcon","Collapse","in","timeout","unmountOnExit","Popover","open","PaperProps","elevation","current","onClose","anchorOrigin","vertical","horizontal"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/drawer-provider/drawer-context.ts","../../../src/drawer/drawer.tsx","../../../src/drawer/drawer.types.ts","../../../src/bullet/bullet.tsx","../../../src/label/label.tsx","../../../src/link/link.tsx","../../../src/drawer-item/drawer-item-link.tsx","../../../src/drawer-item/drawer-item.tsx","../../../src/drawer-item/drawer-menu-item.tsx"],"sourcesContent":["import { useContext, createContext } from \"react\";\nimport { DrawerState, DrawerVariant } from \"../drawer\";\n\nexport interface DrawerContextProps {\n  selectedItemId?: string;\n  state: DrawerState;\n  variant: DrawerVariant;\n  drawerWidth: number;\n  underAppBar: boolean;\n  switchState(): void;\n  close(): void;\n  collapse(): void;\n  open(): void;\n  setState: (state: DrawerState) => void;\n}\n\nexport const DrawerContext = createContext<DrawerContextProps | undefined>(undefined);\nexport const UndefinedProvider = new Error(\"DrawerContext.Provider is required and was undefined\");\n\nexport const useDrawer = () => {\n  const context = useContext(DrawerContext);\n\n  if (context === undefined) {\n    throw UndefinedProvider;\n  }\n\n  return context;\n};\n","import { SxProps, Theme, styled, useTheme } from \"@mui/material/styles\";\nimport MuiDrawer, { drawerClasses } from \"@mui/material/Drawer\";\nimport { paperClasses } from \"@mui/material/Paper\";\nimport Divider from \"@mui/material/Divider\";\nimport IconButton from \"@mui/material/IconButton\";\nimport ChevronLeftIcon from \"@mui/icons-material/ChevronLeft\";\nimport { DrawerComponent, DrawerProps, DrawerState, DrawerVariant } from \"./drawer.types\";\nimport { useDrawer } from \"../drawer-provider/drawer-context\";\nimport { closedMixin, openedMixin } from \"../drawer-provider/drawer-mixins\";\n\nexport const DrawerHeader = styled(\"div\")(({ theme }) => ({\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"flex-end\",\n  padding: theme.spacing(0, 1),\n  ...theme.mixins.toolbar,\n}));\n\nconst showCloseButton: Record<DrawerVariant, boolean> = {\n  temporary: true,\n  mini: true,\n  persistent: true,\n  clipped: false,\n};\n\nconst muiDrawerVariant: Record<DrawerVariant, \"permanent\" | \"persistent\" | \"temporary\"> = {\n  temporary: \"temporary\",\n  mini: \"permanent\",\n  clipped: \"permanent\",\n  persistent: \"persistent\",\n};\n\ntype SxGenerator = (state: DrawerState, theme: Theme) => SxProps<Theme>;\nconst NoopSxGenerator = () => ({});\nconst variantsSx: Readonly<Record<DrawerVariant, SxGenerator>> = {\n  mini: (state: DrawerState, theme: Theme) => ({\n    boxSizing: \"border-box\",\n    [`& .${paperClasses.root}`]: {\n      zIndex: theme.zIndex.drawer - 1,\n    },\n  }),\n  temporary: NoopSxGenerator,\n  clipped: NoopSxGenerator,\n  persistent: NoopSxGenerator,\n};\n\nexport const Drawer: DrawerComponent = ({ children, ...rest }: DrawerProps) => {\n  const theme = useTheme();\n  const { state, switchState, underAppBar, close, drawerWidth, variant } = useDrawer();\n\n  const sx: any = {\n    width: drawerWidth,\n    flexShrink: 0,\n    whiteSpace: \"nowrap\",\n    ...(state === \"open\" && {\n      ...openedMixin(theme),\n      [`& .${drawerClasses.paper}`]: openedMixin(theme),\n    }),\n    ...(state !== \"open\" && {\n      ...closedMixin(theme),\n      [`& .${drawerClasses.paper}`]: closedMixin(theme),\n    }),\n    ...variantsSx[variant](state, theme),\n  };\n\n  return (\n    <MuiDrawer\n      open={state === \"open\"}\n      variant={muiDrawerVariant[variant]}\n      role=\"menu\"\n      aria-hidden={state === \"close\"}\n      onClose={close}\n      sx={sx}\n      {...rest}\n    >\n      <DrawerHeader>\n        {!underAppBar && showCloseButton[variant] && (\n          <IconButton onClick={switchState}>\n            <ChevronLeftIcon />\n          </IconButton>\n        )}\n      </DrawerHeader>\n      <Divider />\n      {children}\n    </MuiDrawer>\n  );\n};\n","import { FunctionComponent, ReactElement } from \"react\";\nimport { BulletVariant } from \"../bullet\";\nimport { LabelVariant } from \"../label\";\nimport { DrawerProps as MuiDrawerProps } from \"@mui/material/Drawer\";\nimport { Theme } from \"@mui/material/styles\";\nimport { DrawerAppBarProps } from \"../drawer-app-bar\";\n\nexport type DrawerVariant = \"temporary\" | \"mini\" | \"persistent\" | \"clipped\";\nexport type DrawerState = \"open\" | \"collapse\" | \"close\";\nexport type DrawerSize = \"small\" | \"medium\";\n\nexport interface DrawerItemAvatar {\n  src: string;\n  alt: string;\n}\n\nexport interface DrawerItemLabel {\n  text: string;\n  variant: LabelVariant;\n}\n\nexport interface DrawerItemBullet {\n  variant: BulletVariant;\n}\n\nexport interface DrawerNavigationItemLink {\n  id: string;\n  text: string;\n  href: string;\n  icon?: ReactElement;\n  avatar?: DrawerItemAvatar;\n  label?: DrawerItemLabel;\n  bullet?: DrawerItemBullet;\n}\n\nexport type DrawerNavigationItemCollapsable = Pick<\n  DrawerNavigationItemLink,\n  \"id\" | \"text\" | \"icon\"\n> & {\n  items: DrawerNavigationItem[];\n};\n\nexport type DrawerNavigationItem = DrawerNavigationItemLink | DrawerNavigationItemCollapsable;\n\nexport interface DrawerNavigationSection {\n  title?: string;\n  items: DrawerNavigationItem[];\n}\n\nexport interface DrawerNavigation {\n  items: DrawerNavigationSection[];\n}\n\nexport interface DrawerContentProps {\n  /**\n   * Object with the content that has to be rendered\n   */\n  nav: DrawerNavigation;\n  /**\n   * Item size. default to medium\n   */\n  size?: DrawerSize;\n}\n\nexport type DrawerContentComponent = FunctionComponent<DrawerContentProps>;\nexport type DrawerContentElement = ReactElement<DrawerContentProps, DrawerContentComponent>;\n\nexport interface DrawerProps extends MuiDrawerProps {\n  children: DrawerContentElement;\n}\n\nexport type DrawerComponent = FunctionComponent<DrawerProps>;\nexport type DrawerElement = ReactElement<DrawerProps, DrawerComponent>;\n\nexport const getDrawerItemColors = (theme: Theme, selected: boolean | undefined) => ({\n  color: selected ? theme.palette.primary.main : undefined,\n  fontWeight: selected ? theme.typography.fontWeightBold : theme.typography.fontWeightMedium,\n});\n\nexport type DrawerAppBarComponent = FunctionComponent<DrawerAppBarProps>;\nexport type DrawerAppBarElement = ReactElement<DrawerAppBarProps, DrawerAppBarComponent>;\n","import Badge from \"@mui/material/Badge\";\nimport { SxProps, Theme } from \"@mui/material/styles\";\n\nexport type BulletVariant = \"primary\" | \"secondary\" | \"default\" | \"info\" | \"warning\" | \"error\";\n\nexport const bulletClasses = {\n  root: \"RdsBullet-root\",\n};\n\nexport interface BulletProps {\n  /**\n   * Color palette used to draw the component\n   */\n  variant?: BulletVariant;\n  /**\n   * Custom styles\n   */\n  sx?: SxProps<Theme>;\n}\n\n/**\n * Dot to attract the user attention\n */\nexport const Bullet = ({ variant = \"primary\", sx }: BulletProps) => {\n  return (\n    <Badge\n      color={variant}\n      variant=\"dot\"\n      className={bulletClasses.root}\n      role=\"bullet\"\n      aria-describedby={variant}\n      sx={sx}\n    />\n  );\n};\n","import Box from \"@mui/material/Box\";\nimport { SxProps, Theme, useTheme } from \"@mui/material/styles\";\n\nexport type LabelVariant =\n  | \"primary\"\n  | \"secondary\"\n  | \"default\"\n  | \"info\"\n  | \"warning\"\n  | \"error\"\n  | \"success\";\n\nexport const labelClasses = {\n  root: \"RdsLabel-root\",\n};\n\nexport interface LabelProps {\n  /**\n   * Content of the component\n   */\n  text: string;\n  /**\n   * Color palette used to draw the component\n   */\n  variant?: LabelVariant;\n\n  /**\n   * Custom styles\n   */\n  sx?: SxProps<Theme>;\n\n  /**\n   * Show the text as uppercase\n   */\n  textTransform?: \"none\" | \"capitalize\" | \"uppercase\";\n}\n\n/**\n * Compact element to represent a text\n */\nexport const Label = ({\n  text,\n  variant = \"default\",\n  textTransform = \"capitalize\",\n  sx,\n}: LabelProps) => {\n  const { palette, typography } = useTheme();\n\n  const backgroundColor: Record<LabelVariant, string> = {\n    default: palette.mode === \"light\" ? palette.grey[100] : palette.grey[900],\n    primary: palette.primary.light,\n    secondary: palette.secondary.light,\n    info: palette.info.light,\n    warning: palette.warning.light,\n    error: palette.error.light,\n    success: palette.success.light,\n  };\n\n  const textColor: Record<LabelVariant, string> = {\n    default: palette.getContrastText(backgroundColor.default),\n    primary: palette.primary.contrastText,\n    secondary: palette.secondary.contrastText,\n    info: palette.info.contrastText,\n    warning: palette.warning.contrastText,\n    error: palette.error.contrastText,\n    success: palette.success.contrastText,\n  };\n\n  return (\n    <Box\n      height={24}\n      minWidth={22}\n      display=\"inline-flex\"\n      justifyContent=\"center\"\n      alignItems=\"center\"\n      bgcolor={backgroundColor[variant]}\n      color={textColor[variant]}\n      fontSize={typography.caption.fontSize}\n      fontWeight={typography.fontWeightBold}\n      lineHeight={0}\n      textTransform={textTransform}\n      whiteSpace=\"nowrap\"\n      borderRadius={2}\n      role=\"label\"\n      aria-label={`${text} ${variant} label`}\n      py={0}\n      px={1}\n      sx={{ cursor: \"default\", ...sx }}\n    >\n      {text}\n    </Box>\n  );\n};\n","import { Link as RouterLink, LinkProps as RouterLinkProps } from \"react-router-dom\";\nimport { forwardRef } from \"react\";\nimport MuiLink, { LinkProps } from \"@mui/material/Link\";\n\n/* eslint-disable react/display-name, @typescript-eslint/no-explicit-any */\nexport const LinkBehaviour = forwardRef<\n  any,\n  Omit<RouterLinkProps, \"to\"> & { href: RouterLinkProps[\"to\"] }\n>((props, ref) => {\n  const { href, ...other } = props;\n  return <RouterLink ref={ref} to={href} {...other} />;\n});\n\nexport const Link = forwardRef<any, LinkProps>((props, _1) => {\n  return <MuiLink {...(props as any)} component={LinkBehaviour} />;\n});\n","import { ReactElement } from \"react\";\nimport Avatar from \"@mui/material/Avatar\";\nimport ListItemAvatar from \"@mui/material/ListItemAvatar\";\nimport ListItemButton from \"@mui/material/ListItemButton\";\nimport ListItemIcon from \"@mui/material/ListItemIcon\";\nimport ListItemText from \"@mui/material/ListItemText\";\nimport { SxProps, Theme, styled, useTheme } from \"@mui/material/styles\";\nimport { Bullet } from \"../bullet\";\nimport { Label } from \"../label\";\nimport {\n  DrawerItemAvatar,\n  DrawerItemBullet,\n  DrawerItemLabel,\n  DrawerSize,\n  getDrawerItemColors,\n} from \"../drawer/drawer.types\";\nimport { Link } from \"../link\";\nimport { useDrawer } from \"../drawer-provider\";\n\nexport interface DrawerItemLinkProps {\n  /**\n   * Item size. default to medium\n   */\n  size?: DrawerSize;\n  /**\n   * Text displayed inside the item\n   */\n  text: string;\n  /**\n   * Url where the user is going to be redirected\n   * if the item is clicked\n   */\n  href: string;\n  /**\n   * Icon displayed to the left\n   */\n  icon?: ReactElement;\n  /**\n   * Avatar displayed to the left\n   */\n  avatar?: DrawerItemAvatar;\n  /**\n   * Label with extra info displayed to the right\n   */\n  label?: DrawerItemLabel;\n  /**\n   * Bullet to attract the user attention displyed to the right\n   */\n  bullet?: DrawerItemBullet;\n  /**\n   * The item has to be marked as selected\n   */\n  selected?: boolean;\n  /**\n   * Deep level of this item inside the submenus\n   */\n  level: number;\n  /**\n   * Custom styles\n   */\n  sx?: SxProps<Theme>;\n}\n\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nconst StyledLink = styled(Link)(({ theme }) => {\n  return {\n    color: theme.palette.text.primary,\n  };\n});\n\nconst sxCollapsedIcon = {\n  minWidth: 0,\n  justifyContent: \"center\",\n  marginRight: \"auto\",\n};\n\n/**\n * Clicable item inside a drawer\n */\nexport const DrawerItemLink = ({\n  text,\n  icon,\n  avatar,\n  label,\n  bullet,\n  href,\n  selected,\n  size = \"medium\",\n  level,\n  sx,\n}: DrawerItemLinkProps) => {\n  const { state } = useDrawer();\n  const theme = useTheme();\n  const { color, fontWeight } = getDrawerItemColors(theme, selected);\n\n  return (\n    <ListItemButton\n      LinkComponent={StyledLink}\n      dense={size === \"small\"}\n      aria-label={text}\n      href={href}\n      selected={selected}\n      sx={{\n        ...sx,\n        pl: state === \"open\" ? theme.spacing(2 + 1.5 * level) : undefined,\n        ...(state === \"collapse\" && {\n          paddingHorizontal: theme.spacing(2.5),\n          justifyContent: \"center\",\n        }),\n      }}\n    >\n      {icon && (\n        <ListItemIcon sx={{ color, ...(state === \"collapse\" && level === 0 && sxCollapsedIcon) }}>\n          {icon}\n        </ListItemIcon>\n      )}\n      {avatar && (\n        <ListItemAvatar\n          sx={{\n            ...(state === \"collapse\" && level === 0 && sxCollapsedIcon),\n          }}\n        >\n          <Avatar\n            alt={avatar.alt}\n            src={avatar.src}\n            sx={{\n              ...(size === \"small\" && { width: 24, height: 24 }),\n              ...(state === \"collapse\" && { width: 30, height: 30 }),\n            }}\n          />\n        </ListItemAvatar>\n      )}\n      <ListItemText\n        disableTypography\n        primary={text}\n        sx={{ color, fontWeight, opacity: state === \"collapse\" && level === 0 ? 0 : undefined }}\n      />\n      {label && state === \"open\" && (\n        <Label text={label.text} variant={label.variant} sx={{ ml: 2 }} />\n      )}\n      {bullet && state === \"open\" && <Bullet variant={bullet.variant} sx={{ ml: 2 }} />}\n    </ListItemButton>\n  );\n};\n","import { DrawerMenuItem } from \"./drawer-menu-item\";\nimport { DrawerNavigationItem, DrawerSize } from \"../drawer/drawer.types\";\nimport { DrawerItemLink } from \"./drawer-item-link\";\nimport { useDrawer } from \"../drawer-provider\";\n\nexport interface DrawerItemProps {\n  /**\n   * Data to be rendered\n   */\n  item: DrawerNavigationItem;\n  /**\n   * Size of the item\n   */\n  size?: DrawerSize;\n  /**\n   * Deep level of this item inside the submenus\n   */\n  level?: number;\n}\n\nexport const DrawerItem = ({ item, size = \"medium\", level = 0 }: DrawerItemProps) => {\n  const { selectedItemId } = useDrawer();\n  if (\"items\" in item) {\n    const { id, text, icon, items } = item;\n    const childrenSelected = items.some((item) => item.id === selectedItemId);\n    return (\n      <DrawerMenuItem\n        size={size}\n        selected={id === selectedItemId || childrenSelected}\n        text={text}\n        icon={icon}\n        items={items}\n        level={level}\n      />\n    );\n  } else {\n    const { id, text, icon, avatar, label, bullet, href } = item;\n    return (\n      <DrawerItemLink\n        selected={id === selectedItemId}\n        size={size}\n        text={text}\n        icon={icon}\n        avatar={avatar}\n        label={label}\n        bullet={bullet}\n        href={href}\n        level={level}\n      />\n    );\n  }\n};\n","import ListItemButton from \"@mui/material/ListItemButton\";\nimport ListItemIcon from \"@mui/material/ListItemIcon\";\nimport ListItemText from \"@mui/material/ListItemText\";\nimport Collapse from \"@mui/material/Collapse\";\nimport List from \"@mui/material/List\";\nimport Popover from \"@mui/material/Popover\";\nimport { SxProps, useTheme, Theme } from \"@mui/material/styles\";\nimport { ReactElement, useState, useRef } from \"react\";\nimport { DrawerNavigationItem, DrawerSize, getDrawerItemColors } from \"../drawer\";\nimport ExpandMoreIcon from \"@mui/icons-material/ExpandMore\";\nimport ChevronRightIcon from \"@mui/icons-material/ChevronRight\";\nimport { DrawerItem } from \"./drawer-item\";\nimport { useDrawer } from \"../drawer-provider\";\n\nexport interface DrawerMenuItemProps {\n  /**\n   * Item size. default to medium\n   */\n  size?: DrawerSize;\n  /**\n   * Text displayed inside the item\n   */\n  text: string;\n  /**\n   * Icon displayed to the left\n   */\n  icon?: ReactElement;\n  /**\n   * The item has to be marked as selected\n   */\n  selected?: boolean;\n  /**\n   * Items that are going to be displayed inside\n   * the collapsable\n   */\n  items: DrawerNavigationItem[];\n  /**\n   * Deep level of this item inside the submenus\n   */\n  level: number;\n  /**\n   * Custom styles\n   */\n  sx?: SxProps<Theme>;\n}\n\nexport const DrawerMenuItem = ({\n  text,\n  icon,\n  selected,\n  items,\n  size = \"medium\",\n  level,\n  sx = {},\n}: DrawerMenuItemProps) => {\n  const { state } = useDrawer();\n  const anchorEl = useRef<HTMLDivElement | null>(null);\n  const { palette, spacing } = useTheme();\n  const [menuOpen, setMenuOpen] = useState(false);\n  const { color, fontWeight } = getDrawerItemColors(useTheme(), selected);\n\n  const submenu = (\n    <List component=\"div\" disablePadding>\n      {items.map((item) => (\n        <DrawerItem key={item.id} level={level + 1} item={item} size={size} />\n      ))}\n    </List>\n  );\n\n  const collapsedButtonSx =\n    state === \"collapse\" && level === 0\n      ? {\n          position: \"absolute\",\n          right: 0,\n        }\n      : {};\n\n  return (\n    <>\n      <ListItemButton\n        ref={anchorEl}\n        selected={selected}\n        aria-label={text}\n        onClick={() => setMenuOpen((o) => !o)}\n        dense={size === \"small\"}\n        sx={{\n          ...sx,\n          pl: state === \"open\" ? spacing(2 + 1.5 * level) : undefined,\n          backgroundColor: menuOpen ? palette.action.hover : undefined,\n        }}\n      >\n        {icon && <ListItemIcon sx={{ color }}>{icon}</ListItemIcon>}\n        <ListItemText\n          disableTypography\n          primary={text}\n          sx={{ color, fontWeight, opacity: state === \"collapse\" && level === 0 ? 0 : undefined }}\n        />\n        {menuOpen && state === \"open\" ? (\n          <ExpandMoreIcon sx={[{ color, ml: 2 }, collapsedButtonSx]} />\n        ) : (\n          <ChevronRightIcon sx={[{ color, ml: 2 }, collapsedButtonSx]} />\n        )}\n      </ListItemButton>\n      {state === \"open\" ? (\n        <Collapse\n          in={menuOpen}\n          timeout=\"auto\"\n          unmountOnExit\n          aria-label={`${text} collapse submenu`}\n        >\n          {submenu}\n        </Collapse>\n      ) : (\n        <Popover\n          open={menuOpen}\n          PaperProps={{\n            elevation: 0,\n            variant: \"outlined\",\n          }}\n          aria-label={`${text} popover submenu`}\n          anchorEl={anchorEl.current}\n          onClose={() => setMenuOpen(false)}\n          anchorOrigin={{\n            vertical: \"top\",\n            horizontal: \"right\",\n          }}\n        >\n          {submenu}\n        </Popover>\n      )}\n    </>\n  );\n};\n"],"names":["DrawerContext","createContext","undefined","UndefinedProvider","Error","useDrawer","context","useContext","styled","theme","display","alignItems","justifyContent","padding","spacing","mixins","toolbar","getDrawerItemColors","selected","color","palette","primary","main","fontWeight","typography","fontWeightBold","fontWeightMedium","bulletClasses","Bullet","variant","sx","_jsx","Badge","className","role","Label","text","textTransform","useTheme","backgroundColor","default","mode","grey","light","secondary","info","warning","error","success","textColor","getContrastText","contrastText","Box","height","minWidth","bgcolor","fontSize","caption","lineHeight","whiteSpace","borderRadius","py","px","cursor","children","LinkBehaviour","forwardRef","props","ref","href","other","jsx","RouterLink","to","Link","_1","MuiLink","component","StyledLink","sxCollapsedIcon","marginRight","DrawerItemLink","icon","avatar","label","bullet","size","level","state","_jsxs","ListItemButton","LinkComponent","dense","pl","paddingHorizontal","ListItemIcon","ListItemAvatar","Avatar","alt","src","width","ListItemText","disableTypography","opacity","ml","DrawerItem","item","selectedItemId","id","items","childrenSelected","some","DrawerMenuItem","anchorEl","useRef","menuOpen","setMenuOpen","useState","submenu","List","disablePadding","map","collapsedButtonSx","position","right","_Fragment","onClick","o","action","hover","ExpandMoreIcon","ChevronRightIcon","Collapse","in","timeout","unmountOnExit","Popover","open","PaperProps","elevation","current","onClose","anchorOrigin","vertical","horizontal"],"mappings":"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"}

package/drawer-item/drawer-item-link.d.ts

@@ -1,6 +1,6 @@
 import { ReactElement } from "react";
 import { SxProps, Theme } from "@mui/material/styles";
-import { DrawerItemAvatar, DrawerItemBullet, DrawerItemLabel, DrawerSize } from "~/drawer/drawer.types";
+import { DrawerItemAvatar, DrawerItemBullet, DrawerItemLabel, DrawerSize } from "../drawer/drawer.types";
 export interface DrawerItemLinkProps {
     /**
      * Item size. default to medium

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

@@ -1,4 +1,4 @@
-import { DrawerNavigationItem, DrawerSize } from "~/drawer/drawer.types";
+import { DrawerNavigationItem, DrawerSize } from "../drawer/drawer.types";
 export interface DrawerItemProps {
     /**
      * Data to be rendered

package/drawer-item/drawer-menu-item.d.ts

@@ -1,6 +1,6 @@
 import { SxProps, Theme } from "@mui/material/styles";
 import { ReactElement } from "react";
-import { DrawerNavigationItem, DrawerSize } from "~/drawer";
+import { DrawerNavigationItem, DrawerSize } from "../drawer";
 export interface DrawerMenuItemProps {
     /**
      * Item size. default to medium