@xyo-network/react-embed 2.28.8 → 2.28.9
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/embed-card/EmbedCardHeader.js +1 -1
- package/dist/cjs/components/embed-card/EmbedCardHeader.js.map +1 -1
- package/dist/cjs/components/embed-card/EmbedCardResolver.d.ts.map +1 -1
- package/dist/cjs/components/embed-card/EmbedCardResolver.js +1 -1
- package/dist/cjs/components/embed-card/EmbedCardResolver.js.map +1 -1
- package/dist/cjs/components/embed-card/EmbedPluginCard.d.ts.map +1 -1
- package/dist/cjs/components/embed-card/EmbedPluginCard.js +6 -3
- package/dist/cjs/components/embed-card/EmbedPluginCard.js.map +1 -1
- package/dist/docs.json +2 -2
- package/dist/esm/components/embed-card/EmbedCardHeader.js +1 -1
- package/dist/esm/components/embed-card/EmbedCardHeader.js.map +1 -1
- package/dist/esm/components/embed-card/EmbedCardResolver.d.ts.map +1 -1
- package/dist/esm/components/embed-card/EmbedCardResolver.js +1 -1
- package/dist/esm/components/embed-card/EmbedCardResolver.js.map +1 -1
- package/dist/esm/components/embed-card/EmbedPluginCard.d.ts.map +1 -1
- package/dist/esm/components/embed-card/EmbedPluginCard.js +3 -2
- package/dist/esm/components/embed-card/EmbedPluginCard.js.map +1 -1
- package/package.json +11 -11
- package/src/components/embed-card/EmbedCardHeader.tsx +1 -1
- package/src/components/embed-card/EmbedCardResolver.tsx +1 -0
- package/src/components/embed-card/EmbedPluginCard.tsx +6 -3
|
@@ -13,7 +13,7 @@ const EmbedCardHeader = () => {
|
|
|
13
13
|
const { payload, refreshHuri, huri } = (0, contexts_1.useResolvePayload)();
|
|
14
14
|
const { activePlugin, timestampLabel, hideElementsConfig } = (0, contexts_1.useXyoEmbedPluginState)();
|
|
15
15
|
const { hideAvatar, hideTitle, hideRefreshButton, hideTimestamp, hideCardActions } = hideElementsConfig !== null && hideElementsConfig !== void 0 ? hideElementsConfig : {};
|
|
16
|
-
return ((0, jsx_runtime_1.jsx)(material_1.CardHeader, { sx: { flexWrap: 'wrap', rowGap: 1 }, avatar: hideAvatar ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {})) : ((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.jsxs)(react_flexbox_1.FlexRow, { children: [(payload === null || payload === void 0 ? void 0 : payload.timestamp) ? (hideTimestamp && hideRefreshButton ? ('') : ((0, jsx_runtime_1.jsx)(material_1.Chip, { avatar: hideRefreshButton ? (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}) : (0, jsx_runtime_1.jsx)(Refresh_1.default, {}), clickable: hideRefreshButton ? false : true, onClick: refreshHuri, label: hideTimestamp ? '' : `${timestampLabel} ${new Date(payload.timestamp).toLocaleString()}` }))) : null, hideCardActions || huri === undefined ? null : (0, jsx_runtime_1.jsx)(menu_1.EmbedMenu, {})] }), title: hideTitle ? '' : activePlugin === null || activePlugin === void 0 ? void 0 : activePlugin.name }));
|
|
16
|
+
return ((0, jsx_runtime_1.jsx)(material_1.CardHeader, { sx: { flexWrap: 'wrap', rowGap: 1 }, avatar: hideAvatar ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {})) : ((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.jsxs)(react_flexbox_1.FlexRow, Object.assign({ flexWrap: "wrap", columnGap: 0.5 }, { children: [(payload === null || payload === void 0 ? void 0 : payload.timestamp) ? (hideTimestamp && hideRefreshButton ? ('') : ((0, jsx_runtime_1.jsx)(material_1.Chip, { avatar: hideRefreshButton ? (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}) : (0, jsx_runtime_1.jsx)(Refresh_1.default, {}), clickable: hideRefreshButton ? false : true, onClick: refreshHuri, label: hideTimestamp ? '' : `${timestampLabel} ${new Date(payload.timestamp).toLocaleString()}` }))) : null, hideCardActions || huri === undefined ? null : (0, jsx_runtime_1.jsx)(menu_1.EmbedMenu, {})] })), title: hideTitle ? '' : activePlugin === null || activePlugin === void 0 ? void 0 : activePlugin.name }));
|
|
17
17
|
};
|
|
18
18
|
exports.EmbedCardHeader = EmbedCardHeader;
|
|
19
19
|
//# sourceMappingURL=EmbedCardHeader.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmbedCardHeader.js","sourceRoot":"","sources":["../../../../src/components/embed-card/EmbedCardHeader.tsx"],"names":[],"mappings":";;;;;AAAA,kFAAqD;AACrD,4CAAgF;AAChF,yDAA+C;AAE/C,6CAA0E;AAC1E,iCAAkC;AAE3B,MAAM,eAAe,GAA8B,GAAG,EAAE;;IAC7D,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,IAAA,4BAAiB,GAAE,CAAA;IAC1D,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,kBAAkB,EAAE,GAAG,IAAA,iCAAsB,GAAE,CAAA;IACrF,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,iBAAiB,EAAE,aAAa,EAAE,eAAe,EAAE,GAAG,kBAAkB,aAAlB,kBAAkB,cAAlB,kBAAkB,GAAI,EAAE,CAAA;IAC7G,OAAO,CACL,uBAAC,qBAAU,IACT,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,EACnC,MAAM,EACJ,UAAU,CAAC,CAAC,CAAC,CACX,kDAAK,CACN,CAAC,CAAC,CAAC,CACF,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,CACV,EAEH,MAAM,EACJ,wBAAC,uBAAO,
|
|
1
|
+
{"version":3,"file":"EmbedCardHeader.js","sourceRoot":"","sources":["../../../../src/components/embed-card/EmbedCardHeader.tsx"],"names":[],"mappings":";;;;;AAAA,kFAAqD;AACrD,4CAAgF;AAChF,yDAA+C;AAE/C,6CAA0E;AAC1E,iCAAkC;AAE3B,MAAM,eAAe,GAA8B,GAAG,EAAE;;IAC7D,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,IAAA,4BAAiB,GAAE,CAAA;IAC1D,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,kBAAkB,EAAE,GAAG,IAAA,iCAAsB,GAAE,CAAA;IACrF,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,iBAAiB,EAAE,aAAa,EAAE,eAAe,EAAE,GAAG,kBAAkB,aAAlB,kBAAkB,cAAlB,kBAAkB,GAAI,EAAE,CAAA;IAC7G,OAAO,CACL,uBAAC,qBAAU,IACT,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,EACnC,MAAM,EACJ,UAAU,CAAC,CAAC,CAAC,CACX,kDAAK,CACN,CAAC,CAAC,CAAC,CACF,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,CACV,EAEH,MAAM,EACJ,wBAAC,uBAAO,kBAAC,QAAQ,EAAC,MAAM,EAAC,SAAS,EAAE,GAAG,iBACpC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,EAAC,CAAC,CAAC,CACpB,aAAa,IAAI,iBAAiB,CAAC,CAAC,CAAC,CACnC,EAAE,CACH,CAAC,CAAC,CAAC,CACF,uBAAC,eAAI,IACH,MAAM,EAAE,iBAAiB,CAAC,CAAC,CAAC,kDAAK,CAAC,CAAC,CAAC,uBAAC,iBAAW,KAAG,EACnD,SAAS,EAAE,iBAAiB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,EAC3C,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,cAAc,IAAI,IAAI,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,cAAc,EAAE,EAAE,GAC/F,CACH,CACF,CAAC,CAAC,CAAC,IAAI,EAEP,eAAe,IAAI,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,uBAAC,gBAAS,KAAG,KACrD,EAEZ,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,IAAI,GAC1C,CACH,CAAA;AACH,CAAC,CAAA;AArCY,QAAA,eAAe,mBAqC3B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmbedCardResolver.d.ts","sourceRoot":"","sources":["../../../../src/components/embed-card/EmbedCardResolver.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAe,MAAM,uBAAuB,CAAA;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAMnD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,YAAY,CAAC,
|
|
1
|
+
{"version":3,"file":"EmbedCardResolver.d.ts","sourceRoot":"","sources":["../../../../src/components/embed-card/EmbedCardResolver.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAe,MAAM,uBAAuB,CAAA;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAMnD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,YAAY,CAAC,CAmBlE,CAAA"}
|
|
@@ -13,7 +13,7 @@ const EmbedCardResolver = (_a) => {
|
|
|
13
13
|
const { payload, notFound, huriApiError } = (0, contexts_1.useResolvePayload)();
|
|
14
14
|
const { refreshPayload } = (0, contexts_1.useRefreshPayload)();
|
|
15
15
|
const theme = (0, material_1.useTheme)();
|
|
16
|
-
return ((0, jsx_runtime_1.jsx)(react_webapp_1.ResultLoader, Object.assign({ searchResult: payload, notFound: !!notFound, apiError: huriApiError }, { children: (0, jsx_runtime_1.jsx)(react_auth_service_1.XyoApiErrorRender, Object.assign({ apiError: huriApiError }, { children: (0, jsx_runtime_1.jsx)(react_flexbox_1.FlexGrowCol, Object.assign({ busy: Boolean(!refreshPayload && payload), busyCircularProps: { style: { alignItems: 'start', paddingTop: theme.spacing(2), zIndex: 2 } } }, props, { children: children })) })) })));
|
|
16
|
+
return ((0, jsx_runtime_1.jsx)(react_webapp_1.ResultLoader, Object.assign({ searchResult: payload, notFound: !!notFound, apiError: huriApiError }, { children: (0, jsx_runtime_1.jsx)(react_auth_service_1.XyoApiErrorRender, Object.assign({ apiError: huriApiError }, { children: (0, jsx_runtime_1.jsx)(react_flexbox_1.FlexGrowCol, Object.assign({ alignItems: "stretch", busy: Boolean(!refreshPayload && payload), busyCircularProps: { style: { alignItems: 'start', paddingTop: theme.spacing(2), zIndex: 2 } } }, props, { children: children })) })) })));
|
|
17
17
|
};
|
|
18
18
|
exports.EmbedCardResolver = EmbedCardResolver;
|
|
19
19
|
//# sourceMappingURL=EmbedCardResolver.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmbedCardResolver.js","sourceRoot":"","sources":["../../../../src/components/embed-card/EmbedCardResolver.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAwC;AACxC,yDAAiE;AAEjE,wEAAmE;AACnE,4DAAwD;AAExD,6CAAqE;AAE9D,MAAM,iBAAiB,GAAyC,CAAC,EAAsB,EAAE,EAAE;QAA1B,EAAE,QAAQ,OAAY,EAAP,KAAK,sBAApB,YAAsB,CAAF;IAC1F,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,IAAA,4BAAiB,GAAE,CAAA;IAC/D,MAAM,EAAE,cAAc,EAAE,GAAG,IAAA,4BAAiB,GAAE,CAAA;IAC9C,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IAExB,OAAO,CACL,uBAAC,2BAAY,kBAAC,YAAY,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC,QAAQ,EAAE,QAAQ,EAAE,YAAY,gBAC/E,uBAAC,sCAAiB,kBAAC,QAAQ,EAAE,YAAY,gBACvC,uBAAC,2BAAW,kBACV,IAAI,EAAE,OAAO,CAAC,CAAC,cAAc,IAAI,OAAO,CAAC,EACzC,iBAAiB,EAAE,EAAE,KAAK,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,EAAE,IAC1F,KAAK,cAER,QAAQ,IACG,IACI,IACP,CAChB,CAAA;AACH,CAAC,CAAA;
|
|
1
|
+
{"version":3,"file":"EmbedCardResolver.js","sourceRoot":"","sources":["../../../../src/components/embed-card/EmbedCardResolver.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAwC;AACxC,yDAAiE;AAEjE,wEAAmE;AACnE,4DAAwD;AAExD,6CAAqE;AAE9D,MAAM,iBAAiB,GAAyC,CAAC,EAAsB,EAAE,EAAE;QAA1B,EAAE,QAAQ,OAAY,EAAP,KAAK,sBAApB,YAAsB,CAAF;IAC1F,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,IAAA,4BAAiB,GAAE,CAAA;IAC/D,MAAM,EAAE,cAAc,EAAE,GAAG,IAAA,4BAAiB,GAAE,CAAA;IAC9C,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IAExB,OAAO,CACL,uBAAC,2BAAY,kBAAC,YAAY,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC,QAAQ,EAAE,QAAQ,EAAE,YAAY,gBAC/E,uBAAC,sCAAiB,kBAAC,QAAQ,EAAE,YAAY,gBACvC,uBAAC,2BAAW,kBACV,UAAU,EAAC,SAAS,EACpB,IAAI,EAAE,OAAO,CAAC,CAAC,cAAc,IAAI,OAAO,CAAC,EACzC,iBAAiB,EAAE,EAAE,KAAK,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,EAAE,IAC1F,KAAK,cAER,QAAQ,IACG,IACI,IACP,CAChB,CAAA;AACH,CAAC,CAAA;AAnBY,QAAA,iBAAiB,qBAmB7B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmbedPluginCard.d.ts","sourceRoot":"","sources":["../../../../src/components/embed-card/EmbedPluginCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAqB,SAAS,EAAE,MAAM,eAAe,CAAA;AAQ5D,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,
|
|
1
|
+
{"version":3,"file":"EmbedPluginCard.d.ts","sourceRoot":"","sources":["../../../../src/components/embed-card/EmbedPluginCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAqB,SAAS,EAAE,MAAM,eAAe,CAAA;AAQ5D,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAkB/C,CAAA"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.EmbedPluginCard = void 0;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
4
5
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
6
|
const material_1 = require("@mui/material");
|
|
6
7
|
const react_flexbox_1 = require("@xylabs/react-flexbox");
|
|
@@ -8,12 +9,14 @@ const react_shared_1 = require("@xyo-network/react-shared");
|
|
|
8
9
|
const contexts_1 = require("../../contexts");
|
|
9
10
|
const controls_1 = require("../controls");
|
|
10
11
|
const EmbedCardHeader_1 = require("./EmbedCardHeader");
|
|
11
|
-
const EmbedPluginCard = (
|
|
12
|
-
var
|
|
12
|
+
const EmbedPluginCard = (_a) => {
|
|
13
|
+
var _b, _c, _d, _e;
|
|
14
|
+
var props = tslib_1.__rest(_a, []);
|
|
13
15
|
const { payload } = (0, contexts_1.useResolvePayload)();
|
|
14
16
|
const { activePlugin: ActivePlugin, plugins, hideElementsConfig } = (0, contexts_1.useXyoEmbedPluginState)();
|
|
15
17
|
const { listMode } = (0, react_shared_1.useListMode)();
|
|
16
|
-
|
|
18
|
+
const supportsListMode = (_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;
|
|
19
|
+
return ((0, jsx_runtime_1.jsxs)(material_1.Card, Object.assign({ elevation: 3, variant: "elevation" }, props, { children: [(hideElementsConfig === null || hideElementsConfig === void 0 ? void 0 : hideElementsConfig.hideCardHeader) ? null : (0, jsx_runtime_1.jsx)(EmbedCardHeader_1.EmbedCardHeader, {}), (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, supportsListMode ? (0, jsx_runtime_1.jsx)(controls_1.ListModeSelectFormControl, {}) : null] })), (0, jsx_runtime_1.jsx)(material_1.CardContent, { children: ActivePlugin ? (0, jsx_runtime_1.jsx)(ActivePlugin.components.box.details, Object.assign({ payload: payload }, (supportsListMode && { listMode }))) : null })] })));
|
|
17
20
|
};
|
|
18
21
|
exports.EmbedPluginCard = EmbedPluginCard;
|
|
19
22
|
//# sourceMappingURL=EmbedPluginCard.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmbedPluginCard.js","sourceRoot":"","sources":["../../../../src/components/embed-card/EmbedPluginCard.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"EmbedPluginCard.js","sourceRoot":"","sources":["../../../../src/components/embed-card/EmbedPluginCard.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA4D;AAC5D,yDAAmD;AACnD,4DAAuD;AAEvD,6CAA0E;AAC1E,0CAA0E;AAC1E,uDAAmD;AAE5C,MAAM,eAAe,GAAwB,CAAC,EAAY,EAAE,EAAE;;QAAX,KAAK,sBAAV,EAAY,CAAF;IAC7D,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,4BAAiB,GAAE,CAAA;IACvC,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,OAAO,EAAE,kBAAkB,EAAE,GAAG,IAAA,iCAAsB,GAAE,CAAA;IAC5F,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,0BAAW,GAAE,CAAA;IAClC,MAAM,gBAAgB,GAAG,MAAA,MAAA,MAAA,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,UAAU,0CAAE,GAAG,0CAAE,SAAS,0CAAE,MAAM,mCAAI,CAAC,GAAG,CAAC,CAAA;IAElF,OAAO,CACL,wBAAC,eAAI,kBAAC,SAAS,EAAE,CAAC,EAAE,OAAO,EAAC,WAAW,IAAK,KAAK,eAC9C,CAAA,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,cAAc,EAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,uBAAC,iCAAe,KAAG,EAChE,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,gBAAgB,CAAC,CAAC,CAAC,uBAAC,oCAAyB,KAAG,CAAC,CAAC,CAAC,IAAI,KAC5C,EACd,uBAAC,sBAAW,cACT,YAAY,CAAC,CAAC,CAAC,uBAAC,YAAY,CAAC,UAAU,CAAC,GAAG,CAAC,OAAO,kBAAC,OAAO,EAAE,OAAO,IAAM,CAAC,gBAAgB,IAAI,EAAE,QAAQ,EAAE,CAAC,EAAI,CAAC,CAAC,CAAC,IAAI,GAC5G,KACT,CACR,CAAA;AACH,CAAC,CAAA;AAlBY,QAAA,eAAe,mBAkB3B"}
|
package/dist/docs.json
CHANGED
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
"fileName": "packages/sdk/embed/src/components/XyoEmbedPlugin.tsx",
|
|
18
18
|
"line": 9,
|
|
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/9d8ea9d1/packages/sdk/embed/src/components/XyoEmbedPlugin.tsx#L9"
|
|
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/9d8ea9d1/packages/sdk/embed/src/index.ts#L1"
|
|
99
99
|
}
|
|
100
100
|
]
|
|
101
101
|
}
|
|
@@ -8,6 +8,6 @@ export const EmbedCardHeader = () => {
|
|
|
8
8
|
const { payload, refreshHuri, huri } = useResolvePayload();
|
|
9
9
|
const { activePlugin, timestampLabel, hideElementsConfig } = useXyoEmbedPluginState();
|
|
10
10
|
const { hideAvatar, hideTitle, hideRefreshButton, hideTimestamp, hideCardActions } = hideElementsConfig ?? {};
|
|
11
|
-
return (_jsx(CardHeader, { sx: { flexWrap: 'wrap', rowGap: 1 }, avatar: hideAvatar ? (_jsx(_Fragment, {})) : (_jsx(Avatar, { sx: { bgcolor: (theme) => theme.palette.primary.main }, "aria-label": activePlugin?.name, children: activePlugin?.name?.charAt(0) })), action: _jsxs(FlexRow, { children: [payload?.timestamp ? (hideTimestamp && hideRefreshButton ? ('') : (_jsx(Chip, { avatar: hideRefreshButton ? _jsx(_Fragment, {}) : _jsx(RefreshIcon, {}), clickable: hideRefreshButton ? false : true, onClick: refreshHuri, label: hideTimestamp ? '' : `${timestampLabel} ${new Date(payload.timestamp).toLocaleString()}` }))) : null, hideCardActions || huri === undefined ? null : _jsx(EmbedMenu, {})] }), title: hideTitle ? '' : activePlugin?.name }));
|
|
11
|
+
return (_jsx(CardHeader, { sx: { flexWrap: 'wrap', rowGap: 1 }, avatar: hideAvatar ? (_jsx(_Fragment, {})) : (_jsx(Avatar, { sx: { bgcolor: (theme) => theme.palette.primary.main }, "aria-label": activePlugin?.name, children: activePlugin?.name?.charAt(0) })), action: _jsxs(FlexRow, { flexWrap: "wrap", columnGap: 0.5, children: [payload?.timestamp ? (hideTimestamp && hideRefreshButton ? ('') : (_jsx(Chip, { avatar: hideRefreshButton ? _jsx(_Fragment, {}) : _jsx(RefreshIcon, {}), clickable: hideRefreshButton ? false : true, onClick: refreshHuri, label: hideTimestamp ? '' : `${timestampLabel} ${new Date(payload.timestamp).toLocaleString()}` }))) : null, hideCardActions || huri === undefined ? null : _jsx(EmbedMenu, {})] }), title: hideTitle ? '' : activePlugin?.name }));
|
|
12
12
|
};
|
|
13
13
|
//# sourceMappingURL=EmbedCardHeader.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmbedCardHeader.js","sourceRoot":"","sources":["../../../../src/components/embed-card/EmbedCardHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,WAAW,MAAM,6BAA6B,CAAA;AACrD,OAAO,EAAE,MAAM,EAAE,UAAU,EAAmB,IAAI,EAAS,MAAM,eAAe,CAAA;AAChF,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAE/C,OAAO,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAA;AAC1E,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AAElC,MAAM,CAAC,MAAM,eAAe,GAA8B,GAAG,EAAE;IAC7D,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAC1D,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,kBAAkB,EAAE,GAAG,sBAAsB,EAAE,CAAA;IACrF,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,iBAAiB,EAAE,aAAa,EAAE,eAAe,EAAE,GAAG,kBAAkB,IAAI,EAAE,CAAA;IAC7G,OAAO,CACL,KAAC,UAAU,IACT,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,EACnC,MAAM,EACJ,UAAU,CAAC,CAAC,CAAC,CACX,mBAAK,CACN,CAAC,CAAC,CAAC,CACF,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,CACV,EAEH,MAAM,EACJ,MAAC,OAAO,
|
|
1
|
+
{"version":3,"file":"EmbedCardHeader.js","sourceRoot":"","sources":["../../../../src/components/embed-card/EmbedCardHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,WAAW,MAAM,6BAA6B,CAAA;AACrD,OAAO,EAAE,MAAM,EAAE,UAAU,EAAmB,IAAI,EAAS,MAAM,eAAe,CAAA;AAChF,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAE/C,OAAO,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAA;AAC1E,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AAElC,MAAM,CAAC,MAAM,eAAe,GAA8B,GAAG,EAAE;IAC7D,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAC1D,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,kBAAkB,EAAE,GAAG,sBAAsB,EAAE,CAAA;IACrF,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,iBAAiB,EAAE,aAAa,EAAE,eAAe,EAAE,GAAG,kBAAkB,IAAI,EAAE,CAAA;IAC7G,OAAO,CACL,KAAC,UAAU,IACT,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,EACnC,MAAM,EACJ,UAAU,CAAC,CAAC,CAAC,CACX,mBAAK,CACN,CAAC,CAAC,CAAC,CACF,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,CACV,EAEH,MAAM,EACJ,MAAC,OAAO,IAAC,QAAQ,EAAC,MAAM,EAAC,SAAS,EAAE,GAAG,aACpC,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,CACpB,aAAa,IAAI,iBAAiB,CAAC,CAAC,CAAC,CACnC,EAAE,CACH,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IACH,MAAM,EAAE,iBAAiB,CAAC,CAAC,CAAC,mBAAK,CAAC,CAAC,CAAC,KAAC,WAAW,KAAG,EACnD,SAAS,EAAE,iBAAiB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,EAC3C,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,cAAc,IAAI,IAAI,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,cAAc,EAAE,EAAE,GAC/F,CACH,CACF,CAAC,CAAC,CAAC,IAAI,EAEP,eAAe,IAAI,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAC,SAAS,KAAG,IACrD,EAEZ,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY,EAAE,IAAI,GAC1C,CACH,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmbedCardResolver.d.ts","sourceRoot":"","sources":["../../../../src/components/embed-card/EmbedCardResolver.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAe,MAAM,uBAAuB,CAAA;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAMnD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,YAAY,CAAC,
|
|
1
|
+
{"version":3,"file":"EmbedCardResolver.d.ts","sourceRoot":"","sources":["../../../../src/components/embed-card/EmbedCardResolver.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAe,MAAM,uBAAuB,CAAA;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAMnD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,YAAY,CAAC,CAmBlE,CAAA"}
|
|
@@ -8,6 +8,6 @@ export const EmbedCardResolver = ({ children, ...props }) => {
|
|
|
8
8
|
const { payload, notFound, huriApiError } = useResolvePayload();
|
|
9
9
|
const { refreshPayload } = useRefreshPayload();
|
|
10
10
|
const theme = useTheme();
|
|
11
|
-
return (_jsx(ResultLoader, { searchResult: payload, notFound: !!notFound, apiError: huriApiError, children: _jsx(XyoApiErrorRender, { apiError: huriApiError, children: _jsx(FlexGrowCol, { busy: Boolean(!refreshPayload && payload), busyCircularProps: { style: { alignItems: 'start', paddingTop: theme.spacing(2), zIndex: 2 } }, ...props, children: children }) }) }));
|
|
11
|
+
return (_jsx(ResultLoader, { searchResult: payload, notFound: !!notFound, apiError: huriApiError, children: _jsx(XyoApiErrorRender, { apiError: huriApiError, children: _jsx(FlexGrowCol, { alignItems: "stretch", busy: Boolean(!refreshPayload && payload), busyCircularProps: { style: { alignItems: 'start', paddingTop: theme.spacing(2), zIndex: 2 } }, ...props, children: children }) }) }));
|
|
12
12
|
};
|
|
13
13
|
//# sourceMappingURL=EmbedCardResolver.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmbedCardResolver.js","sourceRoot":"","sources":["../../../../src/components/embed-card/EmbedCardResolver.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAgB,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAEjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAA;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAExD,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAErE,MAAM,CAAC,MAAM,iBAAiB,GAAyC,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAChG,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAC/D,MAAM,EAAE,cAAc,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAC9C,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IAExB,OAAO,CACL,KAAC,YAAY,IAAC,YAAY,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC,QAAQ,EAAE,QAAQ,EAAE,YAAY,YAC/E,KAAC,iBAAiB,IAAC,QAAQ,EAAE,YAAY,YACvC,KAAC,WAAW,IACV,IAAI,EAAE,OAAO,CAAC,CAAC,cAAc,IAAI,OAAO,CAAC,EACzC,iBAAiB,EAAE,EAAE,KAAK,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,EAAE,KAC1F,KAAK,YAER,QAAQ,GACG,GACI,GACP,CAChB,CAAA;AACH,CAAC,CAAA"}
|
|
1
|
+
{"version":3,"file":"EmbedCardResolver.js","sourceRoot":"","sources":["../../../../src/components/embed-card/EmbedCardResolver.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAgB,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAEjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAA;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAExD,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAErE,MAAM,CAAC,MAAM,iBAAiB,GAAyC,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAChG,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAC/D,MAAM,EAAE,cAAc,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAC9C,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IAExB,OAAO,CACL,KAAC,YAAY,IAAC,YAAY,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC,QAAQ,EAAE,QAAQ,EAAE,YAAY,YAC/E,KAAC,iBAAiB,IAAC,QAAQ,EAAE,YAAY,YACvC,KAAC,WAAW,IACV,UAAU,EAAC,SAAS,EACpB,IAAI,EAAE,OAAO,CAAC,CAAC,cAAc,IAAI,OAAO,CAAC,EACzC,iBAAiB,EAAE,EAAE,KAAK,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,EAAE,KAC1F,KAAK,YAER,QAAQ,GACG,GACI,GACP,CAChB,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmbedPluginCard.d.ts","sourceRoot":"","sources":["../../../../src/components/embed-card/EmbedPluginCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAqB,SAAS,EAAE,MAAM,eAAe,CAAA;AAQ5D,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,
|
|
1
|
+
{"version":3,"file":"EmbedPluginCard.d.ts","sourceRoot":"","sources":["../../../../src/components/embed-card/EmbedPluginCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAqB,SAAS,EAAE,MAAM,eAAe,CAAA;AAQ5D,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAkB/C,CAAA"}
|
|
@@ -5,10 +5,11 @@ import { useListMode } from '@xyo-network/react-shared';
|
|
|
5
5
|
import { useResolvePayload, useXyoEmbedPluginState } from '../../contexts';
|
|
6
6
|
import { EmbedRenderSelect, ListModeSelectFormControl } from '../controls';
|
|
7
7
|
import { EmbedCardHeader } from './EmbedCardHeader';
|
|
8
|
-
export const EmbedPluginCard = (props) => {
|
|
8
|
+
export const EmbedPluginCard = ({ ...props }) => {
|
|
9
9
|
const { payload } = useResolvePayload();
|
|
10
10
|
const { activePlugin: ActivePlugin, plugins, hideElementsConfig } = useXyoEmbedPluginState();
|
|
11
11
|
const { listMode } = useListMode();
|
|
12
|
-
|
|
12
|
+
const supportsListMode = ActivePlugin?.components?.box?.listModes?.length ?? 0 > 1;
|
|
13
|
+
return (_jsxs(Card, { elevation: 3, variant: "elevation", ...props, children: [hideElementsConfig?.hideCardHeader ? null : _jsx(EmbedCardHeader, {}), _jsxs(FlexGrowRow, { columnGap: 2, rowGap: 2, flexWrap: "wrap", justifyContent: "center", pb: 1, children: [plugins && plugins.length > 1 ? _jsx(EmbedRenderSelect, {}) : null, supportsListMode ? _jsx(ListModeSelectFormControl, {}) : null] }), _jsx(CardContent, { children: ActivePlugin ? _jsx(ActivePlugin.components.box.details, { payload: payload, ...(supportsListMode && { listMode }) }) : null })] }));
|
|
13
14
|
};
|
|
14
15
|
//# sourceMappingURL=EmbedPluginCard.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmbedPluginCard.js","sourceRoot":"","sources":["../../../../src/components/embed-card/EmbedPluginCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAa,MAAM,eAAe,CAAA;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAA;AAEvD,OAAO,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAA;AAC1E,OAAO,EAAE,iBAAiB,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAA;AAC1E,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAEnD,MAAM,CAAC,MAAM,eAAe,GAAwB,CAAC,KAAK,EAAE,EAAE;
|
|
1
|
+
{"version":3,"file":"EmbedPluginCard.js","sourceRoot":"","sources":["../../../../src/components/embed-card/EmbedPluginCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAa,MAAM,eAAe,CAAA;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAA;AAEvD,OAAO,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAA;AAC1E,OAAO,EAAE,iBAAiB,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAA;AAC1E,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAEnD,MAAM,CAAC,MAAM,eAAe,GAAwB,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACnE,MAAM,EAAE,OAAO,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACvC,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,OAAO,EAAE,kBAAkB,EAAE,GAAG,sBAAsB,EAAE,CAAA;IAC5F,MAAM,EAAE,QAAQ,EAAE,GAAG,WAAW,EAAE,CAAA;IAClC,MAAM,gBAAgB,GAAG,YAAY,EAAE,UAAU,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,IAAI,CAAC,GAAG,CAAC,CAAA;IAElF,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAE,CAAC,EAAE,OAAO,EAAC,WAAW,KAAK,KAAK,aAC9C,kBAAkB,EAAE,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAC,eAAe,KAAG,EAChE,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,gBAAgB,CAAC,CAAC,CAAC,KAAC,yBAAyB,KAAG,CAAC,CAAC,CAAC,IAAI,IAC5C,EACd,KAAC,WAAW,cACT,YAAY,CAAC,CAAC,CAAC,KAAC,YAAY,CAAC,UAAU,CAAC,GAAG,CAAC,OAAO,IAAC,OAAO,EAAE,OAAO,KAAM,CAAC,gBAAgB,IAAI,EAAE,QAAQ,EAAE,CAAC,GAAI,CAAC,CAAC,CAAC,IAAI,GAC5G,IACT,CACR,CAAA;AACH,CAAC,CAAA"}
|
package/package.json
CHANGED
|
@@ -17,13 +17,13 @@
|
|
|
17
17
|
"@xylabs/react-flexbox": "^2.14.13",
|
|
18
18
|
"@xylabs/react-shared": "^2.14.13",
|
|
19
19
|
"@xylabs/sdk-js": "^2.6.7",
|
|
20
|
-
"@xyo-network/api": "^2.26.
|
|
21
|
-
"@xyo-network/payload": "^2.26.
|
|
22
|
-
"@xyo-network/react-auth-service": "^2.28.
|
|
23
|
-
"@xyo-network/react-payload-plugin": "^2.28.
|
|
24
|
-
"@xyo-network/react-shared": "^2.28.
|
|
25
|
-
"@xyo-network/react-webapp": "^2.28.
|
|
26
|
-
"@xyo-network/utils": "^2.26.
|
|
20
|
+
"@xyo-network/api": "^2.26.19",
|
|
21
|
+
"@xyo-network/payload": "^2.26.19",
|
|
22
|
+
"@xyo-network/react-auth-service": "^2.28.9",
|
|
23
|
+
"@xyo-network/react-payload-plugin": "^2.28.9",
|
|
24
|
+
"@xyo-network/react-shared": "^2.28.9",
|
|
25
|
+
"@xyo-network/react-webapp": "^2.28.9",
|
|
26
|
+
"@xyo-network/utils": "^2.26.19",
|
|
27
27
|
"react": "^18.2.0",
|
|
28
28
|
"react-dom": "^18.2.0",
|
|
29
29
|
"tslib": "^2.4.0"
|
|
@@ -31,9 +31,9 @@
|
|
|
31
31
|
"description": "Common React library for all XYO projects that use React",
|
|
32
32
|
"devDependencies": {
|
|
33
33
|
"@storybook/react": "^6.5.10",
|
|
34
|
-
"@xylabs/tsconfig-dom": "^2.5.
|
|
35
|
-
"@xyo-network/react-aggregate-price-plugin": "^2.28.
|
|
36
|
-
"@xyo-network/react-crypto-market-uniswap-payload-plugin": "^2.28.
|
|
34
|
+
"@xylabs/tsconfig-dom": "^2.5.122",
|
|
35
|
+
"@xyo-network/react-aggregate-price-plugin": "^2.28.9",
|
|
36
|
+
"@xyo-network/react-crypto-market-uniswap-payload-plugin": "^2.28.9",
|
|
37
37
|
"react-router-dom": "^6.3.0"
|
|
38
38
|
},
|
|
39
39
|
"browser": "dist/esm/index.js",
|
|
@@ -78,5 +78,5 @@
|
|
|
78
78
|
},
|
|
79
79
|
"sideEffects": false,
|
|
80
80
|
"types": "dist/esm/index.d.ts",
|
|
81
|
-
"version": "2.28.
|
|
81
|
+
"version": "2.28.9"
|
|
82
82
|
}
|
|
@@ -15,6 +15,7 @@ export const EmbedCardResolver: React.FC<WithChildren<FlexBoxProps>> = ({ childr
|
|
|
15
15
|
<ResultLoader searchResult={payload} notFound={!!notFound} apiError={huriApiError}>
|
|
16
16
|
<XyoApiErrorRender apiError={huriApiError}>
|
|
17
17
|
<FlexGrowCol
|
|
18
|
+
alignItems="stretch"
|
|
18
19
|
busy={Boolean(!refreshPayload && payload)}
|
|
19
20
|
busyCircularProps={{ style: { alignItems: 'start', paddingTop: theme.spacing(2), zIndex: 2 } }}
|
|
20
21
|
{...props}
|
|
@@ -6,19 +6,22 @@ import { useResolvePayload, useXyoEmbedPluginState } from '../../contexts'
|
|
|
6
6
|
import { EmbedRenderSelect, ListModeSelectFormControl } from '../controls'
|
|
7
7
|
import { EmbedCardHeader } from './EmbedCardHeader'
|
|
8
8
|
|
|
9
|
-
export const EmbedPluginCard: React.FC<CardProps> = (props) => {
|
|
9
|
+
export const EmbedPluginCard: React.FC<CardProps> = ({ ...props }) => {
|
|
10
10
|
const { payload } = useResolvePayload()
|
|
11
11
|
const { activePlugin: ActivePlugin, plugins, hideElementsConfig } = useXyoEmbedPluginState()
|
|
12
12
|
const { listMode } = useListMode()
|
|
13
|
+
const supportsListMode = ActivePlugin?.components?.box?.listModes?.length ?? 0 > 1
|
|
13
14
|
|
|
14
15
|
return (
|
|
15
16
|
<Card elevation={3} variant="elevation" {...props}>
|
|
16
17
|
{hideElementsConfig?.hideCardHeader ? null : <EmbedCardHeader />}
|
|
17
18
|
<FlexGrowRow columnGap={2} rowGap={2} flexWrap="wrap" justifyContent="center" pb={1}>
|
|
18
19
|
{plugins && plugins.length > 1 ? <EmbedRenderSelect /> : null}
|
|
19
|
-
{
|
|
20
|
+
{supportsListMode ? <ListModeSelectFormControl /> : null}
|
|
20
21
|
</FlexGrowRow>
|
|
21
|
-
<CardContent>
|
|
22
|
+
<CardContent>
|
|
23
|
+
{ActivePlugin ? <ActivePlugin.components.box.details payload={payload} {...(supportsListMode && { listMode })} /> : null}
|
|
24
|
+
</CardContent>
|
|
22
25
|
</Card>
|
|
23
26
|
)
|
|
24
27
|
}
|