@xyo-network/react-appbar 2.26.31 → 2.26.34

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 (11) hide show
  1. package/README.md +2 -1
  2. package/dist/cjs/components/Toolbar/System/SystemToolbar.d.ts +1 -0
  3. package/dist/cjs/components/Toolbar/System/SystemToolbar.js +2 -2
  4. package/dist/cjs/components/Toolbar/System/SystemToolbar.js.map +1 -1
  5. package/dist/docs.json +10 -1
  6. package/dist/esm/components/Toolbar/System/SystemToolbar.d.ts +1 -0
  7. package/dist/esm/components/Toolbar/System/SystemToolbar.js +2 -2
  8. package/dist/esm/components/Toolbar/System/SystemToolbar.js.map +1 -1
  9. package/package.json +11 -11
  10. package/src/components/Toolbar/System/SystemToolbar.stories.tsx +14 -5
  11. package/src/components/Toolbar/System/SystemToolbar.tsx +3 -0
package/README.md CHANGED
@@ -10,7 +10,8 @@
10
10
  [![codeclimate-badge][]][codeclimate-link]
11
11
  [![snyk-badge][]][snyk-link]
12
12
 
13
- > The XYO Foundation provides this source code available in our efforts to advance the understanding of the XYO Procotol and its possible uses.
13
+ > The XYO Foundation provides this source code available in our efforts to
14
+ > advance the understanding of the XYO Procotol and its possible uses.
14
15
 
15
16
  ## Table of Contents
16
17
 
package/dist/cjs/components/Toolbar/System/SystemToolbar.d.ts CHANGED
@@ -10,5 +10,6 @@ export interface SystemToolbarProps extends ToolbarProps {
10
10
  darkModeButton?: boolean;
11
11
  authButton?: boolean;
12
12
  menuItems?: ReactNode;
13
+ precedingChildren?: ReactNode;
13
14
  }
14
15
  export declare const SystemToolbar: React.FC<SystemToolbarProps>;
package/dist/cjs/components/Toolbar/System/SystemToolbar.js CHANGED
@@ -11,8 +11,8 @@ const react_auth_1 = require("@xyo-network/react-auth");
11
11
  const react_network_1 = require("@xyo-network/react-network");
12
12
  const SiteMenu_1 = require("../../SiteMenu");
