@xyo-network/react-drawer 10.0.5 → 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 -91
- package/dist/browser/index.mjs.map +3 -3
- package/package.json +72 -8
- package/dist/browser/components/Drawer.d.ts +0 -11
- package/dist/browser/components/Drawer.d.ts.map +0 -1
- package/dist/browser/components/index.d.ts +0 -2
- 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/drawer';
|
|
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,92 +1,3 @@
|
|
|
1
|
-
// src/
|
|
2
|
-
|
|
3
|
-
import {
|
|
4
|
-
Drawer,
|
|
5
|
-
Paper,
|
|
6
|
-
styled,
|
|
7
|
-
Typography
|
|
8
|
-
} from "@mui/material";
|
|
9
|
-
import { useMemo } from "react";
|
|
10
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
11
|
-
var DrawerEx = ({
|
|
12
|
-
children,
|
|
13
|
-
heightVariant = "full",
|
|
14
|
-
subTitle,
|
|
15
|
-
title,
|
|
16
|
-
onClose,
|
|
17
|
-
widthVariant = "partial",
|
|
18
|
-
...props
|
|
19
|
-
}) => {
|
|
20
|
-
const variantBasedProps = useMemo(() => {
|
|
21
|
-
return {
|
|
22
|
-
PaperProps: {
|
|
23
|
-
sx: {
|
|
24
|
-
alignItems: "center",
|
|
25
|
-
background: "transparent",
|
|
26
|
-
boxShadow: "none",
|
|
27
|
-
height: heightVariant === "full" ? "100%" : "auto",
|
|
28
|
-
width: widthVariant === "partial" ? "auto" : "100%"
|
|
29
|
-
}
|
|
30
|
-
},
|
|
31
|
-
onClick: (event) => onClose?.(event, "backdropClick")
|
|
32
|
-
};
|
|
33
|
-
}, [heightVariant, onClose, widthVariant]);
|
|
34
|
-
return /* @__PURE__ */ jsx(Drawer, { anchor: "top", onClose, ...variantBasedProps, ...props, children: /* @__PURE__ */ jsxs(
|
|
35
|
-
StyledDrawerContentPaper,
|
|
36
|
-
{
|
|
37
|
-
widthVariant,
|
|
38
|
-
elevation: 16,
|
|
39
|
-
onClick: (event) => event.stopPropagation(),
|
|
40
|
-
sx: { width: widthVariant === "full" ? "100%" : void 0 },
|
|
41
|
-
children: [
|
|
42
|
-
title || subTitle ? /* @__PURE__ */ jsxs(
|
|
43
|
-
FlexCol,
|
|
44
|
-
{
|
|
45
|
-
sx: {
|
|
46
|
-
alignItems: "start",
|
|
47
|
-
gap: 1
|
|
48
|
-
},
|
|
49
|
-
children: [
|
|
50
|
-
title ? /* @__PURE__ */ jsx(StyledEllipsisTypography, { variant: "h3", children: title }) : null,
|
|
51
|
-
subTitle ? /* @__PURE__ */ jsx(
|
|
52
|
-
Typography,
|
|
53
|
-
{
|
|
54
|
-
variant: "subtitle1",
|
|
55
|
-
sx: { textTransform: "none" },
|
|
56
|
-
children: subTitle
|
|
57
|
-
}
|
|
58
|
-
) : null
|
|
59
|
-
]
|
|
60
|
-
}
|
|
61
|
-
) : null,
|
|
62
|
-
children
|
|
63
|
-
]
|
|
64
|
-
}
|
|
65
|
-
) });
|
|
66
|
-
};
|
|
67
|
-
var StyledEllipsisTypography = styled(Typography, { name: "StyledEllipsisTypography" })(() => ({
|
|
68
|
-
maxWidth: "100%",
|
|
69
|
-
overflowX: "hidden",
|
|
70
|
-
textOverflow: "ellipsis",
|
|
71
|
-
whiteSpace: "nowrap"
|
|
72
|
-
}));
|
|
73
|
-
var StyledDrawerContentPaper = styled(Paper, {
|
|
74
|
-
name: "StyledDrawerContentPaper",
|
|
75
|
-
shouldForwardProp: (prop) => !["widthVariant"].includes(prop)
|
|
76
|
-
})(({ theme, widthVariant }) => ({
|
|
77
|
-
alignItems: "stretch",
|
|
78
|
-
borderRadius: `0 0 ${theme.shape.borderRadius}px ${theme.shape.borderRadius}px`,
|
|
79
|
-
display: "flex",
|
|
80
|
-
flexDirection: "column",
|
|
81
|
-
gap: theme.spacing(2),
|
|
82
|
-
height: "100%",
|
|
83
|
-
maxWidth: "100%",
|
|
84
|
-
overflowX: "hidden",
|
|
85
|
-
padding: theme.spacing(3),
|
|
86
|
-
[theme.breakpoints.up("lg")]: { width: widthVariant === "full" ? "100%" : "50%" },
|
|
87
|
-
[theme.breakpoints.up("md")]: { width: widthVariant === "full" ? "100%" : "75%" }
|
|
88
|
-
}));
|
|
89
|
-
export {
|
|
90
|
-
DrawerEx
|
|
91
|
-
};
|
|
1
|
+
// src/index.ts
|
|
2
|
+
export * from "@xyo-network/react-sdk/drawer";
|
|
92
3
|
//# sourceMappingURL=index.mjs.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../src/
|
|
4
|
-
"sourcesContent": ["
|
|
5
|
-
"mappings": ";
|
|
3
|
+
"sources": ["../../src/index.ts"],
|
|
4
|
+
"sourcesContent": ["// Compatibility shim: this package re-exports from @xyo-network/react-sdk.\nexport * from '@xyo-network/react-sdk/drawer'\n"],
|
|
5
|
+
"mappings": ";AACA,cAAc;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@xyo-network/react-drawer",
|
|
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",
|
|
@@ -40,38 +40,69 @@
|
|
|
40
40
|
"dist",
|
|
41
41
|
"README.md"
|
|
42
42
|
],
|
|
43
|
+
"dependencies": {
|
|
44
|
+
"@xyo-network/react-sdk": "~10.0.6"
|
|
45
|
+
},
|
|
43
46
|
"devDependencies": {
|
|
44
47
|
"@ariestools/eth-address": "~8.0.2",
|
|
45
48
|
"@ariestools/pixel": "~8.0.2",
|
|
46
49
|
"@ariestools/sdk": "~8.0.2",
|
|
47
50
|
"@ariestools/sdk-react": "~11.0.0",
|
|
51
|
+
"@ariestools/threads": "~8.0.2",
|
|
52
|
+
"@bitauth/libauth": "~3.0.0",
|
|
53
|
+
"@metamask/providers": "~22.1.1",
|
|
48
54
|
"@mui/icons-material": "~9.2.0",
|
|
49
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",
|
|
50
59
|
"@opentelemetry/api": "~1.9.1",
|
|
51
60
|
"@opentelemetry/sdk-trace-base": "~2.9.0",
|
|
52
61
|
"@react-spring/web": "~10.1.2",
|
|
53
|
-
"@
|
|
62
|
+
"@scure/base": "~2.2.0",
|
|
63
|
+
"@scure/bip39": "~2.2.0",
|
|
54
64
|
"@types/react": "~19.2.17",
|
|
55
|
-
"@xylabs/toolchain": "~8.6.
|
|
56
|
-
"@xylabs/tsconfig": "~8.6.
|
|
57
|
-
"@xylabs/tsconfig-dom": "~8.6.
|
|
58
|
-
"@xylabs/tsconfig-react": "~8.6.
|
|
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",
|
|
59
83
|
"async-mutex": "~0.5.0",
|
|
84
|
+
"card-validator": "~10.0.4",
|
|
60
85
|
"clsx": "~2.1.1",
|
|
86
|
+
"debug": "~4.4.3",
|
|
61
87
|
"eslint": "~10.6.0",
|
|
62
88
|
"ethers": "~6.17.0",
|
|
89
|
+
"hash-wasm": "~4.12.0",
|
|
90
|
+
"idb": "~8.0.3",
|
|
63
91
|
"lru-cache": "~11.5.1",
|
|
92
|
+
"mapbox-gl": "~3.25.0",
|
|
64
93
|
"md5": "~2.3.0",
|
|
65
94
|
"numeral": "~2.0.6",
|
|
95
|
+
"observable-fns": "~0.6.1",
|
|
66
96
|
"query-string": "~9.4.1",
|
|
67
97
|
"react": "~19.2.7",
|
|
68
98
|
"react-dom": "~19.2.7",
|
|
99
|
+
"react-icons": "~5.7.0",
|
|
69
100
|
"react-router-dom": "~7.18.1",
|
|
70
101
|
"rollbar": "~3.1.0",
|
|
71
|
-
"
|
|
102
|
+
"store2": "~2.14.4",
|
|
72
103
|
"typescript": "~6.0.3",
|
|
73
104
|
"viem": "~2.54.3",
|
|
74
|
-
"
|
|
105
|
+
"webextension-polyfill": "~0.12.0",
|
|
75
106
|
"zod": "~4.4.3",
|
|
76
107
|
"zustand": "~5.0.14"
|
|
77
108
|
},
|
|
@@ -80,28 +111,61 @@
|
|
|
80
111
|
"@ariestools/pixel": "^8.0.2",
|
|
81
112
|
"@ariestools/sdk": "^8.0.2",
|
|
82
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",
|
|
83
117
|
"@mui/icons-material": "^9.2.0",
|
|
84
118
|
"@mui/material": "^9.2.0",
|
|
119
|
+
"@mui/system": "^9.2.0",
|
|
120
|
+
"@mui/x-tree-view": "^9.8.0",
|
|
121
|
+
"@noble/post-quantum": "^0.6.1",
|
|
85
122
|
"@opentelemetry/api": "^1.9.1",
|
|
86
123
|
"@opentelemetry/sdk-trace-base": "^2.9.0",
|
|
87
124
|
"@react-spring/web": "^10.1.2",
|
|
125
|
+
"@scure/base": "^2.2.0",
|
|
126
|
+
"@scure/bip39": "^2.2.0",
|
|
127
|
+
"@types/react": "^19.2.17",
|
|
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",
|
|
141
|
+
"ajv": "^8.20.0",
|
|
88
142
|
"async-mutex": "^0.5.0",
|
|
143
|
+
"card-validator": "^10.0.4",
|
|
89
144
|
"clsx": "^2.1.1",
|
|
145
|
+
"debug": "^4.4.3",
|
|
90
146
|
"ethers": "^6.17.0",
|
|
147
|
+
"hash-wasm": "^4.12.0",
|
|
148
|
+
"idb": "^8.0.3",
|
|
91
149
|
"lru-cache": "^11.5.1",
|
|
150
|
+
"mapbox-gl": "^3.25.0",
|
|
92
151
|
"md5": "^2.3.0",
|
|
93
152
|
"numeral": "^2.0.6",
|
|
153
|
+
"observable-fns": "^0.6.1",
|
|
94
154
|
"query-string": "^9.4.1",
|
|
95
155
|
"react": "^19.2.7",
|
|
96
156
|
"react-dom": "^19.2.7",
|
|
157
|
+
"react-icons": "^5.7.0",
|
|
97
158
|
"react-router-dom": "^7.18.1",
|
|
98
159
|
"rollbar": "^3.1.0",
|
|
160
|
+
"store2": "^2.14.4",
|
|
99
161
|
"viem": "^2.54.3",
|
|
162
|
+
"webextension-polyfill": "^0.12.0",
|
|
100
163
|
"zod": "^4.4.3",
|
|
101
164
|
"zustand": "^5.0.14"
|
|
102
165
|
},
|
|
103
166
|
"publishConfig": {
|
|
104
167
|
"access": "public"
|
|
105
168
|
},
|
|
169
|
+
"deprecated": "Use @xyo-network/react-sdk/drawer instead. Replace @xyo-network/react-drawer with @xyo-network/react-sdk/drawer. This package is a compatibility shim only and will not receive further updates.",
|
|
106
170
|
"docs": "dist/docs.json"
|
|
107
171
|
}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import type { DrawerProps } from '@mui/material';
|
|
2
|
-
import type { PropsWithChildren } from 'react';
|
|
3
|
-
import React from 'react';
|
|
4
|
-
export interface DrawerExProps extends PropsWithChildren<DrawerProps> {
|
|
5
|
-
heightVariant?: 'full' | 'auto';
|
|
6
|
-
subTitle?: string;
|
|
7
|
-
title?: string;
|
|
8
|
-
widthVariant?: 'full' | 'partial';
|
|
9
|
-
}
|
|
10
|
-
export declare const DrawerEx: React.FC<DrawerExProps>;
|
|
11
|
-
//# sourceMappingURL=Drawer.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAIhD,OAAO,KAAK,EAAc,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAC1D,OAAO,KAAkB,MAAM,OAAO,CAAA;AAEtC,MAAM,WAAW,aAAc,SAAQ,iBAAiB,CAAC,WAAW,CAAC;IACnE,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CAClC;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA6D5C,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA"}
|