@xyo-network/react-appbar 2.78.0 → 2.78.2

package/dist/node/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts","../../src/components/AppBar/Application.tsx","../../src/components/Toolbar/Context/ContextToolbar.tsx","../../src/components/Toolbar/Context/LogoLinkEx.tsx","../../src/components/Toolbar/Context/Logo.tsx","../../src/components/Toolbar/System/SystemToolbar.tsx","../../src/components/SiteMenu/hooks/useMenuItemsShared.tsx","../../src/contexts/Collapsible/provider.tsx","../../src/contexts/Collapsible/context.ts","../../src/contexts/Collapsible/use.tsx","../../src/components/SiteMenu/Menu.tsx","../../src/components/SiteMenu/MenuListItem/MenuListItemContainer.tsx","../../src/components/SiteMenu/MenuListItem/list-item-components/ListItemTooltip.tsx","../../src/components/SiteMenu/MenuListItem/list-item-components/MenuIcon.tsx","../../src/components/SiteMenu/MenuListItem/list-item-components/MenuListItem.tsx","../../src/components/SiteMenu/MenuListItem/sub-nav/SubNavListItemCollapse.tsx","../../src/components/SiteMenu/MenuListItem/sub-nav/SubNavToggleIconButton.tsx","../../src/components/SiteMenu/MenuSection.tsx","../../src/components/CollapsibleDrawer/CollapseToggle.tsx","../../src/components/CollapsibleDrawer/CollapsibleDrawer.tsx","../../src/components/MobileSystemControls/SystemControls.tsx","../../src/components/MobileSystemControls/SystemControlsRoot.tsx","../../src/components/MobileSystemControls/SystemControlsType.ts","../../src/components/MobileSystemControls/SystemControlsUnstyled.tsx","../../src/components/MobileSystemControls/controls/SystemControl.tsx","../../src/components/SearchBar/SearchBar.tsx"],"sourcesContent":["export * from './components'\nexport * from './contexts'\n","import { ToolbarProps } from '@mui/material'\nimport { AppBarEx, AppBarExProps } from '@xylabs/react-appbar'\nimport { ReactElement } from 'react'\n\nimport { ContextToolbar, SystemToolbar } from '../Toolbar'\n\nexport interface ApplicationAppBarProps extends AppBarExProps {\n  contextToolbar?: ReactElement<ToolbarProps>\n  responsive?: boolean\n  systemToolbar?: ReactElement<ToolbarProps>\n}\n\nexport const ApplicationAppBar: React.FC<ApplicationAppBarProps> = ({ systemToolbar, contextToolbar, responsive = true, ...props }) => {\n  return (\n    <AppBarEx\n      systemToolbar={systemToolbar ?? <SystemToolbar />}\n      contextToolbar={contextToolbar ?? <ContextToolbar />}\n      position=\"sticky\"\n      responsive={responsive}\n      {...props}\n    />\n  )\n}\n","import { Toolbar, ToolbarProps } from '@mui/material'\nimport { To } from 'react-router-dom'\n\nimport { LogoLinkEx } from './LogoLinkEx'\n\nexport interface ContextToolbarProps extends ToolbarProps {\n  logoTo?: To\n  version?: boolean\n}\n\nexport const ContextToolbar: React.FC<ContextToolbarProps> = ({ logoTo = '/', version = false, ...props }) => {\n  return (\n    <Toolbar {...props}>\n      <LogoLinkEx version={version} to={logoTo} />\n    </Toolbar>\n  )\n}\n","import { Typography, useTheme } from '@mui/material'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport { LinkEx, LinkExProps } from '@xylabs/react-link'\n\nimport { Logo } from './Logo'\n\nexport interface LogoLinkExProps extends LinkExProps {\n  version?: boolean | string\n}\n\nexport const LogoLinkEx: React.FC<LogoLinkExProps> = ({ to = '/', version = false, ...props }) => {\n  const theme = useTheme()\n  return (\n    <LinkEx to={to} {...props}>\n      <FlexRow paddingX=\"4px\">\n        <Logo height=\"40\" width=\"43\" />\n        {version ?\n          <Typography\n            position=\"absolute\"\n            borderRadius={1}\n            right={6}\n            color={theme.palette.getContrastText(theme.palette.text.primary)}\n            bottom={0}\n            bgcolor={theme.palette.text.primary}\n            paddingX=\"2px\"\n            lineHeight={1}\n            variant=\"caption\"\n            border={`1px ${theme.palette.getContrastText(theme.palette.primary.main)} solid`}\n          >\n            {typeof version === 'string' ? version : '2.1'}\n          </Typography>\n        : null}\n      </FlexRow>\n    </LinkEx>\n  )\n}\n","import { useTheme } from '@mui/material'\n\nexport const Logo: React.FC<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>> = (props) => {\n  const theme = useTheme()\n  const logoUrl =\n    theme.palette.mode === 'dark' ?\n      'https://cdn.xy.company/img/brand/XYO/XYO_icon_white.svg'\n    : 'https://cdn.xy.company/img/brand/XYO/XYO_icon_white.svg'\n  return <img src={logoUrl} {...props} />\n}\n","import { Paper, Toolbar, ToolbarProps } from '@mui/material'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport { DarkModeIconButton } from '@xyo-network/react-app-settings'\nimport { NetworkSelectEx, NetworkSelectExProps } from '@xyo-network/react-network'\nimport { ReactNode } from 'react'\n\nimport { SiteMenu, SiteMenuProps } from '../../SiteMenu'\n\nexport interface SystemToolbarProps extends ToolbarProps {\n  darkModeButton?: boolean\n  developerMode?: boolean\n  hideNetworkSelect?: boolean\n  menuItems?: ReactNode\n  networkSelectProps?: NetworkSelectExProps\n  onMenuToggle?: SiteMenuProps['onMenuToggle']\n  precedingChildren?: ReactNode\n}\n\nexport const SystemToolbar: React.FC<SystemToolbarProps> = ({\n  children,\n  darkModeButton = false,\n  hideNetworkSelect,\n  menuItems,\n  networkSelectProps,\n  onMenuToggle,\n  precedingChildren,\n  ...props\n}) => {\n  return (\n    <Toolbar {...props}>\n      {precedingChildren}\n      {hideNetworkSelect ? null : (\n        <FlexRow marginX={0.5}>\n          <Paper variant=\"elevation\">\n            <NetworkSelectEx fullWidth {...networkSelectProps} />\n          </Paper>\n        </FlexRow>\n      )}\n      {children}\n      {darkModeButton ?\n        <DarkModeIconButton color=\"inherit\" />\n      : null}\n      {menuItems ?\n        <SiteMenu onMenuToggle={onMenuToggle}>{menuItems}</SiteMenu>\n      : null}\n    </Toolbar>\n  )\n}\n","import { useMemo } from 'react'\n\nimport { useCollapsible } from '../../../contexts'\nimport { MenuListItemProps } from '../MenuListItem'\n\nexport type DefaultSiteMenuListItemProps = Pick<MenuListItemProps, 'collapseEnd' | 'dense' | 'iconOnly' | 'sx'>\n\nexport const useMenuItemsShared = () => {\n  const { collapse, collapseEnd, setCollapse, setCollapseEnd } = useCollapsible()\n\n  const onMenuItemToggle = (open?: boolean) => {\n    setCollapse?.((previous) => (open ? false : previous))\n    setCollapseEnd?.((previous) => (open ? false : previous))\n  }\n\n  const defaultSiteMenuListItemProps: DefaultSiteMenuListItemProps = useMemo(\n    () => ({\n      collapseEnd,\n      dense: true,\n      iconOnly: collapse,\n      sx: {\n        px: '8px',\n      },\n    }),\n    [collapse, collapseEnd],\n  )\n\n  return { defaultSiteMenuListItemProps, onMenuItemToggle }\n}\n","import { WithChildren } from '@xylabs/react-shared'\nimport { useEffect, useState } from 'react'\n\nimport { CollapsibleContext } from './context'\n\nexport interface CollapsibleProviderProps extends WithChildren {\n  defaultCollapse?: boolean\n  defaultCollapseEnd?: boolean\n}\n\nexport const CollapsibleProvider: React.FC<CollapsibleProviderProps> = ({ defaultCollapse = false, defaultCollapseEnd = false, children }) => {\n  const [collapse, setCollapse] = useState(defaultCollapse)\n  const [collapseEnd, setCollapseEnd] = useState(defaultCollapseEnd)\n\n  useEffect(() => {\n    setCollapse(defaultCollapse)\n  }, [defaultCollapse])\n\n  useEffect(() => {\n    setCollapseEnd(defaultCollapseEnd)\n  }, [defaultCollapseEnd])\n\n  return (\n    <CollapsibleContext.Provider value={{ collapse, collapseEnd, provided: true, setCollapse, setCollapseEnd }}>\n      {children}\n    </CollapsibleContext.Provider>\n  )\n}\n","import { createContextEx } from '@xyo-network/react-shared'\n\nimport { CollapsibleState } from './State'\n\nexport const CollapsibleContext = createContextEx<CollapsibleState>()\n","import { useContextEx } from '@xyo-network/react-shared'\n\nimport { CollapsibleContext } from './context'\n\nexport const useCollapsible = () => useContextEx(CollapsibleContext, 'Collapsible', false)\n","import { Menu as MenuIcon, Settings as SettingsIcon } from '@mui/icons-material'\nimport { IconButton, List, SwipeableDrawer } from '@mui/material'\nimport { FlexBoxProps, FlexRow } from '@xylabs/react-flexbox'\nimport { useEffect, useState } from 'react'\n\nimport { MenuListItemContainer } from './MenuListItem'\n\nexport interface SiteMenuProps extends FlexBoxProps {\n  hideSettingsMenuItem?: boolean\n  onMenuToggle?: (state?: boolean) => void\n  side?: 'left' | 'right' | 'top' | 'bottom'\n}\n\nexport const SiteMenu: React.FC<SiteMenuProps> = ({ children, onMenuToggle, side = 'right', ...props }) => {\n  const [open, setOpen] = useState(false)\n\n  useEffect(() => {\n    onMenuToggle?.(open)\n  }, [onMenuToggle, open])\n\n  return (\n    <FlexRow alignItems=\"stretch\" {...props}>\n      <IconButton\n        size=\"small\"\n        color=\"inherit\"\n        onClick={() => {\n          setOpen(!open)\n        }}\n      >\n        <MenuIcon fontSize=\"large\" />\n      </IconButton>\n      <SwipeableDrawer\n        anchor={side}\n        open={open}\n        onClick={() => setOpen(false)}\n        onKeyDown={() => setOpen(false)}\n        onClose={() => setOpen(false)}\n        onOpen={() => setOpen(true)}\n      >\n        {children ?? (\n          <List>\n            <MenuListItemContainer primary=\"Settings\" icon={<SettingsIcon />} to=\"/settings\" />\n          </List>\n        )}\n      </SwipeableDrawer>\n    </FlexRow>\n  )\n}\n","import { ListItemProps, ListItemText, useTheme } from '@mui/material'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport { LinkEx } from '@xylabs/react-link'\nimport { useState } from 'react'\n\nimport { useCollapsible } from '../../../contexts'\nimport { MenuListItemBase, NavListItemProps } from '../lib'\nimport { ListItemTooltip, MenuIcon, MenuListItem } from './list-item-components'\nimport { SubNavListItemsCollapse, SubNavToggleIconButton } from './sub-nav'\n\nexport interface MenuListItemProps extends NavListItemProps, MenuListItemBase, ListItemProps {\n  iconMenuTextSpacing?: string\n  iconOnly?: boolean\n  subNavListItems?: NavListItemProps[]\n  subNavOpen?: boolean\n}\n\nexport const MenuListItemContainer: React.FC<MenuListItemProps> = ({\n  style,\n  icon,\n  iconMenuTextSpacing,\n  iconOnly,\n  onButtonClick,\n  primary,\n  subNavListItems,\n  sx,\n  tooltip,\n  to,\n  ...props\n}) => {\n  const { dense } = props\n  const theme = useTheme()\n  const { collapse } = useCollapsible()\n  const [openSubNav, setOpenSubNav] = useState(false)\n  const [hovered, setHovered] = useState(false)\n  const resolvedIconMenuTextSpacing = iconMenuTextSpacing ?? theme.spacing(1)\n\n  return (\n    <>\n      <MenuListItem\n        disableGutters\n        iconOnly={iconOnly}\n        onClick={onButtonClick}\n        dense={dense}\n        sx={{ justifyContent: 'space-between', ...sx }}\n        style={{ whiteSpace: 'nowrap', ...style }}\n        {...props}\n      >\n        <LinkEx\n          onMouseEnter={() => setHovered(true)}\n          onMouseLeave={() => setHovered(false)}\n          color=\"inherit\"\n          to={to}\n          sx={{\n            '& :hover': {\n              cursor: 'pointer',\n              textDecoration: 'underline',\n            },\n          }}\n        >\n          <FlexRow>\n            <MenuIcon icon={icon} paddingRight={resolvedIconMenuTextSpacing} color={hovered ? 'secondary' : 'inherit'} />\n            <ListItemText primary={primary} />\n          </FlexRow>\n        </LinkEx>\n        <FlexRow style={{ marginLeft: theme.spacing(1) }}>\n          {subNavListItems ?\n            <SubNavToggleIconButton setOpenSubNav={setOpenSubNav} openSubNav={openSubNav} />\n          : null}\n          {tooltip ?\n            <ListItemTooltip title={tooltip} />\n          : null}\n        </FlexRow>\n      </MenuListItem>\n      {subNavListItems ?\n        <SubNavListItemsCollapse openSubNav={openSubNav} collapse={collapse}>\n          {subNavListItems?.map((item, index) => <MenuListItemContainer dense={dense} sx={{ pl: theme.spacing(1) }} key={index} {...item} />)}\n        </SubNavListItemsCollapse>\n      : null}\n    </>\n  )\n}\n","import { Tooltip, TooltipProps } from '@mui/material'\nimport { FlexCol } from '@xylabs/react-flexbox'\n// eslint-disable-next-line import/no-internal-modules\nimport { VscInfo } from 'react-icons/vsc'\n\nexport interface ListItemTooltipProps extends Omit<TooltipProps, 'children'> {\n  title: string\n}\n\nexport const ListItemTooltip: React.FC<ListItemTooltipProps> = ({ title, ...props }) => {\n  return (\n    <Tooltip title={title} placement=\"right\" {...props}>\n      {/* Needs div so it can work, the hovering doesn't work with a FlexCol */}\n      <div>\n        <FlexCol justifyContent=\"center\">\n          <VscInfo color=\"grey\" />\n        </FlexCol>\n      </div>\n    </Tooltip>\n  )\n}\n","import { Typography, TypographyProps } from '@mui/material'\nimport { ReactNode } from 'react'\n\nexport interface MenuIconProps extends TypographyProps {\n  icon?: ReactNode\n}\n\nexport const MenuIcon: React.FC<MenuIconProps> = ({ icon, ...props }) => {\n  return (\n    <Typography display=\"flex\" {...props}>\n      {icon}\n    </Typography>\n  )\n}\n","import { ListItem, ListItemProps } from '@mui/material'\n\nimport { MenuListItemBase } from '../../lib'\n\nexport interface ListItemExProps extends MenuListItemBase, ListItemProps {}\n\nexport const MenuListItem: React.FC<ListItemExProps> = ({ iconOnly, collapseEnd, sx, children, dense, ...props }) => {\n  const listItemSx = iconOnly ? { borderRadius: '50%', display: 'inline-flex', flexGrow: 0, width: 'auto' } : { width: '100%' }\n  // wait till collapseEnds to remove the spacing between items\n  const spacingSx = collapseEnd ? { columnGap: 0 } : { columnGap: 1.5 }\n  // adjusts to the paddingY value which does NOT scale along the theme.spacing\n  const paddingSx = dense ? { px: '8px' } : { px: '12px' }\n  return (\n    <ListItem sx={{ ...listItemSx, ...spacingSx, ...paddingSx, ...sx }} {...props}>\n      {children}\n    </ListItem>\n  )\n}\n","import { Collapse, CollapseProps, List } from '@mui/material'\nimport { WithChildren } from '@xylabs/react-shared'\n\nimport { NavListItemProps } from '../../lib'\n\nexport interface SubNavListItemsCollapseProps extends WithChildren, CollapseProps {\n  collapse?: boolean\n  openSubNav?: boolean\n  subNavListItems?: NavListItemProps[]\n}\n\nexport const SubNavListItemsCollapse: React.FC<SubNavListItemsCollapseProps> = ({ collapse, openSubNav, children, ...props }) => {\n  return (\n    <Collapse in={collapse == true ? false : openSubNav} {...props}>\n      <List>{children}</List>\n    </Collapse>\n  )\n}\n","import { IconButton, IconButtonProps, useTheme } from '@mui/material'\nimport { Dispatch, SetStateAction, SyntheticEvent } from 'react'\n// eslint-disable-next-line import/no-internal-modules\nimport { VscChevronDown } from 'react-icons/vsc'\n\nexport interface SubNavToggleIconButtonProps extends IconButtonProps {\n  openSubNav?: boolean\n  setOpenSubNav?: Dispatch<SetStateAction<boolean>>\n}\n\nexport const SubNavToggleIconButton: React.FC<SubNavToggleIconButtonProps> = ({ setOpenSubNav, openSubNav }) => {\n  const theme = useTheme()\n  return (\n    <IconButton\n      onClick={(event: SyntheticEvent) => {\n        event.stopPropagation()\n        setOpenSubNav?.(!openSubNav)\n      }}\n      sx={{ marginRight: theme.spacing(0.5) }}\n    >\n      <VscChevronDown fontSize=\"16px\" />\n    </IconButton>\n  )\n}\n","import { Collapse, ListSubheader } from '@mui/material'\nimport { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\n\nimport { MenuListItemContainer, MenuListItemProps } from './MenuListItem'\n\nexport interface MenuSectionProps extends FlexBoxProps {\n  iconMenuTextSpacing?: string\n  listItems: MenuListItemProps[]\n  showTitle?: boolean\n  title: string\n}\n\nexport const MenuSection: React.FC<MenuSectionProps> = ({ iconMenuTextSpacing, listItems, showTitle = true, title, ...props }) => {\n  return (\n    <FlexCol alignItems=\"stretch\" {...props}>\n      <Collapse in={showTitle} timeout={700}>\n        <ListSubheader>{title}</ListSubheader>\n      </Collapse>\n\n      {listItems.map((item, index) => (\n        <MenuListItemContainer key={index} iconMenuTextSpacing={iconMenuTextSpacing} {...item}></MenuListItemContainer>\n      ))}\n    </FlexCol>\n  )\n}\n","import { Icon, useTheme } from '@mui/material'\nimport { FlexBoxProps, FlexRow } from '@xylabs/react-flexbox'\nimport { useState } from 'react'\n// eslint-disable-next-line import/no-internal-modules\nimport { VscArrowSmallLeft, VscArrowSmallRight } from 'react-icons/vsc'\n\nimport { useCollapsible } from '../../contexts'\n\nexport const CollapseToggleFlex: React.FC<FlexBoxProps> = (props) => {\n  const { collapse, setCollapse, setCollapseEnd } = useCollapsible()\n  const [hover, setHover] = useState(false)\n  const theme = useTheme()\n\n  const handleCollapseToggle = () => {\n    setCollapse?.(!collapse)\n    setCollapseEnd?.((previous) => (previous ? false : previous))\n  }\n\n  return (\n    <FlexRow mt={2} py={2} justifyContent={collapse ? 'start' : 'center'} {...props}>\n      <Icon\n        onClick={handleCollapseToggle}\n        onMouseEnter={() => setHover(true)}\n        onMouseLeave={() => setHover(false)}\n        fontSize={'large'}\n        sx={{ color: hover ? theme.palette.secondary.main : 'inherit', cursor: 'pointer' }}\n      >\n        {collapse ?\n          <VscArrowSmallRight />\n        : <VscArrowSmallLeft />}\n      </Icon>\n    </FlexRow>\n  )\n}\n","import { Collapse, CollapseProps, styled, useTheme } from '@mui/material'\nimport { WithChildren } from '@xylabs/react-shared'\n\nimport { useCollapsible } from '../../contexts'\n\nexport const CollapsibleDrawer: React.FC<WithChildren<CollapseProps>> = ({ children, sx, ...props }) => {\n  const { collapse, setCollapseEnd } = useCollapsible()\n  const theme = useTheme()\n\n  const collapsedSize = props.collapsedSize ?? theme.spacing(5)\n\n  return (\n    <CollapsibleFlexInner\n      in={!collapse}\n      orientation=\"horizontal\"\n      collapsedSize={collapsedSize}\n      onExited={() => setCollapseEnd?.(true)}\n      sx={{\n        alignItems: 'start',\n        display: 'flex',\n        height: '100%',\n        ...sx,\n      }}\n      {...props}\n    >\n      {children}\n    </CollapsibleFlexInner>\n  )\n}\n\nconst CollapsibleFlexInner = styled(Collapse)(() => ({\n  '& .MuiCollapse-wrapperInner': {\n    display: 'flex',\n    flexDirection: 'column',\n  },\n}))\n","import { FlexCol } from '@xylabs/react-flexbox'\n\nimport { SystemControlsRoot } from './SystemControlsRoot'\nimport { SystemControlsUnstyledProps } from './SystemControlsUnstyled'\n\nconst SystemControls: React.FC<SystemControlsUnstyledProps> = (props) => {\n  return (\n    <FlexCol>\n      <SystemControlsRoot {...props} />\n    </FlexCol>\n  )\n}\n\nexport { SystemControls }\n","import { styled } from '@mui/material'\n\nimport { SystemControlsType } from './SystemControlsType'\nimport { SystemControlsUnstyled, SystemControlsUnstyledProps } from './SystemControlsUnstyled'\n\nconst SystemControlsRoot = styled(SystemControlsUnstyled, { name: 'SystemControls', slot: 'Root' })<SystemControlsUnstyledProps>(({ theme }) => ({\n  // shared defaults\n  ['&']: {\n    '.toggle': {\n      backgroundColor: theme.palette.primary.main,\n    },\n    alignItems: 'start',\n    zIndex: 1,\n  },\n  // WindowShade System Controls styles\n  [`&.system-controls-type-${SystemControlsType.WindowShade}`]: {\n    '.control': {\n      borderRadius: '0 0 5px 5px',\n      flexDirection: 'row',\n      flexGrow: 1,\n      justifyContent: 'space-around',\n      padding: `${theme.spacing(2)} ${theme.spacing(2.5)}`,\n    },\n    '.controls': {\n      alignItems: 'stretch',\n      flexDirection: 'column',\n      flexGrow: 1,\n    },\n    '.toggle': {\n      borderRadius: '0 0 5px 5px',\n      padding: `${theme.spacing(0.5)} ${theme.spacing(1)}`,\n    },\n    flexDirection: 'row',\n    position: 'absolute',\n    top: 0,\n    width: '100%',\n  },\n  // Left System Control styles\n  [`&.system-controls-type-${SystemControlsType.Left}`]: {\n    '.control': {\n      alignItems: 'start',\n      flexDirection: 'column',\n      padding: `${theme.spacing(2)} ${theme.spacing(2.5)}`,\n    },\n    '.control-wrap': {\n      marginBottom: `${theme.spacing(2)}`,\n    },\n    '.toggle': {\n      borderRadius: '0 5px 5px 0',\n      padding: `${theme.spacing(1)} ${theme.spacing(0.5)}`,\n      writingMode: 'vertical-rl',\n    },\n    flexDirection: 'column',\n    left: 0,\n    position: 'fixed',\n    top: '30vh',\n    width: 'auto',\n  },\n}))\n\nexport { SystemControlsRoot }\n","export enum SystemControlsType {\n  Left = 'Left',\n  Right = 'Right',\n  WindowShade = 'WindowShade',\n}\n","import { Paper, Theme, useMediaQuery } from '@mui/material'\nimport { FlexBoxProps, FlexCol, FlexRow } from '@xylabs/react-flexbox'\nimport { NetworkSelectEx } from '@xyo-network/react-network'\n\nimport { SystemControl } from './controls'\nimport { SystemControlsType } from './SystemControlsType'\n\ninterface SystemControlsUnstyledProps extends FlexBoxProps {\n  systemControlsType?: SystemControlsType\n  visible?: boolean\n}\n\nconst SystemControlsUnstyled: React.FC<SystemControlsUnstyledProps> = ({\n  visible,\n  systemControlsType = SystemControlsType.WindowShade,\n  ...props\n}) => {\n  const isSmall = useMediaQuery<Theme>((theme) => theme.breakpoints.down('sm'))\n\n  return visible || isSmall ?\n      <FlexCol {...props} className={`${props.className} system-controls-type-${systemControlsType}`}>\n        <SystemControl\n          systemControlsType={systemControlsType}\n          controlElement={\n            <>\n              <FlexRow className={'control-wrap'}>\n                <Paper variant=\"elevation\" elevation={0}>\n                  <NetworkSelectEx responsive={false} className=\"network-ex\" />\n                </Paper>\n              </FlexRow>\n            </>\n          }\n        />\n      </FlexCol>\n    : <FlexCol />\n}\n\nexport type { SystemControlsUnstyledProps }\nexport { SystemControlsUnstyled }\n","import { Collapse, CollapseProps } from '@mui/material'\nimport { FlexBoxProps, FlexCol, FlexRow } from '@xylabs/react-flexbox'\nimport { WithChildren } from '@xylabs/react-shared'\nimport { useState } from 'react'\n\nimport { SystemControlsType } from '../SystemControlsType'\n\ninterface SystemControlProps extends FlexBoxProps {\n  controlElement: React.ReactNode\n  systemControlsType?: SystemControlsType\n}\n\nconst SystemControl: React.FC<WithChildren<SystemControlProps>> = ({\n  children,\n  controlElement,\n  systemControlsType = SystemControlsType.WindowShade,\n  ...props\n}) => {\n  const [toggleControls, setToggleControls] = useState(false)\n\n  let orientation: CollapseProps['orientation'] = 'vertical'\n\n  switch (systemControlsType) {\n    case SystemControlsType.Left: {\n      orientation = 'horizontal'\n      break\n    }\n  }\n\n  return (\n    <FlexRow className=\"controls\" {...props}>\n      <Collapse in={toggleControls} orientation={orientation} timeout={500}>\n        <FlexRow bgcolor=\"primary.main\" className=\"control\">\n          {controlElement}\n        </FlexRow>\n      </Collapse>\n      <FlexCol style={{ cursor: 'pointer' }} onClick={() => setToggleControls(!toggleControls)}>\n        {children}\n      </FlexCol>\n    </FlexRow>\n  )\n}\n\nexport { SystemControl }\n","import { Search as SearchIcon } from '@mui/icons-material'\nimport { Paper, TextField } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { FlexBoxProps, FlexRow } from '@xylabs/react-flexbox'\nimport { useState } from 'react'\n\nexport interface SearchBarProps extends FlexBoxProps {\n  onSearch?: (term?: string) => void\n}\n\nexport const SearchBar: React.FC<SearchBarProps> = ({ defaultValue, onSearch, ...props }) => {\n  const [term, setTerm] = useState<string>()\n\n  return (\n    <FlexRow alignItems=\"stretch\" {...props}>\n      <Paper variant=\"elevation\" elevation={0} style={{ display: 'flex', overflow: 'hidden', width: '100%' }}>\n        <TextField\n          InputProps={{ color: 'secondary', style: { borderBottomRightRadius: 0, borderTopRightRadius: 0, borderWidth: 0 } }}\n          variant=\"outlined\"\n          size=\"small\"\n          defaultValue={defaultValue}\n          fullWidth\n          onChange={(event) => setTerm(event.target.value)}\n          onKeyDown={(event) => {\n            if (event.key === 'Enter') onSearch?.(term)\n          }}\n        />\n        <ButtonEx variant=\"contained\" style={{ borderRadius: 0, borderTopLeftRadius: 0 }} color=\"secondary\" onClick={() => onSearch?.(term)}>\n          <SearchIcon />\n        </ButtonEx>\n      </Paper>\n    </FlexRow>\n  )\n}\n"],"mappings":"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","names":["src_exports","__export","ApplicationAppBar","CollapseToggleFlex","CollapsibleDrawer","CollapsibleProvider","ContextToolbar","MenuListItemContainer","MenuSection","SearchBar","SiteMenu","SystemControls","SystemControlsType","SystemControlsUnstyled","SystemToolbar","useCollapsible","useMenuItemsShared","__toCommonJS","import_react_appbar","import_material","import_material","import_react_flexbox","import_react_link","import_material","import_jsx_runtime","Logo","props","logoUrl","import_jsx_runtime","LogoLinkEx","to","version","props","theme","Logo","import_jsx_runtime","ContextToolbar","logoTo","version","props","LogoLinkEx","import_material","import_react_flexbox","import_react_app_settings","import_react_network","import_react","import_react","import_react_shared","CollapsibleContext","import_jsx_runtime","CollapsibleProvider","defaultCollapse","defaultCollapseEnd","children","collapse","setCollapse","collapseEnd","setCollapseEnd","CollapsibleContext","import_react_shared","useCollapsible","CollapsibleContext","useMenuItemsShared","collapse","collapseEnd","setCollapse","setCollapseEnd","useCollapsible","onMenuItemToggle","open","previous","import_icons_material","import_material","import_react_flexbox","import_react","import_material","import_react_flexbox","import_react_link","import_react","import_material","import_react_flexbox","import_vsc","import_jsx_runtime","ListItemTooltip","title","props","import_material","import_jsx_runtime","MenuIcon","icon","props","import_material","import_jsx_runtime","MenuListItem","iconOnly","collapseEnd","sx","children","dense","props","import_material","import_jsx_runtime","SubNavListItemsCollapse","collapse","openSubNav","children","props","import_material","import_vsc","import_jsx_runtime","SubNavToggleIconButton","setOpenSubNav","openSubNav","theme","event","import_jsx_runtime","MenuListItemContainer","style","icon","iconMenuTextSpacing","iconOnly","onButtonClick","primary","subNavListItems","sx","tooltip","to","props","dense","theme","collapse","useCollapsible","openSubNav","setOpenSubNav","hovered","setHovered","resolvedIconMenuTextSpacing","MenuListItem","MenuIcon","SubNavToggleIconButton","ListItemTooltip","SubNavListItemsCollapse","item","index","import_jsx_runtime","SiteMenu","children","onMenuToggle","side","props","open","setOpen","MenuIcon","MenuListItemContainer","SettingsIcon","import_material","import_react_flexbox","import_jsx_runtime","MenuSection","iconMenuTextSpacing","listItems","showTitle","title","props","item","index","MenuListItemContainer","import_jsx_runtime","SystemToolbar","children","darkModeButton","hideNetworkSelect","menuItems","networkSelectProps","onMenuToggle","precedingChildren","props","SiteMenu","import_jsx_runtime","ApplicationAppBar","systemToolbar","contextToolbar","responsive","props","SystemToolbar","ContextToolbar","import_material","import_react_flexbox","import_react","import_vsc","import_jsx_runtime","CollapseToggleFlex","props","collapse","setCollapse","setCollapseEnd","useCollapsible","hover","setHover","theme","previous","import_material","import_jsx_runtime","CollapsibleDrawer","children","sx","props","collapse","setCollapseEnd","useCollapsible","theme","collapsedSize","CollapsibleFlexInner","import_react_flexbox","import_material","SystemControlsType","import_material","import_react_flexbox","import_react_network","import_material","import_react_flexbox","import_react","import_jsx_runtime","SystemControl","children","controlElement","systemControlsType","props","toggleControls","setToggleControls","orientation","import_jsx_runtime","SystemControlsUnstyled","visible","systemControlsType","props","isSmall","theme","SystemControl","SystemControlsRoot","SystemControlsUnstyled","theme","import_jsx_runtime","SystemControls","props","SystemControlsRoot","import_icons_material","import_material","import_react_button","import_react_flexbox","import_react","import_jsx_runtime","SearchBar","defaultValue","onSearch","props","term","setTerm","event","SearchIcon"]}
+{"version":3,"sources":["../../src/index.ts","../../src/components/AppBar/Application.tsx","../../src/components/Toolbar/Context/ContextToolbar.tsx","../../src/components/Toolbar/Context/LogoLinkEx.tsx","../../src/components/Toolbar/Context/Logo.tsx","../../src/components/Toolbar/System/SystemToolbar.tsx","../../src/components/SiteMenu/hooks/useMenuItemsShared.tsx","../../src/contexts/Collapsible/provider.tsx","../../src/contexts/Collapsible/context.ts","../../src/contexts/Collapsible/use.tsx","../../src/components/SiteMenu/Menu.tsx","../../src/components/SiteMenu/MenuListItem/MenuListItemContainer.tsx","../../src/components/SiteMenu/MenuListItem/list-item-components/ListItemTooltip.tsx","../../src/components/SiteMenu/MenuListItem/list-item-components/MenuIcon.tsx","../../src/components/SiteMenu/MenuListItem/list-item-components/MenuListItem.tsx","../../src/components/SiteMenu/MenuListItem/sub-nav/SubNavListItemCollapse.tsx","../../src/components/SiteMenu/MenuListItem/sub-nav/SubNavToggleIconButton.tsx","../../src/components/SiteMenu/MenuSection.tsx","../../src/components/CollapsibleDrawer/CollapseToggle.tsx","../../src/components/CollapsibleDrawer/CollapsibleDrawer.tsx","../../src/components/MobileSystemControls/SystemControls.tsx","../../src/components/MobileSystemControls/SystemControlsRoot.tsx","../../src/components/MobileSystemControls/SystemControlsType.ts","../../src/components/MobileSystemControls/SystemControlsUnstyled.tsx","../../src/components/MobileSystemControls/controls/SystemControl.tsx","../../src/components/SearchBar/SearchBar.tsx"],"sourcesContent":["export * from './components'\nexport * from './contexts'\n","import { ToolbarProps } from '@mui/material'\nimport { AppBarEx, AppBarExProps } from '@xylabs/react-appbar'\nimport { ReactElement } from 'react'\n\nimport { ContextToolbar, SystemToolbar } from '../Toolbar'\n\nexport interface ApplicationAppBarProps extends AppBarExProps {\n  contextToolbar?: ReactElement<ToolbarProps>\n  responsive?: boolean\n  systemToolbar?: ReactElement<ToolbarProps>\n}\n\nexport const ApplicationAppBar: React.FC<ApplicationAppBarProps> = ({ systemToolbar, contextToolbar, responsive = true, ...props }) => {\n  return (\n    <AppBarEx\n      systemToolbar={systemToolbar ?? <SystemToolbar />}\n      contextToolbar={contextToolbar ?? <ContextToolbar />}\n      position=\"sticky\"\n      responsive={responsive}\n      {...props}\n    />\n  )\n}\n","import { Toolbar, ToolbarProps } from '@mui/material'\nimport { To } from 'react-router-dom'\n\nimport { LogoLinkEx } from './LogoLinkEx'\n\nexport interface ContextToolbarProps extends ToolbarProps {\n  logoTo?: To\n  version?: boolean\n}\n\nexport const ContextToolbar: React.FC<ContextToolbarProps> = ({ logoTo = '/', version = false, ...props }) => {\n  return (\n    <Toolbar {...props}>\n      <LogoLinkEx version={version} to={logoTo} />\n    </Toolbar>\n  )\n}\n","import { Typography, useTheme } from '@mui/material'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport { LinkEx, LinkExProps } from '@xylabs/react-link'\n\nimport { Logo } from './Logo'\n\nexport interface LogoLinkExProps extends LinkExProps {\n  version?: boolean | string\n}\n\nexport const LogoLinkEx: React.FC<LogoLinkExProps> = ({ to = '/', version = false, ...props }) => {\n  const theme = useTheme()\n  return (\n    <LinkEx to={to} {...props}>\n      <FlexRow paddingX=\"4px\">\n        <Logo height=\"40\" width=\"43\" />\n        {version ?\n          <Typography\n            position=\"absolute\"\n            borderRadius={1}\n            right={6}\n            color={theme.palette.getContrastText(theme.palette.text.primary)}\n            bottom={0}\n            bgcolor={theme.palette.text.primary}\n            paddingX=\"2px\"\n            lineHeight={1}\n            variant=\"caption\"\n            border={`1px ${theme.palette.getContrastText(theme.palette.primary.main)} solid`}\n          >\n            {typeof version === 'string' ? version : '2.1'}\n          </Typography>\n        : null}\n      </FlexRow>\n    </LinkEx>\n  )\n}\n","import { useTheme } from '@mui/material'\n\nexport const Logo: React.FC<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>> = (props) => {\n  const theme = useTheme()\n  const logoUrl =\n    theme.palette.mode === 'dark' ?\n      'https://cdn.xy.company/img/brand/XYO/XYO_icon_white.svg'\n    : 'https://cdn.xy.company/img/brand/XYO/XYO_icon_white.svg'\n  return <img src={logoUrl} {...props} />\n}\n","import { Paper, Toolbar, ToolbarProps } from '@mui/material'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport { DarkModeIconButton } from '@xyo-network/react-app-settings'\nimport { NetworkSelectEx, NetworkSelectExProps } from '@xyo-network/react-network'\nimport { ReactNode } from 'react'\n\nimport { SiteMenu, SiteMenuProps } from '../../SiteMenu'\n\nexport interface SystemToolbarProps extends ToolbarProps {\n  darkModeButton?: boolean\n  developerMode?: boolean\n  hideNetworkSelect?: boolean\n  menuItems?: ReactNode\n  networkSelectProps?: NetworkSelectExProps\n  onMenuToggle?: SiteMenuProps['onMenuToggle']\n  precedingChildren?: ReactNode\n}\n\nexport const SystemToolbar: React.FC<SystemToolbarProps> = ({\n  children,\n  darkModeButton = false,\n  hideNetworkSelect,\n  menuItems,\n  networkSelectProps,\n  onMenuToggle,\n  precedingChildren,\n  ...props\n}) => {\n  return (\n    <Toolbar {...props}>\n      {precedingChildren}\n      {hideNetworkSelect ? null : (\n        <FlexRow marginX={0.5}>\n          <Paper variant=\"elevation\">\n            <NetworkSelectEx fullWidth {...networkSelectProps} />\n          </Paper>\n        </FlexRow>\n      )}\n      {children}\n      {darkModeButton ?\n        <DarkModeIconButton color=\"inherit\" />\n      : null}\n      {menuItems ?\n        <SiteMenu onMenuToggle={onMenuToggle}>{menuItems}</SiteMenu>\n      : null}\n    </Toolbar>\n  )\n}\n","import { useMemo } from 'react'\n\nimport { useCollapsible } from '../../../contexts'\nimport { MenuListItemProps } from '../MenuListItem'\n\nexport type DefaultSiteMenuListItemProps = Pick<MenuListItemProps, 'collapseEnd' | 'dense' | 'iconOnly' | 'sx'>\n\nexport const useMenuItemsShared = () => {\n  const { collapse, collapseEnd, setCollapse, setCollapseEnd } = useCollapsible()\n\n  const onMenuItemToggle = (open?: boolean) => {\n    setCollapse?.((previous) => (open ? false : previous))\n    setCollapseEnd?.((previous) => (open ? false : previous))\n  }\n\n  const defaultSiteMenuListItemProps: DefaultSiteMenuListItemProps = useMemo(\n    () => ({\n      collapseEnd,\n      dense: true,\n      iconOnly: collapse,\n      sx: {\n        px: '8px',\n      },\n    }),\n    [collapse, collapseEnd],\n  )\n\n  return { defaultSiteMenuListItemProps, onMenuItemToggle }\n}\n","import { WithChildren } from '@xylabs/react-shared'\nimport { useEffect, useState } from 'react'\n\nimport { CollapsibleContext } from './context'\n\nexport interface CollapsibleProviderProps extends WithChildren {\n  defaultCollapse?: boolean\n  defaultCollapseEnd?: boolean\n}\n\nexport const CollapsibleProvider: React.FC<CollapsibleProviderProps> = ({ defaultCollapse = false, defaultCollapseEnd = false, children }) => {\n  const [collapse, setCollapse] = useState(defaultCollapse)\n  const [collapseEnd, setCollapseEnd] = useState(defaultCollapseEnd)\n\n  useEffect(() => {\n    setCollapse(defaultCollapse)\n  }, [defaultCollapse])\n\n  useEffect(() => {\n    setCollapseEnd(defaultCollapseEnd)\n  }, [defaultCollapseEnd])\n\n  return (\n    <CollapsibleContext.Provider value={{ collapse, collapseEnd, provided: true, setCollapse, setCollapseEnd }}>\n      {children}\n    </CollapsibleContext.Provider>\n  )\n}\n","import { createContextEx } from '@xyo-network/react-shared'\n\nimport { CollapsibleState } from './State'\n\nexport const CollapsibleContext = createContextEx<CollapsibleState>()\n","import { useContextEx } from '@xyo-network/react-shared'\n\nimport { CollapsibleContext } from './context'\n\nexport const useCollapsible = () => useContextEx(CollapsibleContext, 'Collapsible', false)\n","import { Menu as MenuIcon, Settings as SettingsIcon } from '@mui/icons-material'\nimport { IconButton, List, SwipeableDrawer } from '@mui/material'\nimport { FlexBoxProps, FlexRow } from '@xylabs/react-flexbox'\nimport { useEffect, useState } from 'react'\n\nimport { MenuListItemContainer } from './MenuListItem'\n\nexport interface SiteMenuProps extends FlexBoxProps {\n  hideSettingsMenuItem?: boolean\n  onMenuToggle?: (state?: boolean) => void\n  side?: 'left' | 'right' | 'top' | 'bottom'\n}\n\nexport const SiteMenu: React.FC<SiteMenuProps> = ({ children, onMenuToggle, side = 'right', ...props }) => {\n  const [open, setOpen] = useState(false)\n\n  useEffect(() => {\n    onMenuToggle?.(open)\n  }, [onMenuToggle, open])\n\n  return (\n    <FlexRow alignItems=\"stretch\" {...props}>\n      <IconButton\n        size=\"small\"\n        color=\"inherit\"\n        onClick={() => {\n          setOpen(!open)\n        }}\n      >\n        <MenuIcon fontSize=\"large\" />\n      </IconButton>\n      <SwipeableDrawer\n        anchor={side}\n        open={open}\n        onClick={() => setOpen(false)}\n        onKeyDown={() => setOpen(false)}\n        onClose={() => setOpen(false)}\n        onOpen={() => setOpen(true)}\n      >\n        {children ?? (\n          <List>\n            <MenuListItemContainer primary=\"Settings\" icon={<SettingsIcon />} to=\"/settings\" />\n          </List>\n        )}\n      </SwipeableDrawer>\n    </FlexRow>\n  )\n}\n","import { ListItemProps, ListItemText, useTheme } from '@mui/material'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport { LinkEx } from '@xylabs/react-link'\nimport { useState } from 'react'\n\nimport { useCollapsible } from '../../../contexts'\nimport { MenuListItemBase, NavListItemProps } from '../lib'\nimport { ListItemTooltip, MenuIcon, MenuListItem } from './list-item-components'\nimport { SubNavListItemsCollapse, SubNavToggleIconButton } from './sub-nav'\n\nexport interface MenuListItemProps extends NavListItemProps, MenuListItemBase, ListItemProps {\n  iconMenuTextSpacing?: string\n  iconOnly?: boolean\n  subNavListItems?: NavListItemProps[]\n  subNavOpen?: boolean\n}\n\nexport const MenuListItemContainer: React.FC<MenuListItemProps> = ({\n  style,\n  icon,\n  iconMenuTextSpacing,\n  iconOnly,\n  onButtonClick,\n  primary,\n  subNavListItems,\n  sx,\n  tooltip,\n  to,\n  ...props\n}) => {\n  const { dense } = props\n  const theme = useTheme()\n  const { collapse } = useCollapsible()\n  const [openSubNav, setOpenSubNav] = useState(false)\n  const [hovered, setHovered] = useState(false)\n  const resolvedIconMenuTextSpacing = iconMenuTextSpacing ?? theme.spacing(1)\n\n  return (\n    <>\n      <MenuListItem\n        disableGutters\n        iconOnly={iconOnly}\n        onClick={onButtonClick}\n        dense={dense}\n        sx={{ justifyContent: 'space-between', ...sx }}\n        style={{ whiteSpace: 'nowrap', ...style }}\n        {...props}\n      >\n        <LinkEx\n          onMouseEnter={() => setHovered(true)}\n          onMouseLeave={() => setHovered(false)}\n          color=\"inherit\"\n          to={to}\n          sx={{\n            '& :hover': {\n              cursor: 'pointer',\n              textDecoration: 'underline',\n            },\n          }}\n        >\n          <FlexRow>\n            <MenuIcon icon={icon} paddingRight={resolvedIconMenuTextSpacing} color={hovered ? 'secondary' : 'inherit'} />\n            <ListItemText primary={primary} />\n          </FlexRow>\n        </LinkEx>\n        <FlexRow style={{ marginLeft: theme.spacing(1) }}>\n          {subNavListItems ?\n            <SubNavToggleIconButton setOpenSubNav={setOpenSubNav} openSubNav={openSubNav} />\n          : null}\n          {tooltip ?\n            <ListItemTooltip title={tooltip} />\n          : null}\n        </FlexRow>\n      </MenuListItem>\n      {subNavListItems ?\n        <SubNavListItemsCollapse openSubNav={openSubNav} collapse={collapse}>\n          {subNavListItems?.map((item, index) => <MenuListItemContainer dense={dense} sx={{ pl: theme.spacing(1) }} key={index} {...item} />)}\n        </SubNavListItemsCollapse>\n      : null}\n    </>\n  )\n}\n","import { Tooltip, TooltipProps } from '@mui/material'\nimport { FlexCol } from '@xylabs/react-flexbox'\n// eslint-disable-next-line import/no-internal-modules\nimport { VscInfo } from 'react-icons/vsc'\n\nexport interface ListItemTooltipProps extends Omit<TooltipProps, 'children'> {\n  title: string\n}\n\nexport const ListItemTooltip: React.FC<ListItemTooltipProps> = ({ title, ...props }) => {\n  return (\n    <Tooltip title={title} placement=\"right\" {...props}>\n      {/* Needs div so it can work, the hovering doesn't work with a FlexCol */}\n      <div>\n        <FlexCol justifyContent=\"center\">\n          <VscInfo color=\"grey\" />\n        </FlexCol>\n      </div>\n    </Tooltip>\n  )\n}\n","import { Typography, TypographyProps } from '@mui/material'\nimport { ReactNode } from 'react'\n\nexport interface MenuIconProps extends TypographyProps {\n  icon?: ReactNode\n}\n\nexport const MenuIcon: React.FC<MenuIconProps> = ({ icon, ...props }) => {\n  return (\n    <Typography display=\"flex\" {...props}>\n      {icon}\n    </Typography>\n  )\n}\n","import { ListItem, ListItemProps } from '@mui/material'\n\nimport { MenuListItemBase } from '../../lib'\n\nexport interface ListItemExProps extends MenuListItemBase, ListItemProps {}\n\nexport const MenuListItem: React.FC<ListItemExProps> = ({ iconOnly, collapseEnd, sx, children, dense, ...props }) => {\n  const listItemSx = iconOnly ? { borderRadius: '50%', display: 'inline-flex', flexGrow: 0, width: 'auto' } : { width: '100%' }\n  // wait till collapseEnds to remove the spacing between items\n  const spacingSx = collapseEnd ? { columnGap: 0 } : { columnGap: 1.5 }\n  // adjusts to the paddingY value which does NOT scale along the theme.spacing\n  const paddingSx = dense ? { px: '8px' } : { px: '12px' }\n  return (\n    <ListItem sx={{ ...listItemSx, ...spacingSx, ...paddingSx, ...sx }} {...props}>\n      {children}\n    </ListItem>\n  )\n}\n","import { Collapse, CollapseProps, List } from '@mui/material'\nimport { WithChildren } from '@xylabs/react-shared'\n\nimport { NavListItemProps } from '../../lib'\n\nexport interface SubNavListItemsCollapseProps extends WithChildren, CollapseProps {\n  collapse?: boolean\n  openSubNav?: boolean\n  subNavListItems?: NavListItemProps[]\n}\n\nexport const SubNavListItemsCollapse: React.FC<SubNavListItemsCollapseProps> = ({ collapse, openSubNav, children, ...props }) => {\n  return (\n    <Collapse in={collapse == true ? false : openSubNav} {...props}>\n      <List>{children}</List>\n    </Collapse>\n  )\n}\n","import { IconButton, IconButtonProps, useTheme } from '@mui/material'\nimport { Dispatch, SetStateAction, SyntheticEvent } from 'react'\n// eslint-disable-next-line import/no-internal-modules\nimport { VscChevronDown } from 'react-icons/vsc'\n\nexport interface SubNavToggleIconButtonProps extends IconButtonProps {\n  openSubNav?: boolean\n  setOpenSubNav?: Dispatch<SetStateAction<boolean>>\n}\n\nexport const SubNavToggleIconButton: React.FC<SubNavToggleIconButtonProps> = ({ setOpenSubNav, openSubNav }) => {\n  const theme = useTheme()\n  return (\n    <IconButton\n      onClick={(event: SyntheticEvent) => {\n        event.stopPropagation()\n        setOpenSubNav?.(!openSubNav)\n      }}\n      sx={{ marginRight: theme.spacing(0.5) }}\n    >\n      <VscChevronDown fontSize=\"16px\" />\n    </IconButton>\n  )\n}\n","import { Collapse, ListSubheader } from '@mui/material'\nimport { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\n\nimport { MenuListItemContainer, MenuListItemProps } from './MenuListItem'\n\nexport interface MenuSectionProps extends FlexBoxProps {\n  iconMenuTextSpacing?: string\n  listItems: MenuListItemProps[]\n  showTitle?: boolean\n  title: string\n}\n\nexport const MenuSection: React.FC<MenuSectionProps> = ({ iconMenuTextSpacing, listItems, showTitle = true, title, ...props }) => {\n  return (\n    <FlexCol alignItems=\"stretch\" {...props}>\n      <Collapse in={showTitle} timeout={700}>\n        <ListSubheader>{title}</ListSubheader>\n      </Collapse>\n\n      {listItems.map((item, index) => (\n        <MenuListItemContainer key={index} iconMenuTextSpacing={iconMenuTextSpacing} {...item}></MenuListItemContainer>\n      ))}\n    </FlexCol>\n  )\n}\n","import { Icon, useTheme } from '@mui/material'\nimport { FlexBoxProps, FlexRow } from '@xylabs/react-flexbox'\nimport { useState } from 'react'\n// eslint-disable-next-line import/no-internal-modules\nimport { VscArrowSmallLeft, VscArrowSmallRight } from 'react-icons/vsc'\n\nimport { useCollapsible } from '../../contexts'\n\nexport const CollapseToggleFlex: React.FC<FlexBoxProps> = (props) => {\n  const { collapse, setCollapse, setCollapseEnd } = useCollapsible()\n  const [hover, setHover] = useState(false)\n  const theme = useTheme()\n\n  const handleCollapseToggle = () => {\n    setCollapse?.(!collapse)\n    setCollapseEnd?.((previous) => (previous ? false : previous))\n  }\n\n  return (\n    <FlexRow mt={2} py={2} justifyContent={collapse ? 'start' : 'center'} {...props}>\n      <Icon\n        onClick={handleCollapseToggle}\n        onMouseEnter={() => setHover(true)}\n        onMouseLeave={() => setHover(false)}\n        fontSize={'large'}\n        sx={{ color: hover ? theme.palette.secondary.main : 'inherit', cursor: 'pointer' }}\n      >\n        {collapse ?\n          <VscArrowSmallRight />\n        : <VscArrowSmallLeft />}\n      </Icon>\n    </FlexRow>\n  )\n}\n","import { Collapse, CollapseProps, styled, useTheme } from '@mui/material'\nimport { WithChildren } from '@xylabs/react-shared'\n\nimport { useCollapsible } from '../../contexts'\n\nexport const CollapsibleDrawer: React.FC<WithChildren<CollapseProps>> = ({ children, sx, ...props }) => {\n  const { collapse, setCollapseEnd } = useCollapsible()\n  const theme = useTheme()\n\n  const collapsedSize = props.collapsedSize ?? theme.spacing(5)\n\n  return (\n    <CollapsibleFlexInner\n      in={!collapse}\n      orientation=\"horizontal\"\n      collapsedSize={collapsedSize}\n      onExited={() => setCollapseEnd?.(true)}\n      sx={{\n        alignItems: 'start',\n        display: 'flex',\n        height: '100%',\n        ...sx,\n      }}\n      {...props}\n    >\n      {children}\n    </CollapsibleFlexInner>\n  )\n}\n\nconst CollapsibleFlexInner = styled(Collapse)(() => ({\n  '& .MuiCollapse-wrapperInner': {\n    display: 'flex',\n    flexDirection: 'column',\n  },\n}))\n","import { FlexCol } from '@xylabs/react-flexbox'\n\nimport { SystemControlsRoot } from './SystemControlsRoot'\nimport { SystemControlsUnstyledProps } from './SystemControlsUnstyled'\n\nconst SystemControls: React.FC<SystemControlsUnstyledProps> = (props) => {\n  return (\n    <FlexCol>\n      <SystemControlsRoot {...props} />\n    </FlexCol>\n  )\n}\n\nexport { SystemControls }\n","import { styled } from '@mui/material'\n\nimport { SystemControlsType } from './SystemControlsType'\nimport { SystemControlsUnstyled, SystemControlsUnstyledProps } from './SystemControlsUnstyled'\n\nconst SystemControlsRoot = styled(SystemControlsUnstyled, { name: 'SystemControls', slot: 'Root' })<SystemControlsUnstyledProps>(({ theme }) => ({\n  // shared defaults\n  ['&']: {\n    '.toggle': {\n      backgroundColor: theme.palette.primary.main,\n    },\n    alignItems: 'start',\n    zIndex: 1,\n  },\n  // WindowShade System Controls styles\n  [`&.system-controls-type-${SystemControlsType.WindowShade}`]: {\n    '.control': {\n      borderRadius: '0 0 5px 5px',\n      flexDirection: 'row',\n      flexGrow: 1,\n      justifyContent: 'space-around',\n      padding: `${theme.spacing(2)} ${theme.spacing(2.5)}`,\n    },\n    '.controls': {\n      alignItems: 'stretch',\n      flexDirection: 'column',\n      flexGrow: 1,\n    },\n    '.toggle': {\n      borderRadius: '0 0 5px 5px',\n      padding: `${theme.spacing(0.5)} ${theme.spacing(1)}`,\n    },\n    flexDirection: 'row',\n    position: 'absolute',\n    top: 0,\n    width: '100%',\n  },\n  // Left System Control styles\n  [`&.system-controls-type-${SystemControlsType.Left}`]: {\n    '.control': {\n      alignItems: 'start',\n      flexDirection: 'column',\n      padding: `${theme.spacing(2)} ${theme.spacing(2.5)}`,\n    },\n    '.control-wrap': {\n      marginBottom: `${theme.spacing(2)}`,\n    },\n    '.toggle': {\n      borderRadius: '0 5px 5px 0',\n      padding: `${theme.spacing(1)} ${theme.spacing(0.5)}`,\n      writingMode: 'vertical-rl',\n    },\n    flexDirection: 'column',\n    left: 0,\n    position: 'fixed',\n    top: '30vh',\n    width: 'auto',\n  },\n}))\n\nexport { SystemControlsRoot }\n","export enum SystemControlsType {\n  Left = 'Left',\n  Right = 'Right',\n  WindowShade = 'WindowShade',\n}\n","import { Paper, Theme, useMediaQuery } from '@mui/material'\nimport { FlexBoxProps, FlexCol, FlexRow } from '@xylabs/react-flexbox'\nimport { NetworkSelectEx } from '@xyo-network/react-network'\n\nimport { SystemControl } from './controls'\nimport { SystemControlsType } from './SystemControlsType'\n\ninterface SystemControlsUnstyledProps extends FlexBoxProps {\n  systemControlsType?: SystemControlsType\n  visible?: boolean\n}\n\nconst SystemControlsUnstyled: React.FC<SystemControlsUnstyledProps> = ({\n  visible,\n  systemControlsType = SystemControlsType.WindowShade,\n  ...props\n}) => {\n  const isSmall = useMediaQuery<Theme>((theme) => theme.breakpoints.down('sm'))\n\n  return visible || isSmall ?\n      <FlexCol {...props} className={`${props.className} system-controls-type-${systemControlsType}`}>\n        <SystemControl\n          systemControlsType={systemControlsType}\n          controlElement={\n            <>\n              <FlexRow className={'control-wrap'}>\n                <Paper variant=\"elevation\" elevation={0}>\n                  <NetworkSelectEx responsive={false} className=\"network-ex\" />\n                </Paper>\n              </FlexRow>\n            </>\n          }\n        />\n      </FlexCol>\n    : <FlexCol />\n}\n\nexport type { SystemControlsUnstyledProps }\nexport { SystemControlsUnstyled }\n","import { Collapse, CollapseProps } from '@mui/material'\nimport { FlexBoxProps, FlexCol, FlexRow } from '@xylabs/react-flexbox'\nimport { WithChildren } from '@xylabs/react-shared'\nimport { useState } from 'react'\n\nimport { SystemControlsType } from '../SystemControlsType'\n\ninterface SystemControlProps extends FlexBoxProps {\n  controlElement: React.ReactNode\n  systemControlsType?: SystemControlsType\n}\n\nconst SystemControl: React.FC<WithChildren<SystemControlProps>> = ({\n  children,\n  controlElement,\n  systemControlsType = SystemControlsType.WindowShade,\n  ...props\n}) => {\n  const [toggleControls, setToggleControls] = useState(false)\n\n  let orientation: CollapseProps['orientation'] = 'vertical'\n\n  switch (systemControlsType) {\n    case SystemControlsType.Left: {\n      orientation = 'horizontal'\n      break\n    }\n  }\n\n  return (\n    <FlexRow className=\"controls\" {...props}>\n      <Collapse in={toggleControls} orientation={orientation} timeout={500}>\n        <FlexRow bgcolor=\"primary.main\" className=\"control\">\n          {controlElement}\n        </FlexRow>\n      </Collapse>\n      <FlexCol style={{ cursor: 'pointer' }} onClick={() => setToggleControls(!toggleControls)}>\n        {children}\n      </FlexCol>\n    </FlexRow>\n  )\n}\n\nexport { SystemControl }\n","import { Search as SearchIcon } from '@mui/icons-material'\nimport { Paper, TextField } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { FlexBoxProps, FlexRow } from '@xylabs/react-flexbox'\nimport { useState } from 'react'\n\nexport interface SearchBarProps extends FlexBoxProps {\n  onSearch?: (term?: string) => void\n}\n\nexport const SearchBar: React.FC<SearchBarProps> = ({ defaultValue, onSearch, ...props }) => {\n  const [term, setTerm] = useState<string>()\n\n  return (\n    <FlexRow alignItems=\"stretch\" {...props}>\n      <Paper variant=\"elevation\" elevation={0} style={{ display: 'flex', overflow: 'hidden', width: '100%' }}>\n        <TextField\n          InputProps={{ color: 'secondary', style: { borderBottomRightRadius: 0, borderTopRightRadius: 0, borderWidth: 0 } }}\n          variant=\"outlined\"\n          size=\"small\"\n          defaultValue={defaultValue}\n          fullWidth\n          onChange={(event) => setTerm(event.target.value)}\n          onKeyDown={(event) => {\n            if (event.key === 'Enter') onSearch?.(term)\n          }}\n        />\n        <ButtonEx variant=\"contained\" style={{ borderRadius: 0, borderTopLeftRadius: 0 }} color=\"secondary\" onClick={() => onSearch?.(term)}>\n          <SearchIcon />\n        </ButtonEx>\n      </Paper>\n    </FlexRow>\n  )\n}\n"],"mappings":"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","names":["import_material","import_material","import_jsx_runtime","import_jsx_runtime","import_material","import_react_flexbox","import_react","import_jsx_runtime","import_react_shared","import_material","import_react_flexbox","import_react","import_material","import_react_flexbox","import_react_link","import_react","import_material","import_react_flexbox","import_jsx_runtime","import_material","import_jsx_runtime","import_material","import_jsx_runtime","import_material","import_jsx_runtime","import_material","import_vsc","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","MenuIcon","SettingsIcon","import_material","import_react_flexbox","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_material","import_react_flexbox","import_react","import_vsc","import_jsx_runtime","import_material","import_jsx_runtime","import_react_flexbox","import_material","SystemControlsType","import_material","import_react_flexbox","import_react_network","import_material","import_react_flexbox","import_react","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_icons_material","import_material","import_react_flexbox","import_react","import_jsx_runtime","SearchIcon"]}