13
13
  const SystemToolbar = (_a) => {
14
- var { children, networkSelectProps, archiveSelectProps, hideNetworkSelect, hideArchiveSelect, darkModeButton = false, authButton = false, menuItems } = _a, props = tslib_1.__rest(_a, ["children", "networkSelectProps", "archiveSelectProps", "hideNetworkSelect", "hideArchiveSelect", "darkModeButton", "authButton", "menuItems"]);
15
- return ((0, jsx_runtime_1.jsxs)(material_1.Toolbar, Object.assign({}, props, { children: [hideNetworkSelect ? null : ((0, jsx_runtime_1.jsx)(react_flexbox_1.FlexRow, Object.assign({ marginX: 0.5 }, { children: (0, jsx_runtime_1.jsx)(material_1.Paper, Object.assign({ variant: "elevation" }, { children: (0, jsx_runtime_1.jsx)(react_network_1.NetworkSelectEx, Object.assign({ fullWidth: true }, networkSelectProps)) })) }))), hideArchiveSelect ? null : ((0, jsx_runtime_1.jsx)(react_flexbox_1.FlexRow, Object.assign({ marginX: 0.5 }, { children: (0, jsx_runtime_1.jsx)(material_1.Paper, Object.assign({ variant: "elevation" }, { children: (0, jsx_runtime_1.jsx)(react_archive_1.ArchiveSelectEx, Object.assign({ fullWidth: true }, archiveSelectProps)) })) }))), children, authButton ? (0, jsx_runtime_1.jsx)(react_auth_1.AuthStatusIconButton, { color: "inherit" }) : null, darkModeButton ? (0, jsx_runtime_1.jsx)(react_app_settings_1.DarkModeIconButton, { color: "inherit" }) : null, menuItems ? (0, jsx_runtime_1.jsx)(SiteMenu_1.SiteMenu, { children: menuItems }) : null] })));
14
+ var { children, precedingChildren, networkSelectProps, archiveSelectProps, hideNetworkSelect, hideArchiveSelect, darkModeButton = false, authButton = false, menuItems } = _a, props = tslib_1.__rest(_a, ["children", "precedingChildren", "networkSelectProps", "archiveSelectProps", "hideNetworkSelect", "hideArchiveSelect", "darkModeButton", "authButton", "menuItems"]);
15
+ return ((0, jsx_runtime_1.jsxs)(material_1.Toolbar, Object.assign({}, props, { children: [precedingChildren, hideNetworkSelect ? null : ((0, jsx_runtime_1.jsx)(react_flexbox_1.FlexRow, Object.assign({ marginX: 0.5 }, { children: (0, jsx_runtime_1.jsx)(material_1.Paper, Object.assign({ variant: "elevation" }, { children: (0, jsx_runtime_1.jsx)(react_network_1.NetworkSelectEx, Object.assign({ fullWidth: true }, networkSelectProps)) })) }))), hideArchiveSelect ? null : ((0, jsx_runtime_1.jsx)(react_flexbox_1.FlexRow, Object.assign({ marginX: 0.5 }, { children: (0, jsx_runtime_1.jsx)(material_1.Paper, Object.assign({ variant: "elevation" }, { children: (0, jsx_runtime_1.jsx)(react_archive_1.ArchiveSelectEx, Object.assign({ fullWidth: true }, archiveSelectProps)) })) }))), children, authButton ? (0, jsx_runtime_1.jsx)(react_auth_1.AuthStatusIconButton, { color: "inherit" }) : null, darkModeButton ? (0, jsx_runtime_1.jsx)(react_app_settings_1.DarkModeIconButton, { color: "inherit" }) : null, menuItems ? (0, jsx_runtime_1.jsx)(SiteMenu_1.SiteMenu, { children: menuItems }) : null] })));
16
16
  };
17
17
  exports.SystemToolbar = SystemToolbar;
18
18
  //# sourceMappingURL=SystemToolbar.js.map
