@xyo-network/react-appbar 10.0.0 → 10.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/browser/components/MobileSystemControls/SystemControlsType.d.ts +2 -2
  2. package/dist/browser/components/MobileSystemControls/SystemControlsType.d.ts.map +1 -1
  3. package/dist/browser/index.mjs +2 -2
  4. package/dist/browser/index.mjs.map +1 -1
  5. package/package.json +45 -50
package/dist/browser/components/MobileSystemControls/SystemControlsType.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- import type { EnumValue } from '@xylabs/sdk-js';
2
- import { Enum } from '@xylabs/sdk-js';
1
+ import type { EnumValue } from '@xylabs/sdk';
2
+ import { Enum } from '@xylabs/sdk';
3
3
  export declare const SystemControlsType: Enum<{
4
4
  Left: "Left";
5
5
  Right: "Right";
package/dist/browser/components/MobileSystemControls/SystemControlsType.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SystemControlsType.d.ts","sourceRoot":"","sources":["../../../../src/components/MobileSystemControls/SystemControlsType.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAA;AAErC,eAAO,MAAM,kBAAkB;;;;EAI7B,CAAA;AAEF,MAAM,MAAM,kBAAkB,GAAG,SAAS,CAAC,OAAO,kBAAkB,CAAC,CAAA"}
1
+ {"version":3,"file":"SystemControlsType.d.ts","sourceRoot":"","sources":["../../../../src/components/MobileSystemControls/SystemControlsType.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAA;AAElC,eAAO,MAAM,kBAAkB;;;;EAI7B,CAAA;AAEF,MAAM,MAAM,kBAAkB,GAAG,SAAS,CAAC,OAAO,kBAAkB,CAAC,CAAA"}
package/dist/browser/index.mjs CHANGED
@@ -8,7 +8,7 @@ import { Toolbar } from "@mui/material";
8
8
  import { Typography, useTheme } from "@mui/material";
9
9
  import { FlexRow } from "@xylabs/react-flexbox";
10
10
  import { LinkEx } from "@xylabs/react-link";
11
- import { assertEx } from "@xylabs/sdk-js";
11
+ import { assertEx } from "@xylabs/sdk";
12
12
 
13
13
  // src/components/Toolbar/Context/Logo.tsx
14
14
  import { jsx } from "react/jsx-runtime";
@@ -202,7 +202,7 @@ import { FlexCol as FlexCol3 } from "@xylabs/react-flexbox";
202
202
  import { styled as styled2 } from "@mui/material";
203
203
 
204
204
  // src/components/MobileSystemControls/SystemControlsType.ts
205
- import { Enum } from "@xylabs/sdk-js";
205
+ import { Enum } from "@xylabs/sdk";
206
206
  var SystemControlsType = Enum({
207
207
  Left: "Left",
208
208
  Right: "Right",
package/dist/browser/index.mjs.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../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/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"],
4
- "sourcesContent": ["import type { ToolbarProps } from '@mui/material'\nimport type { ApplicationAppBarProps } from '@xylabs/react-appbar'\nimport { ApplicationAppBar } from '@xylabs/react-appbar'\nimport type { ReactElement } from 'react'\nimport React from 'react'\n\nimport { XyoContextToolbar, XyoSystemToolbar } from '../Toolbar/index.ts'\n\nexport interface XyoApplicationAppBarProps extends ApplicationAppBarProps {\n contextToolbar?: ReactElement<ToolbarProps>\n responsive?: boolean\n systemToolbar?: ReactElement<ToolbarProps>\n}\n\nexport const XyoApplicationAppBar: React.FC<XyoApplicationAppBarProps> = ({\n systemToolbar, contextToolbar, responsive = true, ...props\n}) => {\n return (\n <ApplicationAppBar\n systemToolbar={systemToolbar ?? <XyoSystemToolbar />}\n contextToolbar={contextToolbar ?? <XyoContextToolbar />}\n position=\"sticky\"\n responsive={responsive}\n {...props}\n />\n )\n}\n", "import { Toolbar } from '@mui/material'\nimport type { ContextToolbarProps } from '@xylabs/react-appbar'\nimport type { ReactNode } from 'react'\nimport React from 'react'\n\nimport { LogoLinkEx } from './LogoLinkEx.tsx'\n\nexport interface XyoContextToolbarProps extends ContextToolbarProps {\n logo?: ReactNode\n}\n\nexport const XyoContextToolbar: React.FC<XyoContextToolbarProps> = ({\n children, logo, logoTo = '/', version = false, ...props\n}) => {\n return (\n <Toolbar {...props}>\n <LogoLinkEx logo={logo} version={version} to={logoTo} />\n {children}\n </Toolbar>\n )\n}\n", "import { Typography, useTheme } from '@mui/material'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport type { LinkExProps } from '@xylabs/react-link'\nimport { LinkEx } from '@xylabs/react-link'\nimport { assertEx } from '@xylabs/sdk-js'\nimport React from 'react'\n\nimport { Logo } from './Logo.tsx'\n\nexport type LogoLinkExProps = LinkExProps & {\n logo?: React.ReactNode\n version?: boolean | string\n}\n\nexport const LogoLinkEx: React.FC<LogoLinkExProps> = ({\n logo, to = '/', href, version = false, ...props\n}) => {\n const theme = useTheme()\n assertEx(href === undefined, () => 'href is not supported')\n return (\n <LinkEx to={to} sx={{ 'opacity': 0.8, '&:hover': { opacity: 1 } }} {...props}>\n <FlexRow sx={{ paddingX: '4px' }}>\n {logo ?? <Logo height=\"40\" width=\"43\" />}\n {version === undefined\n ? null\n : (\n <Typography\n color={theme.vars.palette.primary.main}\n variant=\"caption\"\n sx={{\n position: 'absolute',\n borderRadius: 1,\n right: 6,\n bottom: 0,\n bgcolor: theme.vars.palette.primary.contrastText,\n paddingX: '2px',\n lineHeight: 1,\n border: `1px ${theme.vars.palette.primary.main} solid`,\n }}\n >\n {typeof version === 'string' ? version : '2.1'}\n </Typography>\n )}\n </FlexRow>\n </LinkEx>\n )\n}\n", "import React from 'react'\n\nexport const Logo: React.FC<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>> = (props) => {\n const logoUrl\n = 'https://cdn.xy.company/img/brand/XYO/XYO_icon_white.svg'\n return <img src={logoUrl} {...props} />\n}\n", "import { Paper } from '@mui/material'\nimport {\n type SiteMenuProps, SystemToolbar, type SystemToolbarProps,\n} from '@xylabs/react-appbar'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport type { NetworkSelectExProps } from '@xyo-network/react-network'\nimport { NetworkSelectEx } from '@xyo-network/react-network'\nimport type { ReactNode } from 'react'\nimport React from 'react'\n\nexport interface XyoSystemToolbarProps extends SystemToolbarProps {\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 XyoSystemToolbar: React.FC<XyoSystemToolbarProps> = ({\n children,\n hideNetworkSelect,\n networkSelectProps,\n precedingChildren,\n ...props\n}) => {\n return (\n <SystemToolbar {...props}>\n {precedingChildren}\n {hideNetworkSelect\n ? null\n : (\n <FlexRow sx={{ marginX: 0.5 }}>\n <Paper variant=\"elevation\">\n <NetworkSelectEx fullWidth {...networkSelectProps} />\n </Paper>\n </FlexRow>\n )}\n {children}\n </SystemToolbar>\n )\n}\n", "import { Icon, useTheme } from '@mui/material'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport { useCollapsible } from '@xylabs/react-shared'\nimport React, { useState } from 'react'\nimport { VscArrowSmallLeft, VscArrowSmallRight } from 'react-icons/vsc'\n\nexport const CollapseToggleFlex: React.FC<FlexBoxProps> = (props) => {\n const {\n collapse, setCollapse, setCollapseEnd,\n } = 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\n {...props}\n sx={[{\n mt: 2,\n py: 2,\n justifyContent: collapse ? 'start' : 'center',\n }, ...(Array.isArray(props.sx) ? props.sx : [props.sx])]}\n >\n <Icon\n onClick={handleCollapseToggle}\n onMouseEnter={() => setHover(true)}\n onMouseLeave={() => setHover(false)}\n sx={{\n fontSize: 'large',\n color: hover ? theme.vars.palette.secondary.main : 'inherit',\n cursor: 'pointer',\n }}\n >\n {collapse\n ? <VscArrowSmallRight />\n : <VscArrowSmallLeft />}\n </Icon>\n </FlexRow>\n )\n}\n", "import type { CollapseProps } from '@mui/material'\nimport {\n Collapse, styled, useTheme,\n} from '@mui/material'\nimport { useCollapsible } from '@xylabs/react-shared'\nimport type { PropsWithChildren } from 'react'\nimport React from 'react'\n\nexport const CollapsibleDrawer: React.FC<PropsWithChildren<CollapseProps>> = ({\n children, sx, ...props\n}) => {\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'\nimport React from 'react'\n\nimport { SystemControlsRoot } from './SystemControlsRoot.tsx'\nimport type { SystemControlsUnstyledProps } from './SystemControlsUnstyled.tsx'\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'\nimport type React from 'react'\n\nimport { SystemControlsType } from './SystemControlsType.ts'\nimport type { SystemControlsUnstyledProps } from './SystemControlsUnstyled.tsx'\nimport { SystemControlsUnstyled } from './SystemControlsUnstyled.tsx'\n\nconst SystemControlsRoot: React.FC<SystemControlsUnstyledProps> = styled(SystemControlsUnstyled, { name: 'SystemControls', slot: 'Root' })<SystemControlsUnstyledProps>(({ theme }) => ({\n // shared defaults\n ['&']: {\n '.toggle': { backgroundColor: theme.vars.palette.primary.main },\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': { marginBottom: `${theme.spacing(2)}` },\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", "import type { EnumValue } from '@xylabs/sdk-js'\nimport { Enum } from '@xylabs/sdk-js'\n\nexport const SystemControlsType = Enum({\n Left: 'Left',\n Right: 'Right',\n WindowShade: 'WindowShade',\n})\n\nexport type SystemControlsType = EnumValue<typeof SystemControlsType>\n", "import type { Theme } from '@mui/material'\nimport { Paper, useMediaQuery } from '@mui/material'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexCol, FlexRow } from '@xylabs/react-flexbox'\nimport { NetworkSelectEx } from '@xyo-network/react-network'\nimport React from 'react'\n\nimport { SystemControl } from './controls/index.ts'\nimport { SystemControlsType } from './SystemControlsType.ts'\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 ? (\n <FlexCol {...props} className={`${props.className} system-controls-type-${systemControlsType}`}>\n <SystemControl\n systemControlsType={systemControlsType}\n controlElement={(\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 </FlexCol>\n )\n : <FlexCol />\n}\n\nexport type { SystemControlsUnstyledProps }\nexport { SystemControlsUnstyled }\n", "import type { CollapseProps } from '@mui/material'\nimport { Collapse } from '@mui/material'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexCol, FlexRow } from '@xylabs/react-flexbox'\nimport type { PropsWithChildren } from 'react'\nimport React, { useState } from 'react'\n\nimport { SystemControlsType } from '../SystemControlsType.ts'\n\ninterface SystemControlProps extends FlexBoxProps {\n controlElement: React.ReactNode\n systemControlsType?: SystemControlsType\n}\n\nconst SystemControl: React.FC<PropsWithChildren<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\n className=\"control\"\n sx={{ bgcolor: 'primary.main' }}\n >\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 type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport React, { useState } from 'react'\n\nexport interface SearchBarProps extends FlexBoxProps {\n onSearch?: (term?: string) => void\n}\n\nexport const SearchBar: React.FC<SearchBarProps> = ({\n defaultValue, onSearch, ...props\n}) => {\n const [term, setTerm] = useState<string>()\n\n return (\n <FlexRow\n {...props}\n sx={[{ alignItems: 'stretch' }, ...(Array.isArray(props.sx) ? props.sx : [props.sx])]}\n >\n <Paper\n variant=\"elevation\"\n elevation={0}\n style={{\n display: 'flex', overflow: 'hidden', width: '100%',\n }}\n >\n <TextField\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 slotProps={{\n input: {\n color: 'secondary',\n style: {\n borderBottomRightRadius: 0, borderTopRightRadius: 0, borderWidth: 0,\n },\n },\n }}\n />\n <ButtonEx\n variant=\"contained\"\n style={{ borderRadius: 0, borderTopLeftRadius: 0 }}\n onClick={() => onSearch?.(term)}\n sx={{ color: 'secondary' }}\n >\n <SearchIcon />\n </ButtonEx>\n </Paper>\n </FlexRow>\n )\n}\n"],
4
+ "sourcesContent": ["import type { ToolbarProps } from '@mui/material'\nimport type { ApplicationAppBarProps } from '@xylabs/react-appbar'\nimport { ApplicationAppBar } from '@xylabs/react-appbar'\nimport type { ReactElement } from 'react'\nimport React from 'react'\n\nimport { XyoContextToolbar, XyoSystemToolbar } from '../Toolbar/index.ts'\n\nexport interface XyoApplicationAppBarProps extends ApplicationAppBarProps {\n contextToolbar?: ReactElement<ToolbarProps>\n responsive?: boolean\n systemToolbar?: ReactElement<ToolbarProps>\n}\n\nexport const XyoApplicationAppBar: React.FC<XyoApplicationAppBarProps> = ({\n systemToolbar, contextToolbar, responsive = true, ...props\n}) => {\n return (\n <ApplicationAppBar\n systemToolbar={systemToolbar ?? <XyoSystemToolbar />}\n contextToolbar={contextToolbar ?? <XyoContextToolbar />}\n position=\"sticky\"\n responsive={responsive}\n {...props}\n />\n )\n}\n", "import { Toolbar } from '@mui/material'\nimport type { ContextToolbarProps } from '@xylabs/react-appbar'\nimport type { ReactNode } from 'react'\nimport React from 'react'\n\nimport { LogoLinkEx } from './LogoLinkEx.tsx'\n\nexport interface XyoContextToolbarProps extends ContextToolbarProps {\n logo?: ReactNode\n}\n\nexport const XyoContextToolbar: React.FC<XyoContextToolbarProps> = ({\n children, logo, logoTo = '/', version = false, ...props\n}) => {\n return (\n <Toolbar {...props}>\n <LogoLinkEx logo={logo} version={version} to={logoTo} />\n {children}\n </Toolbar>\n )\n}\n", "import { Typography, useTheme } from '@mui/material'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport type { LinkExProps } from '@xylabs/react-link'\nimport { LinkEx } from '@xylabs/react-link'\nimport { assertEx } from '@xylabs/sdk'\nimport React from 'react'\n\nimport { Logo } from './Logo.tsx'\n\nexport type LogoLinkExProps = LinkExProps & {\n logo?: React.ReactNode\n version?: boolean | string\n}\n\nexport const LogoLinkEx: React.FC<LogoLinkExProps> = ({\n logo, to = '/', href, version = false, ...props\n}) => {\n const theme = useTheme()\n assertEx(href === undefined, () => 'href is not supported')\n return (\n <LinkEx to={to} sx={{ 'opacity': 0.8, '&:hover': { opacity: 1 } }} {...props}>\n <FlexRow sx={{ paddingX: '4px' }}>\n {logo ?? <Logo height=\"40\" width=\"43\" />}\n {version === undefined\n ? null\n : (\n <Typography\n color={theme.vars.palette.primary.main}\n variant=\"caption\"\n sx={{\n position: 'absolute',\n borderRadius: 1,\n right: 6,\n bottom: 0,\n bgcolor: theme.vars.palette.primary.contrastText,\n paddingX: '2px',\n lineHeight: 1,\n border: `1px ${theme.vars.palette.primary.main} solid`,\n }}\n >\n {typeof version === 'string' ? version : '2.1'}\n </Typography>\n )}\n </FlexRow>\n </LinkEx>\n )\n}\n", "import React from 'react'\n\nexport const Logo: React.FC<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>> = (props) => {\n const logoUrl\n = 'https://cdn.xy.company/img/brand/XYO/XYO_icon_white.svg'\n return <img src={logoUrl} {...props} />\n}\n", "import { Paper } from '@mui/material'\nimport {\n type SiteMenuProps, SystemToolbar, type SystemToolbarProps,\n} from '@xylabs/react-appbar'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport type { NetworkSelectExProps } from '@xyo-network/react-network'\nimport { NetworkSelectEx } from '@xyo-network/react-network'\nimport type { ReactNode } from 'react'\nimport React from 'react'\n\nexport interface XyoSystemToolbarProps extends SystemToolbarProps {\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 XyoSystemToolbar: React.FC<XyoSystemToolbarProps> = ({\n children,\n hideNetworkSelect,\n networkSelectProps,\n precedingChildren,\n ...props\n}) => {\n return (\n <SystemToolbar {...props}>\n {precedingChildren}\n {hideNetworkSelect\n ? null\n : (\n <FlexRow sx={{ marginX: 0.5 }}>\n <Paper variant=\"elevation\">\n <NetworkSelectEx fullWidth {...networkSelectProps} />\n </Paper>\n </FlexRow>\n )}\n {children}\n </SystemToolbar>\n )\n}\n", "import { Icon, useTheme } from '@mui/material'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport { useCollapsible } from '@xylabs/react-shared'\nimport React, { useState } from 'react'\nimport { VscArrowSmallLeft, VscArrowSmallRight } from 'react-icons/vsc'\n\nexport const CollapseToggleFlex: React.FC<FlexBoxProps> = (props) => {\n const {\n collapse, setCollapse, setCollapseEnd,\n } = 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\n {...props}\n sx={[{\n mt: 2,\n py: 2,\n justifyContent: collapse ? 'start' : 'center',\n }, ...(Array.isArray(props.sx) ? props.sx : [props.sx])]}\n >\n <Icon\n onClick={handleCollapseToggle}\n onMouseEnter={() => setHover(true)}\n onMouseLeave={() => setHover(false)}\n sx={{\n fontSize: 'large',\n color: hover ? theme.vars.palette.secondary.main : 'inherit',\n cursor: 'pointer',\n }}\n >\n {collapse\n ? <VscArrowSmallRight />\n : <VscArrowSmallLeft />}\n </Icon>\n </FlexRow>\n )\n}\n", "import type { CollapseProps } from '@mui/material'\nimport {\n Collapse, styled, useTheme,\n} from '@mui/material'\nimport { useCollapsible } from '@xylabs/react-shared'\nimport type { PropsWithChildren } from 'react'\nimport React from 'react'\n\nexport const CollapsibleDrawer: React.FC<PropsWithChildren<CollapseProps>> = ({\n children, sx, ...props\n}) => {\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'\nimport React from 'react'\n\nimport { SystemControlsRoot } from './SystemControlsRoot.tsx'\nimport type { SystemControlsUnstyledProps } from './SystemControlsUnstyled.tsx'\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'\nimport type React from 'react'\n\nimport { SystemControlsType } from './SystemControlsType.ts'\nimport type { SystemControlsUnstyledProps } from './SystemControlsUnstyled.tsx'\nimport { SystemControlsUnstyled } from './SystemControlsUnstyled.tsx'\n\nconst SystemControlsRoot: React.FC<SystemControlsUnstyledProps> = styled(SystemControlsUnstyled, { name: 'SystemControls', slot: 'Root' })<SystemControlsUnstyledProps>(({ theme }) => ({\n // shared defaults\n ['&']: {\n '.toggle': { backgroundColor: theme.vars.palette.primary.main },\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': { marginBottom: `${theme.spacing(2)}` },\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", "import type { EnumValue } from '@xylabs/sdk'\nimport { Enum } from '@xylabs/sdk'\n\nexport const SystemControlsType = Enum({\n Left: 'Left',\n Right: 'Right',\n WindowShade: 'WindowShade',\n})\n\nexport type SystemControlsType = EnumValue<typeof SystemControlsType>\n", "import type { Theme } from '@mui/material'\nimport { Paper, useMediaQuery } from '@mui/material'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexCol, FlexRow } from '@xylabs/react-flexbox'\nimport { NetworkSelectEx } from '@xyo-network/react-network'\nimport React from 'react'\n\nimport { SystemControl } from './controls/index.ts'\nimport { SystemControlsType } from './SystemControlsType.ts'\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 ? (\n <FlexCol {...props} className={`${props.className} system-controls-type-${systemControlsType}`}>\n <SystemControl\n systemControlsType={systemControlsType}\n controlElement={(\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 </FlexCol>\n )\n : <FlexCol />\n}\n\nexport type { SystemControlsUnstyledProps }\nexport { SystemControlsUnstyled }\n", "import type { CollapseProps } from '@mui/material'\nimport { Collapse } from '@mui/material'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexCol, FlexRow } from '@xylabs/react-flexbox'\nimport type { PropsWithChildren } from 'react'\nimport React, { useState } from 'react'\n\nimport { SystemControlsType } from '../SystemControlsType.ts'\n\ninterface SystemControlProps extends FlexBoxProps {\n controlElement: React.ReactNode\n systemControlsType?: SystemControlsType\n}\n\nconst SystemControl: React.FC<PropsWithChildren<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\n className=\"control\"\n sx={{ bgcolor: 'primary.main' }}\n >\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 type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport React, { useState } from 'react'\n\nexport interface SearchBarProps extends FlexBoxProps {\n onSearch?: (term?: string) => void\n}\n\nexport const SearchBar: React.FC<SearchBarProps> = ({\n defaultValue, onSearch, ...props\n}) => {\n const [term, setTerm] = useState<string>()\n\n return (\n <FlexRow\n {...props}\n sx={[{ alignItems: 'stretch' }, ...(Array.isArray(props.sx) ? props.sx : [props.sx])]}\n >\n <Paper\n variant=\"elevation\"\n elevation={0}\n style={{\n display: 'flex', overflow: 'hidden', width: '100%',\n }}\n >\n <TextField\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 slotProps={{\n input: {\n color: 'secondary',\n style: {\n borderBottomRightRadius: 0, borderTopRightRadius: 0, borderWidth: 0,\n },\n },\n }}\n />\n <ButtonEx\n variant=\"contained\"\n style={{ borderRadius: 0, borderTopLeftRadius: 0 }}\n onClick={() => onSearch?.(term)}\n sx={{ color: 'secondary' }}\n >\n <SearchIcon />\n </ButtonEx>\n </Paper>\n </FlexRow>\n )\n}\n"],
5
5
  "mappings": "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",
6
6
  "names": ["jsx", "jsx", "jsxs", "FlexRow", "jsx", "jsxs", "jsx", "useTheme", "FlexRow", "jsx", "useTheme", "useCollapsible", "jsx", "FlexCol", "styled", "Paper", "FlexCol", "FlexRow", "NetworkSelectEx", "Collapse", "FlexRow", "useState", "jsx", "jsxs", "useState", "FlexRow", "Collapse", "jsx", "FlexCol", "FlexRow", "Paper", "NetworkSelectEx", "styled", "jsx", "FlexCol", "Paper", "FlexRow", "useState", "jsx", "jsxs"]
7
7
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@xyo-network/react-appbar",
3
- "version": "10.0.0",
3
+ "version": "10.0.3",
4
4
  "description": "Common React library for all XYO projects that use React",
5
5
  "keywords": [
6
6
  "xyo",
@@ -41,56 +41,54 @@
41
41
  "README.md"
42
42
  ],
43
43
  "dependencies": {
44
- "@xyo-network/react-network": "~10.0.0"
44
+ "@xyo-network/react-network": "~10.0.3"
45
45
  },
46
46
  "devDependencies": {
47
47
  "@bitauth/libauth": "~3.0.0",
48
- "@metamask/providers": "^22.1.1",
49
48
  "@mui/icons-material": "^9.1.1",
50
49
  "@mui/material": "^9.1.2",
51
50
  "@noble/post-quantum": "~0.6.1",
52
51
  "@opentelemetry/api": "^1.9.1",
53
52
  "@opentelemetry/sdk-trace-base": "^2.8.0",
54
- "@react-spring/web": "~10.1.1",
53
+ "@react-spring/web": "~10.1.2",
55
54
  "@scure/base": "~2.2.0",
56
55
  "@scure/bip39": "~2.2.0",
57
56
  "@storybook/react-vite": "~10.4.6",
58
57
  "@types/react": "^19.2.17",
59
- "@xylabs/eth-address": "^6.1.4",
60
- "@xylabs/geo": "^6.1.4",
61
- "@xylabs/pixel": "^6.1.4",
62
- "@xylabs/react-appbar": "^9.1.2",
63
- "@xylabs/react-button": "^9.1.2",
64
- "@xylabs/react-crypto": "^9.1.2",
65
- "@xylabs/react-flexbox": "^9.1.2",
66
- "@xylabs/react-hooks": "^9.1.2",
67
- "@xylabs/react-identicon": "^9.1.2",
68
- "@xylabs/react-link": "^9.1.2",
69
- "@xylabs/react-number-status": "^9.1.2",
70
- "@xylabs/react-promise": "^9.1.2",
71
- "@xylabs/react-select": "^9.1.2",
72
- "@xylabs/react-shared": "^9.1.2",
73
- "@xylabs/react-theme": "^9.1.2",
74
- "@xylabs/sdk-js": "^6.1.4",
75
- "@xylabs/threads": "^6.1.4",
76
- "@xylabs/toolchain": "~8.3.0",
77
- "@xylabs/tsconfig": "^8.3.0",
78
- "@xylabs/tsconfig-dom": "^8.3.0",
79
- "@xylabs/tsconfig-react": "~8.3.0",
80
- "@xyo-network/sdk-js": "^7.0.0",
81
- "@xyo-network/sdk-protocol-js": "^7.0.0",
58
+ "@xylabs/eth-address": "^7.0.1",
59
+ "@xylabs/geo": "^7.0.1",
60
+ "@xylabs/pixel": "^7.0.1",
61
+ "@xylabs/react-appbar": "~10.0",
62
+ "@xylabs/react-button": "~10.0",
63
+ "@xylabs/react-crypto": "~10.0",
64
+ "@xylabs/react-flexbox": "~10.0",
65
+ "@xylabs/react-hooks": "~10.0",
66
+ "@xylabs/react-identicon": "~10.0",
67
+ "@xylabs/react-link": "~10.0",
68
+ "@xylabs/react-number-status": "~10.0",
69
+ "@xylabs/react-promise": "~10.0",
70
+ "@xylabs/react-select": "~10.0",
71
+ "@xylabs/react-shared": "~10.0",
72
+ "@xylabs/react-theme": "~10.0",
73
+ "@xylabs/sdk": "^7.0.1",
74
+ "@xylabs/threads": "^7.0.1",
75
+ "@xylabs/toolchain": "~8.5.3",
76
+ "@xylabs/tsconfig": "^8.5.3",
77
+ "@xylabs/tsconfig-dom": "^8.5.3",
78
+ "@xylabs/tsconfig-react": "~8.5.3",
79
+ "@xyo-network/sdk": "^7.0.3",
82
80
  "ajv": "^8.20.0",
83
81
  "async-mutex": "^0.5.0",
84
- "debug": "~4.4.3",
85
- "eslint": "^10.5.0",
82
+ "debug": "^4.4.3",
83
+ "eslint": "^10.6.0",
86
84
  "ethers": "^6.17.0",
87
85
  "hash-wasm": "~4.12.0",
88
86
  "idb": "^8.0.3",
89
87
  "lru-cache": "^11.5.1",
90
88
  "md5": "~2.3.0",
91
89
  "numeral": "~2.0.6",
92
- "observable-fns": "~0.6.1",
93
- "query-string": "~9.4.0",
90
+ "observable-fns": "^0.6.1",
91
+ "query-string": "~9.4.1",
94
92
  "react": "^19.2.7",
95
93
  "react-dom": "^19.2.7",
96
94
  "react-icons": "~5.6.0",
@@ -99,14 +97,12 @@
99
97
  "typescript": "^6.0.3",
100
98
  "viem": "^2.53.1",
101
99
  "vite": "^8.1.0",
102
- "webextension-polyfill": "^0.12.0",
103
100
  "zod": "^4.4.3",
104
- "@xyo-network/react-wallet": "~10.0.0",
105
- "@xyo-network/react-storybook": "~10.0.0"
101
+ "@xyo-network/react-wallet": "~10.0.3",
102
+ "@xyo-network/react-storybook": "~10.0.3"
106
103
  },
107
104
  "peerDependencies": {
108
105
  "@bitauth/libauth": "~3.0",
109
- "@metamask/providers": "^22.1",
110
106
  "@mui/icons-material": "^9.0",
111
107
  "@mui/material": "^9.0",
112
108
  "@noble/post-quantum": "~0.6.1",
@@ -115,32 +111,31 @@
115
111
  "@react-spring/web": "~10.1",
116
112
  "@scure/base": "~2.2",
117
113
  "@scure/bip39": "~2.2",
118
- "@xylabs/geo": "^6.0",
119
- "@xylabs/pixel": "^6.1",
120
- "@xylabs/react-appbar": "^9.1",
121
- "@xylabs/react-button": "^9.1",
122
- "@xylabs/react-flexbox": "^9.1",
123
- "@xylabs/react-link": "^9.1",
124
- "@xylabs/react-select": "^9.1",
125
- "@xylabs/react-shared": "^9.1",
126
- "@xylabs/sdk-js": "^6.0",
127
- "@xylabs/threads": "^6.0",
128
- "@xyo-network/sdk-js": "^6.0",
129
- "@xyo-network/sdk-protocol-js": "^6.1",
114
+ "@types/react": "^19.2",
115
+ "@xylabs/geo": "^7.0",
116
+ "@xylabs/pixel": "^7.0",
117
+ "@xylabs/react-appbar": "^10.0",
118
+ "@xylabs/react-button": "^10.0",
119
+ "@xylabs/react-flexbox": "^10.0",
120
+ "@xylabs/react-link": "^10.0",
121
+ "@xylabs/react-select": "^10.0",
122
+ "@xylabs/react-shared": "^10.0",
123
+ "@xylabs/sdk": "^7.0",
124
+ "@xylabs/threads": "^7.0",
125
+ "@xyo-network/sdk": "*",
130
126
  "ajv": "^8.20",
131
127
  "async-mutex": "^0.5",
132
- "debug": "~4.4",
128
+ "debug": "^4.4",
133
129
  "ethers": "^6.16",
134
130
  "hash-wasm": "~4.12",
135
131
  "idb": "^8.0",
136
132
  "lru-cache": "^11.3",
137
- "observable-fns": "~0.6",
133
+ "observable-fns": "^0.6",
138
134
  "query-string": "~9.4",
139
135
  "react": "^19.2",
140
136
  "react-dom": "^19.2",
141
137
  "react-icons": "~5.6",
142
138
  "react-router-dom": "^7.15",
143
- "webextension-polyfill": "^0.12",
144
139
  "zod": "^4.4"
145
140
  },
146
141
  "publishConfig": {