@xyo-network/react-embed 2.27.3 → 2.27.6

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

@@ -1 +1 @@
-{"version":3,"file":"XyoEmbedPlugin.d.ts","sourceRoot":"","sources":["../../../src/components/XyoEmbedPlugin.tsx"],"names":[],"mappings":";AAYA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAQ3D,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA2DxD,CAAA"}
+{"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"}

package/dist/cjs/components/XyoEmbedPlugin.js

@@ -4,6 +4,8 @@ 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");
@@ -42,10 +44,15 @@ const XyoEmbedPlugin = (_a) => {
             }
         }
     }), [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)(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, Object.assign({ sx: { mb: 2 } }, { 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 })] })) })) }));
+    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" })) })] })) })) }));
 };
 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":"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"}

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

@@ -1,2 +1,3 @@
+export * from './ListModeSelect';
 export * from './XyoEmbedPlugin';
 //# sourceMappingURL=index.d.ts.map

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

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

package/dist/cjs/components/index.js

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

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

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

package/dist/docs.json

@@ -8,6 +8,89 @@
 	"children": [
 		{
 			"id": 1,
+			"name": "ListModeSelect",
+			"kind": 64,
+			"kindString": "Function",
+			"flags": {},
+			"sources": [
+				{
+					"fileName": "packages/sdk/payload-render/src/components/ListModeSelect.tsx",
+					"line": 4,
+					"character": 13,
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/8f564e6/packages/sdk/payload-render/src/components/ListModeSelect.tsx#L4"
+				}
+			],
+			"signatures": [
+				{
+					"id": 2,
+					"name": "ListModeSelect",
+					"kind": 4096,
+					"kindString": "Call signature",
+					"flags": {},
+					"parameters": [
+						{
+							"id": 3,
+							"name": "props",
+							"kind": 32768,
+							"kindString": "Parameter",
+							"flags": {},
+							"type": {
+								"type": "reference",
+								"typeArguments": [
+									{
+										"type": "reference",
+										"name": "ListMode"
+									}
+								],
+								"name": "SelectProps",
+								"qualifiedName": "SelectProps",
+								"package": "@mui/material"
+							}
+						},
+						{
+							"id": 4,
+							"name": "context",
+							"kind": 32768,
+							"kindString": "Parameter",
+							"flags": {
+								"isOptional": true
+							},
+							"type": {
+								"type": "intrinsic",
+								"name": "any"
+							}
+						}
+					],
+					"type": {
+						"type": "union",
+						"types": [
+							{
+								"type": "literal",
+								"value": null
+							},
+							{
+								"type": "reference",
+								"typeArguments": [
+									{
+										"type": "intrinsic",
+										"name": "any"
+									},
+									{
+										"type": "intrinsic",
+										"name": "any"
+									}
+								],
+								"name": "ReactElement",
+								"qualifiedName": "React.ReactElement",
+								"package": "@types/react"
+							}
+						]
+					}
+				}
+			]
+		},
+		{
+			"id": 5,
 			"name": "XyoEmbedPlugin",
 			"kind": 64,
 			"kindString": "Function",
@@ -15,21 +98,21 @@
 			"sources": [
 				{
 					"fileName": "packages/sdk/payload-render/src/components/XyoEmbedPlugin.tsx",
-					"line": 21,
+					"line": 23,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/9e0d1b2/packages/sdk/payload-render/src/components/XyoEmbedPlugin.tsx#L21"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/8f564e6/packages/sdk/payload-render/src/components/XyoEmbedPlugin.tsx#L23"
 				}
 			],
 			"signatures": [
 				{
-					"id": 2,
+					"id": 6,
 					"name": "XyoEmbedPlugin",
 					"kind": 4096,
 					"kindString": "Call signature",
 					"flags": {},
 					"parameters": [
 						{
-							"id": 3,
+							"id": 7,
 							"name": "props",
 							"kind": 32768,
 							"kindString": "Parameter",
@@ -40,7 +123,7 @@
 							}
 						},
 						{
-							"id": 4,
+							"id": 8,
 							"name": "context",
 							"kind": 32768,
 							"kindString": "Parameter",
@@ -86,7 +169,8 @@
 		{
 			"title": "Functions",
 			"children": [
-				1
+				1,
+				5
 			]
 		}
 	],
@@ -95,7 +179,7 @@
 			"fileName": "packages/sdk/payload-render/src/index.ts",
 			"line": 1,
 			"character": 0,
-			"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/9e0d1b2/packages/sdk/payload-render/src/index.ts#L1"
+			"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/8f564e6/packages/sdk/payload-render/src/index.ts#L1"
 		}
 	]
 }

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

@@ -1 +1 @@
-{"version":3,"file":"XyoEmbedPlugin.d.ts","sourceRoot":"","sources":["../../../src/components/XyoEmbedPlugin.tsx"],"names":[],"mappings":";AAYA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAQ3D,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA2DxD,CAAA"}
+{"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"}

package/dist/esm/components/XyoEmbedPlugin.js

@@ -1,5 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Alert, AlertTitle, FormControl, InputLabel, MenuItem, Select } from '@mui/material';
+import { ButtonEx } from '@xylabs/react-button';
+import { FlexGrowRow } from '@xylabs/react-flexbox';
 import { useAsyncEffect } from '@xylabs/react-shared';
 import { Huri } from '@xyo-network/payload';
 import { XyoApiErrorRender } from '@xyo-network/react-auth-service';