package/dist/cjs/components/Toolbar/System/SystemToolbar.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SystemToolbar.js","sourceRoot":"","sources":["../../../../../src/components/Toolbar/System/SystemToolbar.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA4D;AAE5D,yDAA+C;AAC/C,wEAAoE;AACpE,8DAA4D;AAC5D,wDAA8D;AAC9D,8DAAkF;AAGlF,6CAAyC;AAYlC,MAAM,aAAa,GAAiC,CAAC,EAU3D,EAAE,EAAE;QAVuD,EAC1D,QAAQ,EACR,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,cAAc,GAAG,KAAK,EACtB,UAAU,GAAG,KAAK,EAClB,SAAS,OAEV,EADI,KAAK,sBATkD,+IAU3D,CADS;IAER,OAAO,CACL,wBAAC,kBAAO,oBAAK,KAAK,eACf,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC1B,uBAAC,uBAAO,kBAAC,OAAO,EAAE,GAAG,gBACnB,uBAAC,gBAAK,kBAAC,OAAO,EAAC,WAAW,gBACxB,uBAAC,+BAAe,kBAAC,SAAS,UAAK,kBAAkB,EAAI,IAC/C,IACA,CACX,EACA,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC1B,uBAAC,uBAAO,kBAAC,OAAO,EAAE,GAAG,gBACnB,uBAAC,gBAAK,kBAAC,OAAO,EAAC,WAAW,gBACxB,uBAAC,+BAAe,kBAAC,SAAS,UAAK,kBAAkB,EAAI,IAC/C,IACA,CACX,EACA,QAAQ,EACR,UAAU,CAAC,CAAC,CAAC,uBAAC,iCAAoB,IAAC,KAAK,EAAC,SAAS,GAAG,CAAC,CAAC,CAAC,IAAI,EAC5D,cAAc,CAAC,CAAC,CAAC,uBAAC,uCAAkB,IAAC,KAAK,EAAC,SAAS,GAAG,CAAC,CAAC,CAAC,IAAI,EAC9D,SAAS,CAAC,CAAC,CAAC,uBAAC,mBAAQ,cAAE,SAAS,GAAY,CAAC,CAAC,CAAC,IAAI,KAC5C,CACX,CAAA;AACH,CAAC,CAAA;AAjCY,QAAA,aAAa,iBAiCzB"}
1
+ {"version":3,"file":"SystemToolbar.js","sourceRoot":"","sources":["../../../../../src/components/Toolbar/System/SystemToolbar.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA4D;AAE5D,yDAA+C;AAC/C,wEAAoE;AACpE,8DAA4D;AAC5D,wDAA8D;AAC9D,8DAAkF;AAGlF,6CAAyC;AAalC,MAAM,aAAa,GAAiC,CAAC,EAW3D,EAAE,EAAE;QAXuD,EAC1D,QAAQ,EACR,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,cAAc,GAAG,KAAK,EACtB,UAAU,GAAG,KAAK,EAClB,SAAS,OAEV,EADI,KAAK,sBAVkD,oKAW3D,CADS;IAER,OAAO,CACL,wBAAC,kBAAO,oBAAK,KAAK,eACf,iBAAiB,EACjB,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC1B,uBAAC,uBAAO,kBAAC,OAAO,EAAE,GAAG,gBACnB,uBAAC,gBAAK,kBAAC,OAAO,EAAC,WAAW,gBACxB,uBAAC,+BAAe,kBAAC,SAAS,UAAK,kBAAkB,EAAI,IAC/C,IACA,CACX,EACA,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC1B,uBAAC,uBAAO,kBAAC,OAAO,EAAE,GAAG,gBACnB,uBAAC,gBAAK,kBAAC,OAAO,EAAC,WAAW,gBACxB,uBAAC,+BAAe,kBAAC,SAAS,UAAK,kBAAkB,EAAI,IAC/C,IACA,CACX,EACA,QAAQ,EACR,UAAU,CAAC,CAAC,CAAC,uBAAC,iCAAoB,IAAC,KAAK,EAAC,SAAS,GAAG,CAAC,CAAC,CAAC,IAAI,EAC5D,cAAc,CAAC,CAAC,CAAC,uBAAC,uCAAkB,IAAC,KAAK,EAAC,SAAS,GAAG,CAAC,CAAC,CAAC,IAAI,EAC9D,SAAS,CAAC,CAAC,CAAC,uBAAC,mBAAQ,cAAE,SAAS,GAAY,CAAC,CAAC,CAAC,IAAI,KAC5C,CACX,CAAA;AACH,CAAC,CAAA;AAnCY,QAAA,aAAa,iBAmCzB"}
package/dist/docs.json CHANGED
@@ -2,6 +2,15 @@
2
2
  "id": 0,
3
3
  "name": "@xyo-network/react-appbar",
4
4
  "kind": 1,
5
+ "kindString": "Project",
5
6
  "flags": {},
6
- "originalName": ""
7
+ "originalName": "",
8
+ "sources": [
9
+ {
10
+ "fileName": "index.ts",
11
+ "line": 1,
12
+ "character": 0,
13
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/77726df/packages/appbar/src/index.ts#L1"
14
+ }
15
+ ]
7
16
  }
package/dist/esm/components/Toolbar/System/SystemToolbar.d.ts CHANGED
@@ -10,5 +10,6 @@ export interface SystemToolbarProps extends ToolbarProps {
10
10
  darkModeButton?: boolean;
11
11
  authButton?: boolean;
12
12
  menuItems?: ReactNode;
13
+ precedingChildren?: ReactNode;
13
14
  }
14
15
  export declare const SystemToolbar: React.FC<SystemToolbarProps>;
package/dist/esm/components/Toolbar/System/SystemToolbar.js CHANGED
@@ -6,7 +6,7 @@ import { ArchiveSelectEx } from '@xyo-network/react-archive';
6
6
  import { AuthStatusIconButton } from '@xyo-network/react-auth';
7
7
  import { NetworkSelectEx } from '@xyo-network/react-network';
8
8
  import { SiteMenu } from '../../SiteMenu';
