@xyo-network/react-embed 2.27.6 → 2.27.9

package/dist/cjs/DefaultPayloadRenderPlugin.d.ts

@@ -0,0 +1,3 @@
+import { XyoPayloadRenderPlugin } from './XyoPayloadRenderPlugin';
+export declare const DefaultPayloadRenderPlugin: XyoPayloadRenderPlugin;
+//# sourceMappingURL=DefaultPayloadRenderPlugin.d.ts.map

package/dist/cjs/DefaultPayloadRenderPlugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultPayloadRenderPlugin.d.ts","sourceRoot":"","sources":["../../src/DefaultPayloadRenderPlugin.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAA;AAEjE,eAAO,MAAM,0BAA0B,EAAE,sBAmBxC,CAAA"}

package/dist/cjs/DefaultPayloadRenderPlugin.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DefaultPayloadRenderPlugin = void 0;
+const components_1 = require("./components");
+exports.DefaultPayloadRenderPlugin = {
+    canRender: function (payload) {
+        return !!(payload === null || payload === void 0 ? void 0 : payload.schema);
+    },
+    components: {
+        box: {
+            details: components_1.XyoPayloadDetailsBox,
+            editor: components_1.XyoPayloadEditorBox,
+        },
+        card: {
+            actionArea: components_1.XyoPayloadCardActionArea,
+            content: components_1.XyoPayloadCardContent,
+            header: components_1.XyoPayloadCardHeader,
+        },
+        table: {
+            cell: components_1.XyoPayloadTableCell,
+        },
+    },
+    name: 'XyoPayload',
+};
+//# sourceMappingURL=DefaultPayloadRenderPlugin.js.map

package/dist/cjs/DefaultPayloadRenderPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultPayloadRenderPlugin.js","sourceRoot":"","sources":["../../src/DefaultPayloadRenderPlugin.ts"],"names":[],"mappings":";;;AAEA,6CAOqB;AAGR,QAAA,0BAA0B,GAA2B;IAChE,SAAS,EAAE,UAAU,OAAoB;QACvC,OAAO,CAAC,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,CAAA,CAAA;IAC1B,CAAC;IACD,UAAU,EAAE;QACV,GAAG,EAAE;YACH,OAAO,EAAE,iCAAoB;YAC7B,MAAM,EAAE,gCAAmB;SAC5B;QACD,IAAI,EAAE;YACJ,UAAU,EAAE,qCAAwB;YACpC,OAAO,EAAE,kCAAqB;YAC9B,MAAM,EAAE,iCAAoB;SAC7B;QACD,KAAK,EAAE;YACL,IAAI,EAAE,gCAAmB;SAC1B;KACF;IACD,IAAI,EAAE,YAAY;CACnB,CAAA"}

package/dist/cjs/XyoPayloadRenderPlugin.d.ts

@@ -0,0 +1,52 @@
+import { CardActionAreaProps, CardContentProps, CardHeaderProps, TableCellProps } from '@mui/material';
+import { FlexBoxProps } from '@xylabs/react-flexbox';
+import { XyoPayload } from '@xyo-network/payload';
+import { ListMode } from '@xyo-network/react-shared';
+import { ComponentType } from 'react';
+export interface XyoPayloadRenderProps {
+    payload?: XyoPayload;
+}
+export interface XyoPayloadDetailsRenderProps extends XyoPayloadRenderProps {
+    listMode?: ListMode;
+}
+export interface XyoPayloadEditorRenderProps extends XyoPayloadDetailsRenderProps {
+    onChange?: (payload: XyoPayload) => boolean;
+}
+export interface XyoPayloadRenderPluginBase {
+    name: string;
+    canRender: (payload?: XyoPayload) => boolean;
+}
+export interface XyoPayloadRenderPluginCardComponents {
+    header: ComponentType<XyoPayloadRenderProps & CardHeaderProps>;
+    content: ComponentType<XyoPayloadRenderProps & CardContentProps>;
+    actionArea: ComponentType<XyoPayloadRenderProps & CardActionAreaProps>;
+}
+export interface XyoPayloadRenderPluginTableComponents {
+    cell: ComponentType<XyoPayloadRenderProps & TableCellProps>;
+}
+export interface XyoPayloadRenderPluginBoxComponents {
+    listModes?: ListMode[];
+    details: ComponentType<XyoPayloadDetailsRenderProps & FlexBoxProps>;
+    editor: ComponentType<XyoPayloadEditorRenderProps & FlexBoxProps>;
+}
+export interface XyoPayloadRenderPluginComponents {
+    card: XyoPayloadRenderPluginCardComponents;
+    table: XyoPayloadRenderPluginTableComponents;
+    box: XyoPayloadRenderPluginBoxComponents;
+}
+export interface XyoPayloadRenderPluginComponentsConfig {
+    card?: Partial<XyoPayloadRenderPluginCardComponents>;
+    table?: Partial<XyoPayloadRenderPluginTableComponents>;
+    box?: Partial<XyoPayloadRenderPluginBoxComponents>;
+}
+export interface XyoPayloadRenderPlugin extends XyoPayloadRenderPluginBase {
+    components: XyoPayloadRenderPluginComponents;
+}
+export interface XyoPayloadRenderPluginConfig extends XyoPayloadRenderPluginBase {
+    components?: XyoPayloadRenderPluginComponentsConfig;
+}
+export interface XyoRenderPlugin extends XyoPayloadRenderPlugin {
+    slug: string;
+    defaultFullScreen?: boolean;
+}
+//# sourceMappingURL=XyoPayloadRenderPlugin.d.ts.map

