@xyo-network/react-appbar 10.0.3 → 10.0.5
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/components/AppBar/Application.d.ts +1 -1
- package/dist/browser/components/AppBar/Application.d.ts.map +1 -1
- package/dist/browser/components/CollapsibleDrawer/CollapseToggle.d.ts +1 -1
- package/dist/browser/components/CollapsibleDrawer/CollapseToggle.d.ts.map +1 -1
- package/dist/browser/components/CollapsibleDrawer/CollapsibleDrawer.d.ts.map +1 -1
- package/dist/browser/components/CollapsibleDrawer/storyExampleMenuData.d.ts +1 -1
- package/dist/browser/components/CollapsibleDrawer/storyExampleMenuData.d.ts.map +1 -1
- package/dist/browser/components/MobileSystemControls/SystemControlsType.d.ts +2 -2
- package/dist/browser/components/MobileSystemControls/SystemControlsType.d.ts.map +1 -1
- package/dist/browser/components/MobileSystemControls/SystemControlsUnstyled.d.ts +1 -1
- package/dist/browser/components/MobileSystemControls/SystemControlsUnstyled.d.ts.map +1 -1
- package/dist/browser/components/MobileSystemControls/controls/SystemControl.d.ts +1 -1
- package/dist/browser/components/MobileSystemControls/controls/SystemControl.d.ts.map +1 -1
- package/dist/browser/components/MobileSystemControls/controls/SystemControlText.d.ts +1 -1
- package/dist/browser/components/MobileSystemControls/controls/SystemControlText.d.ts.map +1 -1
- package/dist/browser/components/SearchBar/SearchBar.d.ts +1 -1
- package/dist/browser/components/SearchBar/SearchBar.d.ts.map +1 -1
- package/dist/browser/components/Toolbar/Context/ContextToolbar.d.ts +1 -1
- package/dist/browser/components/Toolbar/Context/ContextToolbar.d.ts.map +1 -1
- package/dist/browser/components/Toolbar/Context/LogoLinkEx.d.ts +1 -1
- package/dist/browser/components/Toolbar/Context/LogoLinkEx.d.ts.map +1 -1
- package/dist/browser/components/Toolbar/System/SystemToolbar.d.ts +1 -1
- package/dist/browser/components/Toolbar/System/SystemToolbar.d.ts.map +1 -1
- package/dist/browser/index.mjs +16 -16
- package/dist/browser/index.mjs.map +3 -3
- package/package.json +76 -78
|
@@ -1,5 +1,5 @@
|
|
|
1
|
+
import type { ApplicationAppBarProps } from '@ariestools/sdk-react/appbar';
|
|
1
2
|
import type { ToolbarProps } from '@mui/material';
|
|
2
|
-
import type { ApplicationAppBarProps } from '@xylabs/react-appbar';
|
|
3
3
|
import type { ReactElement } from 'react';
|
|
4
4
|
import React from 'react';
|
|
5
5
|
export interface XyoApplicationAppBarProps extends ApplicationAppBarProps {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Application.d.ts","sourceRoot":"","sources":["../../../../src/components/AppBar/Application.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CollapseToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/CollapsibleDrawer/CollapseToggle.tsx"],"names":[],"mappings":"
|
|
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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CollapsibleDrawer.d.ts","sourceRoot":"","sources":["../../../../src/components/CollapsibleDrawer/CollapsibleDrawer.tsx"],"names":[],"mappings":"
|
|
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,4 +1,4 @@
|
|
|
1
|
-
import type { MenuListItemProps } from '@
|
|
1
|
+
import type { MenuListItemProps } from '@ariestools/sdk-react/appbar';
|
|
2
2
|
export declare const menuDataTop: MenuListItemProps[];
|
|
3
3
|
export declare const menuDataBottom: MenuListItemProps[];
|
|
4
4
|
//# sourceMappingURL=storyExampleMenuData.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"storyExampleMenuData.d.ts","sourceRoot":"","sources":["../../../../src/components/CollapsibleDrawer/storyExampleMenuData.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,
|
|
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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SystemControlsType.d.ts","sourceRoot":"","sources":["../../../../src/components/MobileSystemControls/SystemControlsType.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,
|
|
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,4 +1,4 @@
|
|
|
1
|
-
import type { FlexBoxProps } from '@
|
|
1
|
+
import type { FlexBoxProps } from '@ariestools/sdk-react/flexbox';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { SystemControlsType } from './SystemControlsType.ts';
|
|
4
4
|
interface SystemControlsUnstyledProps extends FlexBoxProps {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SystemControlsUnstyled.d.ts","sourceRoot":"","sources":["../../../../src/components/MobileSystemControls/SystemControlsUnstyled.tsx"],"names":[],"mappings":"
|
|
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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SystemControl.d.ts","sourceRoot":"","sources":["../../../../../src/components/MobileSystemControls/controls/SystemControl.tsx"],"names":[],"mappings":"
|
|
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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SystemControlText.d.ts","sourceRoot":"","sources":["../../../../../src/components/MobileSystemControls/controls/SystemControlText.tsx"],"names":[],"mappings":"
|
|
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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchBar.d.ts","sourceRoot":"","sources":["../../../../src/components/SearchBar/SearchBar.tsx"],"names":[],"mappings":"
|
|
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,4 +1,4 @@
|
|
|
1
|
-
import type { ContextToolbarProps } from '@
|
|
1
|
+
import type { ContextToolbarProps } from '@ariestools/sdk-react/appbar';
|
|
2
2
|
import type { ReactNode } from 'react';
|
|
3
3
|
import React from 'react';
|
|
4
4
|
export interface XyoContextToolbarProps extends ContextToolbarProps {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContextToolbar.d.ts","sourceRoot":"","sources":["../../../../../src/components/Toolbar/Context/ContextToolbar.tsx"],"names":[],"mappings":"
|
|
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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LogoLinkEx.d.ts","sourceRoot":"","sources":["../../../../../src/components/Toolbar/Context/LogoLinkEx.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,
|
|
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,4 +1,4 @@
|
|
|
1
|
-
import { type SiteMenuProps, type SystemToolbarProps } from '@
|
|
1
|
+
import { type SiteMenuProps, type SystemToolbarProps } from '@ariestools/sdk-react/appbar';
|
|
2
2
|
import type { NetworkSelectExProps } from '@xyo-network/react-network';
|
|
3
3
|
import type { ReactNode } from 'react';
|
|
4
4
|
import React from 'react';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SystemToolbar.d.ts","sourceRoot":"","sources":["../../../../../src/components/Toolbar/System/SystemToolbar.tsx"],"names":[],"mappings":"
|
|
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"}
|
package/dist/browser/index.mjs
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
// src/components/AppBar/Application.tsx
|
|
2
|
-
import { ApplicationAppBar } from "@
|
|
2
|
+
import { ApplicationAppBar } from "@ariestools/sdk-react/appbar";
|
|
3
3
|
|
|
4
4
|
// src/components/Toolbar/Context/ContextToolbar.tsx
|
|
5
5
|
import { Toolbar } from "@mui/material";
|
|
6
6
|
|
|
7
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";
|
|
8
11
|
import { Typography, useTheme } from "@mui/material";
|
|
9
|
-
import { FlexRow } from "@xylabs/react-flexbox";
|
|
10
|
-
import { LinkEx } from "@xylabs/react-link";
|
|
11
|
-
import { assertEx } from "@xylabs/sdk";
|
|
12
12
|
|
|
13
13
|
// src/components/Toolbar/Context/Logo.tsx
|
|
14
14
|
import { jsx } from "react/jsx-runtime";
|
|
@@ -67,11 +67,11 @@ var XyoContextToolbar = ({
|
|
|
67
67
|
};
|
|
68
68
|
|
|
69
69
|
// src/components/Toolbar/System/SystemToolbar.tsx
|
|
70
|
-
import { Paper } from "@mui/material";
|
|
71
70
|
import {
|
|
72
71
|
SystemToolbar
|
|
73
|
-
} from "@
|
|
74
|
-
import { FlexRow as FlexRow2 } from "@
|
|
72
|
+
} from "@ariestools/sdk-react/appbar";
|
|
73
|
+
import { FlexRow as FlexRow2 } from "@ariestools/sdk-react/flexbox";
|
|
74
|
+
import { Paper } from "@mui/material";
|
|
75
75
|
import { NetworkSelectEx } from "@xyo-network/react-network";
|
|
76
76
|
import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
|
|
77
77
|
var XyoSystemToolbar = ({
|
|
@@ -109,9 +109,9 @@ var XyoApplicationAppBar = ({
|
|
|
109
109
|
};
|
|
110
110
|
|
|
111
111
|
// src/components/CollapsibleDrawer/CollapseToggle.tsx
|
|
112
|
+
import { FlexRow as FlexRow3 } from "@ariestools/sdk-react/flexbox";
|
|
113
|
+
import { useCollapsible } from "@ariestools/sdk-react/shared";
|
|
112
114
|
import { Icon, useTheme as useTheme2 } from "@mui/material";
|
|
113
|
-
import { FlexRow as FlexRow3 } from "@xylabs/react-flexbox";
|
|
114
|
-
import { useCollapsible } from "@xylabs/react-shared";
|
|
115
115
|
import { useState } from "react";
|
|
116
116
|
import { VscArrowSmallLeft, VscArrowSmallRight } from "react-icons/vsc";
|
|
117
117
|
import { jsx as jsx6 } from "react/jsx-runtime";
|
|
@@ -155,12 +155,12 @@ var CollapseToggleFlex = (props) => {
|
|
|
155
155
|
};
|
|
156
156
|
|
|
157
157
|
// src/components/CollapsibleDrawer/CollapsibleDrawer.tsx
|
|
158
|
+
import { useCollapsible as useCollapsible2 } from "@ariestools/sdk-react/shared";
|
|
158
159
|
import {
|
|
159
160
|
Collapse,
|
|
160
161
|
styled,
|
|
161
162
|
useTheme as useTheme3
|
|
162
163
|
} from "@mui/material";
|
|
163
|
-
import { useCollapsible as useCollapsible2 } from "@xylabs/react-shared";
|
|
164
164
|
import { jsx as jsx7 } from "react/jsx-runtime";
|
|
165
165
|
var CollapsibleDrawer = ({
|
|
166
166
|
children,
|
|
@@ -196,13 +196,13 @@ var CollapsibleFlexInner = styled(Collapse)(() => ({
|
|
|
196
196
|
}));
|
|
197
197
|
|
|
198
198
|
// src/components/MobileSystemControls/SystemControls.tsx
|
|
199
|
-
import { FlexCol as FlexCol3 } from "@
|
|
199
|
+
import { FlexCol as FlexCol3 } from "@ariestools/sdk-react/flexbox";
|
|
200
200
|
|
|
201
201
|
// src/components/MobileSystemControls/SystemControlsRoot.tsx
|
|
202
202
|
import { styled as styled2 } from "@mui/material";
|
|
203
203
|
|
|
204
204
|
// src/components/MobileSystemControls/SystemControlsType.ts
|
|
205
|
-
import { Enum } from "@
|
|
205
|
+
import { Enum } from "@ariestools/sdk";
|
|
206
206
|
var SystemControlsType = Enum({
|
|
207
207
|
Left: "Left",
|
|
208
208
|
Right: "Right",
|
|
@@ -210,13 +210,13 @@ var SystemControlsType = Enum({
|
|
|
210
210
|
});
|
|
211
211
|
|
|
212
212
|
// src/components/MobileSystemControls/SystemControlsUnstyled.tsx
|
|
213
|
+
import { FlexCol as FlexCol2, FlexRow as FlexRow5 } from "@ariestools/sdk-react/flexbox";
|
|
213
214
|
import { Paper as Paper2, useMediaQuery } from "@mui/material";
|
|
214
|
-
import { FlexCol as FlexCol2, FlexRow as FlexRow5 } from "@xylabs/react-flexbox";
|
|
215
215
|
import { NetworkSelectEx as NetworkSelectEx2 } from "@xyo-network/react-network";
|
|
216
216
|
|
|
217
217
|
// src/components/MobileSystemControls/controls/SystemControl.tsx
|
|
218
|
+
import { FlexCol, FlexRow as FlexRow4 } from "@ariestools/sdk-react/flexbox";
|
|
218
219
|
import { Collapse as Collapse2 } from "@mui/material";
|
|
219
|
-
import { FlexCol, FlexRow as FlexRow4 } from "@xylabs/react-flexbox";
|
|
220
220
|
import { useState as useState2 } from "react";
|
|
221
221
|
import { jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
|
|
222
222
|
var SystemControl = ({
|
|
@@ -322,10 +322,10 @@ var SystemControls = (props) => {
|
|
|
322
322
|
};
|
|
323
323
|
|
|
324
324
|
// src/components/SearchBar/SearchBar.tsx
|
|
325
|
+
import { ButtonEx } from "@ariestools/sdk-react/button";
|
|
326
|
+
import { FlexRow as FlexRow6 } from "@ariestools/sdk-react/flexbox";
|
|
325
327
|
import { Search as SearchIcon } from "@mui/icons-material";
|
|
326
328
|
import { Paper as Paper3, TextField } from "@mui/material";
|
|
327
|
-
import { ButtonEx } from "@xylabs/react-button";
|
|
328
|
-
import { FlexRow as FlexRow6 } from "@xylabs/react-flexbox";
|
|
329
329
|
import { useState as useState3 } from "react";
|
|
330
330
|
import { jsx as jsx11, jsxs as jsxs5 } from "react/jsx-runtime";
|
|
331
331
|
var SearchBar = ({
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/components/AppBar/Application.tsx", "../../src/components/Toolbar/Context/ContextToolbar.tsx", "../../src/components/Toolbar/Context/LogoLinkEx.tsx", "../../src/components/Toolbar/Context/Logo.tsx", "../../src/components/Toolbar/System/SystemToolbar.tsx", "../../src/components/CollapsibleDrawer/CollapseToggle.tsx", "../../src/components/CollapsibleDrawer/CollapsibleDrawer.tsx", "../../src/components/MobileSystemControls/SystemControls.tsx", "../../src/components/MobileSystemControls/SystemControlsRoot.tsx", "../../src/components/MobileSystemControls/SystemControlsType.ts", "../../src/components/MobileSystemControls/SystemControlsUnstyled.tsx", "../../src/components/MobileSystemControls/controls/SystemControl.tsx", "../../src/components/SearchBar/SearchBar.tsx"],
|
|
4
|
-
"sourcesContent": ["import type { ToolbarProps } from '@mui/material'\nimport type { ApplicationAppBarProps } from '@xylabs/react-appbar'\nimport { ApplicationAppBar } from '@xylabs/react-appbar'\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 { Toolbar } from '@mui/material'\nimport type { ContextToolbarProps } from '@xylabs/react-appbar'\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 { Typography, useTheme } from '@mui/material'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport type { LinkExProps } from '@xylabs/react-link'\nimport { LinkEx } from '@xylabs/react-link'\nimport { assertEx } from '@xylabs/sdk'\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 { Paper } from '@mui/material'\nimport {\n type SiteMenuProps, SystemToolbar, type SystemToolbarProps,\n} from '@xylabs/react-appbar'\nimport { FlexRow } from '@xylabs/react-flexbox'\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 { Icon, useTheme } from '@mui/material'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport { useCollapsible } from '@xylabs/react-shared'\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 type { CollapseProps } from '@mui/material'\nimport {\n Collapse, styled, useTheme,\n} from '@mui/material'\nimport { useCollapsible } from '@xylabs/react-shared'\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 '@xylabs/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 '@xylabs/sdk'\nimport { Enum } from '@xylabs/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 { Theme } from '@mui/material'\nimport { Paper, useMediaQuery } from '@mui/material'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexCol, FlexRow } from '@xylabs/react-flexbox'\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 { CollapseProps } from '@mui/material'\nimport { Collapse } from '@mui/material'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexCol, FlexRow } from '@xylabs/react-flexbox'\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 { Search as SearchIcon } from '@mui/icons-material'\nimport { Paper, TextField } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexRow } from '@xylabs/react-flexbox'\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": ";
|
|
6
|
-
"names": ["jsx", "jsx", "jsxs", "FlexRow", "jsx", "jsxs", "jsx", "
|
|
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": "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",
|
|
6
|
+
"names": ["jsx", "jsx", "jsxs", "FlexRow", "jsx", "jsxs", "jsx", "FlexRow", "useTheme", "jsx", "useCollapsible", "useTheme", "jsx", "FlexCol", "styled", "FlexCol", "FlexRow", "Paper", "NetworkSelectEx", "FlexRow", "Collapse", "useState", "jsx", "jsxs", "useState", "FlexRow", "Collapse", "jsx", "FlexCol", "FlexRow", "Paper", "NetworkSelectEx", "styled", "jsx", "FlexCol", "FlexRow", "Paper", "useState", "jsx", "jsxs"]
|
|
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.5",
|
|
4
4
|
"description": "Common React library for all XYO projects that use React",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"xyo",
|
|
@@ -41,102 +41,100 @@
|
|
|
41
41
|
"README.md"
|
|
42
42
|
],
|
|
43
43
|
"dependencies": {
|
|
44
|
-
"@xyo-network/react-network": "~10.0.
|
|
44
|
+
"@xyo-network/react-network": "~10.0.5"
|
|
45
45
|
},
|
|
46
46
|
"devDependencies": {
|
|
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",
|
|
47
52
|
"@bitauth/libauth": "~3.0.0",
|
|
48
|
-
"@
|
|
49
|
-
"@mui/material": "
|
|
53
|
+
"@metamask/providers": "~22.1.1",
|
|
54
|
+
"@mui/icons-material": "~9.2.0",
|
|
55
|
+
"@mui/material": "~9.2.0",
|
|
50
56
|
"@noble/post-quantum": "~0.6.1",
|
|
51
|
-
"@opentelemetry/api": "
|
|
52
|
-
"@opentelemetry/sdk-trace-base": "
|
|
57
|
+
"@opentelemetry/api": "~1.9.1",
|
|
58
|
+
"@opentelemetry/sdk-trace-base": "~2.9.0",
|
|
53
59
|
"@react-spring/web": "~10.1.2",
|
|
54
60
|
"@scure/base": "~2.2.0",
|
|
55
61
|
"@scure/bip39": "~2.2.0",
|
|
56
62
|
"@storybook/react-vite": "~10.4.6",
|
|
63
|
+
"@types/react": "~19.2.17",
|
|
64
|
+
"@xylabs/toolchain": "~8.6.6",
|
|
65
|
+
"@xylabs/tsconfig": "~8.6.6",
|
|
66
|
+
"@xylabs/tsconfig-dom": "~8.6.6",
|
|
67
|
+
"@xylabs/tsconfig-react": "~8.6.6",
|
|
68
|
+
"@xyo-network/sdk": "~7.0.9",
|
|
69
|
+
"@xyo-network/sdk-protocol": "~7.0.14",
|
|
70
|
+
"ajv": "~8.20.0",
|
|
71
|
+
"async-mutex": "~0.5.0",
|
|
72
|
+
"clsx": "~2.1.1",
|
|
73
|
+
"debug": "~4.4.3",
|
|
74
|
+
"eslint": "~10.6.0",
|
|
75
|
+
"ethers": "~6.17.0",
|
|
76
|
+
"hash-wasm": "~4.12.0",
|
|
77
|
+
"idb": "~8.0.3",
|
|
78
|
+
"lru-cache": "~11.5.1",
|
|
79
|
+
"md5": "~2.3.0",
|
|
80
|
+
"numeral": "~2.0.6",
|
|
81
|
+
"observable-fns": "~0.6.1",
|
|
82
|
+
"query-string": "~9.4.1",
|
|
83
|
+
"react": "~19.2.7",
|
|
84
|
+
"react-dom": "~19.2.7",
|
|
85
|
+
"react-icons": "~5.7.0",
|
|
86
|
+
"react-router-dom": "~7.18.1",
|
|
87
|
+
"rollbar": "~3.1.0",
|
|
88
|
+
"storybook": "~10.4.6",
|
|
89
|
+
"typescript": "~6.0.3",
|
|
90
|
+
"viem": "~2.54.3",
|
|
91
|
+
"vite": "~8.1.3",
|
|
92
|
+
"webextension-polyfill": "~0.12.0",
|
|
93
|
+
"zod": "~4.4.3",
|
|
94
|
+
"zustand": "~5.0.14",
|
|
95
|
+
"@xyo-network/react-storybook": "~10.0.5",
|
|
96
|
+
"@xyo-network/react-wallet": "~10.0.5"
|
|
97
|
+
},
|
|
98
|
+
"peerDependencies": {
|
|
99
|
+
"@ariestools/eth-address": "^8.0.2",
|
|
100
|
+
"@ariestools/pixel": "^8.0.2",
|
|
101
|
+
"@ariestools/sdk": "^8.0.2",
|
|
102
|
+
"@ariestools/sdk-react": "^11.0.0",
|
|
103
|
+
"@ariestools/threads": "^8.0.2",
|
|
104
|
+
"@bitauth/libauth": "^3.0.0",
|
|
105
|
+
"@metamask/providers": "^22.1.1",
|
|
106
|
+
"@mui/icons-material": "^9.2.0",
|
|
107
|
+
"@mui/material": "^9.2.0",
|
|
108
|
+
"@noble/post-quantum": "^0.6.1",
|
|
109
|
+
"@opentelemetry/api": "^1.9.1",
|
|
110
|
+
"@opentelemetry/sdk-trace-base": "^2.9.0",
|
|
111
|
+
"@react-spring/web": "^10.1.2",
|
|
112
|
+
"@scure/base": "^2.2.0",
|
|
113
|
+
"@scure/bip39": "^2.2.0",
|
|
57
114
|
"@types/react": "^19.2.17",
|
|
58
|
-
"@
|
|
59
|
-
"@
|
|
60
|
-
"@xylabs/pixel": "^7.0.1",
|
|
61
|
-
"@xylabs/react-appbar": "~10.0",
|
|
62
|
-
"@xylabs/react-button": "~10.0",
|
|
63
|
-
"@xylabs/react-crypto": "~10.0",
|
|
64
|
-
"@xylabs/react-flexbox": "~10.0",
|
|
65
|
-
"@xylabs/react-hooks": "~10.0",
|
|
66
|
-
"@xylabs/react-identicon": "~10.0",
|
|
67
|
-
"@xylabs/react-link": "~10.0",
|
|
68
|
-
"@xylabs/react-number-status": "~10.0",
|
|
69
|
-
"@xylabs/react-promise": "~10.0",
|
|
70
|
-
"@xylabs/react-select": "~10.0",
|
|
71
|
-
"@xylabs/react-shared": "~10.0",
|
|
72
|
-
"@xylabs/react-theme": "~10.0",
|
|
73
|
-
"@xylabs/sdk": "^7.0.1",
|
|
74
|
-
"@xylabs/threads": "^7.0.1",
|
|
75
|
-
"@xylabs/toolchain": "~8.5.3",
|
|
76
|
-
"@xylabs/tsconfig": "^8.5.3",
|
|
77
|
-
"@xylabs/tsconfig-dom": "^8.5.3",
|
|
78
|
-
"@xylabs/tsconfig-react": "~8.5.3",
|
|
79
|
-
"@xyo-network/sdk": "^7.0.3",
|
|
115
|
+
"@xyo-network/sdk": "^7.0.9",
|
|
116
|
+
"@xyo-network/sdk-protocol": "^7.0.14",
|
|
80
117
|
"ajv": "^8.20.0",
|
|
81
118
|
"async-mutex": "^0.5.0",
|
|
119
|
+
"clsx": "^2.1.1",
|
|
82
120
|
"debug": "^4.4.3",
|
|
83
|
-
"eslint": "^10.6.0",
|
|
84
121
|
"ethers": "^6.17.0",
|
|
85
|
-
"hash-wasm": "
|
|
122
|
+
"hash-wasm": "^4.12.0",
|
|
86
123
|
"idb": "^8.0.3",
|
|
87
124
|
"lru-cache": "^11.5.1",
|
|
88
|
-
"md5": "
|
|
89
|
-
"numeral": "
|
|
125
|
+
"md5": "^2.3.0",
|
|
126
|
+
"numeral": "^2.0.6",
|
|
90
127
|
"observable-fns": "^0.6.1",
|
|
91
|
-
"query-string": "
|
|
128
|
+
"query-string": "^9.4.1",
|
|
92
129
|
"react": "^19.2.7",
|
|
93
130
|
"react-dom": "^19.2.7",
|
|
94
|
-
"react-icons": "
|
|
95
|
-
"react-router-dom": "^7.18.
|
|
96
|
-
"
|
|
97
|
-
"
|
|
98
|
-
"
|
|
99
|
-
"vite": "^8.1.0",
|
|
131
|
+
"react-icons": "^5.7.0",
|
|
132
|
+
"react-router-dom": "^7.18.1",
|
|
133
|
+
"rollbar": "^3.1.0",
|
|
134
|
+
"viem": "^2.54.3",
|
|
135
|
+
"webextension-polyfill": "^0.12.0",
|
|
100
136
|
"zod": "^4.4.3",
|
|
101
|
-
"
|
|
102
|
-
"@xyo-network/react-storybook": "~10.0.3"
|
|
103
|
-
},
|
|
104
|
-
"peerDependencies": {
|
|
105
|
-
"@bitauth/libauth": "~3.0",
|
|
106
|
-
"@mui/icons-material": "^9.0",
|
|
107
|
-
"@mui/material": "^9.0",
|
|
108
|
-
"@noble/post-quantum": "~0.6.1",
|
|
109
|
-
"@opentelemetry/api": "^1.9",
|
|
110
|
-
"@opentelemetry/sdk-trace-base": "^2.7",
|
|
111
|
-
"@react-spring/web": "~10.1",
|
|
112
|
-
"@scure/base": "~2.2",
|
|
113
|
-
"@scure/bip39": "~2.2",
|
|
114
|
-
"@types/react": "^19.2",
|
|
115
|
-
"@xylabs/geo": "^7.0",
|
|
116
|
-
"@xylabs/pixel": "^7.0",
|
|
117
|
-
"@xylabs/react-appbar": "^10.0",
|
|
118
|
-
"@xylabs/react-button": "^10.0",
|
|
119
|
-
"@xylabs/react-flexbox": "^10.0",
|
|
120
|
-
"@xylabs/react-link": "^10.0",
|
|
121
|
-
"@xylabs/react-select": "^10.0",
|
|
122
|
-
"@xylabs/react-shared": "^10.0",
|
|
123
|
-
"@xylabs/sdk": "^7.0",
|
|
124
|
-
"@xylabs/threads": "^7.0",
|
|
125
|
-
"@xyo-network/sdk": "*",
|
|
126
|
-
"ajv": "^8.20",
|
|
127
|
-
"async-mutex": "^0.5",
|
|
128
|
-
"debug": "^4.4",
|
|
129
|
-
"ethers": "^6.16",
|
|
130
|
-
"hash-wasm": "~4.12",
|
|
131
|
-
"idb": "^8.0",
|
|
132
|
-
"lru-cache": "^11.3",
|
|
133
|
-
"observable-fns": "^0.6",
|
|
134
|
-
"query-string": "~9.4",
|
|
135
|
-
"react": "^19.2",
|
|
136
|
-
"react-dom": "^19.2",
|
|
137
|
-
"react-icons": "~5.6",
|
|
138
|
-
"react-router-dom": "^7.15",
|
|
139
|
-
"zod": "^4.4"
|
|
137
|
+
"zustand": "^5.0.14"
|
|
140
138
|
},
|
|
141
139
|
"publishConfig": {
|
|
142
140
|
"access": "public"
|