@xyo-network/react-appbar 10.0.4 → 10.0.6
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/browser/index.d.ts +1 -1
- package/dist/browser/index.d.ts.map +1 -1
- package/dist/browser/index.mjs +2 -402
- package/dist/browser/index.mjs.map +4 -4
- package/package.json +99 -67
- package/dist/browser/components/AppBar/Application.d.ts +0 -11
- package/dist/browser/components/AppBar/Application.d.ts.map +0 -1
- package/dist/browser/components/AppBar/index.d.ts +0 -2
- package/dist/browser/components/AppBar/index.d.ts.map +0 -1
- package/dist/browser/components/CollapsibleDrawer/CollapseToggle.d.ts +0 -4
- package/dist/browser/components/CollapsibleDrawer/CollapseToggle.d.ts.map +0 -1
- package/dist/browser/components/CollapsibleDrawer/CollapsibleDrawer.d.ts +0 -5
- package/dist/browser/components/CollapsibleDrawer/CollapsibleDrawer.d.ts.map +0 -1
- package/dist/browser/components/CollapsibleDrawer/index.d.ts +0 -3
- package/dist/browser/components/CollapsibleDrawer/index.d.ts.map +0 -1
- package/dist/browser/components/CollapsibleDrawer/storyExampleMenuData.d.ts +0 -4
- package/dist/browser/components/CollapsibleDrawer/storyExampleMenuData.d.ts.map +0 -1
- package/dist/browser/components/MobileSystemControls/SystemControls.d.ts +0 -5
- package/dist/browser/components/MobileSystemControls/SystemControls.d.ts.map +0 -1
- package/dist/browser/components/MobileSystemControls/SystemControlsRoot.d.ts +0 -5
- package/dist/browser/components/MobileSystemControls/SystemControlsRoot.d.ts.map +0 -1
- package/dist/browser/components/MobileSystemControls/SystemControlsType.d.ts +0 -9
- package/dist/browser/components/MobileSystemControls/SystemControlsType.d.ts.map +0 -1
- package/dist/browser/components/MobileSystemControls/SystemControlsUnstyled.d.ts +0 -11
- package/dist/browser/components/MobileSystemControls/SystemControlsUnstyled.d.ts.map +0 -1
- package/dist/browser/components/MobileSystemControls/controls/SystemControl.d.ts +0 -11
- package/dist/browser/components/MobileSystemControls/controls/SystemControl.d.ts.map +0 -1
- package/dist/browser/components/MobileSystemControls/controls/SystemControlText.d.ts +0 -8
- package/dist/browser/components/MobileSystemControls/controls/SystemControlText.d.ts.map +0 -1
- package/dist/browser/components/MobileSystemControls/controls/index.d.ts +0 -3
- package/dist/browser/components/MobileSystemControls/controls/index.d.ts.map +0 -1
- package/dist/browser/components/MobileSystemControls/index.d.ts +0 -4
- package/dist/browser/components/MobileSystemControls/index.d.ts.map +0 -1
- package/dist/browser/components/SearchBar/SearchBar.d.ts +0 -7
- package/dist/browser/components/SearchBar/SearchBar.d.ts.map +0 -1
- package/dist/browser/components/SearchBar/index.d.ts +0 -2
- package/dist/browser/components/SearchBar/index.d.ts.map +0 -1
- package/dist/browser/components/Toolbar/Context/ContextToolbar.d.ts +0 -8
- package/dist/browser/components/Toolbar/Context/ContextToolbar.d.ts.map +0 -1
- package/dist/browser/components/Toolbar/Context/Logo.d.ts +0 -3
- package/dist/browser/components/Toolbar/Context/Logo.d.ts.map +0 -1
- package/dist/browser/components/Toolbar/Context/LogoLinkEx.d.ts +0 -8
- package/dist/browser/components/Toolbar/Context/LogoLinkEx.d.ts.map +0 -1
- package/dist/browser/components/Toolbar/Context/index.d.ts +0 -2
- package/dist/browser/components/Toolbar/Context/index.d.ts.map +0 -1
- package/dist/browser/components/Toolbar/System/SystemToolbar.d.ts +0 -15
- package/dist/browser/components/Toolbar/System/SystemToolbar.d.ts.map +0 -1
- package/dist/browser/components/Toolbar/System/index.d.ts +0 -2
- package/dist/browser/components/Toolbar/System/index.d.ts.map +0 -1
- package/dist/browser/components/Toolbar/index.d.ts +0 -3
- package/dist/browser/components/Toolbar/index.d.ts.map +0 -1
- package/dist/browser/components/index.d.ts +0 -6
- package/dist/browser/components/index.d.ts.map +0 -1
package/dist/browser/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from '
|
|
1
|
+
export * from '@xyo-network/react-sdk/appbar';
|
|
2
2
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,cAAc,+BAA+B,CAAA"}
|
package/dist/browser/index.mjs
CHANGED
|
@@ -1,403 +1,3 @@
|
|
|
1
|
-
// src/
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
// src/components/Toolbar/Context/ContextToolbar.tsx
|
|
5
|
-
import { Toolbar } from "@mui/material";
|
|
6
|
-
|
|
7
|
-
// src/components/Toolbar/Context/LogoLinkEx.tsx
|
|
8
|
-
import { assertEx } from "@ariestools/sdk";
|
|
9
|
-
import { FlexRow } from "@ariestools/sdk-react/flexbox";
|
|
10
|
-
import { LinkEx } from "@ariestools/sdk-react/link";
|
|
11
|
-
import { Typography, useTheme } from "@mui/material";
|
|
12
|
-
|
|
13
|
-
// src/components/Toolbar/Context/Logo.tsx
|
|
14
|
-
import { jsx } from "react/jsx-runtime";
|
|
15
|
-
var Logo = (props) => {
|
|
16
|
-
const logoUrl = "https://cdn.xy.company/img/brand/XYO/XYO_icon_white.svg";
|
|
17
|
-
return /* @__PURE__ */ jsx("img", { src: logoUrl, ...props });
|
|
18
|
-
};
|
|
19
|
-
|
|
20
|
-
// src/components/Toolbar/Context/LogoLinkEx.tsx
|
|
21
|
-
import { jsx as jsx2, jsxs } from "react/jsx-runtime";
|
|
22
|
-
var LogoLinkEx = ({
|
|
23
|
-
logo,
|
|
24
|
-
to = "/",
|
|
25
|
-
href,
|
|
26
|
-
version = false,
|
|
27
|
-
...props
|
|
28
|
-
}) => {
|
|
29
|
-
const theme = useTheme();
|
|
30
|
-
assertEx(href === void 0, () => "href is not supported");
|
|
31
|
-
return /* @__PURE__ */ jsx2(LinkEx, { to, sx: { "opacity": 0.8, "&:hover": { opacity: 1 } }, ...props, children: /* @__PURE__ */ jsxs(FlexRow, { sx: { paddingX: "4px" }, children: [
|
|
32
|
-
logo ?? /* @__PURE__ */ jsx2(Logo, { height: "40", width: "43" }),
|
|
33
|
-
version === void 0 ? null : /* @__PURE__ */ jsx2(
|
|
34
|
-
Typography,
|
|
35
|
-
{
|
|
36
|
-
color: theme.vars.palette.primary.main,
|
|
37
|
-
variant: "caption",
|
|
38
|
-
sx: {
|
|
39
|
-
position: "absolute",
|
|
40
|
-
borderRadius: 1,
|
|
41
|
-
right: 6,
|
|
42
|
-
bottom: 0,
|
|
43
|
-
bgcolor: theme.vars.palette.primary.contrastText,
|
|
44
|
-
paddingX: "2px",
|
|
45
|
-
lineHeight: 1,
|
|
46
|
-
border: `1px ${theme.vars.palette.primary.main} solid`
|
|
47
|
-
},
|
|
48
|
-
children: typeof version === "string" ? version : "2.1"
|
|
49
|
-
}
|
|
50
|
-
)
|
|
51
|
-
] }) });
|
|
52
|
-
};
|
|
53
|
-
|
|
54
|
-
// src/components/Toolbar/Context/ContextToolbar.tsx
|
|
55
|
-
import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
|
|
56
|
-
var XyoContextToolbar = ({
|
|
57
|
-
children,
|
|
58
|
-
logo,
|
|
59
|
-
logoTo = "/",
|
|
60
|
-
version = false,
|
|
61
|
-
...props
|
|
62
|
-
}) => {
|
|
63
|
-
return /* @__PURE__ */ jsxs2(Toolbar, { ...props, children: [
|
|
64
|
-
/* @__PURE__ */ jsx3(LogoLinkEx, { logo, version, to: logoTo }),
|
|
65
|
-
children
|
|
66
|
-
] });
|
|
67
|
-
};
|
|
68
|
-
|
|
69
|
-
// src/components/Toolbar/System/SystemToolbar.tsx
|
|
70
|
-
import {
|
|
71
|
-
SystemToolbar
|
|
72
|
-
} from "@ariestools/sdk-react/appbar";
|
|
73
|
-
import { FlexRow as FlexRow2 } from "@ariestools/sdk-react/flexbox";
|
|
74
|
-
import { Paper } from "@mui/material";
|
|
75
|
-
import { NetworkSelectEx } from "@xyo-network/react-network";
|
|
76
|
-
import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
|
|
77
|
-
var XyoSystemToolbar = ({
|
|
78
|
-
children,
|
|
79
|
-
hideNetworkSelect,
|
|
80
|
-
networkSelectProps,
|
|
81
|
-
precedingChildren,
|
|
82
|
-
...props
|
|
83
|
-
}) => {
|
|
84
|
-
return /* @__PURE__ */ jsxs3(SystemToolbar, { ...props, children: [
|
|
85
|
-
precedingChildren,
|
|
86
|
-
hideNetworkSelect ? null : /* @__PURE__ */ jsx4(FlexRow2, { sx: { marginX: 0.5 }, children: /* @__PURE__ */ jsx4(Paper, { variant: "elevation", children: /* @__PURE__ */ jsx4(NetworkSelectEx, { fullWidth: true, ...networkSelectProps }) }) }),
|
|
87
|
-
children
|
|
88
|
-
] });
|
|
89
|
-
};
|
|
90
|
-
|
|
91
|
-
// src/components/AppBar/Application.tsx
|
|
92
|
-
import { jsx as jsx5 } from "react/jsx-runtime";
|
|
93
|
-
var XyoApplicationAppBar = ({
|
|
94
|
-
systemToolbar,
|
|
95
|
-
contextToolbar,
|
|
96
|
-
responsive = true,
|
|
97
|
-
...props
|
|
98
|
-
}) => {
|
|
99
|
-
return /* @__PURE__ */ jsx5(
|
|
100
|
-
ApplicationAppBar,
|
|
101
|
-
{
|
|
102
|
-
systemToolbar: systemToolbar ?? /* @__PURE__ */ jsx5(XyoSystemToolbar, {}),
|
|
103
|
-
contextToolbar: contextToolbar ?? /* @__PURE__ */ jsx5(XyoContextToolbar, {}),
|
|
104
|
-
position: "sticky",
|
|
105
|
-
responsive,
|
|
106
|
-
...props
|
|
107
|
-
}
|
|
108
|
-
);
|
|
109
|
-
};
|
|
110
|
-
|
|
111
|
-
// src/components/CollapsibleDrawer/CollapseToggle.tsx
|
|
112
|
-
import { FlexRow as FlexRow3 } from "@ariestools/sdk-react/flexbox";
|
|
113
|
-
import { useCollapsible } from "@ariestools/sdk-react/shared";
|
|
114
|
-
import { Icon, useTheme as useTheme2 } from "@mui/material";
|
|
115
|
-
import { useState } from "react";
|
|
116
|
-
import { VscArrowSmallLeft, VscArrowSmallRight } from "react-icons/vsc";
|
|
117
|
-
import { jsx as jsx6 } from "react/jsx-runtime";
|
|
118
|
-
var CollapseToggleFlex = (props) => {
|
|
119
|
-
const {
|
|
120
|
-
collapse,
|
|
121
|
-
setCollapse,
|
|
122
|
-
setCollapseEnd
|
|
123
|
-
} = useCollapsible();
|
|
124
|
-
const [hover, setHover] = useState(false);
|
|
125
|
-
const theme = useTheme2();
|
|
126
|
-
const handleCollapseToggle = () => {
|
|
127
|
-
setCollapse?.(!collapse);
|
|
128
|
-
setCollapseEnd?.((previous) => previous ? false : previous);
|
|
129
|
-
};
|
|
130
|
-
return /* @__PURE__ */ jsx6(
|
|
131
|
-
FlexRow3,
|
|
132
|
-
{
|
|
133
|
-
...props,
|
|
134
|
-
sx: [{
|
|
135
|
-
mt: 2,
|
|
136
|
-
py: 2,
|
|
137
|
-
justifyContent: collapse ? "start" : "center"
|
|
138
|
-
}, ...Array.isArray(props.sx) ? props.sx : [props.sx]],
|
|
139
|
-
children: /* @__PURE__ */ jsx6(
|
|
140
|
-
Icon,
|
|
141
|
-
{
|
|
142
|
-
onClick: handleCollapseToggle,
|
|
143
|
-
onMouseEnter: () => setHover(true),
|
|
144
|
-
onMouseLeave: () => setHover(false),
|
|
145
|
-
sx: {
|
|
146
|
-
fontSize: "large",
|
|
147
|
-
color: hover ? theme.vars.palette.secondary.main : "inherit",
|
|
148
|
-
cursor: "pointer"
|
|
149
|
-
},
|
|
150
|
-
children: collapse ? /* @__PURE__ */ jsx6(VscArrowSmallRight, {}) : /* @__PURE__ */ jsx6(VscArrowSmallLeft, {})
|
|
151
|
-
}
|
|
152
|
-
)
|
|
153
|
-
}
|
|
154
|
-
);
|
|
155
|
-
};
|
|
156
|
-
|
|
157
|
-
// src/components/CollapsibleDrawer/CollapsibleDrawer.tsx
|
|
158
|
-
import { useCollapsible as useCollapsible2 } from "@ariestools/sdk-react/shared";
|
|
159
|
-
import {
|
|
160
|
-
Collapse,
|
|
161
|
-
styled,
|
|
162
|
-
useTheme as useTheme3
|
|
163
|
-
} from "@mui/material";
|
|
164
|
-
import { jsx as jsx7 } from "react/jsx-runtime";
|
|
165
|
-
var CollapsibleDrawer = ({
|
|
166
|
-
children,
|
|
167
|
-
sx,
|
|
168
|
-
...props
|
|
169
|
-
}) => {
|
|
170
|
-
const { collapse, setCollapseEnd } = useCollapsible2();
|
|
171
|
-
const theme = useTheme3();
|
|
172
|
-
const collapsedSize = props.collapsedSize ?? theme.spacing(5);
|
|
173
|
-
return /* @__PURE__ */ jsx7(
|
|
174
|
-
CollapsibleFlexInner,
|
|
175
|
-
{
|
|
176
|
-
in: !collapse,
|
|
177
|
-
orientation: "horizontal",
|
|
178
|
-
collapsedSize,
|
|
179
|
-
onExited: () => setCollapseEnd?.(true),
|
|
180
|
-
sx: {
|
|
181
|
-
alignItems: "start",
|
|
182
|
-
display: "flex",
|
|
183
|
-
height: "100%",
|
|
184
|
-
...sx
|
|
185
|
-
},
|
|
186
|
-
...props,
|
|
187
|
-
children
|
|
188
|
-
}
|
|
189
|
-
);
|
|
190
|
-
};
|
|
191
|
-
var CollapsibleFlexInner = styled(Collapse)(() => ({
|
|
192
|
-
"& .MuiCollapse-wrapperInner": {
|
|
193
|
-
display: "flex",
|
|
194
|
-
flexDirection: "column"
|
|
195
|
-
}
|
|
196
|
-
}));
|
|
197
|
-
|
|
198
|
-
// src/components/MobileSystemControls/SystemControls.tsx
|
|
199
|
-
import { FlexCol as FlexCol3 } from "@ariestools/sdk-react/flexbox";
|
|
200
|
-
|
|
201
|
-
// src/components/MobileSystemControls/SystemControlsRoot.tsx
|
|
202
|
-
import { styled as styled2 } from "@mui/material";
|
|
203
|
-
|
|
204
|
-
// src/components/MobileSystemControls/SystemControlsType.ts
|
|
205
|
-
import { Enum } from "@ariestools/sdk";
|
|
206
|
-
var SystemControlsType = Enum({
|
|
207
|
-
Left: "Left",
|
|
208
|
-
Right: "Right",
|
|
209
|
-
WindowShade: "WindowShade"
|
|
210
|
-
});
|
|
211
|
-
|
|
212
|
-
// src/components/MobileSystemControls/SystemControlsUnstyled.tsx
|
|
213
|
-
import { FlexCol as FlexCol2, FlexRow as FlexRow5 } from "@ariestools/sdk-react/flexbox";
|
|
214
|
-
import { Paper as Paper2, useMediaQuery } from "@mui/material";
|
|
215
|
-
import { NetworkSelectEx as NetworkSelectEx2 } from "@xyo-network/react-network";
|
|
216
|
-
|
|
217
|
-
// src/components/MobileSystemControls/controls/SystemControl.tsx
|
|
218
|
-
import { FlexCol, FlexRow as FlexRow4 } from "@ariestools/sdk-react/flexbox";
|
|
219
|
-
import { Collapse as Collapse2 } from "@mui/material";
|
|
220
|
-
import { useState as useState2 } from "react";
|
|
221
|
-
import { jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
|
|
222
|
-
var SystemControl = ({
|
|
223
|
-
children,
|
|
224
|
-
controlElement,
|
|
225
|
-
systemControlsType = SystemControlsType.WindowShade,
|
|
226
|
-
...props
|
|
227
|
-
}) => {
|
|
228
|
-
const [toggleControls, setToggleControls] = useState2(false);
|
|
229
|
-
let orientation = "vertical";
|
|
230
|
-
switch (systemControlsType) {
|
|
231
|
-
case SystemControlsType.Left: {
|
|
232
|
-
orientation = "horizontal";
|
|
233
|
-
break;
|
|
234
|
-
}
|
|
235
|
-
}
|
|
236
|
-
return /* @__PURE__ */ jsxs4(FlexRow4, { className: "controls", ...props, children: [
|
|
237
|
-
/* @__PURE__ */ jsx8(Collapse2, { in: toggleControls, orientation, timeout: 500, children: /* @__PURE__ */ jsx8(
|
|
238
|
-
FlexRow4,
|
|
239
|
-
{
|
|
240
|
-
className: "control",
|
|
241
|
-
sx: { bgcolor: "primary.main" },
|
|
242
|
-
children: controlElement
|
|
243
|
-
}
|
|
244
|
-
) }),
|
|
245
|
-
/* @__PURE__ */ jsx8(FlexCol, { style: { cursor: "pointer" }, onClick: () => setToggleControls(!toggleControls), children })
|
|
246
|
-
] });
|
|
247
|
-
};
|
|
248
|
-
|
|
249
|
-
// src/components/MobileSystemControls/SystemControlsUnstyled.tsx
|
|
250
|
-
import { jsx as jsx9 } from "react/jsx-runtime";
|
|
251
|
-
var SystemControlsUnstyled = ({
|
|
252
|
-
visible,
|
|
253
|
-
systemControlsType = SystemControlsType.WindowShade,
|
|
254
|
-
...props
|
|
255
|
-
}) => {
|
|
256
|
-
const isSmall = useMediaQuery((theme) => theme.breakpoints.down("sm"));
|
|
257
|
-
return visible || isSmall ? /* @__PURE__ */ jsx9(FlexCol2, { ...props, className: `${props.className} system-controls-type-${systemControlsType}`, children: /* @__PURE__ */ jsx9(
|
|
258
|
-
SystemControl,
|
|
259
|
-
{
|
|
260
|
-
systemControlsType,
|
|
261
|
-
controlElement: /* @__PURE__ */ jsx9(FlexRow5, { className: "control-wrap", children: /* @__PURE__ */ jsx9(Paper2, { variant: "elevation", elevation: 0, children: /* @__PURE__ */ jsx9(NetworkSelectEx2, { responsive: false, className: "network-ex" }) }) })
|
|
262
|
-
}
|
|
263
|
-
) }) : /* @__PURE__ */ jsx9(FlexCol2, {});
|
|
264
|
-
};
|
|
265
|
-
|
|
266
|
-
// src/components/MobileSystemControls/SystemControlsRoot.tsx
|
|
267
|
-
var SystemControlsRoot = styled2(SystemControlsUnstyled, { name: "SystemControls", slot: "Root" })(({ theme }) => ({
|
|
268
|
-
// shared defaults
|
|
269
|
-
["&"]: {
|
|
270
|
-
".toggle": { backgroundColor: theme.vars.palette.primary.main },
|
|
271
|
-
"alignItems": "start",
|
|
272
|
-
"zIndex": 1
|
|
273
|
-
},
|
|
274
|
-
// WindowShade System Controls styles
|
|
275
|
-
[`&.system-controls-type-${SystemControlsType.WindowShade}`]: {
|
|
276
|
-
".control": {
|
|
277
|
-
borderRadius: "0 0 5px 5px",
|
|
278
|
-
flexDirection: "row",
|
|
279
|
-
flexGrow: 1,
|
|
280
|
-
justifyContent: "space-around",
|
|
281
|
-
padding: `${theme.spacing(2)} ${theme.spacing(2.5)}`
|
|
282
|
-
},
|
|
283
|
-
".controls": {
|
|
284
|
-
alignItems: "stretch",
|
|
285
|
-
flexDirection: "column",
|
|
286
|
-
flexGrow: 1
|
|
287
|
-
},
|
|
288
|
-
".toggle": {
|
|
289
|
-
borderRadius: "0 0 5px 5px",
|
|
290
|
-
padding: `${theme.spacing(0.5)} ${theme.spacing(1)}`
|
|
291
|
-
},
|
|
292
|
-
"flexDirection": "row",
|
|
293
|
-
"position": "absolute",
|
|
294
|
-
"top": 0,
|
|
295
|
-
"width": "100%"
|
|
296
|
-
},
|
|
297
|
-
// Left System Control styles
|
|
298
|
-
[`&.system-controls-type-${SystemControlsType.Left}`]: {
|
|
299
|
-
".control": {
|
|
300
|
-
alignItems: "start",
|
|
301
|
-
flexDirection: "column",
|
|
302
|
-
padding: `${theme.spacing(2)} ${theme.spacing(2.5)}`
|
|
303
|
-
},
|
|
304
|
-
".control-wrap": { marginBottom: `${theme.spacing(2)}` },
|
|
305
|
-
".toggle": {
|
|
306
|
-
borderRadius: "0 5px 5px 0",
|
|
307
|
-
padding: `${theme.spacing(1)} ${theme.spacing(0.5)}`,
|
|
308
|
-
writingMode: "vertical-rl"
|
|
309
|
-
},
|
|
310
|
-
"flexDirection": "column",
|
|
311
|
-
"left": 0,
|
|
312
|
-
"position": "fixed",
|
|
313
|
-
"top": "30vh",
|
|
314
|
-
"width": "auto"
|
|
315
|
-
}
|
|
316
|
-
}));
|
|
317
|
-
|
|
318
|
-
// src/components/MobileSystemControls/SystemControls.tsx
|
|
319
|
-
import { jsx as jsx10 } from "react/jsx-runtime";
|
|
320
|
-
var SystemControls = (props) => {
|
|
321
|
-
return /* @__PURE__ */ jsx10(FlexCol3, { children: /* @__PURE__ */ jsx10(SystemControlsRoot, { ...props }) });
|
|
322
|
-
};
|
|
323
|
-
|
|
324
|
-
// src/components/SearchBar/SearchBar.tsx
|
|
325
|
-
import { ButtonEx } from "@ariestools/sdk-react/button";
|
|
326
|
-
import { FlexRow as FlexRow6 } from "@ariestools/sdk-react/flexbox";
|
|
327
|
-
import { Search as SearchIcon } from "@mui/icons-material";
|
|
328
|
-
import { Paper as Paper3, TextField } from "@mui/material";
|
|
329
|
-
import { useState as useState3 } from "react";
|
|
330
|
-
import { jsx as jsx11, jsxs as jsxs5 } from "react/jsx-runtime";
|
|
331
|
-
var SearchBar = ({
|
|
332
|
-
defaultValue,
|
|
333
|
-
onSearch,
|
|
334
|
-
...props
|
|
335
|
-
}) => {
|
|
336
|
-
const [term, setTerm] = useState3();
|
|
337
|
-
return /* @__PURE__ */ jsx11(
|
|
338
|
-
FlexRow6,
|
|
339
|
-
{
|
|
340
|
-
...props,
|
|
341
|
-
sx: [{ alignItems: "stretch" }, ...Array.isArray(props.sx) ? props.sx : [props.sx]],
|
|
342
|
-
children: /* @__PURE__ */ jsxs5(
|
|
343
|
-
Paper3,
|
|
344
|
-
{
|
|
345
|
-
variant: "elevation",
|
|
346
|
-
elevation: 0,
|
|
347
|
-
style: {
|
|
348
|
-
display: "flex",
|
|
349
|
-
overflow: "hidden",
|
|
350
|
-
width: "100%"
|
|
351
|
-
},
|
|
352
|
-
children: [
|
|
353
|
-
/* @__PURE__ */ jsx11(
|
|
354
|
-
TextField,
|
|
355
|
-
{
|
|
356
|
-
variant: "outlined",
|
|
357
|
-
size: "small",
|
|
358
|
-
defaultValue,
|
|
359
|
-
fullWidth: true,
|
|
360
|
-
onChange: (event) => setTerm(event.target.value),
|
|
361
|
-
onKeyDown: (event) => {
|
|
362
|
-
if (event.key === "Enter") onSearch?.(term);
|
|
363
|
-
},
|
|
364
|
-
slotProps: {
|
|
365
|
-
input: {
|
|
366
|
-
color: "secondary",
|
|
367
|
-
style: {
|
|
368
|
-
borderBottomRightRadius: 0,
|
|
369
|
-
borderTopRightRadius: 0,
|
|
370
|
-
borderWidth: 0
|
|
371
|
-
}
|
|
372
|
-
}
|
|
373
|
-
}
|
|
374
|
-
}
|
|
375
|
-
),
|
|
376
|
-
/* @__PURE__ */ jsx11(
|
|
377
|
-
ButtonEx,
|
|
378
|
-
{
|
|
379
|
-
variant: "contained",
|
|
380
|
-
style: { borderRadius: 0, borderTopLeftRadius: 0 },
|
|
381
|
-
onClick: () => onSearch?.(term),
|
|
382
|
-
sx: { color: "secondary" },
|
|
383
|
-
children: /* @__PURE__ */ jsx11(SearchIcon, {})
|
|
384
|
-
}
|
|
385
|
-
)
|
|
386
|
-
]
|
|
387
|
-
}
|
|
388
|
-
)
|
|
389
|
-
}
|
|
390
|
-
);
|
|
391
|
-
};
|
|
392
|
-
export {
|
|
393
|
-
CollapseToggleFlex,
|
|
394
|
-
CollapsibleDrawer,
|
|
395
|
-
SearchBar,
|
|
396
|
-
SystemControls,
|
|
397
|
-
SystemControlsType,
|
|
398
|
-
SystemControlsUnstyled,
|
|
399
|
-
XyoApplicationAppBar,
|
|
400
|
-
XyoContextToolbar,
|
|
401
|
-
XyoSystemToolbar
|
|
402
|
-
};
|
|
1
|
+
// src/index.ts
|
|
2
|
+
export * from "@xyo-network/react-sdk/appbar";
|
|
403
3
|
//# sourceMappingURL=index.mjs.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../src/
|
|
4
|
-
"sourcesContent": ["import type { ApplicationAppBarProps } from '@ariestools/sdk-react/appbar'\nimport { ApplicationAppBar } from '@ariestools/sdk-react/appbar'\nimport type { ToolbarProps } from '@mui/material'\nimport type { ReactElement } from 'react'\nimport React from 'react'\n\nimport { XyoContextToolbar, XyoSystemToolbar } from '../Toolbar/index.ts'\n\nexport interface XyoApplicationAppBarProps extends ApplicationAppBarProps {\n contextToolbar?: ReactElement<ToolbarProps>\n responsive?: boolean\n systemToolbar?: ReactElement<ToolbarProps>\n}\n\nexport const XyoApplicationAppBar: React.FC<XyoApplicationAppBarProps> = ({\n systemToolbar, contextToolbar, responsive = true, ...props\n}) => {\n return (\n <ApplicationAppBar\n systemToolbar={systemToolbar ?? <XyoSystemToolbar />}\n contextToolbar={contextToolbar ?? <XyoContextToolbar />}\n position=\"sticky\"\n responsive={responsive}\n {...props}\n />\n )\n}\n", "import type { ContextToolbarProps } from '@ariestools/sdk-react/appbar'\nimport { Toolbar } from '@mui/material'\nimport type { ReactNode } from 'react'\nimport React from 'react'\n\nimport { LogoLinkEx } from './LogoLinkEx.tsx'\n\nexport interface XyoContextToolbarProps extends ContextToolbarProps {\n logo?: ReactNode\n}\n\nexport const XyoContextToolbar: React.FC<XyoContextToolbarProps> = ({\n children, logo, logoTo = '/', version = false, ...props\n}) => {\n return (\n <Toolbar {...props}>\n <LogoLinkEx logo={logo} version={version} to={logoTo} />\n {children}\n </Toolbar>\n )\n}\n", "import { assertEx } from '@ariestools/sdk'\nimport { FlexRow } from '@ariestools/sdk-react/flexbox'\nimport type { LinkExProps } from '@ariestools/sdk-react/link'\nimport { LinkEx } from '@ariestools/sdk-react/link'\nimport { Typography, useTheme } from '@mui/material'\nimport React from 'react'\n\nimport { Logo } from './Logo.tsx'\n\nexport type LogoLinkExProps = LinkExProps & {\n logo?: React.ReactNode\n version?: boolean | string\n}\n\nexport const LogoLinkEx: React.FC<LogoLinkExProps> = ({\n logo, to = '/', href, version = false, ...props\n}) => {\n const theme = useTheme()\n assertEx(href === undefined, () => 'href is not supported')\n return (\n <LinkEx to={to} sx={{ 'opacity': 0.8, '&:hover': { opacity: 1 } }} {...props}>\n <FlexRow sx={{ paddingX: '4px' }}>\n {logo ?? <Logo height=\"40\" width=\"43\" />}\n {version === undefined\n ? null\n : (\n <Typography\n color={theme.vars.palette.primary.main}\n variant=\"caption\"\n sx={{\n position: 'absolute',\n borderRadius: 1,\n right: 6,\n bottom: 0,\n bgcolor: theme.vars.palette.primary.contrastText,\n paddingX: '2px',\n lineHeight: 1,\n border: `1px ${theme.vars.palette.primary.main} solid`,\n }}\n >\n {typeof version === 'string' ? version : '2.1'}\n </Typography>\n )}\n </FlexRow>\n </LinkEx>\n )\n}\n", "import React from 'react'\n\nexport const Logo: React.FC<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>> = (props) => {\n const logoUrl\n = 'https://cdn.xy.company/img/brand/XYO/XYO_icon_white.svg'\n return <img src={logoUrl} {...props} />\n}\n", "import {\n type SiteMenuProps, SystemToolbar, type SystemToolbarProps,\n} from '@ariestools/sdk-react/appbar'\nimport { FlexRow } from '@ariestools/sdk-react/flexbox'\nimport { Paper } from '@mui/material'\nimport type { NetworkSelectExProps } from '@xyo-network/react-network'\nimport { NetworkSelectEx } from '@xyo-network/react-network'\nimport type { ReactNode } from 'react'\nimport React from 'react'\n\nexport interface XyoSystemToolbarProps extends SystemToolbarProps {\n darkModeButton?: boolean\n developerMode?: boolean\n hideNetworkSelect?: boolean\n menuItems?: ReactNode\n networkSelectProps?: NetworkSelectExProps\n onMenuToggle?: SiteMenuProps['onMenuToggle']\n precedingChildren?: ReactNode\n}\n\nexport const XyoSystemToolbar: React.FC<XyoSystemToolbarProps> = ({\n children,\n hideNetworkSelect,\n networkSelectProps,\n precedingChildren,\n ...props\n}) => {\n return (\n <SystemToolbar {...props}>\n {precedingChildren}\n {hideNetworkSelect\n ? null\n : (\n <FlexRow sx={{ marginX: 0.5 }}>\n <Paper variant=\"elevation\">\n <NetworkSelectEx fullWidth {...networkSelectProps} />\n </Paper>\n </FlexRow>\n )}\n {children}\n </SystemToolbar>\n )\n}\n", "import type { FlexBoxProps } from '@ariestools/sdk-react/flexbox'\nimport { FlexRow } from '@ariestools/sdk-react/flexbox'\nimport { useCollapsible } from '@ariestools/sdk-react/shared'\nimport { Icon, useTheme } from '@mui/material'\nimport React, { useState } from 'react'\nimport { VscArrowSmallLeft, VscArrowSmallRight } from 'react-icons/vsc'\n\nexport const CollapseToggleFlex: React.FC<FlexBoxProps> = (props) => {\n const {\n collapse, setCollapse, setCollapseEnd,\n } = useCollapsible()\n const [hover, setHover] = useState(false)\n const theme = useTheme()\n\n const handleCollapseToggle = () => {\n setCollapse?.(!collapse)\n setCollapseEnd?.(previous => (previous ? false : previous))\n }\n\n return (\n <FlexRow\n {...props}\n sx={[{\n mt: 2,\n py: 2,\n justifyContent: collapse ? 'start' : 'center',\n }, ...(Array.isArray(props.sx) ? props.sx : [props.sx])]}\n >\n <Icon\n onClick={handleCollapseToggle}\n onMouseEnter={() => setHover(true)}\n onMouseLeave={() => setHover(false)}\n sx={{\n fontSize: 'large',\n color: hover ? theme.vars.palette.secondary.main : 'inherit',\n cursor: 'pointer',\n }}\n >\n {collapse\n ? <VscArrowSmallRight />\n : <VscArrowSmallLeft />}\n </Icon>\n </FlexRow>\n )\n}\n", "import { useCollapsible } from '@ariestools/sdk-react/shared'\nimport type { CollapseProps } from '@mui/material'\nimport {\n Collapse, styled, useTheme,\n} from '@mui/material'\nimport type { PropsWithChildren } from 'react'\nimport React from 'react'\n\nexport const CollapsibleDrawer: React.FC<PropsWithChildren<CollapseProps>> = ({\n children, sx, ...props\n}) => {\n const { collapse, setCollapseEnd } = useCollapsible()\n const theme = useTheme()\n\n const collapsedSize = props.collapsedSize ?? theme.spacing(5)\n\n return (\n <CollapsibleFlexInner\n in={!collapse}\n orientation=\"horizontal\"\n collapsedSize={collapsedSize}\n onExited={() => setCollapseEnd?.(true)}\n sx={{\n alignItems: 'start',\n display: 'flex',\n height: '100%',\n ...sx,\n }}\n {...props}\n >\n {children}\n </CollapsibleFlexInner>\n )\n}\n\nconst CollapsibleFlexInner = styled(Collapse)(() => ({\n '& .MuiCollapse-wrapperInner': {\n display: 'flex',\n flexDirection: 'column',\n },\n}))\n", "import { FlexCol } from '@ariestools/sdk-react/flexbox'\nimport React from 'react'\n\nimport { SystemControlsRoot } from './SystemControlsRoot.tsx'\nimport type { SystemControlsUnstyledProps } from './SystemControlsUnstyled.tsx'\n\nconst SystemControls: React.FC<SystemControlsUnstyledProps> = (props) => {\n return (\n <FlexCol>\n <SystemControlsRoot {...props} />\n </FlexCol>\n )\n}\n\nexport { SystemControls }\n", "import { styled } from '@mui/material'\nimport type React from 'react'\n\nimport { SystemControlsType } from './SystemControlsType.ts'\nimport type { SystemControlsUnstyledProps } from './SystemControlsUnstyled.tsx'\nimport { SystemControlsUnstyled } from './SystemControlsUnstyled.tsx'\n\nconst SystemControlsRoot: React.FC<SystemControlsUnstyledProps> = styled(SystemControlsUnstyled, { name: 'SystemControls', slot: 'Root' })<SystemControlsUnstyledProps>(({ theme }) => ({\n // shared defaults\n ['&']: {\n '.toggle': { backgroundColor: theme.vars.palette.primary.main },\n 'alignItems': 'start',\n 'zIndex': 1,\n },\n // WindowShade System Controls styles\n [`&.system-controls-type-${SystemControlsType.WindowShade}`]: {\n '.control': {\n borderRadius: '0 0 5px 5px',\n flexDirection: 'row',\n flexGrow: 1,\n justifyContent: 'space-around',\n padding: `${theme.spacing(2)} ${theme.spacing(2.5)}`,\n },\n '.controls': {\n alignItems: 'stretch',\n flexDirection: 'column',\n flexGrow: 1,\n },\n '.toggle': {\n borderRadius: '0 0 5px 5px',\n padding: `${theme.spacing(0.5)} ${theme.spacing(1)}`,\n },\n 'flexDirection': 'row',\n 'position': 'absolute',\n 'top': 0,\n 'width': '100%',\n },\n // Left System Control styles\n [`&.system-controls-type-${SystemControlsType.Left}`]: {\n '.control': {\n alignItems: 'start',\n flexDirection: 'column',\n padding: `${theme.spacing(2)} ${theme.spacing(2.5)}`,\n },\n '.control-wrap': { marginBottom: `${theme.spacing(2)}` },\n '.toggle': {\n borderRadius: '0 5px 5px 0',\n padding: `${theme.spacing(1)} ${theme.spacing(0.5)}`,\n writingMode: 'vertical-rl',\n },\n 'flexDirection': 'column',\n 'left': 0,\n 'position': 'fixed',\n 'top': '30vh',\n 'width': 'auto',\n },\n}))\n\nexport { SystemControlsRoot }\n", "import type { EnumValue } from '@ariestools/sdk'\nimport { Enum } from '@ariestools/sdk'\n\nexport const SystemControlsType = Enum({\n Left: 'Left',\n Right: 'Right',\n WindowShade: 'WindowShade',\n})\n\nexport type SystemControlsType = EnumValue<typeof SystemControlsType>\n", "import type { FlexBoxProps } from '@ariestools/sdk-react/flexbox'\nimport { FlexCol, FlexRow } from '@ariestools/sdk-react/flexbox'\nimport type { Theme } from '@mui/material'\nimport { Paper, useMediaQuery } from '@mui/material'\nimport { NetworkSelectEx } from '@xyo-network/react-network'\nimport React from 'react'\n\nimport { SystemControl } from './controls/index.ts'\nimport { SystemControlsType } from './SystemControlsType.ts'\n\ninterface SystemControlsUnstyledProps extends FlexBoxProps {\n systemControlsType?: SystemControlsType\n visible?: boolean\n}\n\nconst SystemControlsUnstyled: React.FC<SystemControlsUnstyledProps> = ({\n visible,\n systemControlsType = SystemControlsType.WindowShade,\n ...props\n}) => {\n const isSmall = useMediaQuery<Theme>(theme => theme.breakpoints.down('sm'))\n\n return visible || isSmall\n ? (\n <FlexCol {...props} className={`${props.className} system-controls-type-${systemControlsType}`}>\n <SystemControl\n systemControlsType={systemControlsType}\n controlElement={(\n <FlexRow className=\"control-wrap\">\n <Paper variant=\"elevation\" elevation={0}>\n <NetworkSelectEx responsive={false} className=\"network-ex\" />\n </Paper>\n </FlexRow>\n )}\n />\n </FlexCol>\n )\n : <FlexCol />\n}\n\nexport type { SystemControlsUnstyledProps }\nexport { SystemControlsUnstyled }\n", "import type { FlexBoxProps } from '@ariestools/sdk-react/flexbox'\nimport { FlexCol, FlexRow } from '@ariestools/sdk-react/flexbox'\nimport type { CollapseProps } from '@mui/material'\nimport { Collapse } from '@mui/material'\nimport type { PropsWithChildren } from 'react'\nimport React, { useState } from 'react'\n\nimport { SystemControlsType } from '../SystemControlsType.ts'\n\ninterface SystemControlProps extends FlexBoxProps {\n controlElement: React.ReactNode\n systemControlsType?: SystemControlsType\n}\n\nconst SystemControl: React.FC<PropsWithChildren<SystemControlProps>> = ({\n children,\n controlElement,\n systemControlsType = SystemControlsType.WindowShade,\n ...props\n}) => {\n const [toggleControls, setToggleControls] = useState(false)\n\n let orientation: CollapseProps['orientation'] = 'vertical'\n\n switch (systemControlsType) {\n case SystemControlsType.Left: {\n orientation = 'horizontal'\n break\n }\n }\n\n return (\n <FlexRow className=\"controls\" {...props}>\n <Collapse in={toggleControls} orientation={orientation} timeout={500}>\n <FlexRow\n className=\"control\"\n sx={{ bgcolor: 'primary.main' }}\n >\n {controlElement}\n </FlexRow>\n </Collapse>\n <FlexCol style={{ cursor: 'pointer' }} onClick={() => setToggleControls(!toggleControls)}>\n {children}\n </FlexCol>\n </FlexRow>\n )\n}\n\nexport { SystemControl }\n", "import { ButtonEx } from '@ariestools/sdk-react/button'\nimport type { FlexBoxProps } from '@ariestools/sdk-react/flexbox'\nimport { FlexRow } from '@ariestools/sdk-react/flexbox'\nimport { Search as SearchIcon } from '@mui/icons-material'\nimport { Paper, TextField } from '@mui/material'\nimport React, { useState } from 'react'\n\nexport interface SearchBarProps extends FlexBoxProps {\n onSearch?: (term?: string) => void\n}\n\nexport const SearchBar: React.FC<SearchBarProps> = ({\n defaultValue, onSearch, ...props\n}) => {\n const [term, setTerm] = useState<string>()\n\n return (\n <FlexRow\n {...props}\n sx={[{ alignItems: 'stretch' }, ...(Array.isArray(props.sx) ? props.sx : [props.sx])]}\n >\n <Paper\n variant=\"elevation\"\n elevation={0}\n style={{\n display: 'flex', overflow: 'hidden', width: '100%',\n }}\n >\n <TextField\n variant=\"outlined\"\n size=\"small\"\n defaultValue={defaultValue}\n fullWidth\n onChange={event => setTerm(event.target.value)}\n onKeyDown={(event) => {\n if (event.key === 'Enter') onSearch?.(term)\n }}\n slotProps={{\n input: {\n color: 'secondary',\n style: {\n borderBottomRightRadius: 0, borderTopRightRadius: 0, borderWidth: 0,\n },\n },\n }}\n />\n <ButtonEx\n variant=\"contained\"\n style={{ borderRadius: 0, borderTopLeftRadius: 0 }}\n onClick={() => onSearch?.(term)}\n sx={{ color: 'secondary' }}\n >\n <SearchIcon />\n </ButtonEx>\n </Paper>\n </FlexRow>\n )\n}\n"],
|
|
5
|
-
"mappings": ";AACA,
|
|
6
|
-
"names": [
|
|
3
|
+
"sources": ["../../src/index.ts"],
|
|
4
|
+
"sourcesContent": ["// Compatibility shim: this package re-exports from @xyo-network/react-sdk.\nexport * from '@xyo-network/react-sdk/appbar'\n"],
|
|
5
|
+
"mappings": ";AACA,cAAc;",
|
|
6
|
+
"names": []
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@xyo-network/react-appbar",
|
|
3
|
-
"version": "10.0.
|
|
3
|
+
"version": "10.0.6",
|
|
4
4
|
"description": "Common React library for all XYO projects that use React",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"xyo",
|
|
@@ -41,99 +41,131 @@
|
|
|
41
41
|
"README.md"
|
|
42
42
|
],
|
|
43
43
|
"dependencies": {
|
|
44
|
-
"@xyo-network/react-
|
|
44
|
+
"@xyo-network/react-sdk": "~10.0.6"
|
|
45
45
|
},
|
|
46
46
|
"devDependencies": {
|
|
47
|
-
"@ariestools/
|
|
48
|
-
"@ariestools/
|
|
47
|
+
"@ariestools/eth-address": "~8.0.2",
|
|
48
|
+
"@ariestools/pixel": "~8.0.2",
|
|
49
|
+
"@ariestools/sdk": "~8.0.2",
|
|
50
|
+
"@ariestools/sdk-react": "~11.0.0",
|
|
51
|
+
"@ariestools/threads": "~8.0.2",
|
|
49
52
|
"@bitauth/libauth": "~3.0.0",
|
|
53
|
+
"@metamask/providers": "~22.1.1",
|
|
54
|
+
"@mui/icons-material": "~9.2.0",
|
|
55
|
+
"@mui/material": "~9.2.0",
|
|
56
|
+
"@mui/system": "~9.2.0",
|
|
57
|
+
"@mui/x-tree-view": "~9.8.0",
|
|
58
|
+
"@noble/post-quantum": "~0.6.1",
|
|
59
|
+
"@opentelemetry/api": "~1.9.1",
|
|
60
|
+
"@opentelemetry/sdk-trace-base": "~2.9.0",
|
|
61
|
+
"@react-spring/web": "~10.1.2",
|
|
62
|
+
"@scure/base": "~2.2.0",
|
|
63
|
+
"@scure/bip39": "~2.2.0",
|
|
64
|
+
"@types/react": "~19.2.17",
|
|
65
|
+
"@xylabs/toolchain": "~8.6.8",
|
|
66
|
+
"@xylabs/tsconfig": "~8.6.8",
|
|
67
|
+
"@xylabs/tsconfig-dom": "~8.6.8",
|
|
68
|
+
"@xylabs/tsconfig-react": "~8.6.8",
|
|
69
|
+
"@xyo-network/advertising-payload-plugins": "~7.0.2",
|
|
70
|
+
"@xyo-network/archivist-storage": "~7.0.9",
|
|
71
|
+
"@xyo-network/diviner-address-history-model": "~7.0.9",
|
|
72
|
+
"@xyo-network/diviner-hash-lease": "~7.0.9",
|
|
73
|
+
"@xyo-network/diviner-huri": "~7.0.9",
|
|
74
|
+
"@xyo-network/diviner-schema-list": "~7.0.9",
|
|
75
|
+
"@xyo-network/diviner-schema-stats": "~7.0.9",
|
|
76
|
+
"@xyo-network/node-core-types": "~4.2.2",
|
|
77
|
+
"@xyo-network/sdk": "~7.0.9",
|
|
78
|
+
"@xyo-network/sdk-geo": "~3.0.3",
|
|
79
|
+
"@xyo-network/sdk-protocol": "~7.0.14",
|
|
80
|
+
"@xyo-network/typeof": "~5.3.30",
|
|
81
|
+
"@xyo-network/xns-record-payloadset-plugins": "~7.0.2",
|
|
82
|
+
"ajv": "~8.20.0",
|
|
83
|
+
"async-mutex": "~0.5.0",
|
|
84
|
+
"card-validator": "~10.0.4",
|
|
85
|
+
"clsx": "~2.1.1",
|
|
86
|
+
"debug": "~4.4.3",
|
|
87
|
+
"eslint": "~10.6.0",
|
|
88
|
+
"ethers": "~6.17.0",
|
|
89
|
+
"hash-wasm": "~4.12.0",
|
|
90
|
+
"idb": "~8.0.3",
|
|
91
|
+
"lru-cache": "~11.5.1",
|
|
92
|
+
"mapbox-gl": "~3.25.0",
|
|
93
|
+
"md5": "~2.3.0",
|
|
94
|
+
"numeral": "~2.0.6",
|
|
95
|
+
"observable-fns": "~0.6.1",
|
|
96
|
+
"query-string": "~9.4.1",
|
|
97
|
+
"react": "~19.2.7",
|
|
98
|
+
"react-dom": "~19.2.7",
|
|
99
|
+
"react-icons": "~5.7.0",
|
|
100
|
+
"react-router-dom": "~7.18.1",
|
|
101
|
+
"rollbar": "~3.1.0",
|
|
102
|
+
"store2": "~2.14.4",
|
|
103
|
+
"typescript": "~6.0.3",
|
|
104
|
+
"viem": "~2.54.3",
|
|
105
|
+
"webextension-polyfill": "~0.12.0",
|
|
106
|
+
"zod": "~4.4.3",
|
|
107
|
+
"zustand": "~5.0.14"
|
|
108
|
+
},
|
|
109
|
+
"peerDependencies": {
|
|
110
|
+
"@ariestools/eth-address": "^8.0.2",
|
|
111
|
+
"@ariestools/pixel": "^8.0.2",
|
|
112
|
+
"@ariestools/sdk": "^8.0.2",
|
|
113
|
+
"@ariestools/sdk-react": "^11.0.0",
|
|
114
|
+
"@ariestools/threads": "^8.0.2",
|
|
115
|
+
"@bitauth/libauth": "^3.0.0",
|
|
116
|
+
"@metamask/providers": "^22.1.1",
|
|
50
117
|
"@mui/icons-material": "^9.2.0",
|
|
51
118
|
"@mui/material": "^9.2.0",
|
|
52
|
-
"@
|
|
119
|
+
"@mui/system": "^9.2.0",
|
|
120
|
+
"@mui/x-tree-view": "^9.8.0",
|
|
121
|
+
"@noble/post-quantum": "^0.6.1",
|
|
53
122
|
"@opentelemetry/api": "^1.9.1",
|
|
54
123
|
"@opentelemetry/sdk-trace-base": "^2.9.0",
|
|
55
124
|
"@react-spring/web": "^10.1.2",
|
|
56
|
-
"@scure/base": "
|
|
57
|
-
"@scure/bip39": "
|
|
58
|
-
"@storybook/react-vite": "~10.4.6",
|
|
125
|
+
"@scure/base": "^2.2.0",
|
|
126
|
+
"@scure/bip39": "^2.2.0",
|
|
59
127
|
"@types/react": "^19.2.17",
|
|
60
|
-
"@
|
|
61
|
-
"@
|
|
62
|
-
"@
|
|
63
|
-
"@
|
|
64
|
-
"@
|
|
65
|
-
"@
|
|
66
|
-
"@
|
|
67
|
-
"@
|
|
68
|
-
"@xyo-network/sdk": "^7.0.
|
|
69
|
-
"@xyo-network/sdk-
|
|
128
|
+
"@xyo-network/advertising-payload-plugins": "^7.0.2",
|
|
129
|
+
"@xyo-network/archivist-storage": "^7.0.9",
|
|
130
|
+
"@xyo-network/diviner-address-history-model": "^7.0.9",
|
|
131
|
+
"@xyo-network/diviner-hash-lease": "^7.0.9",
|
|
132
|
+
"@xyo-network/diviner-huri": "^7.0.9",
|
|
133
|
+
"@xyo-network/diviner-schema-list": "^7.0.9",
|
|
134
|
+
"@xyo-network/diviner-schema-stats": "^7.0.9",
|
|
135
|
+
"@xyo-network/node-core-types": "^4.2.2",
|
|
136
|
+
"@xyo-network/sdk": "^7.0.9",
|
|
137
|
+
"@xyo-network/sdk-geo": "^3.0.3",
|
|
138
|
+
"@xyo-network/sdk-protocol": "^7.0.14",
|
|
139
|
+
"@xyo-network/typeof": "^5.3.30",
|
|
140
|
+
"@xyo-network/xns-record-payloadset-plugins": "^7.0.2",
|
|
70
141
|
"ajv": "^8.20.0",
|
|
71
142
|
"async-mutex": "^0.5.0",
|
|
143
|
+
"card-validator": "^10.0.4",
|
|
72
144
|
"clsx": "^2.1.1",
|
|
73
145
|
"debug": "^4.4.3",
|
|
74
|
-
"eslint": "^10.6.0",
|
|
75
146
|
"ethers": "^6.17.0",
|
|
76
|
-
"hash-wasm": "
|
|
147
|
+
"hash-wasm": "^4.12.0",
|
|
77
148
|
"idb": "^8.0.3",
|
|
78
149
|
"lru-cache": "^11.5.1",
|
|
150
|
+
"mapbox-gl": "^3.25.0",
|
|
79
151
|
"md5": "^2.3.0",
|
|
80
152
|
"numeral": "^2.0.6",
|
|
81
153
|
"observable-fns": "^0.6.1",
|
|
82
154
|
"query-string": "^9.4.1",
|
|
83
155
|
"react": "^19.2.7",
|
|
84
156
|
"react-dom": "^19.2.7",
|
|
85
|
-
"react-icons": "
|
|
157
|
+
"react-icons": "^5.7.0",
|
|
86
158
|
"react-router-dom": "^7.18.1",
|
|
87
|
-
"
|
|
88
|
-
"
|
|
89
|
-
"viem": "^2.54.
|
|
90
|
-
"
|
|
159
|
+
"rollbar": "^3.1.0",
|
|
160
|
+
"store2": "^2.14.4",
|
|
161
|
+
"viem": "^2.54.3",
|
|
162
|
+
"webextension-polyfill": "^0.12.0",
|
|
91
163
|
"zod": "^4.4.3",
|
|
92
|
-
"zustand": "^5.0.14"
|
|
93
|
-
"@xyo-network/react-storybook": "~10.0.4",
|
|
94
|
-
"@xyo-network/react-wallet": "~10.0.4"
|
|
95
|
-
},
|
|
96
|
-
"peerDependencies": {
|
|
97
|
-
"@ariestools/sdk": "^7.0",
|
|
98
|
-
"@ariestools/sdk-react": "^10.0",
|
|
99
|
-
"@bitauth/libauth": "~3.0",
|
|
100
|
-
"@mui/icons-material": "^9.0",
|
|
101
|
-
"@mui/material": "^9.0",
|
|
102
|
-
"@noble/post-quantum": "~0.6.1",
|
|
103
|
-
"@opentelemetry/api": "^1.9",
|
|
104
|
-
"@opentelemetry/sdk-trace-base": "^2.7",
|
|
105
|
-
"@react-spring/web": "^10.1",
|
|
106
|
-
"@scure/base": "~2.2",
|
|
107
|
-
"@scure/bip39": "~2.2",
|
|
108
|
-
"@types/react": "^19.2",
|
|
109
|
-
"@xylabs/eth-address": "^7.0",
|
|
110
|
-
"@xylabs/geo": "^7.0",
|
|
111
|
-
"@xylabs/pixel": "^7.0",
|
|
112
|
-
"@xylabs/threads": "^7.0",
|
|
113
|
-
"@xyo-network/sdk": "*",
|
|
114
|
-
"@xyo-network/sdk-protocol": "^7.0",
|
|
115
|
-
"ajv": "^8.20",
|
|
116
|
-
"async-mutex": "^0.5",
|
|
117
|
-
"clsx": "^2.1",
|
|
118
|
-
"debug": "^4.4",
|
|
119
|
-
"ethers": "^6.16",
|
|
120
|
-
"hash-wasm": "~4.12",
|
|
121
|
-
"idb": "^8.0",
|
|
122
|
-
"lru-cache": "^11.3",
|
|
123
|
-
"md5": "^2.3",
|
|
124
|
-
"numeral": "^2.0",
|
|
125
|
-
"observable-fns": "^0.6",
|
|
126
|
-
"query-string": "^9.4",
|
|
127
|
-
"react": "^19.2",
|
|
128
|
-
"react-dom": "^19.2",
|
|
129
|
-
"react-icons": "~5.7",
|
|
130
|
-
"react-router-dom": "^7.15",
|
|
131
|
-
"viem": "^2.48",
|
|
132
|
-
"zod": "^4.4",
|
|
133
|
-
"zustand": "^5.0"
|
|
164
|
+
"zustand": "^5.0.14"
|
|
134
165
|
},
|
|
135
166
|
"publishConfig": {
|
|
136
167
|
"access": "public"
|
|
137
168
|
},
|
|
169
|
+
"deprecated": "Use @xyo-network/react-sdk/appbar instead. Replace @xyo-network/react-appbar with @xyo-network/react-sdk/appbar. This package is a compatibility shim only and will not receive further updates.",
|
|
138
170
|
"docs": "dist/docs.json"
|
|
139
171
|
}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import type { ApplicationAppBarProps } from '@ariestools/sdk-react/appbar';
|
|
2
|
-
import type { ToolbarProps } from '@mui/material';
|
|
3
|
-
import type { ReactElement } from 'react';
|
|
4
|
-
import React from 'react';
|
|
5
|
-
export interface XyoApplicationAppBarProps extends ApplicationAppBarProps {
|
|
6
|
-
contextToolbar?: ReactElement<ToolbarProps>;
|
|
7
|
-
responsive?: boolean;
|
|
8
|
-
systemToolbar?: ReactElement<ToolbarProps>;
|
|
9
|
-
}
|
|
10
|
-
export declare const XyoApplicationAppBar: React.FC<XyoApplicationAppBarProps>;
|
|
11
|
-
//# sourceMappingURL=Application.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Application.d.ts","sourceRoot":"","sources":["../../../../src/components/AppBar/Application.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAA;AAE1E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,MAAM,WAAW,yBAA0B,SAAQ,sBAAsB;IACvE,cAAc,CAAC,EAAE,YAAY,CAAC,YAAY,CAAC,CAAA;IAC3C,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,aAAa,CAAC,EAAE,YAAY,CAAC,YAAY,CAAC,CAAA;CAC3C;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAYpE,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/AppBar/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CollapseToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/CollapsibleDrawer/CollapseToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAIjE,OAAO,KAAmB,MAAM,OAAO,CAAA;AAGvC,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAqCrD,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CollapsibleDrawer.d.ts","sourceRoot":"","sources":["../../../../src/components/CollapsibleDrawer/CollapsibleDrawer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAIlD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAC9C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,aAAa,CAAC,CAyBxE,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/CollapsibleDrawer/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA;AACpC,cAAc,yBAAyB,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"storyExampleMenuData.d.ts","sourceRoot":"","sources":["../../../../src/components/CollapsibleDrawer/storyExampleMenuData.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAA;AAiBrE,eAAO,MAAM,WAAW,EAAE,iBAAiB,EA0C1C,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,iBAAiB,EAyB7C,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SystemControls.d.ts","sourceRoot":"","sources":["../../../../src/components/MobileSystemControls/SystemControls.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,8BAA8B,CAAA;AAE/E,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAMzD,CAAA;AAED,OAAO,EAAE,cAAc,EAAE,CAAA"}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import type React from 'react';
|
|
2
|
-
import type { SystemControlsUnstyledProps } from './SystemControlsUnstyled.tsx';
|
|
3
|
-
declare const SystemControlsRoot: React.FC<SystemControlsUnstyledProps>;
|
|
4
|
-
export { SystemControlsRoot };
|
|
5
|
-
//# sourceMappingURL=SystemControlsRoot.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SystemControlsRoot.d.ts","sourceRoot":"","sources":["../../../../src/components/MobileSystemControls/SystemControlsRoot.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,8BAA8B,CAAA;AAG/E,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAiD3D,CAAA;AAEH,OAAO,EAAE,kBAAkB,EAAE,CAAA"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import type { EnumValue } from '@ariestools/sdk';
|
|
2
|
-
import { Enum } from '@ariestools/sdk';
|
|
3
|
-
export declare const SystemControlsType: Enum<{
|
|
4
|
-
Left: "Left";
|
|
5
|
-
Right: "Right";
|
|
6
|
-
WindowShade: "WindowShade";
|
|
7
|
-
}>;
|
|
8
|
-
export type SystemControlsType = EnumValue<typeof SystemControlsType>;
|
|
9
|
-
//# sourceMappingURL=SystemControlsType.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SystemControlsType.d.ts","sourceRoot":"","sources":["../../../../src/components/MobileSystemControls/SystemControlsType.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAA;AAEtC,eAAO,MAAM,kBAAkB;;;;EAI7B,CAAA;AAEF,MAAM,MAAM,kBAAkB,GAAG,SAAS,CAAC,OAAO,kBAAkB,CAAC,CAAA"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import type { FlexBoxProps } from '@ariestools/sdk-react/flexbox';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { SystemControlsType } from './SystemControlsType.ts';
|
|
4
|
-
interface SystemControlsUnstyledProps extends FlexBoxProps {
|
|
5
|
-
systemControlsType?: SystemControlsType;
|
|
6
|
-
visible?: boolean;
|
|
7
|
-
}
|
|
8
|
-
declare const SystemControlsUnstyled: React.FC<SystemControlsUnstyledProps>;
|
|
9
|
-
export type { SystemControlsUnstyledProps };
|
|
10
|
-
export { SystemControlsUnstyled };
|
|
11
|
-
//# sourceMappingURL=SystemControlsUnstyled.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SystemControlsUnstyled.d.ts","sourceRoot":"","sources":["../../../../src/components/MobileSystemControls/SystemControlsUnstyled.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAKjE,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AAE5D,UAAU,2BAA4B,SAAQ,YAAY;IACxD,kBAAkB,CAAC,EAAE,kBAAkB,CAAA;IACvC,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,QAAA,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAuBjE,CAAA;AAED,YAAY,EAAE,2BAA2B,EAAE,CAAA;AAC3C,OAAO,EAAE,sBAAsB,EAAE,CAAA"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import type { FlexBoxProps } from '@ariestools/sdk-react/flexbox';
|
|
2
|
-
import type { PropsWithChildren } from 'react';
|
|
3
|
-
import React from 'react';
|
|
4
|
-
import { SystemControlsType } from '../SystemControlsType.ts';
|
|
5
|
-
interface SystemControlProps extends FlexBoxProps {
|
|
6
|
-
controlElement: React.ReactNode;
|
|
7
|
-
systemControlsType?: SystemControlsType;
|
|
8
|
-
}
|
|
9
|
-
declare const SystemControl: React.FC<PropsWithChildren<SystemControlProps>>;
|
|
10
|
-
export { SystemControl };
|
|
11
|
-
//# sourceMappingURL=SystemControl.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SystemControl.d.ts","sourceRoot":"","sources":["../../../../../src/components/MobileSystemControls/controls/SystemControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAIjE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAC9C,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAA;AAE7D,UAAU,kBAAmB,SAAQ,YAAY;IAC/C,cAAc,EAAE,KAAK,CAAC,SAAS,CAAA;IAC/B,kBAAkB,CAAC,EAAE,kBAAkB,CAAA;CACxC;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,CAgClE,CAAA;AAED,OAAO,EAAE,aAAa,EAAE,CAAA"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import type { FlexBoxProps } from '@ariestools/sdk-react/flexbox';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
interface SystemControlTextProps extends FlexBoxProps {
|
|
4
|
-
value?: string;
|
|
5
|
-
}
|
|
6
|
-
declare const ControlText: React.FC<SystemControlTextProps>;
|
|
7
|
-
export { ControlText };
|
|
8
|
-
//# sourceMappingURL=SystemControlText.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SystemControlText.d.ts","sourceRoot":"","sources":["../../../../../src/components/MobileSystemControls/controls/SystemControlText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAGjE,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,UAAU,sBAAuB,SAAQ,YAAY;IACnD,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAYjD,CAAA;AAED,OAAO,EAAE,WAAW,EAAE,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/MobileSystemControls/controls/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA;AACnC,cAAc,yBAAyB,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/MobileSystemControls/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA;AACpC,cAAc,yBAAyB,CAAA;AACvC,cAAc,8BAA8B,CAAA"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import type { FlexBoxProps } from '@ariestools/sdk-react/flexbox';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
export interface SearchBarProps extends FlexBoxProps {
|
|
4
|
-
onSearch?: (term?: string) => void;
|
|
5
|
-
}
|
|
6
|
-
export declare const SearchBar: React.FC<SearchBarProps>;
|
|
7
|
-
//# sourceMappingURL=SearchBar.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SearchBar.d.ts","sourceRoot":"","sources":["../../../../src/components/SearchBar/SearchBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAIjE,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,MAAM,WAAW,cAAe,SAAQ,YAAY;IAClD,QAAQ,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;CACnC;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA8C9C,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/SearchBar/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import type { ContextToolbarProps } from '@ariestools/sdk-react/appbar';
|
|
2
|
-
import type { ReactNode } from 'react';
|
|
3
|
-
import React from 'react';
|
|
4
|
-
export interface XyoContextToolbarProps extends ContextToolbarProps {
|
|
5
|
-
logo?: ReactNode;
|
|
6
|
-
}
|
|
7
|
-
export declare const XyoContextToolbar: React.FC<XyoContextToolbarProps>;
|
|
8
|
-
//# sourceMappingURL=ContextToolbar.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ContextToolbar.d.ts","sourceRoot":"","sources":["../../../../../src/components/Toolbar/Context/ContextToolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAA;AAEvE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,MAAM,WAAW,sBAAuB,SAAQ,mBAAmB;IACjE,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAS9D,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Logo.d.ts","sourceRoot":"","sources":["../../../../../src/components/Toolbar/Context/Logo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,CAI/G,CAAA"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import type { LinkExProps } from '@ariestools/sdk-react/link';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
export type LogoLinkExProps = LinkExProps & {
|
|
4
|
-
logo?: React.ReactNode;
|
|
5
|
-
version?: boolean | string;
|
|
6
|
-
};
|
|
7
|
-
export declare const LogoLinkEx: React.FC<LogoLinkExProps>;
|
|
8
|
-
//# sourceMappingURL=LogoLinkEx.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"LogoLinkEx.d.ts","sourceRoot":"","sources":["../../../../../src/components/Toolbar/Context/LogoLinkEx.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAA;AAG7D,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,MAAM,MAAM,eAAe,GAAG,WAAW,GAAG;IAC1C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;CAC3B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAgChD,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Toolbar/Context/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA"}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { type SiteMenuProps, type SystemToolbarProps } from '@ariestools/sdk-react/appbar';
|
|
2
|
-
import type { NetworkSelectExProps } from '@xyo-network/react-network';
|
|
3
|
-
import type { ReactNode } from 'react';
|
|
4
|
-
import React from 'react';
|
|
5
|
-
export interface XyoSystemToolbarProps extends SystemToolbarProps {
|
|
6
|
-
darkModeButton?: boolean;
|
|
7
|
-
developerMode?: boolean;
|
|
8
|
-
hideNetworkSelect?: boolean;
|
|
9
|
-
menuItems?: ReactNode;
|
|
10
|
-
networkSelectProps?: NetworkSelectExProps;
|
|
11
|
-
onMenuToggle?: SiteMenuProps['onMenuToggle'];
|
|
12
|
-
precedingChildren?: ReactNode;
|
|
13
|
-
}
|
|
14
|
-
export declare const XyoSystemToolbar: React.FC<XyoSystemToolbarProps>;
|
|
15
|
-
//# sourceMappingURL=SystemToolbar.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SystemToolbar.d.ts","sourceRoot":"","sources":["../../../../../src/components/Toolbar/System/SystemToolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,aAAa,EAAiB,KAAK,kBAAkB,EAC3D,MAAM,8BAA8B,CAAA;AAGrC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAA;AAEtE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,qBAAsB,SAAQ,kBAAkB;IAC/D,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,kBAAkB,CAAC,EAAE,oBAAoB,CAAA;IACzC,YAAY,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAA;IAC5C,iBAAiB,CAAC,EAAE,SAAS,CAAA;CAC9B;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAsB5D,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Toolbar/System/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA;AAClC,cAAc,mBAAmB,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA;AACjC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,iCAAiC,CAAA;AAC/C,cAAc,sBAAsB,CAAA;AACpC,cAAc,oBAAoB,CAAA"}
|