package/dist/cjs/XyoPayloadRenderPlugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"XyoPayloadRenderPlugin.d.ts","sourceRoot":"","sources":["../../src/XyoPayloadRenderPlugin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AACtG,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAA;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAErC,MAAM,WAAW,qBAAqB;IACpC,OAAO,CAAC,EAAE,UAAU,CAAA;CACrB;AAED,MAAM,WAAW,4BAA6B,SAAQ,qBAAqB;IACzE,QAAQ,CAAC,EAAE,QAAQ,CAAA;CACpB;AAED,MAAM,WAAW,2BAA4B,SAAQ,4BAA4B;IAC/E,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,UAAU,KAAK,OAAO,CAAA;CAC5C;AAED,MAAM,WAAW,0BAA0B;IACzC,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,CAAC,OAAO,CAAC,EAAE,UAAU,KAAK,OAAO,CAAA;CAC7C;AAED,MAAM,WAAW,oCAAoC;IACnD,MAAM,EAAE,aAAa,CAAC,qBAAqB,GAAG,eAAe,CAAC,CAAA;IAC9D,OAAO,EAAE,aAAa,CAAC,qBAAqB,GAAG,gBAAgB,CAAC,CAAA;IAChE,UAAU,EAAE,aAAa,CAAC,qBAAqB,GAAG,mBAAmB,CAAC,CAAA;CACvE;AAED,MAAM,WAAW,qCAAqC;IACpD,IAAI,EAAE,aAAa,CAAC,qBAAqB,GAAG,cAAc,CAAC,CAAA;CAC5D;AAED,MAAM,WAAW,mCAAmC;IAClD,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAA;IACtB,OAAO,EAAE,aAAa,CAAC,4BAA4B,GAAG,YAAY,CAAC,CAAA;IACnE,MAAM,EAAE,aAAa,CAAC,2BAA2B,GAAG,YAAY,CAAC,CAAA;CAClE;AAED,MAAM,WAAW,gCAAgC;IAC/C,IAAI,EAAE,oCAAoC,CAAA;IAC1C,KAAK,EAAE,qCAAqC,CAAA;IAC5C,GAAG,EAAE,mCAAmC,CAAA;CACzC;AAED,MAAM,WAAW,sCAAsC;IACrD,IAAI,CAAC,EAAE,OAAO,CAAC,oCAAoC,CAAC,CAAA;IACpD,KAAK,CAAC,EAAE,OAAO,CAAC,qCAAqC,CAAC,CAAA;IACtD,GAAG,CAAC,EAAE,OAAO,CAAC,mCAAmC,CAAC,CAAA;CACnD;AAED,MAAM,WAAW,sBAAuB,SAAQ,0BAA0B;IACxE,UAAU,EAAE,gCAAgC,CAAA;CAC7C;AAED,MAAM,WAAW,4BAA6B,SAAQ,0BAA0B;IAC9E,UAAU,CAAC,EAAE,sCAAsC,CAAA;CACpD;AAED,MAAM,WAAW,eAAgB,SAAQ,sBAAsB;IAC7D,IAAI,EAAE,MAAM,CAAA;IACZ,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAC5B"}

package/dist/cjs/XyoPayloadRenderPlugin.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=XyoPayloadRenderPlugin.js.map

package/dist/cjs/XyoPayloadRenderPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"XyoPayloadRenderPlugin.js","sourceRoot":"","sources":["../../src/XyoPayloadRenderPlugin.ts"],"names":[],"mappings":""}

package/dist/cjs/XyoPayloadRenderPluginResolver.d.ts

@@ -0,0 +1,10 @@
+import { XyoPayload } from '@xyo-network/payload';
+import { XyoPayloadRenderPlugin } from './XyoPayloadRenderPlugin';
+export declare class XyoPayloadRenderPluginResolver {
+    protected plugins: XyoPayloadRenderPlugin[];
+    protected schemaDefaultPlugin: Map<string, XyoPayloadRenderPlugin>;
+    register(plugin: XyoPayloadRenderPlugin, defaultForSchema?: string[]): this;
+    resolve(payload: XyoPayload): XyoPayloadRenderPlugin | undefined;
+    list(payload?: XyoPayload): XyoPayloadRenderPlugin[];
+}
+//# sourceMappingURL=XyoPayloadRenderPluginResolver.d.ts.map

package/dist/cjs/XyoPayloadRenderPluginResolver.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"XyoPayloadRenderPluginResolver.d.ts","sourceRoot":"","sources":["../../src/XyoPayloadRenderPluginResolver.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAEjD,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAA;AAEjE,qBAAa,8BAA8B;IACzC,SAAS,CAAC,OAAO,EAAE,sBAAsB,EAAE,CAAK;IAChD,SAAS,CAAC,mBAAmB,sCAA4C;IAElE,QAAQ,CAAC,MAAM,EAAE,sBAAsB,EAAE,gBAAgB,CAAC,EAAE,MAAM,EAAE;IASpE,OAAO,CAAC,OAAO,EAAE,UAAU;IAI3B,IAAI,CAAC,OAAO,CAAC,EAAE,UAAU;CAajC"}

package/dist/cjs/XyoPayloadRenderPluginResolver.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.XyoPayloadRenderPluginResolver = void 0;
+const sdk_js_1 = require("@xylabs/sdk-js");
+class XyoPayloadRenderPluginResolver {
+    constructor() {
+        this.plugins = [];
+        this.schemaDefaultPlugin = new Map();
+    }
+    register(plugin, defaultForSchema) {
+        this.plugins.push(plugin);
+        defaultForSchema === null || defaultForSchema === void 0 ? void 0 : defaultForSchema.forEach((schema) => {
+            (0, sdk_js_1.assertEx)(plugin.canRender({ schema }), 'Default renderer must be able to render schema');
+            this.schemaDefaultPlugin.set(schema, plugin);
+        });
+        return this;
+    }
+    resolve(payload) {
+        var _a;
+        return (_a = this.schemaDefaultPlugin.get(payload.schema)) !== null && _a !== void 0 ? _a : [...this.plugins.values()].find((plugin) => plugin.canRender(payload));
+    }
+    list(payload) {
+        if (!payload) {
+            return this.plugins;
+        }
+        const defaultPlugin = this.schemaDefaultPlugin.get(payload.schema);
+        const result = defaultPlugin ? [defaultPlugin] : [];
+        this.plugins.some((plugin) => {
+            if (defaultPlugin !== plugin && plugin.canRender(payload)) {
+                result.push(plugin);
+            }
+        });
+        return result;
+    }
+}
+exports.XyoPayloadRenderPluginResolver = XyoPayloadRenderPluginResolver;
+//# sourceMappingURL=XyoPayloadRenderPluginResolver.js.map

