@xyo-network/react-appbar 2.25.35 → 2.25.38

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.
Files changed (24) hide show
  1. package/dist/cjs/components/MobileSystemControls/SystemControlsUnstyled.js +1 -1
  2. package/dist/cjs/components/MobileSystemControls/SystemControlsUnstyled.js.map +1 -1
  3. package/dist/cjs/components/MobileSystemControls/controls/SystemControl.js +1 -1
  4. package/dist/cjs/components/MobileSystemControls/controls/SystemControl.js.map +1 -1
  5. package/dist/cjs/components/SearchBar/SearchBar.js +1 -1
  6. package/dist/cjs/components/SearchBar/SearchBar.js.map +1 -1
  7. package/dist/cjs/components/Toolbar/System/SystemToolbar.js +1 -1
  8. package/dist/cjs/components/Toolbar/System/SystemToolbar.js.map +1 -1
  9. package/dist/docs.json +37 -37
  10. package/dist/esm/components/MobileSystemControls/SystemControlsUnstyled.js +2 -2
  11. package/dist/esm/components/MobileSystemControls/SystemControlsUnstyled.js.map +1 -1
  12. package/dist/esm/components/MobileSystemControls/controls/SystemControl.js +1 -1
  13. package/dist/esm/components/MobileSystemControls/controls/SystemControl.js.map +1 -1
  14. package/dist/esm/components/SearchBar/SearchBar.js +1 -1
  15. package/dist/esm/components/SearchBar/SearchBar.js.map +1 -1
  16. package/dist/esm/components/Toolbar/System/SystemToolbar.js +2 -2
  17. package/dist/esm/components/Toolbar/System/SystemToolbar.js.map +1 -1
  18. package/package.json +17 -17
  19. package/src/components/AppBar/Application.stories.tsx +32 -13
  20. package/src/components/MobileSystemControls/SystemControls.stories.tsx +6 -4
  21. package/src/components/MobileSystemControls/SystemControlsUnstyled.tsx +9 -5
  22. package/src/components/MobileSystemControls/controls/SystemControl.tsx +3 -1
  23. package/src/components/SearchBar/SearchBar.tsx +1 -1
  24. 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({ paper: true, className: 'control-wrap' }, { children: (0, jsx_runtime_1.jsx)(react_network_1.NetworkSelectEx, { responsive: false, className: "network-ex" }) })), (0, jsx_runtime_1.jsx)(sdk_react_1.FlexRow, Object.assign({ paper: true }, { 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'} ` }) })) })));
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", elevation: 0 }, { 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", 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
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,4CAAoD;AACpD,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,KAAK,QAAC,SAAS,EAAE,cAAc,gBACtC,uBAAC,+BAAe,IAAC,UAAU,EAAE,KAAK,EAAE,SAAS,EAAC,YAAY,GAAG,IACrD,EACV,uBAAC,mBAAO,kBAAC,KAAK,sBACZ,uBAAC,+BAAe,KAAG,IACX,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"}
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,EAAC,SAAS,EAAE,CAAC,gBACrC,uBAAC,+BAAe,IAAC,UAAU,EAAE,KAAK,EAAE,SAAS,EAAC,YAAY,GAAG,IACvD,IACA,EACV,uBAAC,mBAAO,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,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,gBAAG,QAAQ,IAAW,KACxE,CACX,CAAA;AACH,CAAC,CAAA;AAEQ,sCAAa"}
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", 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) => {
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,iBAChE,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"}
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,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,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({ paper: true, marginX: 0.5, maxWidth: 120 }, { 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({ paper: true, marginX: 0.5, maxWidth: 120 }, { 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))] })));
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,4CAAqD;AACrD,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,KAAK,QAAC,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,gBACxC,uBAAC,+BAAe,kBAAC,SAAS,UAAK,kBAAkB,EAAI,IAC7C,CACX,EACA,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC1B,uBAAC,mBAAO,kBAAC,KAAK,QAAC,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,gBACxC,uBAAC,+BAAe,kBAAC,SAAS,UAAK,kBAAkB,EAAI,IAC7C,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;AA9BY,QAAA,aAAa,iBA8BzB"}
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"}
package/dist/docs.json CHANGED
@@ -21259,7 +21259,7 @@
21259
21259
  },
