@xyo-network/react-shared 2.25.45 → 2.25.48
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/BasicHero/BasicHero.d.ts +1 -1
- package/dist/cjs/components/BasicHero/BasicHero.js +7 -5
- package/dist/cjs/components/BasicHero/BasicHero.js.map +1 -1
- package/dist/cjs/components/ErrorBoundry.js +2 -2
- package/dist/cjs/components/ErrorBoundry.js.map +1 -1
- package/dist/cjs/components/ErrorPage.js +2 -2
- package/dist/cjs/components/ErrorPage.js.map +1 -1
- package/dist/cjs/components/FlexPage.d.ts +1 -1
- package/dist/cjs/components/FlexPage.js +7 -5
- package/dist/cjs/components/FlexPage.js.map +1 -1
- package/dist/cjs/components/Footer/Copyright.d.ts +1 -1
- package/dist/cjs/components/Footer/Copyright.js +2 -2
- package/dist/cjs/components/Footer/Copyright.js.map +1 -1
- package/dist/cjs/components/Footer/DeveloperLinks.d.ts +1 -1
- package/dist/cjs/components/Footer/Footer.d.ts +1 -1
- package/dist/cjs/components/Footer/Footer.js +3 -3
- package/dist/cjs/components/Footer/Footer.js.map +1 -1
- package/dist/cjs/components/Footer/Link.d.ts +1 -1
- package/dist/cjs/components/Footer/Link.js +3 -3
- package/dist/cjs/components/Footer/Link.js.map +1 -1
- package/dist/cjs/components/Footer/Links.d.ts +1 -1
- package/dist/cjs/components/Footer/Links.js +2 -2
- package/dist/cjs/components/Footer/Links.js.map +1 -1
- package/dist/cjs/components/Footer/MoreLinks.d.ts +1 -1
- package/dist/cjs/components/Footer/NetworkLinks.d.ts +1 -1
- package/dist/cjs/components/Footer/SocialLinks.d.ts +1 -1
- package/dist/cjs/components/Footer/SocialLinks.js +2 -2
- package/dist/cjs/components/Footer/SocialLinks.js.map +1 -1
- package/dist/cjs/components/Footer/SupportLinks.d.ts +1 -1
- package/dist/cjs/components/Footer/XyoTokens.d.ts +1 -1
- package/dist/cjs/components/FullWidthCard/FullWidthCard.js +2 -2
- package/dist/cjs/components/FullWidthCard/FullWidthCard.js.map +1 -1
- package/dist/cjs/components/JsonRouteWrapper/JsonApiButton.d.ts +1 -1
- package/dist/cjs/components/JsonRouteWrapper/JsonApiButton.js +2 -2
- package/dist/cjs/components/JsonRouteWrapper/JsonApiButton.js.map +1 -1
- package/dist/cjs/components/JsonRouteWrapper/JsonFromUrl.js +5 -3
- package/dist/cjs/components/JsonRouteWrapper/JsonFromUrl.js.map +1 -1
- package/dist/cjs/components/JsonRouteWrapper/JsonRouteWrapper.d.ts +1 -1
- package/dist/cjs/components/JsonRouteWrapper/JsonRouteWrapper.js +7 -4
- package/dist/cjs/components/JsonRouteWrapper/JsonRouteWrapper.js.map +1 -1
- package/dist/cjs/components/NotFound/NotFound.d.ts +1 -1
- package/dist/cjs/components/NotFound/NotFound.js +2 -2
- package/dist/cjs/components/NotFound/NotFound.js.map +1 -1
- package/dist/cjs/components/ScrollTableOnSm.d.ts +1 -1
- package/dist/cjs/components/SectionSpacingRow/SectionSpacingRow.d.ts +1 -1
- package/dist/cjs/components/SectionSpacingRow/SectionSpacingRow.js +2 -2
- package/dist/cjs/components/SectionSpacingRow/SectionSpacingRow.js.map +1 -1
- package/dist/cjs/components/SimpleCard/SimpleCard.js +2 -2
- package/dist/cjs/components/SimpleCard/SimpleCard.js.map +1 -1
- package/dist/cjs/components/TableCell/EllipsisTableCell.js +2 -2
- package/dist/cjs/components/TableCell/EllipsisTableCell.js.map +1 -1
- package/dist/cjs/components/TypeDocViewer/CommentViewer.d.ts +1 -1
- package/dist/cjs/components/TypeDocViewer/CommentViewer.js +2 -2
- package/dist/cjs/components/TypeDocViewer/CommentViewer.js.map +1 -1
- package/dist/cjs/components/TypeDocViewer/JsonViewerButton.d.ts +1 -1
- package/dist/cjs/components/TypeDocViewer/JsonViewerButton.js +2 -2
- package/dist/cjs/components/TypeDocViewer/JsonViewerButton.js.map +1 -1
- package/dist/cjs/components/TypeDocViewer/ReflectionViewer/NameViewer.d.ts +1 -1
- package/dist/cjs/components/TypeDocViewer/ReflectionViewer/NameViewer.js +2 -2
- package/dist/cjs/components/TypeDocViewer/ReflectionViewer/NameViewer.js.map +1 -1
- package/dist/cjs/components/TypeDocViewer/ReflectionViewer/ReflectionGroupViewer.js +2 -2
- package/dist/cjs/components/TypeDocViewer/ReflectionViewer/ReflectionGroupViewer.js.map +1 -1
- package/dist/cjs/components/TypeDocViewer/ReflectionViewer/ReflectionViewer.js +2 -2
- package/dist/cjs/components/TypeDocViewer/ReflectionViewer/ReflectionViewer.js.map +1 -1
- package/dist/cjs/components/TypeDocViewer/ReflectionViewer/ReflectionViewerProps.d.ts +1 -1
- package/dist/cjs/components/TypeDocViewer/SourceViewer.d.ts +1 -1
- package/dist/cjs/components/TypeDocViewer/SourceViewer.js +2 -2
- package/dist/cjs/components/TypeDocViewer/SourceViewer.js.map +1 -1
- package/dist/cjs/components/TypeDocViewer/TreeViewer/Reflection.d.ts +1 -1
- package/dist/cjs/components/TypeDocViewer/TreeViewer/Reflection.js +2 -2
- package/dist/cjs/components/TypeDocViewer/TreeViewer/Reflection.js.map +1 -1
- package/dist/cjs/components/TypeDocViewer/TreeViewer/ReflectionGroup.js +2 -2
- package/dist/cjs/components/TypeDocViewer/TreeViewer/ReflectionGroup.js.map +1 -1
- package/dist/cjs/components/TypeDocViewer/TwoPanelReflectionViewer.js +5 -5
- package/dist/cjs/components/TypeDocViewer/TwoPanelReflectionViewer.js.map +1 -1
- package/dist/cjs/contexts/AppSettings/Provider.d.ts +1 -1
- package/dist/cjs/contexts/Pixel/Provider.d.ts +1 -1
- package/dist/docs.json +5350 -5350
- package/dist/esm/components/BasicHero/BasicHero.d.ts +1 -1
- package/dist/esm/components/BasicHero/BasicHero.js +3 -1
- package/dist/esm/components/BasicHero/BasicHero.js.map +1 -1
- package/dist/esm/components/ErrorBoundry.js +1 -1
- package/dist/esm/components/ErrorBoundry.js.map +1 -1
- package/dist/esm/components/ErrorPage.js +1 -1
- package/dist/esm/components/ErrorPage.js.map +1 -1
- package/dist/esm/components/FlexPage.d.ts +1 -1
- package/dist/esm/components/FlexPage.js +3 -1
- package/dist/esm/components/FlexPage.js.map +1 -1
- package/dist/esm/components/Footer/Copyright.d.ts +1 -1
- package/dist/esm/components/Footer/Copyright.js +1 -1
- package/dist/esm/components/Footer/Copyright.js.map +1 -1
- package/dist/esm/components/Footer/DeveloperLinks.d.ts +1 -1
- package/dist/esm/components/Footer/Footer.d.ts +1 -1
- package/dist/esm/components/Footer/Footer.js +1 -1
- package/dist/esm/components/Footer/Footer.js.map +1 -1
- package/dist/esm/components/Footer/Link.d.ts +1 -1
- package/dist/esm/components/Footer/Link.js +1 -1
- package/dist/esm/components/Footer/Link.js.map +1 -1
- package/dist/esm/components/Footer/Links.d.ts +1 -1
- package/dist/esm/components/Footer/Links.js +1 -1
- package/dist/esm/components/Footer/Links.js.map +1 -1
- package/dist/esm/components/Footer/MoreLinks.d.ts +1 -1
- package/dist/esm/components/Footer/NetworkLinks.d.ts +1 -1
- package/dist/esm/components/Footer/SocialLinks.d.ts +1 -1
- package/dist/esm/components/Footer/SocialLinks.js +1 -1
- package/dist/esm/components/Footer/SocialLinks.js.map +1 -1
- package/dist/esm/components/Footer/SupportLinks.d.ts +1 -1
- package/dist/esm/components/Footer/XyoTokens.d.ts +1 -1
- package/dist/esm/components/FullWidthCard/FullWidthCard.js +1 -1
- package/dist/esm/components/FullWidthCard/FullWidthCard.js.map +1 -1
- package/dist/esm/components/JsonRouteWrapper/JsonApiButton.d.ts +1 -1
- package/dist/esm/components/JsonRouteWrapper/JsonApiButton.js +1 -1
- package/dist/esm/components/JsonRouteWrapper/JsonApiButton.js.map +1 -1
- package/dist/esm/components/JsonRouteWrapper/JsonFromUrl.js +3 -1
- package/dist/esm/components/JsonRouteWrapper/JsonFromUrl.js.map +1 -1
- package/dist/esm/components/JsonRouteWrapper/JsonRouteWrapper.d.ts +1 -1
- package/dist/esm/components/JsonRouteWrapper/JsonRouteWrapper.js +4 -1
- package/dist/esm/components/JsonRouteWrapper/JsonRouteWrapper.js.map +1 -1
- package/dist/esm/components/NotFound/NotFound.d.ts +1 -1
- package/dist/esm/components/NotFound/NotFound.js +1 -1
- package/dist/esm/components/NotFound/NotFound.js.map +1 -1
- package/dist/esm/components/ScrollTableOnSm.d.ts +1 -1
- package/dist/esm/components/SectionSpacingRow/SectionSpacingRow.d.ts +1 -1
- package/dist/esm/components/SectionSpacingRow/SectionSpacingRow.js +1 -1
- package/dist/esm/components/SectionSpacingRow/SectionSpacingRow.js.map +1 -1
- package/dist/esm/components/SimpleCard/SimpleCard.js +1 -1
- package/dist/esm/components/SimpleCard/SimpleCard.js.map +1 -1
- package/dist/esm/components/TableCell/EllipsisTableCell.js +1 -1
- package/dist/esm/components/TableCell/EllipsisTableCell.js.map +1 -1
- package/dist/esm/components/TypeDocViewer/CommentViewer.d.ts +1 -1
- package/dist/esm/components/TypeDocViewer/CommentViewer.js +1 -1
- package/dist/esm/components/TypeDocViewer/CommentViewer.js.map +1 -1
- package/dist/esm/components/TypeDocViewer/JsonViewerButton.d.ts +1 -1
- package/dist/esm/components/TypeDocViewer/JsonViewerButton.js +1 -1
- package/dist/esm/components/TypeDocViewer/JsonViewerButton.js.map +1 -1
- package/dist/esm/components/TypeDocViewer/ReflectionViewer/NameViewer.d.ts +1 -1
- package/dist/esm/components/TypeDocViewer/ReflectionViewer/NameViewer.js +1 -1
- package/dist/esm/components/TypeDocViewer/ReflectionViewer/NameViewer.js.map +1 -1
- package/dist/esm/components/TypeDocViewer/ReflectionViewer/ReflectionGroupViewer.js +1 -1
- package/dist/esm/components/TypeDocViewer/ReflectionViewer/ReflectionGroupViewer.js.map +1 -1
- package/dist/esm/components/TypeDocViewer/ReflectionViewer/ReflectionViewer.js +1 -1
- package/dist/esm/components/TypeDocViewer/ReflectionViewer/ReflectionViewer.js.map +1 -1
- package/dist/esm/components/TypeDocViewer/ReflectionViewer/ReflectionViewerProps.d.ts +1 -1
- package/dist/esm/components/TypeDocViewer/SourceViewer.d.ts +1 -1
- package/dist/esm/components/TypeDocViewer/SourceViewer.js +1 -1
- package/dist/esm/components/TypeDocViewer/SourceViewer.js.map +1 -1
- package/dist/esm/components/TypeDocViewer/TreeViewer/Reflection.d.ts +1 -1
- package/dist/esm/components/TypeDocViewer/TreeViewer/Reflection.js +1 -1
- package/dist/esm/components/TypeDocViewer/TreeViewer/Reflection.js.map +1 -1
- package/dist/esm/components/TypeDocViewer/TreeViewer/ReflectionGroup.js +1 -1
- package/dist/esm/components/TypeDocViewer/TreeViewer/ReflectionGroup.js.map +1 -1
- package/dist/esm/components/TypeDocViewer/TwoPanelReflectionViewer.js +1 -1
- package/dist/esm/components/TypeDocViewer/TwoPanelReflectionViewer.js.map +1 -1
- package/dist/esm/contexts/AppSettings/Provider.d.ts +1 -1
- package/dist/esm/contexts/Pixel/Provider.d.ts +1 -1
- package/package.json +3 -4
- package/src/components/BasicHero/BasicHero.tsx +3 -1
- package/src/components/ErrorBoundry.tsx +1 -1
- package/src/components/ErrorPage.tsx +1 -1
- package/src/components/FlexPage.tsx +3 -1
- package/src/components/Footer/Copyright.tsx +2 -1
- package/src/components/Footer/DeveloperLinks.tsx +1 -1
- package/src/components/Footer/Footer.stories.tsx +1 -1
- package/src/components/Footer/Footer.tsx +1 -1
- package/src/components/Footer/Link.tsx +1 -1
- package/src/components/Footer/Links.tsx +1 -1
- package/src/components/Footer/MoreLinks.tsx +1 -1
- package/src/components/Footer/NetworkLinks.tsx +1 -1
- package/src/components/Footer/SocialLinks.tsx +1 -1
- package/src/components/Footer/SupportLinks.tsx +1 -1
- package/src/components/Footer/XyoTokens.tsx +1 -1
- package/src/components/FullWidthCard/FullWidthCard.tsx +1 -1
- package/src/components/JsonRouteWrapper/JsonApiButton.tsx +1 -1
- package/src/components/JsonRouteWrapper/JsonFromUrl.stories.tsx +1 -1
- package/src/components/JsonRouteWrapper/JsonFromUrl.tsx +3 -1
- package/src/components/JsonRouteWrapper/JsonRouteWrapper.stories.tsx +2 -1
- package/src/components/JsonRouteWrapper/JsonRouteWrapper.tsx +4 -1
- package/src/components/NotFound/NotFound.tsx +1 -1
- package/src/components/ScrollTableOnSm.tsx +1 -1
- package/src/components/SectionSpacingRow/SectionSpacingRow.tsx +1 -1
- package/src/components/SimpleCard/SimpleCard.tsx +1 -1
- package/src/components/StyleGuide/AppBars.example.tsx +2 -1
- package/src/components/StyleGuide/Buttons.example.tsx +1 -1
- package/src/components/StyleGuide/Papers.example.tsx +1 -1
- package/src/components/StyleGuide/StyleGuide.example.tsx +1 -1
- package/src/components/StyleGuide/Texts.example.tsx +1 -1
- package/src/components/TableCell/EllipsisTableCell.tsx +1 -1
- package/src/components/TypeDocViewer/CommentViewer.tsx +1 -1
- package/src/components/TypeDocViewer/JsonViewerButton.tsx +1 -1
- package/src/components/TypeDocViewer/ReflectionViewer/NameViewer.tsx +1 -1
- package/src/components/TypeDocViewer/ReflectionViewer/ReflectionGroupViewer.tsx +1 -1
- package/src/components/TypeDocViewer/ReflectionViewer/ReflectionViewer.tsx +1 -1
- package/src/components/TypeDocViewer/ReflectionViewer/ReflectionViewerProps.tsx +1 -1
- package/src/components/TypeDocViewer/SourceViewer.tsx +1 -1
- package/src/components/TypeDocViewer/TreeViewer/Reflection.tsx +1 -1
- package/src/components/TypeDocViewer/TreeViewer/ReflectionGroup.tsx +1 -1
- package/src/components/TypeDocViewer/TwoPanelReflectionViewer.tsx +1 -1
- package/src/contexts/AppSettings/Provider.tsx +1 -1
- package/src/contexts/Pixel/Provider.tsx +1 -1
- package/src/hooks/GradientStyles/GradientStyle.stories.tsx +1 -1
- package/src/hooks/useFooterOffsetResizer.stories.tsx +1 -1
|
@@ -4,20 +4,22 @@ exports.BasicHero = void 0;
|
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
6
|
const material_1 = require("@mui/material");
|
|
7
|
-
const
|
|
7
|
+
const react_button_1 = require("@xylabs/react-button");
|
|
8
|
+
const react_common_1 = require("@xylabs/react-common");
|
|
9
|
+
const react_flexbox_1 = require("@xylabs/react-flexbox");
|
|
8
10
|
const hooks_1 = require("../../hooks");
|
|
9
11
|
const SubLinkSection = ({ subLinkText1, subLinkText2, subLinkPath, subLinkIcon, backgroundImageAlignment }) => {
|
|
10
|
-
return ((0, jsx_runtime_1.jsxs)(
|
|
12
|
+
return ((0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexGrowRow, Object.assign({ width: "100%", sx: { flexDirection: { md: 'row', xs: 'column' }, justifyContent: { md: backgroundImageAlignment ? 'flex-start' : 'center', xs: 'center' } } }, { children: [subLinkIcon ? (0, jsx_runtime_1.jsxs)("span", { children: [subLinkIcon, "\u00A0"] }) : null, (0, jsx_runtime_1.jsxs)(material_1.Typography, { children: [subLinkText1, "\u00A0"] }), (0, jsx_runtime_1.jsx)(react_common_1.LinkEx, Object.assign({ href: subLinkPath, underline: "always", target: "_blank", color: "inherit" }, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, { children: subLinkText2 }) }))] })));
|
|
11
13
|
};
|
|
12
14
|
const ButtonSection = ({ href, to, buttonText }) => {
|
|
13
15
|
const isMobile = (0, hooks_1.useIsMobile)();
|
|
14
|
-
return ((0, jsx_runtime_1.jsx)(
|
|
16
|
+
return ((0, jsx_runtime_1.jsx)(react_button_1.ButtonEx, Object.assign({ fullWidth: true, marginTop: 1, marginBottom: 1, marginRight: isMobile ? 2 : 1, marginLeft: isMobile ? 2 : 0, target: href !== null && href !== void 0 ? href : '_blank', to: to, href: href, color: "primary", variant: "contained", paddingX: 3, sx: { display: href || to ? 'flex' : 'none' } }, { children: buttonText })));
|
|
15
17
|
};
|
|
16
18
|
const BasicHero = (_a) => {
|
|
17
19
|
var { backgroundImage, title, gradientTitle, backgroundColor, textColor, desc, heroImage, title2, subLinkText1, subLinkText2, subLinkPath, button1Text, button2Text, button2To, button1To, button2Href, button1Href, subLinkIcon, sx } = _a, props = tslib_1.__rest(_a, ["backgroundImage", "title", "gradientTitle", "backgroundColor", "textColor", "desc", "heroImage", "title2", "subLinkText1", "subLinkText2", "subLinkPath", "button1Text", "button2Text", "button2To", "button1To", "button2Href", "button1Href", "subLinkIcon", "sx"]);
|
|
18
20
|
const isMobile = (0, hooks_1.useIsMobile)();
|
|
19
21
|
const { classes } = (0, hooks_1.useGradientStyles)();
|
|
20
|
-
return ((0, jsx_runtime_1.jsx)(
|
|
22
|
+
return ((0, jsx_runtime_1.jsx)(react_flexbox_1.FlexGrowCol, Object.assign({ sx: Object.assign({ backgroundImage: `url(${backgroundImage})`, backgroundPosition: { lg: 'bottom', md: 'center left', xs: 'top left' }, minHeight: {
|
|
21
23
|
md: '500px',
|
|
22
24
|
sm: '400px',
|
|
23
25
|
xs: '200px',
|
|
@@ -29,7 +31,7 @@ const BasicHero = (_a) => {
|
|
|
29
31
|
} }, props, { children: (0, jsx_runtime_1.jsx)(material_1.Container, { children: (0, jsx_runtime_1.jsxs)(material_1.Grid, Object.assign({ container: true, justifyContent: "center", alignItems: "center", sx: {
|
|
30
32
|
alignItems: { xs: 'center' },
|
|
31
33
|
justifyContent: { xs: 'center' },
|
|
32
|
-
} }, { children: [(0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ item: true, xs: 12, sm: 8, md: backgroundImage ? 6 : 8, lg: backgroundImage ? 6 : 8 }, { children: (0, jsx_runtime_1.jsxs)(
|
|
34
|
+
} }, { children: [(0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ item: true, xs: 12, sm: 8, md: backgroundImage ? 6 : 8, lg: backgroundImage ? 6 : 8 }, { children: (0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexGrowCol, Object.assign({ paddingY: 2, sx: { alignItems: { xs: backgroundImage && !isMobile ? 'flex-start' : 'center' } } }, { children: [(0, jsx_runtime_1.jsxs)(material_1.Typography, Object.assign({ variant: "h1", component: "h1", gutterBottom: true, textAlign: backgroundImage && !isMobile ? 'left' : 'center' }, { children: [title ? (0, jsx_runtime_1.jsx)("span", { children: `${title} ` }) : null, gradientTitle ? (0, jsx_runtime_1.jsxs)("span", Object.assign({ className: classes().heading }, { children: [" ", ` ${gradientTitle}`] })) : null, title2 ? (0, jsx_runtime_1.jsx)("span", { children: ` ${title2}` }) : null] })), (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "body1", component: "h2", gutterBottom: true, textAlign: backgroundImage && !isMobile ? 'left' : 'center' }, { children: desc })), (0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexGrowRow, Object.assign({ sx: { flexDirection: { lg: 'row', xs: 'column' } }, width: "100%", marginTop: 1 }, { children: [(0, jsx_runtime_1.jsx)(ButtonSection, { href: button1Href, to: button1To, buttonText: button1Text }), (0, jsx_runtime_1.jsx)(ButtonSection, { href: button2Href, to: button2To, buttonText: button2Text })] })), (0, jsx_runtime_1.jsx)(SubLinkSection, { subLinkIcon: subLinkIcon, subLinkText1: subLinkText1, subLinkText2: subLinkText2, subLinkPath: subLinkPath, backgroundImageAlignment: backgroundImage ? true : false })] })) })), (0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ item: true, xs: 12, md: 6 }, { children: heroImage ? (0, jsx_runtime_1.jsx)("img", { src: heroImage, width: "100%" }) : null }))] })) }) })));
|
|
33
35
|
};
|
|
34
36
|
exports.BasicHero = BasicHero;
|
|
35
37
|
//# sourceMappingURL=BasicHero.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BasicHero.js","sourceRoot":"","sources":["../../../../src/components/BasicHero/BasicHero.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA2D;AAC3D,
|
|
1
|
+
{"version":3,"file":"BasicHero.js","sourceRoot":"","sources":["../../../../src/components/BasicHero/BasicHero.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.ErrorBoundary = void 0;
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const material_1 = require("@mui/material");
|
|
6
|
-
const
|
|
6
|
+
const react_flexbox_1 = require("@xylabs/react-flexbox");
|
|
7
7
|
const react_1 = require("react");
|
|
8
8
|
class ErrorBoundary extends react_1.Component {
|
|
9
9
|
constructor(props) {
|
|
@@ -19,7 +19,7 @@ class ErrorBoundary extends react_1.Component {
|
|
|
19
19
|
render() {
|
|
20
20
|
var _a, _b;
|
|
21
21
|
if (this.state.error) {
|
|
22
|
-
return ((_a = this.props.fallback) !== null && _a !== void 0 ? _a : ((0, jsx_runtime_1.jsxs)(
|
|
22
|
+
return ((_a = this.props.fallback) !== null && _a !== void 0 ? _a : ((0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexCol, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "h1" }, { children: "Something went wrong." })), (0, jsx_runtime_1.jsxs)(material_1.Typography, Object.assign({ variant: "body1" }, { children: ["[", (_b = this.state.error) === null || _b === void 0 ? void 0 : _b.message, "]"] }))] })));
|
|
23
23
|
}
|
|
24
24
|
return this.props.children;
|
|
25
25
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ErrorBoundry.js","sourceRoot":"","sources":["../../../src/components/ErrorBoundry.tsx"],"names":[],"mappings":";;;;AAAA,4CAA0C;AAC1C,
|
|
1
|
+
{"version":3,"file":"ErrorBoundry.js","sourceRoot":"","sources":["../../../src/components/ErrorBoundry.tsx"],"names":[],"mappings":";;;;AAAA,4CAA0C;AAC1C,yDAA+C;AAC/C,iCAAuD;AAWvD,MAAa,aAAc,SAAQ,iBAAiD;IAClF,YAAY,KAAyB;QACnC,KAAK,CAAC,KAAK,CAAC,CAAA;QACZ,IAAI,CAAC,KAAK,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,CAAA;IACnC,CAAC;IAED,MAAM,CAAC,wBAAwB,CAAC,KAAY;QAC1C,OAAO,EAAE,KAAK,EAAE,CAAA;IAClB,CAAC;IAED,iBAAiB,CAAC,KAAY,EAAE,SAAoB;QAClD,OAAO,CAAC,KAAK,CAAC,GAAG,KAAK,KAAK,SAAS,EAAE,CAAC,CAAA;IACzC,CAAC;IAED,MAAM;;QACJ,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE;YACpB,OAAO,CACL,MAAA,IAAI,CAAC,KAAK,CAAC,QAAQ,mCAAI,CACrB,wBAAC,uBAAO,eACN,uBAAC,qBAAU,kBAAC,OAAO,EAAC,IAAI,2CAAmC,EAC3D,wBAAC,qBAAU,kBAAC,OAAO,EAAC,OAAO,sBAAG,MAAA,IAAI,CAAC,KAAK,CAAC,KAAK,0CAAE,OAAO,UAAe,IAC9D,CACX,CACF,CAAA;SACF;QAED,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAA;IAC5B,CAAC;CACF;AA5BD,sCA4BC"}
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.ErrorPage = void 0;
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
const
|
|
5
|
+
const react_button_1 = require("@xylabs/react-button");
|
|
6
6
|
const FlexPage_1 = require("./FlexPage");
|
|
7
|
-
const ErrorPage = () => ((0, jsx_runtime_1.jsxs)(FlexPage_1.FlexPage, Object.assign({ title: "Oops! Something went wrong" }, { children: [(0, jsx_runtime_1.jsx)("h1", { children: "Oops! Something went wrong!" }), (0, jsx_runtime_1.jsx)(
|
|
7
|
+
const ErrorPage = () => ((0, jsx_runtime_1.jsxs)(FlexPage_1.FlexPage, Object.assign({ title: "Oops! Something went wrong" }, { 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
8
|
exports.ErrorPage = ErrorPage;
|
|
9
9
|
//# sourceMappingURL=ErrorPage.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ErrorPage.js","sourceRoot":"","sources":["../../../src/components/ErrorPage.tsx"],"names":[],"mappings":";;;;AAAA,
|
|
1
|
+
{"version":3,"file":"ErrorPage.js","sourceRoot":"","sources":["../../../src/components/ErrorPage.tsx"],"names":[],"mappings":";;;;AAAA,uDAA+C;AAE/C,yCAAqC;AAE9B,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,CAC7B,wBAAC,mBAAQ,kBAAC,KAAK,EAAC,4BAA4B,iBAC1C,yEAAoC,EACpC,uBAAC,uBAAQ,kBAAC,IAAI,EAAC,GAAG,EAAC,OAAO,EAAC,WAAW,8BAE3B,KACF,CACZ,CAAA;AAPY,QAAA,SAAS,aAOrB"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ContainerProps } from '@mui/material';
|
|
2
|
-
import { FlexBoxProps } from '@xylabs/
|
|
2
|
+
import { FlexBoxProps } from '@xylabs/react-flexbox';
|
|
3
3
|
import { ReactNode } from 'react';
|
|
4
4
|
export interface FlexPageProps extends FlexBoxProps {
|
|
5
5
|
container?: ContainerProps['maxWidth'];
|
|
@@ -4,20 +4,22 @@ exports.FlexPage = void 0;
|
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
6
|
const material_1 = require("@mui/material");
|
|
7
|
-
const
|
|
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");
|
|
8
10
|
const react_helmet_1 = require("react-helmet");
|
|
9
11
|
const react_router_dom_1 = require("react-router-dom");
|
|
10
12
|
const FlexPage = (_a) => {
|
|
11
13
|
var { title, container = 'xl', breadcrumbs, children } = _a, props = tslib_1.__rest(_a, ["title", "container", "breadcrumbs", "children"]);
|
|
12
|
-
const userEvents = (0,
|
|
14
|
+
const userEvents = (0, react_pixel_1.useUserEvents)();
|
|
13
15
|
const { pathname } = (0, react_router_dom_1.useLocation)();
|
|
14
|
-
(0,
|
|
16
|
+
(0, react_shared_1.useAsyncEffect)(
|
|
15
17
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
16
18
|
() => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
|
|
17
19
|
yield (userEvents === null || userEvents === void 0 ? void 0 : userEvents.viewContent({ name: title !== null && title !== void 0 ? title : 'NodeBasePage', path: location.pathname }));
|
|
18
20
|
}), [pathname, title, userEvents]);
|
|
19
|
-
const Body = (props) => ((0, jsx_runtime_1.jsxs)(
|
|
20
|
-
return ((0, jsx_runtime_1.jsxs)(
|
|
21
|
+
const Body = (props) => ((0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexGrowCol, Object.assign({ gap: 2, paddingY: 2, justifyContent: "flex-start", alignItems: "stretch" }, props, { children: [breadcrumbs, children] })));
|
|
22
|
+
return ((0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexGrowCol, Object.assign({ alignItems: "stretch", justifyContent: "flex-start", minHeight: 0, overflow: "visible scroll" }, { children: [(0, jsx_runtime_1.jsx)(react_helmet_1.Helmet, { title: title }), container ? ((0, jsx_runtime_1.jsx)(material_1.Container, Object.assign({ 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({}, props)))] })));
|
|
21
23
|
};
|
|
22
24
|
exports.FlexPage = FlexPage;
|
|
23
25
|
//# sourceMappingURL=FlexPage.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FlexPage.js","sourceRoot":"","sources":["../../../src/components/FlexPage.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAyD;AACzD,
|
|
1
|
+
{"version":3,"file":"FlexPage.js","sourceRoot":"","sources":["../../../src/components/FlexPage.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAyD;AACzD,yDAAiE;AACjE,qDAAmD;AACnD,uDAAqD;AAErD,+CAAqC;AACrC,uDAA8C;AAMvC,MAAM,QAAQ,GAA4B,CAAC,EAA4D,EAAE,EAAE;QAAhE,EAAE,KAAK,EAAE,SAAS,GAAG,IAAI,EAAE,WAAW,EAAE,QAAQ,OAAY,EAAP,KAAK,sBAA1D,iDAA4D,CAAF;IAC1G,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,CAAC,EAAE,cAAc,EAAC,YAAY,EAAC,UAAU,EAAC,SAAS,IAAK,KAAK,eACzF,WAAW,EACX,QAAQ,KACG,CACf,CAAA;IAED,OAAO,CACL,wBAAC,2BAAW,kBAAC,UAAU,EAAC,SAAS,EAAC,cAAc,EAAC,YAAY,EAAC,SAAS,EAAE,CAAC,EAAE,QAAQ,EAAC,gBAAgB,iBACnG,uBAAC,qBAAM,IAAC,KAAK,EAAE,KAAK,GAAI,EACvB,SAAS,CAAC,CAAC,CAAC,CACX,uBAAC,oBAAS,kBAAC,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,EAAE,cAAc,EAAE,YAAY,EAAE,EAAE,QAAQ,EAAE,SAAS,gBACnJ,uBAAC,IAAI,oBAAK,KAAK,EAAI,IACT,CACb,CAAC,CAAC,CAAC,CACF,uBAAC,IAAI,oBAAK,KAAK,EAAI,CACpB,KACW,CACf,CAAA;AACH,CAAC,CAAA;AA/BY,QAAA,QAAQ,YA+BpB"}
|
|
@@ -4,7 +4,7 @@ exports.Copyright = void 0;
|
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
6
|
const MoreHoriz_1 = tslib_1.__importDefault(require("@mui/icons-material/MoreHoriz"));
|
|
7
|
-
const
|
|
7
|
+
const react_flexbox_1 = require("@xylabs/react-flexbox");
|
|
8
8
|
const Link_1 = require("./Link");
|
|
9
9
|
const footerLinks = [
|
|
10
10
|
{
|
|
@@ -30,7 +30,7 @@ const footerLinks = [
|
|
|
30
30
|
];
|
|
31
31
|
const Copyright = (_a) => {
|
|
32
32
|
var { style, onMore } = _a, props = tslib_1.__rest(_a, ["style", "onMore"]);
|
|
33
|
-
return ((0, jsx_runtime_1.jsxs)(
|
|
33
|
+
return ((0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexRow, Object.assign({ flexWrap: "wrap", textTransform: "uppercase", style: Object.assign({ opacity: 0.6 }, style) }, props, { children: [footerLinks.map((footerLink, index) => ((0, jsx_runtime_1.jsx)(Link_1.FooterLink, Object.assign({ noWrap: true, paddingX: 1, margin: 0 }, footerLink, { children: (0, jsx_runtime_1.jsx)("small", { children: footerLink.title }) }), index))), onMore ? ((0, jsx_runtime_1.jsx)(react_flexbox_1.FlexRow, Object.assign({ style: { cursor: 'pointer' }, paddingX: 0.5, onClick: onMore }, { children: (0, jsx_runtime_1.jsx)(MoreHoriz_1.default, { color: "primary", fontSize: "small" }) }))) : null] })));
|
|
34
34
|
};
|
|
35
35
|
exports.Copyright = Copyright;
|
|
36
36
|
//# sourceMappingURL=Copyright.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Copyright.js","sourceRoot":"","sources":["../../../../src/components/Footer/Copyright.tsx"],"names":[],"mappings":";;;;;AAAA,sFAAyD;
|
|
1
|
+
{"version":3,"file":"Copyright.js","sourceRoot":"","sources":["../../../../src/components/Footer/Copyright.tsx"],"names":[],"mappings":";;;;;AAAA,sFAAyD;AAEzD,yDAA6D;AAE7D,iCAAmC;AAMnC,MAAM,WAAW,GAAkB;IACjC;QACE,IAAI,EAAE,qBAAqB;QAC3B,KAAK,EAAE,eAAe,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,gBAAgB;KAC/D;IACD;QACE,IAAI,EAAE,sBAAsB;QAC5B,KAAK,EAAE,gBAAgB;KACxB;IACD;QACE,IAAI,EAAE,6BAA6B;QACnC,KAAK,EAAE,SAAS;KACjB;IACD;QACE,IAAI,EAAE,2BAA2B;QACjC,KAAK,EAAE,OAAO;KACf;IACD;QACE,IAAI,EAAE,yBAAyB;QAC/B,KAAK,EAAE,SAAS;KACjB;CACF,CAAA;AAEM,MAAM,SAAS,GAA6B,CAAC,EAA2B,EAAE,EAAE;QAA/B,EAAE,KAAK,EAAE,MAAM,OAAY,EAAP,KAAK,sBAAzB,mBAA2B,CAAF;IAAO,OAAA,CAClF,wBAAC,uBAAO,kBAAC,QAAQ,EAAC,MAAM,EAAC,aAAa,EAAC,WAAW,EAAC,KAAK,kBAAI,OAAO,EAAE,GAAG,IAAK,KAAK,KAAQ,KAAK,eAC5F,WAAW,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE,CAAC,CACtC,uBAAC,iBAAU,kBAAC,MAAM,QAAa,QAAQ,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,IAAM,UAAU,cACnE,4CAAQ,UAAU,CAAC,KAAK,GAAS,KADX,KAAK,CAEhB,CACd,CAAC,EACD,MAAM,CAAC,CAAC,CAAC,CACR,uBAAC,uBAAO,kBAAC,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,gBACnE,uBAAC,mBAAa,IAAC,KAAK,EAAC,SAAS,EAAC,QAAQ,EAAC,OAAO,GAAG,IAC1C,CACX,CAAC,CAAC,CAAC,IAAI,KACA,CACX,CAAA;CAAA,CAAA;AAbY,QAAA,SAAS,aAarB"}
|
|
@@ -4,7 +4,7 @@ exports.Footer = void 0;
|
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
6
|
const material_1 = require("@mui/material");
|
|
7
|
-
const
|
|
7
|
+
const react_flexbox_1 = require("@xylabs/react-flexbox");
|
|
8
8
|
const react_1 = require("react");
|
|
9
9
|
const Copyright_1 = require("./Copyright");
|
|
10
10
|
const DeveloperLinks_1 = require("./DeveloperLinks");
|
|
@@ -19,9 +19,9 @@ const Footer = (_a) => {
|
|
|
19
19
|
const onMore = () => {
|
|
20
20
|
setMore(!more);
|
|
21
21
|
};
|
|
22
|
-
return ((0, jsx_runtime_1.jsxs)(
|
|
22
|
+
return ((0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexCol, Object.assign({ onMouseLeave: () => {
|
|
23
23
|
setMore(false);
|
|
24
|
-
}, alignItems: "stretch" }, props, { children: [more || !dynamicHeight ? ((0, jsx_runtime_1.jsx)(
|
|
24
|
+
}, alignItems: "stretch" }, props, { children: [more || !dynamicHeight ? ((0, jsx_runtime_1.jsx)(react_flexbox_1.FlexRow, Object.assign({ alignItems: "flex-start" }, { children: (0, jsx_runtime_1.jsx)(material_1.Container, { children: (0, jsx_runtime_1.jsxs)(material_1.Grid, Object.assign({ container: true, justifyContent: "space-between", alignItems: "flex-start" }, { children: [(0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ item: true, xs: 12, md: 2 }, { children: (0, jsx_runtime_1.jsx)(SocialLinks_1.SocialLinks, { alignItems: "flex-start" }) })), (0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ item: true, xs: 6, md: 2 }, { children: (0, jsx_runtime_1.jsx)(NetworkLinks_1.NetworkLinks, { alignItems: "flex-start" }) })), (0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ item: true, xs: 6, md: 2 }, { children: (0, jsx_runtime_1.jsx)(XyoTokens_1.XyoTokens, { alignItems: "flex-start" }) })), (0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ item: true, xs: 6, md: 2 }, { children: (0, jsx_runtime_1.jsx)(DeveloperLinks_1.DeveloperLinks, { alignItems: "flex-start" }) })), (0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ item: true, xs: 6, md: 2 }, { children: (0, jsx_runtime_1.jsx)(MoreLinks_1.MoreLinks, { alignItems: "flex-start" }) })), (0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ item: true, xs: 6, md: 2 }, { children: (0, jsx_runtime_1.jsx)(SupportLinks_1.SupportLinks, { alignItems: "flex-start" }) }))] })) }) }))) : null, (0, jsx_runtime_1.jsx)(react_flexbox_1.FlexRow, { children: (0, jsx_runtime_1.jsx)(material_1.Container, { children: (0, jsx_runtime_1.jsx)(Copyright_1.Copyright, { onMore: onMore }) }) })] })));
|
|
25
25
|
};
|
|
26
26
|
exports.Footer = Footer;
|
|
27
27
|
//# sourceMappingURL=Footer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Footer.js","sourceRoot":"","sources":["../../../../src/components/Footer/Footer.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA+C;AAC/C,
|
|
1
|
+
{"version":3,"file":"Footer.js","sourceRoot":"","sources":["../../../../src/components/Footer/Footer.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA+C;AAC/C,yDAAsE;AACtE,iCAAgC;AAEhC,2CAAuC;AACvC,qDAAiD;AACjD,2CAAuC;AACvC,iDAA6C;AAC7C,+CAA2C;AAC3C,iDAA6C;AAC7C,2CAAuC;AAOhC,MAAM,MAAM,GAA0B,CAAC,EAAmC,EAAE,EAAE;QAAvC,EAAE,aAAa,GAAG,KAAK,OAAY,EAAP,KAAK,sBAAjC,iBAAmC,CAAF;IAC7E,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IACvC,MAAM,MAAM,GAAG,GAAG,EAAE;QAClB,OAAO,CAAC,CAAC,IAAI,CAAC,CAAA;IAChB,CAAC,CAAA;IACD,OAAO,CACL,wBAAC,uBAAO,kBACN,YAAY,EAAE,GAAG,EAAE;YACjB,OAAO,CAAC,KAAK,CAAC,CAAA;QAChB,CAAC,EACD,UAAU,EAAC,SAAS,IAChB,KAAK,eAER,IAAI,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CACxB,uBAAC,uBAAO,kBAAC,UAAU,EAAC,YAAY,gBAC9B,uBAAC,oBAAS,cACR,wBAAC,eAAI,kBAAC,SAAS,QAAC,cAAc,EAAC,eAAe,EAAC,UAAU,EAAC,YAAY,iBACpE,uBAAC,eAAI,kBAAC,IAAI,QAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,gBACtB,uBAAC,yBAAW,IAAC,UAAU,EAAC,YAAY,GAAG,IAClC,EACP,uBAAC,eAAI,kBAAC,IAAI,QAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,gBACrB,uBAAC,2BAAY,IAAC,UAAU,EAAC,YAAY,GAAG,IACnC,EACP,uBAAC,eAAI,kBAAC,IAAI,QAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,gBACrB,uBAAC,qBAAS,IAAC,UAAU,EAAC,YAAY,GAAG,IAChC,EACP,uBAAC,eAAI,kBAAC,IAAI,QAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,gBACrB,uBAAC,+BAAc,IAAC,UAAU,EAAC,YAAY,GAAG,IACrC,EACP,uBAAC,eAAI,kBAAC,IAAI,QAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,gBACrB,uBAAC,qBAAS,IAAC,UAAU,EAAC,YAAY,GAAG,IAChC,EACP,uBAAC,eAAI,kBAAC,IAAI,QAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,gBACrB,uBAAC,2BAAY,IAAC,UAAU,EAAC,YAAY,GAAG,IACnC,KACF,GACG,IACJ,CACX,CAAC,CAAC,CAAC,IAAI,EACR,uBAAC,uBAAO,cACN,uBAAC,oBAAS,cACR,uBAAC,qBAAS,IAAC,MAAM,EAAE,MAAM,GAAI,GACnB,GACJ,KACF,CACX,CAAA;AACH,CAAC,CAAA;AA9CY,QAAA,MAAM,UA8ClB"}
|
|
@@ -3,8 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.FooterLink = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
+
const react_common_1 = require("@xylabs/react-common");
|
|
6
7
|
const sdk_js_1 = require("@xylabs/sdk-js");
|
|
7
|
-
const sdk_react_1 = require("@xylabs/sdk-react");
|
|
8
8
|
/**
|
|
9
9
|
* @description
|
|
10
10
|
* FooterLink automatically uses a local To if the link is to the current domain
|
|
@@ -31,10 +31,10 @@ const FooterLink = (_a) => {
|
|
|
31
31
|
const convertedUrl = convertToBetaIfNeeded(url);
|
|
32
32
|
if (document.location.hostname === convertedUrl.hostname) {
|
|
33
33
|
const to = url.search.length > 0 ? `${convertedUrl.pathname}${convertedUrl.search}` : url.pathname;
|
|
34
|
-
return (0, jsx_runtime_1.jsx)(
|
|
34
|
+
return (0, jsx_runtime_1.jsx)(react_common_1.LinkEx, Object.assign({ margin: margin, to: to, target: target, variant: variant }, props));
|
|
35
35
|
}
|
|
36
36
|
else {
|
|
37
|
-
return (0, jsx_runtime_1.jsx)(
|
|
37
|
+
return (0, jsx_runtime_1.jsx)(react_common_1.LinkEx, Object.assign({ margin: margin, href: href, target: target !== null && target !== void 0 ? target : '_blank', variant: variant }, props));
|
|
38
38
|
}
|
|
39
39
|
};
|
|
40
40
|
exports.FooterLink = FooterLink;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../../../src/components/Footer/Link.tsx"],"names":[],"mappings":";;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../../../src/components/Footer/Link.tsx"],"names":[],"mappings":";;;;;AAAA,uDAA0D;AAC1D,2CAAyC;AAEzC;;;;;GAKG;AAEH,MAAM,qBAAqB,GAAG,CAAC,GAAiB,EAAE,UAAU,GAAG,IAAI,GAAG,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE;IAChG,MAAM,MAAM,GAAG,OAAO,GAAG,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAA;IAC3D,MAAM,aAAa,GAAG,OAAO,UAAU,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU,CAAA;IACvF,MAAM,oBAAoB,GAAG,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;IAC9D,MAAM,IAAI,GAAG,oBAAoB,CAAC,KAAK,EAAE,KAAK,MAAM,CAAA;IACpD,IAAI,IAAI,EAAE;QACR,MAAM,0BAA0B,GAAG,oBAAoB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;QACjE,IAAI,0BAA0B,KAAK,MAAM,CAAC,QAAQ,EAAE;YAClD,MAAM,CAAC,QAAQ,GAAG,aAAa,CAAC,QAAQ,CAAA;SACzC;KACF;IACD,OAAO,MAAM,CAAA;AACf,CAAC,CAAA;AAEM,MAAM,UAAU,GAA0B,CAAC,EAA2D,EAAE,EAAE;QAA/D,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,GAAG,EAAE,OAAO,GAAG,OAAO,OAAY,EAAP,KAAK,sBAAzD,uCAA2D,CAAF;IACzG,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,IAAA,iBAAQ,EAAC,IAAI,EAAE,cAAc,CAAC,CAAC,CAAA;IACnD,IAAA,iBAAQ,EAAC,GAAG,CAAC,QAAQ,EAAE,8BAA8B,CAAC,CAAA;IACtD,MAAM,YAAY,GAAG,qBAAqB,CAAC,GAAG,CAAC,CAAA;IAC/C,IAAI,QAAQ,CAAC,QAAQ,CAAC,QAAQ,KAAK,YAAY,CAAC,QAAQ,EAAE;QACxD,MAAM,EAAE,GAAG,GAAG,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,YAAY,CAAC,QAAQ,GAAG,YAAY,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAA;QAClG,OAAO,uBAAC,qBAAM,kBAAC,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,IAAM,KAAK,EAAI,CAAA;KACvF;SAAM;QACL,OAAO,uBAAC,qBAAM,kBAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,QAAQ,EAAE,OAAO,EAAE,OAAO,IAAM,KAAK,EAAI,CAAA;KACvG;AACH,CAAC,CAAA;AAVY,QAAA,UAAU,cAUtB"}
|
|
@@ -4,10 +4,10 @@ exports.FooterLinks = void 0;
|
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
6
|
const material_1 = require("@mui/material");
|
|
7
|
-
const
|
|
7
|
+
const react_flexbox_1 = require("@xylabs/react-flexbox");
|
|
8
8
|
const FooterLinks = (_a) => {
|
|
9
9
|
var { children, title } = _a, props = tslib_1.__rest(_a, ["children", "title"]);
|
|
10
|
-
return ((0, jsx_runtime_1.jsxs)(
|
|
10
|
+
return ((0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexCol, Object.assign({ margin: 1, justifyContent: "flex-start", title: title }, props, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ margin: 0.5, variant: "h6", noWrap: true }, { children: title })), children] })));
|
|
11
11
|
};
|
|
12
12
|
exports.FooterLinks = FooterLinks;
|
|
13
13
|
//# sourceMappingURL=Links.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Links.js","sourceRoot":"","sources":["../../../../src/components/Footer/Links.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA0C;AAC1C,
|
|
1
|
+
{"version":3,"file":"Links.js","sourceRoot":"","sources":["../../../../src/components/Footer/Links.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA0C;AAC1C,yDAA6D;AAEtD,MAAM,WAAW,GAA2B,CAAC,EAA6B,EAAE,EAAE;QAAjC,EAAE,QAAQ,EAAE,KAAK,OAAY,EAAP,KAAK,sBAA3B,qBAA6B,CAAF;IAC7E,OAAO,CACL,wBAAC,uBAAO,kBAAC,MAAM,EAAE,CAAC,EAAE,cAAc,EAAC,YAAY,EAAC,KAAK,EAAE,KAAK,IAAM,KAAK,eACrE,uBAAC,qBAAU,kBAAC,MAAM,EAAE,GAAG,EAAE,OAAO,EAAC,IAAI,EAAC,MAAM,sBACzC,KAAK,IACK,EACZ,QAAQ,KACD,CACX,CAAA;AACH,CAAC,CAAA;AATY,QAAA,WAAW,eASvB"}
|
|
@@ -3,12 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.SocialLinks = void 0;
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const icons_material_1 = require("@mui/icons-material");
|
|
6
|
-
const
|
|
6
|
+
const react_flexbox_1 = require("@xylabs/react-flexbox");
|
|
7
7
|
const fa_1 = require("react-icons/fa");
|
|
8
8
|
const Link_1 = require("./Link");
|
|
9
9
|
const Links_1 = require("./Links");
|
|
10
10
|
const SocialLinks = (props) => {
|
|
11
|
-
return ((0, jsx_runtime_1.jsx)(Links_1.FooterLinks, Object.assign({ title: "XYO Socials" }, props, { children: (0, jsx_runtime_1.jsxs)(
|
|
11
|
+
return ((0, jsx_runtime_1.jsx)(Links_1.FooterLinks, Object.assign({ title: "XYO Socials" }, props, { children: (0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexRow, Object.assign({ flexWrap: "wrap", justifyContent: "flex-start" }, { children: [(0, jsx_runtime_1.jsx)(Link_1.FooterLink, Object.assign({ href: "https://business.facebook.com/OfficialXYO/" }, { children: (0, jsx_runtime_1.jsx)(icons_material_1.Facebook, {}) })), (0, jsx_runtime_1.jsx)(Link_1.FooterLink, Object.assign({ href: "https://twitter.com/OfficialXYO" }, { children: (0, jsx_runtime_1.jsx)(icons_material_1.Twitter, {}) })), (0, jsx_runtime_1.jsx)(Link_1.FooterLink, Object.assign({ href: "https://www.instagram.com/officialxyo/" }, { children: (0, jsx_runtime_1.jsx)(icons_material_1.Instagram, {}) })), (0, jsx_runtime_1.jsx)(Link_1.FooterLink, Object.assign({ href: "https://t.me/xyonetwork" }, { children: (0, jsx_runtime_1.jsx)(icons_material_1.Telegram, {}) })), (0, jsx_runtime_1.jsx)(Link_1.FooterLink, Object.assign({ href: "https://www.reddit.com/r/XYONetwork/" }, { children: (0, jsx_runtime_1.jsx)(icons_material_1.Reddit, {}) })), (0, jsx_runtime_1.jsx)(Link_1.FooterLink, Object.assign({ href: "https://www.youtube.com/channel/UCyZDqb9pgntVHJVt1pxXtsw" }, { children: (0, jsx_runtime_1.jsx)(icons_material_1.YouTube, {}) })), (0, jsx_runtime_1.jsx)(Link_1.FooterLink, Object.assign({ href: "https://www.linkedin.com/company/officialxyo/" }, { children: (0, jsx_runtime_1.jsx)(icons_material_1.LinkedIn, {}) })), (0, jsx_runtime_1.jsx)(Link_1.FooterLink, Object.assign({ href: "https://discord.com/channels/935586624392298547/935586625101103227" }, { children: (0, jsx_runtime_1.jsx)(fa_1.FaDiscord, {}) }))] })) })));
|
|
12
12
|
};
|
|
13
13
|
exports.SocialLinks = SocialLinks;
|
|
14
14
|
//# sourceMappingURL=SocialLinks.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SocialLinks.js","sourceRoot":"","sources":["../../../../src/components/Footer/SocialLinks.tsx"],"names":[],"mappings":";;;;AAAA,wDAAuG;AACvG,
|
|
1
|
+
{"version":3,"file":"SocialLinks.js","sourceRoot":"","sources":["../../../../src/components/Footer/SocialLinks.tsx"],"names":[],"mappings":";;;;AAAA,wDAAuG;AACvG,yDAA6D;AAC7D,uCAA0C;AAE1C,iCAAmC;AACnC,mCAAqC;AAE9B,MAAM,WAAW,GAA2B,CAAC,KAAK,EAAE,EAAE;IAC3D,OAAO,CACL,uBAAC,mBAAW,kBAAC,KAAK,EAAC,aAAa,IAAK,KAAK,cACxC,wBAAC,uBAAO,kBAAC,QAAQ,EAAC,MAAM,EAAC,cAAc,EAAC,YAAY,iBAClD,uBAAC,iBAAU,kBAAC,IAAI,EAAC,4CAA4C,gBAC3D,uBAAC,yBAAQ,KAAG,IACD,EACb,uBAAC,iBAAU,kBAAC,IAAI,EAAC,iCAAiC,gBAChD,uBAAC,wBAAO,KAAG,IACA,EACb,uBAAC,iBAAU,kBAAC,IAAI,EAAC,wCAAwC,gBACvD,uBAAC,0BAAS,KAAG,IACF,EACb,uBAAC,iBAAU,kBAAC,IAAI,EAAC,yBAAyB,gBACxC,uBAAC,yBAAQ,KAAG,IACD,EACb,uBAAC,iBAAU,kBAAC,IAAI,EAAC,sCAAsC,gBACrD,uBAAC,uBAAM,KAAG,IACC,EACb,uBAAC,iBAAU,kBAAC,IAAI,EAAC,0DAA0D,gBACzE,uBAAC,wBAAO,KAAG,IACA,EACb,uBAAC,iBAAU,kBAAC,IAAI,EAAC,+CAA+C,gBAC9D,uBAAC,yBAAQ,KAAG,IACD,EACb,uBAAC,iBAAU,kBAAC,IAAI,EAAC,oEAAoE,gBACnF,uBAAC,cAAS,KAAG,IACF,KACL,IACE,CACf,CAAA;AACH,CAAC,CAAA;AA/BY,QAAA,WAAW,eA+BvB"}
|
|
@@ -5,7 +5,7 @@ const tslib_1 = require("tslib");
|
|
|
5
5
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
6
|
const ArrowForwardRounded_1 = tslib_1.__importDefault(require("@mui/icons-material/ArrowForwardRounded"));
|
|
7
7
|
const material_1 = require("@mui/material");
|
|
8
|
-
const
|
|
8
|
+
const react_flexbox_1 = require("@xylabs/react-flexbox");
|
|
9
9
|
const react_1 = require("react");
|
|
10
10
|
const react_router_dom_1 = require("react-router-dom");
|
|
11
11
|
const hooks_1 = require("../../hooks");
|
|
@@ -26,7 +26,7 @@ const FullWidthCard = (_a) => {
|
|
|
26
26
|
cursor: 'pointer',
|
|
27
27
|
},
|
|
28
28
|
backgroundColor: (0, material_1.alpha)(theme.palette.primary.light, 0.05),
|
|
29
|
-
}, onMouseEnter: () => (isMobile ? null : cardIsButton ? setRaised(true) : null), onMouseLeave: () => (isMobile ? null : cardIsButton ? setRaised(false) : null), onClick: () => (cardIsButton ? (href ? externalRouteChange(href) : to ? localRouteChange(to) : navigate('/404')) : null) }, { children: [media ? (0, jsx_runtime_1.jsx)(material_1.CardMedia, { component: "img", height: "100", image: media, alt: "" }) : null, (0, jsx_runtime_1.jsx)(material_1.CardContent, { children: (0, jsx_runtime_1.jsxs)(material_1.Grid, Object.assign({ container: true, alignItems: "center", paddingY: 2, paddingX: 2 }, { children: [(0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ item: true, xs: 12, md: 6 }, { children: typeof name === 'string' ? ((0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ fontWeight: 700, variant: "h2", textAlign: "left", paddingBottom: 1 }, { children: name }))) : (name) })), (0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ item: true, xs: 12, md: 5 }, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "body1", fontWeight: 400, textAlign: "left" }, { children: desc })) })), (0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ item: true, xs: 1, display: isMobile ? 'none' : 'flex', justifyContent: "center" }, { children: (0, jsx_runtime_1.jsx)(material_1.Zoom, Object.assign({ in: raised }, { children: (0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ color: "primary", size: small ? 'small' : 'medium', onClick: () => (href ? externalRouteChange(href) : to ? localRouteChange(to) : navigate('/404')), disableFocusRipple: true, disableRipple: true, disableTouchRipple: true }, { children: (0, jsx_runtime_1.jsx)(ArrowForwardRounded_1.default, { fontSize: small ? 'small' : 'medium' }) })) })) }))] })) }), (0, jsx_runtime_1.jsx)(material_1.CardActions, Object.assign({ sx: { display: { md: isMobile ? 'flex' : 'none' } } }, { children: (0, jsx_runtime_1.jsx)(
|
|
29
|
+
}, onMouseEnter: () => (isMobile ? null : cardIsButton ? setRaised(true) : null), onMouseLeave: () => (isMobile ? null : cardIsButton ? setRaised(false) : null), onClick: () => (cardIsButton ? (href ? externalRouteChange(href) : to ? localRouteChange(to) : navigate('/404')) : null) }, { children: [media ? (0, jsx_runtime_1.jsx)(material_1.CardMedia, { component: "img", height: "100", image: media, alt: "" }) : null, (0, jsx_runtime_1.jsx)(material_1.CardContent, { children: (0, jsx_runtime_1.jsxs)(material_1.Grid, Object.assign({ container: true, alignItems: "center", paddingY: 2, paddingX: 2 }, { children: [(0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ item: true, xs: 12, md: 6 }, { children: typeof name === 'string' ? ((0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ fontWeight: 700, variant: "h2", textAlign: "left", paddingBottom: 1 }, { children: name }))) : (name) })), (0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ item: true, xs: 12, md: 5 }, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "body1", fontWeight: 400, textAlign: "left" }, { children: desc })) })), (0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ item: true, xs: 1, display: isMobile ? 'none' : 'flex', justifyContent: "center" }, { children: (0, jsx_runtime_1.jsx)(material_1.Zoom, Object.assign({ in: raised }, { children: (0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ color: "primary", size: small ? 'small' : 'medium', onClick: () => (href ? externalRouteChange(href) : to ? localRouteChange(to) : navigate('/404')), disableFocusRipple: true, disableRipple: true, disableTouchRipple: true }, { children: (0, jsx_runtime_1.jsx)(ArrowForwardRounded_1.default, { fontSize: small ? 'small' : 'medium' }) })) })) }))] })) }), (0, jsx_runtime_1.jsx)(material_1.CardActions, Object.assign({ sx: { display: { md: isMobile ? 'flex' : 'none' } } }, { children: (0, jsx_runtime_1.jsx)(react_flexbox_1.FlexGrowCol, Object.assign({ alignItems: "flex-end" }, { children: (0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ color: "primary", size: small ? 'small' : 'medium', onClick: () => (href ? externalRouteChange(href) : to ? localRouteChange(to) : navigate('/404')), disableFocusRipple: true, disableRipple: true, disableTouchRipple: true }, { children: (0, jsx_runtime_1.jsx)(ArrowForwardRounded_1.default, { fontSize: small ? 'small' : 'medium' }) })) })) }))] })));
|
|
30
30
|
};
|
|
31
31
|
exports.FullWidthCard = FullWidthCard;
|
|
32
32
|
//# sourceMappingURL=FullWidthCard.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FullWidthCard.js","sourceRoot":"","sources":["../../../../src/components/FullWidthCard/FullWidthCard.tsx"],"names":[],"mappings":";;;;;AAAA,0GAA6E;AAC7E,4CAAyI;AACzI,
|
|
1
|
+
{"version":3,"file":"FullWidthCard.js","sourceRoot":"","sources":["../../../../src/components/FullWidthCard/FullWidthCard.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.JsonApiButton = void 0;
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
const
|
|
5
|
+
const react_button_1 = require("@xylabs/react-button");
|
|
6
6
|
const react_router_dom_1 = require("react-router-dom");
|
|
7
7
|
const JsonApiButton = (props) => {
|
|
8
8
|
const [searchParams, setSearchParams] = (0, react_router_dom_1.useSearchParams)();
|
|
9
|
-
return ((0, jsx_runtime_1.jsx)(
|
|
9
|
+
return ((0, jsx_runtime_1.jsx)(react_button_1.ButtonEx, Object.assign({ marginX: 2, variant: "outlined", onClick: () => {
|
|
10
10
|
searchParams.set('json', 'true');
|
|
11
11
|
setSearchParams(searchParams);
|
|
12
12
|
} }, props, { children: "JSON" })));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"JsonApiButton.js","sourceRoot":"","sources":["../../../../src/components/JsonRouteWrapper/JsonApiButton.tsx"],"names":[],"mappings":";;;;AAAA,
|
|
1
|
+
{"version":3,"file":"JsonApiButton.js","sourceRoot":"","sources":["../../../../src/components/JsonRouteWrapper/JsonApiButton.tsx"],"names":[],"mappings":";;;;AAAA,uDAA8D;AAC9D,uDAAkD;AAE3C,MAAM,aAAa,GAA4B,CAAC,KAAK,EAAE,EAAE;IAC9D,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,kCAAe,GAAE,CAAA;IACzD,OAAO,CACL,uBAAC,uBAAQ,kBACP,OAAO,EAAE,CAAC,EACV,OAAO,EAAC,UAAU,EAClB,OAAO,EAAE,GAAG,EAAE;YACZ,YAAY,CAAC,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;YAChC,eAAe,CAAC,YAAY,CAAC,CAAA;QAC/B,CAAC,IACG,KAAK,wBAGA,CACZ,CAAA;AACH,CAAC,CAAA;AAfY,QAAA,aAAa,iBAezB"}
|
|
@@ -3,7 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.JsonFromUrl = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
-
const
|
|
6
|
+
const react_common_1 = require("@xylabs/react-common");
|
|
7
|
+
const react_flexbox_1 = require("@xylabs/react-flexbox");
|
|
8
|
+
const react_shared_1 = require("@xylabs/react-shared");
|
|
7
9
|
const axios_1 = tslib_1.__importDefault(require("axios"));
|
|
8
10
|
const react_1 = require("react");
|
|
9
11
|
const react_router_dom_1 = require("react-router-dom");
|
|
@@ -24,7 +26,7 @@ const JsonFromUrl = (_a) => {
|
|
|
24
26
|
const [apiResponse, setApiResponse] = (0, react_1.useState)();
|
|
25
27
|
const [apiError, setApiError] = (0, react_1.useState)();
|
|
26
28
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
27
|
-
(0,
|
|
29
|
+
(0, react_shared_1.useAsyncEffect)(() => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
|
|
28
30
|
const apiPath = sanitizeUrlForApi(path);
|
|
29
31
|
const url = `${apiDomain}${apiPath}`;
|
|
30
32
|
try {
|
|
@@ -35,7 +37,7 @@ const JsonFromUrl = (_a) => {
|
|
|
35
37
|
setApiError(err);
|
|
36
38
|
}
|
|
37
39
|
}), [apiDomain, path]);
|
|
38
|
-
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("p", { children: ["Resource - ", sanitizeUrlForApi(path)] }), (0, jsx_runtime_1.jsx)(react_1.Suspense, Object.assign({ fallback: (0, jsx_runtime_1.jsx)(
|
|
40
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("p", { children: ["Resource - ", sanitizeUrlForApi(path)] }), (0, jsx_runtime_1.jsx)(react_1.Suspense, Object.assign({ fallback: (0, jsx_runtime_1.jsx)(react_flexbox_1.FlexCol, {}) }, { children: apiResponse && (0, jsx_runtime_1.jsx)(JsonView, Object.assign({ src: apiResponse, collapseStringsAfterLength: 64 }, JsonViewProps)) })), (0, jsx_runtime_1.jsx)(react_common_1.ErrorDialog, { title: "Error Fetching JSON", error: apiError, open: !!apiError, onAction: () => setApiError(undefined) })] }));
|
|
39
41
|
};
|
|
40
42
|
exports.JsonFromUrl = JsonFromUrl;
|
|
41
43
|
//# sourceMappingURL=JsonFromUrl.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"JsonFromUrl.js","sourceRoot":"","sources":["../../../../src/components/JsonRouteWrapper/JsonFromUrl.tsx"],"names":[],"mappings":";;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"JsonFromUrl.js","sourceRoot":"","sources":["../../../../src/components/JsonRouteWrapper/JsonFromUrl.tsx"],"names":[],"mappings":";;;;;AAAA,uDAAkD;AAClD,yDAA+C;AAC/C,uDAAqD;AACrD,0DAAwD;AACxD,iCAAgD;AAEhD,uDAA8C;AAE9C,MAAM,QAAQ,GAAG,IAAA,YAAI,EAAC,GAAG,EAAE,2DAAQ,kCAAkC,CAAC,iBAAiB,GAAC,CAAC,CAAA;AAEzF,MAAM,iBAAiB,GAAG,CAAC,IAAY,EAAE,EAAE;IACzC,IAAI,IAAI,MAAM,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;QACnC,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAA;KAC7B;SAAM;QACL,OAAO,IAAI,CAAA;KACZ;AACH,CAAC,CAAA;AAQD,wDAAwD;AACjD,MAAM,WAAW,GAA+B,CAAC,EAAyC,EAAE,EAAE;QAA7C,EAAE,QAAQ,EAAE,SAAS,OAAoB,EAAf,aAAa,sBAAvC,yBAAyC,CAAF;IAC7F,MAAM,QAAQ,GAAG,IAAA,8BAAW,GAAE,CAAA;IAC9B,MAAM,IAAI,GAAG,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAA;IACpD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,GAAiB,CAAA;IAC/D,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,GAAc,CAAA;IAEtD,uDAAuD;IACvD,IAAA,6BAAc,EAAC,GAAS,EAAE;QACxB,MAAM,OAAO,GAAG,iBAAiB,CAAC,IAAI,CAAC,CAAA;QACvC,MAAM,GAAG,GAAG,GAAG,SAAS,GAAG,OAAO,EAAE,CAAA;QAEpC,IAAI;YACF,MAAM,QAAQ,GAAG,MAAM,eAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;YACrC,cAAc,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;SAC9B;QAAC,OAAO,GAAG,EAAE;YACZ,WAAW,CAAC,GAAiB,CAAC,CAAA;SAC/B;IACH,CAAC,CAAA,EAAE,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC,CAAA;IAErB,OAAO,CACL,6DACE,yDAAe,iBAAiB,CAAC,IAAI,CAAC,IAAK,EAC3C,uBAAC,gBAAQ,kBAAC,QAAQ,EAAE,uBAAC,uBAAO,KAAG,gBAAG,WAAW,IAAI,uBAAC,QAAQ,kBAAC,GAAG,EAAE,WAAW,EAAE,0BAA0B,EAAE,EAAE,IAAM,aAAa,EAAI,IAAY,EAC9I,uBAAC,0BAAW,IAAC,KAAK,EAAC,qBAAqB,EAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,SAAS,CAAC,GAAI,IACrH,CACJ,CAAA;AACH,CAAC,CAAA;AA1BY,QAAA,WAAW,eA0BvB"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { FlexBoxProps } from '@xylabs/
|
|
2
|
+
import { FlexBoxProps } from '@xylabs/react-flexbox';
|
|
3
3
|
import { ReactJsonViewProps } from 'react-json-view';
|
|
4
4
|
export interface JsonFromPromiseProps extends FlexBoxProps {
|
|
5
5
|
callback: () => Promise<object | undefined>;
|
|
@@ -3,7 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.JsonRouteWrapper = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
-
const
|
|
6
|
+
const react_button_1 = require("@xylabs/react-button");
|
|
7
|
+
const react_common_1 = require("@xylabs/react-common");
|
|
8
|
+
const react_flexbox_1 = require("@xylabs/react-flexbox");
|
|
9
|
+
const react_shared_1 = require("@xylabs/react-shared");
|
|
7
10
|
const react_1 = require("react");
|
|
8
11
|
const react_router_dom_1 = require("react-router-dom");
|
|
9
12
|
const JsonApiButton_1 = require("./JsonApiButton");
|
|
@@ -14,7 +17,7 @@ const JsonRouteWrapper = (_a) => {
|
|
|
14
17
|
const [apiError, setApiError] = (0, react_1.useState)();
|
|
15
18
|
const [searchParams, setSearchParams] = (0, react_router_dom_1.useSearchParams)();
|
|
16
19
|
const active = !!searchParams.get('json');
|
|
17
|
-
(0,
|
|
20
|
+
(0, react_shared_1.useAsyncEffect)(
|
|
18
21
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
19
22
|
(mounted) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
|
|
20
23
|
try {
|
|
@@ -35,10 +38,10 @@ const JsonRouteWrapper = (_a) => {
|
|
|
35
38
|
}
|
|
36
39
|
}
|
|
37
40
|
}), [callback]);
|
|
38
|
-
return ((0, jsx_runtime_1.jsx)(
|
|
41
|
+
return ((0, jsx_runtime_1.jsx)(react_flexbox_1.FlexCol, Object.assign({}, props, { children: active ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_1.Suspense, Object.assign({ fallback: null }, { children: apiResponse && (0, jsx_runtime_1.jsx)(JsonView, Object.assign({ src: apiResponse, collapseStringsAfterLength: 64 }, jsonViewProps)) })), !noBackButton && ((0, jsx_runtime_1.jsx)(react_flexbox_1.FlexRow, Object.assign({ marginY: 3 }, { children: (0, jsx_runtime_1.jsx)(react_button_1.ButtonEx, Object.assign({ flexDirection: "row", variant: "outlined", onClick: () => {
|
|
39
42
|
searchParams.delete('json');
|
|
40
43
|
setSearchParams(searchParams);
|
|
41
|
-
} }, { children: "Back" })) }))), (0, jsx_runtime_1.jsx)(
|
|
44
|
+
} }, { children: "Back" })) }))), (0, jsx_runtime_1.jsx)(react_common_1.ErrorDialog, { title: "Error Fetching JSON", error: apiError, open: !!apiError, onAction: () => setApiError(undefined) })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [children, !noJsonButton && (0, jsx_runtime_1.jsx)(JsonApiButton_1.JsonApiButton, { marginTop: 2 })] })) })));
|
|
42
45
|
};
|
|
43
46
|
exports.JsonRouteWrapper = JsonRouteWrapper;
|
|
44
47
|
//# sourceMappingURL=JsonRouteWrapper.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"JsonRouteWrapper.js","sourceRoot":"","sources":["../../../../src/components/JsonRouteWrapper/JsonRouteWrapper.tsx"],"names":[],"mappings":";;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"JsonRouteWrapper.js","sourceRoot":"","sources":["../../../../src/components/JsonRouteWrapper/JsonRouteWrapper.tsx"],"names":[],"mappings":";;;;;AAAA,uDAA+C;AAC/C,uDAAkD;AAClD,yDAAsE;AACtE,uDAAqD;AAErD,iCAAgD;AAEhD,uDAAkD;AAElD,mDAA+C;AAE/C,MAAM,QAAQ,GAAG,IAAA,YAAI,EAAC,GAAG,EAAE,2DAAQ,kCAAkC,CAAC,iBAAiB,GAAC,CAAC,CAAA;AASlF,MAAM,gBAAgB,GAAmC,CAAC,EAA2F,EAAE,EAAE;QAA/F,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,GAAG,KAAK,EAAE,YAAY,GAAG,KAAK,EAAE,aAAa,OAAY,EAAP,KAAK,sBAAzF,yEAA2F,CAAF;IACxJ,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,GAAU,CAAA;IACxD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,GAAe,CAAA;IACvD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,kCAAe,GAAE,CAAA;IACzD,MAAM,MAAM,GAAG,CAAC,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;IAEzC,IAAA,6BAAc;IACZ,uDAAuD;IACvD,CAAO,OAAO,EAAE,EAAE;QAChB,IAAI;YACF,MAAM,QAAQ,GAAG,MAAM,QAAQ,EAAE,CAAA;YACjC,IAAI,OAAO,EAAE,EAAE;gBACb,cAAc,CAAC,QAAQ,CAAC,CAAA;aACzB;SACF;QAAC,OAAO,EAAE,EAAE;YACX,IAAI,OAAO,EAAE,EAAE;gBACb,MAAM,KAAK,GAAG,EAAiB,CAAA;gBAC/B,IAAI,KAAK,CAAC,UAAU,EAAE;oBACpB,WAAW,CAAC,KAAK,CAAC,CAAA;iBACnB;qBAAM;oBACL,MAAM,EAAE,CAAA;iBACT;aACF;SACF;IACH,CAAC,CAAA,EACD,CAAC,QAAQ,CAAC,CACX,CAAA;IAED,OAAO,CACL,uBAAC,uBAAO,oBAAK,KAAK,cACf,MAAM,CAAC,CAAC,CAAC,CACR,6DACE,uBAAC,gBAAQ,kBAAC,QAAQ,EAAE,IAAI,gBAAG,WAAW,IAAI,uBAAC,QAAQ,kBAAC,GAAG,EAAE,WAAW,EAAE,0BAA0B,EAAE,EAAE,IAAM,aAAa,EAAI,IAAY,EACtI,CAAC,YAAY,IAAI,CAChB,uBAAC,uBAAO,kBAAC,OAAO,EAAE,CAAC,gBACjB,uBAAC,uBAAQ,kBACP,aAAa,EAAC,KAAK,EACnB,OAAO,EAAC,UAAU,EAClB,OAAO,EAAE,GAAG,EAAE;4BACZ,YAAY,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA;4BAC3B,eAAe,CAAC,YAAY,CAAC,CAAA;wBAC/B,CAAC,0BAGQ,IACH,CACX,EACD,uBAAC,0BAAW,IAAC,KAAK,EAAC,qBAAqB,EAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,SAAS,CAAC,GAAI,IACrH,CACJ,CAAC,CAAC,CAAC,CACF,6DACG,QAAQ,EACR,CAAC,YAAY,IAAI,uBAAC,6BAAa,IAAC,SAAS,EAAE,CAAC,GAAI,IAChD,CACJ,IACO,CACX,CAAA;AACH,CAAC,CAAA;AAzDY,QAAA,gBAAgB,oBAyD5B"}
|