package/dist/cjs/XyoPayloadRenderPluginResolver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"XyoPayloadRenderPluginResolver.js","sourceRoot":"","sources":["../../src/XyoPayloadRenderPluginResolver.ts"],"names":[],"mappings":";;;AAAA,2CAAyC;AAKzC,MAAa,8BAA8B;IAA3C;QACY,YAAO,GAA6B,EAAE,CAAA;QACtC,wBAAmB,GAAG,IAAI,GAAG,EAAkC,CAAA;IA4B3E,CAAC;IA1BQ,QAAQ,CAAC,MAA8B,EAAE,gBAA2B;QACzE,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;QACzB,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE;YACnC,IAAA,iBAAQ,EAAC,MAAM,CAAC,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,gDAAgD,CAAC,CAAA;YACxF,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;QAC9C,CAAC,CAAC,CAAA;QACF,OAAO,IAAI,CAAA;IACb,CAAC;IAEM,OAAO,CAAC,OAAmB;;QAChC,OAAO,MAAA,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,mCAAI,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAA;IAC/H,CAAC;IAEM,IAAI,CAAC,OAAoB;QAC9B,IAAI,CAAC,OAAO,EAAE;YACZ,OAAO,IAAI,CAAC,OAAO,CAAA;SACpB;QACD,MAAM,aAAa,GAAG,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,CAAA;QAClE,MAAM,MAAM,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;QACnD,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE;YAC3B,IAAI,aAAa,KAAK,MAAM,IAAI,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE;gBACzD,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;aACpB;QACH,CAAC,CAAC,CAAA;QACF,OAAO,MAAM,CAAA;IACf,CAAC;CACF;AA9BD,wEA8BC"}

package/dist/cjs/components/XyoEmbedPlugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"XyoEmbedPlugin.d.ts","sourceRoot":"","sources":["../../../src/components/XyoEmbedPlugin.tsx"],"names":[],"mappings":";AAcA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAQ3D,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAwExD,CAAA"}
+{"version":3,"file":"XyoEmbedPlugin.d.ts","sourceRoot":"","sources":["../../../src/components/XyoEmbedPlugin.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAE3D,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAUxD,CAAA"}

package/dist/cjs/components/XyoEmbedPlugin.js

@@ -3,56 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.XyoEmbedPlugin = void 0;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const react_button_1 = require("@xylabs/react-button");
-const react_flexbox_1 = require("@xylabs/react-flexbox");
-const react_shared_1 = require("@xylabs/react-shared");
-const payload_1 = require("@xyo-network/payload");
-const react_auth_service_1 = require("@xyo-network/react-auth-service");
-const react_shared_2 = require("@xyo-network/react-shared");
-const react_webapp_1 = require("@xyo-network/react-webapp");
-const react_1 = require("react");
-const ListModeSelect_1 = require("./ListModeSelect");
-const RenderComponent_1 = require("./RenderComponent");
-const renderSelectId = 'render-select-id';
-const renderSelectLabel = 'Renderer';
-const listModeSelectId = 'listmode-select-id';
-const listModeSelectLabel = 'List Mode';
+const react_shared_1 = require("@xyo-network/react-shared");
+const contexts_1 = require("../contexts");
+const embed_card_1 = require("./embed-card");
 const XyoEmbedPlugin = (_a) => {
-    var _b, _c, _d, _e;
-    var { plugins = [], huri } = _a, props = tslib_1.__rest(_a, ["plugins", "huri"]);
-    const [payload, setPayload] = (0, react_1.useState)();
-    const [notFound, setNotFound] = (0, react_1.useState)();
-    const [huriApiError, setHuriApiError] = (0, react_1.useState)();
-    const [ActivePlugin, setActivePlugin] = (0, react_1.useState)(plugins[0]);
-    (0, react_shared_1.useAsyncEffect)(
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    (mounted) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-        if (!payload && huri) {
-            try {
-                const huriInstance = new payload_1.Huri(huri);
-                const result = yield huriInstance.fetch();
-                if (mounted()) {
-                    if (result === null)
-                        setNotFound(true);
-                    if (payload === undefined)
-                        setPayload(result);
-                }
-            }
-            catch (e) {
-                setHuriApiError(e);
-            }
-        }
-    }), [huri, payload]);
-    const refreshHuri = () => {
-        setHuriApiError(undefined);
-        setNotFound(undefined);
-        setPayload(undefined);
-    };
-    if (payload && (plugins === null || plugins === void 0 ? void 0 : plugins.length) === 0) {
-        return ((0, jsx_runtime_1.jsxs)(material_1.Alert, Object.assign({ severity: "warning" }, { children: [(0, jsx_runtime_1.jsx)(material_1.AlertTitle, { children: "Missing plugins!" }), "Payload found but no plugins were present."] })));
-    }
-    return ((0, jsx_runtime_1.jsx)(react_shared_2.ListModeProvider, { children: (0, jsx_runtime_1.jsx)(react_webapp_1.ResultLoader, Object.assign({ searchResult: payload, notFound: !!notFound, apiError: huriApiError }, { children: (0, jsx_runtime_1.jsxs)(react_auth_service_1.XyoApiErrorRender, Object.assign({ apiError: huriApiError, rowGap: 2 }, props, { children: [(0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexGrowRow, Object.assign({ columnGap: 2, rowGap: 2, flexWrap: "wrap" }, { children: [(0, jsx_runtime_1.jsxs)(material_1.FormControl, { children: [(0, jsx_runtime_1.jsx)(material_1.InputLabel, Object.assign({ id: renderSelectId }, { children: renderSelectLabel })), (0, jsx_runtime_1.jsx)(material_1.Select, Object.assign({ size: "small", value: ActivePlugin.name, label: renderSelectLabel, labelId: renderSelectId }, { children: plugins === null || plugins === void 0 ? void 0 : plugins.map((plugin) => ((0, jsx_runtime_1.jsx)(material_1.MenuItem, Object.assign({ value: plugin.name, onClick: () => setActivePlugin(plugin) }, { children: plugin.name }), plugin.name))) }))] }), ((_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.jsxs)(material_1.FormControl, { children: [(0, jsx_runtime_1.jsx)(material_1.InputLabel, Object.assign({ id: listModeSelectId }, { children: listModeSelectLabel })), (0, jsx_runtime_1.jsx)(ListModeSelect_1.ListModeSelect, { size: "small", label: listModeSelectLabel, labelId: listModeSelectId })] })) : null] })), (0, jsx_runtime_1.jsx)(RenderComponent_1.RenderComponent, { payload: payload, ActivePlugin: ActivePlugin }), (0, jsx_runtime_1.jsx)(react_flexbox_1.FlexGrowRow, { children: (0, jsx_runtime_1.jsx)(react_button_1.ButtonEx, Object.assign({ variant: "contained", onClick: refreshHuri }, { children: "Refresh" })) })] })) })) }));
+    var { plugins = [], huri, refreshTitle = '', timestampLabel = 'Data From' } = _a, props = tslib_1.__rest(_a, ["plugins", "huri", "refreshTitle", "timestampLabel"]);
+    return ((0, jsx_runtime_1.jsx)(contexts_1.XyoEmbedPluginProvider, Object.assign({ refreshTitle: refreshTitle, timestampLabel: timestampLabel, plugins: plugins, huri: huri }, { children: (0, jsx_runtime_1.jsx)(react_shared_1.ListModeProvider, { children: (0, jsx_runtime_1.jsx)(embed_card_1.ValidatePlugins, { children: (0, jsx_runtime_1.jsx)(embed_card_1.EmbedPluginContainer, Object.assign({}, props)) }) }) })));
 };
 exports.XyoEmbedPlugin = XyoEmbedPlugin;
 //# sourceMappingURL=XyoEmbedPlugin.js.map

