@xyo-network/react-appbar 2.26.16 → 2.26.17
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/package.json +10 -11
- package/dist/cjs/components/AppBar/Application.d.ts +0 -9
- package/dist/cjs/components/AppBar/Application.js +0 -13
- package/dist/cjs/components/AppBar/Application.js.map +0 -1
- package/dist/cjs/components/AppBar/index.d.ts +0 -1
- package/dist/cjs/components/AppBar/index.js +0 -5
- package/dist/cjs/components/AppBar/index.js.map +0 -1
- package/dist/cjs/components/MobileSystemControls/SystemControls.d.ts +0 -4
- package/dist/cjs/components/MobileSystemControls/SystemControls.js +0 -11
- package/dist/cjs/components/MobileSystemControls/SystemControls.js.map +0 -1
- package/dist/cjs/components/MobileSystemControls/SystemControlsRoot.d.ts +0 -3
- package/dist/cjs/components/MobileSystemControls/SystemControlsRoot.js +0 -62
- package/dist/cjs/components/MobileSystemControls/SystemControlsRoot.js.map +0 -1
- package/dist/cjs/components/MobileSystemControls/SystemControlsType.d.ts +0 -5
- package/dist/cjs/components/MobileSystemControls/SystemControlsType.js +0 -10
- package/dist/cjs/components/MobileSystemControls/SystemControlsType.js.map +0 -1
- package/dist/cjs/components/MobileSystemControls/SystemControlsUnstyled.d.ts +0 -10
- package/dist/cjs/components/MobileSystemControls/SystemControlsUnstyled.js +0 -25
- package/dist/cjs/components/MobileSystemControls/SystemControlsUnstyled.js.map +0 -1
- package/dist/cjs/components/MobileSystemControls/controls/SystemControl.d.ts +0 -10
- package/dist/cjs/components/MobileSystemControls/controls/SystemControl.js +0 -23
- package/dist/cjs/components/MobileSystemControls/controls/SystemControl.js.map +0 -1
- package/dist/cjs/components/MobileSystemControls/controls/SystemControlText.d.ts +0 -7
- package/dist/cjs/components/MobileSystemControls/controls/SystemControlText.js +0 -13
- package/dist/cjs/components/MobileSystemControls/controls/SystemControlText.js.map +0 -1
- package/dist/cjs/components/MobileSystemControls/controls/index.d.ts +0 -2
- package/dist/cjs/components/MobileSystemControls/controls/index.js +0 -6
- package/dist/cjs/components/MobileSystemControls/controls/index.js.map +0 -1
- package/dist/cjs/components/MobileSystemControls/index.d.ts +0 -3
- package/dist/cjs/components/MobileSystemControls/index.js +0 -7
- package/dist/cjs/components/MobileSystemControls/index.js.map +0 -1
- package/dist/cjs/components/SearchBar/SearchBar.d.ts +0 -6
- package/dist/cjs/components/SearchBar/SearchBar.js +0 -20
- package/dist/cjs/components/SearchBar/SearchBar.js.map +0 -1
- package/dist/cjs/components/SearchBar/index.d.ts +0 -1
- package/dist/cjs/components/SearchBar/index.js +0 -5
- package/dist/cjs/components/SearchBar/index.js.map +0 -1
- package/dist/cjs/components/SiteMenu/Menu.d.ts +0 -7
- package/dist/cjs/components/SiteMenu/Menu.js +0 -20
- package/dist/cjs/components/SiteMenu/Menu.js.map +0 -1
- package/dist/cjs/components/SiteMenu/MenuItems.d.ts +0 -11
- package/dist/cjs/components/SiteMenu/MenuItems.js +0 -13
- package/dist/cjs/components/SiteMenu/MenuItems.js.map +0 -1
- package/dist/cjs/components/SiteMenu/index.d.ts +0 -2
- package/dist/cjs/components/SiteMenu/index.js +0 -6
- package/dist/cjs/components/SiteMenu/index.js.map +0 -1
- package/dist/cjs/components/Toolbar/Context/ContextToolbar.d.ts +0 -8
- package/dist/cjs/components/Toolbar/Context/ContextToolbar.js +0 -13
- package/dist/cjs/components/Toolbar/Context/ContextToolbar.js.map +0 -1
- package/dist/cjs/components/Toolbar/Context/XyoLogo.d.ts +0 -2
- package/dist/cjs/components/Toolbar/Context/XyoLogo.js +0 -12
- package/dist/cjs/components/Toolbar/Context/XyoLogo.js.map +0 -1
- package/dist/cjs/components/Toolbar/Context/XyoLogoLinkEx.d.ts +0 -6
- package/dist/cjs/components/Toolbar/Context/XyoLogoLinkEx.js +0 -16
- package/dist/cjs/components/Toolbar/Context/XyoLogoLinkEx.js.map +0 -1
- package/dist/cjs/components/Toolbar/Context/index.d.ts +0 -1
- package/dist/cjs/components/Toolbar/Context/index.js +0 -5
- package/dist/cjs/components/Toolbar/Context/index.js.map +0 -1
- package/dist/cjs/components/Toolbar/System/SystemToolbar.d.ts +0 -15
- package/dist/cjs/components/Toolbar/System/SystemToolbar.js +0 -18
- package/dist/cjs/components/Toolbar/System/SystemToolbar.js.map +0 -1
- package/dist/cjs/components/Toolbar/System/index.d.ts +0 -1
- package/dist/cjs/components/Toolbar/System/index.js +0 -5
- package/dist/cjs/components/Toolbar/System/index.js.map +0 -1
- package/dist/cjs/components/Toolbar/index.d.ts +0 -2
- package/dist/cjs/components/Toolbar/index.js +0 -6
- package/dist/cjs/components/Toolbar/index.js.map +0 -1
- package/dist/cjs/components/index.d.ts +0 -5
- package/dist/cjs/components/index.js +0 -9
- package/dist/cjs/components/index.js.map +0 -1
- package/dist/cjs/index.d.ts +0 -1
- package/dist/cjs/index.js +0 -5
- package/dist/cjs/index.js.map +0 -1
package/package.json
CHANGED
|
@@ -20,18 +20,17 @@
|
|
|
20
20
|
"@xylabs/react-flexbox": "^2.14.6",
|
|
21
21
|
"@xylabs/react-link": "^2.14.6",
|
|
22
22
|
"@xylabs/react-shared": "^2.14.6",
|
|
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.21.
|
|
23
|
+
"@xyo-network/react-app-settings": "^2.26.17",
|
|
24
|
+
"@xyo-network/react-archive": "^2.26.17",
|
|
25
|
+
"@xyo-network/react-archivist-api": "^2.26.17",
|
|
26
|
+
"@xyo-network/react-auth": "^2.26.17",
|
|
27
|
+
"@xyo-network/react-network": "^2.26.17",
|
|
28
|
+
"@xyo-network/react-shared": "^2.26.17",
|
|
29
|
+
"@xyo-network/react-wallet": "^2.26.17",
|
|
30
|
+
"@xyo-network/wallet": "^2.21.18",
|
|
31
31
|
"react": "^18.2.0",
|
|
32
32
|
"react-dom": "^18.2.0",
|
|
33
|
-
"react-router-dom": "^6.3.0"
|
|
34
|
-
"tslib": "^2.4.0"
|
|
33
|
+
"react-router-dom": "^6.3.0"
|
|
35
34
|
},
|
|
36
35
|
"description": "Common React library for all XYO projects that use React",
|
|
37
36
|
"devDependencies": {
|
|
@@ -89,6 +88,6 @@
|
|
|
89
88
|
},
|
|
90
89
|
"sideEffects": false,
|
|
91
90
|
"types": "dist/esm/index.d.ts",
|
|
92
|
-
"version": "2.26.
|
|
91
|
+
"version": "2.26.17",
|
|
93
92
|
"packageManager": "yarn@3.1.1"
|
|
94
93
|
}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { ToolbarProps } from '@mui/material';
|
|
2
|
-
import { AppBarExProps } from '@xylabs/react-common';
|
|
3
|
-
import { ReactElement } from 'react';
|
|
4
|
-
export interface ApplicationAppBarProps extends AppBarExProps {
|
|
5
|
-
contextToolbar?: ReactElement<ToolbarProps>;
|
|
6
|
-
systemToolbar?: ReactElement<ToolbarProps>;
|
|
7
|
-
responsive?: boolean;
|
|
8
|
-
}
|
|
9
|
-
export declare const ApplicationAppBar: React.FC<ApplicationAppBarProps>;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.ApplicationAppBar = void 0;
|
|
4
|
-
const tslib_1 = require("tslib");
|
|
5
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
-
const react_common_1 = require("@xylabs/react-common");
|
|
7
|
-
const Toolbar_1 = require("../Toolbar");
|
|
8
|
-
const ApplicationAppBar = (_a) => {
|
|
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
|
-
};
|
|
12
|
-
exports.ApplicationAppBar = ApplicationAppBar;
|
|
13
|
-
//# sourceMappingURL=Application.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './Application';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/AppBar/index.ts"],"names":[],"mappings":";;;AAAA,wDAA6B"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.SystemControls = void 0;
|
|
4
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
const react_flexbox_1 = require("@xylabs/react-flexbox");
|
|
6
|
-
const SystemControlsRoot_1 = require("./SystemControlsRoot");
|
|
7
|
-
const SystemControls = (props) => {
|
|
8
|
-
return ((0, jsx_runtime_1.jsx)(react_flexbox_1.FlexCol, { children: (0, jsx_runtime_1.jsx)(SystemControlsRoot_1.SystemControlsRoot, Object.assign({}, props)) }));
|
|
9
|
-
};
|
|
10
|
-
exports.SystemControls = SystemControls;
|
|
11
|
-
//# sourceMappingURL=SystemControls.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SystemControls.js","sourceRoot":"","sources":["../../../../src/components/MobileSystemControls/SystemControls.tsx"],"names":[],"mappings":";;;;AAAA,yDAA+C;AAE/C,6DAAyD;AAGzD,MAAM,cAAc,GAA0C,CAAC,KAAK,EAAE,EAAE;IACtE,OAAO,CACL,uBAAC,uBAAO,cACN,uBAAC,uCAAkB,oBAAK,KAAK,EAAI,GACzB,CACX,CAAA;AACH,CAAC,CAAA;AAEQ,wCAAc"}
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import { SystemControlsUnstyledProps } from './SystemControlsUnstyled';
|
|
2
|
-
declare const SystemControlsRoot: import("@emotion/styled").StyledComponent<Pick<SystemControlsUnstyledProps, keyof SystemControlsUnstyledProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & SystemControlsUnstyledProps, {}, {}>;
|
|
3
|
-
export { SystemControlsRoot };
|
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.SystemControlsRoot = void 0;
|
|
4
|
-
const material_1 = require("@mui/material");
|
|
5
|
-
const SystemControlsType_1 = require("./SystemControlsType");
|
|
6
|
-
const SystemControlsUnstyled_1 = require("./SystemControlsUnstyled");
|
|
7
|
-
const SystemControlsRoot = (0, material_1.styled)(SystemControlsUnstyled_1.SystemControlsUnstyled, { name: 'SystemControls', slot: 'Root' })(({ theme }) => ({
|
|
8
|
-
// shared defaults
|
|
9
|
-
['&']: {
|
|
10
|
-
'.toggle': {
|
|
11
|
-
backgroundColor: theme.palette.primary.main,
|
|
12
|
-
},
|
|
13
|
-
alignItems: 'start',
|
|
14
|
-
zIndex: 1,
|
|
15
|
-
},
|
|
16
|
-
// WindowShade System Controls styles
|
|
17
|
-
[`&.system-controls-type-${SystemControlsType_1.SystemControlsType.WindowShade}`]: {
|
|
18
|
-
'.control': {
|
|
19
|
-
borderRadius: '0 0 5px 5px',
|
|
20
|
-
flexDirection: 'row',
|
|
21
|
-
flexGrow: 1,
|
|
22
|
-
justifyContent: 'space-around',
|
|
23
|
-
padding: `${theme.spacing(2)} ${theme.spacing(2.5)}`,
|
|
24
|
-
},
|
|
25
|
-
'.controls': {
|
|
26
|
-
alignItems: 'stretch',
|
|
27
|
-
flexDirection: 'column',
|
|
28
|
-
flexGrow: 1,
|
|
29
|
-
},
|
|
30
|
-
'.toggle': {
|
|
31
|
-
borderRadius: '0 0 5px 5px',
|
|
32
|
-
padding: `${theme.spacing(0.5)} ${theme.spacing(1)}`,
|
|
33
|
-
},
|
|
34
|
-
flexDirection: 'row',
|
|
35
|
-
position: 'absolute',
|
|
36
|
-
top: 0,
|
|
37
|
-
width: '100%',
|
|
38
|
-
},
|
|
39
|
-
// Left System Control styles
|
|
40
|
-
[`&.system-controls-type-${SystemControlsType_1.SystemControlsType.Left}`]: {
|
|
41
|
-
'.control': {
|
|
42
|
-
alignItems: 'start',
|
|
43
|
-
flexDirection: 'column',
|
|
44
|
-
padding: `${theme.spacing(2)} ${theme.spacing(2.5)}`,
|
|
45
|
-
},
|
|
46
|
-
'.control-wrap': {
|
|
47
|
-
marginBottom: `${theme.spacing(2)}`,
|
|
48
|
-
},
|
|
49
|
-
'.toggle': {
|
|
50
|
-
borderRadius: '0 5px 5px 0',
|
|
51
|
-
padding: `${theme.spacing(1)} ${theme.spacing(0.5)}`,
|
|
52
|
-
writingMode: 'vertical-rl',
|
|
53
|
-
},
|
|
54
|
-
flexDirection: 'column',
|
|
55
|
-
left: 0,
|
|
56
|
-
position: 'fixed',
|
|
57
|
-
top: '30vh',
|
|
58
|
-
width: 'auto',
|
|
59
|
-
},
|
|
60
|
-
}));
|
|
61
|
-
exports.SystemControlsRoot = SystemControlsRoot;
|
|
62
|
-
//# sourceMappingURL=SystemControlsRoot.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SystemControlsRoot.js","sourceRoot":"","sources":["../../../../src/components/MobileSystemControls/SystemControlsRoot.tsx"],"names":[],"mappings":";;;AAAA,4CAAsC;AAEtC,6DAAyD;AACzD,qEAA8F;AAE9F,MAAM,kBAAkB,GAAG,IAAA,iBAAM,EAAC,+CAAsB,EAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAA8B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC/I,kBAAkB;IAClB,CAAC,GAAG,CAAC,EAAE;QACL,SAAS,EAAE;YACT,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;SAC5C;QACD,UAAU,EAAE,OAAO;QACnB,MAAM,EAAE,CAAC;KACV;IACD,qCAAqC;IACrC,CAAC,0BAA0B,uCAAkB,CAAC,WAAW,EAAE,CAAC,EAAE;QAC5D,UAAU,EAAE;YACV,YAAY,EAAE,aAAa;YAC3B,aAAa,EAAE,KAAK;YACpB,QAAQ,EAAE,CAAC;YACX,cAAc,EAAE,cAAc;YAC9B,OAAO,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;SACrD;QACD,WAAW,EAAE;YACX,UAAU,EAAE,SAAS;YACrB,aAAa,EAAE,QAAQ;YACvB,QAAQ,EAAE,CAAC;SACZ;QACD,SAAS,EAAE;YACT,YAAY,EAAE,aAAa;YAC3B,OAAO,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;SACrD;QACD,aAAa,EAAE,KAAK;QACpB,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,CAAC;QACN,KAAK,EAAE,MAAM;KACd;IACD,6BAA6B;IAC7B,CAAC,0BAA0B,uCAAkB,CAAC,IAAI,EAAE,CAAC,EAAE;QACrD,UAAU,EAAE;YACV,UAAU,EAAE,OAAO;YACnB,aAAa,EAAE,QAAQ;YACvB,OAAO,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;SACrD;QACD,eAAe,EAAE;YACf,YAAY,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;SACpC;QACD,SAAS,EAAE;YACT,YAAY,EAAE,aAAa;YAC3B,OAAO,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YACpD,WAAW,EAAE,aAAa;SAC3B;QACD,aAAa,EAAE,QAAQ;QACvB,IAAI,EAAE,CAAC;QACP,QAAQ,EAAE,OAAO;QACjB,GAAG,EAAE,MAAM;QACX,KAAK,EAAE,MAAM;KACd;CACF,CAAC,CAAC,CAAA;AAEM,gDAAkB"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.SystemControlsType = void 0;
|
|
4
|
-
var SystemControlsType;
|
|
5
|
-
(function (SystemControlsType) {
|
|
6
|
-
SystemControlsType["Left"] = "Left";
|
|
7
|
-
SystemControlsType["Right"] = "Right";
|
|
8
|
-
SystemControlsType["WindowShade"] = "WindowShade";
|
|
9
|
-
})(SystemControlsType = exports.SystemControlsType || (exports.SystemControlsType = {}));
|
|
10
|
-
//# sourceMappingURL=SystemControlsType.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SystemControlsType.js","sourceRoot":"","sources":["../../../../src/components/MobileSystemControls/SystemControlsType.ts"],"names":[],"mappings":";;;AAAA,IAAY,kBAIX;AAJD,WAAY,kBAAkB;IAC5B,mCAAa,CAAA;IACb,qCAAe,CAAA;IACf,iDAA2B,CAAA;AAC7B,CAAC,EAJW,kBAAkB,GAAlB,0BAAkB,KAAlB,0BAAkB,QAI7B"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { FlexBoxProps } from '@xylabs/react-flexbox';
|
|
3
|
-
import { SystemControlsType } from './SystemControlsType';
|
|
4
|
-
interface SystemControlsUnstyledProps extends FlexBoxProps {
|
|
5
|
-
visible?: boolean;
|
|
6
|
-
systemControlsType?: SystemControlsType;
|
|
7
|
-
}
|
|
8
|
-
declare const SystemControlsUnstyled: React.FC<SystemControlsUnstyledProps>;
|
|
9
|
-
export type { SystemControlsUnstyledProps };
|
|
10
|
-
export { SystemControlsUnstyled };
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.SystemControlsUnstyled = void 0;
|
|
4
|
-
const tslib_1 = require("tslib");
|
|
5
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
-
const material_1 = require("@mui/material");
|
|
7
|
-
const react_flexbox_1 = require("@xylabs/react-flexbox");
|
|
8
|
-
const react_archive_1 = require("@xyo-network/react-archive");
|
|
9
|
-
const react_network_1 = require("@xyo-network/react-network");
|
|
10
|
-
const controls_1 = require("./controls");
|
|
11
|
-
const SystemControlsType_1 = require("./SystemControlsType");
|
|
12
|
-
const SystemControlsUnstyled = (_a) => {
|
|
13
|
-
var { systemControlsType = SystemControlsType_1.SystemControlsType.WindowShade, visible } = _a, props = tslib_1.__rest(_a, ["systemControlsType", "visible"]);
|
|
14
|
-
const { network } = (0, react_network_1.useNetwork)();
|
|
15
|
-
const { archive } = (0, react_archive_1.useArchive)();
|
|
16
|
-
const isSmall = (0, material_1.useMediaQuery)((theme) => theme.breakpoints.down('sm'));
|
|
17
|
-
if (visible || isSmall) {
|
|
18
|
-
return ((0, jsx_runtime_1.jsx)(react_flexbox_1.FlexCol, Object.assign({}, props, { className: `${props.className} system-controls-type-${systemControlsType}` }, { children: (0, jsx_runtime_1.jsx)(controls_1.SystemControl, Object.assign({ systemControlsType: systemControlsType, controlElement: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_flexbox_1.FlexRow, Object.assign({ className: 'control-wrap' }, { children: (0, jsx_runtime_1.jsx)(material_1.Paper, Object.assign({ variant: "elevation", elevation: 0 }, { children: (0, jsx_runtime_1.jsx)(react_network_1.NetworkSelectEx, { responsive: false, className: "network-ex" }) })) })), (0, jsx_runtime_1.jsx)(react_flexbox_1.FlexRow, { children: (0, jsx_runtime_1.jsx)(material_1.Paper, Object.assign({ variant: "elevation", elevation: 0 }, { children: (0, jsx_runtime_1.jsx)(react_archive_1.ArchiveSelectEx, {}) })) })] }) }, { children: (0, jsx_runtime_1.jsx)(controls_1.ControlText, { value: `${network === null || network === void 0 ? void 0 : network.name} : ${archive !== null && archive !== void 0 ? archive : 'temp'} ` }) })) })));
|
|
19
|
-
}
|
|
20
|
-
else {
|
|
21
|
-
return (0, jsx_runtime_1.jsx)(react_flexbox_1.FlexCol, {});
|
|
22
|
-
}
|
|
23
|
-
};
|
|
24
|
-
exports.SystemControlsUnstyled = SystemControlsUnstyled;
|
|
25
|
-
//# sourceMappingURL=SystemControlsUnstyled.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SystemControlsUnstyled.js","sourceRoot":"","sources":["../../../../src/components/MobileSystemControls/SystemControlsUnstyled.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA2D;AAC3D,yDAAsE;AACtE,8DAAwE;AACxE,8DAAwE;AAExE,yCAAuD;AACvD,6DAAyD;AAOzD,MAAM,sBAAsB,GAA0C,CAAC,EAA0E,EAAE,EAAE;QAA9E,EAAE,kBAAkB,GAAG,uCAAkB,CAAC,WAAW,EAAE,OAAO,OAAY,EAAP,KAAK,sBAAxE,iCAA0E,CAAF;IAC7I,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,0BAAU,GAAE,CAAA;IAChC,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,0BAAU,GAAE,CAAA;IAChC,MAAM,OAAO,GAAG,IAAA,wBAAa,EAAQ,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;IAE7E,IAAI,OAAO,IAAI,OAAO,EAAE;QACtB,OAAO,CACL,uBAAC,uBAAO,oBAAK,KAAK,IAAE,SAAS,EAAE,GAAG,KAAK,CAAC,SAAS,yBAAyB,kBAAkB,EAAE,gBAC5F,uBAAC,wBAAa,kBACZ,kBAAkB,EAAE,kBAAkB,EACtC,cAAc,EACZ,6DACE,uBAAC,uBAAO,kBAAC,SAAS,EAAE,cAAc,gBAChC,uBAAC,gBAAK,kBAAC,OAAO,EAAC,WAAW,EAAC,SAAS,EAAE,CAAC,gBACrC,uBAAC,+BAAe,IAAC,UAAU,EAAE,KAAK,EAAE,SAAS,EAAC,YAAY,GAAG,IACvD,IACA,EACV,uBAAC,uBAAO,cACN,uBAAC,gBAAK,kBAAC,OAAO,EAAC,WAAW,EAAC,SAAS,EAAE,CAAC,gBACrC,uBAAC,+BAAe,KAAG,IACb,GACA,IACT,gBAGL,uBAAC,sBAAW,IAAC,KAAK,EAAE,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,MAAM,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,MAAM,GAAG,GAAI,IACpD,IACR,CACX,CAAA;KACF;SAAM;QACL,OAAO,uBAAC,uBAAO,KAAG,CAAA;KACnB;AACH,CAAC,CAAA;AAGQ,wDAAsB"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { FlexBoxProps } from '@xylabs/react-flexbox';
|
|
3
|
-
import { WithChildren } from '@xylabs/react-shared';
|
|
4
|
-
import { SystemControlsType } from '../SystemControlsType';
|
|
5
|
-
interface SystemControlProps extends FlexBoxProps {
|
|
6
|
-
controlElement: React.ReactNode;
|
|
7
|
-
systemControlsType?: SystemControlsType;
|
|
8
|
-
}
|
|
9
|
-
declare const SystemControl: React.FC<WithChildren<SystemControlProps>>;
|
|
10
|
-
export { SystemControl };
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.SystemControl = void 0;
|
|
4
|
-
const tslib_1 = require("tslib");
|
|
5
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
-
const material_1 = require("@mui/material");
|
|
7
|
-
const react_flexbox_1 = require("@xylabs/react-flexbox");
|
|
8
|
-
const react_1 = require("react");
|
|
9
|
-
const SystemControlsType_1 = require("../SystemControlsType");
|
|
10
|
-
const SystemControl = (_a) => {
|
|
11
|
-
var { children, controlElement, systemControlsType = SystemControlsType_1.SystemControlsType.WindowShade } = _a, props = tslib_1.__rest(_a, ["children", "controlElement", "systemControlsType"]);
|
|
12
|
-
const [toggleControls, setToggleControls] = (0, react_1.useState)(false);
|
|
13
|
-
let orientation = 'vertical';
|
|
14
|
-
switch (systemControlsType) {
|
|
15
|
-
case SystemControlsType_1.SystemControlsType.Left: {
|
|
16
|
-
orientation = 'horizontal';
|
|
17
|
-
break;
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
return ((0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexRow, Object.assign({ className: "controls" }, props, { children: [(0, jsx_runtime_1.jsx)(material_1.Collapse, Object.assign({ in: toggleControls, orientation: orientation, timeout: 500 }, { children: (0, jsx_runtime_1.jsx)(react_flexbox_1.FlexRow, Object.assign({ bgcolor: "primary.main", className: "control" }, { children: controlElement })) })), (0, jsx_runtime_1.jsx)(react_flexbox_1.FlexCol, Object.assign({ style: { cursor: 'pointer' }, onClick: () => setToggleControls(!toggleControls) }, { children: children }))] })));
|
|
21
|
-
};
|
|
22
|
-
exports.SystemControl = SystemControl;
|
|
23
|
-
//# sourceMappingURL=SystemControl.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SystemControl.js","sourceRoot":"","sources":["../../../../../src/components/MobileSystemControls/controls/SystemControl.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAuD;AACvD,yDAAsE;AAEtE,iCAAgC;AAEhC,8DAA0D;AAO1D,MAAM,aAAa,GAA+C,CAAC,EAA2F,EAAE,EAAE;QAA/F,EAAE,QAAQ,EAAE,cAAc,EAAE,kBAAkB,GAAG,uCAAkB,CAAC,WAAW,OAAY,EAAP,KAAK,sBAAzF,oDAA2F,CAAF;IAC1J,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAE3D,IAAI,WAAW,GAAiC,UAAU,CAAA;IAE1D,QAAQ,kBAAkB,EAAE;QAC1B,KAAK,uCAAkB,CAAC,IAAI,CAAC,CAAC;YAC5B,WAAW,GAAG,YAAY,CAAA;YAC1B,MAAK;SACN;KACF;IAED,OAAO,CACL,wBAAC,uBAAO,kBAAC,SAAS,EAAC,UAAU,IAAK,KAAK,eACrC,uBAAC,mBAAQ,kBAAC,EAAE,EAAE,cAAc,EAAE,WAAW,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,gBAClE,uBAAC,uBAAO,kBAAC,OAAO,EAAC,cAAc,EAAC,SAAS,EAAC,SAAS,gBAChD,cAAc,IACP,IACD,EACX,uBAAC,uBAAO,kBAAC,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,CAAC,cAAc,CAAC,gBACrF,QAAQ,IACD,KACF,CACX,CAAA;AACH,CAAC,CAAA;AAEQ,sCAAa"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.ControlText = void 0;
|
|
4
|
-
const tslib_1 = require("tslib");
|
|
5
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
-
const material_1 = require("@mui/material");
|
|
7
|
-
const react_flexbox_1 = require("@xylabs/react-flexbox");
|
|
8
|
-
const ControlText = (_a) => {
|
|
9
|
-
var { value } = _a, props = tslib_1.__rest(_a, ["value"]);
|
|
10
|
-
return ((0, jsx_runtime_1.jsx)(react_flexbox_1.FlexCol, Object.assign({ className: `${props.className} toggle` }, props, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "caption", color: "white", fontWeight: "bold" }, { children: value })) })));
|
|
11
|
-
};
|
|
12
|
-
exports.ControlText = ControlText;
|
|
13
|
-
//# sourceMappingURL=SystemControlText.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SystemControlText.js","sourceRoot":"","sources":["../../../../../src/components/MobileSystemControls/controls/SystemControlText.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA0C;AAC1C,yDAA6D;AAM7D,MAAM,WAAW,GAAqC,CAAC,EAAmB,EAAE,EAAE;QAAvB,EAAE,KAAK,OAAY,EAAP,KAAK,sBAAjB,SAAmB,CAAF;IACtE,OAAO,CACL,uBAAC,uBAAO,kBAAC,SAAS,EAAE,GAAG,KAAK,CAAC,SAAS,SAAS,IAAM,KAAK,cACxD,uBAAC,qBAAU,kBAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAC,OAAO,EAAC,UAAU,EAAC,MAAM,gBAC1D,KAAK,IACK,IACL,CACX,CAAA;AACH,CAAC,CAAA;AAEQ,kCAAW"}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
const tslib_1 = require("tslib");
|
|
4
|
-
tslib_1.__exportStar(require("./SystemControl"), exports);
|
|
5
|
-
tslib_1.__exportStar(require("./SystemControlText"), exports);
|
|
6
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/MobileSystemControls/controls/index.ts"],"names":[],"mappings":";;;AAAA,0DAA+B;AAC/B,8DAAmC"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
const tslib_1 = require("tslib");
|
|
4
|
-
tslib_1.__exportStar(require("./SystemControls"), exports);
|
|
5
|
-
tslib_1.__exportStar(require("./SystemControlsType"), exports);
|
|
6
|
-
tslib_1.__exportStar(require("./SystemControlsUnstyled"), exports);
|
|
7
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/MobileSystemControls/index.ts"],"names":[],"mappings":";;;AAAA,2DAAgC;AAChC,+DAAoC;AACpC,mEAAwC"}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.SearchBar = void 0;
|
|
4
|
-
const tslib_1 = require("tslib");
|
|
5
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
-
const Search_1 = tslib_1.__importDefault(require("@mui/icons-material/Search"));
|
|
7
|
-
const material_1 = require("@mui/material");
|
|
8
|
-
const react_button_1 = require("@xylabs/react-button");
|
|
9
|
-
const react_flexbox_1 = require("@xylabs/react-flexbox");
|
|
10
|
-
const react_1 = require("react");
|
|
11
|
-
const SearchBar = (_a) => {
|
|
12
|
-
var { defaultValue, onSearch } = _a, props = tslib_1.__rest(_a, ["defaultValue", "onSearch"]);
|
|
13
|
-
const [term, setTerm] = (0, react_1.useState)();
|
|
14
|
-
return ((0, jsx_runtime_1.jsx)(react_flexbox_1.FlexRow, Object.assign({ alignItems: "stretch" }, props, { children: (0, jsx_runtime_1.jsxs)(material_1.Paper, Object.assign({ variant: "elevation", elevation: 0, style: { display: 'flex', overflow: 'hidden', width: '100%' } }, { children: [(0, jsx_runtime_1.jsx)(material_1.TextField, { InputProps: { color: 'secondary', style: { borderBottomRightRadius: 0, borderTopRightRadius: 0, borderWidth: 0 } }, variant: "outlined", size: "small", defaultValue: defaultValue, fullWidth: true, onChange: (event) => setTerm(event.target.value), onKeyDown: (event) => {
|
|
15
|
-
if (event.key === 'Enter')
|
|
16
|
-
onSearch === null || onSearch === void 0 ? void 0 : onSearch(term);
|
|
17
|
-
} }), (0, jsx_runtime_1.jsx)(react_button_1.ButtonEx, Object.assign({ variant: "contained", style: { borderRadius: 0, borderTopLeftRadius: 0 }, color: "secondary", onClick: () => onSearch === null || onSearch === void 0 ? void 0 : onSearch(term) }, { children: (0, jsx_runtime_1.jsx)(Search_1.default, {}) }))] })) })));
|
|
18
|
-
};
|
|
19
|
-
exports.SearchBar = SearchBar;
|
|
20
|
-
//# sourceMappingURL=SearchBar.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SearchBar.js","sourceRoot":"","sources":["../../../../src/components/SearchBar/SearchBar.tsx"],"names":[],"mappings":";;;;;AAAA,gFAAmD;AACnD,4CAAgD;AAChD,uDAA+C;AAC/C,yDAA6D;AAC7D,iCAAgC;AAMzB,MAAM,SAAS,GAA6B,CAAC,EAAoC,EAAE,EAAE;QAAxC,EAAE,YAAY,EAAE,QAAQ,OAAY,EAAP,KAAK,sBAAlC,4BAAoC,CAAF;IACpF,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,GAAU,CAAA;IAE1C,OAAO,CACL,uBAAC,uBAAO,kBAAC,UAAU,EAAC,SAAS,IAAK,KAAK,cACrC,wBAAC,gBAAK,kBAAC,OAAO,EAAC,WAAW,EAAC,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,iBACpG,uBAAC,oBAAS,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,aAAR,QAAQ,uBAAR,QAAQ,CAAG,IAAI,CAAC,CAAA;oBAC7C,CAAC,GACD,EACF,uBAAC,uBAAQ,kBAAC,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,aAAR,QAAQ,uBAAR,QAAQ,CAAG,IAAI,CAAC,gBACjI,uBAAC,gBAAU,KAAG,IACL,KACL,IACA,CACX,CAAA;AACH,CAAC,CAAA;AAvBY,QAAA,SAAS,aAuBrB"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './SearchBar';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/SearchBar/index.ts"],"names":[],"mappings":";;;AAAA,sDAA2B"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { FlexBoxProps } from '@xylabs/react-flexbox';
|
|
3
|
-
export interface SiteMenuProps extends FlexBoxProps {
|
|
4
|
-
hideSettingsMenuItem?: boolean;
|
|
5
|
-
side?: 'left' | 'right' | 'top' | 'bottom';
|
|
6
|
-
}
|
|
7
|
-
export declare const SiteMenu: React.FC<SiteMenuProps>;
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.SiteMenu = void 0;
|
|
4
|
-
const tslib_1 = require("tslib");
|
|
5
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
-
const Menu_1 = tslib_1.__importDefault(require("@mui/icons-material/Menu"));
|
|
7
|
-
const Settings_1 = tslib_1.__importDefault(require("@mui/icons-material/Settings"));
|
|
8
|
-
const material_1 = require("@mui/material");
|
|
9
|
-
const react_flexbox_1 = require("@xylabs/react-flexbox");
|
|
10
|
-
const react_1 = require("react");
|
|
11
|
-
const MenuItems_1 = require("./MenuItems");
|
|
12
|
-
const SiteMenu = (_a) => {
|
|
13
|
-
var { side = 'right', children } = _a, props = tslib_1.__rest(_a, ["side", "children"]);
|
|
14
|
-
const [open, setOpen] = (0, react_1.useState)(false);
|
|
15
|
-
return ((0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexRow, Object.assign({ alignItems: "stretch" }, props, { children: [(0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ size: "small", color: "inherit", onClick: () => {
|
|
16
|
-
setOpen(!open);
|
|
17
|
-
} }, { children: (0, jsx_runtime_1.jsx)(Menu_1.default, { fontSize: "large" }) })), (0, jsx_runtime_1.jsx)(material_1.SwipeableDrawer, Object.assign({ anchor: side, open: open, onClick: () => setOpen(false), onKeyDown: () => setOpen(false), onClose: () => setOpen(false), onOpen: () => setOpen(true) }, { children: children !== null && children !== void 0 ? children : ((0, jsx_runtime_1.jsx)(material_1.List, { children: (0, jsx_runtime_1.jsx)(MenuItems_1.SiteMenuListItem, { primary: "Settings", icon: (0, jsx_runtime_1.jsx)(Settings_1.default, {}), to: "/settings" }) })) }))] })));
|
|
18
|
-
};
|
|
19
|
-
exports.SiteMenu = SiteMenu;
|
|
20
|
-
//# sourceMappingURL=Menu.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../../../src/components/SiteMenu/Menu.tsx"],"names":[],"mappings":";;;;;AAAA,4EAA+C;AAC/C,oFAAuD;AACvD,4CAAiE;AACjE,yDAA6D;AAC7D,iCAAgC;AAEhC,2CAA8C;AAOvC,MAAM,QAAQ,GAA4B,CAAC,EAAsC,EAAE,EAAE;QAA1C,EAAE,IAAI,GAAG,OAAO,EAAE,QAAQ,OAAY,EAAP,KAAK,sBAApC,oBAAsC,CAAF;IACpF,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAEvC,OAAO,CACL,wBAAC,uBAAO,kBAAC,UAAU,EAAC,SAAS,IAAK,KAAK,eACrC,uBAAC,qBAAU,kBACT,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,GAAG,EAAE;oBACZ,OAAO,CAAC,CAAC,IAAI,CAAC,CAAA;gBAChB,CAAC,gBAED,uBAAC,cAAQ,IAAC,QAAQ,EAAC,OAAO,GAAG,IAClB,EACb,uBAAC,0BAAe,kBAAC,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,gBAClK,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,CACX,uBAAC,eAAI,cACH,uBAAC,4BAAgB,IAAC,OAAO,EAAC,UAAU,EAAC,IAAI,EAAE,uBAAC,kBAAY,KAAG,EAAE,EAAE,EAAC,WAAW,GAAG,GACzE,CACR,IACe,KACV,CACX,CAAA;AACH,CAAC,CAAA;AAvBY,QAAA,QAAQ,YAuBpB"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { ListItemProps, ListItemTextProps } from '@mui/material';
|
|
2
|
-
import { ListItemButtonExProps } from '@xyo-network/react-shared';
|
|
3
|
-
import { ReactNode } from 'react';
|
|
4
|
-
import { To } from 'react-router-dom';
|
|
5
|
-
export interface SiteMenuListItemProps extends ListItemProps {
|
|
6
|
-
primary: ListItemTextProps['primary'];
|
|
7
|
-
to?: To;
|
|
8
|
-
icon?: ReactNode;
|
|
9
|
-
onButtonClick?: ListItemButtonExProps['onClick'];
|
|
10
|
-
}
|
|
11
|
-
export declare const SiteMenuListItem: React.FC<SiteMenuListItemProps>;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.SiteMenuListItem = void 0;
|
|
4
|
-
const tslib_1 = require("tslib");
|
|
5
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
-
const material_1 = require("@mui/material");
|
|
7
|
-
const react_shared_1 = require("@xyo-network/react-shared");
|
|
8
|
-
const SiteMenuListItem = (_a) => {
|
|
9
|
-
var { style, children, primary, to, icon, onButtonClick } = _a, props = tslib_1.__rest(_a, ["style", "children", "primary", "to", "icon", "onButtonClick"]);
|
|
10
|
-
return ((0, jsx_runtime_1.jsxs)(material_1.ListItem, Object.assign({ style: Object.assign({ display: 'block' }, style) }, props, { children: [(0, jsx_runtime_1.jsxs)(react_shared_1.ListItemButtonEx, Object.assign({ to: to, onClick: onButtonClick }, { children: [(0, jsx_runtime_1.jsx)(material_1.ListItemIcon, { children: icon }), (0, jsx_runtime_1.jsx)(material_1.ListItemText, { primary: primary })] })), children] })));
|
|
11
|
-
};
|
|
12
|
-
exports.SiteMenuListItem = SiteMenuListItem;
|
|
13
|
-
//# sourceMappingURL=MenuItems.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MenuItems.js","sourceRoot":"","sources":["../../../../src/components/SiteMenu/MenuItems.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAsG;AACtG,4DAAmF;AAW5E,MAAM,gBAAgB,GAAoC,CAAC,EAA+D,EAAE,EAAE;QAAnE,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,aAAa,OAAY,EAAP,KAAK,sBAA7D,+DAA+D,CAAF;IAC7H,OAAO,CACL,wBAAC,mBAAQ,kBAAC,KAAK,kBAAI,OAAO,EAAE,OAAO,IAAK,KAAK,KAAQ,KAAK,eACxD,wBAAC,+BAAgB,kBAAC,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,aAAa,iBAC9C,uBAAC,uBAAY,cAAE,IAAI,GAAgB,EACnC,uBAAC,uBAAY,IAAC,OAAO,EAAE,OAAO,GAAI,KACjB,EAClB,QAAQ,KACA,CACZ,CAAA;AACH,CAAC,CAAA;AAVY,QAAA,gBAAgB,oBAU5B"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/SiteMenu/index.ts"],"names":[],"mappings":";;;AAAA,iDAAsB;AACtB,sDAA2B"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { ToolbarProps } from '@mui/material';
|
|
3
|
-
import { To } from 'react-router-dom';
|
|
4
|
-
export interface ContextToolbarProps extends ToolbarProps {
|
|
5
|
-
logoTo?: To;
|
|
6
|
-
version?: boolean;
|
|
7
|
-
}
|
|
8
|
-
export declare const ContextToolbar: React.FC<ContextToolbarProps>;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.ContextToolbar = void 0;
|
|
4
|
-
const tslib_1 = require("tslib");
|
|
5
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
-
const material_1 = require("@mui/material");
|
|
7
|
-
const XyoLogoLinkEx_1 = require("./XyoLogoLinkEx");
|
|
8
|
-
const ContextToolbar = (_a) => {
|
|
9
|
-
var { logoTo = '/', version = false } = _a, props = tslib_1.__rest(_a, ["logoTo", "version"]);
|
|
10
|
-
return ((0, jsx_runtime_1.jsx)(material_1.Toolbar, Object.assign({}, props, { children: (0, jsx_runtime_1.jsx)(XyoLogoLinkEx_1.XyoLogoLinkEx, { version: version, to: logoTo }) })));
|
|
11
|
-
};
|
|
12
|
-
exports.ContextToolbar = ContextToolbar;
|
|
13
|
-
//# sourceMappingURL=ContextToolbar.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ContextToolbar.js","sourceRoot":"","sources":["../../../../../src/components/Toolbar/Context/ContextToolbar.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAqD;AAGrD,mDAA+C;AAOxC,MAAM,cAAc,GAAkC,CAAC,EAA2C,EAAE,EAAE;QAA/C,EAAE,MAAM,GAAG,GAAG,EAAE,OAAO,GAAG,KAAK,OAAY,EAAP,KAAK,sBAAzC,qBAA2C,CAAF;IACrG,OAAO,CACL,uBAAC,kBAAO,oBAAK,KAAK,cAChB,uBAAC,6BAAa,IAAC,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,GAAI,IACvC,CACX,CAAA;AACH,CAAC,CAAA;AANY,QAAA,cAAc,kBAM1B"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.XyoLogo = void 0;
|
|
4
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
const material_1 = require("@mui/material");
|
|
6
|
-
const XyoLogo = (props) => {
|
|
7
|
-
const theme = (0, material_1.useTheme)();
|
|
8
|
-
const logoUrl = 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';
|
|
9
|
-
return (0, jsx_runtime_1.jsx)("img", Object.assign({ src: logoUrl }, props));
|
|
10
|
-
};
|
|
11
|
-
exports.XyoLogo = XyoLogo;
|
|
12
|
-
//# sourceMappingURL=XyoLogo.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"XyoLogo.js","sourceRoot":"","sources":["../../../../../src/components/Toolbar/Context/XyoLogo.tsx"],"names":[],"mappings":";;;;AAAA,4CAAwC;AAEjC,MAAM,OAAO,GAAmG,CAAC,KAAK,EAAE,EAAE;IAC/H,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IACxB,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,yDAAyD,CAAC,CAAC,CAAC,yDAAyD,CAAA;IACrK,OAAO,8CAAK,GAAG,EAAE,OAAO,IAAM,KAAK,EAAI,CAAA;AACzC,CAAC,CAAA;AAJY,QAAA,OAAO,WAInB"}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.XyoLogoLinkEx = void 0;
|
|
4
|
-
const tslib_1 = require("tslib");
|
|
5
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
-
const material_1 = require("@mui/material");
|
|
7
|
-
const react_common_1 = require("@xylabs/react-common");
|
|
8
|
-
const react_flexbox_1 = require("@xylabs/react-flexbox");
|
|
9
|
-
const XyoLogo_1 = require("./XyoLogo");
|
|
10
|
-
const XyoLogoLinkEx = (_a) => {
|
|
11
|
-
var { to = '/', version = false } = _a, props = tslib_1.__rest(_a, ["to", "version"]);
|
|
12
|
-
const theme = (0, material_1.useTheme)();
|
|
13
|
-
return ((0, jsx_runtime_1.jsx)(react_common_1.LinkEx, Object.assign({ to: to }, props, { children: (0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexRow, Object.assign({ paddingX: "4px" }, { children: [(0, jsx_runtime_1.jsx)(XyoLogo_1.XyoLogo, { height: "40", width: "43" }), version ? ((0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ position: "absolute", borderRadius: 1, right: 6, color: theme.palette.getContrastText(theme.palette.text.primary), bottom: 0, bgcolor: theme.palette.text.primary, paddingX: "2px", lineHeight: 1, variant: "caption", border: `1px ${theme.palette.getContrastText(theme.palette.primary.main)} solid` }, { children: typeof version === 'string' ? version : '2.0' }))) : null] })) })));
|
|
14
|
-
};
|
|
15
|
-
exports.XyoLogoLinkEx = XyoLogoLinkEx;
|
|
16
|
-
//# sourceMappingURL=XyoLogoLinkEx.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"XyoLogoLinkEx.js","sourceRoot":"","sources":["../../../../../src/components/Toolbar/Context/XyoLogoLinkEx.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAoD;AACpD,uDAA0D;AAC1D,yDAA+C;AAE/C,uCAAmC;AAM5B,MAAM,aAAa,GAAiC,CAAC,EAAuC,EAAE,EAAE;QAA3C,EAAE,EAAE,GAAG,GAAG,EAAE,OAAO,GAAG,KAAK,OAAY,EAAP,KAAK,sBAArC,iBAAuC,CAAF;IAC/F,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IACxB,OAAO,CACL,uBAAC,qBAAM,kBAAC,EAAE,EAAE,EAAE,IAAM,KAAK,cACvB,wBAAC,uBAAO,kBAAC,QAAQ,EAAC,KAAK,iBACrB,uBAAC,iBAAO,IAAC,MAAM,EAAC,IAAI,EAAC,KAAK,EAAC,IAAI,GAAG,EACjC,OAAO,CAAC,CAAC,CAAC,CACT,uBAAC,qBAAU,kBACT,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,gBAE/E,OAAO,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,IACnC,CACd,CAAC,CAAC,CAAC,IAAI,KACA,IACH,CACV,CAAA;AACH,CAAC,CAAA;AAzBY,QAAA,aAAa,iBAyBzB"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './ContextToolbar';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Toolbar/Context/index.ts"],"names":[],"mappings":";;;AAAA,2DAAgC"}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { ToolbarProps } from '@mui/material';
|
|
2
|
-
import { SelectExProps } from '@xylabs/react-common';
|
|
3
|
-
import { NetworkSelectExProps } from '@xyo-network/react-network';
|
|
4
|
-
import { ReactNode } from 'react';
|
|
5
|
-
export interface SystemToolbarProps extends ToolbarProps {
|
|
6
|
-
networkSelectProps?: NetworkSelectExProps;
|
|
7
|
-
archiveSelectProps?: SelectExProps<string>;
|
|
8
|
-
hideNetworkSelect?: boolean;
|
|
9
|
-
hideArchiveSelect?: boolean;
|
|
10
|
-
menu?: ReactNode;
|
|
11
|
-
darkModeButton?: boolean;
|
|
12
|
-
authButton?: boolean;
|
|
13
|
-
noMenu?: boolean;
|
|
14
|
-
}
|
|
15
|
-
export declare const SystemToolbar: React.FC<SystemToolbarProps>;
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.SystemToolbar = void 0;
|
|
4
|
-
const tslib_1 = require("tslib");
|
|
5
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
-
const material_1 = require("@mui/material");
|
|
7
|
-
const react_flexbox_1 = require("@xylabs/react-flexbox");
|
|
8
|
-
const react_archive_1 = require("@xyo-network/react-archive");
|
|
9
|
-
const react_auth_1 = require("@xyo-network/react-auth");
|
|
10
|
-
const react_network_1 = require("@xyo-network/react-network");
|
|
11
|
-
const react_shared_1 = require("@xyo-network/react-shared");
|
|
12
|
-
const SiteMenu_1 = require("../../SiteMenu");
|
|
13
|
-
const SystemToolbar = (_a) => {
|
|
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
|
-
};
|
|
17
|
-
exports.SystemToolbar = SystemToolbar;
|
|
18
|
-
//# sourceMappingURL=SystemToolbar.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './SystemToolbar';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Toolbar/System/index.ts"],"names":[],"mappings":";;;AAAA,0DAA+B"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Toolbar/index.ts"],"names":[],"mappings":";;;AAAA,oDAAyB;AACzB,mDAAwB"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
const tslib_1 = require("tslib");
|
|
4
|
-
tslib_1.__exportStar(require("./AppBar"), exports);
|
|
5
|
-
tslib_1.__exportStar(require("./MobileSystemControls"), exports);
|
|
6
|
-
tslib_1.__exportStar(require("./SearchBar"), exports);
|
|
7
|
-
tslib_1.__exportStar(require("./SiteMenu"), exports);
|
|
8
|
-
tslib_1.__exportStar(require("./Toolbar"), exports);
|
|
9
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;AAAA,mDAAwB;AACxB,iEAAsC;AACtC,sDAA2B;AAC3B,qDAA0B;AAC1B,oDAAyB"}
|
package/dist/cjs/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './components';
|
package/dist/cjs/index.js
DELETED
package/dist/cjs/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;AAAA,uDAA4B"}
|