@xyo-network/react-appbar 2.23.7

package/src/components/Toolbar/System/SystemToolbar.tsx

@@ -0,0 +1,51 @@
+import { Toolbar, ToolbarProps } from '@mui/material'
+import { FlexRow, SelectExProps } from '@xylabs/sdk-react'
+import { ArchiveSelectEx } from '@xyo-network/react-archive'
+import { AuthStatusIconButton } from '@xyo-network/react-auth'
+import { NetworkSelectEx, NetworkSelectExProps } from '@xyo-network/react-network'
+import { DarkModeIconButton } from '@xyo-network/react-shared'
+
+import { SiteMenu, SiteMenuProps } from './SiteMenu'
+
+export interface SystemToolbarProps extends ToolbarProps {
+  networkSelectProps?: NetworkSelectExProps
+  archiveSelectProps?: SelectExProps<string>
+  hideNetworkSelect?: boolean
+  hideArchiveSelect?: boolean
+  siteMenuProps?: SiteMenuProps
+  darkModeButton?: boolean
+  authButton?: boolean
+  noMenu?: boolean
+}
+
+export const SystemToolbar: React.FC<SystemToolbarProps> = ({
+  children,
+  networkSelectProps,
+  archiveSelectProps,
+  hideNetworkSelect,
+  hideArchiveSelect,
+  siteMenuProps,
+  darkModeButton = false,
+  authButton = false,
+  noMenu = false,
+  ...props
+}) => {
+  return (
+    <Toolbar {...props}>
+      {hideNetworkSelect ? null : (
+        <FlexRow paper marginX={0.5} maxWidth={120}>
+          <NetworkSelectEx fullWidth {...networkSelectProps} />
+        </FlexRow>
+      )}
+      {hideArchiveSelect ? null : (
+        <FlexRow paper marginX={0.5} maxWidth={120}>
+          <ArchiveSelectEx fullWidth {...archiveSelectProps} />
+        </FlexRow>
+      )}
+      {children}
+      {authButton ? <AuthStatusIconButton color="inherit" /> : null}
+      {darkModeButton ? <DarkModeIconButton color="inherit" /> : null}
+      {noMenu ? null : <SiteMenu {...siteMenuProps} />}
+    </Toolbar>
+  )
+}

package/src/components/Toolbar/System/index.ts

@@ -0,0 +1,2 @@
+export * from './SiteMenu'
+export * from './SystemToolbar'

package/src/components/Toolbar/index.ts

@@ -0,0 +1,2 @@
+export * from './Context'
+export * from './System'

package/src/components/index.ts

@@ -0,0 +1,4 @@
+export * from './AppBar'
+export * from './MobileSystemControls'
+export * from './SearchBar'
+export * from './Toolbar'

package/src/index.ts

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