@xyo-network/react-appbar 2.37.14 → 2.37.17

package/dist/esm/components/SiteMenu/MenuItems.js

@@ -1,29 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Collapse, IconButton, List, Tooltip, useTheme } from '@mui/material';
-import { FlexCol, FlexRow } from '@xylabs/react-flexbox';
-import { LinkEx } from '@xylabs/react-link';
-import { useState } from 'react';
-import { VscChevronDown, VscInfo } from 'react-icons/vsc';
-import { useCollapsible } from '../../contexts';
-import { MenuIcon } from './MenuIcon';
-import { MenuListItem } from './MenuListItem';
-import { MenuListItemText } from './MenuListItemText';
-export const SiteMenuListItem = ({ style, subNavListItems, iconOnly, tooltip, icon, primary, onButtonClick, to, sx, ...props }) => {
-    const { dense } = props;
-    const theme = useTheme();
-    const { collapse } = useCollapsible();
-    const [openSubNav, setOpenSubNav] = useState(false);
-    const [hovered, setHovered] = useState(false);
-    return (_jsxs(_Fragment, { children: [_jsxs(MenuListItem, { disableGutters: true, iconOnly: iconOnly, onClick: onButtonClick, dense: dense, sx: { justifyContent: 'space-between', ...sx }, style: { whiteSpace: 'nowrap', ...style }, ...props, children: [_jsx(LinkEx, { onMouseEnter: () => setHovered(true), onMouseLeave: () => setHovered(false), color: "inherit", to: to, sx: {
-                            '& :hover': {
-                                cursor: 'pointer',
-                                textDecoration: 'underline',
-                            },
-                        }, children: _jsxs(FlexRow, { children: [_jsx(MenuIcon, { icon: icon, paddingRight: theme.spacing(1), color: hovered ? 'secondary' : 'inherit' }), _jsx(MenuListItemText, { primary: primary, iconOnly: iconOnly })] }) }), _jsxs(FlexRow, { style: { marginLeft: theme.spacing(1) }, children: [subNavListItems ? (_jsx(IconButton, { onClick: (event) => {
-                                    event.stopPropagation();
-                                    setOpenSubNav(!openSubNav);
-                                }, sx: { marginRight: theme.spacing(0.5) }, children: _jsx(VscChevronDown, { fontSize: "16px" }) })) : null, tooltip ? (_jsx(Tooltip, { title: tooltip, placement: "right", children: _jsx("div", { children: _jsx(FlexCol, { justifyContent: "center", children: _jsx(VscInfo, { color: "grey" }) }) }) })) : null] })] }), subNavListItems ? (_jsx(Collapse, { in: collapse == true ? false : openSubNav, children: _jsx(List, { children: subNavListItems.map((item, index) => {
-                        return _jsx(SiteMenuListItem, { dense: dense, sx: { pl: theme.spacing(1) }, ...item }, index);
-                    }) }) })) : null] }));
-};
-//# sourceMappingURL=MenuItems.js.map

package/dist/esm/components/SiteMenu/MenuItems.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuItems.js","sourceRoot":"","sources":["../../../../src/components/SiteMenu/MenuItems.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/SiteMenu/MenuListItem.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuListItem.d.ts","sourceRoot":"","sources":["../../../../src/components/SiteMenu/MenuListItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAY,aAAa,EAAE,MAAM,eAAe,CAAA;AAEvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAA;AAE5C,MAAM,WAAW,eAAgB,SAAQ,oBAAoB,EAAE,aAAa;CAAG;AAE/E,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAalD,CAAA"}

