@xyo-network/react-webapp 2.31.5 → 2.32.0-rc.11

package/dist/esm/components/NotFoundPage/Page.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Page.d.ts","sourceRoot":"","sources":["../../../../src/components/NotFoundPage/Page.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAc,eAAe,EAAE,MAAM,SAAS,CAAA;AAGrD,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAIxD,CAAA;AAED,kDAAkD;AAClD,eAAO,MAAM,YAAY,qCAAqB,CAAA"}
+{"version":3,"file":"Page.d.ts","sourceRoot":"","sources":["../../../../src/components/NotFoundPage/Page.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAc,eAAe,EAAE,MAAM,SAAS,CAAA;AAErD,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAIxD,CAAA;AAED,kDAAkD;AAClD,eAAO,MAAM,YAAY,qCAAqB,CAAA"}

package/dist/esm/components/NotFoundPage/Page.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { NotFound } from '@xyo-network/react-shared';
 import { WebAppPage } from '../Page';
-import { NotFound } from './NotFound';
 export const WebAppNotFoundPage = ({ title, ...props }) => (_jsx(WebAppPage, { title: title ?? 'Sorry! Page Not Found', ...props, children: _jsx(NotFound, {}) }));
 /** @deprecated  use WebAppNotFoundPage instead */
 export const NotFoundPage = WebAppNotFoundPage;

package/dist/esm/components/NotFoundPage/Page.js.map

@@ -1 +1 @@
-{"version":3,"file":"Page.js","sourceRoot":"","sources":["../../../../src/components/NotFoundPage/Page.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,SAAS,CAAA;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,MAAM,CAAC,MAAM,kBAAkB,GAA8B,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,CACpF,KAAC,UAAU,IAAC,KAAK,EAAE,KAAK,IAAI,uBAAuB,KAAM,KAAK,YAC5D,KAAC,QAAQ,KAAG,GACD,CACd,CAAA;AAED,kDAAkD;AAClD,MAAM,CAAC,MAAM,YAAY,GAAG,kBAAkB,CAAA"}
+{"version":3,"file":"Page.js","sourceRoot":"","sources":["../../../../src/components/NotFoundPage/Page.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAA;AAEpD,OAAO,EAAE,UAAU,EAAmB,MAAM,SAAS,CAAA;AAErD,MAAM,CAAC,MAAM,kBAAkB,GAA8B,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,CACpF,KAAC,UAAU,IAAC,KAAK,EAAE,KAAK,IAAI,uBAAuB,KAAM,KAAK,YAC5D,KAAC,QAAQ,KAAG,GACD,CACd,CAAA;AAED,kDAAkD;AAClD,MAAM,CAAC,MAAM,YAAY,GAAG,kBAAkB,CAAA"}

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

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

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

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

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

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

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

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

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

@@ -2,5 +2,4 @@ export * from './Chrome';
 export * from './ErrorPage';
 export * from './NotFoundPage';
 export * from './Page';
-export * from './ResultLoader';
 //# 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,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,QAAQ,CAAA;AACtB,cAAc,gBAAgB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,QAAQ,CAAA"}

package/dist/esm/components/index.js

@@ -2,5 +2,4 @@ export * from './Chrome';
 export * from './ErrorPage';
 export * from './NotFoundPage';
 export * from './Page';
-export * from './ResultLoader';
 //# 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,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,QAAQ,CAAA;AACtB,cAAc,gBAAgB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,QAAQ,CAAA"}

package/package.json

@@ -10,32 +10,32 @@
     "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
   },
   "dependencies": {
-    "@emotion/react": "^11.10.4",
-    "@emotion/styled": "^11.10.4",
-    "@mui/material": "^5.10.3",
     "@xylabs/react-button": "^2.14.16",
     "@xylabs/react-flexbox": "^2.14.16",
-    "@xylabs/react-link": "^2.14.16",
     "@xylabs/react-pixel": "^2.14.16",
     "@xylabs/react-shared": "^2.14.16",
-    "@xyo-network/api": "^2.29.2",
-    "@xyo-network/react-app-settings": "^2.31.5",
-    "@xyo-network/react-appbar": "^2.31.5",
-    "@xyo-network/react-footer": "^2.31.5",
-    "@xyo-network/react-shared": "^2.31.5",
-    "axios": "^0.27.2",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "@xyo-network/react-app-settings": "^2.32.0-rc.11",
+    "@xyo-network/react-appbar": "^2.32.0-rc.11",
+    "@xyo-network/react-footer": "^2.32.0-rc.11",
+    "@xyo-network/react-shared": "^2.32.0-rc.11",
     "react-helmet": "^6.1.0",
-    "react-router-dom": "^6.3.0",
     "tslib": "^2.4.0"
   },
-  "description": "Common React library for all XYO projects that use React",
+  "peerDependencies": {
+    "@mui/icons-material": "^5.10.3",
+    "@mui/material": "^5.10.3",
+    "@mui/styles": "^5.10.3",
+    "@xyo-network/api": "^2.30.0-rc.3",
+    "@xyo-network/payload": "^2.30.0-rc.3",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-icons": "^4.4.0",
+    "react-router-dom": "^6.3.0"
+  },
   "devDependencies": {
-    "@storybook/react": "^6.5.10",
-    "@types/react-helmet": "^6.1.5",
-    "@xylabs/tsconfig-dom": "^2.5.167"
+    "@types/react-helmet": "^6.1.5"
   },
+  "description": "Common React library for all XYO projects that use React",
   "browser": "dist/esm/index.js",
   "docs": "dist/docs.json",
   "exports": {
@@ -78,5 +78,6 @@
   },
   "sideEffects": false,
   "types": "dist/esm/index.d.ts",
-  "version": "2.31.5"
+  "version": "2.32.0-rc.11",
+  "stableVersion": "2.31.2"
 }

package/src/components/NotFoundPage/Page.stories.tsx

@@ -1,6 +1,5 @@
 import { ComponentMeta, ComponentStory } from '@storybook/react'
-
-import { NotFound } from './NotFound'
+import { NotFound } from '@xyo-network/react-shared'
 
 const StorybookEntry = {
   argTypes: {},

package/src/components/NotFoundPage/Page.tsx

@@ -1,5 +1,6 @@
+import { NotFound } from '@xyo-network/react-shared'
+
 import { WebAppPage, WebAppPageProps } from '../Page'
-import { NotFound } from './NotFound'
 
 export const WebAppNotFoundPage: React.FC<WebAppPageProps> = ({ title, ...props }) => (
   <WebAppPage title={title ?? 'Sorry! Page Not Found'} {...props}>

package/src/components/NotFoundPage/index.ts

@@ -1,2 +1 @@
-export * from './NotFound'
 export * from './Page'

package/src/components/index.ts

@@ -2,4 +2,3 @@ export * from './Chrome'
 export * from './ErrorPage'
 export * from './NotFoundPage'
 export * from './Page'
-export * from './ResultLoader'

package/dist/cjs/components/NotFoundPage/NotFound.d.ts

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

package/dist/cjs/components/NotFoundPage/NotFound.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"NotFound.d.ts","sourceRoot":"","sources":["../../../../src/components/NotFoundPage/NotFound.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAe,MAAM,uBAAuB,CAAA;AAEjE,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CASpC,CAAA;AAED,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/cjs/components/NotFoundPage/NotFound.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NotFound = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const react_flexbox_1 = require("@xylabs/react-flexbox");
-const NotFound = (props) => {
-    return ((0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexGrowCol, Object.assign({}, props, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "h2" }, { children: "Sorry!" })), (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ marginY: 3, variant: "body2" }, { children: "Can't find anything here" }))] })));
-};
-exports.NotFound = NotFound;
-//# sourceMappingURL=NotFound.js.map