package/dist/cjs/components/XyoEmbedPlugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"XyoEmbedPlugin.js","sourceRoot":"","sources":["../../../src/components/XyoEmbedPlugin.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"XyoEmbedPlugin.js","sourceRoot":"","sources":["../../../src/components/XyoEmbedPlugin.tsx"],"names":[],"mappings":";;;;;AAAA,4DAA4D;AAE5D,0CAAoD;AACpD,6CAAoE;AAG7D,MAAM,cAAc,GAAkC,CAAC,EAAiF,EAAE,EAAE;QAArF,EAAE,OAAO,GAAG,EAAE,EAAE,IAAI,EAAE,YAAY,GAAG,EAAE,EAAE,cAAc,GAAG,WAAW,OAAY,EAAP,KAAK,sBAA/E,qDAAiF,CAAF;IAC3I,OAAO,CACL,uBAAC,iCAAsB,kBAAC,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,gBAC9G,uBAAC,+BAAgB,cACf,uBAAC,4BAAe,cACd,uBAAC,iCAAoB,oBAAK,KAAK,EAAI,GACnB,GACD,IACI,CAC1B,CAAA;AACH,CAAC,CAAA;AAVY,QAAA,cAAc,kBAU1B"}

package/dist/cjs/components/XyoEmbedPluginProps.d.ts

@@ -3,5 +3,7 @@ import { XyoPayloadRenderPlugin } from '@xyo-network/react-payload-plugin';
 export interface XyoEmbedPluginProps extends FlexBoxProps {
     plugins?: XyoPayloadRenderPlugin[];
     huri?: string;
+    refreshTitle?: string;
+    timestampLabel?: string;
 }
 //# sourceMappingURL=XyoEmbedPluginProps.d.ts.map

package/dist/cjs/components/XyoEmbedPluginProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"XyoEmbedPluginProps.d.ts","sourceRoot":"","sources":["../../../src/components/XyoEmbedPluginProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AACpD,OAAO,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAA;AAE1E,MAAM,WAAW,mBAAoB,SAAQ,YAAY;IACvD,OAAO,CAAC,EAAE,sBAAsB,EAAE,CAAA;IAClC,IAAI,CAAC,EAAE,MAAM,CAAA;CACd"}
+{"version":3,"file":"XyoEmbedPluginProps.d.ts","sourceRoot":"","sources":["../../../src/components/XyoEmbedPluginProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AACpD,OAAO,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAA;AAE1E,MAAM,WAAW,mBAAoB,SAAQ,YAAY;IACvD,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"}

package/dist/cjs/components/XyoPayloadCardActionArea.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { CardActionAreaProps } from '@mui/material';
+import { XyoPayloadRenderProps } from '../XyoPayloadRenderPlugin';
+export declare const XyoPayloadCardActionArea: React.FC<XyoPayloadRenderProps & CardActionAreaProps>;
+//# sourceMappingURL=XyoPayloadCardActionArea.d.ts.map

package/dist/cjs/components/XyoPayloadCardActionArea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"XyoPayloadCardActionArea.d.ts","sourceRoot":"","sources":["../../../src/components/XyoPayloadCardActionArea.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAkB,mBAAmB,EAAE,MAAM,eAAe,CAAA;AAEnE,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAA;AAGjE,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,GAAG,mBAAmB,CAE1F,CAAA"}

package/dist/cjs/components/XyoPayloadCardActionArea.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.XyoPayloadCardActionArea = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+const XyoPayloadCardActionArea = (_a) => {
+    var { payload } = _a, props = tslib_1.__rest(_a, ["payload"]);
+    return (0, jsx_runtime_1.jsx)(material_1.CardActionArea, Object.assign({}, props));
+};
+exports.XyoPayloadCardActionArea = XyoPayloadCardActionArea;
+//# sourceMappingURL=XyoPayloadCardActionArea.js.map

package/dist/cjs/components/XyoPayloadCardActionArea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"XyoPayloadCardActionArea.js","sourceRoot":"","sources":["../../../src/components/XyoPayloadCardActionArea.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAmE;AAInE,6DAA6D;AACtD,MAAM,wBAAwB,GAA0D,CAAC,EAAqB,EAAE,EAAE;QAAzB,EAAE,OAAO,OAAY,EAAP,KAAK,sBAAnB,WAAqB,CAAF;IACjH,OAAO,uBAAC,yBAAc,oBAAK,KAAK,EAAI,CAAA;AACtC,CAAC,CAAA;AAFY,QAAA,wBAAwB,4BAEpC"}

package/dist/cjs/components/XyoPayloadCardContent.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { CardContentProps } from '@mui/material';
+import { XyoPayloadRenderProps } from '../XyoPayloadRenderPlugin';
+export declare const XyoPayloadCardContent: React.FC<XyoPayloadRenderProps & CardContentProps>;
+//# sourceMappingURL=XyoPayloadCardContent.d.ts.map

package/dist/cjs/components/XyoPayloadCardContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"XyoPayloadCardContent.d.ts","sourceRoot":"","sources":["../../../src/components/XyoPayloadCardContent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAe,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAG7D,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAA;AAEjE,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,GAAG,gBAAgB,CAMpF,CAAA"}

package/dist/cjs/components/XyoPayloadCardContent.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.XyoPayloadCardContent = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const react_payload_1 = require("@xyo-network/react-payload");
+const XyoPayloadCardContent = (_a) => {
+    var { payload } = _a, props = tslib_1.__rest(_a, ["payload"]);
+    return ((0, jsx_runtime_1.jsx)(material_1.CardContent, Object.assign({}, props, { children: (0, jsx_runtime_1.jsx)(react_payload_1.PayloadDetails, { payload: payload }) })));
+};
+exports.XyoPayloadCardContent = XyoPayloadCardContent;
+//# sourceMappingURL=XyoPayloadCardContent.js.map

package/dist/cjs/components/XyoPayloadCardContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"XyoPayloadCardContent.js","sourceRoot":"","sources":["../../../src/components/XyoPayloadCardContent.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA6D;AAC7D,8DAA2D;AAIpD,MAAM,qBAAqB,GAAuD,CAAC,EAAqB,EAAE,EAAE;QAAzB,EAAE,OAAO,OAAY,EAAP,KAAK,sBAAnB,WAAqB,CAAF;IAC3G,OAAO,CACL,uBAAC,sBAAW,oBAAK,KAAK,cACpB,uBAAC,8BAAc,IAAC,OAAO,EAAE,OAAO,GAAI,IACxB,CACf,CAAA;AACH,CAAC,CAAA;AANY,QAAA,qBAAqB,yBAMjC"}

package/dist/cjs/components/XyoPayloadCardHeader.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { CardHeaderProps } from '@mui/material';
+import { XyoPayloadRenderProps } from '../XyoPayloadRenderPlugin';
+export declare const XyoPayloadCardHeader: React.FC<XyoPayloadRenderProps & CardHeaderProps>;
+//# sourceMappingURL=XyoPayloadCardHeader.d.ts.map

package/dist/cjs/components/XyoPayloadCardHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"XyoPayloadCardHeader.d.ts","sourceRoot":"","sources":["../../../src/components/XyoPayloadCardHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAA;AAI3D,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAA;AAEjE,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,GAAG,eAAe,CAGlF,CAAA"}

package/dist/cjs/components/XyoPayloadCardHeader.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.XyoPayloadCardHeader = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const react_identicon_1 = require("@xylabs/react-identicon");
+const payload_1 = require("@xyo-network/payload");
+const XyoPayloadCardHeader = (_a) => {
+    var { payload } = _a, props = tslib_1.__rest(_a, ["payload"]);
+    const wrapper = payload ? new payload_1.XyoPayloadWrapper(payload) : undefined;
+    return (0, jsx_runtime_1.jsx)(material_1.CardHeader, Object.assign({ title: "XyoPayload", subheader: wrapper === null || wrapper === void 0 ? void 0 : wrapper.hash, avatar: (0, jsx_runtime_1.jsx)(react_identicon_1.Identicon, { size: 24, value: wrapper === null || wrapper === void 0 ? void 0 : wrapper.hash }) }, props));
+};
+exports.XyoPayloadCardHeader = XyoPayloadCardHeader;
+//# sourceMappingURL=XyoPayloadCardHeader.js.map

package/dist/cjs/components/XyoPayloadCardHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"XyoPayloadCardHeader.js","sourceRoot":"","sources":["../../../src/components/XyoPayloadCardHeader.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA2D;AAC3D,6DAAmD;AACnD,kDAAwD;AAIjD,MAAM,oBAAoB,GAAsD,CAAC,EAAqB,EAAE,EAAE;QAAzB,EAAE,OAAO,OAAY,EAAP,KAAK,sBAAnB,WAAqB,CAAF;IACzG,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,2BAAiB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IACpE,OAAO,uBAAC,qBAAU,kBAAC,KAAK,EAAC,YAAY,EAAC,SAAS,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,EAAE,MAAM,EAAE,uBAAC,2BAAS,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,GAAI,IAAM,KAAK,EAAI,CAAA;AACtI,CAAC,CAAA;AAHY,QAAA,oBAAoB,wBAGhC"}

package/dist/cjs/components/XyoPayloadDetailsBox.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { FlexBoxProps } from '@xylabs/react-flexbox';
+import { XyoPayloadRenderProps } from '../XyoPayloadRenderPlugin';
+export declare const XyoPayloadDetailsBox: React.FC<XyoPayloadRenderProps & FlexBoxProps>;
+//# sourceMappingURL=XyoPayloadDetailsBox.d.ts.map

package/dist/cjs/components/XyoPayloadDetailsBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"XyoPayloadDetailsBox.d.ts","sourceRoot":"","sources":["../../../src/components/XyoPayloadDetailsBox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAGpD,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAA;AAEjE,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,GAAG,YAAY,CAE/E,CAAA"}

package/dist/cjs/components/XyoPayloadDetailsBox.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.XyoPayloadDetailsBox = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_payload_1 = require("@xyo-network/react-payload");
+const XyoPayloadDetailsBox = (props) => {
+    return (0, jsx_runtime_1.jsx)(react_payload_1.PayloadDetails, Object.assign({}, props));
+};
+exports.XyoPayloadDetailsBox = XyoPayloadDetailsBox;
+//# sourceMappingURL=XyoPayloadDetailsBox.js.map

package/dist/cjs/components/XyoPayloadDetailsBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"XyoPayloadDetailsBox.js","sourceRoot":"","sources":["../../../src/components/XyoPayloadDetailsBox.tsx"],"names":[],"mappings":";;;;AACA,8DAA2D;AAIpD,MAAM,oBAAoB,GAAmD,CAAC,KAAK,EAAE,EAAE;IAC5F,OAAO,uBAAC,8BAAc,oBAAK,KAAK,EAAI,CAAA;AACtC,CAAC,CAAA;AAFY,QAAA,oBAAoB,wBAEhC"}

package/dist/cjs/components/XyoPayloadEditorBox.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { FlexBoxProps } from '@xylabs/react-flexbox';
+import { XyoPayloadEditorRenderProps } from '../XyoPayloadRenderPlugin';
+export declare const XyoPayloadEditorBox: React.FC<XyoPayloadEditorRenderProps & FlexBoxProps>;
+//# sourceMappingURL=XyoPayloadEditorBox.d.ts.map

package/dist/cjs/components/XyoPayloadEditorBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"XyoPayloadEditorBox.d.ts","sourceRoot":"","sources":["../../../src/components/XyoPayloadEditorBox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAGpD,OAAO,EAAE,2BAA2B,EAAE,MAAM,2BAA2B,CAAA;AAEvE,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,GAAG,YAAY,CAEpF,CAAA"}

package/dist/cjs/components/XyoPayloadEditorBox.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.XyoPayloadEditorBox = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_payload_1 = require("@xyo-network/react-payload");
+const XyoPayloadEditorBox = (props) => {
+    return (0, jsx_runtime_1.jsx)(react_payload_1.PayloadDetails, Object.assign({}, props));
+};
+exports.XyoPayloadEditorBox = XyoPayloadEditorBox;
+//# sourceMappingURL=XyoPayloadEditorBox.js.map

package/dist/cjs/components/XyoPayloadEditorBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"XyoPayloadEditorBox.js","sourceRoot":"","sources":["../../../src/components/XyoPayloadEditorBox.tsx"],"names":[],"mappings":";;;;AACA,8DAA2D;AAIpD,MAAM,mBAAmB,GAAyD,CAAC,KAAK,EAAE,EAAE;IACjG,OAAO,uBAAC,8BAAc,oBAAK,KAAK,EAAI,CAAA;AACtC,CAAC,CAAA;AAFY,QAAA,mBAAmB,uBAE/B"}