21260
21260
  "sources": [
21261
21261
  {
21262
- "fileName": "node_modules/@xylabs/sdk-react/dist/esm/components/FlexBox/BusyBox.d.ts",
21262
+ "fileName": "node_modules/@xylabs/react-flexbox/dist/esm/components/BusyBox.d.ts",
21263
21263
  "line": 6,
21264
21264
  "character": 4
21265
21265
  }
@@ -24480,7 +24480,7 @@
24480
24480
  },
24481
24481
  "sources": [
24482
24482
  {
24483
- "fileName": "node_modules/@xylabs/sdk-react/dist/esm/BusyProps.d.ts",
24483
+ "fileName": "node_modules/@xylabs/react-shared/dist/esm/BusyProps.d.ts",
24484
24484
  "line": 5,
24485
24485
  "character": 4
24486
24486
  }
@@ -24505,7 +24505,7 @@
24505
24505
  },
24506
24506
  "sources": [
24507
24507
  {
24508
- "fileName": "node_modules/@xylabs/sdk-react/dist/esm/BusyProps.d.ts",
24508
+ "fileName": "node_modules/@xylabs/react-shared/dist/esm/BusyProps.d.ts",
24509
24509
  "line": 9,
24510
24510
  "character": 4
24511
24511
  }
@@ -24532,7 +24532,7 @@
24532
24532
  },
