@xyo-network/react-appbar 2.26.6 → 2.26.7
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 +2 -2
- package/dist/cjs/components/AppBar/Application.js.map +1 -1
- package/dist/cjs/components/Toolbar/System/SystemToolbar.d.ts +2 -1
- package/dist/cjs/components/Toolbar/System/SystemToolbar.js +3 -3
- package/dist/cjs/components/Toolbar/System/SystemToolbar.js.map +1 -1
- package/package.json +8 -8
- package/dist/cjs/WebAppNavigationType.d.ts +0 -1
- package/dist/cjs/WebAppNavigationType.js +0 -3
- package/dist/cjs/WebAppNavigationType.js.map +0 -1
- package/dist/cjs/components/DarkModeIconButton.d.ts +0 -3
- package/dist/cjs/components/DarkModeIconButton.js +0 -17
- package/dist/cjs/components/DarkModeIconButton.js.map +0 -1
- package/dist/esm/WebAppNavigationType.d.ts +0 -1
- package/dist/esm/WebAppNavigationType.js +0 -2
- package/dist/esm/WebAppNavigationType.js.map +0 -1
- package/dist/esm/components/DarkModeIconButton.d.ts +0 -3
- package/dist/esm/components/DarkModeIconButton.js +0 -12
- package/dist/esm/components/DarkModeIconButton.js.map +0 -1
|
@@ -6,8 +6,8 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
6
6
|
const react_common_1 = require("@xylabs/react-common");
|
|
7
7
|
const Toolbar_1 = require("../Toolbar");
|
|
8
8
|
const ApplicationAppBar = (_a) => {
|
|
9
|
-
var { systemToolbar, contextToolbar, responsive = true } = _a, props = tslib_1.__rest(_a, ["systemToolbar", "contextToolbar", "responsive"]);
|
|
10
|
-
return (0, jsx_runtime_1.jsx)(react_common_1.AppBarEx, Object.assign({ systemToolbar: systemToolbar
|
|
9
|
+
var { systemToolbar = (0, jsx_runtime_1.jsx)(Toolbar_1.SystemToolbar, {}), contextToolbar = (0, jsx_runtime_1.jsx)(Toolbar_1.ContextToolbar, {}), responsive = true } = _a, props = tslib_1.__rest(_a, ["systemToolbar", "contextToolbar", "responsive"]);
|
|
10
|
+
return (0, jsx_runtime_1.jsx)(react_common_1.AppBarEx, Object.assign({ systemToolbar: systemToolbar, contextToolbar: contextToolbar, position: "sticky", responsive: responsive }, props));
|
|
11
11
|
};
|
|
12
12
|
exports.ApplicationAppBar = ApplicationAppBar;
|
|
13
13
|
//# sourceMappingURL=Application.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Application.js","sourceRoot":"","sources":["../../../../src/components/AppBar/Application.tsx"],"names":[],"mappings":";;;;;AACA,uDAA8D;AAG9D,wCAA0D;AAQnD,MAAM,iBAAiB,GAAqC,CAAC,
|
|
1
|
+
{"version":3,"file":"Application.js","sourceRoot":"","sources":["../../../../src/components/AppBar/Application.tsx"],"names":[],"mappings":";;;;;AACA,uDAA8D;AAG9D,wCAA0D;AAQnD,MAAM,iBAAiB,GAAqC,CAAC,EAAuG,EAAE,EAAE;QAA3G,EAAE,aAAa,GAAG,uBAAC,uBAAa,KAAG,EAAE,cAAc,GAAG,uBAAC,wBAAc,KAAG,EAAE,UAAU,GAAG,IAAI,OAAY,EAAP,KAAK,sBAArG,iDAAuG,CAAF;IACvK,OAAO,uBAAC,uBAAQ,kBAAC,aAAa,EAAE,aAAa,EAAE,cAAc,EAAE,cAAc,EAAE,QAAQ,EAAC,QAAQ,EAAC,UAAU,EAAE,UAAU,IAAM,KAAK,EAAI,CAAA;AACxI,CAAC,CAAA;AAFY,QAAA,iBAAiB,qBAE7B"}
|
|
@@ -7,8 +7,9 @@ export interface SystemToolbarProps extends ToolbarProps {
|
|
|
7
7
|
archiveSelectProps?: SelectExProps<string>;
|
|
8
8
|
hideNetworkSelect?: boolean;
|
|
9
9
|
hideArchiveSelect?: boolean;
|
|
10
|
+
menu?: ReactNode;
|
|
10
11
|
darkModeButton?: boolean;
|
|
11
12
|
authButton?: boolean;
|
|
12
|
-
|
|
13
|
+
noMenu?: boolean;
|
|
13
14
|
}
|
|
14
15
|
export declare const SystemToolbar: React.FC<SystemToolbarProps>;
|
|
@@ -5,14 +5,14 @@ const tslib_1 = require("tslib");
|
|
|
5
5
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
6
|
const material_1 = require("@mui/material");
|
|
7
7
|
const react_flexbox_1 = require("@xylabs/react-flexbox");
|
|
8
|
-
const react_app_settings_1 = require("@xyo-network/react-app-settings");
|
|
9
8
|
const react_archive_1 = require("@xyo-network/react-archive");
|
|
10
9
|
const react_auth_1 = require("@xyo-network/react-auth");
|
|
11
10
|
const react_network_1 = require("@xyo-network/react-network");
|
|
11
|
+
const react_shared_1 = require("@xyo-network/react-shared");
|
|
12
12
|
const SiteMenu_1 = require("../../SiteMenu");
|
|
13
13
|
const SystemToolbar = (_a) => {
|
|
14
|
-
var { children, networkSelectProps, archiveSelectProps, hideNetworkSelect, hideArchiveSelect, darkModeButton = false, authButton = false,
|
|
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, maxWidth: 120 }, { 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, maxWidth: 120 }, { 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)(
|
|
14
|
+
var { children, networkSelectProps, archiveSelectProps, hideNetworkSelect, hideArchiveSelect, menu, darkModeButton = false, authButton = false, noMenu = false } = _a, props = tslib_1.__rest(_a, ["children", "networkSelectProps", "archiveSelectProps", "hideNetworkSelect", "hideArchiveSelect", "menu", "darkModeButton", "authButton", "noMenu"]);
|
|
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, maxWidth: 120 }, { 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, maxWidth: 120 }, { 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_shared_1.DarkModeIconButton, { color: "inherit" }) : null, noMenu ? null : (0, jsx_runtime_1.jsx)(SiteMenu_1.SiteMenu, { children: menu })] })));
|
|
16
16
|
};
|
|
17
17
|
exports.SystemToolbar = SystemToolbar;
|
|
18
18
|
//# sourceMappingURL=SystemToolbar.js.map
|
|
@@ -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,
|
|
1
|
+
{"version":3,"file":"SystemToolbar.js","sourceRoot":"","sources":["../../../../../src/components/Toolbar/System/SystemToolbar.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA4D;AAE5D,yDAA+C;AAC/C,8DAA4D;AAC5D,wDAA8D;AAC9D,8DAAkF;AAClF,4DAA8D;AAG9D,6CAAyC;AAalC,MAAM,aAAa,GAAiC,CAAC,EAW3D,EAAE,EAAE;QAXuD,EAC1D,QAAQ,EACR,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,IAAI,EACJ,cAAc,GAAG,KAAK,EACtB,UAAU,GAAG,KAAK,EAClB,MAAM,GAAG,KAAK,OAEf,EADI,KAAK,sBAVkD,oJAW3D,CADS;IAER,OAAO,CACL,wBAAC,kBAAO,oBAAK,KAAK,eACf,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC1B,uBAAC,uBAAO,kBAAC,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,gBAClC,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,EAAE,QAAQ,EAAE,GAAG,gBAClC,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,iCAAkB,IAAC,KAAK,EAAC,SAAS,GAAG,CAAC,CAAC,CAAC,IAAI,EAC9D,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,uBAAC,mBAAQ,cAAE,IAAI,GAAY,KACpC,CACX,CAAA;AACH,CAAC,CAAA;AAlCY,QAAA,aAAa,iBAkCzB"}
|
package/package.json
CHANGED
|
@@ -19,13 +19,13 @@
|
|
|
19
19
|
"@xylabs/react-flexbox": "^2.14.4",
|
|
20
20
|
"@xylabs/react-shared": "^2.14.4",
|
|
21
21
|
"@xyo-network/core": "^2.21.13",
|
|
22
|
-
"@xyo-network/react-app-settings": "^2.26.
|
|
23
|
-
"@xyo-network/react-archive": "^2.26.
|
|
24
|
-
"@xyo-network/react-archivist-api": "^2.26.
|
|
25
|
-
"@xyo-network/react-auth": "^2.26.
|
|
26
|
-
"@xyo-network/react-network": "^2.26.
|
|
27
|
-
"@xyo-network/react-shared": "^2.26.
|
|
28
|
-
"@xyo-network/react-wallet": "^2.26.
|
|
22
|
+
"@xyo-network/react-app-settings": "^2.26.7",
|
|
23
|
+
"@xyo-network/react-archive": "^2.26.7",
|
|
24
|
+
"@xyo-network/react-archivist-api": "^2.26.7",
|
|
25
|
+
"@xyo-network/react-auth": "^2.26.7",
|
|
26
|
+
"@xyo-network/react-network": "^2.26.7",
|
|
27
|
+
"@xyo-network/react-shared": "^2.26.7",
|
|
28
|
+
"@xyo-network/react-wallet": "^2.26.7",
|
|
29
29
|
"react": "^18.2.0",
|
|
30
30
|
"react-dom": "^18.2.0",
|
|
31
31
|
"react-router-dom": "^6.3.0",
|
|
@@ -87,6 +87,6 @@
|
|
|
87
87
|
},
|
|
88
88
|
"sideEffects": false,
|
|
89
89
|
"types": "dist/esm/index.d.ts",
|
|
90
|
-
"version": "2.26.
|
|
90
|
+
"version": "2.26.7",
|
|
91
91
|
"packageManager": "yarn@3.1.1"
|
|
92
92
|
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare type WebAppNavigationType = 'menu' | 'sidebar';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"WebAppNavigationType.js","sourceRoot":"","sources":["../../src/WebAppNavigationType.ts"],"names":[],"mappings":""}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.DarkModeIconButton = void 0;
|
|
4
|
-
const tslib_1 = require("tslib");
|
|
5
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
-
const DarkModeRounded_1 = tslib_1.__importDefault(require("@mui/icons-material/DarkModeRounded"));
|
|
7
|
-
const LightModeRounded_1 = tslib_1.__importDefault(require("@mui/icons-material/LightModeRounded"));
|
|
8
|
-
const material_1 = require("@mui/material");
|
|
9
|
-
const DarkModeIconButton = (props) => {
|
|
10
|
-
const { darkMode, enableDarkMode } = useAppSettings();
|
|
11
|
-
const handleDarkModeChange = () => {
|
|
12
|
-
enableDarkMode === null || enableDarkMode === void 0 ? void 0 : enableDarkMode(!darkMode);
|
|
13
|
-
};
|
|
14
|
-
return ((0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ onClick: handleDarkModeChange }, props, { children: darkMode ? (0, jsx_runtime_1.jsx)(DarkModeRounded_1.default, {}) : (0, jsx_runtime_1.jsx)(LightModeRounded_1.default, {}) })));
|
|
15
|
-
};
|
|
16
|
-
exports.DarkModeIconButton = DarkModeIconButton;
|
|
17
|
-
//# sourceMappingURL=DarkModeIconButton.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DarkModeIconButton.js","sourceRoot":"","sources":["../../../src/components/DarkModeIconButton.tsx"],"names":[],"mappings":";;;;;AAAA,kGAAqE;AACrE,oGAAuE;AACvE,4CAA2D;AAEpD,MAAM,kBAAkB,GAA8B,CAAC,KAAK,EAAE,EAAE;IACrE,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,cAAc,EAAE,CAAA;IAErD,MAAM,oBAAoB,GAAG,GAAG,EAAE;QAChC,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAG,CAAC,QAAQ,CAAC,CAAA;IAC7B,CAAC,CAAA;IAED,OAAO,CACL,uBAAC,qBAAU,kBAAC,OAAO,EAAE,oBAAoB,IAAM,KAAK,cACjD,QAAQ,CAAC,CAAC,CAAC,uBAAC,yBAAmB,KAAG,CAAC,CAAC,CAAC,uBAAC,0BAAoB,KAAG,IACnD,CACd,CAAA;AACH,CAAC,CAAA;AAZY,QAAA,kBAAkB,sBAY9B"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare type WebAppNavigationType = 'menu' | 'sidebar';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"WebAppNavigationType.js","sourceRoot":"","sources":["../../src/WebAppNavigationType.ts"],"names":[],"mappings":""}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import DarkModeRoundedIcon from '@mui/icons-material/DarkModeRounded';
|
|
3
|
-
import LightModeRoundedIcon from '@mui/icons-material/LightModeRounded';
|
|
4
|
-
import { IconButton } from '@mui/material';
|
|
5
|
-
export const DarkModeIconButton = (props) => {
|
|
6
|
-
const { darkMode, enableDarkMode } = useAppSettings();
|
|
7
|
-
const handleDarkModeChange = () => {
|
|
8
|
-
enableDarkMode?.(!darkMode);
|
|
9
|
-
};
|
|
10
|
-
return (_jsx(IconButton, { onClick: handleDarkModeChange, ...props, children: darkMode ? _jsx(DarkModeRoundedIcon, {}) : _jsx(LightModeRoundedIcon, {}) }));
|
|
11
|
-
};
|
|
12
|
-
//# sourceMappingURL=DarkModeIconButton.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DarkModeIconButton.js","sourceRoot":"","sources":["../../../src/components/DarkModeIconButton.tsx"],"names":[],"mappings":";AAAA,OAAO,mBAAmB,MAAM,qCAAqC,CAAA;AACrE,OAAO,oBAAoB,MAAM,sCAAsC,CAAA;AACvE,OAAO,EAAE,UAAU,EAAmB,MAAM,eAAe,CAAA;AAE3D,MAAM,CAAC,MAAM,kBAAkB,GAA8B,CAAC,KAAK,EAAE,EAAE;IACrE,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,cAAc,EAAE,CAAA;IAErD,MAAM,oBAAoB,GAAG,GAAG,EAAE;QAChC,cAAc,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAA;IAC7B,CAAC,CAAA;IAED,OAAO,CACL,KAAC,UAAU,IAAC,OAAO,EAAE,oBAAoB,KAAM,KAAK,YACjD,QAAQ,CAAC,CAAC,CAAC,KAAC,mBAAmB,KAAG,CAAC,CAAC,CAAC,KAAC,oBAAoB,KAAG,GACnD,CACd,CAAA;AACH,CAAC,CAAA"}
|