package/dist/cjs/components/XyoPayloadTableCell.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { TableCellProps } from '@mui/material';
+import { XyoPayloadRenderProps } from '../XyoPayloadRenderPlugin';
+export declare const XyoPayloadTableCell: React.FC<XyoPayloadRenderProps & TableCellProps>;
+//# sourceMappingURL=XyoPayloadTableCell.d.ts.map

package/dist/cjs/components/XyoPayloadTableCell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"XyoPayloadTableCell.d.ts","sourceRoot":"","sources":["../../../src/components/XyoPayloadTableCell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAa,cAAc,EAAE,MAAM,eAAe,CAAA;AAIzD,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAA;AAEjE,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,GAAG,cAAc,CAOhF,CAAA"}

package/dist/cjs/components/XyoPayloadTableCell.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.XyoPayloadTableCell = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const react_identicon_1 = require("@xylabs/react-identicon");
+const payload_1 = require("@xyo-network/payload");
+const XyoPayloadTableCell = (_a) => {
+    var { payload } = _a, props = tslib_1.__rest(_a, ["payload"]);
+    const wrapper = payload ? new payload_1.XyoPayloadWrapper(payload) : undefined;
+    return ((0, jsx_runtime_1.jsx)(material_1.TableCell, Object.assign({}, props, { children: (0, jsx_runtime_1.jsx)(react_identicon_1.Identicon, { size: 24, value: wrapper === null || wrapper === void 0 ? void 0 : wrapper.hash }) })));
+};
+exports.XyoPayloadTableCell = XyoPayloadTableCell;
+//# sourceMappingURL=XyoPayloadTableCell.js.map