24533
24533
  "sources": [
24534
24534
  {
24535
- "fileName": "node_modules/@xylabs/sdk-react/dist/esm/BusyProps.d.ts",
24535
+ "fileName": "node_modules/@xylabs/react-shared/dist/esm/BusyProps.d.ts",
24536
24536
  "line": 7,
24537
24537
  "character": 4
24538
24538
  }
@@ -24540,7 +24540,7 @@
24540
24540
  "type": {
24541
24541
  "type": "reference",
24542
24542
  "qualifiedName": "MaterialUIThemeColor",
24543
- "package": "@xylabs/sdk-react",
24543
+ "package": "@xylabs/react-shared",
24544
24544
  "name": "MaterialUIThemeColor"
24545
24545
  },
24546
24546
  "inheritedFrom": {
@@ -24559,7 +24559,7 @@
24559
24559
  },
24560
24560
  "sources": [
24561
24561
  {
24562
- "fileName": "node_modules/@xylabs/sdk-react/dist/esm/BusyProps.d.ts",
24562
+ "fileName": "node_modules/@xylabs/react-shared/dist/esm/BusyProps.d.ts",
24563
24563
  "line": 10,
24564
24564
  "character": 4
24565
24565
  }
@@ -24586,7 +24586,7 @@
24586
24586
  },
24587
24587
  "sources": [
24588
24588
  {
24589
- "fileName": "node_modules/@xylabs/sdk-react/dist/esm/BusyProps.d.ts",
24589
+ "fileName": "node_modules/@xylabs/react-shared/dist/esm/BusyProps.d.ts",
24590
24590
  "line": 6,
24591
24591
  "character": 4
24592
24592
  }
@@ -24620,7 +24620,7 @@
24620
24620
  },
24621
24621
  "sources": [
24622
24622
  {
24623
- "fileName": "node_modules/@xylabs/sdk-react/dist/esm/BusyProps.d.ts",
24623
+ "fileName": "node_modules/@xylabs/react-shared/dist/esm/BusyProps.d.ts",
24624
24624
  "line": 11,
24625
24625
  "character": 4
24626
24626
  }
@@ -24645,7 +24645,7 @@
24645
24645
  },
24646
24646
  "sources": [
24647
24647
  {
24648
- "fileName": "node_modules/@xylabs/sdk-react/dist/esm/BusyProps.d.ts",
24648
+ "fileName": "node_modules/@xylabs/react-shared/dist/esm/BusyProps.d.ts",
24649
24649
  "line": 8,
24650
24650
  "character": 4
24651
24651
  }
@@ -24653,7 +24653,7 @@
24653
24653
  "type": {
24654
24654
  "type": "reference",
24655
24655
  "qualifiedName": "BusyVariant",
24656
- "package": "@xylabs/sdk-react",
24656
+ "package": "@xylabs/react-shared",
24657
24657
  "name": "BusyVariant"
24658
24658
  },
24659
24659
  "inheritedFrom": {
@@ -40172,7 +40172,7 @@
40172
40172
  },
40173
40173
  "sources": [
40174
40174
  {
40175
- "fileName": "node_modules/@xylabs/sdk-react/dist/esm/components/FlexBox/BusyBox.d.ts",
40175
+ "fileName": "node_modules/@xylabs/react-flexbox/dist/esm/components/BusyBox.d.ts",
40176
40176
  "line": 5,
40177
40177
  "character": 4
40178
40178
  }
@@ -43869,7 +43869,7 @@
43869
43869
  {
43870
43870
  "type": "reference",
43871
43871
  "qualifiedName": "FlexBoxProps",
43872
- "package": "@xylabs/sdk-react",
43872
+ "package": "@xylabs/react-flexbox",
43873
43873
  "name": "FlexBoxProps"
43874
43874
  }
43875
43875
  ]
@@ -46249,7 +46249,7 @@
46249
46249
  },
46250
46250
  "sources": [
46251
46251
  {
46252
- "fileName": "node_modules/@xylabs/sdk-react/dist/esm/components/FlexBox/BusyBox.d.ts",
46252
+ "fileName": "node_modules/@xylabs/react-flexbox/dist/esm/components/BusyBox.d.ts",
46253
46253
  "line": 6,
46254
46254
  "character": 4
46255
46255
  }
@@ -49470,7 +49470,7 @@
49470
49470
  },
49471
49471
  "sources": [
49472
49472
  {
49473
- "fileName": "node_modules/@xylabs/sdk-react/dist/esm/BusyProps.d.ts",
49473
+ "fileName": "node_modules/@xylabs/react-shared/dist/esm/BusyProps.d.ts",
49474
49474
  "line": 5,
49475
49475
  "character": 4
49476
49476
  }
@@ -49495,7 +49495,7 @@
49495
49495
  },
49496
49496
  "sources": [
49497
49497
  {
49498
- "fileName": "node_modules/@xylabs/sdk-react/dist/esm/BusyProps.d.ts",
49498
+ "fileName": "node_modules/@xylabs/react-shared/dist/esm/BusyProps.d.ts",
49499
49499
  "line": 9,
49500
49500
  "character": 4
49501
49501
  }
@@ -49522,7 +49522,7 @@
49522
49522
  },
49523
49523
  "sources": [
49524
49524
  {
49525
- "fileName": "node_modules/@xylabs/sdk-react/dist/esm/BusyProps.d.ts",
49525
+ "fileName": "node_modules/@xylabs/react-shared/dist/esm/BusyProps.d.ts",
49526
49526
  "line": 7,
49527
49527
  "character": 4
49528
49528
  }
@@ -49530,7 +49530,7 @@
49530
49530
  "type": {
49531
49531
  "type": "reference",
49532
49532
  "qualifiedName": "MaterialUIThemeColor",
49533
- "package": "@xylabs/sdk-react",
49533
+ "package": "@xylabs/react-shared",
49534
49534
  "name": "MaterialUIThemeColor"
49535
49535
  },
49536
49536
  "inheritedFrom": {
@@ -49549,7 +49549,7 @@
49549
49549
  },
49550
49550
  "sources": [
49551
49551
  {
49552
- "fileName": "node_modules/@xylabs/sdk-react/dist/esm/BusyProps.d.ts",
49552
+ "fileName": "node_modules/@xylabs/react-shared/dist/esm/BusyProps.d.ts",
49553
49553
  "line": 10,
49554
49554
  "character": 4
49555
49555
  }
@@ -49576,7 +49576,7 @@
49576
49576
  },
49577
49577
  "sources": [
49578
49578
  {
49579
- "fileName": "node_modules/@xylabs/sdk-react/dist/esm/BusyProps.d.ts",
49579
+ "fileName": "node_modules/@xylabs/react-shared/dist/esm/BusyProps.d.ts",
49580
49580
  "line": 6,
49581
49581
  "character": 4
49582
49582
  }
@@ -49610,7 +49610,7 @@
49610
49610
  },
49611
49611
  "sources": [
49612
49612
  {
49613
- "fileName": "node_modules/@xylabs/sdk-react/dist/esm/BusyProps.d.ts",
49613
+ "fileName": "node_modules/@xylabs/react-shared/dist/esm/BusyProps.d.ts",
49614
49614
  "line": 11,
49615
49615
  "character": 4
49616
49616
  }
@@ -49635,7 +49635,7 @@
49635
49635
  },
49636
49636
  "sources": [
49637
49637
  {
49638
- "fileName": "node_modules/@xylabs/sdk-react/dist/esm/BusyProps.d.ts",
49638
+ "fileName": "node_modules/@xylabs/react-shared/dist/esm/BusyProps.d.ts",
49639
49639
  "line": 8,
49640
49640
  "character": 4
49641
49641
  }
@@ -49643,7 +49643,7 @@
49643
49643
  "type": {
49644
49644
  "type": "reference",
49645
49645
  "qualifiedName": "BusyVariant",
49646
- "package": "@xylabs/sdk-react",
49646
+ "package": "@xylabs/react-shared",
49647
49647
  "name": "BusyVariant"
49648
49648
  },
49649
49649
  "inheritedFrom": {
@@ -65206,7 +65206,7 @@
65206
65206
  },
65207
65207
  "sources": [
65208
65208
  {
65209
- "fileName": "node_modules/@xylabs/sdk-react/dist/esm/components/FlexBox/BusyBox.d.ts",
65209
+ "fileName": "node_modules/@xylabs/react-flexbox/dist/esm/components/BusyBox.d.ts",
65210
65210
  "line": 5,
65211
65211
  "character": 4
65212
65212
  }
@@ -68854,7 +68854,7 @@
68854
68854
  {
68855
68855
  "type": "reference",
68856
68856
  "qualifiedName": "FlexBoxProps",
68857
- "package": "@xylabs/sdk-react",
68857
+ "package": "@xylabs/react-flexbox",
68858
68858
  "name": "FlexBoxProps"
68859
68859
  }
68860
68860
  ]
@@ -71111,7 +71111,7 @@
71111
71111
  },
71112
71112
  "sources": [
71113
71113
  {
71114
- "fileName": "node_modules/@xylabs/sdk-react/dist/esm/components/FlexBox/BusyBox.d.ts",
71114
+ "fileName": "node_modules/@xylabs/react-flexbox/dist/esm/components/BusyBox.d.ts",
71115
71115
  "line": 6,
71116
71116
  "character": 4
71117
71117
  }
@@ -74332,7 +74332,7 @@
74332
74332
  },
74333
74333
  "sources": [
74334
74334
  {
74335
- "fileName": "node_modules/@xylabs/sdk-react/dist/esm/BusyProps.d.ts",
74335
+ "fileName": "node_modules/@xylabs/react-shared/dist/esm/BusyProps.d.ts",
74336
74336
  "line": 5,
74337
74337
  "character": 4
74338
74338
  }
@@ -74357,7 +74357,7 @@
74357
74357
  },
74358
74358
  "sources": [
74359
74359
  {
74360
- "fileName": "node_modules/@xylabs/sdk-react/dist/esm/BusyProps.d.ts",
74360
+ "fileName": "node_modules/@xylabs/react-shared/dist/esm/BusyProps.d.ts",
74361
74361
  "line": 9,
74362
74362
  "character": 4
74363
74363
  }
@@ -74384,7 +74384,7 @@
74384
74384
  },
74385
74385
  "sources": [
74386
74386
  {
74387
- "fileName": "node_modules/@xylabs/sdk-react/dist/esm/BusyProps.d.ts",
74387
+ "fileName": "node_modules/@xylabs/react-shared/dist/esm/BusyProps.d.ts",
74388
74388
  "line": 7,
74389
74389
  "character": 4
74390
74390
  }
@@ -74392,7 +74392,7 @@
74392
74392
  "type": {
74393
74393
  "type": "reference",
74394
74394
  "qualifiedName": "MaterialUIThemeColor",
74395
- "package": "@xylabs/sdk-react",
74395
+ "package": "@xylabs/react-shared",
74396
74396
  "name": "MaterialUIThemeColor"
74397
74397
  },
74398
74398
  "inheritedFrom": {
@@ -74411,7 +74411,7 @@
74411
74411
  },
74412
74412
  "sources": [
74413
74413
  {
74414
- "fileName": "node_modules/@xylabs/sdk-react/dist/esm/BusyProps.d.ts",
74414
+ "fileName": "node_modules/@xylabs/react-shared/dist/esm/BusyProps.d.ts",
74415
74415
  "line": 10,
74416
74416
  "character": 4
74417
74417
  }
@@ -74438,7 +74438,7 @@
74438
74438
  },
74439
74439
  "sources": [
74440
74440
  {
74441
- "fileName": "node_modules/@xylabs/sdk-react/dist/esm/BusyProps.d.ts",
74441
+ "fileName": "node_modules/@xylabs/react-shared/dist/esm/BusyProps.d.ts",
74442
74442
  "line": 6,
74443
74443
  "character": 4
74444
74444
  }
@@ -74472,7 +74472,7 @@
74472
74472
  },
74473
74473
  "sources": [
74474
74474
  {
74475
- "fileName": "node_modules/@xylabs/sdk-react/dist/esm/BusyProps.d.ts",
74475
+ "fileName": "node_modules/@xylabs/react-shared/dist/esm/BusyProps.d.ts",
74476
74476
  "line": 11,
74477
74477
  "character": 4
74478
74478
  }
@@ -74497,7 +74497,7 @@
74497
74497
  },
74498
74498
  "sources": [
74499
74499
  {
74500
- "fileName": "node_modules/@xylabs/sdk-react/dist/esm/BusyProps.d.ts",
74500
+ "fileName": "node_modules/@xylabs/react-shared/dist/esm/BusyProps.d.ts",
74501
74501
  "line": 8,
74502
74502
  "character": 4
74503
74503
  }
@@ -74505,7 +74505,7 @@
74505
74505
  "type": {
74506
74506
  "type": "reference",
74507
74507
  "qualifiedName": "BusyVariant",
74508
- "package": "@xylabs/sdk-react",
74508
+ "package": "@xylabs/react-shared",
74509
74509
  "name": "BusyVariant"
74510
74510
  },
74511
74511
  "inheritedFrom": {
@@ -90024,7 +90024,7 @@
90024
90024
  },
90025
90025
  "sources": [
90026
90026
  {
90027
- "fileName": "node_modules/@xylabs/sdk-react/dist/esm/components/FlexBox/BusyBox.d.ts",
90027
+ "fileName": "node_modules/@xylabs/react-flexbox/dist/esm/components/BusyBox.d.ts",
90028
90028
  "line": 5,
90029
90029
  "character": 4
90030
90030
  }
@@ -93713,7 +93713,7 @@
93713
93713
  {
93714
93714
  "type": "reference",
93715
93715
  "qualifiedName": "FlexBoxProps",
93716
- "package": "@xylabs/sdk-react",
93716
+ "package": "@xylabs/react-flexbox",
93717
93717
  "name": "FlexBoxProps"
93718
93718
  }
93719
93719
  ]
@@ -93799,7 +93799,7 @@
93799
93799
  }
93800
93800
  ],
93801
93801
  "qualifiedName": "SelectExProps",
93802
- "package": "@xylabs/sdk-react",
93802
+ "package": "@xylabs/react-common",
93803
93803
  "name": "SelectExProps"
93804
93804
  }
93805
93805
  },