package/dist/cjs/components/NotFoundPage/NotFound.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NotFound.js","sourceRoot":"","sources":["../../../../src/components/NotFoundPage/NotFound.tsx"],"names":[],"mappings":";;;;AAAA,4CAA0C;AAC1C,yDAAiE;AAEjE,MAAM,QAAQ,GAA2B,CAAC,KAAK,EAAE,EAAE;IACjD,OAAO,CACL,wBAAC,2BAAW,oBAAK,KAAK,eACpB,uBAAC,qBAAU,kBAAC,OAAO,EAAC,IAAI,4BAAoB,EAC5C,uBAAC,qBAAU,kBAAC,OAAO,EAAE,CAAC,EAAE,OAAO,EAAC,OAAO,gBACpC,0BAA0B,IAChB,KACD,CACf,CAAA;AACH,CAAC,CAAA;AAEQ,4BAAQ"}

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

@@ -1,9 +0,0 @@
-import { XyoApiError } from '@xyo-network/api';
-import { PropsWithChildren } from 'react';
-export interface HandleItemDetailLoadingProps<T> {
-    apiError: Error | XyoApiError | undefined;
-    notFound: boolean;
-    searchResult: T | undefined;
-}
-export declare function ResultLoader<T>(props: PropsWithChildren<HandleItemDetailLoadingProps<T>>): JSX.Element;
-//# sourceMappingURL=ResultLoader.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ResultLoader.d.ts","sourceRoot":"","sources":["../../../src/components/ResultLoader.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAIzC,MAAM,WAAW,4BAA4B,CAAC,CAAC;IAC7C,QAAQ,EAAE,KAAK,GAAG,WAAW,GAAG,SAAS,CAAA;IACzC,QAAQ,EAAE,OAAO,CAAA;IACjB,YAAY,EAAE,CAAC,GAAG,SAAS,CAAA;CAC5B;AAED,wBAAgB,YAAY,CAAC,CAAC,EAAE,KAAK,EAAE,iBAAiB,CAAC,4BAA4B,CAAC,CAAC,CAAC,CAAC,eAcxF"}