package/dist/esm/components/SiteMenu/MenuListItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuListItem.js","sourceRoot":"","sources":["../../../../src/components/SiteMenu/MenuListItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAiB,MAAM,eAAe,CAAA;AAMvD,MAAM,CAAC,MAAM,YAAY,GAA8B,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,EAAE,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC3G,MAAM,KAAK,GAAG,KAAK,CAAA;IAEnB,MAAM,UAAU,GAAG,QAAQ,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAA;IAC7H,6DAA6D;IAC7D,MAAM,SAAS,GAAG,WAAW,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,CAAA;IACrE,6EAA6E;IAC7E,MAAM,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,CAAA;IACxD,OAAO,CACL,KAAC,QAAQ,IAAC,EAAE,EAAE,EAAE,GAAG,UAAU,EAAE,GAAG,SAAS,EAAE,GAAG,SAAS,EAAE,GAAG,EAAE,EAAE,KAAM,KAAK,YAC1E,QAAQ,GACA,CACZ,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/SiteMenu/MenuListItemText.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { ListItemTextProps } from '@mui/material';
-import { SiteMenuListItemBase } from './lib';
-export interface MenuListItemTextProps extends SiteMenuListItemBase, ListItemTextProps {
-}
-export declare const MenuListItemText: React.FC<MenuListItemTextProps>;
-//# sourceMappingURL=MenuListItemText.d.ts.map

package/dist/esm/components/SiteMenu/MenuListItemText.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuListItemText.d.ts","sourceRoot":"","sources":["../../../../src/components/SiteMenu/MenuListItemText.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAgB,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAE/D,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAA;AAE5C,MAAM,WAAW,qBAAsB,SAAQ,oBAAoB,EAAE,iBAAiB;CAAG;AAEzF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAc5D,CAAA"}

package/dist/esm/components/SiteMenu/MenuListItemText.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { ListItemText } from '@mui/material';
-export const MenuListItemText = ({ iconOnly, sx, ...props }) => {
-    const listItemTextSxProps = iconOnly ? { maxWidth: 0, ...sx } : { ...sx };
-    return (_jsx(ListItemText, { sx: {
-            flexGrow: 0,
-            maxWidth: '100%',
-            overflow: 'hidden',
-            transition: 'max-width 300ms linear',
-            ...listItemTextSxProps,
-        }, ...props }));
-};
-//# sourceMappingURL=MenuListItemText.js.map

package/dist/esm/components/SiteMenu/MenuListItemText.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuListItemText.js","sourceRoot":"","sources":["../../../../src/components/SiteMenu/MenuListItemText.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAqB,MAAM,eAAe,CAAA;AAM/D,MAAM,CAAC,MAAM,gBAAgB,GAAoC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC9F,MAAM,mBAAmB,GAAG,QAAQ,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,CAAA;IACzE,OAAO,CACL,KAAC,YAAY,IACX,EAAE,EAAE;YACF,QAAQ,EAAE,CAAC;YACX,QAAQ,EAAE,MAAM;YAChB,QAAQ,EAAE,QAAQ;YAClB,UAAU,EAAE,wBAAwB;YACpC,GAAG,mBAAmB;SACvB,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAA"}

package/src/components/SiteMenu/MenuItems.tsx