9
- export const SystemToolbar = ({ children, networkSelectProps, archiveSelectProps, hideNetworkSelect, hideArchiveSelect, darkModeButton = false, authButton = false, menuItems, ...props }) => {
10
- return (_jsxs(Toolbar, { ...props, children: [hideNetworkSelect ? null : (_jsx(FlexRow, { marginX: 0.5, children: _jsx(Paper, { variant: "elevation", children: _jsx(NetworkSelectEx, { fullWidth: true, ...networkSelectProps }) }) })), hideArchiveSelect ? null : (_jsx(FlexRow, { marginX: 0.5, children: _jsx(Paper, { variant: "elevation", children: _jsx(ArchiveSelectEx, { fullWidth: true, ...archiveSelectProps }) }) })), children, authButton ? _jsx(AuthStatusIconButton, { color: "inherit" }) : null, darkModeButton ? _jsx(DarkModeIconButton, { color: "inherit" }) : null, menuItems ? _jsx(SiteMenu, { children: menuItems }) : null] }));
9
+ export const SystemToolbar = ({ children, precedingChildren, networkSelectProps, archiveSelectProps, hideNetworkSelect, hideArchiveSelect, darkModeButton = false, authButton = false, menuItems, ...props }) => {
10
+ return (_jsxs(Toolbar, { ...props, children: [precedingChildren, hideNetworkSelect ? null : (_jsx(FlexRow, { marginX: 0.5, children: _jsx(Paper, { variant: "elevation", children: _jsx(NetworkSelectEx, { fullWidth: true, ...networkSelectProps }) }) })), hideArchiveSelect ? null : (_jsx(FlexRow, { marginX: 0.5, children: _jsx(Paper, { variant: "elevation", children: _jsx(ArchiveSelectEx, { fullWidth: true, ...archiveSelectProps }) }) })), children, authButton ? _jsx(AuthStatusIconButton, { color: "inherit" }) : null, darkModeButton ? _jsx(DarkModeIconButton, { color: "inherit" }) : null, menuItems ? _jsx(SiteMenu, { children: menuItems }) : null] }));
11
11
  };
12
12
  //# sourceMappingURL=SystemToolbar.js.map
package/dist/esm/components/Toolbar/System/SystemToolbar.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SystemToolbar.js","sourceRoot":"","sources":["../../../../../src/components/Toolbar/System/SystemToolbar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,OAAO,EAAgB,MAAM,eAAe,CAAA;AAE5D,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAA;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAA;AAC9D,OAAO,EAAE,eAAe,EAAwB,MAAM,4BAA4B,CAAA;AAGlF,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAYzC,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,EAC1D,QAAQ,EACR,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,cAAc,GAAG,KAAK,EACtB,UAAU,GAAG,KAAK,EAClB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,MAAC,OAAO,OAAK,KAAK,aACf,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC1B,KAAC,OAAO,IAAC,OAAO,EAAE,GAAG,YACnB,KAAC,KAAK,IAAC,OAAO,EAAC,WAAW,YACxB,KAAC,eAAe,IAAC,SAAS,WAAK,kBAAkB,GAAI,GAC/C,GACA,CACX,EACA,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC1B,KAAC,OAAO,IAAC,OAAO,EAAE,GAAG,YACnB,KAAC,KAAK,IAAC,OAAO,EAAC,WAAW,YACxB,KAAC,eAAe,IAAC,SAAS,WAAK,kBAAkB,GAAI,GAC/C,GACA,CACX,EACA,QAAQ,EACR,UAAU,CAAC,CAAC,CAAC,KAAC,oBAAoB,IAAC,KAAK,EAAC,SAAS,GAAG,CAAC,CAAC,CAAC,IAAI,EAC5D,cAAc,CAAC,CAAC,CAAC,KAAC,kBAAkB,IAAC,KAAK,EAAC,SAAS,GAAG,CAAC,CAAC,CAAC,IAAI,EAC9D,SAAS,CAAC,CAAC,CAAC,KAAC,QAAQ,cAAE,SAAS,GAAY,CAAC,CAAC,CAAC,IAAI,IAC5C,CACX,CAAA;AACH,CAAC,CAAA"}
1
+ {"version":3,"file":"SystemToolbar.js","sourceRoot":"","sources":["../../../../../src/components/Toolbar/System/SystemToolbar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,OAAO,EAAgB,MAAM,eAAe,CAAA;AAE5D,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAA;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAA;AAC9D,OAAO,EAAE,eAAe,EAAwB,MAAM,4BAA4B,CAAA;AAGlF,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAazC,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,EAC1D,QAAQ,EACR,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,cAAc,GAAG,KAAK,EACtB,UAAU,GAAG,KAAK,EAClB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,MAAC,OAAO,OAAK,KAAK,aACf,iBAAiB,EACjB,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC1B,KAAC,OAAO,IAAC,OAAO,EAAE,GAAG,YACnB,KAAC,KAAK,IAAC,OAAO,EAAC,WAAW,YACxB,KAAC,eAAe,IAAC,SAAS,WAAK,kBAAkB,GAAI,GAC/C,GACA,CACX,EACA,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC1B,KAAC,OAAO,IAAC,OAAO,EAAE,GAAG,YACnB,KAAC,KAAK,IAAC,OAAO,EAAC,WAAW,YACxB,KAAC,eAAe,IAAC,SAAS,WAAK,kBAAkB,GAAI,GAC/C,GACA,CACX,EACA,QAAQ,EACR,UAAU,CAAC,CAAC,CAAC,KAAC,oBAAoB,IAAC,KAAK,EAAC,SAAS,GAAG,CAAC,CAAC,CAAC,IAAI,EAC5D,cAAc,CAAC,CAAC,CAAC,KAAC,kBAAkB,IAAC,KAAK,EAAC,SAAS,GAAG,CAAC,CAAC,CAAC,IAAI,EAC9D,SAAS,CAAC,CAAC,CAAC,KAAC,QAAQ,cAAE,SAAS,GAAY,CAAC,CAAC,CAAC,IAAI,IAC5C,CACX,CAAA;AACH,CAAC,CAAA"}
package/package.json CHANGED
@@ -13,21 +13,21 @@
13
13
  "@emotion/react": "^11.9.3",
14
14
  "@emotion/styled": "^11.9.3",
15
15
  "@mui/icons-material": "^5.8.4",
16
- "@mui/material": "^5.9.1",
16
+ "@mui/material": "^5.9.2",
17
17
  "@xylabs/react-appbar": "^2.14.10",
18
18
  "@xylabs/react-button": "^2.14.10",
19
19
  "@xylabs/react-common": "^2.14.10",
20
20
  "@xylabs/react-flexbox": "^2.14.10",
21
21
  "@xylabs/react-link": "^2.14.10",
22
22
  "@xylabs/react-shared": "^2.14.10",
23
- "@xyo-network/react-app-settings": "^2.26.31",
24
- "@xyo-network/react-archive": "^2.26.31",
25
- "@xyo-network/react-archivist-api": "^2.26.31",
26
- "@xyo-network/react-auth": "^2.26.31",
27
- "@xyo-network/react-network": "^2.26.31",
28
- "@xyo-network/react-shared": "^2.26.31",
29
- "@xyo-network/react-wallet": "^2.26.31",
30
- "@xyo-network/wallet": "^2.22.11",
23
+ "@xyo-network/react-app-settings": "^2.26.34",
24
+ "@xyo-network/react-archive": "^2.26.34",
25
+ "@xyo-network/react-archivist-api": "^2.26.34",
26
+ "@xyo-network/react-auth": "^2.26.34",
27
+ "@xyo-network/react-network": "^2.26.34",
28
+ "@xyo-network/react-shared": "^2.26.34",
29
+ "@xyo-network/react-wallet": "^2.26.34",
30
+ "@xyo-network/wallet": "^2.22.15",
31
31
  "react": "^18.2.0",
32
32
  "react-dom": "^18.2.0",
33
33
  "react-router-dom": "^6.3.0",
@@ -38,7 +38,7 @@
38
38
  "@babel/core": "^7.18.9",
39
39
  "@babel/preset-env": "^7.18.9",
40
40
  "@storybook/react": "^6.5.9",
41
- "@xylabs/tsconfig": "^1.0.14"
41
+ "@xylabs/tsconfig-dom": "^2.5.2"
42
42
  },
43
43
  "browser": "dist/esm/index.js",
44
44
  "docs": "dist/docs.json",
@@ -89,5 +89,5 @@
89
89
  },
