@xyo-network/react-powered-by-xyo 2.60.3 → 2.60.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/cjs/components/PoweredByXyo.js +7 -2
- package/dist/cjs/components/PoweredByXyo.js.map +1 -1
- package/dist/docs.json +1428 -1400
- package/dist/esm/components/PoweredByXyo.js +7 -2
- package/dist/esm/components/PoweredByXyo.js.map +1 -1
- package/dist/types/components/PoweredByXyo.d.ts +2 -0
- package/dist/types/components/PoweredByXyo.d.ts.map +1 -1
- package/package.json +18 -18
- package/src/components/PoweredByXyo.tsx +22 -4
|
@@ -8,7 +8,7 @@ import { useProvidedNode } from '@xyo-network/react-node';
|
|
|
8
8
|
import { useMemo, useState } from 'react';
|
|
9
9
|
import { DebugDialog } from './DebugDialog';
|
|
10
10
|
import { PoweredByXyoButton } from './PoweredByXyoButton';
|
|
11
|
-
export const PoweredByXyo = ({ autoStop, busy, debugDialog = false, disableAnimation = false, href = 'https://xyo.network', logoHeight, logoTextSize, onButtonClick, node: propNode, ...props }) => {
|
|
11
|
+
export const PoweredByXyo = ({ autoStop, busy, buttonProps = {}, debugDialog = false, disableAnimation = false, href = 'https://xyo.network', logoHeight, logoTextSize, onButtonClick, node: propNode, ...props }) => {
|
|
12
12
|
const [node] = useProvidedNode();
|
|
13
13
|
const [debugDialogOpen, setDebugDialogOpen] = useState(false);
|
|
14
14
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
@@ -25,6 +25,11 @@ export const PoweredByXyo = ({ autoStop, busy, debugDialog = false, disableAnima
|
|
|
25
25
|
}
|
|
26
26
|
: undefined) ?? onButtonClick;
|
|
27
27
|
const activeHref = activeOnButtonClick ? undefined : href;
|
|
28
|
+
const onKeyDownEscListener = (event) => {
|
|
29
|
+
if (event.key === 'Escape' && debugDialogOpen) {
|
|
30
|
+
setDebugDialogOpen(false);
|
|
31
|
+
}
|
|
32
|
+
};
|
|
28
33
|
useAsyncEffect(
|
|
29
34
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
30
35
|
async () => {
|
|
@@ -56,6 +61,6 @@ export const PoweredByXyo = ({ autoStop, busy, debugDialog = false, disableAnima
|
|
|
56
61
|
});
|
|
57
62
|
}
|
|
58
63
|
}, [disableAnimation, propNode, node, busyMap, autoStop]);
|
|
59
|
-
return (_jsxs(FlexCol, { alignItems: "stretch", position: "absolute", bottom: "0", left: "0", ...props, children: [_jsx(Paper, { sx: { borderRadius: 0 }, children: _jsx(PoweredByXyoButton, { onClick: activeOnButtonClick, href: activeHref, busy: activeBusy, logoHeight: logoHeight, logoTextSize: logoTextSize }) }), debugDialog ? _jsx(DebugDialog, { fullScreen: true, open: debugDialogOpen, onClose: () => setDebugDialogOpen(false) }) : null] }));
|
|
64
|
+
return (_jsxs(FlexCol, { alignItems: "stretch", position: "absolute", bottom: "0", left: "0", ...props, children: [_jsx(Paper, { sx: { borderRadius: 0 }, children: _jsx(PoweredByXyoButton, { onClick: activeOnButtonClick, href: activeHref, busy: activeBusy, logoHeight: logoHeight, logoTextSize: logoTextSize, fullWidth: true, ...buttonProps }) }), debugDialog ? (_jsx(DebugDialog, { fullScreen: true, open: debugDialogOpen, onClose: () => setDebugDialogOpen(false), onKeyDown: onKeyDownEscListener })) : null] }));
|
|
60
65
|
};
|
|
61
66
|
//# sourceMappingURL=PoweredByXyo.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PoweredByXyo.js","sourceRoot":"","sources":["../../../src/components/PoweredByXyo.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACrC,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAE3D,OAAO,EAAgB,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAG7D,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AACzD,OAAO,
|
|
1
|
+
{"version":3,"file":"PoweredByXyo.js","sourceRoot":"","sources":["../../../src/components/PoweredByXyo.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,9 +2,11 @@
|
|
|
2
2
|
import { ButtonExProps } from '@xylabs/react-button';
|
|
3
3
|
import { FlexBoxProps } from '@xylabs/react-flexbox';
|
|
4
4
|
import { NodeInstance } from '@xyo-network/node-model';
|
|
5
|
+
import { PoweredByXyoButtonProps } from './PoweredByXyoButton';
|
|
5
6
|
export interface PoweredByXyoProps extends FlexBoxProps {
|
|
6
7
|
autoStop?: boolean;
|
|
7
8
|
busy?: boolean;
|
|
9
|
+
buttonProps?: PoweredByXyoButtonProps;
|
|
8
10
|
debugDialog?: boolean;
|
|
9
11
|
disableAnimation?: boolean;
|
|
10
12
|
href?: ButtonExProps['href'];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PoweredByXyo.d.ts","sourceRoot":"","sources":["../../../src/components/PoweredByXyo.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AACpD,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAE7D,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;
|
|
1
|
+
{"version":3,"file":"PoweredByXyo.d.ts","sourceRoot":"","sources":["../../../src/components/PoweredByXyo.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AACpD,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAE7D,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAKtD,OAAO,EAAsB,uBAAuB,EAAE,MAAM,sBAAsB,CAAA;AAElF,MAAM,WAAW,iBAAkB,SAAQ,YAAY;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,WAAW,CAAC,EAAE,uBAAuB,CAAA;IACrC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,IAAI,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,aAAa,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAA;CACzC;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA+FpD,CAAA"}
|
package/package.json
CHANGED
|
@@ -12,20 +12,20 @@
|
|
|
12
12
|
"dependencies": {
|
|
13
13
|
"@xylabs/delay": "^2.9.3",
|
|
14
14
|
"@xylabs/forget": "^2.9.3",
|
|
15
|
-
"@xylabs/react-async-effect": "~2.17.
|
|
16
|
-
"@xylabs/react-button": "~2.17.
|
|
17
|
-
"@xylabs/react-flexbox": "~2.17.
|
|
18
|
-
"@xylabs/react-promise": "^2.17.
|
|
19
|
-
"@xyo-network/archivist-model": "^2.70.
|
|
20
|
-
"@xyo-network/bridge-model": "^2.70.
|
|
21
|
-
"@xyo-network/diviner-model": "^2.70.
|
|
22
|
-
"@xyo-network/module-model": "^2.70.
|
|
23
|
-
"@xyo-network/node-model": "^2.70.
|
|
24
|
-
"@xyo-network/react-node": "~2.60.
|
|
25
|
-
"@xyo-network/react-property": "~2.60.
|
|
26
|
-
"@xyo-network/react-shared": "~2.60.
|
|
27
|
-
"@xyo-network/sentinel": "^2.70.
|
|
28
|
-
"@xyo-network/witness-model": "^2.70.
|
|
15
|
+
"@xylabs/react-async-effect": "~2.17.11",
|
|
16
|
+
"@xylabs/react-button": "~2.17.11",
|
|
17
|
+
"@xylabs/react-flexbox": "~2.17.11",
|
|
18
|
+
"@xylabs/react-promise": "^2.17.11",
|
|
19
|
+
"@xyo-network/archivist-model": "^2.70.11",
|
|
20
|
+
"@xyo-network/bridge-model": "^2.70.11",
|
|
21
|
+
"@xyo-network/diviner-model": "^2.70.11",
|
|
22
|
+
"@xyo-network/module-model": "^2.70.11",
|
|
23
|
+
"@xyo-network/node-model": "^2.70.11",
|
|
24
|
+
"@xyo-network/react-node": "~2.60.5",
|
|
25
|
+
"@xyo-network/react-property": "~2.60.5",
|
|
26
|
+
"@xyo-network/react-shared": "~2.60.5",
|
|
27
|
+
"@xyo-network/sentinel": "^2.70.11",
|
|
28
|
+
"@xyo-network/witness-model": "^2.70.11",
|
|
29
29
|
"react-json-view": "^1.21.3"
|
|
30
30
|
},
|
|
31
31
|
"peerDependencies": {
|
|
@@ -38,10 +38,10 @@
|
|
|
38
38
|
"react-router-dom": "^6.3.0"
|
|
39
39
|
},
|
|
40
40
|
"devDependencies": {
|
|
41
|
-
"@storybook/react": "^7.2.
|
|
41
|
+
"@storybook/react": "^7.2.1",
|
|
42
42
|
"@xylabs/ts-scripts-yarn3": "^2.19.0",
|
|
43
|
-
"@xyo-network/account": "^2.70.
|
|
44
|
-
"@xyo-network/manifest": "^2.70.
|
|
43
|
+
"@xyo-network/account": "^2.70.11",
|
|
44
|
+
"@xyo-network/manifest": "^2.70.11",
|
|
45
45
|
"typescript": "^5.1.6"
|
|
46
46
|
},
|
|
47
47
|
"description": "Common React library for all XYO projects that use React",
|
|
@@ -87,5 +87,5 @@
|
|
|
87
87
|
},
|
|
88
88
|
"sideEffects": false,
|
|
89
89
|
"types": "dist/types/index.d.ts",
|
|
90
|
-
"version": "2.60.
|
|
90
|
+
"version": "2.60.5"
|
|
91
91
|
}
|
|
@@ -7,14 +7,15 @@ import { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'
|
|
|
7
7
|
import { Module } from '@xyo-network/module-model'
|
|
8
8
|
import { NodeInstance } from '@xyo-network/node-model'
|
|
9
9
|
import { useProvidedNode } from '@xyo-network/react-node'
|
|
10
|
-
import { useMemo, useState } from 'react'
|
|
10
|
+
import { KeyboardEvent, useMemo, useState } from 'react'
|
|
11
11
|
|
|
12
12
|
import { DebugDialog } from './DebugDialog'
|
|
13
|
-
import { PoweredByXyoButton } from './PoweredByXyoButton'
|
|
13
|
+
import { PoweredByXyoButton, PoweredByXyoButtonProps } from './PoweredByXyoButton'
|
|
14
14
|
|
|
15
15
|
export interface PoweredByXyoProps extends FlexBoxProps {
|
|
16
16
|
autoStop?: boolean
|
|
17
17
|
busy?: boolean
|
|
18
|
+
buttonProps?: PoweredByXyoButtonProps
|
|
18
19
|
debugDialog?: boolean
|
|
19
20
|
disableAnimation?: boolean
|
|
20
21
|
href?: ButtonExProps['href']
|
|
@@ -27,6 +28,7 @@ export interface PoweredByXyoProps extends FlexBoxProps {
|
|
|
27
28
|
export const PoweredByXyo: React.FC<PoweredByXyoProps> = ({
|
|
28
29
|
autoStop,
|
|
29
30
|
busy,
|
|
31
|
+
buttonProps = {},
|
|
30
32
|
debugDialog = false,
|
|
31
33
|
disableAnimation = false,
|
|
32
34
|
href = 'https://xyo.network',
|
|
@@ -57,6 +59,12 @@ export const PoweredByXyo: React.FC<PoweredByXyoProps> = ({
|
|
|
57
59
|
|
|
58
60
|
const activeHref = activeOnButtonClick ? undefined : href
|
|
59
61
|
|
|
62
|
+
const onKeyDownEscListener = (event: KeyboardEvent<HTMLDivElement>) => {
|
|
63
|
+
if (event.key === 'Escape' && debugDialogOpen) {
|
|
64
|
+
setDebugDialogOpen(false)
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
|
|
60
68
|
useAsyncEffect(
|
|
61
69
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
62
70
|
async () => {
|
|
@@ -97,9 +105,19 @@ export const PoweredByXyo: React.FC<PoweredByXyoProps> = ({
|
|
|
97
105
|
return (
|
|
98
106
|
<FlexCol alignItems="stretch" position="absolute" bottom="0" left="0" {...props}>
|
|
99
107
|
<Paper sx={{ borderRadius: 0 }}>
|
|
100
|
-
<PoweredByXyoButton
|
|
108
|
+
<PoweredByXyoButton
|
|
109
|
+
onClick={activeOnButtonClick}
|
|
110
|
+
href={activeHref}
|
|
111
|
+
busy={activeBusy}
|
|
112
|
+
logoHeight={logoHeight}
|
|
113
|
+
logoTextSize={logoTextSize}
|
|
114
|
+
fullWidth
|
|
115
|
+
{...buttonProps}
|
|
116
|
+
/>
|
|
101
117
|
</Paper>
|
|
102
|
-
{debugDialog ?
|
|
118
|
+
{debugDialog ? (
|
|
119
|
+
<DebugDialog fullScreen open={debugDialogOpen} onClose={() => setDebugDialogOpen(false)} onKeyDown={onKeyDownEscListener} />
|
|
120
|
+
) : null}
|
|
103
121
|
</FlexCol>
|
|
104
122
|
)
|
|
105
123
|
}
|