@xyo-network/react-appbar 2.26.45 → 2.26.46
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.
- package/dist/cjs/components/AppBar/Application.js +1 -1
- package/dist/cjs/components/AppBar/Application.js.map +1 -1
- package/dist/cjs/components/MobileSystemControls/controls/SystemControl.js.map +1 -1
- package/dist/cjs/components/SiteMenu/Menu.js.map +1 -1
- package/dist/cjs/components/Toolbar/Context/XyoLogo.js.map +1 -1
- package/dist/docs.json +49841 -2
- package/dist/esm/components/AppBar/Application.js +1 -1
- package/dist/esm/components/AppBar/Application.js.map +1 -1
- package/dist/esm/components/MobileSystemControls/controls/SystemControl.js.map +1 -1
- package/dist/esm/components/SiteMenu/Menu.js.map +1 -1
- package/dist/esm/components/Toolbar/Context/XyoLogo.js.map +1 -1
- package/package.json +11 -11
- package/src/components/AppBar/Application.tsx +9 -1
- package/src/components/MobileSystemControls/controls/SystemControl.tsx +6 -1
- package/src/components/SiteMenu/Menu.tsx +8 -1
- package/src/components/Toolbar/Context/XyoLogo.tsx +2 -1
|
@@ -2,6 +2,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { AppBarEx } from '@xylabs/react-appbar';
|
|
3
3
|
import { ContextToolbar, SystemToolbar } from '../Toolbar';
|
|
4
4
|
export const ApplicationAppBar = ({ systemToolbar, contextToolbar, responsive = true, ...props }) => {
|
|
5
|
-
return _jsx(AppBarEx, { systemToolbar: systemToolbar ?? _jsx(SystemToolbar, {}), contextToolbar: contextToolbar ?? _jsx(ContextToolbar, {}), position: "sticky", responsive: responsive, ...props });
|
|
5
|
+
return (_jsx(AppBarEx, { systemToolbar: systemToolbar ?? _jsx(SystemToolbar, {}), contextToolbar: contextToolbar ?? _jsx(ContextToolbar, {}), position: "sticky", responsive: responsive, ...props }));
|
|
6
6
|
};
|
|
7
7
|
//# sourceMappingURL=Application.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Application.js","sourceRoot":"","sources":["../../../../src/components/AppBar/Application.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAiB,MAAM,sBAAsB,CAAA;AAG9D,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAQ1D,MAAM,CAAC,MAAM,iBAAiB,GAAqC,CAAC,EAAE,aAAa,EAAE,cAAc,EAAE,UAAU,GAAG,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACpI,OAAO,KAAC,QAAQ,
|
|
1
|
+
{"version":3,"file":"Application.js","sourceRoot":"","sources":["../../../../src/components/AppBar/Application.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAiB,MAAM,sBAAsB,CAAA;AAG9D,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAQ1D,MAAM,CAAC,MAAM,iBAAiB,GAAqC,CAAC,EAAE,aAAa,EAAE,cAAc,EAAE,UAAU,GAAG,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACpI,OAAO,CACL,KAAC,QAAQ,IACP,aAAa,EAAE,aAAa,IAAI,KAAC,aAAa,KAAG,EACjD,cAAc,EAAE,cAAc,IAAI,KAAC,cAAc,KAAG,EACpD,QAAQ,EAAC,QAAQ,EACjB,UAAU,EAAE,UAAU,KAClB,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SystemControl.js","sourceRoot":"","sources":["../../../../../src/components/MobileSystemControls/controls/SystemControl.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAiB,MAAM,eAAe,CAAA;AACvD,OAAO,EAAgB,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAEtE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAO1D,MAAM,aAAa,GAA+C,CAAC,
|
|
1
|
+
{"version":3,"file":"SystemControl.js","sourceRoot":"","sources":["../../../../../src/components/MobileSystemControls/controls/SystemControl.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAiB,MAAM,eAAe,CAAA;AACvD,OAAO,EAAgB,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAEtE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAO1D,MAAM,aAAa,GAA+C,CAAC,EACjE,QAAQ,EACR,cAAc,EACd,kBAAkB,GAAG,kBAAkB,CAAC,WAAW,EACnD,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE3D,IAAI,WAAW,GAAiC,UAAU,CAAA;IAE1D,QAAQ,kBAAkB,EAAE;QAC1B,KAAK,kBAAkB,CAAC,IAAI,CAAC,CAAC;YAC5B,WAAW,GAAG,YAAY,CAAA;YAC1B,MAAK;SACN;KACF;IAED,OAAO,CACL,MAAC,OAAO,IAAC,SAAS,EAAC,UAAU,KAAK,KAAK,aACrC,KAAC,QAAQ,IAAC,EAAE,EAAE,cAAc,EAAE,WAAW,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,YAClE,KAAC,OAAO,IAAC,OAAO,EAAC,cAAc,EAAC,SAAS,EAAC,SAAS,YAChD,cAAc,GACP,GACD,EACX,KAAC,OAAO,IAAC,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,CAAC,cAAc,CAAC,YACrF,QAAQ,GACD,IACF,CACX,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,aAAa,EAAE,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../../../src/components/SiteMenu/Menu.tsx"],"names":[],"mappings":";AAAA,OAAO,QAAQ,MAAM,0BAA0B,CAAA;AAC/C,OAAO,YAAY,MAAM,8BAA8B,CAAA;AACvD,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AACjE,OAAO,EAAgB,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAO9C,MAAM,CAAC,MAAM,QAAQ,GAA4B,CAAC,EAAE,IAAI,GAAG,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC1F,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEvC,OAAO,CACL,MAAC,OAAO,IAAC,UAAU,EAAC,SAAS,KAAK,KAAK,aACrC,KAAC,UAAU,IACT,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,GAAG,EAAE;oBACZ,OAAO,CAAC,CAAC,IAAI,CAAC,CAAA;gBAChB,CAAC,YAED,KAAC,QAAQ,IAAC,QAAQ,EAAC,OAAO,GAAG,GAClB,EACb,KAAC,eAAe,
|
|
1
|
+
{"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../../../src/components/SiteMenu/Menu.tsx"],"names":[],"mappings":";AAAA,OAAO,QAAQ,MAAM,0BAA0B,CAAA;AAC/C,OAAO,YAAY,MAAM,8BAA8B,CAAA;AACvD,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AACjE,OAAO,EAAgB,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAO9C,MAAM,CAAC,MAAM,QAAQ,GAA4B,CAAC,EAAE,IAAI,GAAG,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC1F,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEvC,OAAO,CACL,MAAC,OAAO,IAAC,UAAU,EAAC,SAAS,KAAK,KAAK,aACrC,KAAC,UAAU,IACT,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,GAAG,EAAE;oBACZ,OAAO,CAAC,CAAC,IAAI,CAAC,CAAA;gBAChB,CAAC,YAED,KAAC,QAAQ,IAAC,QAAQ,EAAC,OAAO,GAAG,GAClB,EACb,KAAC,eAAe,IACd,MAAM,EAAE,IAAI,EACZ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC7B,SAAS,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC/B,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC7B,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,YAE1B,QAAQ,IAAI,CACX,KAAC,IAAI,cACH,KAAC,gBAAgB,IAAC,OAAO,EAAC,UAAU,EAAC,IAAI,EAAE,KAAC,YAAY,KAAG,EAAE,EAAE,EAAC,WAAW,GAAG,GACzE,CACR,GACe,IACV,CACX,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"XyoLogo.js","sourceRoot":"","sources":["../../../../../src/components/Toolbar/Context/XyoLogo.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAExC,MAAM,CAAC,MAAM,OAAO,GAAmG,CAAC,KAAK,EAAE,EAAE;IAC/H,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"XyoLogo.js","sourceRoot":"","sources":["../../../../../src/components/Toolbar/Context/XyoLogo.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAExC,MAAM,CAAC,MAAM,OAAO,GAAmG,CAAC,KAAK,EAAE,EAAE;IAC/H,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,OAAO,GACX,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,yDAAyD,CAAC,CAAC,CAAC,yDAAyD,CAAA;IACvJ,OAAO,cAAK,GAAG,EAAE,OAAO,KAAM,KAAK,GAAI,CAAA;AACzC,CAAC,CAAA"}
|
package/package.json
CHANGED
|
@@ -20,14 +20,14 @@
|
|
|
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.
|
|
24
|
-
"@xyo-network/react-archive": "^2.26.
|
|
25
|
-
"@xyo-network/react-archivist-api": "^2.26.
|
|
26
|
-
"@xyo-network/react-auth": "^2.26.
|
|
27
|
-
"@xyo-network/react-network": "^2.26.
|
|
28
|
-
"@xyo-network/react-shared": "^2.26.
|
|
29
|
-
"@xyo-network/react-wallet": "^2.26.
|
|
30
|
-
"@xyo-network/wallet": "^2.22.
|
|
23
|
+
"@xyo-network/react-app-settings": "^2.26.46",
|
|
24
|
+
"@xyo-network/react-archive": "^2.26.46",
|
|
25
|
+
"@xyo-network/react-archivist-api": "^2.26.46",
|
|
26
|
+
"@xyo-network/react-auth": "^2.26.46",
|
|
27
|
+
"@xyo-network/react-network": "^2.26.46",
|
|
28
|
+
"@xyo-network/react-shared": "^2.26.46",
|
|
29
|
+
"@xyo-network/react-wallet": "^2.26.46",
|
|
30
|
+
"@xyo-network/wallet": "^2.22.20",
|
|
31
31
|
"react": "^18.2.0",
|
|
32
32
|
"react-dom": "^18.2.0",
|
|
33
33
|
"react-router-dom": "^6.3.0"
|
|
@@ -35,8 +35,8 @@
|
|
|
35
35
|
"description": "Common React library for all XYO projects that use React",
|
|
36
36
|
"devDependencies": {
|
|
37
37
|
"@storybook/react": "^6.5.9",
|
|
38
|
-
"@xylabs/tsconfig-dom": "^2.5.
|
|
39
|
-
"@xyo-network/react-storybook": "^2.26.
|
|
38
|
+
"@xylabs/tsconfig-dom": "^2.5.6",
|
|
39
|
+
"@xyo-network/react-storybook": "^2.26.46"
|
|
40
40
|
},
|
|
41
41
|
"browser": "dist/esm/index.js",
|
|
42
42
|
"docs": "dist/docs.json",
|
|
@@ -87,5 +87,5 @@
|
|
|
87
87
|
},
|
|
88
88
|
"sideEffects": false,
|
|
89
89
|
"types": "dist/esm/index.d.ts",
|
|
90
|
-
"version": "2.26.
|
|
90
|
+
"version": "2.26.46"
|
|
91
91
|
}
|
|
@@ -11,5 +11,13 @@ export interface ApplicationAppBarProps extends AppBarExProps {
|
|
|
11
11
|
}
|
|
12
12
|
|
|
13
13
|
export const ApplicationAppBar: React.FC<ApplicationAppBarProps> = ({ systemToolbar, contextToolbar, responsive = true, ...props }) => {
|
|
14
|
-
return
|
|
14
|
+
return (
|
|
15
|
+
<AppBarEx
|
|
16
|
+
systemToolbar={systemToolbar ?? <SystemToolbar />}
|
|
17
|
+
contextToolbar={contextToolbar ?? <ContextToolbar />}
|
|
18
|
+
position="sticky"
|
|
19
|
+
responsive={responsive}
|
|
20
|
+
{...props}
|
|
21
|
+
/>
|
|
22
|
+
)
|
|
15
23
|
}
|
|
@@ -10,7 +10,12 @@ interface SystemControlProps extends FlexBoxProps {
|
|
|
10
10
|
systemControlsType?: SystemControlsType
|
|
11
11
|
}
|
|
12
12
|
|
|
13
|
-
const SystemControl: React.FC<WithChildren<SystemControlProps>> = ({
|
|
13
|
+
const SystemControl: React.FC<WithChildren<SystemControlProps>> = ({
|
|
14
|
+
children,
|
|
15
|
+
controlElement,
|
|
16
|
+
systemControlsType = SystemControlsType.WindowShade,
|
|
17
|
+
...props
|
|
18
|
+
}) => {
|
|
14
19
|
const [toggleControls, setToggleControls] = useState(false)
|
|
15
20
|
|
|
16
21
|
let orientation: CollapseProps['orientation'] = 'vertical'
|
|
@@ -25,7 +25,14 @@ export const SiteMenu: React.FC<SiteMenuProps> = ({ side = 'right', children, ..
|
|
|
25
25
|
>
|
|
26
26
|
<MenuIcon fontSize="large" />
|
|
27
27
|
</IconButton>
|
|
28
|
-
<SwipeableDrawer
|
|
28
|
+
<SwipeableDrawer
|
|
29
|
+
anchor={side}
|
|
30
|
+
open={open}
|
|
31
|
+
onClick={() => setOpen(false)}
|
|
32
|
+
onKeyDown={() => setOpen(false)}
|
|
33
|
+
onClose={() => setOpen(false)}
|
|
34
|
+
onOpen={() => setOpen(true)}
|
|
35
|
+
>
|
|
29
36
|
{children ?? (
|
|
30
37
|
<List>
|
|
31
38
|
<SiteMenuListItem primary="Settings" icon={<SettingsIcon />} to="/settings" />
|
|
@@ -2,6 +2,7 @@ import { useTheme } from '@mui/material'
|
|
|
2
2
|
|
|
3
3
|
export const XyoLogo: React.FC<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>> = (props) => {
|
|
4
4
|
const theme = useTheme()
|
|
5
|
-
const logoUrl =
|
|
5
|
+
const logoUrl =
|
|
6
|
+
theme.palette.mode === 'dark' ? 'https://cdn.xy.company/img/brand/XYO/XYO_icon_white.svg' : 'https://cdn.xy.company/img/brand/XYO/XYO_icon_white.svg'
|
|
6
7
|
return <img src={logoUrl} {...props} />
|
|
7
8
|
}
|