@xyo-network/react-appbar 2.25.46 → 2.25.49
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.d.ts +4 -3
- package/dist/cjs/components/AppBar/Application.js +3 -2
- package/dist/cjs/components/AppBar/Application.js.map +1 -1
- package/dist/cjs/components/MobileSystemControls/SystemControls.js +2 -2
- package/dist/cjs/components/MobileSystemControls/SystemControls.js.map +1 -1
- package/dist/cjs/components/MobileSystemControls/SystemControlsUnstyled.d.ts +1 -1
- package/dist/cjs/components/MobileSystemControls/SystemControlsUnstyled.js +3 -3
- package/dist/cjs/components/MobileSystemControls/SystemControlsUnstyled.js.map +1 -1
- package/dist/cjs/components/MobileSystemControls/controls/SystemControl.d.ts +2 -1
- package/dist/cjs/components/MobileSystemControls/controls/SystemControl.js +2 -2
- package/dist/cjs/components/MobileSystemControls/controls/SystemControl.js.map +1 -1
- package/dist/cjs/components/MobileSystemControls/controls/SystemControlText.d.ts +1 -1
- package/dist/cjs/components/MobileSystemControls/controls/SystemControlText.js +2 -2
- package/dist/cjs/components/MobileSystemControls/controls/SystemControlText.js.map +1 -1
- package/dist/cjs/components/SearchBar/SearchBar.d.ts +1 -1
- package/dist/cjs/components/SearchBar/SearchBar.js +4 -3
- package/dist/cjs/components/SearchBar/SearchBar.js.map +1 -1
- package/dist/cjs/components/SiteMenu/Menu.d.ts +1 -1
- package/dist/cjs/components/SiteMenu/Menu.js +2 -2
- package/dist/cjs/components/SiteMenu/Menu.js.map +1 -1
- package/dist/cjs/components/Toolbar/Context/XyoLogoLinkEx.d.ts +1 -1
- package/dist/cjs/components/Toolbar/Context/XyoLogoLinkEx.js +3 -2
- package/dist/cjs/components/Toolbar/Context/XyoLogoLinkEx.js.map +1 -1
- package/dist/cjs/components/Toolbar/System/SystemToolbar.d.ts +1 -1
- package/dist/cjs/components/Toolbar/System/SystemToolbar.js +2 -2
- package/dist/cjs/components/Toolbar/System/SystemToolbar.js.map +1 -1
- package/dist/docs.json +6058 -6003
- package/dist/esm/components/AppBar/Application.d.ts +4 -3
- package/dist/esm/components/AppBar/Application.js +4 -3
- package/dist/esm/components/AppBar/Application.js.map +1 -1
- package/dist/esm/components/MobileSystemControls/SystemControls.js +1 -1
- package/dist/esm/components/MobileSystemControls/SystemControls.js.map +1 -1
- package/dist/esm/components/MobileSystemControls/SystemControlsUnstyled.d.ts +1 -1
- package/dist/esm/components/MobileSystemControls/SystemControlsUnstyled.js +1 -1
- package/dist/esm/components/MobileSystemControls/SystemControlsUnstyled.js.map +1 -1
- package/dist/esm/components/MobileSystemControls/controls/SystemControl.d.ts +2 -1
- package/dist/esm/components/MobileSystemControls/controls/SystemControl.js +1 -1
- package/dist/esm/components/MobileSystemControls/controls/SystemControl.js.map +1 -1
- package/dist/esm/components/MobileSystemControls/controls/SystemControlText.d.ts +1 -1
- package/dist/esm/components/MobileSystemControls/controls/SystemControlText.js +1 -1
- package/dist/esm/components/MobileSystemControls/controls/SystemControlText.js.map +1 -1
- package/dist/esm/components/SearchBar/SearchBar.d.ts +1 -1
- package/dist/esm/components/SearchBar/SearchBar.js +2 -1
- package/dist/esm/components/SearchBar/SearchBar.js.map +1 -1
- package/dist/esm/components/SiteMenu/Menu.d.ts +1 -1
- package/dist/esm/components/SiteMenu/Menu.js +1 -1
- package/dist/esm/components/SiteMenu/Menu.js.map +1 -1
- package/dist/esm/components/Toolbar/Context/XyoLogoLinkEx.d.ts +1 -1
- package/dist/esm/components/Toolbar/Context/XyoLogoLinkEx.js +2 -1
- package/dist/esm/components/Toolbar/Context/XyoLogoLinkEx.js.map +1 -1
- package/dist/esm/components/Toolbar/System/SystemToolbar.d.ts +1 -1
- package/dist/esm/components/Toolbar/System/SystemToolbar.js +1 -1
- package/dist/esm/components/Toolbar/System/SystemToolbar.js.map +1 -1
- package/package.json +11 -9
- package/src/components/AppBar/Application.stories.tsx +1 -1
- package/src/components/AppBar/Application.tsx +13 -14
- package/src/components/MobileSystemControls/SystemControls.tsx +1 -1
- package/src/components/MobileSystemControls/SystemControlsUnstyled.tsx +1 -1
- package/src/components/MobileSystemControls/controls/SystemControl.tsx +2 -1
- package/src/components/MobileSystemControls/controls/SystemControlText.tsx +1 -1
- package/src/components/SearchBar/SearchBar.tsx +2 -1
- package/src/components/SiteMenu/Menu.tsx +2 -2
- package/src/components/Toolbar/Context/XyoLogoLinkEx.tsx +2 -1
- package/src/components/Toolbar/System/SystemToolbar.tsx +2 -1
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import
|
|
3
|
-
|
|
1
|
+
import { ToolbarProps } from '@mui/material';
|
|
2
|
+
import { AppBarExProps } from '@xylabs/react-common';
|
|
3
|
+
import { ReactElement } from 'react';
|
|
4
|
+
export interface ApplicationAppBarProps extends AppBarExProps {
|
|
4
5
|
contextToolbar?: ReactElement<ToolbarProps>;
|
|
5
6
|
systemToolbar?: ReactElement<ToolbarProps>;
|
|
6
7
|
responsive?: boolean;
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
2
|
+
import { Toolbar, useMediaQuery, useTheme } from '@mui/material';
|
|
3
|
+
import { AppBarEx } from '@xylabs/react-common';
|
|
4
|
+
import { FlexGrowRow, FlexRow } from '@xylabs/react-flexbox';
|
|
4
5
|
import { ContextToolbar, SystemToolbar } from '../Toolbar';
|
|
5
6
|
export const ApplicationAppBar = ({ systemToolbar, contextToolbar, children, responsive = true, ...props }) => {
|
|
6
7
|
const { breakpoints } = useTheme();
|
|
7
8
|
const belowSm = useMediaQuery(breakpoints.down('sm'));
|
|
8
|
-
return (
|
|
9
|
+
return (_jsxs(AppBarEx, { position: "sticky", ...props, children: [_jsxs(FlexRow, { flexWrap: "nowrap", justifyContent: "flex-start", children: [contextToolbar ?? _jsx(ContextToolbar, { version: true }), _jsx(FlexGrowRow, { children: belowSm && responsive ? null : children }), systemToolbar ?? _jsx(SystemToolbar, {})] }), belowSm && children && responsive ? _jsx(Toolbar, { children: children }) : null] }));
|
|
9
10
|
};
|
|
10
11
|
//# sourceMappingURL=Application.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Application.js","sourceRoot":"","sources":["../../../../src/components/AppBar/Application.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Application.js","sourceRoot":"","sources":["../../../../src/components/AppBar/Application.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAgB,aAAa,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAC9E,OAAO,EAAE,QAAQ,EAAiB,MAAM,sBAAsB,CAAA;AAC9D,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAG5D,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAQ1D,MAAM,CAAC,MAAM,iBAAiB,GAAqC,CAAC,EAAE,aAAa,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,GAAG,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC9I,MAAM,EAAE,WAAW,EAAE,GAAG,QAAQ,EAAE,CAAA;IAClC,MAAM,OAAO,GAAG,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;IACrD,OAAO,CACL,MAAC,QAAQ,IAAC,QAAQ,EAAC,QAAQ,KAAK,KAAK,aACnC,MAAC,OAAO,IAAC,QAAQ,EAAC,QAAQ,EAAC,cAAc,EAAC,YAAY,aACnD,cAAc,IAAI,KAAC,cAAc,IAAC,OAAO,SAAG,EAC7C,KAAC,WAAW,cAAE,OAAO,IAAI,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,GAAe,EACnE,aAAa,IAAI,KAAC,aAAa,KAAG,IAC3B,EACT,OAAO,IAAI,QAAQ,IAAI,UAAU,CAAC,CAAC,CAAC,KAAC,OAAO,cAAE,QAAQ,GAAW,CAAC,CAAC,CAAC,IAAI,IAChE,CACZ,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { FlexCol } from '@xylabs/
|
|
2
|
+
import { FlexCol } from '@xylabs/react-flexbox';
|
|
3
3
|
import { SystemControlsRoot } from './SystemControlsRoot';
|
|
4
4
|
const SystemControls = (props) => {
|
|
5
5
|
return (_jsx(FlexCol, { children: _jsx(SystemControlsRoot, { ...props }) }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SystemControls.js","sourceRoot":"","sources":["../../../../src/components/MobileSystemControls/SystemControls.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"SystemControls.js","sourceRoot":"","sources":["../../../../src/components/MobileSystemControls/SystemControls.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAE/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAGzD,MAAM,cAAc,GAA0C,CAAC,KAAK,EAAE,EAAE;IACtE,OAAO,CACL,KAAC,OAAO,cACN,KAAC,kBAAkB,OAAK,KAAK,GAAI,GACzB,CACX,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,cAAc,EAAE,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { FlexBoxProps } from '@xylabs/
|
|
2
|
+
import { FlexBoxProps } from '@xylabs/react-flexbox';
|
|
3
3
|
import { SystemControlsType } from './SystemControlsType';
|
|
4
4
|
interface SystemControlsUnstyledProps extends FlexBoxProps {
|
|
5
5
|
visible?: boolean;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Paper, useMediaQuery } from '@mui/material';
|
|
3
|
-
import { FlexCol, FlexRow } from '@xylabs/
|
|
3
|
+
import { FlexCol, FlexRow } from '@xylabs/react-flexbox';
|
|
4
4
|
import { ArchiveSelectEx, useArchive } from '@xyo-network/react-archive';
|
|
5
5
|
import { NetworkSelectEx, useNetwork } from '@xyo-network/react-network';
|
|
6
6
|
import { ControlText, SystemControl } from './controls';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SystemControlsUnstyled.js","sourceRoot":"","sources":["../../../../src/components/MobileSystemControls/SystemControlsUnstyled.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAS,aAAa,EAAE,MAAM,eAAe,CAAA;AAC3D,OAAO,EAAgB,OAAO,EAAE,OAAO,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"SystemControlsUnstyled.js","sourceRoot":"","sources":["../../../../src/components/MobileSystemControls/SystemControlsUnstyled.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAS,aAAa,EAAE,MAAM,eAAe,CAAA;AAC3D,OAAO,EAAgB,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AACtE,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AACxE,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AAExE,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAOzD,MAAM,sBAAsB,GAA0C,CAAC,EAAE,kBAAkB,GAAG,kBAAkB,CAAC,WAAW,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACnJ,MAAM,EAAE,OAAO,EAAE,GAAG,UAAU,EAAE,CAAA;IAChC,MAAM,EAAE,OAAO,EAAE,GAAG,UAAU,EAAE,CAAA;IAChC,MAAM,OAAO,GAAG,aAAa,CAAQ,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;IAE7E,IAAI,OAAO,IAAI,OAAO,EAAE;QACtB,OAAO,CACL,KAAC,OAAO,OAAK,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC,SAAS,yBAAyB,kBAAkB,EAAE,YAC5F,KAAC,aAAa,IACZ,kBAAkB,EAAE,kBAAkB,EACtC,cAAc,EACZ,8BACE,KAAC,OAAO,IAAC,SAAS,EAAE,cAAc,YAChC,KAAC,KAAK,IAAC,OAAO,EAAC,WAAW,EAAC,SAAS,EAAE,CAAC,YACrC,KAAC,eAAe,IAAC,UAAU,EAAE,KAAK,EAAE,SAAS,EAAC,YAAY,GAAG,GACvD,GACA,EACV,KAAC,OAAO,cACN,KAAC,KAAK,IAAC,OAAO,EAAC,WAAW,EAAC,SAAS,EAAE,CAAC,YACrC,KAAC,eAAe,KAAG,GACb,GACA,IACT,YAGL,KAAC,WAAW,IAAC,KAAK,EAAE,GAAG,OAAO,EAAE,IAAI,MAAM,OAAO,IAAI,MAAM,GAAG,GAAI,GACpD,GACR,CACX,CAAA;KACF;SAAM;QACL,OAAO,KAAC,OAAO,KAAG,CAAA;KACnB;AACH,CAAC,CAAA;AAGD,OAAO,EAAE,sBAAsB,EAAE,CAAA"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { FlexBoxProps
|
|
2
|
+
import { FlexBoxProps } from '@xylabs/react-flexbox';
|
|
3
|
+
import { WithChildren } from '@xylabs/react-shared';
|
|
3
4
|
import { SystemControlsType } from '../SystemControlsType';
|
|
4
5
|
interface SystemControlProps extends FlexBoxProps {
|
|
5
6
|
controlElement: React.ReactNode;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Collapse } from '@mui/material';
|
|
3
|
-
import { FlexCol, FlexRow } from '@xylabs/
|
|
3
|
+
import { FlexCol, FlexRow } from '@xylabs/react-flexbox';
|
|
4
4
|
import { useState } from 'react';
|
|
5
5
|
import { SystemControlsType } from '../SystemControlsType';
|
|
6
6
|
const SystemControl = ({ children, controlElement, systemControlsType = SystemControlsType.WindowShade, ...props }) => {
|
|
@@ -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,
|
|
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,EAAE,QAAQ,EAAE,cAAc,EAAE,kBAAkB,GAAG,kBAAkB,CAAC,WAAW,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAChK,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,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { Typography } from '@mui/material';
|
|
3
|
-
import { FlexCol } from '@xylabs/
|
|
3
|
+
import { FlexCol } from '@xylabs/react-flexbox';
|
|
4
4
|
const ControlText = ({ value, ...props }) => {
|
|
5
5
|
return (_jsx(FlexCol, { className: `${props.className} toggle`, ...props, children: _jsx(Typography, { variant: "caption", color: "white", fontWeight: "bold", children: value }) }));
|
|
6
6
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SystemControlText.js","sourceRoot":"","sources":["../../../../../src/components/MobileSystemControls/controls/SystemControlText.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAgB,OAAO,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"SystemControlText.js","sourceRoot":"","sources":["../../../../../src/components/MobileSystemControls/controls/SystemControlText.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAgB,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAM7D,MAAM,WAAW,GAAqC,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC5E,OAAO,CACL,KAAC,OAAO,IAAC,SAAS,EAAE,GAAG,KAAK,CAAC,SAAS,SAAS,KAAM,KAAK,YACxD,KAAC,UAAU,IAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAC,OAAO,EAAC,UAAU,EAAC,MAAM,YAC1D,KAAK,GACK,GACL,CACX,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,WAAW,EAAE,CAAA"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import SearchIcon from '@mui/icons-material/Search';
|
|
3
3
|
import { Paper, TextField } from '@mui/material';
|
|
4
|
-
import { ButtonEx
|
|
4
|
+
import { ButtonEx } from '@xylabs/react-button';
|
|
5
|
+
import { FlexRow } from '@xylabs/react-flexbox';
|
|
5
6
|
import { useState } from 'react';
|
|
6
7
|
export const SearchBar = ({ defaultValue, onSearch, ...props }) => {
|
|
7
8
|
const [term, setTerm] = useState();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchBar.js","sourceRoot":"","sources":["../../../../src/components/SearchBar/SearchBar.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,4BAA4B,CAAA;AACnD,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAChD,OAAO,EAAE,QAAQ,EAAgB,OAAO,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"SearchBar.js","sourceRoot":"","sources":["../../../../src/components/SearchBar/SearchBar.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,4BAA4B,CAAA;AACnD,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EAAgB,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAMhC,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC1F,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,EAAU,CAAA;IAE1C,OAAO,CACL,KAAC,OAAO,IAAC,UAAU,EAAC,SAAS,KAAK,KAAK,YACrC,MAAC,KAAK,IAAC,OAAO,EAAC,WAAW,EAAC,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,aACpG,KAAC,SAAS,IACR,UAAU,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,EAAE,uBAAuB,EAAE,CAAC,EAAE,oBAAoB,EAAE,CAAC,EAAE,WAAW,EAAE,CAAC,EAAE,EAAE,EAClH,OAAO,EAAC,UAAU,EAClB,IAAI,EAAC,OAAO,EACZ,YAAY,EAAE,YAAY,EAC1B,SAAS,QACT,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAChD,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;wBACnB,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO;4BAAE,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAA;oBAC7C,CAAC,GACD,EACF,KAAC,QAAQ,IAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,mBAAmB,EAAE,CAAC,EAAE,EAAE,KAAK,EAAC,WAAW,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,YACjI,KAAC,UAAU,KAAG,GACL,IACL,GACA,CACX,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { FlexBoxProps } from '@xylabs/
|
|
2
|
+
import { FlexBoxProps } from '@xylabs/react-flexbox';
|
|
3
3
|
export interface SiteMenuProps extends FlexBoxProps {
|
|
4
4
|
hideSettingsMenuItem?: boolean;
|
|
5
5
|
side?: 'left' | 'right' | 'top' | 'bottom';
|
|
@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import MenuIcon from '@mui/icons-material/Menu';
|
|
3
3
|
import SettingsIcon from '@mui/icons-material/Settings';
|
|
4
4
|
import { IconButton, List, SwipeableDrawer } from '@mui/material';
|
|
5
|
-
import { FlexRow } from '@xylabs/
|
|
5
|
+
import { FlexRow } from '@xylabs/react-flexbox';
|
|
6
6
|
import { useState } from 'react';
|
|
7
7
|
import { SiteMenuListItem } from './MenuItems';
|
|
8
8
|
export const SiteMenu = ({ side = 'right', children, ...props }) => {
|
|
@@ -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,
|
|
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,IAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,YAClK,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,6 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Typography, useTheme } from '@mui/material';
|
|
3
|
-
import {
|
|
3
|
+
import { LinkEx } from '@xylabs/react-common';
|
|
4
|
+
import { FlexRow } from '@xylabs/react-flexbox';
|
|
4
5
|
import { XyoLogo } from './XyoLogo';
|
|
5
6
|
export const XyoLogoLinkEx = ({ to = '/', version = false, ...props }) => {
|
|
6
7
|
const theme = useTheme();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"XyoLogoLinkEx.js","sourceRoot":"","sources":["../../../../../src/components/Toolbar/Context/XyoLogoLinkEx.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACpD,OAAO,EAAE,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"XyoLogoLinkEx.js","sourceRoot":"","sources":["../../../../../src/components/Toolbar/Context/XyoLogoLinkEx.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACpD,OAAO,EAAE,MAAM,EAAe,MAAM,sBAAsB,CAAA;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAE/C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAMnC,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,EAAE,EAAE,GAAG,GAAG,EAAE,OAAO,GAAG,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACrG,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,OAAO,CACL,KAAC,MAAM,IAAC,EAAE,EAAE,EAAE,KAAM,KAAK,YACvB,MAAC,OAAO,IAAC,QAAQ,EAAC,KAAK,aACrB,KAAC,OAAO,IAAC,MAAM,EAAC,IAAI,EAAC,KAAK,EAAC,IAAI,GAAG,EACjC,OAAO,CAAC,CAAC,CAAC,CACT,KAAC,UAAU,IACT,QAAQ,EAAC,UAAU,EACnB,YAAY,EAAE,CAAC,EACf,KAAK,EAAE,CAAC,EACR,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,EAChE,MAAM,EAAE,CAAC,EACT,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,EACnC,QAAQ,EAAC,KAAK,EACd,UAAU,EAAE,CAAC,EACb,OAAO,EAAC,SAAS,EACjB,MAAM,EAAE,OAAO,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,YAE/E,OAAO,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,GACnC,CACd,CAAC,CAAC,CAAC,IAAI,IACA,GACH,CACV,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ToolbarProps } from '@mui/material';
|
|
2
|
-
import { SelectExProps } from '@xylabs/
|
|
2
|
+
import { SelectExProps } from '@xylabs/react-common';
|
|
3
3
|
import { NetworkSelectExProps } from '@xyo-network/react-network';
|
|
4
4
|
import { ReactNode } from 'react';
|
|
5
5
|
export interface SystemToolbarProps extends ToolbarProps {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Paper, Toolbar } from '@mui/material';
|
|
3
|
-
import { FlexRow } from '@xylabs/
|
|
3
|
+
import { FlexRow } from '@xylabs/react-flexbox';
|
|
4
4
|
import { ArchiveSelectEx } from '@xyo-network/react-archive';
|
|
5
5
|
import { AuthStatusIconButton } from '@xyo-network/react-auth';
|
|
6
6
|
import { NetworkSelectEx } from '@xyo-network/react-network';
|
|
@@ -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;
|
|
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,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAA;AAC9D,OAAO,EAAE,eAAe,EAAwB,MAAM,4BAA4B,CAAA;AAClF,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAG9D,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAazC,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,EAC1D,QAAQ,EACR,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,IAAI,EACJ,cAAc,GAAG,KAAK,EACtB,UAAU,GAAG,KAAK,EAClB,MAAM,GAAG,KAAK,EACd,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,EAAE,QAAQ,EAAE,GAAG,YAClC,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,EAAE,QAAQ,EAAE,GAAG,YAClC,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,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAC,QAAQ,cAAE,IAAI,GAAY,IACpC,CACX,CAAA;AACH,CAAC,CAAA"}
|
package/package.json
CHANGED
|
@@ -14,14 +14,17 @@
|
|
|
14
14
|
"@emotion/styled": "^11.8.1",
|
|
15
15
|
"@mui/icons-material": "^5.8.3",
|
|
16
16
|
"@mui/material": "^5.8.3",
|
|
17
|
-
"@xylabs/
|
|
17
|
+
"@xylabs/react-button": "^2.12.20",
|
|
18
|
+
"@xylabs/react-common": "^2.12.20",
|
|
19
|
+
"@xylabs/react-flexbox": "^2.12.20",
|
|
20
|
+
"@xylabs/react-shared": "^2.12.20",
|
|
18
21
|
"@xyo-network/core": "^2.20.44",
|
|
19
|
-
"@xyo-network/react-archive": "^2.25.
|
|
20
|
-
"@xyo-network/react-archivist-api": "^2.25.
|
|
21
|
-
"@xyo-network/react-auth": "^2.25.
|
|
22
|
-
"@xyo-network/react-network": "^2.25.
|
|
23
|
-
"@xyo-network/react-shared": "^2.25.
|
|
24
|
-
"@xyo-network/react-theme": "^2.25.
|
|
22
|
+
"@xyo-network/react-archive": "^2.25.49",
|
|
23
|
+
"@xyo-network/react-archivist-api": "^2.25.49",
|
|
24
|
+
"@xyo-network/react-auth": "^2.25.49",
|
|
25
|
+
"@xyo-network/react-network": "^2.25.49",
|
|
26
|
+
"@xyo-network/react-shared": "^2.25.49",
|
|
27
|
+
"@xyo-network/react-theme": "^2.25.49",
|
|
25
28
|
"lodash": "^4.17.21",
|
|
26
29
|
"react": "^18.1.0",
|
|
27
30
|
"react-dom": "^18.1.0",
|
|
@@ -40,7 +43,6 @@
|
|
|
40
43
|
"@storybook/react": "^6.5.8",
|
|
41
44
|
"@storybook/theming": "^6.5.8",
|
|
42
45
|
"@types/lodash": "^4.14.182",
|
|
43
|
-
"@xylabs/sdk-react": "^2.13.7",
|
|
44
46
|
"@xylabs/ts-scripts": "^1.0.66",
|
|
45
47
|
"@xylabs/tsconfig": "^1.0.13",
|
|
46
48
|
"axios": "^0.27.2",
|
|
@@ -105,6 +107,6 @@
|
|
|
105
107
|
},
|
|
106
108
|
"sideEffects": false,
|
|
107
109
|
"types": "dist/esm/index.d.ts",
|
|
108
|
-
"version": "2.25.
|
|
110
|
+
"version": "2.25.49",
|
|
109
111
|
"packageManager": "yarn@3.1.1"
|
|
110
112
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/* eslint-disable import/no-internal-modules */
|
|
2
2
|
import { Paper } from '@mui/material'
|
|
3
3
|
import { ComponentMeta, ComponentStory } from '@storybook/react'
|
|
4
|
-
import { FlexGrowCol } from '@xylabs/
|
|
4
|
+
import { FlexGrowCol } from '@xylabs/react-flexbox'
|
|
5
5
|
import { XyoWalletBase } from '@xyo-network/core'
|
|
6
6
|
import { ArchiveProvider, ArchivesProvider } from '@xyo-network/react-archive'
|
|
7
7
|
import { ArchivistApiProvider } from '@xyo-network/react-archivist-api'
|
|
@@ -1,10 +1,11 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import
|
|
1
|
+
import { Toolbar, ToolbarProps, useMediaQuery, useTheme } from '@mui/material'
|
|
2
|
+
import { AppBarEx, AppBarExProps } from '@xylabs/react-common'
|
|
3
|
+
import { FlexGrowRow, FlexRow } from '@xylabs/react-flexbox'
|
|
4
|
+
import { ReactElement } from 'react'
|
|
4
5
|
|
|
5
6
|
import { ContextToolbar, SystemToolbar } from '../Toolbar'
|
|
6
7
|
|
|
7
|
-
export interface ApplicationAppBarProps extends
|
|
8
|
+
export interface ApplicationAppBarProps extends AppBarExProps {
|
|
8
9
|
contextToolbar?: ReactElement<ToolbarProps>
|
|
9
10
|
systemToolbar?: ReactElement<ToolbarProps>
|
|
10
11
|
responsive?: boolean
|
|
@@ -14,15 +15,13 @@ export const ApplicationAppBar: React.FC<ApplicationAppBarProps> = ({ systemTool
|
|
|
14
15
|
const { breakpoints } = useTheme()
|
|
15
16
|
const belowSm = useMediaQuery(breakpoints.down('sm'))
|
|
16
17
|
return (
|
|
17
|
-
<
|
|
18
|
-
<
|
|
19
|
-
<
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
</Container>
|
|
26
|
-
</AppBar>
|
|
18
|
+
<AppBarEx position="sticky" {...props}>
|
|
19
|
+
<FlexRow flexWrap="nowrap" justifyContent="flex-start">
|
|
20
|
+
{contextToolbar ?? <ContextToolbar version />}
|
|
21
|
+
<FlexGrowRow>{belowSm && responsive ? null : children}</FlexGrowRow>
|
|
22
|
+
{systemToolbar ?? <SystemToolbar />}
|
|
23
|
+
</FlexRow>
|
|
24
|
+
{belowSm && children && responsive ? <Toolbar>{children}</Toolbar> : null}
|
|
25
|
+
</AppBarEx>
|
|
27
26
|
)
|
|
28
27
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Paper, Theme, useMediaQuery } from '@mui/material'
|
|
2
|
-
import { FlexBoxProps, FlexCol, FlexRow } from '@xylabs/
|
|
2
|
+
import { FlexBoxProps, FlexCol, FlexRow } from '@xylabs/react-flexbox'
|
|
3
3
|
import { ArchiveSelectEx, useArchive } from '@xyo-network/react-archive'
|
|
4
4
|
import { NetworkSelectEx, useNetwork } from '@xyo-network/react-network'
|
|
5
5
|
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { Collapse, CollapseProps } from '@mui/material'
|
|
2
|
-
import { FlexBoxProps, FlexCol, FlexRow
|
|
2
|
+
import { FlexBoxProps, FlexCol, FlexRow } from '@xylabs/react-flexbox'
|
|
3
|
+
import { WithChildren } from '@xylabs/react-shared'
|
|
3
4
|
import { useState } from 'react'
|
|
4
5
|
|
|
5
6
|
import { SystemControlsType } from '../SystemControlsType'
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import SearchIcon from '@mui/icons-material/Search'
|
|
2
2
|
import { Paper, TextField } from '@mui/material'
|
|
3
|
-
import { ButtonEx
|
|
3
|
+
import { ButtonEx } from '@xylabs/react-button'
|
|
4
|
+
import { FlexBoxProps, FlexRow } from '@xylabs/react-flexbox'
|
|
4
5
|
import { useState } from 'react'
|
|
5
6
|
|
|
6
7
|
export interface SearchBarProps extends FlexBoxProps {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import MenuIcon from '@mui/icons-material/Menu'
|
|
2
2
|
import SettingsIcon from '@mui/icons-material/Settings'
|
|
3
|
-
import {
|
|
4
|
-
import { FlexBoxProps, FlexRow } from '@xylabs/
|
|
3
|
+
import { IconButton, List, SwipeableDrawer } from '@mui/material'
|
|
4
|
+
import { FlexBoxProps, FlexRow } from '@xylabs/react-flexbox'
|
|
5
5
|
import { useState } from 'react'
|
|
6
6
|
|
|
7
7
|
import { SiteMenuListItem } from './MenuItems'
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { Typography, useTheme } from '@mui/material'
|
|
2
|
-
import {
|
|
2
|
+
import { LinkEx, LinkExProps } from '@xylabs/react-common'
|
|
3
|
+
import { FlexRow } from '@xylabs/react-flexbox'
|
|
3
4
|
|
|
4
5
|
import { XyoLogo } from './XyoLogo'
|
|
5
6
|
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { Paper, Toolbar, ToolbarProps } from '@mui/material'
|
|
2
|
-
import {
|
|
2
|
+
import { SelectExProps } from '@xylabs/react-common'
|
|
3
|
+
import { FlexRow } from '@xylabs/react-flexbox'
|
|
3
4
|
import { ArchiveSelectEx } from '@xyo-network/react-archive'
|
|
4
5
|
import { AuthStatusIconButton } from '@xyo-network/react-auth'
|
|
5
6
|
import { NetworkSelectEx, NetworkSelectExProps } from '@xyo-network/react-network'
|