@xyo-network/react-appbar 2.25.35 → 2.25.36
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 -1
- package/dist/cjs/components/MobileSystemControls/SystemControlsUnstyled.js.map +1 -1
- package/dist/cjs/components/MobileSystemControls/controls/SystemControl.js +1 -1
- package/dist/cjs/components/MobileSystemControls/controls/SystemControl.js.map +1 -1
- package/dist/cjs/components/SearchBar/SearchBar.js +1 -1
- package/dist/cjs/components/SearchBar/SearchBar.js.map +1 -1
- package/dist/cjs/components/Toolbar/System/SystemToolbar.js +1 -1
- package/dist/cjs/components/Toolbar/System/SystemToolbar.js.map +1 -1
- package/dist/esm/components/MobileSystemControls/SystemControlsUnstyled.js +2 -2
- package/dist/esm/components/MobileSystemControls/SystemControlsUnstyled.js.map +1 -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/SearchBar/SearchBar.js +1 -1
- package/dist/esm/components/SearchBar/SearchBar.js.map +1 -1
- package/dist/esm/components/Toolbar/System/SystemToolbar.js +2 -2
- package/dist/esm/components/Toolbar/System/SystemToolbar.js.map +1 -1
- package/package.json +7 -7
- package/src/components/AppBar/Application.stories.tsx +11 -11
- package/src/components/MobileSystemControls/SystemControls.stories.tsx +6 -4
- package/src/components/MobileSystemControls/SystemControlsUnstyled.tsx +9 -5
- package/src/components/MobileSystemControls/controls/SystemControl.tsx +3 -1
- package/src/components/SearchBar/SearchBar.tsx +1 -1
- package/src/components/Toolbar/System/SystemToolbar.tsx +9 -5
|
@@ -15,7 +15,7 @@ const SystemControlsUnstyled = (_a) => {
|
|
|
15
15
|
const { archive } = (0, react_archive_1.useArchive)();
|
|
16
16
|
const isSmall = (0, material_1.useMediaQuery)((theme) => theme.breakpoints.down('sm'));
|
|
17
17
|
if (visible || isSmall) {
|
|
18
|
-
return ((0, jsx_runtime_1.jsx)(sdk_react_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)(sdk_react_1.FlexRow, Object.assign({
|
|
18
|
+
return ((0, jsx_runtime_1.jsx)(sdk_react_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)(sdk_react_1.FlexRow, Object.assign({ className: 'control-wrap' }, { children: (0, jsx_runtime_1.jsx)(material_1.Paper, Object.assign({ variant: "elevation" }, { children: (0, jsx_runtime_1.jsx)(react_network_1.NetworkSelectEx, { responsive: false, className: "network-ex" }) })) })), (0, jsx_runtime_1.jsx)(sdk_react_1.FlexRow, { children: (0, jsx_runtime_1.jsx)(material_1.Paper, Object.assign({ variant: "elevation" }, { 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
19
|
}
|
|
20
20
|
else {
|
|
21
21
|
return (0, jsx_runtime_1.jsx)(sdk_react_1.FlexCol, {});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SystemControlsUnstyled.js","sourceRoot":"","sources":["../../../../src/components/MobileSystemControls/SystemControlsUnstyled.tsx"],"names":[],"mappings":";;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"SystemControlsUnstyled.js","sourceRoot":"","sources":["../../../../src/components/MobileSystemControls/SystemControlsUnstyled.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA2D;AAC3D,iDAAkE;AAClE,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,mBAAO,oBAAK,KAAK,IAAE,SAAS,EAAE,GAAG,KAAK,CAAC,SAAS,yBAAyB,kBAAkB,EAAE,gBAC5F,uBAAC,wBAAa,kBACZ,kBAAkB,EAAE,kBAAkB,EACtC,cAAc,EACZ,6DACE,uBAAC,mBAAO,kBAAC,SAAS,EAAE,cAAc,gBAChC,uBAAC,gBAAK,kBAAC,OAAO,EAAC,WAAW,gBACxB,uBAAC,+BAAe,IAAC,UAAU,EAAE,KAAK,EAAE,SAAS,EAAC,YAAY,GAAG,IACvD,IACA,EACV,uBAAC,mBAAO,cACN,uBAAC,gBAAK,kBAAC,OAAO,EAAC,WAAW,gBACxB,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,mBAAO,KAAG,CAAA;KACnB;AACH,CAAC,CAAA;AAGQ,wDAAsB"}
|
|
@@ -17,7 +17,7 @@ const SystemControl = (_a) => {
|
|
|
17
17
|
break;
|
|
18
18
|
}
|
|
19
19
|
}
|
|
20
|
-
return ((0, jsx_runtime_1.jsxs)(sdk_react_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)(sdk_react_1.FlexRow, Object.assign({ bgcolor: "primary.main", className: "control" }, { children: controlElement })) })), (0, jsx_runtime_1.jsx)(sdk_react_1.FlexCol, Object.assign({ onClick: () => setToggleControls(!toggleControls) }, { children: children }))] })));
|
|
20
|
+
return ((0, jsx_runtime_1.jsxs)(sdk_react_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)(sdk_react_1.FlexRow, Object.assign({ bgcolor: "primary.main", className: "control" }, { children: controlElement })) })), (0, jsx_runtime_1.jsx)(sdk_react_1.FlexCol, Object.assign({ style: { cursor: 'pointer' }, onClick: () => setToggleControls(!toggleControls) }, { children: children }))] })));
|
|
21
21
|
};
|
|
22
22
|
exports.SystemControl = SystemControl;
|
|
23
23
|
//# sourceMappingURL=SystemControl.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SystemControl.js","sourceRoot":"","sources":["../../../../../src/components/MobileSystemControls/controls/SystemControl.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAuD;AACvD,iDAAgF;AAChF,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,mBAAO,kBAAC,SAAS,EAAC,UAAU,IAAK,KAAK,eACrC,uBAAC,mBAAQ,kBAAC,EAAE,EAAE,cAAc,EAAE,WAAW,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,gBAClE,uBAAC,mBAAO,kBAAC,OAAO,EAAC,cAAc,EAAC,SAAS,EAAC,SAAS,gBAChD,cAAc,IACP,IACD,EACX,uBAAC,mBAAO,kBAAC,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,CAAC,cAAc,CAAC,
|
|
1
|
+
{"version":3,"file":"SystemControl.js","sourceRoot":"","sources":["../../../../../src/components/MobileSystemControls/controls/SystemControl.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAuD;AACvD,iDAAgF;AAChF,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,mBAAO,kBAAC,SAAS,EAAC,UAAU,IAAK,KAAK,eACrC,uBAAC,mBAAQ,kBAAC,EAAE,EAAE,cAAc,EAAE,WAAW,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,gBAClE,uBAAC,mBAAO,kBAAC,OAAO,EAAC,cAAc,EAAC,SAAS,EAAC,SAAS,gBAChD,cAAc,IACP,IACD,EACX,uBAAC,mBAAO,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"}
|
|
@@ -10,7 +10,7 @@ const react_1 = require("react");
|
|
|
10
10
|
const SearchBar = (_a) => {
|
|
11
11
|
var { defaultValue, onSearch } = _a, props = tslib_1.__rest(_a, ["defaultValue", "onSearch"]);
|
|
12
12
|
const [term, setTerm] = (0, react_1.useState)();
|
|
13
|
-
return ((0, jsx_runtime_1.jsx)(sdk_react_1.FlexRow, Object.assign({ alignItems: "stretch" }, props, { children: (0, jsx_runtime_1.jsxs)(material_1.Paper, Object.assign({ style: { display: 'flex', flexGrow: 1, overflow: 'hidden' } }, { 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) => {
|
|
13
|
+
return ((0, jsx_runtime_1.jsx)(sdk_react_1.FlexRow, Object.assign({ alignItems: "stretch" }, props, { children: (0, jsx_runtime_1.jsxs)(material_1.Paper, Object.assign({ variant: "elevation", style: { display: 'flex', flexGrow: 1, overflow: 'hidden' } }, { 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) => {
|
|
14
14
|
if (event.key === 'Enter')
|
|
15
15
|
onSearch === null || onSearch === void 0 ? void 0 : onSearch(term);
|
|
16
16
|
} }), (0, jsx_runtime_1.jsx)(sdk_react_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, {}) }))] })) })));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchBar.js","sourceRoot":"","sources":["../../../../src/components/SearchBar/SearchBar.tsx"],"names":[],"mappings":";;;;;AAAA,gFAAmD;AACnD,4CAAgD;AAChD,iDAAmE;AACnE,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,mBAAO,kBAAC,UAAU,EAAC,SAAS,IAAK,KAAK,cACrC,wBAAC,gBAAK,kBAAC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,
|
|
1
|
+
{"version":3,"file":"SearchBar.js","sourceRoot":"","sources":["../../../../src/components/SearchBar/SearchBar.tsx"],"names":[],"mappings":";;;;;AAAA,gFAAmD;AACnD,4CAAgD;AAChD,iDAAmE;AACnE,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,mBAAO,kBAAC,UAAU,EAAC,SAAS,IAAK,KAAK,cACrC,wBAAC,gBAAK,kBAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,iBACpF,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,oBAAQ,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"}
|
|
@@ -12,7 +12,7 @@ const react_shared_1 = require("@xyo-network/react-shared");
|
|
|
12
12
|
const SiteMenu_1 = require("./SiteMenu");
|
|
13
13
|
const SystemToolbar = (_a) => {
|
|
14
14
|
var { children, networkSelectProps, archiveSelectProps, hideNetworkSelect, hideArchiveSelect, siteMenuProps, darkModeButton = false, authButton = false, noMenu = false } = _a, props = tslib_1.__rest(_a, ["children", "networkSelectProps", "archiveSelectProps", "hideNetworkSelect", "hideArchiveSelect", "siteMenuProps", "darkModeButton", "authButton", "noMenu"]);
|
|
15
|
-
return ((0, jsx_runtime_1.jsxs)(material_1.Toolbar, Object.assign({}, props, { children: [hideNetworkSelect ? null : ((0, jsx_runtime_1.jsx)(sdk_react_1.FlexRow, Object.assign({
|
|
15
|
+
return ((0, jsx_runtime_1.jsxs)(material_1.Toolbar, Object.assign({}, props, { children: [hideNetworkSelect ? null : ((0, jsx_runtime_1.jsx)(sdk_react_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)(sdk_react_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, Object.assign({}, siteMenuProps))] })));
|
|
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,
|
|
1
|
+
{"version":3,"file":"SystemToolbar.js","sourceRoot":"","sources":["../../../../../src/components/Toolbar/System/SystemToolbar.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA4D;AAC5D,iDAA0D;AAC1D,8DAA4D;AAC5D,wDAA8D;AAC9D,8DAAkF;AAClF,4DAA8D;AAE9D,yCAAoD;AAa7C,MAAM,aAAa,GAAiC,CAAC,EAW3D,EAAE,EAAE;QAXuD,EAC1D,QAAQ,EACR,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,aAAa,EACb,cAAc,GAAG,KAAK,EACtB,UAAU,GAAG,KAAK,EAClB,MAAM,GAAG,KAAK,OAEf,EADI,KAAK,sBAVkD,6JAW3D,CADS;IAER,OAAO,CACL,wBAAC,kBAAO,oBAAK,KAAK,eACf,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC1B,uBAAC,mBAAO,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,mBAAO,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,oBAAK,aAAa,EAAI,KACxC,CACX,CAAA;AACH,CAAC,CAAA;AAlCY,QAAA,aAAa,iBAkCzB"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useMediaQuery } from '@mui/material';
|
|
2
|
+
import { Paper, useMediaQuery } from '@mui/material';
|
|
3
3
|
import { FlexCol, FlexRow } from '@xylabs/sdk-react';
|
|
4
4
|
import { ArchiveSelectEx, useArchive } from '@xyo-network/react-archive';
|
|
5
5
|
import { NetworkSelectEx, useNetwork } from '@xyo-network/react-network';
|
|
@@ -10,7 +10,7 @@ const SystemControlsUnstyled = ({ systemControlsType = SystemControlsType.Window
|
|
|
10
10
|
const { archive } = useArchive();
|
|
11
11
|
const isSmall = useMediaQuery((theme) => theme.breakpoints.down('sm'));
|
|
12
12
|
if (visible || isSmall) {
|
|
13
|
-
return (_jsx(FlexCol, { ...props, className: `${props.className} system-controls-type-${systemControlsType}`, children: _jsx(SystemControl, { systemControlsType: systemControlsType, controlElement: _jsxs(_Fragment, { children: [_jsx(FlexRow, {
|
|
13
|
+
return (_jsx(FlexCol, { ...props, className: `${props.className} system-controls-type-${systemControlsType}`, children: _jsx(SystemControl, { systemControlsType: systemControlsType, controlElement: _jsxs(_Fragment, { children: [_jsx(FlexRow, { className: 'control-wrap', children: _jsx(Paper, { variant: "elevation", children: _jsx(NetworkSelectEx, { responsive: false, className: "network-ex" }) }) }), _jsx(FlexRow, { children: _jsx(Paper, { variant: "elevation", children: _jsx(ArchiveSelectEx, {}) }) })] }), children: _jsx(ControlText, { value: `${network?.name} : ${archive ?? 'temp'} ` }) }) }));
|
|
14
14
|
}
|
|
15
15
|
else {
|
|
16
16
|
return _jsx(FlexCol, {});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SystemControlsUnstyled.js","sourceRoot":"","sources":["../../../../src/components/MobileSystemControls/SystemControlsUnstyled.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAS,aAAa,EAAE,MAAM,eAAe,CAAA;
|
|
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,mBAAmB,CAAA;AAClE,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,YACxB,KAAC,eAAe,IAAC,UAAU,EAAE,KAAK,EAAE,SAAS,EAAC,YAAY,GAAG,GACvD,GACA,EACV,KAAC,OAAO,cACN,KAAC,KAAK,IAAC,OAAO,EAAC,WAAW,YACxB,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"}
|
|
@@ -12,7 +12,7 @@ const SystemControl = ({ children, controlElement, systemControlsType = SystemCo
|
|
|
12
12
|
break;
|
|
13
13
|
}
|
|
14
14
|
}
|
|
15
|
-
return (_jsxs(FlexRow, { className: "controls", ...props, children: [_jsx(Collapse, { in: toggleControls, orientation: orientation, timeout: 500, children: _jsx(FlexRow, { bgcolor: "primary.main", className: "control", children: controlElement }) }), _jsx(FlexCol, { onClick: () => setToggleControls(!toggleControls), children: children })] }));
|
|
15
|
+
return (_jsxs(FlexRow, { className: "controls", ...props, children: [_jsx(Collapse, { in: toggleControls, orientation: orientation, timeout: 500, children: _jsx(FlexRow, { bgcolor: "primary.main", className: "control", children: controlElement }) }), _jsx(FlexCol, { style: { cursor: 'pointer' }, onClick: () => setToggleControls(!toggleControls), children: children })] }));
|
|
16
16
|
};
|
|
17
17
|
export { SystemControl };
|
|
18
18
|
//# sourceMappingURL=SystemControl.js.map
|
|
@@ -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,EAAgB,MAAM,mBAAmB,CAAA;AAChF,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,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,CAAC,cAAc,CAAC,
|
|
1
|
+
{"version":3,"file":"SystemControl.js","sourceRoot":"","sources":["../../../../../src/components/MobileSystemControls/controls/SystemControl.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAiB,MAAM,eAAe,CAAA;AACvD,OAAO,EAAgB,OAAO,EAAE,OAAO,EAAgB,MAAM,mBAAmB,CAAA;AAChF,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"}
|
|
@@ -5,7 +5,7 @@ import { ButtonEx, FlexRow } from '@xylabs/sdk-react';
|
|
|
5
5
|
import { useState } from 'react';
|
|
6
6
|
export const SearchBar = ({ defaultValue, onSearch, ...props }) => {
|
|
7
7
|
const [term, setTerm] = useState();
|
|
8
|
-
return (_jsx(FlexRow, { alignItems: "stretch", ...props, children: _jsxs(Paper, { style: { display: 'flex', flexGrow: 1, overflow: 'hidden' }, children: [_jsx(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) => {
|
|
8
|
+
return (_jsx(FlexRow, { alignItems: "stretch", ...props, children: _jsxs(Paper, { variant: "elevation", style: { display: 'flex', flexGrow: 1, overflow: 'hidden' }, children: [_jsx(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) => {
|
|
9
9
|
if (event.key === 'Enter')
|
|
10
10
|
onSearch?.(term);
|
|
11
11
|
} }), _jsx(ButtonEx, { variant: "contained", style: { borderRadius: 0, borderTopLeftRadius: 0 }, color: "secondary", onClick: () => onSearch?.(term), children: _jsx(SearchIcon, {}) })] }) }));
|
|
@@ -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,mBAAmB,CAAA;AACnE,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,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,
|
|
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,mBAAmB,CAAA;AACnE,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,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,aACpF,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
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Toolbar } from '@mui/material';
|
|
2
|
+
import { Paper, Toolbar } from '@mui/material';
|
|
3
3
|
import { FlexRow } from '@xylabs/sdk-react';
|
|
4
4
|
import { ArchiveSelectEx } from '@xyo-network/react-archive';
|
|
5
5
|
import { AuthStatusIconButton } from '@xyo-network/react-auth';
|
|
@@ -7,6 +7,6 @@ import { NetworkSelectEx } from '@xyo-network/react-network';
|
|
|
7
7
|
import { DarkModeIconButton } from '@xyo-network/react-shared';
|
|
8
8
|
import { SiteMenu } from './SiteMenu';
|
|
9
9
|
export const SystemToolbar = ({ children, networkSelectProps, archiveSelectProps, hideNetworkSelect, hideArchiveSelect, siteMenuProps, darkModeButton = false, authButton = false, noMenu = false, ...props }) => {
|
|
10
|
-
return (_jsxs(Toolbar, { ...props, children: [hideNetworkSelect ? null : (_jsx(FlexRow, {
|
|
10
|
+
return (_jsxs(Toolbar, { ...props, children: [hideNetworkSelect ? null : (_jsx(FlexRow, { marginX: 0.5, maxWidth: 120, children: _jsx(Paper, { variant: "elevation", children: _jsx(NetworkSelectEx, { fullWidth: true, ...networkSelectProps }) }) })), hideArchiveSelect ? null : (_jsx(FlexRow, { marginX: 0.5, maxWidth: 120, children: _jsx(Paper, { variant: "elevation", children: _jsx(ArchiveSelectEx, { fullWidth: true, ...archiveSelectProps }) }) })), children, authButton ? _jsx(AuthStatusIconButton, { color: "inherit" }) : null, darkModeButton ? _jsx(DarkModeIconButton, { color: "inherit" }) : null, noMenu ? null : _jsx(SiteMenu, { ...siteMenuProps })] }));
|
|
11
11
|
};
|
|
12
12
|
//# sourceMappingURL=SystemToolbar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SystemToolbar.js","sourceRoot":"","sources":["../../../../../src/components/Toolbar/System/SystemToolbar.tsx"],"names":[],"mappings":";AAAA,OAAO,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;AAC5D,OAAO,EAAE,OAAO,EAAiB,MAAM,mBAAmB,CAAA;AAC1D,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;AAE9D,OAAO,EAAE,QAAQ,EAAiB,MAAM,YAAY,CAAA;AAapD,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,EAC1D,QAAQ,EACR,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,aAAa,EACb,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,OAAK,aAAa,GAAI,IACxC,CACX,CAAA;AACH,CAAC,CAAA"}
|
package/package.json
CHANGED
|
@@ -16,12 +16,12 @@
|
|
|
16
16
|
"@mui/material": "^5.8.2",
|
|
17
17
|
"@xylabs/sdk-react": "^2.12.10",
|
|
18
18
|
"@xyo-network/core": "^2.20.41",
|
|
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.
|
|
19
|
+
"@xyo-network/react-archive": "^2.25.36",
|
|
20
|
+
"@xyo-network/react-archivist-api": "^2.25.36",
|
|
21
|
+
"@xyo-network/react-auth": "^2.25.36",
|
|
22
|
+
"@xyo-network/react-network": "^2.25.36",
|
|
23
|
+
"@xyo-network/react-shared": "^2.25.36",
|
|
24
|
+
"@xyo-network/react-theme": "^2.25.36",
|
|
25
25
|
"lodash": "^4.17.21",
|
|
26
26
|
"react": "^18.1.0",
|
|
27
27
|
"react-dom": "^18.1.0",
|
|
@@ -105,6 +105,6 @@
|
|
|
105
105
|
},
|
|
106
106
|
"sideEffects": false,
|
|
107
107
|
"types": "dist/esm/index.d.ts",
|
|
108
|
-
"version": "2.25.
|
|
108
|
+
"version": "2.25.36",
|
|
109
109
|
"packageManager": "yarn@3.1.1"
|
|
110
110
|
}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
/* eslint-disable import/no-internal-modules */
|
|
2
2
|
import { ComponentMeta, ComponentStory } from '@storybook/react'
|
|
3
|
+
import { ArchiveProvider, ArchivesProvider } from '@xyo-network/react-archive'
|
|
4
|
+
import { ArchivistApiProvider } from '@xyo-network/react-archivist-api'
|
|
5
|
+
import { NetworkMemoryProvider } from '@xyo-network/react-network'
|
|
3
6
|
import { BrowserRouter } from 'react-router-dom'
|
|
4
7
|
|
|
5
|
-
import { ArchiveProvider, ArchivesProvider } from '../../../../archive/src'
|
|
6
|
-
import { ArchivistApiProvider } from '../../../../archivist-api/src'
|
|
7
|
-
import { NetworkMemoryProvider } from '../../../../network/src'
|
|
8
8
|
import { SearchBar } from '../SearchBar'
|
|
9
9
|
import { SystemToolbar } from '../Toolbar'
|
|
10
10
|
import { ApplicationAppBar } from './Application'
|
|
@@ -22,15 +22,15 @@ const StorybookEntry = {
|
|
|
22
22
|
|
|
23
23
|
const Template: ComponentStory<typeof ApplicationAppBar> = (args) => (
|
|
24
24
|
<BrowserRouter>
|
|
25
|
-
<
|
|
26
|
-
<
|
|
27
|
-
<
|
|
28
|
-
<
|
|
25
|
+
<ArchivistApiProvider apiDomain="https://beta.api.archivist.xyo.network">
|
|
26
|
+
<NetworkMemoryProvider>
|
|
27
|
+
<ArchivesProvider>
|
|
28
|
+
<ArchiveProvider>
|
|
29
29
|
<ApplicationAppBar {...args}></ApplicationAppBar>
|
|
30
|
-
</
|
|
31
|
-
</
|
|
32
|
-
</
|
|
33
|
-
</
|
|
30
|
+
</ArchiveProvider>
|
|
31
|
+
</ArchivesProvider>
|
|
32
|
+
</NetworkMemoryProvider>
|
|
33
|
+
</ArchivistApiProvider>
|
|
34
34
|
</BrowserRouter>
|
|
35
35
|
)
|
|
36
36
|
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
/* eslint-disable import/no-internal-modules */
|
|
2
2
|
import { ComponentStory, Meta } from '@storybook/react'
|
|
3
|
+
import { ArchiveProvider, ArchivesProvider } from '@xyo-network/react-archive'
|
|
4
|
+
import { ArchivistApiProvider } from '@xyo-network/react-archivist-api'
|
|
5
|
+
import { NetworkMemoryProvider } from '@xyo-network/react-network'
|
|
3
6
|
|
|
4
|
-
import { ArchivesProvider } from '../../../../archive/src'
|
|
5
|
-
import { ArchivistApiProvider } from '../../../../archivist-api/src'
|
|
6
|
-
import { NetworkMemoryProvider } from '../../../../network/src'
|
|
7
7
|
import { SystemControls } from './SystemControls'
|
|
8
8
|
import { SystemControlsType } from './SystemControlsType'
|
|
9
9
|
|
|
@@ -23,7 +23,9 @@ const Template: ComponentStory<typeof SystemControls> = (props) => {
|
|
|
23
23
|
<NetworkMemoryProvider>
|
|
24
24
|
<ArchivistApiProvider apiDomain="http://localhost:8080">
|
|
25
25
|
<ArchivesProvider>
|
|
26
|
-
<
|
|
26
|
+
<ArchiveProvider>
|
|
27
|
+
<SystemControls {...props} />
|
|
28
|
+
</ArchiveProvider>
|
|
27
29
|
</ArchivesProvider>
|
|
28
30
|
</ArchivistApiProvider>
|
|
29
31
|
</NetworkMemoryProvider>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Theme, useMediaQuery } from '@mui/material'
|
|
1
|
+
import { Paper, Theme, useMediaQuery } from '@mui/material'
|
|
2
2
|
import { FlexBoxProps, FlexCol, FlexRow } from '@xylabs/sdk-react'
|
|
3
3
|
import { ArchiveSelectEx, useArchive } from '@xyo-network/react-archive'
|
|
4
4
|
import { NetworkSelectEx, useNetwork } from '@xyo-network/react-network'
|
|
@@ -23,11 +23,15 @@ const SystemControlsUnstyled: React.FC<SystemControlsUnstyledProps> = ({ systemC
|
|
|
23
23
|
systemControlsType={systemControlsType}
|
|
24
24
|
controlElement={
|
|
25
25
|
<>
|
|
26
|
-
<FlexRow
|
|
27
|
-
<
|
|
26
|
+
<FlexRow className={'control-wrap'}>
|
|
27
|
+
<Paper variant="elevation">
|
|
28
|
+
<NetworkSelectEx responsive={false} className="network-ex" />
|
|
29
|
+
</Paper>
|
|
28
30
|
</FlexRow>
|
|
29
|
-
<FlexRow
|
|
30
|
-
<
|
|
31
|
+
<FlexRow>
|
|
32
|
+
<Paper variant="elevation">
|
|
33
|
+
<ArchiveSelectEx />
|
|
34
|
+
</Paper>
|
|
31
35
|
</FlexRow>
|
|
32
36
|
</>
|
|
33
37
|
}
|
|
@@ -28,7 +28,9 @@ const SystemControl: React.FC<WithChildren<SystemControlProps>> = ({ children, c
|
|
|
28
28
|
{controlElement}
|
|
29
29
|
</FlexRow>
|
|
30
30
|
</Collapse>
|
|
31
|
-
<FlexCol onClick={() => setToggleControls(!toggleControls)}>
|
|
31
|
+
<FlexCol style={{ cursor: 'pointer' }} onClick={() => setToggleControls(!toggleControls)}>
|
|
32
|
+
{children}
|
|
33
|
+
</FlexCol>
|
|
32
34
|
</FlexRow>
|
|
33
35
|
)
|
|
34
36
|
}
|
|
@@ -12,7 +12,7 @@ export const SearchBar: React.FC<SearchBarProps> = ({ defaultValue, onSearch, ..
|
|
|
12
12
|
|
|
13
13
|
return (
|
|
14
14
|
<FlexRow alignItems="stretch" {...props}>
|
|
15
|
-
<Paper style={{ display: 'flex', flexGrow: 1, overflow: 'hidden' }}>
|
|
15
|
+
<Paper variant="elevation" style={{ display: 'flex', flexGrow: 1, overflow: 'hidden' }}>
|
|
16
16
|
<TextField
|
|
17
17
|
InputProps={{ color: 'secondary', style: { borderBottomRightRadius: 0, borderTopRightRadius: 0, borderWidth: 0 } }}
|
|
18
18
|
variant="outlined"
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Toolbar, ToolbarProps } from '@mui/material'
|
|
1
|
+
import { Paper, Toolbar, ToolbarProps } from '@mui/material'
|
|
2
2
|
import { FlexRow, SelectExProps } from '@xylabs/sdk-react'
|
|
3
3
|
import { ArchiveSelectEx } from '@xyo-network/react-archive'
|
|
4
4
|
import { AuthStatusIconButton } from '@xyo-network/react-auth'
|
|
@@ -33,13 +33,17 @@ export const SystemToolbar: React.FC<SystemToolbarProps> = ({
|
|
|
33
33
|
return (
|
|
34
34
|
<Toolbar {...props}>
|
|
35
35
|
{hideNetworkSelect ? null : (
|
|
36
|
-
<FlexRow
|
|
37
|
-
<
|
|
36
|
+
<FlexRow marginX={0.5} maxWidth={120}>
|
|
37
|
+
<Paper variant="elevation">
|
|
38
|
+
<NetworkSelectEx fullWidth {...networkSelectProps} />
|
|
39
|
+
</Paper>
|
|
38
40
|
</FlexRow>
|
|
39
41
|
)}
|
|
40
42
|
{hideArchiveSelect ? null : (
|
|
41
|
-
<FlexRow
|
|
42
|
-
<
|
|
43
|
+
<FlexRow marginX={0.5} maxWidth={120}>
|
|
44
|
+
<Paper variant="elevation">
|
|
45
|
+
<ArchiveSelectEx fullWidth {...archiveSelectProps} />
|
|
46
|
+
</Paper>
|
|
43
47
|
</FlexRow>
|
|
44
48
|
)}
|
|
45
49
|
{children}
|