@xyo-network/react-webapp 2.26.17 → 2.26.20
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/Chrome.d.ts +13 -0
- package/dist/cjs/components/Chrome.js +18 -0
- package/dist/cjs/components/Chrome.js.map +1 -0
- package/dist/cjs/components/ErrorPage.d.ts +5 -0
- package/dist/cjs/components/ErrorPage.js +11 -0
- package/dist/cjs/components/ErrorPage.js.map +1 -0
- package/dist/cjs/components/NotFoundPage/NotFound.d.ts +4 -0
- package/dist/cjs/components/NotFoundPage/NotFound.js +11 -0
- package/dist/cjs/components/NotFoundPage/NotFound.js.map +1 -0
- package/dist/cjs/components/NotFoundPage/Page.d.ts +5 -0
- package/dist/cjs/components/NotFoundPage/Page.js +15 -0
- package/dist/cjs/components/NotFoundPage/Page.js.map +1 -0
- package/dist/cjs/components/NotFoundPage/index.d.ts +2 -0
- package/dist/cjs/components/NotFoundPage/index.js +6 -0
- package/dist/cjs/components/NotFoundPage/index.js.map +1 -0
- package/dist/cjs/components/Page.d.ts +13 -0
- package/dist/cjs/components/Page.js +27 -0
- package/dist/cjs/components/Page.js.map +1 -0
- package/dist/cjs/components/ResultLoader.d.ts +8 -0
- package/dist/cjs/components/ResultLoader.js +24 -0
- package/dist/cjs/components/ResultLoader.js.map +1 -0
- package/dist/cjs/components/index.d.ts +5 -0
- package/dist/cjs/components/index.js +9 -0
- package/dist/cjs/components/index.js.map +1 -0
- package/dist/cjs/index.d.ts +1 -0
- package/dist/cjs/index.js +5 -0
- package/dist/cjs/index.js.map +1 -0
- package/package.json +11 -11
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { FlexBoxProps } from '@xylabs/react-flexbox';
|
|
2
|
+
import { WebAppNavigationType } from '@xyo-network/react-app-settings';
|
|
3
|
+
import { ReactNode } from 'react';
|
|
4
|
+
export interface WebAppChromeProps extends FlexBoxProps {
|
|
5
|
+
appName: string;
|
|
6
|
+
footer?: ReactNode;
|
|
7
|
+
appbar?: ReactNode;
|
|
8
|
+
errorPage?: ReactNode;
|
|
9
|
+
footerElevation?: number;
|
|
10
|
+
navigationType?: WebAppNavigationType;
|
|
11
|
+
menuItems?: ReactNode;
|
|
12
|
+
}
|
|
13
|
+
export declare const WebAppChrome: React.FC<WebAppChromeProps>;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.WebAppChrome = void 0;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
+
const material_1 = require("@mui/material");
|
|
7
|
+
const react_flexbox_1 = require("@xylabs/react-flexbox");
|
|
8
|
+
const react_appbar_1 = require("@xyo-network/react-appbar");
|
|
9
|
+
const react_footer_1 = require("@xyo-network/react-footer");
|
|
10
|
+
const react_shared_1 = require("@xyo-network/react-shared");
|
|
11
|
+
const react_helmet_1 = require("react-helmet");
|
|
12
|
+
const ErrorPage_1 = require("./ErrorPage");
|
|
13
|
+
const WebAppChrome = (_a) => {
|
|
14
|
+
var { menuItems, navigationType = 'menu', footerElevation = 4, errorPage, appbar, footer, children, appName } = _a, props = tslib_1.__rest(_a, ["menuItems", "navigationType", "footerElevation", "errorPage", "appbar", "footer", "children", "appName"]);
|
|
15
|
+
return ((0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexCol, Object.assign({ alignItems: "stretch", overflow: "hidden", height: "100vh" }, props, { children: [(0, jsx_runtime_1.jsx)(react_helmet_1.Helmet, Object.assign({ defaultTitle: appName, titleTemplate: `%s | ${appName}` }, { children: (0, jsx_runtime_1.jsx)("meta", { content: "website", property: "og:type" }) })), appbar !== null && appbar !== void 0 ? appbar : (0, jsx_runtime_1.jsx)(react_appbar_1.ApplicationAppBar, { systemToolbar: (0, jsx_runtime_1.jsx)(react_appbar_1.SystemToolbar, { menuItems: navigationType === 'menu' ? menuItems : undefined }) }), (0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexGrowRow, Object.assign({ overflow: "hidden", alignItems: "stretch" }, { children: [navigationType !== 'menu' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [menuItems, (0, jsx_runtime_1.jsx)(material_1.Divider, { orientation: "vertical" })] })) : null, (0, jsx_runtime_1.jsx)(react_flexbox_1.FlexGrowCol, Object.assign({ justifyContent: "flex-start", alignItems: "stretch" }, { children: (0, jsx_runtime_1.jsx)(react_shared_1.ErrorBoundary, Object.assign({ fallback: errorPage !== null && errorPage !== void 0 ? errorPage : (0, jsx_runtime_1.jsx)(ErrorPage_1.WebAppErrorPage, {}) }, { children: children })) }))] })), (0, jsx_runtime_1.jsx)(react_flexbox_1.FlexCol, Object.assign({ alignItems: "stretch" }, { children: (0, jsx_runtime_1.jsx)(material_1.Paper, Object.assign({ elevation: footerElevation, square: true }, { children: footer !== null && footer !== void 0 ? footer : (0, jsx_runtime_1.jsx)(react_footer_1.Footer, { dynamicHeight: true }) })) }))] })));
|
|
16
|
+
};
|
|
17
|
+
exports.WebAppChrome = WebAppChrome;
|
|
18
|
+
//# sourceMappingURL=Chrome.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Chrome.js","sourceRoot":"","sources":["../../../src/components/Chrome.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA8C;AAC9C,yDAAuF;AAEvF,4DAA4E;AAC5E,4DAAkD;AAClD,4DAAyD;AAEzD,+CAAqC;AAErC,2CAA6C;AAYtC,MAAM,YAAY,GAAgC,CAAC,EAAmH,EAAE,EAAE;QAAvH,EAAE,SAAS,EAAE,cAAc,GAAG,MAAM,EAAE,eAAe,GAAG,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,OAAY,EAAP,KAAK,sBAAjH,0GAAmH,CAAF;IACzK,OAAO,CACL,wBAAC,uBAAO,kBAAC,UAAU,EAAC,SAAS,EAAC,QAAQ,EAAC,QAAQ,EAAC,MAAM,EAAC,OAAO,IAAK,KAAK,eACtE,uBAAC,qBAAM,kBAAC,YAAY,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,OAAO,EAAE,gBAC7D,iCAAM,OAAO,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,GAAG,IACtC,EACR,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,uBAAC,gCAAiB,IAAC,aAAa,EAAE,uBAAC,4BAAa,IAAC,SAAS,EAAE,cAAc,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,GAAI,GAAI,EAChI,wBAAC,2BAAW,kBAAC,QAAQ,EAAC,QAAQ,EAAC,UAAU,EAAC,SAAS,iBAChD,cAAc,KAAK,MAAM,CAAC,CAAC,CAAC,CAC3B,6DACG,SAAS,EACV,uBAAC,kBAAO,IAAC,WAAW,EAAC,UAAU,GAAG,IACjC,CACJ,CAAC,CAAC,CAAC,IAAI,EACR,uBAAC,2BAAW,kBAAC,cAAc,EAAC,YAAY,EAAC,UAAU,EAAC,SAAS,gBAC3D,uBAAC,4BAAa,kBAAC,QAAQ,EAAE,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,uBAAC,2BAAe,KAAG,gBAAG,QAAQ,IAAiB,IACzE,KACF,EACd,uBAAC,uBAAO,kBAAC,UAAU,EAAC,SAAS,gBAC3B,uBAAC,gBAAK,kBAAC,SAAS,EAAE,eAAe,EAAE,MAAM,sBACtC,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,uBAAC,qBAAM,IAAC,aAAa,SAAG,IAC7B,IACA,KACF,CACX,CAAA;AACH,CAAC,CAAA;AAzBY,QAAA,YAAY,gBAyBxB"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.ErrorPage = exports.WebAppErrorPage = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const react_button_1 = require("@xylabs/react-button");
|
|
6
|
+
const Page_1 = require("./Page");
|
|
7
|
+
const WebAppErrorPage = (props) => ((0, jsx_runtime_1.jsxs)(Page_1.WebAppPage, Object.assign({ title: "Oops! Something went wrong" }, props, { children: [(0, jsx_runtime_1.jsx)("h1", { children: "Oops! Something went wrong!" }), (0, jsx_runtime_1.jsx)(react_button_1.ButtonEx, Object.assign({ href: "/", variant: "contained" }, { children: "Homepage" }))] })));
|
|
8
|
+
exports.WebAppErrorPage = WebAppErrorPage;
|
|
9
|
+
/** @deprecated use WebAppErrorPage instead */
|
|
10
|
+
exports.ErrorPage = exports.WebAppErrorPage;
|
|
11
|
+
//# sourceMappingURL=ErrorPage.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ErrorPage.js","sourceRoot":"","sources":["../../../src/components/ErrorPage.tsx"],"names":[],"mappings":";;;;AAAA,uDAA+C;AAE/C,iCAAoD;AAE7C,MAAM,eAAe,GAA8B,CAAC,KAAK,EAAE,EAAE,CAAC,CACnE,wBAAC,iBAAU,kBAAC,KAAK,EAAC,4BAA4B,IAAK,KAAK,eACtD,yEAAoC,EACpC,uBAAC,uBAAQ,kBAAC,IAAI,EAAC,GAAG,EAAC,OAAO,EAAC,WAAW,8BAE3B,KACA,CACd,CAAA;AAPY,QAAA,eAAe,mBAO3B;AAED,8CAA8C;AACjC,QAAA,SAAS,GAAG,uBAAe,CAAA"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.NotFound = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const material_1 = require("@mui/material");
|
|
6
|
+
const react_flexbox_1 = require("@xylabs/react-flexbox");
|
|
7
|
+
const NotFound = (props) => {
|
|
8
|
+
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" }))] })));
|
|
9
|
+
};
|
|
10
|
+
exports.NotFound = NotFound;
|
|
11
|
+
//# sourceMappingURL=NotFound.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"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"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { WebAppPageProps } from '../Page';
|
|
3
|
+
export declare const WebAppNotFoundPage: React.FC<WebAppPageProps>;
|
|
4
|
+
/** @deprecated use WebAppNotFoundPage instead */
|
|
5
|
+
export declare const NotFoundPage: import("react").FC<WebAppPageProps>;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.NotFoundPage = exports.WebAppNotFoundPage = void 0;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
+
const Page_1 = require("../Page");
|
|
7
|
+
const NotFound_1 = require("./NotFound");
|
|
8
|
+
const WebAppNotFoundPage = (_a) => {
|
|
9
|
+
var { title } = _a, props = tslib_1.__rest(_a, ["title"]);
|
|
10
|
+
return ((0, jsx_runtime_1.jsx)(Page_1.WebAppPage, Object.assign({ title: title !== null && title !== void 0 ? title : 'Sorry! Page Not Found' }, props, { children: (0, jsx_runtime_1.jsx)(NotFound_1.NotFound, {}) })));
|
|
11
|
+
};
|
|
12
|
+
exports.WebAppNotFoundPage = WebAppNotFoundPage;
|
|
13
|
+
/** @deprecated use WebAppNotFoundPage instead */
|
|
14
|
+
exports.NotFoundPage = exports.WebAppNotFoundPage;
|
|
15
|
+
//# sourceMappingURL=Page.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Page.js","sourceRoot":"","sources":["../../../../src/components/NotFoundPage/Page.tsx"],"names":[],"mappings":";;;;;AAAA,kCAAqD;AACrD,yCAAqC;AAE9B,MAAM,kBAAkB,GAA8B,CAAC,EAAmB,EAAE,EAAE;QAAvB,EAAE,KAAK,OAAY,EAAP,KAAK,sBAAjB,SAAmB,CAAF;IAAO,OAAA,CACpF,uBAAC,iBAAU,kBAAC,KAAK,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,uBAAuB,IAAM,KAAK,cAC5D,uBAAC,mBAAQ,KAAG,IACD,CACd,CAAA;CAAA,CAAA;AAJY,QAAA,kBAAkB,sBAI9B;AAED,kDAAkD;AACrC,QAAA,YAAY,GAAG,0BAAkB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/NotFoundPage/index.ts"],"names":[],"mappings":";;;AAAA,qDAA0B;AAC1B,iDAAsB"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { ContainerProps } from '@mui/material';
|
|
2
|
+
import { FlexBoxProps } from '@xylabs/react-flexbox';
|
|
3
|
+
import { ReactNode } from 'react';
|
|
4
|
+
export interface WebAppPageProps extends FlexBoxProps {
|
|
5
|
+
container?: ContainerProps['maxWidth'] | 'none';
|
|
6
|
+
disableGutters?: boolean;
|
|
7
|
+
breadcrumbs?: ReactNode;
|
|
8
|
+
disableBreadcrumbGutter?: boolean;
|
|
9
|
+
spacing?: string | number;
|
|
10
|
+
}
|
|
11
|
+
export declare const WebAppPage: React.FC<WebAppPageProps>;
|
|
12
|
+
/** @deprecated use WebAppPagePage instead */
|
|
13
|
+
export declare const FlexPage: import("react").FC<WebAppPageProps>;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.FlexPage = exports.WebAppPage = void 0;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
+
const material_1 = require("@mui/material");
|
|
7
|
+
const react_flexbox_1 = require("@xylabs/react-flexbox");
|
|
8
|
+
const react_pixel_1 = require("@xylabs/react-pixel");
|
|
9
|
+
const react_shared_1 = require("@xylabs/react-shared");
|
|
10
|
+
const react_helmet_1 = require("react-helmet");
|
|
11
|
+
const react_router_dom_1 = require("react-router-dom");
|
|
12
|
+
const WebAppPage = (_a) => {
|
|
13
|
+
var { spacing = 1, disableBreadcrumbGutter, disableGutters, title, container, breadcrumbs, children } = _a, props = tslib_1.__rest(_a, ["spacing", "disableBreadcrumbGutter", "disableGutters", "title", "container", "breadcrumbs", "children"]);
|
|
14
|
+
const userEvents = (0, react_pixel_1.useUserEvents)();
|
|
15
|
+
const { pathname } = (0, react_router_dom_1.useLocation)();
|
|
16
|
+
(0, react_shared_1.useAsyncEffect)(
|
|
17
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
18
|
+
() => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
|
|
19
|
+
yield (userEvents === null || userEvents === void 0 ? void 0 : userEvents.viewContent({ name: title !== null && title !== void 0 ? title : 'NodeBasePage', path: location.pathname }));
|
|
20
|
+
}), [pathname, title, userEvents]);
|
|
21
|
+
const Body = (props) => ((0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexGrowCol, Object.assign({ gap: 1, paddingY: spacing, justifyContent: "flex-start", alignItems: "stretch" }, props, { children: [(0, jsx_runtime_1.jsx)(react_flexbox_1.FlexRow, Object.assign({ justifyContent: "flex-start", marginX: disableBreadcrumbGutter ? 0 : spacing }, { children: breadcrumbs })), children] })));
|
|
22
|
+
return ((0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexGrowCol, Object.assign({ alignItems: "stretch", justifyContent: "flex-start", minHeight: 0, maxWidth: "100vw", overflow: "visible scroll" }, { children: [(0, jsx_runtime_1.jsx)(react_helmet_1.Helmet, { title: title }), container && container !== 'none' ? ((0, jsx_runtime_1.jsx)(material_1.Container, Object.assign({ disableGutters: disableGutters, style: { alignItems: 'stretch', display: 'flex', flexDirection: 'column', flexGrow: 1, justifyContent: 'flex-start' }, maxWidth: container }, { children: (0, jsx_runtime_1.jsx)(Body, Object.assign({}, props)) }))) : ((0, jsx_runtime_1.jsx)(Body, Object.assign({ paddingX: disableGutters ? 0 : 1 }, props)))] })));
|
|
23
|
+
};
|
|
24
|
+
exports.WebAppPage = WebAppPage;
|
|
25
|
+
/** @deprecated use WebAppPagePage instead */
|
|
26
|
+
exports.FlexPage = exports.WebAppPage;
|
|
27
|
+
//# sourceMappingURL=Page.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Page.js","sourceRoot":"","sources":["../../../src/components/Page.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAyD;AACzD,yDAA0E;AAC1E,qDAAmD;AACnD,uDAAqD;AAErD,+CAAqC;AACrC,uDAA8C;AASvC,MAAM,UAAU,GAA8B,CAAC,EAA2G,EAAE,EAAE;QAA/G,EAAE,OAAO,GAAG,CAAC,EAAE,uBAAuB,EAAE,cAAc,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,OAAY,EAAP,KAAK,sBAAzG,yGAA2G,CAAF;IAC7J,MAAM,UAAU,GAAG,IAAA,2BAAa,GAAE,CAAA;IAClC,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,8BAAW,GAAE,CAAA;IAElC,IAAA,6BAAc;IACZ,uDAAuD;IACvD,GAAS,EAAE;QACT,MAAM,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,WAAW,CAAC,EAAE,IAAI,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,cAAc,EAAE,IAAI,EAAE,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAA,CAAA;IAC3F,CAAC,CAAA,EACD,CAAC,QAAQ,EAAE,KAAK,EAAE,UAAU,CAAC,CAC9B,CAAA;IAED,MAAM,IAAI,GAA2B,CAAC,KAAK,EAAE,EAAE,CAAC,CAC9C,wBAAC,2BAAW,kBAAC,GAAG,EAAE,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,cAAc,EAAC,YAAY,EAAC,UAAU,EAAC,SAAS,IAAK,KAAK,eAChG,uBAAC,uBAAO,kBAAC,cAAc,EAAC,YAAY,EAAC,OAAO,EAAE,uBAAuB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,gBAChF,WAAW,IACJ,EACT,QAAQ,KACG,CACf,CAAA;IAED,OAAO,CACL,wBAAC,2BAAW,kBAAC,UAAU,EAAC,SAAS,EAAC,cAAc,EAAC,YAAY,EAAC,SAAS,EAAE,CAAC,EAAE,QAAQ,EAAC,OAAO,EAAC,QAAQ,EAAC,gBAAgB,iBACpH,uBAAC,qBAAM,IAAC,KAAK,EAAE,KAAK,GAAI,EACvB,SAAS,IAAI,SAAS,KAAK,MAAM,CAAC,CAAC,CAAC,CACnC,uBAAC,oBAAS,kBACR,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,EAAE,cAAc,EAAE,YAAY,EAAE,EACrH,QAAQ,EAAE,SAAS,gBAEnB,uBAAC,IAAI,oBAAK,KAAK,EAAI,IACT,CACb,CAAC,CAAC,CAAC,CACF,uBAAC,IAAI,kBAAC,QAAQ,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAM,KAAK,EAAI,CACtD,KACW,CACf,CAAA;AACH,CAAC,CAAA;AArCY,QAAA,UAAU,cAqCtB;AAED,6CAA6C;AAChC,QAAA,QAAQ,GAAG,kBAAU,CAAA"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { AxiosError } from 'axios';
|
|
2
|
+
import { PropsWithChildren } from 'react';
|
|
3
|
+
export interface HandleItemDetailLoadingProps<T> {
|
|
4
|
+
apiError: AxiosError | undefined;
|
|
5
|
+
notFound: boolean;
|
|
6
|
+
searchResult: T | undefined;
|
|
7
|
+
}
|
|
8
|
+
export declare function ResultLoader<T>(props: PropsWithChildren<HandleItemDetailLoadingProps<T>>): JSX.Element;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.ResultLoader = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const react_flexbox_1 = require("@xylabs/react-flexbox");
|
|
6
|
+
const NotFoundPage_1 = require("./NotFoundPage");
|
|
7
|
+
function ResultLoader(props) {
|
|
8
|
+
const { notFound, apiError, searchResult, children } = props;
|
|
9
|
+
if (notFound) {
|
|
10
|
+
return (0, jsx_runtime_1.jsx)(NotFoundPage_1.NotFound, {});
|
|
11
|
+
}
|
|
12
|
+
// Defer error handling to the children
|
|
13
|
+
if (apiError) {
|
|
14
|
+
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children });
|
|
15
|
+
}
|
|
16
|
+
if (searchResult === undefined) {
|
|
17
|
+
return (0, jsx_runtime_1.jsx)(react_flexbox_1.FlexGrowRow, { busy: true, minHeight: "50px" });
|
|
18
|
+
}
|
|
19
|
+
else {
|
|
20
|
+
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children });
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
exports.ResultLoader = ResultLoader;
|
|
24
|
+
//# sourceMappingURL=ResultLoader.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const tslib_1 = require("tslib");
|
|
4
|
+
tslib_1.__exportStar(require("./Chrome"), exports);
|
|
5
|
+
tslib_1.__exportStar(require("./ErrorPage"), exports);
|
|
6
|
+
tslib_1.__exportStar(require("./NotFoundPage"), exports);
|
|
7
|
+
tslib_1.__exportStar(require("./Page"), exports);
|
|
8
|
+
tslib_1.__exportStar(require("./ResultLoader"), exports);
|
|
9
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;AAAA,mDAAwB;AACxB,sDAA2B;AAC3B,yDAA8B;AAC9B,iDAAsB;AACtB,yDAA8B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './components';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;AAAA,uDAA4B"}
|
package/package.json
CHANGED
|
@@ -13,15 +13,15 @@
|
|
|
13
13
|
"@emotion/react": "^11.9.3",
|
|
14
14
|
"@emotion/styled": "^11.9.3",
|
|
15
15
|
"@mui/material": "^5.9.0",
|
|
16
|
-
"@xylabs/react-button": "^2.14.
|
|
17
|
-
"@xylabs/react-flexbox": "^2.14.
|
|
18
|
-
"@xylabs/react-link": "^2.14.
|
|
19
|
-
"@xylabs/react-pixel": "^2.14.
|
|
20
|
-
"@xylabs/react-shared": "^2.14.
|
|
21
|
-
"@xyo-network/react-app-settings": "^2.26.
|
|
22
|
-
"@xyo-network/react-appbar": "^2.26.
|
|
23
|
-
"@xyo-network/react-footer": "^2.26.
|
|
24
|
-
"@xyo-network/react-shared": "^2.26.
|
|
16
|
+
"@xylabs/react-button": "^2.14.9",
|
|
17
|
+
"@xylabs/react-flexbox": "^2.14.9",
|
|
18
|
+
"@xylabs/react-link": "^2.14.9",
|
|
19
|
+
"@xylabs/react-pixel": "^2.14.9",
|
|
20
|
+
"@xylabs/react-shared": "^2.14.9",
|
|
21
|
+
"@xyo-network/react-app-settings": "^2.26.20",
|
|
22
|
+
"@xyo-network/react-appbar": "^2.26.20",
|
|
23
|
+
"@xyo-network/react-footer": "^2.26.20",
|
|
24
|
+
"@xyo-network/react-shared": "^2.26.20",
|
|
25
25
|
"axios": "^0.27.2",
|
|
26
26
|
"react": "^18.2.0",
|
|
27
27
|
"react-dom": "^18.2.0",
|
|
@@ -85,6 +85,6 @@
|
|
|
85
85
|
},
|
|
86
86
|
"sideEffects": false,
|
|
87
87
|
"types": "dist/esm/index.d.ts",
|
|
88
|
-
"version": "2.26.
|
|
89
|
-
"
|
|
88
|
+
"version": "2.26.20",
|
|
89
|
+
"type": "module"
|
|
90
90
|
}
|