@@ -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, { paper: true, className: 'control-wrap', children: _jsx(NetworkSelectEx, { responsive: false, className: "network-ex" }) }), _jsx(FlexRow, { paper: true, children: _jsx(ArchiveSelectEx, {}) })] }), children: _jsx(ControlText, { value: `${network?.name} : ${archive ?? 'temp'} ` }) }) }));
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", elevation: 0, children: _jsx(NetworkSelectEx, { responsive: false, className: "network-ex" }) }) }), _jsx(FlexRow, { children: _jsx(Paper, { variant: "elevation", elevation: 0, 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;AACpD,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,KAAK,QAAC,SAAS,EAAE,cAAc,YACtC,KAAC,eAAe,IAAC,UAAU,EAAE,KAAK,EAAE,SAAS,EAAC,YAAY,GAAG,GACrD,EACV,KAAC,OAAO,IAAC,KAAK,kBACZ,KAAC,eAAe,KAAG,GACX,IACT,YAGL,KAAC,WAAW,IAAC,KAAK,EAAE,GAAG,OAAO,EAAE,IAAI,MAAM,OAAO,IAAI,MAAM,GAAG,GAAI,GACpD,GACR,CACX,CAAA;KACF;SAAM;QACL,OAAO,KAAC,OAAO,KAAG,CAAA;KACnB;AACH,CAAC,CAAA;AAGD,OAAO,EAAE,sBAAsB,EAAE,CAAA"}
1
+ {"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,EAAC,SAAS,EAAE,CAAC,YACrC,KAAC,eAAe,IAAC,UAAU,EAAE,KAAK,EAAE,SAAS,EAAC,YAAY,GAAG,GACvD,GACA,EACV,KAAC,OAAO,cACN,KAAC,KAAK,IAAC,OAAO,EAAC,WAAW,EAAC,SAAS,EAAE,CAAC,YACrC,KAAC,eAAe,KAAG,GACb,GACA,IACT,YAGL,KAAC,WAAW,IAAC,KAAK,EAAE,GAAG,OAAO,EAAE,IAAI,MAAM,OAAO,IAAI,MAAM,GAAG,GAAI,GACpD,GACR,CACX,CAAA;KACF;SAAM;QACL,OAAO,KAAC,OAAO,KAAG,CAAA;KACnB;AACH,CAAC,CAAA;AAGD,OAAO,EAAE,sBAAsB,EAAE,CAAA"}
@@ -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,YAAG,QAAQ,GAAW,IACxE,CACX,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,aAAa,EAAE,CAAA"}
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", elevation: 0, style: { display: 'flex', overflow: 'hidden', width: '100%' }, 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,aAChE,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
+ {"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,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,aACpG,KAAC,SAAS,IACR,UAAU,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,EAAE,uBAAuB,EAAE,CAAC,EAAE,oBAAoB,EAAE,CAAC,EAAE,WAAW,EAAE,CAAC,EAAE,EAAE,EAClH,OAAO,EAAC,UAAU,EAClB,IAAI,EAAC,OAAO,EACZ,YAAY,EAAE,YAAY,EAC1B,SAAS,QACT,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAChD,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;wBACnB,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO;4BAAE,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAA;oBAC7C,CAAC,GACD,EACF,KAAC,QAAQ,IAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,mBAAmB,EAAE,CAAC,EAAE,EAAE,KAAK,EAAC,WAAW,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,YACjI,KAAC,UAAU,KAAG,GACL,IACL,GACA,CACX,CAAA;AACH,CAAC,CAAA"}
@@ -1,5 +1,5 @@
1
1
  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, { paper: true, marginX: 0.5, maxWidth: 120, children: _jsx(NetworkSelectEx, { fullWidth: true, ...networkSelectProps }) })), hideArchiveSelect ? null : (_jsx(FlexRow, { paper: true, marginX: 0.5, maxWidth: 120, children: _jsx(ArchiveSelectEx, { fullWidth: true, ...archiveSelectProps }) })), children, authButton ? _jsx(AuthStatusIconButton, { color: "inherit" }) : null, darkModeButton ? _jsx(DarkModeIconButton, { color: "inherit" }) : null, noMenu ? null : _jsx(SiteMenu, { ...siteMenuProps })] }));
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;AACrD,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,KAAK,QAAC,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,YACxC,KAAC,eAAe,IAAC,SAAS,WAAK,kBAAkB,GAAI,GAC7C,CACX,EACA,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC1B,KAAC,OAAO,IAAC,KAAK,QAAC,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,YACxC,KAAC,eAAe,IAAC,SAAS,WAAK,kBAAkB,GAAI,GAC7C,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"}
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
@@ -14,14 +14,14 @@
14
14
  "@emotion/styled": "^11.8.1",