package/dist/cjs/components/ResultLoader.js

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ResultLoader = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_flexbox_1 = require("@xylabs/react-flexbox");
-const NotFoundPage_1 = require("./NotFoundPage");
-function ResultLoader(props) {
-    const { notFound, apiError, searchResult, children } = props;
-    if (notFound) {
-        return (0, jsx_runtime_1.jsx)(NotFoundPage_1.NotFound, {});
-    }
-    // Defer error handling to the children
-    if (apiError) {
-        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children });
-    }
-    if (searchResult === undefined) {
-        return (0, jsx_runtime_1.jsx)(react_flexbox_1.FlexGrowRow, { busy: true, minHeight: "50px" });
-    }
-    else {
-        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children });
-    }
-}
-exports.ResultLoader = ResultLoader;
-//# sourceMappingURL=ResultLoader.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ResultLoader.js","sourceRoot":"","sources":["../../../src/components/ResultLoader.tsx"],"names":[],"mappings":";;;;AAAA,yDAAmD;AAInD,iDAAyC;AAQzC,SAAgB,YAAY,CAAI,KAAyD;IACvF,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAA;IAC5D,IAAI,QAAQ,EAAE;QACZ,OAAO,uBAAC,uBAAQ,KAAG,CAAA;KACpB;IACD,uCAAuC;IACvC,IAAI,QAAQ,EAAE;QACZ,OAAO,2DAAG,QAAQ,GAAI,CAAA;KACvB;IACD,IAAI,YAAY,KAAK,SAAS,EAAE;QAC9B,OAAO,uBAAC,2BAAW,IAAC,IAAI,QAAC,SAAS,EAAC,MAAM,GAAG,CAAA;KAC7C;SAAM;QACL,OAAO,2DAAG,QAAQ,GAAI,CAAA;KACvB;AACH,CAAC;AAdD,oCAcC"}

package/dist/esm/components/NotFoundPage/NotFound.d.ts

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