package/dist/cjs/components/XyoPayloadTableCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"XyoPayloadTableCell.js","sourceRoot":"","sources":["../../../src/components/XyoPayloadTableCell.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAyD;AACzD,6DAAmD;AACnD,kDAAwD;AAIjD,MAAM,mBAAmB,GAAqD,CAAC,EAAqB,EAAE,EAAE;QAAzB,EAAE,OAAO,OAAY,EAAP,KAAK,sBAAnB,WAAqB,CAAF;IACvG,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,2BAAiB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IACpE,OAAO,CACL,uBAAC,oBAAS,oBAAK,KAAK,cAClB,uBAAC,2BAAS,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,GAAI,IACnC,CACb,CAAA;AACH,CAAC,CAAA;AAPY,QAAA,mBAAmB,uBAO/B"}

package/dist/cjs/components/controls/ControlWrap.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { FormControlProps } from '@mui/material';
+import { WithChildren } from '@xylabs/react-shared';
+interface EmbedControlWrapProps extends FormControlProps {
+    formId?: string;
+    formLabel?: string;
+}
+export declare const EmbedControlWrap: React.FC<WithChildren<EmbedControlWrapProps>>;
+export {};
+//# sourceMappingURL=ControlWrap.d.ts.map

package/dist/cjs/components/controls/ControlWrap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ControlWrap.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/ControlWrap.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAe,gBAAgB,EAAc,MAAM,eAAe,CAAA;AACzE,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAEnD,UAAU,qBAAsB,SAAQ,gBAAgB;IACtD,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,qBAAqB,CAAC,CAO1E,CAAA"}

