@xyo-network/react-footer 5.0.6 → 5.1.0

package/dist/browser/index.mjs

@@ -309,39 +309,45 @@ var XyoFooter = /* @__PURE__ */ __name(({ alwaysFooterLinksProps, ...props }) =>
   }, /* @__PURE__ */ React12.createElement(Grid, {
     container: true
   }, /* @__PURE__ */ React12.createElement(Grid, {
-    item: true,
-    xs: 12,
-    md: 2
+    size: {
+      xs: 12,
+      md: 2
+    }
   }, /* @__PURE__ */ React12.createElement(SocialLinks, {
     alignItems: "flex-start"
   })), /* @__PURE__ */ React12.createElement(Grid, {
-    item: true,
-    xs: 6,
-    md: 2
+    size: {
+      xs: 6,
+      md: 2
+    }
   }, /* @__PURE__ */ React12.createElement(NetworkLinks, {
     alignItems: "flex-start"
   })), /* @__PURE__ */ React12.createElement(Grid, {
-    item: true,
-    xs: 6,
-    md: 2
+    size: {
+      xs: 6,
+      md: 2
+    }
   }, /* @__PURE__ */ React12.createElement(TokenLinks, {
     alignItems: "flex-start"
   })), /* @__PURE__ */ React12.createElement(Grid, {
-    item: true,
-    xs: 6,
-    md: 2
+    size: {
+      xs: 6,
+      md: 2
+    }
   }, /* @__PURE__ */ React12.createElement(DeveloperLinks, {
     alignItems: "flex-start"
   })), /* @__PURE__ */ React12.createElement(Grid, {
-    item: true,
-    xs: 6,
-    md: 2
+    size: {
+      xs: 6,
+      md: 2
+    }
   }, /* @__PURE__ */ React12.createElement(MoreLinks, {
     alignItems: "flex-start"
   })), /* @__PURE__ */ React12.createElement(Grid, {
-    item: true,
-    xs: 6,
-    md: 2
+    size: {
+      xs: 6,
+      md: 2
+    }
   }, /* @__PURE__ */ React12.createElement(SupportLinks, {
     alignItems: "flex-start"
   }))));

package/dist/browser/index.mjs.map

@@ -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, 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"]}
+{"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 size={{ xs: 12, md: 2 }}>\n          <SocialLinks alignItems=\"flex-start\" />\n        </Grid>\n        <Grid size={{ xs: 6, md: 2 }}>\n          <NetworkLinks alignItems=\"flex-start\" />\n        </Grid>\n        <Grid size={{ xs: 6, md: 2 }}>\n          <TokenLinks alignItems=\"flex-start\" />\n        </Grid>\n        <Grid size={{ xs: 6, md: 2 }}>\n          <DeveloperLinks alignItems=\"flex-start\" />\n        </Grid>\n        <Grid size={{ xs: 6, md: 2 }}>\n          <MoreLinks alignItems=\"flex-start\" />\n        </Grid>\n        <Grid size={{ 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","size","xs","md","SocialLinks","alignItems","NetworkLinks","TokenLinks","DeveloperLinks","MoreLinks","SupportLinks"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xyo-network/react-footer",
-  "version": "5.0.6",
+  "version": "5.1.0",
   "description": "Common React library for all XYO projects that use React",
   "keywords": [
     "xyo",
@@ -39,28 +39,26 @@
   "module": "dist/browser/index.mjs",
   "types": "dist/types/index.d.ts",
   "dependencies": {
-    "@xylabs/assert": "^4.6.4",
-    "@xylabs/react-flexbox": "^6.0.6",
-    "@xylabs/react-link": "^6.0.6",
+    "@xylabs/assert": "^4.7.15",
+    "@xylabs/react-flexbox": "^6.1.0",
+    "@xylabs/react-link": "^6.1.0",
     "react-icons": "^5.5.0"
   },
   "devDependencies": {
-    "@mui/icons-material": "^6.4.8",
-    "@mui/material": "^6.4.8",
-    "@mui/styles": "^6.4.8",
-    "@storybook/react": "^8.6.7",
-    "@types/react": "^19.0.10",
-    "@xylabs/ts-scripts-yarn3": "^6.1.4",
-    "@xylabs/tsconfig-react": "^6.1.4",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "storybook": "^8.6.7",
+    "@mui/icons-material": "^7.0.1",
+    "@mui/material": "^7.0.1",
+    "@storybook/react": "^8.6.11",
+    "@types/react": "^19.0.12",
+    "@xylabs/ts-scripts-yarn3": "^6.2.0",
+    "@xylabs/tsconfig-react": "^6.2.0",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
+    "storybook": "^8.6.11",
     "typescript": "^5.8.2"
   },
   "peerDependencies": {
-    "@mui/icons-material": "^6",
-    "@mui/material": "^6",
-    "@mui/styles": "^6",
+    "@mui/icons-material": ">=6 <=7",
+    "@mui/material": ">=6 <=7",
     "react": "^19",
     "react-dom": "^19"
   },

package/src/Xyo/Footer.tsx

@@ -42,22 +42,22 @@ export const XyoFooter: React.FC<FooterProps> = ({
   return (
     <Footer alwaysFooterLinksProps={alwaysFooterLinksProps ?? { footerLinks }} {...props}>
       <Grid container>
-        <Grid item xs={12} md={2}>
+        <Grid size={{ xs: 12, md: 2 }}>
           <SocialLinks alignItems="flex-start" />
         </Grid>
-        <Grid item xs={6} md={2}>
+        <Grid size={{ xs: 6, md: 2 }}>
           <NetworkLinks alignItems="flex-start" />
         </Grid>
-        <Grid item xs={6} md={2}>
+        <Grid size={{ xs: 6, md: 2 }}>
           <TokenLinks alignItems="flex-start" />
         </Grid>
-        <Grid item xs={6} md={2}>
+        <Grid size={{ xs: 6, md: 2 }}>
           <DeveloperLinks alignItems="flex-start" />
         </Grid>
-        <Grid item xs={6} md={2}>
+        <Grid size={{ xs: 6, md: 2 }}>
           <MoreLinks alignItems="flex-start" />
         </Grid>
-        <Grid item xs={6} md={2}>
+        <Grid size={{ xs: 6, md: 2 }}>
           <SupportLinks alignItems="flex-start" />
         </Grid>
       </Grid>