package/dist/esm/components/NotFoundPage/NotFound.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"NotFound.d.ts","sourceRoot":"","sources":["../../../../src/components/NotFoundPage/NotFound.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAe,MAAM,uBAAuB,CAAA;AAEjE,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CASpC,CAAA;AAED,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/esm/components/NotFoundPage/NotFound.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Typography } from '@mui/material';
-import { FlexGrowCol } from '@xylabs/react-flexbox';
-const NotFound = (props) => {
-    return (_jsxs(FlexGrowCol, { ...props, children: [_jsx(Typography, { variant: "h2", children: "Sorry!" }), _jsx(Typography, { marginY: 3, variant: "body2", children: "Can't find anything here" })] }));
-};
-export { NotFound };
-//# sourceMappingURL=NotFound.js.map

package/dist/esm/components/NotFoundPage/NotFound.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NotFound.js","sourceRoot":"","sources":["../../../../src/components/NotFoundPage/NotFound.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAgB,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAEjE,MAAM,QAAQ,GAA2B,CAAC,KAAK,EAAE,EAAE;IACjD,OAAO,CACL,MAAC,WAAW,OAAK,KAAK,aACpB,KAAC,UAAU,IAAC,OAAO,EAAC,IAAI,uBAAoB,EAC5C,KAAC,UAAU,IAAC,OAAO,EAAE,CAAC,EAAE,OAAO,EAAC,OAAO,YACpC,0BAA0B,GAChB,IACD,CACf,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,QAAQ,EAAE,CAAA"}

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

@@ -1,9 +0,0 @@
-import { XyoApiError } from '@xyo-network/api';
-import { PropsWithChildren } from 'react';
-export interface HandleItemDetailLoadingProps<T> {
-    apiError: Error | XyoApiError | undefined;
-    notFound: boolean;
-    searchResult: T | undefined;
-}
-export declare function ResultLoader<T>(props: PropsWithChildren<HandleItemDetailLoadingProps<T>>): JSX.Element;
-//# sourceMappingURL=ResultLoader.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ResultLoader.d.ts","sourceRoot":"","sources":["../../../src/components/ResultLoader.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAIzC,MAAM,WAAW,4BAA4B,CAAC,CAAC;IAC7C,QAAQ,EAAE,KAAK,GAAG,WAAW,GAAG,SAAS,CAAA;IACzC,QAAQ,EAAE,OAAO,CAAA;IACjB,YAAY,EAAE,CAAC,GAAG,SAAS,CAAA;CAC5B;AAED,wBAAgB,YAAY,CAAC,CAAC,EAAE,KAAK,EAAE,iBAAiB,CAAC,4BAA4B,CAAC,CAAC,CAAC,CAAC,eAcxF"}

package/dist/esm/components/ResultLoader.js

@@ -1,20 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { FlexGrowRow } from '@xylabs/react-flexbox';
-import { NotFound } from './NotFoundPage';
-export function ResultLoader(props) {
-    const { notFound, apiError, searchResult, children } = props;
-    if (notFound) {
-        return _jsx(NotFound, {});
-    }
-    // Defer error handling to the children
-    if (apiError) {
-        return _jsx(_Fragment, { children: children });
-    }
-    if (searchResult === undefined) {
-        return _jsx(FlexGrowRow, { busy: true, minHeight: "50px" });
-    }
-    else {
-        return _jsx(_Fragment, { children: children });
-    }
-}
-//# sourceMappingURL=ResultLoader.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ResultLoader.js","sourceRoot":"","sources":["../../../src/components/ResultLoader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAInD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAQzC,MAAM,UAAU,YAAY,CAAI,KAAyD;IACvF,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAA;IAC5D,IAAI,QAAQ,EAAE;QACZ,OAAO,KAAC,QAAQ,KAAG,CAAA;KACpB;IACD,uCAAuC;IACvC,IAAI,QAAQ,EAAE;QACZ,OAAO,4BAAG,QAAQ,GAAI,CAAA;KACvB;IACD,IAAI,YAAY,KAAK,SAAS,EAAE;QAC9B,OAAO,KAAC,WAAW,IAAC,IAAI,QAAC,SAAS,EAAC,MAAM,GAAG,CAAA;KAC7C;SAAM;QACL,OAAO,4BAAG,QAAQ,GAAI,CAAA;KACvB;AACH,CAAC"}

package/src/components/NotFoundPage/NotFound.tsx

@@ -1,15 +0,0 @@
-import { Typography } from '@mui/material'
-import { FlexBoxProps, FlexGrowCol } from '@xylabs/react-flexbox'
-
-const NotFound: React.FC<FlexBoxProps> = (props) => {
-  return (
-    <FlexGrowCol {...props}>
-      <Typography variant="h2">Sorry!</Typography>
-      <Typography marginY={3} variant="body2">
-        {"Can't find anything here"}
-      </Typography>
-    </FlexGrowCol>
-  )
-}
-
-export { NotFound }

package/src/components/ResultLoader.stories.tsx

@@ -1,37 +0,0 @@
-/* eslint-disable import/no-internal-modules */
-import { ComponentStory, Meta } from '@storybook/react'
-import { AxiosError } from 'axios'
-
-import { ResultLoader } from './ResultLoader'
-
-const StorybookEntry: Meta = {
-  argTypes: {},
-  component: ResultLoader,
-  parameters: {
-    docs: {
-      page: null,
-    },
-  },
-  title: 'webapp/ResultLoader',
-}
-
-const Template: ComponentStory<typeof ResultLoader> = (props) => {
-  return <ResultLoader {...props} />
-}
-
-const Default = Template.bind({})
-Default.args = {}
-
-const NotFound = Template.bind({})
-NotFound.args = { notFound: true }
-
-const ApiError = Template.bind({})
-ApiError.args = { apiError: new AxiosError(), children: <h1>Shown in case of error</h1> }
-
-const SearchResult = Template.bind({})
-SearchResult.args = { children: <h1>Shown when there is a valid result</h1>, searchResult: 'foo' }
-
-export { ApiError, Default, NotFound, SearchResult }
-
-// eslint-disable-next-line import/no-default-export
-export default StorybookEntry

package/src/components/ResultLoader.tsx

@@ -1,27 +0,0 @@
-import { FlexGrowRow } from '@xylabs/react-flexbox'
-import { XyoApiError } from '@xyo-network/api'
-import { PropsWithChildren } from 'react'
-
-import { NotFound } from './NotFoundPage'
-
-export interface HandleItemDetailLoadingProps<T> {
-  apiError: Error | XyoApiError | undefined
-  notFound: boolean
-  searchResult: T | undefined
-}
-
-export function ResultLoader<T>(props: PropsWithChildren<HandleItemDetailLoadingProps<T>>) {
-  const { notFound, apiError, searchResult, children } = props
-  if (notFound) {
-    return <NotFound />
-  }
-  // Defer error handling to the children
-  if (apiError) {
-    return <>{children}</>
-  }
-  if (searchResult === undefined) {
-    return <FlexGrowRow busy minHeight="50px" />
-  } else {
-    return <>{children}</>
-  }
-}