package/dist/cjs/components/controls/ControlWrap.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EmbedControlWrap = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const EmbedControlWrap = (_a) => {
+    var { formId, formLabel, children } = _a, props = tslib_1.__rest(_a, ["formId", "formLabel", "children"]);
+    return ((0, jsx_runtime_1.jsxs)(material_1.FormControl, Object.assign({}, props, { children: [(0, jsx_runtime_1.jsx)(material_1.InputLabel, Object.assign({ id: formId }, { children: formLabel })), children] })));
+};
+exports.EmbedControlWrap = EmbedControlWrap;
+//# sourceMappingURL=ControlWrap.js.map

package/dist/cjs/components/controls/ControlWrap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ControlWrap.js","sourceRoot":"","sources":["../../../../src/components/controls/ControlWrap.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAyE;AAQlE,MAAM,gBAAgB,GAAkD,CAAC,EAAyC,EAAE,EAAE;QAA7C,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,OAAY,EAAP,KAAK,sBAAvC,mCAAyC,CAAF;IACrH,OAAO,CACL,wBAAC,sBAAW,oBAAK,KAAK,eACpB,uBAAC,qBAAU,kBAAC,EAAE,EAAE,MAAM,gBAAG,SAAS,IAAc,EAC/C,QAAQ,KACG,CACf,CAAA;AACH,CAAC,CAAA;AAPY,QAAA,gBAAgB,oBAO5B"}

package/dist/cjs/components/{ListModeSelect.d.ts → controls/ListModeSelect.d.ts}

@@ -2,4 +2,5 @@
 import { SelectProps } from '@mui/material';
 import { ListMode } from '@xyo-network/react-shared';
 export declare const ListModeSelect: React.FC<SelectProps<ListMode>>;
+export declare const ListModeSelectFormControl: React.FC<SelectProps<ListMode>>;
 //# sourceMappingURL=ListModeSelect.d.ts.map

package/dist/cjs/components/controls/ListModeSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListModeSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/ListModeSelect.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAoB,WAAW,EAAE,MAAM,eAAe,CAAA;AAC7D,OAAO,EAAE,QAAQ,EAAe,MAAM,2BAA2B,CAAA;AAOjE,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,QAAQ,CAAC,CAsB1D,CAAA;AAED,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,QAAQ,CAAC,CAMrE,CAAA"}

package/dist/cjs/components/{ListModeSelect.js → controls/ListModeSelect.js}

@@ -1,9 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ListModeSelect = void 0;
+exports.ListModeSelectFormControl = exports.ListModeSelect = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
 const react_shared_1 = require("@xyo-network/react-shared");
