@xyo-network/react-embed 2.27.9 → 2.27.12
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/XyoEmbedPluginProps.d.ts +2 -2
- package/dist/cjs/components/XyoEmbedPluginProps.d.ts.map +1 -1
- package/dist/cjs/components/embed-card/EmbedPluginContainer.d.ts +2 -1
- package/dist/cjs/components/embed-card/EmbedPluginContainer.d.ts.map +1 -1
- package/dist/cjs/components/embed-card/EmbedPluginContainer.js +2 -3
- package/dist/cjs/components/embed-card/EmbedPluginContainer.js.map +1 -1
- package/dist/cjs/types/variantOverrides.d.ts +7 -0
- package/dist/cjs/types/variantOverrides.d.ts.map +1 -0
- package/dist/cjs/types/variantOverrides.js +4 -0
- package/dist/cjs/types/variantOverrides.js.map +1 -0
- package/dist/docs.json +2 -2
- package/dist/esm/components/XyoEmbedPluginProps.d.ts +2 -2
- package/dist/esm/components/XyoEmbedPluginProps.d.ts.map +1 -1
- package/dist/esm/components/embed-card/EmbedPluginContainer.d.ts +2 -1
- package/dist/esm/components/embed-card/EmbedPluginContainer.d.ts.map +1 -1
- package/dist/esm/components/embed-card/EmbedPluginContainer.js +3 -4
- package/dist/esm/components/embed-card/EmbedPluginContainer.js.map +1 -1
- package/dist/esm/types/variantOverrides.d.ts +7 -0
- package/dist/esm/types/variantOverrides.d.ts.map +1 -0
- package/dist/esm/types/variantOverrides.js +2 -0
- package/dist/esm/types/variantOverrides.js.map +1 -0
- package/package.json +13 -13
- package/src/components/XyoEmbedPlugin.stories.tsx +1 -1
- package/src/components/XyoEmbedPluginProps.ts +2 -2
- package/src/components/embed-card/EmbedPluginContainer.tsx +4 -5
- package/src/components/embed-card/EmbedCardEx.tsx +0 -25
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { CardProps } from '@mui/material';
|
|
2
2
|
import { XyoPayloadRenderPlugin } from '@xyo-network/react-payload-plugin';
|
|
3
|
-
export interface XyoEmbedPluginProps extends
|
|
3
|
+
export interface XyoEmbedPluginProps extends CardProps {
|
|
4
4
|
plugins?: XyoPayloadRenderPlugin[];
|
|
5
5
|
huri?: string;
|
|
6
6
|
refreshTitle?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"XyoEmbedPluginProps.d.ts","sourceRoot":"","sources":["../../../src/components/XyoEmbedPluginProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"XyoEmbedPluginProps.d.ts","sourceRoot":"","sources":["../../../src/components/XyoEmbedPluginProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAA;AAE1E,MAAM,WAAW,mBAAoB,SAAQ,SAAS;IACpD,OAAO,CAAC,EAAE,sBAAsB,EAAE,CAAA;IAClC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmbedPluginContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/embed-card/EmbedPluginContainer.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"EmbedPluginContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/embed-card/EmbedPluginContainer.tsx"],"names":[],"mappings":";AACA,OAAO,EAAyC,SAAS,EAAe,MAAM,eAAe,CAAA;AAS7F,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAoCpD,CAAA"}
|
|
@@ -11,11 +11,10 @@ const react_1 = require("react");
|
|
|
11
11
|
const contexts_1 = require("../../contexts");
|
|
12
12
|
const controls_1 = require("../controls");
|
|
13
13
|
const RenderComponent_1 = require("../RenderComponent");
|
|
14
|
-
const
|
|
15
|
-
const EmbedPluginContainer = () => {
|
|
14
|
+
const EmbedPluginContainer = (props) => {
|
|
16
15
|
var _a, _b, _c, _d, _e;
|
|
17
16
|
const { activePlugin, payload, timestampLabel, refreshHuri, refreshTitle, plugins } = (0, contexts_1.useXyoEmbedPluginState)();
|
|
18
|
-
return ((0, jsx_runtime_1.jsxs)(
|
|
17
|
+
return ((0, jsx_runtime_1.jsxs)(material_1.Card, Object.assign({ elevation: 3, variant: "elevation" }, props, { children: [(0, jsx_runtime_1.jsx)(material_1.CardHeader, { sx: { flexWrap: 'wrap', rowGap: 1 }, avatar: (0, jsx_runtime_1.jsx)(material_1.Avatar, Object.assign({ sx: { bgcolor: (theme) => theme.palette.primary.main }, "aria-label": activePlugin === null || activePlugin === void 0 ? void 0 : activePlugin.name }, { children: (_a = activePlugin === null || activePlugin === void 0 ? void 0 : activePlugin.name) === null || _a === void 0 ? void 0 : _a.charAt(0) })), action: (0, jsx_runtime_1.jsx)(react_1.Fragment, { children: (payload === null || payload === void 0 ? void 0 : payload.timestamp) ? ((0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexGrowRow, { children: [(0, jsx_runtime_1.jsx)(react_shared_1.TypographyEx, Object.assign({ variant: "caption" }, { children: `${timestampLabel} ${new Date(payload.timestamp).toLocaleString()}` })), (0, jsx_runtime_1.jsx)(material_1.Link, Object.assign({ onClick: refreshHuri, sx: { cursor: 'pointer' }, title: refreshTitle }, { children: (0, jsx_runtime_1.jsx)(Refresh_1.default, { sx: { height: (theme) => theme.spacing(1), position: 'relative', top: '2px' } }) }))] })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {})) }), title: activePlugin === null || activePlugin === void 0 ? void 0 : activePlugin.name }), (0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexGrowRow, Object.assign({ columnGap: 2, rowGap: 2, flexWrap: "wrap", justifyContent: "center", pb: 1 }, { children: [plugins && plugins.length > 1 ? (0, jsx_runtime_1.jsx)(controls_1.EmbedRenderSelect, {}) : null, ((_e = (_d = (_c = (_b = activePlugin === null || activePlugin === void 0 ? void 0 : activePlugin.components) === null || _b === void 0 ? void 0 : _b.box) === null || _c === void 0 ? void 0 : _c.listModes) === null || _d === void 0 ? void 0 : _d.length) !== null && _e !== void 0 ? _e : 0) > 1 ? (0, jsx_runtime_1.jsx)(controls_1.ListModeSelectFormControl, {}) : null] })), (0, jsx_runtime_1.jsx)(material_1.CardContent, { children: (0, jsx_runtime_1.jsx)(RenderComponent_1.RenderComponent, { payload: payload, ActivePlugin: activePlugin }) })] })));
|
|
19
18
|
};
|
|
20
19
|
exports.EmbedPluginContainer = EmbedPluginContainer;
|
|
21
20
|
//# sourceMappingURL=EmbedPluginContainer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmbedPluginContainer.js","sourceRoot":"","sources":["../../../../src/components/embed-card/EmbedPluginContainer.tsx"],"names":[],"mappings":";;;;;AAAA,kFAAqD;AACrD,
|
|
1
|
+
{"version":3,"file":"EmbedPluginContainer.js","sourceRoot":"","sources":["../../../../src/components/embed-card/EmbedPluginContainer.tsx"],"names":[],"mappings":";;;;;AAAA,kFAAqD;AACrD,4CAA6F;AAC7F,yDAAmD;AACnD,4DAAwD;AACxD,iCAAgC;AAEhC,6CAAuD;AACvD,0CAA0E;AAC1E,wDAAoD;AAE7C,MAAM,oBAAoB,GAAwB,CAAC,KAAK,EAAE,EAAE;;IACjE,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,YAAY,EAAE,OAAO,EAAE,GAAG,IAAA,iCAAsB,GAAE,CAAA;IAC9G,OAAO,CACL,wBAAC,eAAI,kBAAC,SAAS,EAAE,CAAC,EAAE,OAAO,EAAC,WAAW,IAAK,KAAK,eAC/C,uBAAC,qBAAU,IACT,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,EACnC,MAAM,EACJ,uBAAC,iBAAM,kBAAC,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,gBAAc,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,IAAI,gBAClG,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,IAAI,0CAAE,MAAM,CAAC,CAAC,CAAC,IACvB,EAEX,MAAM,EACJ,uBAAC,gBAAQ,cACN,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,EAAC,CAAC,CAAC,CACpB,wBAAC,2BAAW,eACV,uBAAC,2BAAY,kBAAC,OAAO,EAAC,SAAS,gBAAE,GAAG,cAAc,IAAI,IAAI,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,cAAc,EAAE,EAAE,IAAgB,EACpH,uBAAC,eAAI,kBAAC,OAAO,EAAE,WAAW,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,YAAY,gBACxE,uBAAC,iBAAW,IAAC,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,KAAK,EAAE,GAAI,IAChG,IACK,CACf,CAAC,CAAC,CAAC,CACF,kDAAK,CACN,GACQ,EAEb,KAAK,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,IAAI,GACzB,EACF,wBAAC,2BAAW,kBAAC,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAC,MAAM,EAAC,cAAc,EAAC,QAAQ,EAAC,EAAE,EAAE,CAAC,iBAChF,OAAO,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,uBAAC,4BAAiB,KAAG,CAAC,CAAC,CAAC,IAAI,EAC5D,CAAC,MAAA,MAAA,MAAA,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,UAAU,0CAAE,GAAG,0CAAE,SAAS,0CAAE,MAAM,mCAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,uBAAC,oCAAyB,KAAG,CAAC,CAAC,CAAC,IAAI,KACvF,EACd,uBAAC,sBAAW,cACV,uBAAC,iCAAe,IAAC,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,YAAY,GAAI,GACrD,KACT,CACR,CAAA;AACH,CAAC,CAAA;AApCY,QAAA,oBAAoB,wBAoChC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"variantOverrides.d.ts","sourceRoot":"","sources":["../../../src/types/variantOverrides.ts"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,CAAA;AAE7B,OAAO,QAAQ,sBAAsB,CAAC;IACpC,UAAU,0BAA0B;QAClC,WAAW,EAAE,IAAI,CAAA;KAClB;CACF"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"variantOverrides.js","sourceRoot":"","sources":["../../../src/types/variantOverrides.ts"],"names":[],"mappings":";;AAAA,gCAA6B"}
|
package/dist/docs.json
CHANGED
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
"fileName": "packages/sdk/embed/src/components/XyoEmbedPlugin.tsx",
|
|
18
18
|
"line": 7,
|
|
19
19
|
"character": 13,
|
|
20
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
20
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ed270886/packages/sdk/embed/src/components/XyoEmbedPlugin.tsx#L7"
|
|
21
21
|
}
|
|
22
22
|
],
|
|
23
23
|
"signatures": [
|
|
@@ -95,7 +95,7 @@
|
|
|
95
95
|
"fileName": "packages/sdk/embed/src/index.ts",
|
|
96
96
|
"line": 1,
|
|
97
97
|
"character": 0,
|
|
98
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
98
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ed270886/packages/sdk/embed/src/index.ts#L1"
|
|
99
99
|
}
|
|
100
100
|
]
|
|
101
101
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { CardProps } from '@mui/material';
|
|
2
2
|
import { XyoPayloadRenderPlugin } from '@xyo-network/react-payload-plugin';
|
|
3
|
-
export interface XyoEmbedPluginProps extends
|
|
3
|
+
export interface XyoEmbedPluginProps extends CardProps {
|
|
4
4
|
plugins?: XyoPayloadRenderPlugin[];
|
|
5
5
|
huri?: string;
|
|
6
6
|
refreshTitle?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"XyoEmbedPluginProps.d.ts","sourceRoot":"","sources":["../../../src/components/XyoEmbedPluginProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"XyoEmbedPluginProps.d.ts","sourceRoot":"","sources":["../../../src/components/XyoEmbedPluginProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAA;AAE1E,MAAM,WAAW,mBAAoB,SAAQ,SAAS;IACpD,OAAO,CAAC,EAAE,sBAAsB,EAAE,CAAA;IAClC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmbedPluginContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/embed-card/EmbedPluginContainer.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"EmbedPluginContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/embed-card/EmbedPluginContainer.tsx"],"names":[],"mappings":";AACA,OAAO,EAAyC,SAAS,EAAe,MAAM,eAAe,CAAA;AAS7F,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAoCpD,CAAA"}
|
|
@@ -1,15 +1,14 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
2
|
import RefreshIcon from '@mui/icons-material/Refresh';
|
|
3
|
-
import { Avatar, CardContent, CardHeader, Link } from '@mui/material';
|
|
3
|
+
import { Avatar, Card, CardContent, CardHeader, Link } from '@mui/material';
|
|
4
4
|
import { FlexGrowRow } from '@xylabs/react-flexbox';
|
|
5
5
|
import { TypographyEx } from '@xyo-network/react-shared';
|
|
6
6
|
import { Fragment } from 'react';
|
|
7
7
|
import { useXyoEmbedPluginState } from '../../contexts';
|
|
8
8
|
import { EmbedRenderSelect, ListModeSelectFormControl } from '../controls';
|
|
9
9
|
import { RenderComponent } from '../RenderComponent';
|
|
10
|
-
|
|
11
|
-
export const EmbedPluginContainer = () => {
|
|
10
|
+
export const EmbedPluginContainer = (props) => {
|
|
12
11
|
const { activePlugin, payload, timestampLabel, refreshHuri, refreshTitle, plugins } = useXyoEmbedPluginState();
|
|
13
|
-
return (_jsxs(
|
|
12
|
+
return (_jsxs(Card, { elevation: 3, variant: "elevation", ...props, children: [_jsx(CardHeader, { sx: { flexWrap: 'wrap', rowGap: 1 }, avatar: _jsx(Avatar, { sx: { bgcolor: (theme) => theme.palette.primary.main }, "aria-label": activePlugin?.name, children: activePlugin?.name?.charAt(0) }), action: _jsx(Fragment, { children: payload?.timestamp ? (_jsxs(FlexGrowRow, { children: [_jsx(TypographyEx, { variant: "caption", children: `${timestampLabel} ${new Date(payload.timestamp).toLocaleString()}` }), _jsx(Link, { onClick: refreshHuri, sx: { cursor: 'pointer' }, title: refreshTitle, children: _jsx(RefreshIcon, { sx: { height: (theme) => theme.spacing(1), position: 'relative', top: '2px' } }) })] })) : (_jsx(_Fragment, {})) }), title: activePlugin?.name }), _jsxs(FlexGrowRow, { columnGap: 2, rowGap: 2, flexWrap: "wrap", justifyContent: "center", pb: 1, children: [plugins && plugins.length > 1 ? _jsx(EmbedRenderSelect, {}) : null, (activePlugin?.components?.box?.listModes?.length ?? 0) > 1 ? _jsx(ListModeSelectFormControl, {}) : null] }), _jsx(CardContent, { children: _jsx(RenderComponent, { payload: payload, ActivePlugin: activePlugin }) })] }));
|
|
14
13
|
};
|
|
15
14
|
//# sourceMappingURL=EmbedPluginContainer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmbedPluginContainer.js","sourceRoot":"","sources":["../../../../src/components/embed-card/EmbedPluginContainer.tsx"],"names":[],"mappings":";AAAA,OAAO,WAAW,MAAM,6BAA6B,CAAA;AACrD,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,UAAU,
|
|
1
|
+
{"version":3,"file":"EmbedPluginContainer.js","sourceRoot":"","sources":["../../../../src/components/embed-card/EmbedPluginContainer.tsx"],"names":[],"mappings":";AAAA,OAAO,WAAW,MAAM,6BAA6B,CAAA;AACrD,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAa,IAAI,EAAS,MAAM,eAAe,CAAA;AAC7F,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAA;AACvD,OAAO,EAAE,iBAAiB,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAA;AAC1E,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAEpD,MAAM,CAAC,MAAM,oBAAoB,GAAwB,CAAC,KAAK,EAAE,EAAE;IACjE,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,YAAY,EAAE,OAAO,EAAE,GAAG,sBAAsB,EAAE,CAAA;IAC9G,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAE,CAAC,EAAE,OAAO,EAAC,WAAW,KAAK,KAAK,aAC/C,KAAC,UAAU,IACT,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,EACnC,MAAM,EACJ,KAAC,MAAM,IAAC,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,gBAAc,YAAY,EAAE,IAAI,YAClG,YAAY,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,GACvB,EAEX,MAAM,EACJ,KAAC,QAAQ,cACN,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,CACpB,MAAC,WAAW,eACV,KAAC,YAAY,IAAC,OAAO,EAAC,SAAS,YAAE,GAAG,cAAc,IAAI,IAAI,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,cAAc,EAAE,EAAE,GAAgB,EACpH,KAAC,IAAI,IAAC,OAAO,EAAE,WAAW,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,YAAY,YACxE,KAAC,WAAW,IAAC,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,KAAK,EAAE,GAAI,GAChG,IACK,CACf,CAAC,CAAC,CAAC,CACF,mBAAK,CACN,GACQ,EAEb,KAAK,EAAE,YAAY,EAAE,IAAI,GACzB,EACF,MAAC,WAAW,IAAC,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAC,MAAM,EAAC,cAAc,EAAC,QAAQ,EAAC,EAAE,EAAE,CAAC,aAChF,OAAO,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAC,iBAAiB,KAAG,CAAC,CAAC,CAAC,IAAI,EAC5D,CAAC,YAAY,EAAE,UAAU,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAC,yBAAyB,KAAG,CAAC,CAAC,CAAC,IAAI,IACvF,EACd,KAAC,WAAW,cACV,KAAC,eAAe,IAAC,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,YAAY,GAAI,GACrD,IACT,CACR,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"variantOverrides.d.ts","sourceRoot":"","sources":["../../../src/types/variantOverrides.ts"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,CAAA;AAE7B,OAAO,QAAQ,sBAAsB,CAAC;IACpC,UAAU,0BAA0B;QAClC,WAAW,EAAE,IAAI,CAAA;KAClB;CACF"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"variantOverrides.js","sourceRoot":"","sources":["../../../src/types/variantOverrides.ts"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,CAAA"}
|
package/package.json
CHANGED
|
@@ -18,15 +18,15 @@
|
|
|
18
18
|
"@xylabs/react-identicon": "^2.14.10",
|
|
19
19
|
"@xylabs/react-shared": "^2.14.10",
|
|
20
20
|
"@xylabs/sdk-js": "^2.6.4",
|
|
21
|
-
"@xyo-network/api": "^2.24.
|
|
22
|
-
"@xyo-network/payload": "^2.24.
|
|
23
|
-
"@xyo-network/payload-plugin": "^2.24.
|
|
24
|
-
"@xyo-network/react-app-settings": "^2.27.
|
|
25
|
-
"@xyo-network/react-auth-service": "^2.27.
|
|
26
|
-
"@xyo-network/react-payload": "^2.27.
|
|
27
|
-
"@xyo-network/react-payload-plugin": "^2.27.
|
|
28
|
-
"@xyo-network/react-shared": "^2.27.
|
|
29
|
-
"@xyo-network/react-webapp": "^2.27.
|
|
21
|
+
"@xyo-network/api": "^2.24.13",
|
|
22
|
+
"@xyo-network/payload": "^2.24.13",
|
|
23
|
+
"@xyo-network/payload-plugin": "^2.24.13",
|
|
24
|
+
"@xyo-network/react-app-settings": "^2.27.14",
|
|
25
|
+
"@xyo-network/react-auth-service": "^2.27.14",
|
|
26
|
+
"@xyo-network/react-payload": "^2.27.14",
|
|
27
|
+
"@xyo-network/react-payload-plugin": "^2.27.14",
|
|
28
|
+
"@xyo-network/react-shared": "^2.27.14",
|
|
29
|
+
"@xyo-network/react-webapp": "^2.27.14",
|
|
30
30
|
"lodash": "^4.17.21",
|
|
31
31
|
"react": "^18.2.0",
|
|
32
32
|
"react-dom": "^18.2.0",
|
|
@@ -35,9 +35,9 @@
|
|
|
35
35
|
"description": "Common React library for all XYO projects that use React",
|
|
36
36
|
"devDependencies": {
|
|
37
37
|
"@storybook/react": "^6.5.10",
|
|
38
|
-
"@xylabs/tsconfig-dom": "^2.5.
|
|
39
|
-
"@xyo-network/react-aggregate-price-plugin": "^2.27.
|
|
40
|
-
"@xyo-network/react-crypto-market-uniswap-payload-plugin": "^2.27.
|
|
38
|
+
"@xylabs/tsconfig-dom": "^2.5.88",
|
|
39
|
+
"@xyo-network/react-aggregate-price-plugin": "^2.27.13",
|
|
40
|
+
"@xyo-network/react-crypto-market-uniswap-payload-plugin": "^2.27.14",
|
|
41
41
|
"react-router-dom": "^6.3.0"
|
|
42
42
|
},
|
|
43
43
|
"browser": "dist/esm/index.js",
|
|
@@ -82,5 +82,5 @@
|
|
|
82
82
|
},
|
|
83
83
|
"sideEffects": false,
|
|
84
84
|
"types": "dist/esm/index.d.ts",
|
|
85
|
-
"version": "2.27.
|
|
85
|
+
"version": "2.27.12"
|
|
86
86
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { CardProps } from '@mui/material'
|
|
2
2
|
import { XyoPayloadRenderPlugin } from '@xyo-network/react-payload-plugin'
|
|
3
3
|
|
|
4
|
-
export interface XyoEmbedPluginProps extends
|
|
4
|
+
export interface XyoEmbedPluginProps extends CardProps {
|
|
5
5
|
plugins?: XyoPayloadRenderPlugin[]
|
|
6
6
|
huri?: string
|
|
7
7
|
refreshTitle?: string
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import RefreshIcon from '@mui/icons-material/Refresh'
|
|
2
|
-
import { Avatar, CardContent, CardHeader, Link, Theme } from '@mui/material'
|
|
2
|
+
import { Avatar, Card, CardContent, CardHeader, CardProps, Link, Theme } from '@mui/material'
|
|
3
3
|
import { FlexGrowRow } from '@xylabs/react-flexbox'
|
|
4
4
|
import { TypographyEx } from '@xyo-network/react-shared'
|
|
5
5
|
import { Fragment } from 'react'
|
|
@@ -7,12 +7,11 @@ import { Fragment } from 'react'
|
|
|
7
7
|
import { useXyoEmbedPluginState } from '../../contexts'
|
|
8
8
|
import { EmbedRenderSelect, ListModeSelectFormControl } from '../controls'
|
|
9
9
|
import { RenderComponent } from '../RenderComponent'
|
|
10
|
-
import { EmbedCardEx } from './EmbedCardEx'
|
|
11
10
|
|
|
12
|
-
export const EmbedPluginContainer: React.FC = () => {
|
|
11
|
+
export const EmbedPluginContainer: React.FC<CardProps> = (props) => {
|
|
13
12
|
const { activePlugin, payload, timestampLabel, refreshHuri, refreshTitle, plugins } = useXyoEmbedPluginState()
|
|
14
13
|
return (
|
|
15
|
-
<
|
|
14
|
+
<Card elevation={3} variant="elevation" {...props}>
|
|
16
15
|
<CardHeader
|
|
17
16
|
sx={{ flexWrap: 'wrap', rowGap: 1 }}
|
|
18
17
|
avatar={
|
|
@@ -43,6 +42,6 @@ export const EmbedPluginContainer: React.FC = () => {
|
|
|
43
42
|
<CardContent>
|
|
44
43
|
<RenderComponent payload={payload} ActivePlugin={activePlugin} />
|
|
45
44
|
</CardContent>
|
|
46
|
-
</
|
|
45
|
+
</Card>
|
|
47
46
|
)
|
|
48
47
|
}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { Card, CardProps, SxProps, Theme } from '@mui/material'
|
|
2
|
-
import { WithChildren } from '@xylabs/react-shared'
|
|
3
|
-
import { useAppSettings } from '@xyo-network/react-app-settings'
|
|
4
|
-
import { useCallback } from 'react'
|
|
5
|
-
|
|
6
|
-
export const EmbedCardEx: React.FC<WithChildren<CardProps>> = ({ children, ...props }) => {
|
|
7
|
-
const { darkMode } = useAppSettings()
|
|
8
|
-
const cardProps = useCallback(() => {
|
|
9
|
-
if (darkMode) {
|
|
10
|
-
return props
|
|
11
|
-
} else {
|
|
12
|
-
const lightModeOverrides: { sx: SxProps<Theme> } = {
|
|
13
|
-
sx: {
|
|
14
|
-
bgcolor: props.elevation ? '#F6F5FA' : 'inherit',
|
|
15
|
-
},
|
|
16
|
-
}
|
|
17
|
-
return {
|
|
18
|
-
...props,
|
|
19
|
-
...lightModeOverrides,
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
}, [darkMode, props])
|
|
23
|
-
|
|
24
|
-
return <Card {...cardProps()}>{children}</Card>
|
|
25
|
-
}
|