90
90
  "sideEffects": false,
91
91
  "types": "dist/esm/index.d.ts",
92
- "version": "2.26.31"
92
+ "version": "2.26.34"
93
93
  }
package/src/components/Toolbar/System/SystemToolbar.stories.tsx CHANGED
@@ -1,6 +1,6 @@
1
1
  /* eslint-disable import/no-internal-modules */
2
2
  import { List } from '@mui/material'
3
- import { ComponentMeta, ComponentStory } from '@storybook/react'
3
+ import { ComponentStory, Meta } from '@storybook/react'
4
4
  import { BrowserRouter } from 'react-router-dom'
5
5
 
6
6
  import { WrappedAuthComponent } from '../../../../../../.storybook'
@@ -8,11 +8,11 @@ import { ArchiveProvider, ArchivesProvider } from '../../../../../archive/src'
8
8
  import { ArchivistApiProvider } from '../../../../../archivist-api/src'
9
9
  import { AuthProvider, AuthState } from '../../../../../auth/src'
10
10
  import { NetworkMemoryProvider } from '../../../../../network/src'
11
+ import { TypographyEx } from '../../../../../shared/src'
11
12
  import { SiteMenuListItem } from '../../SiteMenu'
12
13
  import { SystemToolbar } from './SystemToolbar'
