@xyo-network/react-appbar 2.44.1 → 2.45.0-rc.2
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/MobileSystemControls/SystemControlsUnstyled.js +1 -4
- package/dist/cjs/components/MobileSystemControls/SystemControlsUnstyled.js.map +1 -1
- package/dist/cjs/components/Toolbar/System/SystemToolbar.js +2 -4
- package/dist/cjs/components/Toolbar/System/SystemToolbar.js.map +1 -1
- package/dist/docs.json +113 -187
- package/dist/esm/components/MobileSystemControls/SystemControlsUnstyled.js +4 -7
- package/dist/esm/components/MobileSystemControls/SystemControlsUnstyled.js.map +1 -1
- package/dist/esm/components/Toolbar/System/SystemToolbar.js +2 -4
- package/dist/esm/components/Toolbar/System/SystemToolbar.js.map +1 -1
- package/dist/types/components/MobileSystemControls/SystemControlsUnstyled.d.ts.map +1 -1
- package/dist/types/components/Toolbar/System/SystemToolbar.d.ts +0 -4
- package/dist/types/components/Toolbar/System/SystemToolbar.d.ts.map +1 -1
- package/package.json +10 -12
- package/src/components/AppBar/Application.stories.tsx +17 -31
- package/src/components/MobileSystemControls/SystemControls.stories.tsx +1 -8
- package/src/components/MobileSystemControls/SystemControlsUnstyled.tsx +3 -13
- package/src/components/Toolbar/System/SystemToolbar.stories.tsx +6 -45
- package/src/components/Toolbar/System/SystemToolbar.tsx +0 -17
|
@@ -5,17 +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_api_1 = require("@xyo-network/react-api");
|
|
9
8
|
const react_network_1 = require("@xyo-network/react-network");
|
|
10
9
|
const controls_1 = require("./controls");
|
|
11
10
|
const SystemControlsType_1 = require("./SystemControlsType");
|
|
12
11
|
const SystemControlsUnstyled = (_a) => {
|
|
13
12
|
var { visible, systemControlsType = SystemControlsType_1.SystemControlsType.WindowShade } = _a, props = tslib_1.__rest(_a, ["visible", "systemControlsType"]);
|
|
14
|
-
const { network } = (0, react_network_1.useNetwork)();
|
|
15
|
-
const { archive } = (0, react_api_1.useArchive)();
|
|
16
13
|
const isSmall = (0, material_1.useMediaQuery)((theme) => theme.breakpoints.down('sm'));
|
|
17
14
|
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,
|
|
15
|
+
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, { systemControlsType: systemControlsType, controlElement: (0, jsx_runtime_1.jsx)(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" }) })) })) }) }) })));
|
|
19
16
|
}
|
|
20
17
|
else {
|
|
21
18
|
return (0, jsx_runtime_1.jsx)(react_flexbox_1.FlexCol, {});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SystemControlsUnstyled.js","sourceRoot":"","sources":["../../../../src/components/MobileSystemControls/SystemControlsUnstyled.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA2D;AAC3D,yDAAsE;AACtE,
|
|
1
|
+
{"version":3,"file":"SystemControlsUnstyled.js","sourceRoot":"","sources":["../../../../src/components/MobileSystemControls/SystemControlsUnstyled.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA2D;AAC3D,yDAAsE;AACtE,8DAA4D;AAE5D,yCAA0C;AAC1C,6DAAyD;AAOzD,MAAM,sBAAsB,GAA0C,CAAC,EAItE,EAAE,EAAE;QAJkE,EACrE,OAAO,EACP,kBAAkB,GAAG,uCAAkB,CAAC,WAAW,OAEpD,EADI,KAAK,sBAH6D,iCAItE,CADS;IAER,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,IACZ,kBAAkB,EAAE,kBAAkB,EACtC,cAAc,EACZ,2DACE,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,GACT,GAEL,IACM,CACX,CAAA;KACF;SAAM;QACL,OAAO,uBAAC,uBAAO,KAAG,CAAA;KACnB;AACH,CAAC,CAAA;AAGQ,wDAAsB"}
|
|
@@ -5,14 +5,12 @@ 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_api_1 = require("@xyo-network/react-api");
|
|
9
8
|
const react_app_settings_1 = require("@xyo-network/react-app-settings");
|
|
10
|
-
const react_auth_sets_1 = require("@xyo-network/react-auth-sets");
|
|
11
9
|
const react_network_1 = require("@xyo-network/react-network");
|
|
12
10
|
const SiteMenu_1 = require("../../SiteMenu");
|
|
13
11
|
const SystemToolbar = (_a) => {
|
|
14
|
-
var {
|
|
15
|
-
return ((0, jsx_runtime_1.jsxs)(material_1.Toolbar, Object.assign({}, props, { children: [precedingChildren, hideNetworkSelect ? null : ((0, jsx_runtime_1.jsx)(react_flexbox_1.FlexRow, Object.assign({ marginX: 0.5 }, { children: (0, jsx_runtime_1.jsx)(material_1.Paper, Object.assign({ variant: "elevation" }, { children: (0, jsx_runtime_1.jsx)(react_network_1.NetworkSelectEx, Object.assign({ fullWidth: true }, networkSelectProps)) })) }))),
|
|
12
|
+
var { children, darkModeButton = false, hideNetworkSelect, menuItems, networkSelectProps, onMenuToggle, precedingChildren } = _a, props = tslib_1.__rest(_a, ["children", "darkModeButton", "hideNetworkSelect", "menuItems", "networkSelectProps", "onMenuToggle", "precedingChildren"]);
|
|
13
|
+
return ((0, jsx_runtime_1.jsxs)(material_1.Toolbar, Object.assign({}, props, { children: [precedingChildren, hideNetworkSelect ? null : ((0, jsx_runtime_1.jsx)(react_flexbox_1.FlexRow, Object.assign({ marginX: 0.5 }, { children: (0, jsx_runtime_1.jsx)(material_1.Paper, Object.assign({ variant: "elevation" }, { children: (0, jsx_runtime_1.jsx)(react_network_1.NetworkSelectEx, Object.assign({ fullWidth: true }, networkSelectProps)) })) }))), children, darkModeButton ? (0, jsx_runtime_1.jsx)(react_app_settings_1.DarkModeIconButton, { color: "inherit" }) : null, menuItems ? (0, jsx_runtime_1.jsx)(SiteMenu_1.SiteMenu, Object.assign({ onMenuToggle: onMenuToggle }, { children: menuItems })) : null] })));
|
|
16
14
|
};
|
|
17
15
|
exports.SystemToolbar = SystemToolbar;
|
|
18
16
|
//# sourceMappingURL=SystemToolbar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SystemToolbar.js","sourceRoot":"","sources":["../../../../../src/components/Toolbar/System/SystemToolbar.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA4D;
|
|
1
|
+
{"version":3,"file":"SystemToolbar.js","sourceRoot":"","sources":["../../../../../src/components/Toolbar/System/SystemToolbar.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA4D;AAC5D,yDAA+C;AAC/C,wEAAoE;AACpE,8DAAkF;AAGlF,6CAAwD;AAYjD,MAAM,aAAa,GAAiC,CAAC,EAS3D,EAAE,EAAE;QATuD,EAC1D,QAAQ,EACR,cAAc,GAAG,KAAK,EACtB,iBAAiB,EACjB,SAAS,EACT,kBAAkB,EAClB,YAAY,EACZ,iBAAiB,OAElB,EADI,KAAK,sBARkD,2HAS3D,CADS;IAER,OAAO,CACL,wBAAC,kBAAO,oBAAK,KAAK,eACf,iBAAiB,EACjB,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC1B,uBAAC,uBAAO,kBAAC,OAAO,EAAE,GAAG,gBACnB,uBAAC,gBAAK,kBAAC,OAAO,EAAC,WAAW,gBACxB,uBAAC,+BAAe,kBAAC,SAAS,UAAK,kBAAkB,EAAI,IAC/C,IACA,CACX,EACA,QAAQ,EACR,cAAc,CAAC,CAAC,CAAC,uBAAC,uCAAkB,IAAC,KAAK,EAAC,SAAS,GAAG,CAAC,CAAC,CAAC,IAAI,EAC9D,SAAS,CAAC,CAAC,CAAC,uBAAC,mBAAQ,kBAAC,YAAY,EAAE,YAAY,gBAAG,SAAS,IAAY,CAAC,CAAC,CAAC,IAAI,KACxE,CACX,CAAA;AACH,CAAC,CAAA;AAzBY,QAAA,aAAa,iBAyBzB"}
|