@xyo-network/react-appbar 2.25.36 → 2.25.37
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/SearchBar/SearchBar.js +1 -1
- package/dist/cjs/components/SearchBar/SearchBar.js.map +1 -1
- package/dist/esm/components/MobileSystemControls/SystemControlsUnstyled.js +1 -1
- package/dist/esm/components/MobileSystemControls/SystemControlsUnstyled.js.map +1 -1
- package/dist/esm/components/SearchBar/SearchBar.js +1 -1
- package/dist/esm/components/SearchBar/SearchBar.js.map +1 -1
- package/package.json +7 -7
- package/src/components/AppBar/Application.stories.tsx +31 -12
- package/src/components/MobileSystemControls/SystemControlsUnstyled.tsx +2 -2
- package/src/components/SearchBar/SearchBar.tsx +1 -1
|
@@ -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({ 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'} ` }) })) })));
|
|
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,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,
|
|
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"}
|
|
@@ -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({ variant: "elevation", style: { display: 'flex',
|
|
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,OAAO,EAAC,WAAW,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,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,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"}
|
|
@@ -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, { 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'} ` }) }) }));
|
|
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,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,
|
|
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"}
|
|
@@ -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, { variant: "elevation", style: { display: 'flex',
|
|
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,OAAO,EAAC,WAAW,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,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,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"}
|
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.37",
|
|
20
|
+
"@xyo-network/react-archivist-api": "^2.25.37",
|
|
21
|
+
"@xyo-network/react-auth": "^2.25.37",
|
|
22
|
+
"@xyo-network/react-network": "^2.25.37",
|
|
23
|
+
"@xyo-network/react-shared": "^2.25.37",
|
|
24
|
+
"@xyo-network/react-theme": "^2.25.37",
|
|
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.37",
|
|
109
109
|
"packageManager": "yarn@3.1.1"
|
|
110
110
|
}
|
|
@@ -1,8 +1,12 @@
|
|
|
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'
|
|
3
6
|
import { ArchiveProvider, ArchivesProvider } from '@xyo-network/react-archive'
|
|
4
7
|
import { ArchivistApiProvider } from '@xyo-network/react-archivist-api'
|
|
5
8
|
import { NetworkMemoryProvider } from '@xyo-network/react-network'
|
|
9
|
+
import { WalletAccountSelect, WalletProvider } from '@xyo-network/react-wallet'
|
|
6
10
|
import { BrowserRouter } from 'react-router-dom'
|
|
7
11
|
|
|
8
12
|
import { SearchBar } from '../SearchBar'
|
|
@@ -21,17 +25,19 @@ const StorybookEntry = {
|
|
|
21
25
|
} as ComponentMeta<typeof ApplicationAppBar>
|
|
22
26
|
|
|
23
27
|
const Template: ComponentStory<typeof ApplicationAppBar> = (args) => (
|
|
24
|
-
<
|
|
25
|
-
<
|
|
26
|
-
<
|
|
27
|
-
<
|
|
28
|
-
<
|
|
29
|
-
<
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
28
|
+
<WalletProvider defaultWallet={new XyoWalletBase('test me')}>
|
|
29
|
+
<BrowserRouter>
|
|
30
|
+
<ArchivistApiProvider apiDomain="https://beta.api.archivist.xyo.network">
|
|
31
|
+
<NetworkMemoryProvider>
|
|
32
|
+
<ArchivesProvider>
|
|
33
|
+
<ArchiveProvider>
|
|
34
|
+
<ApplicationAppBar {...args}></ApplicationAppBar>
|
|
35
|
+
</ArchiveProvider>
|
|
36
|
+
</ArchivesProvider>
|
|
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
|
-
|
|
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
|
|
@@ -24,12 +24,12 @@ const SystemControlsUnstyled: React.FC<SystemControlsUnstyledProps> = ({ systemC
|
|
|
24
24
|
controlElement={
|
|
25
25
|
<>
|
|
26
26
|
<FlexRow className={'control-wrap'}>
|
|
27
|
-
<Paper variant="elevation">
|
|
27
|
+
<Paper variant="elevation" elevation={0}>
|
|
28
28
|
<NetworkSelectEx responsive={false} className="network-ex" />
|
|
29
29
|
</Paper>
|
|
30
30
|
</FlexRow>
|
|
31
31
|
<FlexRow>
|
|
32
|
-
<Paper variant="elevation">
|
|
32
|
+
<Paper variant="elevation" elevation={0}>
|
|
33
33
|
<ArchiveSelectEx />
|
|
34
34
|
</Paper>
|
|
35
35
|
</FlexRow>
|
|
@@ -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 variant="elevation" style={{ display: 'flex',
|
|
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"
|