@@ -1,115 +0,0 @@
-import { Collapse, IconButton, List, ListItemProps, ListItemTextProps, Tooltip, useTheme } from '@mui/material'
-import { FlexCol, FlexRow } from '@xylabs/react-flexbox'
-import { LinkEx, LinkExProps } from '@xylabs/react-link'
-import { ReactNode, useState } from 'react'
-import { VscChevronDown, VscInfo } from 'react-icons/vsc'
-import { To } from 'react-router-dom'
-
-import { useCollapsible } from '../../contexts'
-import { SiteMenuListItemBase } from './lib'
-import { MenuIcon } from './MenuIcon'
-import { MenuListItem } from './MenuListItem'
-import { MenuListItemText } from './MenuListItemText'
-
-export interface SiteMenuListItemProps extends SiteMenuListItemBase, ListItemProps {
-  primary: ListItemTextProps['primary']
-  to?: To
-  href?: string
-  icon?: ReactNode
-  onButtonClick?: LinkExProps['onClick']
-  subNavListItems?: SubNavListItemProps[]
-  tooltip?: string
-  subNavOpen?: boolean
-  iconOnly?: boolean
-}
-
-export interface SubNavListItemProps {
-  primary: ListItemTextProps['primary']
-  to?: To
-  href?: string
-  icon?: ReactNode
-  onButtonClick?: LinkExProps['onClick']
-  tooltip?: string
-}
-
-export const SiteMenuListItem: React.FC<SiteMenuListItemProps> = ({
-  style,
-  subNavListItems,
-  iconOnly,
-  tooltip,
-  icon,
-  primary,
-  onButtonClick,
-  to,
-  sx,
-  ...props
-}) => {
-  const { dense } = props
-  const theme = useTheme()
-  const { collapse } = useCollapsible()
-  const [openSubNav, setOpenSubNav] = useState(false)
-  const [hovered, setHovered] = useState(false)
-  return (
-    <>
-      <MenuListItem
-        disableGutters
-        iconOnly={iconOnly}
-        onClick={onButtonClick}
-        dense={dense}
-        sx={{ justifyContent: 'space-between', ...sx }}
-        style={{ whiteSpace: 'nowrap', ...style }}
-        {...props}
-      >
-        <LinkEx
-          onMouseEnter={() => setHovered(true)}
-          onMouseLeave={() => setHovered(false)}
-          color="inherit"
-          to={to}
-          sx={{
-            '& :hover': {
-              cursor: 'pointer',
-              textDecoration: 'underline',
-            },
-          }}
-        >
-          <FlexRow>
-            <MenuIcon icon={icon} paddingRight={theme.spacing(1)} color={hovered ? 'secondary' : 'inherit'} />
-            <MenuListItemText primary={primary} iconOnly={iconOnly} />
-          </FlexRow>
-        </LinkEx>
-        <FlexRow style={{ marginLeft: theme.spacing(1) }}>
-          {subNavListItems ? (
-            <IconButton
-              onClick={(event) => {
-                event.stopPropagation()
-                setOpenSubNav(!openSubNav)
-              }}
-              sx={{ marginRight: theme.spacing(0.5) }}
-            >
-              <VscChevronDown fontSize="16px" />
-            </IconButton>
-          ) : null}
-          {tooltip ? (
-            <Tooltip title={tooltip} placement="right">
-              {/* Needs div so it can work, the hovering doesn't work with a FlexCol */}
-              <div>
-                <FlexCol justifyContent="center">
-                  <VscInfo color="grey" />
-                </FlexCol>
-              </div>
-            </Tooltip>
-          ) : null}
-        </FlexRow>
-      </MenuListItem>
-      {subNavListItems ? (
-        <Collapse in={collapse == true ? false : openSubNav}>
-          <List>
-            {subNavListItems.map((item, index) => {
-              return <SiteMenuListItem dense={dense} sx={{ pl: theme.spacing(1) }} key={index} {...item} />
-            })}
-          </List>
-        </Collapse>
-      ) : null}
-    </>
-  )
-}

package/src/components/SiteMenu/MenuListItemText.tsx

@@ -1,21 +0,0 @@
-import { ListItemText, ListItemTextProps } from '@mui/material'
-
-import { SiteMenuListItemBase } from './lib'
-
-export interface MenuListItemTextProps extends SiteMenuListItemBase, ListItemTextProps {}
-
-export const MenuListItemText: React.FC<MenuListItemTextProps> = ({ iconOnly, sx, ...props }) => {
-  const listItemTextSxProps = iconOnly ? { maxWidth: 0, ...sx } : { ...sx }
-  return (
-    <ListItemText
-      sx={{
-        flexGrow: 0,
-        maxWidth: '100%',
-        overflow: 'hidden',
-        transition: 'max-width 300ms linear',
-        ...listItemTextSxProps,
-      }}
-      {...props}
-    />
-  )
-}