15
15
  "@mui/icons-material": "^5.8.2",
16
16
  "@mui/material": "^5.8.2",
17
- "@xylabs/sdk-react": "^2.12.10",
18
- "@xyo-network/core": "^2.20.41",
19
- "@xyo-network/react-archive": "^2.25.35",
20
- "@xyo-network/react-archivist-api": "^2.25.35",
21
- "@xyo-network/react-auth": "^2.25.35",
22
- "@xyo-network/react-network": "^2.25.35",
23
- "@xyo-network/react-shared": "^2.25.35",
24
- "@xyo-network/react-theme": "^2.25.35",
17
+ "@xylabs/sdk-react": "^2.13.2",
18
+ "@xyo-network/core": "^2.20.43",
19
+ "@xyo-network/react-archive": "^2.25.38",
20
+ "@xyo-network/react-archivist-api": "^2.25.38",
21
+ "@xyo-network/react-auth": "^2.25.38",
22
+ "@xyo-network/react-network": "^2.25.38",
23
+ "@xyo-network/react-shared": "^2.25.38",
24
+ "@xyo-network/react-theme": "^2.25.38",
25
25
  "lodash": "^4.17.21",
26
26
  "react": "^18.1.0",
27
27
  "react-dom": "^18.1.0",
@@ -33,19 +33,19 @@
33
33
  "devDependencies": {
34
34
  "@babel/core": "^7.18.2",
35
35
  "@babel/preset-env": "^7.18.2",
36
- "@storybook/addons": "^6.5.6",
37
- "@storybook/api": "^6.5.6",
38
- "@storybook/components": "^6.5.6",
39
- "@storybook/core-events": "^6.5.6",
40
- "@storybook/react": "^6.5.6",
41
- "@storybook/theming": "^6.5.6",
36
+ "@storybook/addons": "^6.5.7",
37
+ "@storybook/api": "^6.5.7",
38
+ "@storybook/components": "^6.5.7",
39
+ "@storybook/core-events": "^6.5.7",
40
+ "@storybook/react": "^6.5.7",
41
+ "@storybook/theming": "^6.5.7",
42
42
  "@types/lodash": "^4.14.182",
43
- "@xylabs/sdk-react": "^2.12.10",
43
+ "@xylabs/sdk-react": "^2.13.2",
44
44
  "@xylabs/ts-scripts": "^1.0.66",
45
45
  "@xylabs/tsconfig": "^1.0.13",
46
46
  "axios": "^0.27.2",
47
47
  "storybook-dark-mode": "^1.1.0",
48
- "typescript": "^4.7.2"
48
+ "typescript": "^4.7.3"
49
49
  },