+const ControlWrap_1 = require("./ControlWrap");
+const listModeSelectId = 'listmode-select-id';
+const listModeSelectLabel = 'List Mode';
 const ListModeSelect = (props) => {
     const { listMode, setListMode } = (0, react_shared_1.useListMode)();
     return ((0, jsx_runtime_1.jsxs)(material_1.Select, Object.assign({ value: (listMode !== null && listMode !== void 0 ? listMode : 'default'), onChange: (event) => {
@@ -11,4 +14,8 @@ const ListModeSelect = (props) => {
         } }, props, { children: [(0, jsx_runtime_1.jsx)(material_1.MenuItem, Object.assign({ value: "default" }, { children: "Default" }), "default"), (0, jsx_runtime_1.jsx)(material_1.MenuItem, Object.assign({ value: "table" }, { children: "Table" }), "table"), (0, jsx_runtime_1.jsx)(material_1.MenuItem, Object.assign({ value: "grid" }, { children: "Grid" }), "grid")] })));
 };
 exports.ListModeSelect = ListModeSelect;
+const ListModeSelectFormControl = (props) => {
+    return ((0, jsx_runtime_1.jsx)(ControlWrap_1.EmbedControlWrap, Object.assign({ formId: listModeSelectId, formLabel: listModeSelectLabel }, { children: (0, jsx_runtime_1.jsx)(exports.ListModeSelect, Object.assign({ size: "small", label: listModeSelectLabel, labelId: listModeSelectId }, props)) })));
+};
+exports.ListModeSelectFormControl = ListModeSelectFormControl;
 //# sourceMappingURL=ListModeSelect.js.map

package/dist/cjs/components/controls/ListModeSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListModeSelect.js","sourceRoot":"","sources":["../../../../src/components/controls/ListModeSelect.tsx"],"names":[],"mappings":";;;;AAAA,4CAA6D;AAC7D,4DAAiE;AAEjE,+CAAgD;AAEhD,MAAM,gBAAgB,GAAG,oBAAoB,CAAA;AAC7C,MAAM,mBAAmB,GAAG,WAAW,CAAA;AAEhC,MAAM,cAAc,GAAoC,CAAC,KAAK,EAAE,EAAE;IACvE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,IAAA,0BAAW,GAAE,CAAA;IAE/C,OAAO,CACL,wBAAC,iBAAM,kBACL,KAAK,EAAE,CAAC,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,SAAS,CAAa,EAC1C,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;YAClB,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAG,KAAK,CAAC,MAAM,CAAC,KAAiB,CAAC,CAAA;QAC/C,CAAC,IACG,KAAK,eAET,uBAAC,mBAAQ,kBAAe,KAAK,EAAC,SAAS,8BAAzB,SAAS,CAEZ,EACX,uBAAC,mBAAQ,kBAAa,KAAK,EAAC,OAAO,4BAArB,OAAO,CAEV,EACX,uBAAC,mBAAQ,kBAAY,KAAK,EAAC,MAAM,2BAAnB,MAAM,CAET,KACJ,CACV,CAAA;AACH,CAAC,CAAA;AAtBY,QAAA,cAAc,kBAsB1B;AAEM,MAAM,yBAAyB,GAAoC,CAAC,KAAK,EAAE,EAAE;IAClF,OAAO,CACL,uBAAC,8BAAgB,kBAAC,MAAM,EAAE,gBAAgB,EAAE,SAAS,EAAE,mBAAmB,gBACxE,uBAAC,sBAAc,kBAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,mBAAmB,EAAE,OAAO,EAAE,gBAAgB,IAAM,KAAK,EAAI,IAChF,CACpB,CAAA;AACH,CAAC,CAAA;AANY,QAAA,yBAAyB,6BAMrC"}

package/dist/cjs/components/controls/RenderSelect.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const EmbedRenderSelect: React.FC;
+//# sourceMappingURL=RenderSelect.d.ts.map

package/dist/cjs/components/controls/RenderSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/RenderSelect.tsx"],"names":[],"mappings":";AAQA,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAarC,CAAA"}

package/dist/cjs/components/controls/RenderSelect.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EmbedRenderSelect = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const contexts_1 = require("../../contexts");
+const ControlWrap_1 = require("./ControlWrap");
+const renderSelectId = 'render-select-id';
+const renderSelectLabel = 'Renderer';
+const EmbedRenderSelect = (props) => {
+    const { activePlugin, setActivePlugin, plugins } = (0, contexts_1.useXyoEmbedPluginState)();
+    return ((0, jsx_runtime_1.jsx)(ControlWrap_1.EmbedControlWrap, Object.assign({ formId: renderSelectId, formLabel: renderSelectLabel }, { children: (0, jsx_runtime_1.jsx)(material_1.Select, Object.assign({ size: "small", value: activePlugin === null || activePlugin === void 0 ? void 0 : activePlugin.name }, props, { children: plugins === null || plugins === void 0 ? void 0 : plugins.map((plugin) => ((0, jsx_runtime_1.jsx)(material_1.MenuItem, Object.assign({ value: plugin.name, onClick: () => setActivePlugin === null || setActivePlugin === void 0 ? void 0 : setActivePlugin(plugin) }, { children: plugin.name }), plugin.name))) })) })));
+};
+exports.EmbedRenderSelect = EmbedRenderSelect;
+//# sourceMappingURL=RenderSelect.js.map

package/dist/cjs/components/controls/RenderSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderSelect.js","sourceRoot":"","sources":["../../../../src/components/controls/RenderSelect.tsx"],"names":[],"mappings":";;;;AAAA,4CAAgD;AAEhD,6CAAuD;AACvD,+CAAgD;AAEhD,MAAM,cAAc,GAAG,kBAAkB,CAAA;AACzC,MAAM,iBAAiB,GAAG,UAAU,CAAA;AAE7B,MAAM,iBAAiB,GAAa,CAAC,KAAK,EAAE,EAAE;IACnD,MAAM,EAAE,YAAY,EAAE,eAAe,EAAE,OAAO,EAAE,GAAG,IAAA,iCAAsB,GAAE,CAAA;IAC3E,OAAO,CACL,uBAAC,8BAAgB,kBAAC,MAAM,EAAE,cAAc,EAAE,SAAS,EAAE,iBAAiB,gBACpE,uBAAC,iBAAM,kBAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,IAAI,IAAM,KAAK,cACtD,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACxB,uBAAC,mBAAQ,kBAAC,KAAK,EAAE,MAAM,CAAC,IAAI,EAAoB,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAG,MAAM,CAAC,gBACrF,MAAM,CAAC,IAAI,KADqB,MAAM,CAAC,IAAI,CAEnC,CACZ,CAAC,IACK,IACQ,CACpB,CAAA;AACH,CAAC,CAAA;AAbY,QAAA,iBAAiB,qBAa7B"}

package/dist/cjs/components/controls/index.d.ts

@@ -0,0 +1,4 @@
+export * from './ControlWrap';
+export * from './ListModeSelect';
+export * from './RenderSelect';
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/components/controls/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA;AAC7B,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA"}

package/dist/cjs/components/controls/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./ControlWrap"), exports);
+tslib_1.__exportStar(require("./ListModeSelect"), exports);
+tslib_1.__exportStar(require("./RenderSelect"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/controls/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/controls/index.ts"],"names":[],"mappings":";;;AAAA,wDAA6B;AAC7B,2DAAgC;AAChC,yDAA8B"}

package/dist/cjs/components/embed-card/EmbedCardEx.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { CardProps } from '@mui/material';
+import { WithChildren } from '@xylabs/react-shared';
+export declare const EmbedCardEx: React.FC<WithChildren<CardProps>>;
+//# sourceMappingURL=EmbedCardEx.d.ts.map

package/dist/cjs/components/embed-card/EmbedCardEx.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmbedCardEx.d.ts","sourceRoot":"","sources":["../../../../src/components/embed-card/EmbedCardEx.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAQ,SAAS,EAAkB,MAAM,eAAe,CAAA;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAInD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,SAAS,CAAC,CAmBzD,CAAA"}