@xyo-network/react-embed 2.27.30 → 2.27.31
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/XyoEmbedPlugin.d.ts.map +1 -1
- package/dist/cjs/components/XyoEmbedPlugin.js +2 -2
- package/dist/cjs/components/XyoEmbedPlugin.js.map +1 -1
- package/dist/cjs/components/embed-card/EmbedCardHeader.d.ts.map +1 -1
- package/dist/cjs/components/embed-card/EmbedCardHeader.js +3 -2
- package/dist/cjs/components/embed-card/EmbedCardHeader.js.map +1 -1
- package/dist/cjs/components/embed-card/EmbedPluginContainer.d.ts.map +1 -1
- package/dist/cjs/components/embed-card/EmbedPluginContainer.js +2 -1
- package/dist/cjs/components/embed-card/EmbedPluginContainer.js.map +1 -1
- package/dist/cjs/components/embed-card/ValidatePlugins.d.ts.map +1 -1
- package/dist/cjs/components/embed-card/ValidatePlugins.js +2 -1
- package/dist/cjs/components/embed-card/ValidatePlugins.js.map +1 -1
- package/dist/cjs/components/embed-card/menu/JsonMenuItem.js +1 -1
- package/dist/cjs/components/embed-card/menu/JsonMenuItem.js.map +1 -1
- package/dist/cjs/contexts/ResolvePayloadContext/Context.d.ts +4 -0
- package/dist/cjs/contexts/ResolvePayloadContext/Context.d.ts.map +1 -0
- package/dist/cjs/contexts/ResolvePayloadContext/Context.js +6 -0
- package/dist/cjs/contexts/ResolvePayloadContext/Context.js.map +1 -0
- package/dist/cjs/contexts/ResolvePayloadContext/Provider.d.ts +7 -0
- package/dist/cjs/contexts/ResolvePayloadContext/Provider.d.ts.map +1 -0
- package/dist/cjs/contexts/ResolvePayloadContext/Provider.js +56 -0
- package/dist/cjs/contexts/ResolvePayloadContext/Provider.js.map +1 -0
- package/dist/cjs/contexts/ResolvePayloadContext/State.d.ts +15 -0
- package/dist/cjs/contexts/ResolvePayloadContext/State.d.ts.map +1 -0
- package/dist/cjs/contexts/ResolvePayloadContext/State.js +3 -0
- package/dist/cjs/contexts/ResolvePayloadContext/State.js.map +1 -0
- package/dist/cjs/contexts/ResolvePayloadContext/index.d.ts +4 -0
- package/dist/cjs/contexts/ResolvePayloadContext/index.d.ts.map +1 -0
- package/dist/cjs/contexts/ResolvePayloadContext/index.js +7 -0
- package/dist/cjs/contexts/ResolvePayloadContext/index.js.map +1 -0
- package/dist/cjs/contexts/ResolvePayloadContext/use.d.ts +2 -0
- package/dist/cjs/contexts/ResolvePayloadContext/use.d.ts.map +1 -0
- package/dist/cjs/contexts/ResolvePayloadContext/use.js +8 -0
- package/dist/cjs/contexts/ResolvePayloadContext/use.js.map +1 -0
- package/dist/cjs/contexts/ValidatePayloadContext/Provider.js +2 -2
- package/dist/cjs/contexts/ValidatePayloadContext/Provider.js.map +1 -1
- package/dist/cjs/contexts/XyoEmbedPluginContext/Provider.d.ts +5 -2
- package/dist/cjs/contexts/XyoEmbedPluginContext/Provider.d.ts.map +1 -1
- package/dist/cjs/contexts/XyoEmbedPluginContext/Provider.js +3 -40
- package/dist/cjs/contexts/XyoEmbedPluginContext/Provider.js.map +1 -1
- package/dist/cjs/contexts/XyoEmbedPluginContext/State.d.ts +1 -3
- package/dist/cjs/contexts/XyoEmbedPluginContext/State.d.ts.map +1 -1
- package/dist/cjs/contexts/index.d.ts +1 -0
- package/dist/cjs/contexts/index.d.ts.map +1 -1
- package/dist/cjs/contexts/index.js +1 -0
- package/dist/cjs/contexts/index.js.map +1 -1
- package/dist/cjs/types/XyoEmbedPluginProps.d.ts +3 -0
- package/dist/cjs/types/XyoEmbedPluginProps.d.ts.map +1 -1
- package/dist/docs.json +2 -2
- package/dist/esm/components/XyoEmbedPlugin.d.ts.map +1 -1
- package/dist/esm/components/XyoEmbedPlugin.js +3 -3
- package/dist/esm/components/XyoEmbedPlugin.js.map +1 -1
- package/dist/esm/components/embed-card/EmbedCardHeader.d.ts.map +1 -1
- package/dist/esm/components/embed-card/EmbedCardHeader.js +4 -3
- package/dist/esm/components/embed-card/EmbedCardHeader.js.map +1 -1
- package/dist/esm/components/embed-card/EmbedPluginContainer.d.ts.map +1 -1
- package/dist/esm/components/embed-card/EmbedPluginContainer.js +3 -2
- package/dist/esm/components/embed-card/EmbedPluginContainer.js.map +1 -1
- package/dist/esm/components/embed-card/ValidatePlugins.d.ts.map +1 -1
- package/dist/esm/components/embed-card/ValidatePlugins.js +3 -2
- package/dist/esm/components/embed-card/ValidatePlugins.js.map +1 -1
- package/dist/esm/components/embed-card/menu/JsonMenuItem.js +2 -2
- package/dist/esm/components/embed-card/menu/JsonMenuItem.js.map +1 -1
- package/dist/esm/contexts/ResolvePayloadContext/Context.d.ts +4 -0
- package/dist/esm/contexts/ResolvePayloadContext/Context.d.ts.map +1 -0
- package/dist/esm/contexts/ResolvePayloadContext/Context.js +3 -0
- package/dist/esm/contexts/ResolvePayloadContext/Context.js.map +1 -0
- package/dist/esm/contexts/ResolvePayloadContext/Provider.d.ts +7 -0
- package/dist/esm/contexts/ResolvePayloadContext/Provider.d.ts.map +1 -0
- package/dist/esm/contexts/ResolvePayloadContext/Provider.js +50 -0
- package/dist/esm/contexts/ResolvePayloadContext/Provider.js.map +1 -0
- package/dist/esm/contexts/ResolvePayloadContext/State.d.ts +15 -0
- package/dist/esm/contexts/ResolvePayloadContext/State.d.ts.map +1 -0
- package/dist/esm/contexts/ResolvePayloadContext/State.js +2 -0
- package/dist/esm/contexts/ResolvePayloadContext/State.js.map +1 -0
- package/dist/esm/contexts/ResolvePayloadContext/index.d.ts +4 -0
- package/dist/esm/contexts/ResolvePayloadContext/index.d.ts.map +1 -0
- package/dist/esm/contexts/ResolvePayloadContext/index.js +4 -0
- package/dist/esm/contexts/ResolvePayloadContext/index.js.map +1 -0
- package/dist/esm/contexts/ResolvePayloadContext/use.d.ts +2 -0
- package/dist/esm/contexts/ResolvePayloadContext/use.d.ts.map +1 -0
- package/dist/esm/contexts/ResolvePayloadContext/use.js +4 -0
- package/dist/esm/contexts/ResolvePayloadContext/use.js.map +1 -0
- package/dist/esm/contexts/ValidatePayloadContext/Provider.js +2 -2
- package/dist/esm/contexts/ValidatePayloadContext/Provider.js.map +1 -1
- package/dist/esm/contexts/XyoEmbedPluginContext/Provider.d.ts +5 -2
- package/dist/esm/contexts/XyoEmbedPluginContext/Provider.d.ts.map +1 -1
- package/dist/esm/contexts/XyoEmbedPluginContext/Provider.js +3 -38
- package/dist/esm/contexts/XyoEmbedPluginContext/Provider.js.map +1 -1
- package/dist/esm/contexts/XyoEmbedPluginContext/State.d.ts +1 -3
- package/dist/esm/contexts/XyoEmbedPluginContext/State.d.ts.map +1 -1
- package/dist/esm/contexts/index.d.ts +1 -0
- package/dist/esm/contexts/index.d.ts.map +1 -1
- package/dist/esm/contexts/index.js +1 -0
- package/dist/esm/contexts/index.js.map +1 -1
- package/dist/esm/types/XyoEmbedPluginProps.d.ts +3 -0
- package/dist/esm/types/XyoEmbedPluginProps.d.ts.map +1 -1
- package/package.json +7 -7
- package/src/components/XyoEmbedPlugin.stories.tsx +16 -5
- package/src/components/XyoEmbedPlugin.tsx +21 -20
- package/src/components/embed-card/EmbedCardHeader.tsx +6 -4
- package/src/components/embed-card/EmbedPluginContainer.tsx +3 -2
- package/src/components/embed-card/ValidatePlugins.tsx +3 -2
- package/src/components/embed-card/menu/JsonMenuItem.tsx +2 -2
- package/src/components/payload.stories.ts +21 -0
- package/src/contexts/ResolvePayloadContext/Context.ts +5 -0
- package/src/contexts/ResolvePayloadContext/Provider.tsx +71 -0
- package/src/contexts/ResolvePayloadContext/State.ts +15 -0
- package/src/contexts/ResolvePayloadContext/index.ts +3 -0
- package/src/contexts/ResolvePayloadContext/use.tsx +5 -0
- package/src/contexts/ValidatePayloadContext/Provider.stories.tsx +19 -7
- package/src/contexts/ValidatePayloadContext/Provider.tsx +2 -2
- package/src/contexts/XyoEmbedPluginContext/Provider.tsx +8 -51
- package/src/contexts/XyoEmbedPluginContext/State.ts +1 -3
- package/src/contexts/index.ts +1 -0
- package/src/types/XyoEmbedPluginProps.ts +3 -0
|
@@ -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,sBAAsB,EAAE,MAAM,gBAAgB,CAAA;
|
|
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,eACL,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,CAAC,CAAC,IAAI,EACjB,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":"EmbedPluginContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/embed-card/EmbedPluginContainer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAqB,SAAS,EAAE,MAAM,eAAe,CAAA;AAQ5D,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,
|
|
1
|
+
{"version":3,"file":"EmbedPluginContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/embed-card/EmbedPluginContainer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAqB,SAAS,EAAE,MAAM,eAAe,CAAA;AAQ5D,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAepD,CAAA"}
|
|
@@ -2,11 +2,12 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { Card, CardContent } from '@mui/material';
|
|
3
3
|
import { FlexGrowRow } from '@xylabs/react-flexbox';
|
|
4
4
|
import { useListMode } from '@xyo-network/react-shared';
|
|
5
|
-
import { useXyoEmbedPluginState } from '../../contexts';
|
|
5
|
+
import { useResolvePayload, useXyoEmbedPluginState } from '../../contexts';
|
|
6
6
|
import { EmbedRenderSelect, ListModeSelectFormControl } from '../controls';
|
|
7
7
|
import { EmbedCardHeader } from './EmbedCardHeader';
|
|
8
8
|
export const EmbedPluginContainer = (props) => {
|
|
9
|
-
const {
|
|
9
|
+
const { payload } = useResolvePayload();
|
|
10
|
+
const { activePlugin: ActivePlugin, plugins, hideElementsConfig } = useXyoEmbedPluginState();
|
|
10
11
|
const { listMode } = useListMode();
|
|
11
12
|
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, (ActivePlugin?.components?.box?.listModes?.length ?? 0) > 1 ? _jsx(ListModeSelectFormControl, {}) : null] }), _jsx(CardContent, { children: ActivePlugin ? _jsx(ActivePlugin.components.box.details, { payload: payload, listMode: listMode }) : null })] }));
|
|
12
13
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmbedPluginContainer.js","sourceRoot":"","sources":["../../../../src/components/embed-card/EmbedPluginContainer.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,sBAAsB,EAAE,MAAM,gBAAgB,CAAA;
|
|
1
|
+
{"version":3,"file":"EmbedPluginContainer.js","sourceRoot":"","sources":["../../../../src/components/embed-card/EmbedPluginContainer.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,oBAAoB,GAAwB,CAAC,KAAK,EAAE,EAAE;IACjE,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;IAElC,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,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,cAAE,YAAY,CAAC,CAAC,CAAC,KAAC,YAAY,CAAC,UAAU,CAAC,GAAG,CAAC,OAAO,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAC,CAAC,CAAC,IAAI,GAAe,IAC3H,CACR,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ValidatePlugins.d.ts","sourceRoot":"","sources":["../../../../src/components/embed-card/ValidatePlugins.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAInD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,
|
|
1
|
+
{"version":3,"file":"ValidatePlugins.d.ts","sourceRoot":"","sources":["../../../../src/components/embed-card/ValidatePlugins.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAInD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAalD,CAAA"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
2
|
import { Alert, AlertTitle } from '@mui/material';
|
|
3
|
-
import { useXyoEmbedPluginState } from '../../contexts';
|
|
3
|
+
import { useResolvePayload, useXyoEmbedPluginState } from '../../contexts';
|
|
4
4
|
export const ValidatePlugins = ({ children }) => {
|
|
5
|
-
const { payload
|
|
5
|
+
const { payload } = useResolvePayload();
|
|
6
|
+
const { plugins } = useXyoEmbedPluginState();
|
|
6
7
|
if (payload && plugins?.length === 0) {
|
|
7
8
|
return (_jsxs(Alert, { severity: "warning", children: [_jsx(AlertTitle, { children: "Missing plugins!" }), "Payload found but no plugins were present."] }));
|
|
8
9
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ValidatePlugins.js","sourceRoot":"","sources":["../../../../src/components/embed-card/ValidatePlugins.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAGjD,OAAO,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAA;
|
|
1
|
+
{"version":3,"file":"ValidatePlugins.js","sourceRoot":"","sources":["../../../../src/components/embed-card/ValidatePlugins.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAGjD,OAAO,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAA;AAE1E,MAAM,CAAC,MAAM,eAAe,GAA2B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACtE,MAAM,EAAE,OAAO,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACvC,MAAM,EAAE,OAAO,EAAE,GAAG,sBAAsB,EAAE,CAAA;IAE5C,IAAI,OAAO,IAAI,OAAO,EAAE,MAAM,KAAK,CAAC,EAAE;QACpC,OAAO,CACL,MAAC,KAAK,IAAC,QAAQ,EAAC,SAAS,aACvB,KAAC,UAAU,mCAA8B,kDACnC,CACT,CAAA;KACF;IAED,OAAO,4BAAG,QAAQ,GAAI,CAAA;AACxB,CAAC,CAAA"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
2
|
import OpenInNewIcon from '@mui/icons-material/OpenInNew';
|
|
3
3
|
import { ListItemIcon, ListItemText, MenuItem } from '@mui/material';
|
|
4
|
-
import {
|
|
4
|
+
import { useResolvePayload } from '../../../contexts';
|
|
5
5
|
export const JsonMenuItem = (props) => {
|
|
6
|
-
const { huri } =
|
|
6
|
+
const { huri } = useResolvePayload();
|
|
7
7
|
return (_jsx(_Fragment, { children: huri ? (_jsxs(MenuItem, { title: "Source Payload JSON", onClick: () => window.open(huri, '_blank'), ...props, children: [_jsx(ListItemText, { sx: { mr: 1 }, children: "JSON" }), _jsx(ListItemIcon, { sx: { justifyContent: 'end' }, children: _jsx(OpenInNewIcon, { fontSize: "small" }) })] })) : null }));
|
|
8
8
|
};
|
|
9
9
|
//# sourceMappingURL=JsonMenuItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"JsonMenuItem.js","sourceRoot":"","sources":["../../../../../src/components/embed-card/menu/JsonMenuItem.tsx"],"names":[],"mappings":";AAAA,OAAO,aAAa,MAAM,+BAA+B,CAAA;AACzD,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,QAAQ,EAAiB,MAAM,eAAe,CAAA;AAEnF,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"JsonMenuItem.js","sourceRoot":"","sources":["../../../../../src/components/embed-card/menu/JsonMenuItem.tsx"],"names":[],"mappings":";AAAA,OAAO,aAAa,MAAM,+BAA+B,CAAA;AACzD,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,QAAQ,EAAiB,MAAM,eAAe,CAAA;AAEnF,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAA;AAErD,MAAM,CAAC,MAAM,YAAY,GAA4B,CAAC,KAAK,EAAE,EAAE;IAC7D,MAAM,EAAE,IAAI,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEpC,OAAO,CACL,4BACG,IAAI,CAAC,CAAC,CAAC,CACN,MAAC,QAAQ,IAAC,KAAK,EAAC,qBAAqB,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,QAAQ,CAAC,KAAM,KAAK,aACzF,KAAC,YAAY,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,qBAAqB,EAChD,KAAC,YAAY,IAAC,EAAE,EAAE,EAAE,cAAc,EAAE,KAAK,EAAE,YACzC,KAAC,aAAa,IAAC,QAAQ,EAAC,OAAO,GAAG,GACrB,IACN,CACZ,CAAC,CAAC,CAAC,IAAI,GACP,CACJ,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Context.d.ts","sourceRoot":"","sources":["../../../../src/contexts/ResolvePayloadContext/Context.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAE7C,eAAO,MAAM,qBAAqB,mGAAyC,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Context.js","sourceRoot":"","sources":["../../../../src/contexts/ResolvePayloadContext/Context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAI3D,MAAM,CAAC,MAAM,qBAAqB,GAAG,eAAe,EAAuB,CAAA"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { FlexBoxProps } from '@xylabs/react-flexbox';
|
|
3
|
+
import { WithChildren } from '@xylabs/react-shared';
|
|
4
|
+
import { ResolvePayloadState } from './State';
|
|
5
|
+
export declare type ResolvePayloadProviderProps = Omit<ResolvePayloadState, 'provided' & FlexBoxProps>;
|
|
6
|
+
export declare const ResolvePayloadProvider: React.FC<WithChildren<ResolvePayloadProviderProps>>;
|
|
7
|
+
//# sourceMappingURL=Provider.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Provider.d.ts","sourceRoot":"","sources":["../../../../src/contexts/ResolvePayloadContext/Provider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAC7D,OAAO,EAAkB,YAAY,EAAE,MAAM,sBAAsB,CAAA;AASnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAE7C,oBAAY,2BAA2B,GAAG,IAAI,CAAC,mBAAmB,EAAE,UAAU,GAAG,YAAY,CAAC,CAAA;AAE9F,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,2BAA2B,CAAC,CAwDtF,CAAA"}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { FlexCol } from '@xylabs/react-flexbox';
|
|
3
|
+
import { useAsyncEffect } from '@xylabs/react-shared';
|
|
4
|
+
import { delay } from '@xylabs/sdk-js';
|
|
5
|
+
import { Huri } from '@xyo-network/payload';
|
|
6
|
+
import { XyoApiErrorRender } from '@xyo-network/react-auth-service';
|
|
7
|
+
import { ResultLoader } from '@xyo-network/react-webapp';
|
|
8
|
+
import { useEffect, useState } from 'react';
|
|
9
|
+
import { ResolvePayloadContext } from './Context';
|
|
10
|
+
export const ResolvePayloadProvider = ({ children, huriPayload, ...props }) => {
|
|
11
|
+
const [payload, setPayload] = useState();
|
|
12
|
+
const [huri, setHuri] = useState();
|
|
13
|
+
useEffect(() => {
|
|
14
|
+
typeof huriPayload === 'string' ? setHuri(huriPayload) : undefined;
|
|
15
|
+
if (typeof huriPayload === 'object') {
|
|
16
|
+
setPayload(huriPayload);
|
|
17
|
+
setRefreshPayload(1);
|
|
18
|
+
}
|
|
19
|
+
}, [huriPayload]);
|
|
20
|
+
const [notFound, setNotFound] = useState();
|
|
21
|
+
const [huriApiError, setHuriApiError] = useState();
|
|
22
|
+
const [refreshPayload, setRefreshPayload] = useState(0);
|
|
23
|
+
useAsyncEffect(
|
|
24
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
25
|
+
async (mounted) => {
|
|
26
|
+
if (huri && !refreshPayload) {
|
|
27
|
+
try {
|
|
28
|
+
const huriInstance = new Huri(huri);
|
|
29
|
+
const result = await huriInstance.fetch();
|
|
30
|
+
// ensure the busy state can stay for a moment to avoid flashing too quickly
|
|
31
|
+
await delay(500);
|
|
32
|
+
if (mounted()) {
|
|
33
|
+
setNotFound(result === null);
|
|
34
|
+
setPayload(result);
|
|
35
|
+
setRefreshPayload(1);
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
catch (e) {
|
|
39
|
+
setHuriApiError(e);
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
}, [huri, payload, refreshPayload]);
|
|
43
|
+
const refreshHuri = () => {
|
|
44
|
+
if (huri) {
|
|
45
|
+
setRefreshPayload(0);
|
|
46
|
+
}
|
|
47
|
+
};
|
|
48
|
+
return (_jsx(ResolvePayloadContext.Provider, { value: { huri, huriApiError, notFound, payload, provided: true, refreshHuri, refreshPayload, setPayload }, children: _jsx(ResultLoader, { searchResult: payload, notFound: !!notFound, apiError: huriApiError, children: _jsx(XyoApiErrorRender, { apiError: huriApiError, children: _jsx(FlexCol, { busy: Boolean(!refreshPayload && payload), ...props, children: children }) }) }) }));
|
|
49
|
+
};
|
|
50
|
+
//# sourceMappingURL=Provider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Provider.js","sourceRoot":"","sources":["../../../../src/contexts/ResolvePayloadContext/Provider.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { XyoApiError } from '@xyo-network/api';
|
|
2
|
+
import { XyoPayload } from '@xyo-network/payload';
|
|
3
|
+
import { ContextExState } from '@xyo-network/react-shared';
|
|
4
|
+
import { Dispatch, SetStateAction } from 'react';
|
|
5
|
+
export interface ResolvePayloadState extends ContextExState {
|
|
6
|
+
huri?: string;
|
|
7
|
+
huriApiError?: XyoApiError;
|
|
8
|
+
huriPayload?: string | XyoPayload;
|
|
9
|
+
notFound?: boolean;
|
|
10
|
+
payload?: XyoPayload;
|
|
11
|
+
refreshHuri?: () => void;
|
|
12
|
+
refreshPayload?: number;
|
|
13
|
+
setPayload?: Dispatch<SetStateAction<XyoPayload | undefined>>;
|
|
14
|
+
}
|
|
15
|
+
//# sourceMappingURL=State.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"State.d.ts","sourceRoot":"","sources":["../../../../src/contexts/ResolvePayloadContext/State.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC1D,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAEhD,MAAM,WAAW,mBAAoB,SAAQ,cAAc;IACzD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,WAAW,CAAA;IAC1B,WAAW,CAAC,EAAE,MAAM,GAAG,UAAU,CAAA;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,UAAU,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,UAAU,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,UAAU,GAAG,SAAS,CAAC,CAAC,CAAA;CAC9D"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"State.js","sourceRoot":"","sources":["../../../../src/contexts/ResolvePayloadContext/State.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/contexts/ResolvePayloadContext/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/contexts/ResolvePayloadContext/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use.d.ts","sourceRoot":"","sources":["../../../../src/contexts/ResolvePayloadContext/use.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,iBAAiB,oHAAoE,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use.js","sourceRoot":"","sources":["../../../../src/contexts/ResolvePayloadContext/use.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAExD,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAA;AAEjD,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE,CAAC,YAAY,CAAC,qBAAqB,EAAE,gBAAgB,EAAE,IAAI,CAAC,CAAA"}
|
|
@@ -3,10 +3,10 @@ import { Chip } from '@mui/material';
|
|
|
3
3
|
import { useAsyncEffect } from '@xylabs/react-shared';
|
|
4
4
|
import { XyoSchemaCache } from '@xyo-network/utils';
|
|
5
5
|
import { useState } from 'react';
|
|
6
|
-
import {
|
|
6
|
+
import { useResolvePayload } from '../ResolvePayloadContext';
|
|
7
7
|
import { ValidatePayloadContext } from './Context';
|
|
8
8
|
export const ValidatePayloadProvider = ({ children, enabled = false }) => {
|
|
9
|
-
const { payload } =
|
|
9
|
+
const { payload } = useResolvePayload();
|
|
10
10
|
const [initialized, setInitialized] = useState(false);
|
|
11
11
|
const [valid, setValid] = useState();
|
|
12
12
|
useAsyncEffect(
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Provider.js","sourceRoot":"","sources":["../../../../src/contexts/ValidatePayloadContext/Provider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACpC,OAAO,EAAE,cAAc,EAAgB,MAAM,sBAAsB,CAAA;AACnE,OAAO,EAAE,cAAc,EAA+B,MAAM,oBAAoB,CAAA;AAChF,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Provider.js","sourceRoot":"","sources":["../../../../src/contexts/ValidatePayloadContext/Provider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACpC,OAAO,EAAE,cAAc,EAAgB,MAAM,sBAAsB,CAAA;AACnE,OAAO,EAAE,cAAc,EAA+B,MAAM,oBAAoB,CAAA;AAChF,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAA;AAOlD,MAAM,CAAC,MAAM,uBAAuB,GAAyD,CAAC,EAAE,QAAQ,EAAE,OAAO,GAAG,KAAK,EAAE,EAAE,EAAE;IAC7H,MAAM,EAAE,OAAO,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACvC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACrD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,EAAW,CAAA;IAE7C,cAAc;IACZ,uDAAuD;IACvD,KAAK,IAAI,EAAE;QACT,IAAI,OAAO,IAAI,OAAO,EAAE;YACtB,MAAM,cAAc,CAAC,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,CAAA;YAEjD,MAAM,mBAAmB,GAAG,OAAO,CAAC,MAA2C,CAAA;YAE/E,IAAI,cAAc,CAAC,QAAQ,CAAC,UAAU,CAAC,mBAAmB,CAAC,EAAE;gBAC3D,MAAM,SAAS,GAAG,cAAc,CAAC,QAAQ,CAAC,UAAU,CAAC,mBAAmB,CAAC,CAAA;gBACzE,QAAQ,CAAC,SAAS,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;aAC/B;YACD,cAAc,CAAC,IAAI,CAAC,CAAA;SACrB;IACH,CAAC,EACD,CAAC,OAAO,EAAE,OAAO,CAAC,CACnB,CAAA;IAED,OAAO,CACL,KAAC,sBAAsB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,YAC9G,OAAO,CAAC,CAAC,CAAC,4BAAG,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,KAAK,EAAC,uBAAuB,GAAG,GAAI,CAAC,CAAC,CAAC,QAAQ,GAC5D,CACnC,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,8 +1,11 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { FlexBoxProps } from '@xylabs/react-flexbox';
|
|
3
2
|
import { WithChildren } from '@xylabs/react-shared';
|
|
3
|
+
import { XyoPayload } from '@xyo-network/payload';
|
|
4
4
|
import { XyoEmbedPluginBase } from './State';
|
|
5
|
-
export interface XyoEmbedPluginProviderProps extends XyoEmbedPluginBase
|
|
5
|
+
export interface XyoEmbedPluginProviderProps extends XyoEmbedPluginBase {
|
|
6
|
+
/** string for huri to resolve and payload for bypassing huri resolution */
|
|
7
|
+
huriPayload?: string | XyoPayload;
|
|
6
8
|
}
|
|
9
|
+
/** Expose passed embed plugin props and payload via context */
|
|
7
10
|
export declare const XyoEmbedPluginProvider: React.FC<WithChildren<XyoEmbedPluginProviderProps>>;
|
|
8
11
|
//# sourceMappingURL=Provider.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Provider.d.ts","sourceRoot":"","sources":["../../../../src/contexts/XyoEmbedPluginContext/Provider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,
|
|
1
|
+
{"version":3,"file":"Provider.d.ts","sourceRoot":"","sources":["../../../../src/contexts/XyoEmbedPluginContext/Provider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAKjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAE5C,MAAM,WAAW,2BAA4B,SAAQ,kBAAkB;IACrE,2EAA2E;IAC3E,WAAW,CAAC,EAAE,MAAM,GAAG,UAAU,CAAA;CAClC;AAED,+DAA+D;AAC/D,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,2BAA2B,CAAC,CAyBtF,CAAA"}
|
|
@@ -1,52 +1,17 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { FlexCol } from '@xylabs/react-flexbox';
|
|
3
|
-
import { useAsyncEffect } from '@xylabs/react-shared';
|
|
4
|
-
import { delay } from '@xylabs/sdk-js';
|
|
5
|
-
import { Huri } from '@xyo-network/payload';
|
|
6
|
-
import { XyoApiErrorRender } from '@xyo-network/react-auth-service';
|
|
7
|
-
import { ResultLoader } from '@xyo-network/react-webapp';
|
|
8
2
|
import { useState } from 'react';
|
|
9
3
|
import { XyoEmbedPluginContext } from './Context';
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
const [notFound, setNotFound] = useState();
|
|
13
|
-
const [huriApiError, setHuriApiError] = useState();
|
|
4
|
+
/** Expose passed embed plugin props and payload via context */
|
|
5
|
+
export const XyoEmbedPluginProvider = ({ children, refreshTitle, timestampLabel, hideElementsConfig, plugins, embedPluginConfig, }) => {
|
|
14
6
|
const [activePlugin, setActivePlugin] = useState(plugins ? plugins[0] : undefined);
|
|
15
|
-
const [refreshPayload, setRefreshPayload] = useState(0);
|
|
16
|
-
useAsyncEffect(
|
|
17
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
18
|
-
async (mounted) => {
|
|
19
|
-
if (huri && !refreshPayload) {
|
|
20
|
-
try {
|
|
21
|
-
const huriInstance = new Huri(huri);
|
|
22
|
-
const result = await huriInstance.fetch();
|
|
23
|
-
// ensure the busy state can stay for a moment to avoid flashing too quickly
|
|
24
|
-
await delay(500);
|
|
25
|
-
if (mounted()) {
|
|
26
|
-
setNotFound(result === null);
|
|
27
|
-
setPayload(result);
|
|
28
|
-
setRefreshPayload(1);
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
catch (e) {
|
|
32
|
-
setHuriApiError(e);
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
|
-
}, [huri, payload, refreshPayload]);
|
|
36
|
-
const refreshHuri = () => {
|
|
37
|
-
setRefreshPayload(0);
|
|
38
|
-
};
|
|
39
7
|
return (_jsx(XyoEmbedPluginContext.Provider, { value: {
|
|
40
8
|
activePlugin,
|
|
41
9
|
embedPluginConfig,
|
|
42
10
|
hideElementsConfig,
|
|
43
|
-
huri,
|
|
44
|
-
payload,
|
|
45
11
|
provided: true,
|
|
46
|
-
refreshHuri,
|
|
47
12
|
refreshTitle,
|
|
48
13
|
setActivePlugin,
|
|
49
14
|
timestampLabel,
|
|
50
|
-
}, children:
|
|
15
|
+
}, children: children }));
|
|
51
16
|
};
|
|
52
17
|
//# sourceMappingURL=Provider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Provider.js","sourceRoot":"","sources":["../../../../src/contexts/XyoEmbedPluginContext/Provider.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"Provider.js","sourceRoot":"","sources":["../../../../src/contexts/XyoEmbedPluginContext/Provider.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAA;AAQjD,+DAA+D;AAC/D,MAAM,CAAC,MAAM,sBAAsB,GAAwD,CAAC,EAC1F,QAAQ,EACR,YAAY,EACZ,cAAc,EACd,kBAAkB,EAClB,OAAO,EACP,iBAAiB,GAClB,EAAE,EAAE;IACH,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAqC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAA;IAEtH,OAAO,CACL,KAAC,qBAAqB,CAAC,QAAQ,IAC7B,KAAK,EAAE;YACL,YAAY;YACZ,iBAAiB;YACjB,kBAAkB;YAClB,QAAQ,EAAE,IAAI;YACd,YAAY;YACZ,eAAe;YACf,cAAc;SACf,YAEA,QAAQ,GACsB,CAClC,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { XyoPayload } from '@xyo-network/payload';
|
|
2
1
|
import { XyoPayloadRenderPlugin } from '@xyo-network/react-payload-plugin';
|
|
3
2
|
import { ContextExState, ListMode } from '@xyo-network/react-shared';
|
|
4
3
|
import { Dispatch, SetStateAction } from 'react';
|
|
@@ -20,6 +19,7 @@ export interface XyoEmbedPluginBase {
|
|
|
20
19
|
plugins?: XyoPayloadRenderPlugin[];
|
|
21
20
|
/** XyoEmbedPlugin component configuration */
|
|
22
21
|
embedPluginConfig?: XyoPluginConfig;
|
|
22
|
+
/** @deprecated use huriPayload */
|
|
23
23
|
huri?: string;
|
|
24
24
|
refreshTitle?: string;
|
|
25
25
|
timestampLabel?: string;
|
|
@@ -28,7 +28,5 @@ export interface XyoEmbedPluginBase {
|
|
|
28
28
|
export interface XyoEmbedPluginState extends XyoEmbedPluginBase, ContextExState {
|
|
29
29
|
activePlugin?: XyoPayloadRenderPlugin;
|
|
30
30
|
setActivePlugin?: Dispatch<SetStateAction<XyoPayloadRenderPlugin | undefined>>;
|
|
31
|
-
payload?: XyoPayload;
|
|
32
|
-
refreshHuri?: () => void;
|
|
33
31
|
}
|
|
34
32
|
//# sourceMappingURL=State.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"State.d.ts","sourceRoot":"","sources":["../../../../src/contexts/XyoEmbedPluginContext/State.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"State.d.ts","sourceRoot":"","sources":["../../../../src/contexts/XyoEmbedPluginContext/State.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAA;AAC1E,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAA;AACpE,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAEhD,MAAM,WAAW,2BAA2B;IAC1C,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,QAAQ,CAAA;CACpB;AAED,MAAM,WAAW,kBAAkB;IACjC,OAAO,CAAC,EAAE,sBAAsB,EAAE,CAAA;IAClC,6CAA6C;IAC7C,iBAAiB,CAAC,EAAE,eAAe,CAAA;IACnC,kCAAkC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,kBAAkB,CAAC,EAAE,2BAA2B,CAAA;CACjD;AAED,MAAM,WAAW,mBAAoB,SAAQ,kBAAkB,EAAE,cAAc;IAC7E,YAAY,CAAC,EAAE,sBAAsB,CAAA;IACrC,eAAe,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,sBAAsB,GAAG,SAAS,CAAC,CAAC,CAAA;CAC/E"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/contexts/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAA;AACxC,cAAc,yBAAyB,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/contexts/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,yBAAyB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/contexts/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAA;AACxC,cAAc,yBAAyB,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/contexts/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,yBAAyB,CAAA"}
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import { CardProps } from '@mui/material';
|
|
2
|
+
import { XyoPayload } from '@xyo-network/payload';
|
|
2
3
|
import { EmbedPluginVisibilityConfig, XyoEmbedPluginBase } from '../contexts';
|
|
3
4
|
export interface XyoEmbedPluginProps extends XyoEmbedPluginBase, CardProps {
|
|
5
|
+
/** string for huri to resolve and payload for bypassing huri resolution */
|
|
6
|
+
huriPayload?: string | XyoPayload;
|
|
4
7
|
validateSchema?: boolean;
|
|
5
8
|
hideElementsConfig?: EmbedPluginVisibilityConfig;
|
|
6
9
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"XyoEmbedPluginProps.d.ts","sourceRoot":"","sources":["../../../src/types/XyoEmbedPluginProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;
|
|
1
|
+
{"version":3,"file":"XyoEmbedPluginProps.d.ts","sourceRoot":"","sources":["../../../src/types/XyoEmbedPluginProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAEjD,OAAO,EAAE,2BAA2B,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAE7E,MAAM,WAAW,mBAAoB,SAAQ,kBAAkB,EAAE,SAAS;IACxE,2EAA2E;IAC3E,WAAW,CAAC,EAAE,MAAM,GAAG,UAAU,CAAA;IACjC,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,kBAAkB,CAAC,EAAE,2BAA2B,CAAA;CACjD"}
|
package/package.json
CHANGED
|
@@ -19,10 +19,10 @@
|
|
|
19
19
|
"@xylabs/sdk-js": "^2.6.6",
|
|
20
20
|
"@xyo-network/api": "^2.25.2",
|
|
21
21
|
"@xyo-network/payload": "^2.25.2",
|
|
22
|
-
"@xyo-network/react-auth-service": "^2.27.
|
|
23
|
-
"@xyo-network/react-payload-plugin": "^2.27.
|
|
24
|
-
"@xyo-network/react-shared": "^2.27.
|
|
25
|
-
"@xyo-network/react-webapp": "^2.27.
|
|
22
|
+
"@xyo-network/react-auth-service": "^2.27.33",
|
|
23
|
+
"@xyo-network/react-payload-plugin": "^2.27.33",
|
|
24
|
+
"@xyo-network/react-shared": "^2.27.33",
|
|
25
|
+
"@xyo-network/react-webapp": "^2.27.33",
|
|
26
26
|
"@xyo-network/utils": "^2.25.2",
|
|
27
27
|
"react": "^18.2.0",
|
|
28
28
|
"react-dom": "^18.2.0",
|
|
@@ -32,8 +32,8 @@
|
|
|
32
32
|
"devDependencies": {
|
|
33
33
|
"@storybook/react": "^6.5.10",
|
|
34
34
|
"@xylabs/tsconfig-dom": "^2.5.99",
|
|
35
|
-
"@xyo-network/react-aggregate-price-plugin": "^2.27.
|
|
36
|
-
"@xyo-network/react-crypto-market-uniswap-payload-plugin": "^2.27.
|
|
35
|
+
"@xyo-network/react-aggregate-price-plugin": "^2.27.32",
|
|
36
|
+
"@xyo-network/react-crypto-market-uniswap-payload-plugin": "^2.27.33",
|
|
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.27.
|
|
81
|
+
"version": "2.27.31"
|
|
82
82
|
}
|
|
@@ -4,6 +4,7 @@ import { UniswapPairsRenderPlugin } from '@xyo-network/react-crypto-market-unisw
|
|
|
4
4
|
import { createPayloadRenderPlugin } from '@xyo-network/react-payload-plugin'
|
|
5
5
|
import { BrowserRouter } from 'react-router-dom'
|
|
6
6
|
|
|
7
|
+
import { payloadData } from './payload.stories'
|
|
7
8
|
import { XyoEmbedPlugin } from './XyoEmbedPlugin'
|
|
8
9
|
|
|
9
10
|
const AggregatePricePointer = 'https://api.archivist.xyo.network/1948bf4eedf90ee2b8a1f63216b7c6b3b18d7bc2834330d85bcd6ab3d6428a20'
|
|
@@ -47,21 +48,21 @@ Default.args = {
|
|
|
47
48
|
|
|
48
49
|
const AggregatePriceExample = Template.bind({})
|
|
49
50
|
AggregatePriceExample.args = {
|
|
50
|
-
|
|
51
|
+
huriPayload: AggregatePricePointer,
|
|
51
52
|
plugins: [CryptoAssetRenderPlugin],
|
|
52
53
|
timestampLabel: 'Last Updated - ',
|
|
53
54
|
}
|
|
54
55
|
|
|
55
56
|
const UniswapPairsExample = Template.bind({})
|
|
56
57
|
UniswapPairsExample.args = {
|
|
57
|
-
|
|
58
|
+
huriPayload: UniswapPairPointer,
|
|
58
59
|
plugins: [UniswapPairsRenderPlugin],
|
|
59
60
|
timestampLabel: 'Last Updated - ',
|
|
60
61
|
}
|
|
61
62
|
|
|
62
63
|
const Error = Template.bind({})
|
|
63
64
|
Error.args = {
|
|
64
|
-
|
|
65
|
+
huriPayload: 'https://api.archivist.xyo.network/9663b2f80395a9e7e95948fdd5988b778a4dcc047202bf67e855ff6cd459b8c',
|
|
65
66
|
plugins: [UniswapPairsRenderPlugin],
|
|
66
67
|
timestampLabel: 'Last Updated - ',
|
|
67
68
|
}
|
|
@@ -76,9 +77,19 @@ HiddenElements.args = {
|
|
|
76
77
|
hideTimestamp: true,
|
|
77
78
|
hideTitle: true,
|
|
78
79
|
},
|
|
79
|
-
|
|
80
|
+
huriPayload: AggregatePricePointer,
|
|
81
|
+
plugins: [CryptoAssetRenderPlugin],
|
|
82
|
+
timestampLabel: 'Last Updated - ',
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
const WithPassedPayload = Template.bind({})
|
|
86
|
+
WithPassedPayload.args = {
|
|
87
|
+
hideElementsConfig: {
|
|
88
|
+
hideRefreshButton: true,
|
|
89
|
+
},
|
|
90
|
+
huriPayload: payloadData,
|
|
80
91
|
plugins: [CryptoAssetRenderPlugin],
|
|
81
92
|
timestampLabel: 'Last Updated - ',
|
|
82
93
|
}
|
|
83
94
|
|
|
84
|
-
export { AggregatePriceExample, Default, Error, HiddenElements, UniswapPairsExample }
|
|
95
|
+
export { AggregatePriceExample, Default, Error, HiddenElements, UniswapPairsExample, WithPassedPayload }
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { ListModeProvider } from '@xyo-network/react-shared'
|
|
2
2
|
|
|
3
|
-
import { ValidatePayloadProvider, XyoEmbedPluginProvider } from '../contexts'
|
|
3
|
+
import { ResolvePayloadProvider, ValidatePayloadProvider, XyoEmbedPluginProvider } from '../contexts'
|
|
4
4
|
import { XyoEmbedPluginProps } from '../types'
|
|
5
5
|
import { EmbedPluginContainer, ValidatePayload, ValidatePlugins } from './embed-card'
|
|
6
6
|
|
|
7
7
|
export const XyoEmbedPlugin: React.FC<XyoEmbedPluginProps> = ({
|
|
8
8
|
validateSchema,
|
|
9
9
|
plugins = [],
|
|
10
|
-
|
|
10
|
+
huriPayload,
|
|
11
11
|
refreshTitle = '',
|
|
12
12
|
timestampLabel = 'Data From',
|
|
13
13
|
hideElementsConfig,
|
|
@@ -15,23 +15,24 @@ export const XyoEmbedPlugin: React.FC<XyoEmbedPluginProps> = ({
|
|
|
15
15
|
...props
|
|
16
16
|
}) => {
|
|
17
17
|
return (
|
|
18
|
-
<
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
18
|
+
<ResolvePayloadProvider huriPayload={huriPayload} {...props}>
|
|
19
|
+
<XyoEmbedPluginProvider
|
|
20
|
+
refreshTitle={refreshTitle}
|
|
21
|
+
timestampLabel={timestampLabel}
|
|
22
|
+
hideElementsConfig={hideElementsConfig}
|
|
23
|
+
plugins={plugins}
|
|
24
|
+
embedPluginConfig={embedPluginConfig}
|
|
25
|
+
>
|
|
26
|
+
<ValidatePayloadProvider enabled={validateSchema}>
|
|
27
|
+
<ListModeProvider defaultListMode={embedPluginConfig?.listMode}>
|
|
28
|
+
<ValidatePlugins>
|
|
29
|
+
<ValidatePayload>
|
|
30
|
+
<EmbedPluginContainer {...props} />
|
|
31
|
+
</ValidatePayload>
|
|
32
|
+
</ValidatePlugins>
|
|
33
|
+
</ListModeProvider>
|
|
34
|
+
</ValidatePayloadProvider>
|
|
35
|
+
</XyoEmbedPluginProvider>
|
|
36
|
+
</ResolvePayloadProvider>
|
|
36
37
|
)
|
|
37
38
|
}
|