@@ -36,9 +38,14 @@ export const XyoEmbedPlugin = ({ plugins = [], huri, ...props }) => {
             }
         }
     }, [huri, payload]);
+    const refreshHuri = () => {
+        setHuriApiError(undefined);
+        setNotFound(undefined);
+        setPayload(undefined);
+    };
     if (payload && plugins?.length === 0) {
         return (_jsxs(Alert, { severity: "warning", children: [_jsx(AlertTitle, { children: "Missing plugins!" }), "Payload found but no plugins were present."] }));
     }
-    return (_jsx(ListModeProvider, { children: _jsx(ResultLoader, { searchResult: payload, notFound: !!notFound, apiError: huriApiError, children: _jsxs(XyoApiErrorRender, { apiError: huriApiError, rowGap: 2, ...props, children: [_jsxs(FormControl, { children: [_jsx(InputLabel, { id: renderSelectId, children: renderSelectLabel }), _jsx(Select, { size: "small", value: ActivePlugin.name, label: renderSelectLabel, labelId: renderSelectId, children: plugins?.map((plugin) => (_jsx(MenuItem, { value: plugin.name, onClick: () => setActivePlugin(plugin), children: plugin.name }, plugin.name))) })] }), (ActivePlugin?.components?.box?.listModes?.length ?? 0) > 1 ? (_jsxs(FormControl, { sx: { mb: 2 }, children: [_jsx(InputLabel, { id: listModeSelectId, children: listModeSelectLabel }), _jsx(ListModeSelect, { size: "small", label: listModeSelectLabel, labelId: listModeSelectId })] })) : null, _jsx(RenderComponent, { payload: payload, ActivePlugin: ActivePlugin })] }) }) }));
+    return (_jsx(ListModeProvider, { children: _jsx(ResultLoader, { searchResult: payload, notFound: !!notFound, apiError: huriApiError, children: _jsxs(XyoApiErrorRender, { apiError: huriApiError, rowGap: 2, ...props, children: [_jsxs(FlexGrowRow, { columnGap: 2, rowGap: 2, flexWrap: "wrap", children: [_jsxs(FormControl, { children: [_jsx(InputLabel, { id: renderSelectId, children: renderSelectLabel }), _jsx(Select, { size: "small", value: ActivePlugin.name, label: renderSelectLabel, labelId: renderSelectId, children: plugins?.map((plugin) => (_jsx(MenuItem, { value: plugin.name, onClick: () => setActivePlugin(plugin), children: plugin.name }, plugin.name))) })] }), (ActivePlugin?.components?.box?.listModes?.length ?? 0) > 1 ? (_jsxs(FormControl, { children: [_jsx(InputLabel, { id: listModeSelectId, children: listModeSelectLabel }), _jsx(ListModeSelect, { size: "small", label: listModeSelectLabel, labelId: listModeSelectId })] })) : null] }), _jsx(RenderComponent, { payload: payload, ActivePlugin: ActivePlugin }), _jsx(FlexGrowRow, { children: _jsx(ButtonEx, { variant: "contained", onClick: refreshHuri, children: "Refresh" }) })] }) }) }));
 };
 //# sourceMappingURL=XyoEmbedPlugin.js.map

package/dist/esm/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":"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"}

package/dist/esm/components/index.d.ts

@@ -1,2 +1,3 @@
+export * from './ListModeSelect';
 export * from './XyoEmbedPlugin';
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/components/index.d.ts.map

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

package/dist/esm/components/index.js

@@ -1,2 +1,3 @@
+export * from './ListModeSelect';
 export * from './XyoEmbedPlugin';
 //# sourceMappingURL=index.js.map

package/dist/esm/components/index.js.map

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

package/package.json

@@ -13,14 +13,15 @@
     "@emotion/react": "^11.10.0",
     "@emotion/styled": "^11.10.0",
     "@mui/material": "^5.9.3",
+    "@xylabs/react-button": "^2.14.10",
     "@xylabs/react-flexbox": "^2.14.10",
     "@xylabs/react-shared": "^2.14.10",