50
50
  "browser": "dist/esm/index.js",
51
51
  "docs": "dist/docs.json",
@@ -105,6 +105,6 @@
105
105
  },
106
106
  "sideEffects": false,
107
107
  "types": "dist/esm/index.d.ts",
108
- "version": "2.25.35",
108
+ "version": "2.25.38",
109
109
  "packageManager": "yarn@3.1.1"
110
110
  }
@@ -1,10 +1,14 @@
1
1
  /* eslint-disable import/no-internal-modules */
2
+ import { Paper } from '@mui/material'
2
3
  import { ComponentMeta, ComponentStory } from '@storybook/react'
4
+ import { FlexGrowCol } from '@xylabs/sdk-react'
5
+ import { XyoWalletBase } from '@xyo-network/core'
6
+ import { ArchiveProvider, ArchivesProvider } from '@xyo-network/react-archive'
7
+ import { ArchivistApiProvider } from '@xyo-network/react-archivist-api'
8
+ import { NetworkMemoryProvider } from '@xyo-network/react-network'
9
+ import { WalletAccountSelect, WalletProvider } from '@xyo-network/react-wallet'
3
10
  import { BrowserRouter } from 'react-router-dom'
4
11
 
5
- import { ArchiveProvider, ArchivesProvider } from '../../../../archive/src'
6
- import { ArchivistApiProvider } from '../../../../archivist-api/src'
7
- import { NetworkMemoryProvider } from '../../../../network/src'
8
12
  import { SearchBar } from '../SearchBar'