13
14
 
14
- const StorybookEntry = {
15
- argTypes: {},
15
+ const StorybookEntry: Meta = {
16
16
  component: SystemToolbar,
17
17
  parameters: {
18
18
  docs: {
@@ -20,7 +20,7 @@ const StorybookEntry = {
20
20
  },
21
21
  },
22
22
  title: 'appbar/Toolbar/System',
23
- } as ComponentMeta<typeof SystemToolbar>
23
+ }
24
24
 
25
25
  const Template: ComponentStory<typeof SystemToolbar> = (args) => (
26
26
  <ArchivistApiProvider apiDomain="https://beta.api.archivist.xyo.network">
@@ -75,7 +75,16 @@ NeedsReAuth.args = {
75
75
  },
76
76
  }
77
77
 
78
- export { Default, NeedsReAuth, WithLoggedInAccount }
78
+ const PrecedingChildren = Template.bind({})
79
+ PrecedingChildren.args = {
80
+ precedingChildren: (
81
+ <TypographyEx variant="body1" mx={0.5}>
82
+ Preceding Child Component
83
+ </TypographyEx>
84
+ ),
85
+ }
86
+
87
+ export { Default, NeedsReAuth, PrecedingChildren, WithLoggedInAccount }
79
88
 
80
89
  // eslint-disable-next-line import/no-default-export
81
90
  export default StorybookEntry
package/src/components/Toolbar/System/SystemToolbar.tsx CHANGED
@@ -17,10 +17,12 @@ export interface SystemToolbarProps extends ToolbarProps {
17
17
  darkModeButton?: boolean
18
18
  authButton?: boolean
19
19
  menuItems?: ReactNode
20
+ precedingChildren?: ReactNode
20
21
  }
21
22
 
22
23
  export const SystemToolbar: React.FC<SystemToolbarProps> = ({
23
24
  children,
25
+ precedingChildren,
24
26
  networkSelectProps,
25
27
  archiveSelectProps,
26
28
  hideNetworkSelect,
@@ -32,6 +34,7 @@ export const SystemToolbar: React.FC<SystemToolbarProps> = ({
32
34
  }) => {
33
35
  return (
34
36
  <Toolbar {...props}>
37
+ {precedingChildren}
35
38
  {hideNetworkSelect ? null : (
36
39
  <FlexRow marginX={0.5}>
37
40
  <Paper variant="elevation">