-    "@xyo-network/api": "^2.24.10",
-    "@xyo-network/payload": "^2.24.10",
-    "@xyo-network/react-auth-service": "^2.27.5",
-    "@xyo-network/react-payload-plugin": "^2.27.5",
-    "@xyo-network/react-shared": "^2.27.5",
-    "@xyo-network/react-webapp": "^2.27.5",
+    "@xyo-network/api": "^2.24.12",
+    "@xyo-network/payload": "^2.24.12",
+    "@xyo-network/react-auth-service": "^2.27.8",
+    "@xyo-network/react-payload-plugin": "^2.27.8",
+    "@xyo-network/react-shared": "^2.27.8",
+    "@xyo-network/react-webapp": "^2.27.8",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "tslib": "^2.4.0"
@@ -28,10 +29,10 @@
   "description": "Common React library for all XYO projects that use React",
   "devDependencies": {
     "@storybook/react": "^6.5.10",
-    "@xylabs/tsconfig-dom": "^2.5.13",
-    "@xyo-network/react-aggregate-price-plugin": "^2.27.4",
-    "@xyo-network/react-crypto-market-uniswap-payload-plugin": "^2.27.5",
-    "@xyo-network/react-storybook": "^2.27.5",
+    "@xylabs/tsconfig-dom": "^2.5.75",
+    "@xyo-network/react-aggregate-price-plugin": "^2.27.7",
+    "@xyo-network/react-crypto-market-uniswap-payload-plugin": "^2.27.8",
+    "@xyo-network/react-storybook": "^2.27.8",
     "react-router-dom": "^6.3.0"
   },
   "browser": "dist/esm/index.js",
@@ -83,5 +84,5 @@
   },
   "sideEffects": false,
   "types": "dist/esm/index.d.ts",
-  "version": "2.27.3"
+  "version": "2.27.6"
 }

package/src/components/XyoEmbedPlugin.tsx

@@ -1,4 +1,6 @@
 import { Alert, AlertTitle, FormControl, InputLabel, MenuItem, Select } from '@mui/material'
+import { ButtonEx } from '@xylabs/react-button'
+import { FlexGrowRow } from '@xylabs/react-flexbox'
 import { useAsyncEffect } from '@xylabs/react-shared'
 import { XyoApiError } from '@xyo-network/api'
 import { Huri, XyoPayload } from '@xyo-network/payload'
@@ -44,6 +46,12 @@ export const XyoEmbedPlugin: React.FC<XyoEmbedPluginProps> = ({ plugins = [], hu
     [huri, payload]
   )
 
+  const refreshHuri = () => {
+    setHuriApiError(undefined)
+    setNotFound(undefined)
+    setPayload(undefined)
+  }
+
   if (payload && plugins?.length === 0) {
     return (
       <Alert severity="warning">
@@ -56,23 +64,30 @@ export const XyoEmbedPlugin: React.FC<XyoEmbedPluginProps> = ({ plugins = [], hu
     <ListModeProvider>
       <ResultLoader searchResult={payload} notFound={!!notFound} apiError={huriApiError}>
         <XyoApiErrorRender apiError={huriApiError} rowGap={2} {...props}>
-          <FormControl>
-            <InputLabel id={renderSelectId}>{renderSelectLabel}</InputLabel>
-            <Select size="small" value={ActivePlugin.name} label={renderSelectLabel} labelId={renderSelectId}>
-              {plugins?.map((plugin) => (
-                <MenuItem value={plugin.name} key={plugin.name} onClick={() => setActivePlugin(plugin)}>
-                  {plugin.name}
-                </MenuItem>
-              ))}
-            </Select>
-          </FormControl>
-          {(ActivePlugin?.components?.box?.listModes?.length ?? 0) > 1 ? (
-            <FormControl sx={{ mb: 2 }}>
-              <InputLabel id={listModeSelectId}>{listModeSelectLabel}</InputLabel>
-              <ListModeSelect size="small" label={listModeSelectLabel} labelId={listModeSelectId} />
+          <FlexGrowRow columnGap={2} rowGap={2} flexWrap="wrap">
+            <FormControl>
+              <InputLabel id={renderSelectId}>{renderSelectLabel}</InputLabel>
+              <Select size="small" value={ActivePlugin.name} label={renderSelectLabel} labelId={renderSelectId}>
+                {plugins?.map((plugin) => (
+                  <MenuItem value={plugin.name} key={plugin.name} onClick={() => setActivePlugin(plugin)}>
+                    {plugin.name}
+                  </MenuItem>
+                ))}
+              </Select>
             </FormControl>
-          ) : null}
+            {(ActivePlugin?.components?.box?.listModes?.length ?? 0) > 1 ? (
+              <FormControl>
+                <InputLabel id={listModeSelectId}>{listModeSelectLabel}</InputLabel>
+                <ListModeSelect size="small" label={listModeSelectLabel} labelId={listModeSelectId} />
+              </FormControl>
+            ) : null}
+          </FlexGrowRow>
           <RenderComponent payload={payload} ActivePlugin={ActivePlugin} />
+          <FlexGrowRow>
+            <ButtonEx variant="contained" onClick={refreshHuri}>
+              Refresh
+            </ButtonEx>
+          </FlexGrowRow>
         </XyoApiErrorRender>
       </ResultLoader>
     </ListModeProvider>

package/src/components/index.ts

@@ -1 +1,2 @@
+export * from './ListModeSelect'
 export * from './XyoEmbedPlugin'