9
13
  import { SystemToolbar } from '../Toolbar'
10
14
  import { ApplicationAppBar } from './Application'
@@ -21,17 +25,19 @@ const StorybookEntry = {
21
25
  } as ComponentMeta<typeof ApplicationAppBar>
22
26
 
23
27
  const Template: ComponentStory<typeof ApplicationAppBar> = (args) => (
24
- <BrowserRouter>
25
- <NetworkMemoryProvider>
26
- <ArchiveProvider>
27
- <ArchivistApiProvider apiDomain="https://beta.api.archivist.xyo.network">
28
+ <WalletProvider defaultWallet={new XyoWalletBase('test me')}>
29
+ <BrowserRouter>
30
+ <ArchivistApiProvider apiDomain="https://beta.api.archivist.xyo.network">
31
+ <NetworkMemoryProvider>
28
32
  <ArchivesProvider>
29
- <ApplicationAppBar {...args}></ApplicationAppBar>
33
+ <ArchiveProvider>
34
+ <ApplicationAppBar {...args}></ApplicationAppBar>
35
+ </ArchiveProvider>
30
36
  </ArchivesProvider>
31
- </ArchivistApiProvider>
32
- </ArchiveProvider>
33
- </NetworkMemoryProvider>
34
- </BrowserRouter>
37
+ </NetworkMemoryProvider>
38
+ </ArchivistApiProvider>
39
+ </BrowserRouter>
40
+ </WalletProvider>
35
41
  )
