@xyo-network/react-footer 4.0.4 → 4.1.1
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/browser/Link.d.ts.map +1 -1
- package/dist/browser/index.mjs +26 -14
- package/dist/browser/index.mjs.map +1 -1
- package/package.json +10 -10
- package/src/Link.tsx +12 -8
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../src/Link.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAErD,OAAO,KAAK,MAAM,OAAO,CAAA;AAuBzB,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,
|
|
1
|
+
{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../src/Link.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAErD,OAAO,KAAK,MAAM,OAAO,CAAA;AAuBzB,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAgB5C,CAAA"}
|
package/dist/browser/index.mjs
CHANGED
|
@@ -23,27 +23,39 @@ var convertToBetaIfNeeded = /* @__PURE__ */ __name((url, currentUrl = new URL(do
|
|
|
23
23
|
}
|
|
24
24
|
return urlObj;
|
|
25
25
|
}, "convertToBetaIfNeeded");
|
|
26
|
-
var FooterLink = /* @__PURE__ */ __name(({ target, href, margin = 0.5, variant = "body2", ...props }) => {
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
26
|
+
var FooterLink = /* @__PURE__ */ __name(({ target, to, toOptions, href, margin = 0.5, variant = "body2", ...props }) => {
|
|
27
|
+
if (href) {
|
|
28
|
+
const url = new URL(assertEx(href, () => "href not set"));
|
|
29
|
+
assertEx(url.hostname, () => "Hostname is required in href");
|
|
30
|
+
const convertedUrl = convertToBetaIfNeeded(url);
|
|
31
|
+
if (document.location.hostname === convertedUrl.hostname) {
|
|
32
|
+
const to2 = url.search.length > 0 ? `${convertedUrl.pathname}${convertedUrl.search}` : url.pathname;
|
|
33
|
+
return /* @__PURE__ */ React.createElement(LinkEx, {
|
|
34
|
+
margin,
|
|
35
|
+
to: to2,
|
|
36
|
+
toOptions,
|
|
37
|
+
target,
|
|
38
|
+
variant,
|
|
39
|
+
...props
|
|
40
|
+
});
|
|
41
|
+
} else {
|
|
42
|
+
return /* @__PURE__ */ React.createElement(LinkEx, {
|
|
43
|
+
margin,
|
|
44
|
+
href,
|
|
45
|
+
target: target ?? "_blank",
|
|
46
|
+
variant,
|
|
47
|
+
...props
|
|
48
|
+
});
|
|
49
|
+
}
|
|
50
|
+
} else {
|
|
32
51
|
return /* @__PURE__ */ React.createElement(LinkEx, {
|
|
33
52
|
margin,
|
|
34
53
|
to,
|
|
54
|
+
toOptions,
|
|
35
55
|
target,
|
|
36
56
|
variant,
|
|
37
57
|
...props
|
|
38
58
|
});
|
|
39
|
-
} else {
|
|
40
|
-
return /* @__PURE__ */ React.createElement(LinkEx, {
|
|
41
|
-
margin,
|
|
42
|
-
href,
|
|
43
|
-
target: target ?? "_blank",
|
|
44
|
-
variant,
|
|
45
|
-
...props
|
|
46
|
-
});
|
|
47
59
|
}
|
|
48
60
|
}, "FooterLink");
|
|
49
61
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/AlwaysLinks.tsx","../../src/Link.tsx","../../src/Footer.tsx","../../src/lib/copyrightLinkTitle.ts","../../src/Links.tsx","../../src/Xyo/AlwaysLinks.tsx","../../src/Xyo/DeveloperLinks.tsx","../../src/Xyo/Footer.tsx","../../src/Xyo/MoreLinks.tsx","../../src/Xyo/NetworkLinks.tsx","../../src/Xyo/SocialLinks.tsx","../../src/Xyo/SupportLinks.tsx","../../src/Xyo/TokenLinks.tsx"],"sourcesContent":["import { MoreHoriz as MoreHorizIcon } from '@mui/icons-material'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport type { LinkExProps } from '@xylabs/react-link'\nimport React from 'react'\n\nimport { FooterLink } from './Link.tsx'\n\nexport interface FooterAlwaysLinksProps extends FlexBoxProps {\n footerLinks?: LinkExProps[]\n onMore?: () => void\n}\n\nexport const FooterAlwaysLinks: React.FC<FooterAlwaysLinksProps> = ({\n style, footerLinks, onMore, ...props\n}) => (\n <FlexRow\n flexWrap=\"wrap\"\n textTransform=\"uppercase\"\n style={{ opacity: 0.6, ...style }}\n {...props}\n >\n {footerLinks?.map((footerLink, index) => (\n <FooterLink noWrap key={index} paddingX={1} margin={0} {...footerLink}>\n <small>{footerLink.title}</small>\n </FooterLink>\n ))}\n {onMore\n ? (\n <FlexRow style={{ cursor: 'pointer' }} paddingX={0.5} onClick={onMore}>\n <MoreHorizIcon color=\"primary\" fontSize=\"small\" />\n </FlexRow>\n )\n : null}\n </FlexRow>\n)\n","import { assertEx } from '@xylabs/assert'\nimport type { LinkExProps } from '@xylabs/react-link'\nimport { LinkEx } from '@xylabs/react-link'\nimport React from 'react'\n\n/**\n * @description\n * FooterLink automatically uses a local To if the link is to the current domain\n * If the link is not local, it defaults to target being _blank\n * In the case of 'beta' domains, it navigates correctly\n */\n\nconst convertToBetaIfNeeded = (url: string | URL, currentUrl = new URL(document.location.href)) => {\n const urlObj = typeof url === 'string' ? new URL(url) : url\n const currentUrlObj = typeof currentUrl === 'string' ? new URL(currentUrl) : currentUrl\n const currentHostnameParts = currentUrlObj.hostname.split('.')\n const beta = currentHostnameParts.shift() === 'beta'\n if (beta) {\n const currentHostnameWithoutBeta = currentHostnameParts.join('.')\n if (currentHostnameWithoutBeta === urlObj.hostname) {\n urlObj.hostname = currentUrlObj.hostname\n }\n }\n return urlObj\n}\n\nexport const FooterLink: React.FC<LinkExProps> = ({\n target, href, margin = 0.5, variant = 'body2', ...props\n}) => {\n const url = new URL(assertEx(href, () => 'href not set'))\n assertEx(url.hostname, () => 'Hostname is required in href')\n const convertedUrl = convertToBetaIfNeeded(url)\n if (document.location.hostname === convertedUrl.hostname) {\n const to = url.search.length > 0 ? `${convertedUrl.pathname}${convertedUrl.search}` : url.pathname\n return <LinkEx margin={margin} to={to} target={target} variant={variant} {...props} />\n } else {\n return <LinkEx margin={margin} href={href} target={target ?? '_blank'} variant={variant} {...props} />\n }\n}\n","import type { ContainerProps } from '@mui/material'\nimport { Container, useTheme } from '@mui/material'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexCol, FlexRow } from '@xylabs/react-flexbox'\nimport React, { useState } from 'react'\n\nimport type { FooterAlwaysLinksProps } from './AlwaysLinks.tsx'\nimport { FooterAlwaysLinks } from './AlwaysLinks.tsx'\n\nexport interface FooterProps extends FlexBoxProps {\n alwaysFooterLinksProps?: FooterAlwaysLinksProps\n container?: ContainerProps['maxWidth'] | 'none'\n dynamicHeight?: boolean\n}\n\nexport const Footer: React.FC<FooterProps> = ({\n alwaysFooterLinksProps, children, container, dynamicHeight = false, ...props\n}) => {\n const [more, setMore] = useState(false)\n const onMore = () => {\n setMore(!more)\n }\n\n const theme = useTheme()\n\n return (\n <FlexCol\n alignItems=\"stretch\"\n onMouseLeave={() => {\n setMore(false)\n }}\n {...props}\n >\n {more && dynamicHeight\n ? (\n <FlexCol alignItems=\"stretch\">\n <FlexRow bottom={-1} position=\"absolute\" width=\"100%\" bgcolor={theme.palette.background.default}>\n {container && container !== 'none'\n ? <Container>{children}</Container>\n : children}\n </FlexRow>\n </FlexCol>\n )\n : null}\n {dynamicHeight\n ? null\n : (\n <FlexCol alignItems=\"stretch\">\n {container && container !== 'none'\n ? <Container>{children}</Container>\n : children}\n </FlexCol>\n )}\n <FlexRow>\n {container && container !== 'none'\n ? (\n <Container>\n <FooterAlwaysLinks {...alwaysFooterLinksProps} onMore={dynamicHeight ? onMore : undefined} />\n </Container>\n )\n : <FooterAlwaysLinks {...alwaysFooterLinksProps} onMore={dynamicHeight ? onMore : undefined} />}\n </FlexRow>\n </FlexCol>\n )\n}\n","export const copyrightLinkTitle = (entity: string) => {\n return `Copyright © ${new Date().getFullYear()} ${entity}`\n}\n","import { Typography } from '@mui/material'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexCol } from '@xylabs/react-flexbox'\nimport React from 'react'\n\nexport const FooterLinks: React.FC<FlexBoxProps> = ({\n children, title, ...props\n}) => {\n return (\n <FlexCol margin={1} justifyContent=\"flex-start\" title={title} {...props}>\n <Typography margin={0.5} variant=\"h6\" noWrap>\n {title}\n </Typography>\n {children}\n </FlexCol>\n )\n}\n","import type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport React from 'react'\n\nimport { FooterAlwaysLinks } from '../AlwaysLinks.tsx'\nimport { copyrightLinkTitle } from '../lib/index.ts'\n\nexport interface XyoFooterAlwaysLinksProps extends FlexBoxProps {\n onMore?: () => void\n}\n\nexport const XyoFooterAlwaysLinks: React.FC<XyoFooterAlwaysLinksProps> = props => (\n <FooterAlwaysLinks\n footerLinks={[\n {\n href: 'https://xylabs.com/',\n title: copyrightLinkTitle('XY Labs, Inc.'),\n },\n {\n href: 'https://xyo.network/',\n title: 'XYO Foundation',\n },\n {\n href: 'https://xylabs.com/privacy/',\n title: 'Privacy',\n },\n {\n href: 'https://xylabs.com/terms/',\n title: 'Terms',\n },\n {\n href: 'https://xylabs.com/jobs',\n title: 'Careers',\n },\n ]}\n {...props}\n />\n)\n\n/** @deprecated use FooterAlwaysLinksProps */\nexport type CopyrightProps = XyoFooterAlwaysLinksProps\n\n/** @deprecated use FooterAlwaysLinks */\n\nexport { FooterAlwaysLinks as Copyright } from '../AlwaysLinks.tsx'\n","import type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport React from 'react'\n\nimport { FooterLink } from '../Link.tsx'\nimport { FooterLinks } from '../Links.tsx'\n\nexport const DeveloperLinks: React.FC<FlexBoxProps> = props => (\n <FooterLinks title=\"Developer\" {...props}>\n <FooterLink href=\"https://xyo.network/developer\">Overview</FooterLink>\n <FooterLink href=\"https://xyo.network/developer/get-started\">Get Started</FooterLink>\n <FooterLink href=\"https://xyo.network/developer\">SDKs</FooterLink>\n <FooterLink href=\"https://github.com/xyoraclenetwork\">Open Source Github</FooterLink>\n <FooterLink href=\"https://xyo.network/docs/sdk/js\">Documentation</FooterLink>\n </FooterLinks>\n)\n","import { Grid } from '@mui/material'\nimport React from 'react'\n\nimport type { FooterProps } from '../Footer.tsx'\nimport { Footer } from '../Footer.tsx'\nimport { copyrightLinkTitle } from '../lib/index.ts'\nimport { DeveloperLinks } from './DeveloperLinks.tsx'\nimport { MoreLinks } from './MoreLinks.tsx'\nimport { NetworkLinks } from './NetworkLinks.tsx'\nimport { SocialLinks } from './SocialLinks.tsx'\nimport { SupportLinks } from './SupportLinks.tsx'\nimport { TokenLinks } from './TokenLinks.tsx'\n\nconst footerLinks = [\n {\n href: 'https://xylabs.com/',\n title: copyrightLinkTitle('XY Labs, Inc.'),\n },\n {\n href: 'https://xyo.network/',\n title: 'XYO Foundation',\n },\n {\n href: 'https://xylabs.com/privacy/',\n title: 'Privacy',\n },\n {\n href: 'https://xylabs.com/terms/',\n title: 'Terms',\n },\n {\n href: 'https://xylabs.com/jobs',\n title: 'Careers',\n },\n]\n\nexport const XyoFooter: React.FC<FooterProps> = ({\n alwaysFooterLinksProps,\n\n ...props\n}) => {\n return (\n <Footer alwaysFooterLinksProps={alwaysFooterLinksProps ?? { footerLinks }} {...props}>\n <Grid container>\n <Grid item xs={12} md={2}>\n <SocialLinks alignItems=\"flex-start\" />\n </Grid>\n <Grid item xs={6} md={2}>\n <NetworkLinks alignItems=\"flex-start\" />\n </Grid>\n <Grid item xs={6} md={2}>\n <TokenLinks alignItems=\"flex-start\" />\n </Grid>\n <Grid item xs={6} md={2}>\n <DeveloperLinks alignItems=\"flex-start\" />\n </Grid>\n <Grid item xs={6} md={2}>\n <MoreLinks alignItems=\"flex-start\" />\n </Grid>\n <Grid item xs={6} md={2}>\n <SupportLinks alignItems=\"flex-start\" />\n </Grid>\n </Grid>\n </Footer>\n )\n}\n","import type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport React from 'react'\n\nimport { FooterLink } from '../Link.tsx'\nimport { FooterLinks } from '../Links.tsx'\n\nexport const MoreLinks: React.FC<FlexBoxProps> = props => (\n <FooterLinks title=\"More\" {...props}>\n <FooterLink href=\"https://xyo.network/partners\">Partners</FooterLink>\n <FooterLink href=\"https://xyo.network/fhr\">FHR</FooterLink>\n <FooterLink href=\"https://xyo.network/brand\">Brand</FooterLink>\n </FooterLinks>\n)\n","import type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport React from 'react'\n\nimport { FooterLink } from '../Link.tsx'\nimport { FooterLinks } from '../Links.tsx'\n\nexport const NetworkLinks: React.FC<FlexBoxProps> = props => (\n <FooterLinks title=\"Network\" {...props}>\n <FooterLink href=\"https://xyo.network/network\">Overview</FooterLink>\n <FooterLink href=\"https://xyo.network/network/bound-witness\">Bound Witness</FooterLink>\n <FooterLink href=\"https://xyo.network/network/proof-of-origin\">Proof Of Origin</FooterLink>\n <FooterLink href=\"https://xyo.network/papers\">White Paper</FooterLink>\n </FooterLinks>\n)\n","import {\n Facebook, Instagram, LinkedIn, Reddit, Telegram, Twitter, YouTube,\n} from '@mui/icons-material'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport React from 'react'\n// eslint-disable-next-line import-x/no-internal-modules\nimport { FaDiscord } from 'react-icons/fa'\n\nimport { FooterLink } from '../Link.tsx'\nimport { FooterLinks } from '../Links.tsx'\n\nexport const SocialLinks: React.FC<FlexBoxProps> = (props) => {\n return (\n <FooterLinks title=\"XYO Socials\" {...props}>\n <FlexRow flexWrap=\"wrap\" justifyContent=\"flex-start\">\n <FooterLink href=\"https://business.facebook.com/OfficialXYO/\">\n <Facebook />\n </FooterLink>\n <FooterLink href=\"https://twitter.com/OfficialXYO\">\n <Twitter />\n </FooterLink>\n <FooterLink href=\"https://www.instagram.com/officialxyo/\">\n <Instagram />\n </FooterLink>\n <FooterLink href=\"https://t.me/xyonetwork\">\n <Telegram />\n </FooterLink>\n <FooterLink href=\"https://www.reddit.com/r/XYONetwork/\">\n <Reddit />\n </FooterLink>\n <FooterLink href=\"https://www.youtube.com/channel/UCyZDqb9pgntVHJVt1pxXtsw\">\n <YouTube />\n </FooterLink>\n <FooterLink href=\"https://www.linkedin.com/company/officialxyo/\">\n <LinkedIn />\n </FooterLink>\n <FooterLink href=\"https://discord.gg/officialxyo\">\n <FaDiscord />\n </FooterLink>\n </FlexRow>\n </FooterLinks>\n )\n}\n","import type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport React from 'react'\n\nimport { FooterLink } from '../Link.tsx'\nimport { FooterLinks } from '../Links.tsx'\n\nexport const SupportLinks: React.FC<FlexBoxProps> = props => (\n <FooterLinks title=\"Support\" {...props}>\n <FooterLink href=\"https://support.xy.company/hc/en-us/categories/360001417734\">Help Center</FooterLink>\n <FooterLink href=\"https://support.xy.company/hc/en-us/requests/new\">Contact Support</FooterLink>\n </FooterLinks>\n)\n","import type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport React from 'react'\n\nimport { FooterLink } from '../Link.tsx'\nimport { FooterLinks } from '../Links.tsx'\n\nexport const TokenLinks: React.FC<FlexBoxProps> = props => (\n <FooterLinks title=\"XYO Tokens\" {...props}>\n <FooterLink href=\"https://xyo.network/token\">About</FooterLink>\n <FooterLink href=\"https://xyo.network/token/exchange\">Exchanges</FooterLink>\n <FooterLink href=\"https://xyo.network/token/price\">Prices</FooterLink>\n <FooterLink href=\"https://xyo.network/token/wallet\">Wallets</FooterLink>\n <FooterLink href=\"https://etherscan.io/address/0x55296f69f40ea6d20e478533c15a6b08b654e758\">Contract</FooterLink>\n </FooterLinks>\n)\n"],"mappings":"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","names":["MoreHoriz","MoreHorizIcon","FlexRow","React","assertEx","LinkEx","React","convertToBetaIfNeeded","url","currentUrl","URL","document","location","href","urlObj","currentUrlObj","currentHostnameParts","hostname","split","beta","shift","currentHostnameWithoutBeta","join","FooterLink","target","margin","variant","props","assertEx","convertedUrl","to","search","length","pathname","LinkEx","FooterAlwaysLinks","style","footerLinks","onMore","props","React","FlexRow","flexWrap","textTransform","opacity","map","footerLink","index","FooterLink","noWrap","key","paddingX","margin","small","title","cursor","onClick","MoreHorizIcon","color","fontSize","Container","useTheme","FlexCol","FlexRow","React","useState","Footer","alwaysFooterLinksProps","children","container","dynamicHeight","props","more","setMore","useState","onMore","theme","useTheme","React","FlexCol","alignItems","onMouseLeave","FlexRow","bottom","position","width","bgcolor","palette","background","default","Container","FooterAlwaysLinks","undefined","copyrightLinkTitle","entity","Date","getFullYear","Typography","FlexCol","React","FooterLinks","children","title","props","React","FlexCol","margin","justifyContent","Typography","variant","noWrap","React","XyoFooterAlwaysLinks","props","React","FooterAlwaysLinks","footerLinks","href","title","copyrightLinkTitle","React","DeveloperLinks","props","React","FooterLinks","title","FooterLink","href","Grid","React","React","MoreLinks","props","React","FooterLinks","title","FooterLink","href","React","NetworkLinks","props","React","FooterLinks","title","FooterLink","href","Facebook","Instagram","LinkedIn","Reddit","Telegram","Twitter","YouTube","FlexRow","React","FaDiscord","SocialLinks","props","React","FooterLinks","title","FlexRow","flexWrap","justifyContent","FooterLink","href","Facebook","Twitter","Instagram","Telegram","Reddit","YouTube","LinkedIn","FaDiscord","React","SupportLinks","props","React","FooterLinks","title","FooterLink","href","React","TokenLinks","props","React","FooterLinks","title","FooterLink","href","footerLinks","href","title","copyrightLinkTitle","XyoFooter","alwaysFooterLinksProps","props","React","Footer","Grid","container","item","xs","md","SocialLinks","alignItems","NetworkLinks","TokenLinks","DeveloperLinks","MoreLinks","SupportLinks"]}
|
|
1
|
+
{"version":3,"sources":["../../src/AlwaysLinks.tsx","../../src/Link.tsx","../../src/Footer.tsx","../../src/lib/copyrightLinkTitle.ts","../../src/Links.tsx","../../src/Xyo/AlwaysLinks.tsx","../../src/Xyo/DeveloperLinks.tsx","../../src/Xyo/Footer.tsx","../../src/Xyo/MoreLinks.tsx","../../src/Xyo/NetworkLinks.tsx","../../src/Xyo/SocialLinks.tsx","../../src/Xyo/SupportLinks.tsx","../../src/Xyo/TokenLinks.tsx"],"sourcesContent":["import { MoreHoriz as MoreHorizIcon } from '@mui/icons-material'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport type { LinkExProps } from '@xylabs/react-link'\nimport React from 'react'\n\nimport { FooterLink } from './Link.tsx'\n\nexport interface FooterAlwaysLinksProps extends FlexBoxProps {\n footerLinks?: LinkExProps[]\n onMore?: () => void\n}\n\nexport const FooterAlwaysLinks: React.FC<FooterAlwaysLinksProps> = ({\n style, footerLinks, onMore, ...props\n}) => (\n <FlexRow\n flexWrap=\"wrap\"\n textTransform=\"uppercase\"\n style={{ opacity: 0.6, ...style }}\n {...props}\n >\n {footerLinks?.map((footerLink, index) => (\n <FooterLink noWrap key={index} paddingX={1} margin={0} {...footerLink}>\n <small>{footerLink.title}</small>\n </FooterLink>\n ))}\n {onMore\n ? (\n <FlexRow style={{ cursor: 'pointer' }} paddingX={0.5} onClick={onMore}>\n <MoreHorizIcon color=\"primary\" fontSize=\"small\" />\n </FlexRow>\n )\n : null}\n </FlexRow>\n)\n","import { assertEx } from '@xylabs/assert'\nimport type { LinkExProps } from '@xylabs/react-link'\nimport { LinkEx } from '@xylabs/react-link'\nimport React from 'react'\n\n/**\n * @description\n * FooterLink automatically uses a local To if the link is to the current domain\n * If the link is not local, it defaults to target being _blank\n * In the case of 'beta' domains, it navigates correctly\n */\n\nconst convertToBetaIfNeeded = (url: string | URL, currentUrl = new URL(document.location.href)) => {\n const urlObj = typeof url === 'string' ? new URL(url) : url\n const currentUrlObj = typeof currentUrl === 'string' ? new URL(currentUrl) : currentUrl\n const currentHostnameParts = currentUrlObj.hostname.split('.')\n const beta = currentHostnameParts.shift() === 'beta'\n if (beta) {\n const currentHostnameWithoutBeta = currentHostnameParts.join('.')\n if (currentHostnameWithoutBeta === urlObj.hostname) {\n urlObj.hostname = currentUrlObj.hostname\n }\n }\n return urlObj\n}\n\nexport const FooterLink: React.FC<LinkExProps> = ({\n target, to, toOptions, href, margin = 0.5, variant = 'body2', ...props\n}) => {\n if (href) {\n const url = new URL(assertEx(href, () => 'href not set'))\n assertEx(url.hostname, () => 'Hostname is required in href')\n const convertedUrl = convertToBetaIfNeeded(url)\n if (document.location.hostname === convertedUrl.hostname) {\n const to = url.search.length > 0 ? `${convertedUrl.pathname}${convertedUrl.search}` : url.pathname\n return <LinkEx margin={margin} to={to} toOptions={toOptions} target={target} variant={variant} {...props} />\n } else {\n return <LinkEx margin={margin} href={href} target={target ?? '_blank'} variant={variant} {...props} />\n }\n } else {\n return <LinkEx margin={margin} to={to} toOptions={toOptions} target={target} variant={variant} {...props} />\n }\n}\n","import type { ContainerProps } from '@mui/material'\nimport { Container, useTheme } from '@mui/material'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexCol, FlexRow } from '@xylabs/react-flexbox'\nimport React, { useState } from 'react'\n\nimport type { FooterAlwaysLinksProps } from './AlwaysLinks.tsx'\nimport { FooterAlwaysLinks } from './AlwaysLinks.tsx'\n\nexport interface FooterProps extends FlexBoxProps {\n alwaysFooterLinksProps?: FooterAlwaysLinksProps\n container?: ContainerProps['maxWidth'] | 'none'\n dynamicHeight?: boolean\n}\n\nexport const Footer: React.FC<FooterProps> = ({\n alwaysFooterLinksProps, children, container, dynamicHeight = false, ...props\n}) => {\n const [more, setMore] = useState(false)\n const onMore = () => {\n setMore(!more)\n }\n\n const theme = useTheme()\n\n return (\n <FlexCol\n alignItems=\"stretch\"\n onMouseLeave={() => {\n setMore(false)\n }}\n {...props}\n >\n {more && dynamicHeight\n ? (\n <FlexCol alignItems=\"stretch\">\n <FlexRow bottom={-1} position=\"absolute\" width=\"100%\" bgcolor={theme.palette.background.default}>\n {container && container !== 'none'\n ? <Container>{children}</Container>\n : children}\n </FlexRow>\n </FlexCol>\n )\n : null}\n {dynamicHeight\n ? null\n : (\n <FlexCol alignItems=\"stretch\">\n {container && container !== 'none'\n ? <Container>{children}</Container>\n : children}\n </FlexCol>\n )}\n <FlexRow>\n {container && container !== 'none'\n ? (\n <Container>\n <FooterAlwaysLinks {...alwaysFooterLinksProps} onMore={dynamicHeight ? onMore : undefined} />\n </Container>\n )\n : <FooterAlwaysLinks {...alwaysFooterLinksProps} onMore={dynamicHeight ? onMore : undefined} />}\n </FlexRow>\n </FlexCol>\n )\n}\n","export const copyrightLinkTitle = (entity: string) => {\n return `Copyright © ${new Date().getFullYear()} ${entity}`\n}\n","import { Typography } from '@mui/material'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexCol } from '@xylabs/react-flexbox'\nimport React from 'react'\n\nexport const FooterLinks: React.FC<FlexBoxProps> = ({\n children, title, ...props\n}) => {\n return (\n <FlexCol margin={1} justifyContent=\"flex-start\" title={title} {...props}>\n <Typography margin={0.5} variant=\"h6\" noWrap>\n {title}\n </Typography>\n {children}\n </FlexCol>\n )\n}\n","import type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport React from 'react'\n\nimport { FooterAlwaysLinks } from '../AlwaysLinks.tsx'\nimport { copyrightLinkTitle } from '../lib/index.ts'\n\nexport interface XyoFooterAlwaysLinksProps extends FlexBoxProps {\n onMore?: () => void\n}\n\nexport const XyoFooterAlwaysLinks: React.FC<XyoFooterAlwaysLinksProps> = props => (\n <FooterAlwaysLinks\n footerLinks={[\n {\n href: 'https://xylabs.com/',\n title: copyrightLinkTitle('XY Labs, Inc.'),\n },\n {\n href: 'https://xyo.network/',\n title: 'XYO Foundation',\n },\n {\n href: 'https://xylabs.com/privacy/',\n title: 'Privacy',\n },\n {\n href: 'https://xylabs.com/terms/',\n title: 'Terms',\n },\n {\n href: 'https://xylabs.com/jobs',\n title: 'Careers',\n },\n ]}\n {...props}\n />\n)\n\n/** @deprecated use FooterAlwaysLinksProps */\nexport type CopyrightProps = XyoFooterAlwaysLinksProps\n\n/** @deprecated use FooterAlwaysLinks */\n\nexport { FooterAlwaysLinks as Copyright } from '../AlwaysLinks.tsx'\n","import type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport React from 'react'\n\nimport { FooterLink } from '../Link.tsx'\nimport { FooterLinks } from '../Links.tsx'\n\nexport const DeveloperLinks: React.FC<FlexBoxProps> = props => (\n <FooterLinks title=\"Developer\" {...props}>\n <FooterLink href=\"https://xyo.network/developer\">Overview</FooterLink>\n <FooterLink href=\"https://xyo.network/developer/get-started\">Get Started</FooterLink>\n <FooterLink href=\"https://xyo.network/developer\">SDKs</FooterLink>\n <FooterLink href=\"https://github.com/xyoraclenetwork\">Open Source Github</FooterLink>\n <FooterLink href=\"https://xyo.network/docs/sdk/js\">Documentation</FooterLink>\n </FooterLinks>\n)\n","import { Grid } from '@mui/material'\nimport React from 'react'\n\nimport type { FooterProps } from '../Footer.tsx'\nimport { Footer } from '../Footer.tsx'\nimport { copyrightLinkTitle } from '../lib/index.ts'\nimport { DeveloperLinks } from './DeveloperLinks.tsx'\nimport { MoreLinks } from './MoreLinks.tsx'\nimport { NetworkLinks } from './NetworkLinks.tsx'\nimport { SocialLinks } from './SocialLinks.tsx'\nimport { SupportLinks } from './SupportLinks.tsx'\nimport { TokenLinks } from './TokenLinks.tsx'\n\nconst footerLinks = [\n {\n href: 'https://xylabs.com/',\n title: copyrightLinkTitle('XY Labs, Inc.'),\n },\n {\n href: 'https://xyo.network/',\n title: 'XYO Foundation',\n },\n {\n href: 'https://xylabs.com/privacy/',\n title: 'Privacy',\n },\n {\n href: 'https://xylabs.com/terms/',\n title: 'Terms',\n },\n {\n href: 'https://xylabs.com/jobs',\n title: 'Careers',\n },\n]\n\nexport const XyoFooter: React.FC<FooterProps> = ({\n alwaysFooterLinksProps,\n\n ...props\n}) => {\n return (\n <Footer alwaysFooterLinksProps={alwaysFooterLinksProps ?? { footerLinks }} {...props}>\n <Grid container>\n <Grid item xs={12} md={2}>\n <SocialLinks alignItems=\"flex-start\" />\n </Grid>\n <Grid item xs={6} md={2}>\n <NetworkLinks alignItems=\"flex-start\" />\n </Grid>\n <Grid item xs={6} md={2}>\n <TokenLinks alignItems=\"flex-start\" />\n </Grid>\n <Grid item xs={6} md={2}>\n <DeveloperLinks alignItems=\"flex-start\" />\n </Grid>\n <Grid item xs={6} md={2}>\n <MoreLinks alignItems=\"flex-start\" />\n </Grid>\n <Grid item xs={6} md={2}>\n <SupportLinks alignItems=\"flex-start\" />\n </Grid>\n </Grid>\n </Footer>\n )\n}\n","import type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport React from 'react'\n\nimport { FooterLink } from '../Link.tsx'\nimport { FooterLinks } from '../Links.tsx'\n\nexport const MoreLinks: React.FC<FlexBoxProps> = props => (\n <FooterLinks title=\"More\" {...props}>\n <FooterLink href=\"https://xyo.network/partners\">Partners</FooterLink>\n <FooterLink href=\"https://xyo.network/fhr\">FHR</FooterLink>\n <FooterLink href=\"https://xyo.network/brand\">Brand</FooterLink>\n </FooterLinks>\n)\n","import type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport React from 'react'\n\nimport { FooterLink } from '../Link.tsx'\nimport { FooterLinks } from '../Links.tsx'\n\nexport const NetworkLinks: React.FC<FlexBoxProps> = props => (\n <FooterLinks title=\"Network\" {...props}>\n <FooterLink href=\"https://xyo.network/network\">Overview</FooterLink>\n <FooterLink href=\"https://xyo.network/network/bound-witness\">Bound Witness</FooterLink>\n <FooterLink href=\"https://xyo.network/network/proof-of-origin\">Proof Of Origin</FooterLink>\n <FooterLink href=\"https://xyo.network/papers\">White Paper</FooterLink>\n </FooterLinks>\n)\n","import {\n Facebook, Instagram, LinkedIn, Reddit, Telegram, Twitter, YouTube,\n} from '@mui/icons-material'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport React from 'react'\n// eslint-disable-next-line import-x/no-internal-modules\nimport { FaDiscord } from 'react-icons/fa'\n\nimport { FooterLink } from '../Link.tsx'\nimport { FooterLinks } from '../Links.tsx'\n\nexport const SocialLinks: React.FC<FlexBoxProps> = (props) => {\n return (\n <FooterLinks title=\"XYO Socials\" {...props}>\n <FlexRow flexWrap=\"wrap\" justifyContent=\"flex-start\">\n <FooterLink href=\"https://business.facebook.com/OfficialXYO/\">\n <Facebook />\n </FooterLink>\n <FooterLink href=\"https://twitter.com/OfficialXYO\">\n <Twitter />\n </FooterLink>\n <FooterLink href=\"https://www.instagram.com/officialxyo/\">\n <Instagram />\n </FooterLink>\n <FooterLink href=\"https://t.me/xyonetwork\">\n <Telegram />\n </FooterLink>\n <FooterLink href=\"https://www.reddit.com/r/XYONetwork/\">\n <Reddit />\n </FooterLink>\n <FooterLink href=\"https://www.youtube.com/channel/UCyZDqb9pgntVHJVt1pxXtsw\">\n <YouTube />\n </FooterLink>\n <FooterLink href=\"https://www.linkedin.com/company/officialxyo/\">\n <LinkedIn />\n </FooterLink>\n <FooterLink href=\"https://discord.gg/officialxyo\">\n <FaDiscord />\n </FooterLink>\n </FlexRow>\n </FooterLinks>\n )\n}\n","import type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport React from 'react'\n\nimport { FooterLink } from '../Link.tsx'\nimport { FooterLinks } from '../Links.tsx'\n\nexport const SupportLinks: React.FC<FlexBoxProps> = props => (\n <FooterLinks title=\"Support\" {...props}>\n <FooterLink href=\"https://support.xy.company/hc/en-us/categories/360001417734\">Help Center</FooterLink>\n <FooterLink href=\"https://support.xy.company/hc/en-us/requests/new\">Contact Support</FooterLink>\n </FooterLinks>\n)\n","import type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport React from 'react'\n\nimport { FooterLink } from '../Link.tsx'\nimport { FooterLinks } from '../Links.tsx'\n\nexport const TokenLinks: React.FC<FlexBoxProps> = props => (\n <FooterLinks title=\"XYO Tokens\" {...props}>\n <FooterLink href=\"https://xyo.network/token\">About</FooterLink>\n <FooterLink href=\"https://xyo.network/token/exchange\">Exchanges</FooterLink>\n <FooterLink href=\"https://xyo.network/token/price\">Prices</FooterLink>\n <FooterLink href=\"https://xyo.network/token/wallet\">Wallets</FooterLink>\n <FooterLink href=\"https://etherscan.io/address/0x55296f69f40ea6d20e478533c15a6b08b654e758\">Contract</FooterLink>\n </FooterLinks>\n)\n"],"mappings":"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","names":["MoreHoriz","MoreHorizIcon","FlexRow","React","assertEx","LinkEx","React","convertToBetaIfNeeded","url","currentUrl","URL","document","location","href","urlObj","currentUrlObj","currentHostnameParts","hostname","split","beta","shift","currentHostnameWithoutBeta","join","FooterLink","target","to","toOptions","margin","variant","props","assertEx","convertedUrl","search","length","pathname","LinkEx","FooterAlwaysLinks","style","footerLinks","onMore","props","React","FlexRow","flexWrap","textTransform","opacity","map","footerLink","index","FooterLink","noWrap","key","paddingX","margin","small","title","cursor","onClick","MoreHorizIcon","color","fontSize","Container","useTheme","FlexCol","FlexRow","React","useState","Footer","alwaysFooterLinksProps","children","container","dynamicHeight","props","more","setMore","useState","onMore","theme","useTheme","React","FlexCol","alignItems","onMouseLeave","FlexRow","bottom","position","width","bgcolor","palette","background","default","Container","FooterAlwaysLinks","undefined","copyrightLinkTitle","entity","Date","getFullYear","Typography","FlexCol","React","FooterLinks","children","title","props","React","FlexCol","margin","justifyContent","Typography","variant","noWrap","React","XyoFooterAlwaysLinks","props","React","FooterAlwaysLinks","footerLinks","href","title","copyrightLinkTitle","React","DeveloperLinks","props","React","FooterLinks","title","FooterLink","href","Grid","React","React","MoreLinks","props","React","FooterLinks","title","FooterLink","href","React","NetworkLinks","props","React","FooterLinks","title","FooterLink","href","Facebook","Instagram","LinkedIn","Reddit","Telegram","Twitter","YouTube","FlexRow","React","FaDiscord","SocialLinks","props","React","FooterLinks","title","FlexRow","flexWrap","justifyContent","FooterLink","href","Facebook","Twitter","Instagram","Telegram","Reddit","YouTube","LinkedIn","FaDiscord","React","SupportLinks","props","React","FooterLinks","title","FooterLink","href","React","TokenLinks","props","React","FooterLinks","title","FooterLink","href","footerLinks","href","title","copyrightLinkTitle","XyoFooter","alwaysFooterLinksProps","props","React","Footer","Grid","container","item","xs","md","SocialLinks","alignItems","NetworkLinks","TokenLinks","DeveloperLinks","MoreLinks","SupportLinks"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@xyo-network/react-footer",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.1.1",
|
|
4
4
|
"description": "Common React library for all XYO projects that use React",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"xyo",
|
|
@@ -43,22 +43,22 @@
|
|
|
43
43
|
"lint-pkg": "npmPkgJsonLint ."
|
|
44
44
|
},
|
|
45
45
|
"dependencies": {
|
|
46
|
-
"@xylabs/assert": "^4.0
|
|
47
|
-
"@xylabs/react-flexbox": "^5.
|
|
48
|
-
"@xylabs/react-link": "^5.
|
|
46
|
+
"@xylabs/assert": "^4.2.0",
|
|
47
|
+
"@xylabs/react-flexbox": "^5.2.1",
|
|
48
|
+
"@xylabs/react-link": "^5.2.1",
|
|
49
49
|
"react-icons": "^5.3.0"
|
|
50
50
|
},
|
|
51
51
|
"devDependencies": {
|
|
52
|
-
"@mui/icons-material": "^6.1.
|
|
53
|
-
"@mui/material": "^6.1.
|
|
54
|
-
"@mui/styles": "^6.1.
|
|
52
|
+
"@mui/icons-material": "^6.1.4",
|
|
53
|
+
"@mui/material": "^6.1.4",
|
|
54
|
+
"@mui/styles": "^6.1.4",
|
|
55
55
|
"@storybook/react": "^8.3.5",
|
|
56
|
-
"@xylabs/ts-scripts-yarn3": "^4.
|
|
57
|
-
"@xylabs/tsconfig-react": "^4.
|
|
56
|
+
"@xylabs/ts-scripts-yarn3": "^4.2.1",
|
|
57
|
+
"@xylabs/tsconfig-react": "^4.2.1",
|
|
58
58
|
"react": "^18.3.1",
|
|
59
59
|
"react-dom": "^18.3.1",
|
|
60
60
|
"storybook": "^8.3.5",
|
|
61
|
-
"typescript": "^5.6.
|
|
61
|
+
"typescript": "^5.6.3"
|
|
62
62
|
},
|
|
63
63
|
"peerDependencies": {
|
|
64
64
|
"@mui/icons-material": "^6",
|
package/src/Link.tsx
CHANGED
|
@@ -25,15 +25,19 @@ const convertToBetaIfNeeded = (url: string | URL, currentUrl = new URL(document.
|
|
|
25
25
|
}
|
|
26
26
|
|
|
27
27
|
export const FooterLink: React.FC<LinkExProps> = ({
|
|
28
|
-
target, href, margin = 0.5, variant = 'body2', ...props
|
|
28
|
+
target, to, toOptions, href, margin = 0.5, variant = 'body2', ...props
|
|
29
29
|
}) => {
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
30
|
+
if (href) {
|
|
31
|
+
const url = new URL(assertEx(href, () => 'href not set'))
|
|
32
|
+
assertEx(url.hostname, () => 'Hostname is required in href')
|
|
33
|
+
const convertedUrl = convertToBetaIfNeeded(url)
|
|
34
|
+
if (document.location.hostname === convertedUrl.hostname) {
|
|
35
|
+
const to = url.search.length > 0 ? `${convertedUrl.pathname}${convertedUrl.search}` : url.pathname
|
|
36
|
+
return <LinkEx margin={margin} to={to} toOptions={toOptions} target={target} variant={variant} {...props} />
|
|
37
|
+
} else {
|
|
38
|
+
return <LinkEx margin={margin} href={href} target={target ?? '_blank'} variant={variant} {...props} />
|
|
39
|
+
}
|
|
36
40
|
} else {
|
|
37
|
-
return <LinkEx margin={margin}
|
|
41
|
+
return <LinkEx margin={margin} to={to} toOptions={toOptions} target={target} variant={variant} {...props} />
|
|
38
42
|
}
|
|
39
43
|
}
|