36
42
 
37
43
  const Default = Template.bind({})
@@ -40,7 +46,20 @@ Default.args = {}
40
46
  const WithSearchBar = Template.bind({})
41
47
  WithSearchBar.args = { children: <SearchBar flexGrow={1} onSearch={(term) => alert(term)} />, color: 'primary', systemToolbar: <SystemToolbar darkModeButton authButton /> }
42
48
 
43
- export { Default, WithSearchBar }
49
+ const WithWalletSelectBar = Template.bind({})
50
+ WithWalletSelectBar.args = {
51
+ children: (
52
+ <FlexGrowCol alignItems="stretch">
53
+ <Paper variant="elevation">
54
+ <WalletAccountSelect icons size="small" fullWidth />
55
+ </Paper>
56
+ </FlexGrowCol>
57
+ ),
58
+ color: 'primary',
59
+ systemToolbar: <SystemToolbar darkModeButton authButton />,
60
+ }
61
+
62
+ export { Default, WithSearchBar, WithWalletSelectBar }
44
63
 
45
64
  // eslint-disable-next-line import/no-default-export
46
65
  export default StorybookEntry
@@ -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
- <SystemControls {...props} />
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 paper className={'control-wrap'}>
27
- <NetworkSelectEx responsive={false} className="network-ex" />
26
+ <FlexRow className={'control-wrap'}>
27
+ <Paper variant="elevation" elevation={0}>
28
+ <NetworkSelectEx responsive={false} className="network-ex" />
29
+ </Paper>
28
30
  </FlexRow>
29
- <FlexRow paper>
30
- <ArchiveSelectEx />
31
+ <FlexRow>
32
+ <Paper variant="elevation" elevation={0}>
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)}>{children}</FlexCol>
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" elevation={0} style={{ display: 'flex', overflow: 'hidden', width: '100%' }}>
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 paper marginX={0.5} maxWidth={120}>
37
- <NetworkSelectEx fullWidth {...networkSelectProps} />
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 paper marginX={0.5} maxWidth={120}>
42
- <ArchiveSelectEx fullWidth {...archiveSelectProps} />
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}