@xyo-network/react-footer 2.81.10 → 2.83.0

package/dist/browser/index.d.ts

@@ -1,7 +1,45 @@
-export * from './AlwaysLinks.js';
-export * from './Footer.js';
-export * from './lib/index.js';
-export * from './Link.js';
-export * from './Links.js';
-export * from './Xyo/index.js';
-//# sourceMappingURL=index.d.ts.map
+import { FlexBoxProps } from '@xylabs/react-flexbox';
+import { LinkExProps } from '@xylabs/react-link';
+import React from 'react';
+import { ContainerProps } from '@mui/material';
+
+interface FooterAlwaysLinksProps extends FlexBoxProps {
+    footerLinks?: LinkExProps[];
+    onMore?: () => void;
+}
+declare const FooterAlwaysLinks: React.FC<FooterAlwaysLinksProps>;
+
+interface FooterProps extends FlexBoxProps {
+    alwaysFooterLinksProps?: FooterAlwaysLinksProps;
+    container?: ContainerProps['maxWidth'] | 'none';
+    dynamicHeight?: boolean;
+}
+declare const Footer: React.FC<FooterProps>;
+
+declare const copyrightLinkTitle: (entity: string) => string;
+
+declare const FooterLink: React.FC<LinkExProps>;
+
+declare const FooterLinks: React.FC<FlexBoxProps>;
+
+interface XyoFooterAlwaysLinksProps extends FlexBoxProps {
+    onMore?: () => void;
+}
+declare const XyoFooterAlwaysLinks: React.FC<XyoFooterAlwaysLinksProps>;
+type CopyrightProps = XyoFooterAlwaysLinksProps;
+
+declare const DeveloperLinks: React.FC<FlexBoxProps>;
+
+declare const XyoFooter: React.FC<FooterProps>;
+
+declare const MoreLinks: React.FC<FlexBoxProps>;
+
+declare const NetworkLinks: React.FC<FlexBoxProps>;
+
+declare const SocialLinks: React.FC<FlexBoxProps>;
+
+declare const SupportLinks: React.FC<FlexBoxProps>;
+
+declare const TokenLinks: React.FC<FlexBoxProps>;
+
+export { FooterAlwaysLinks as Copyright, type CopyrightProps, DeveloperLinks, Footer, FooterAlwaysLinks, type FooterAlwaysLinksProps, FooterLink, FooterLinks, type FooterProps, MoreLinks, NetworkLinks, SocialLinks, SupportLinks, TokenLinks, XyoFooter, XyoFooterAlwaysLinks, type XyoFooterAlwaysLinksProps, copyrightLinkTitle };

package/dist/browser/index.mjs

@@ -0,0 +1,353 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+
+// src/AlwaysLinks.tsx
+import { MoreHoriz as MoreHorizIcon } from "@mui/icons-material";
+import { FlexRow } from "@xylabs/react-flexbox";
+import React2 from "react";
+
+// src/Link.tsx
+import { assertEx } from "@xylabs/assert";
+import { LinkEx } from "@xylabs/react-link";
+import React from "react";
+var convertToBetaIfNeeded = /* @__PURE__ */ __name((url, currentUrl = new URL(document.location.href)) => {
+  const urlObj = typeof url === "string" ? new URL(url) : url;
+  const currentUrlObj = typeof currentUrl === "string" ? new URL(currentUrl) : currentUrl;
+  const currentHostnameParts = currentUrlObj.hostname.split(".");
+  const beta = currentHostnameParts.shift() === "beta";
+  if (beta) {
+    const currentHostnameWithoutBeta = currentHostnameParts.join(".");
+    if (currentHostnameWithoutBeta === urlObj.hostname) {
+      urlObj.hostname = currentUrlObj.hostname;
+    }
+  }
+  return urlObj;
+}, "convertToBetaIfNeeded");
+var FooterLink = /* @__PURE__ */ __name(({ target, href, margin = 0.5, variant = "body2", ...props }) => {
+  const url = new URL(assertEx(href, () => "href not set"));
+  assertEx(url.hostname, () => "Hostname is required in href");
+  const convertedUrl = convertToBetaIfNeeded(url);
+  if (document.location.hostname === convertedUrl.hostname) {
+    const to = url.search.length > 0 ? `${convertedUrl.pathname}${convertedUrl.search}` : url.pathname;
+    return /* @__PURE__ */ React.createElement(LinkEx, {
+      margin,
+      to,
+      target,
+      variant,
+      ...props
+    });
+  } else {
+    return /* @__PURE__ */ React.createElement(LinkEx, {
+      margin,
+      href,
+      target: target ?? "_blank",
+      variant,
+      ...props
+    });
+  }
+}, "FooterLink");
+
+// src/AlwaysLinks.tsx
+var FooterAlwaysLinks = /* @__PURE__ */ __name(({ style, footerLinks: footerLinks2, onMore, ...props }) => /* @__PURE__ */ React2.createElement(FlexRow, {
+  flexWrap: "wrap",
+  textTransform: "uppercase",
+  style: {
+    opacity: 0.6,
+    ...style
+  },
+  ...props
+}, footerLinks2?.map((footerLink, index) => /* @__PURE__ */ React2.createElement(FooterLink, {
+  noWrap: true,
+  key: index,
+  paddingX: 1,
+  margin: 0,
+  ...footerLink
+}, /* @__PURE__ */ React2.createElement("small", null, footerLink.title))), onMore ? /* @__PURE__ */ React2.createElement(FlexRow, {
+  style: {
+    cursor: "pointer"
+  },
+  paddingX: 0.5,
+  onClick: onMore
+}, /* @__PURE__ */ React2.createElement(MoreHorizIcon, {
+  color: "primary",
+  fontSize: "small"
+})) : null), "FooterAlwaysLinks");
+
+// src/Footer.tsx
+import { Container, useTheme } from "@mui/material";
+import { FlexCol, FlexRow as FlexRow2 } from "@xylabs/react-flexbox";
+import React3, { useState } from "react";
+var Footer = /* @__PURE__ */ __name(({ alwaysFooterLinksProps, children, container, dynamicHeight = false, ...props }) => {
+  const [more, setMore] = useState(false);
+  const onMore = /* @__PURE__ */ __name(() => {
+    setMore(!more);
+  }, "onMore");
+  const theme = useTheme();
+  return /* @__PURE__ */ React3.createElement(FlexCol, {
+    alignItems: "stretch",
+    onMouseLeave: /* @__PURE__ */ __name(() => {
+      setMore(false);
+    }, "onMouseLeave"),
+    ...props
+  }, more && dynamicHeight ? /* @__PURE__ */ React3.createElement(FlexCol, {
+    alignItems: "stretch"
+  }, /* @__PURE__ */ React3.createElement(FlexRow2, {
+    bottom: -1,
+    position: "absolute",
+    width: "100%",
+    bgcolor: theme.palette.background.default
+  }, container && container !== "none" ? /* @__PURE__ */ React3.createElement(Container, null, children) : children)) : null, dynamicHeight ? null : /* @__PURE__ */ React3.createElement(FlexCol, {
+    alignItems: "stretch"
+  }, container && container !== "none" ? /* @__PURE__ */ React3.createElement(Container, null, children) : children), /* @__PURE__ */ React3.createElement(FlexRow2, null, container && container !== "none" ? /* @__PURE__ */ React3.createElement(Container, null, /* @__PURE__ */ React3.createElement(FooterAlwaysLinks, {
+    ...alwaysFooterLinksProps,
+    onMore: dynamicHeight ? onMore : void 0
+  })) : /* @__PURE__ */ React3.createElement(FooterAlwaysLinks, {
+    ...alwaysFooterLinksProps,
+    onMore: dynamicHeight ? onMore : void 0
+  })));
+}, "Footer");
+
+// src/lib/copyrightLinkTitle.ts
+var copyrightLinkTitle = /* @__PURE__ */ __name((entity) => {
+  return `Copyright \xA9 ${(/* @__PURE__ */ new Date()).getFullYear()} ${entity}`;
+}, "copyrightLinkTitle");
+
+// src/Links.tsx
+import { Typography } from "@mui/material";
+import { FlexCol as FlexCol2 } from "@xylabs/react-flexbox";
+import React4 from "react";
+var FooterLinks = /* @__PURE__ */ __name(({ children, title, ...props }) => {
+  return /* @__PURE__ */ React4.createElement(FlexCol2, {
+    margin: 1,
+    justifyContent: "flex-start",
+    title,
+    ...props
+  }, /* @__PURE__ */ React4.createElement(Typography, {
+    margin: 0.5,
+    variant: "h6",
+    noWrap: true
+  }, title), children);
+}, "FooterLinks");
+
+// src/Xyo/AlwaysLinks.tsx
+import React5 from "react";
+var XyoFooterAlwaysLinks = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React5.createElement(FooterAlwaysLinks, {
+  footerLinks: [
+    {
+      href: "https://xylabs.com/",
+      title: copyrightLinkTitle("XY Labs, Inc.")
+    },
+    {
+      href: "https://xyo.network/",
+      title: "XYO Foundation"
+    },
+    {
+      href: "https://xylabs.com/privacy/",
+      title: "Privacy"
+    },
+    {
+      href: "https://xylabs.com/terms/",
+      title: "Terms"
+    },
+    {
+      href: "https://xylabs.com/jobs",
+      title: "Careers"
+    }
+  ],
+  ...props
+}), "XyoFooterAlwaysLinks");
+
+// src/Xyo/DeveloperLinks.tsx
+import React6 from "react";
+var DeveloperLinks = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React6.createElement(FooterLinks, {
+  title: "Developer",
+  ...props
+}, /* @__PURE__ */ React6.createElement(FooterLink, {
+  href: "https://xyo.network/developer"
+}, "Overview"), /* @__PURE__ */ React6.createElement(FooterLink, {
+  href: "https://xyo.network/developer/get-started"
+}, "Get Started"), /* @__PURE__ */ React6.createElement(FooterLink, {
+  href: "https://xyo.network/developer"
+}, "SDKs"), /* @__PURE__ */ React6.createElement(FooterLink, {
+  href: "https://github.com/xyoraclenetwork"
+}, "Open Source Github"), /* @__PURE__ */ React6.createElement(FooterLink, {
+  href: "https://xyo.network/docs/sdk/js"
+}, "Documentation")), "DeveloperLinks");
+
+// src/Xyo/Footer.tsx
+import { Grid } from "@mui/material";
+import React12 from "react";
+
+// src/Xyo/MoreLinks.tsx
+import React7 from "react";
+var MoreLinks = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React7.createElement(FooterLinks, {
+  title: "More",
+  ...props
+}, /* @__PURE__ */ React7.createElement(FooterLink, {
+  href: "https://xyo.network/partners"
+}, "Partners"), /* @__PURE__ */ React7.createElement(FooterLink, {
+  href: "https://xyo.network/fhr"
+}, "FHR"), /* @__PURE__ */ React7.createElement(FooterLink, {
+  href: "https://xyo.network/brand"
+}, "Brand")), "MoreLinks");
+
+// src/Xyo/NetworkLinks.tsx
+import React8 from "react";
+var NetworkLinks = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React8.createElement(FooterLinks, {
+  title: "Network",
+  ...props
+}, /* @__PURE__ */ React8.createElement(FooterLink, {
+  href: "https://xyo.network/network"
+}, "Overview"), /* @__PURE__ */ React8.createElement(FooterLink, {
+  href: "https://xyo.network/network/bound-witness"
+}, "Bound Witness"), /* @__PURE__ */ React8.createElement(FooterLink, {
+  href: "https://xyo.network/network/proof-of-origin"
+}, "Proof Of Origin"), /* @__PURE__ */ React8.createElement(FooterLink, {
+  href: "https://xyo.network/papers"
+}, "White Paper")), "NetworkLinks");
+
+// src/Xyo/SocialLinks.tsx
+import { Facebook, Instagram, LinkedIn, Reddit, Telegram, Twitter, YouTube } from "@mui/icons-material";
+import { FlexRow as FlexRow3 } from "@xylabs/react-flexbox";
+import React9 from "react";
+import { FaDiscord } from "react-icons/fa";
+var SocialLinks = /* @__PURE__ */ __name((props) => {
+  return /* @__PURE__ */ React9.createElement(FooterLinks, {
+    title: "XYO Socials",
+    ...props
+  }, /* @__PURE__ */ React9.createElement(FlexRow3, {
+    flexWrap: "wrap",
+    justifyContent: "flex-start"
+  }, /* @__PURE__ */ React9.createElement(FooterLink, {
+    href: "https://business.facebook.com/OfficialXYO/"
+  }, /* @__PURE__ */ React9.createElement(Facebook, null)), /* @__PURE__ */ React9.createElement(FooterLink, {
+    href: "https://twitter.com/OfficialXYO"
+  }, /* @__PURE__ */ React9.createElement(Twitter, null)), /* @__PURE__ */ React9.createElement(FooterLink, {
+    href: "https://www.instagram.com/officialxyo/"
+  }, /* @__PURE__ */ React9.createElement(Instagram, null)), /* @__PURE__ */ React9.createElement(FooterLink, {
+    href: "https://t.me/xyonetwork"
+  }, /* @__PURE__ */ React9.createElement(Telegram, null)), /* @__PURE__ */ React9.createElement(FooterLink, {
+    href: "https://www.reddit.com/r/XYONetwork/"
+  }, /* @__PURE__ */ React9.createElement(Reddit, null)), /* @__PURE__ */ React9.createElement(FooterLink, {
+    href: "https://www.youtube.com/channel/UCyZDqb9pgntVHJVt1pxXtsw"
+  }, /* @__PURE__ */ React9.createElement(YouTube, null)), /* @__PURE__ */ React9.createElement(FooterLink, {
+    href: "https://www.linkedin.com/company/officialxyo/"
+  }, /* @__PURE__ */ React9.createElement(LinkedIn, null)), /* @__PURE__ */ React9.createElement(FooterLink, {
+    href: "https://discord.gg/officialxyo"
+  }, /* @__PURE__ */ React9.createElement(FaDiscord, null))));
+}, "SocialLinks");
+
+// src/Xyo/SupportLinks.tsx
+import React10 from "react";
+var SupportLinks = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React10.createElement(FooterLinks, {
+  title: "Support",
+  ...props
+}, /* @__PURE__ */ React10.createElement(FooterLink, {
+  href: "https://support.xy.company/hc/en-us/categories/360001417734"
+}, "Help Center"), /* @__PURE__ */ React10.createElement(FooterLink, {
+  href: "https://support.xy.company/hc/en-us/requests/new"
+}, "Contact Support")), "SupportLinks");
+
+// src/Xyo/TokenLinks.tsx
+import React11 from "react";
+var TokenLinks = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React11.createElement(FooterLinks, {
+  title: "XYO Tokens",
+  ...props
+}, /* @__PURE__ */ React11.createElement(FooterLink, {
+  href: "https://xyo.network/token"
+}, "About"), /* @__PURE__ */ React11.createElement(FooterLink, {
+  href: "https://xyo.network/token/exchange"
+}, "Exchanges"), /* @__PURE__ */ React11.createElement(FooterLink, {
+  href: "https://xyo.network/token/price"
+}, "Prices"), /* @__PURE__ */ React11.createElement(FooterLink, {
+  href: "https://xyo.network/token/wallet"
+}, "Wallets"), /* @__PURE__ */ React11.createElement(FooterLink, {
+  href: "https://etherscan.io/address/0x55296f69f40ea6d20e478533c15a6b08b654e758"
+}, "Contract")), "TokenLinks");
+
+// src/Xyo/Footer.tsx
+var footerLinks = [
+  {
+    href: "https://xylabs.com/",
+    title: copyrightLinkTitle("XY Labs, Inc.")
+  },
+  {
+    href: "https://xyo.network/",
+    title: "XYO Foundation"
+  },
+  {
+    href: "https://xylabs.com/privacy/",
+    title: "Privacy"
+  },
+  {
+    href: "https://xylabs.com/terms/",
+    title: "Terms"
+  },
+  {
+    href: "https://xylabs.com/jobs",
+    title: "Careers"
+  }
+];
+var XyoFooter = /* @__PURE__ */ __name(({ alwaysFooterLinksProps, ...props }) => {
+  return /* @__PURE__ */ React12.createElement(Footer, {
+    alwaysFooterLinksProps: alwaysFooterLinksProps ?? {
+      footerLinks
+    },
+    ...props
+  }, /* @__PURE__ */ React12.createElement(Grid, {
+    container: true
+  }, /* @__PURE__ */ React12.createElement(Grid, {
+    item: true,
+    xs: 12,
+    md: 2
+  }, /* @__PURE__ */ React12.createElement(SocialLinks, {
+    alignItems: "flex-start"
+  })), /* @__PURE__ */ React12.createElement(Grid, {
+    item: true,
+    xs: 6,
+    md: 2
+  }, /* @__PURE__ */ React12.createElement(NetworkLinks, {
+    alignItems: "flex-start"
+  })), /* @__PURE__ */ React12.createElement(Grid, {
+    item: true,
+    xs: 6,
+    md: 2
+  }, /* @__PURE__ */ React12.createElement(TokenLinks, {
+    alignItems: "flex-start"
+  })), /* @__PURE__ */ React12.createElement(Grid, {
+    item: true,
+    xs: 6,
+    md: 2
+  }, /* @__PURE__ */ React12.createElement(DeveloperLinks, {
+    alignItems: "flex-start"
+  })), /* @__PURE__ */ React12.createElement(Grid, {
+    item: true,
+    xs: 6,
+    md: 2
+  }, /* @__PURE__ */ React12.createElement(MoreLinks, {
+    alignItems: "flex-start"
+  })), /* @__PURE__ */ React12.createElement(Grid, {
+    item: true,
+    xs: 6,
+    md: 2
+  }, /* @__PURE__ */ React12.createElement(SupportLinks, {
+    alignItems: "flex-start"
+  }))));
+}, "XyoFooter");
+export {
+  FooterAlwaysLinks as Copyright,
+  DeveloperLinks,
+  Footer,
+  FooterAlwaysLinks,
+  FooterLink,
+  FooterLinks,
+  MoreLinks,
+  NetworkLinks,
+  SocialLinks,
+  SupportLinks,
+  TokenLinks,
+  XyoFooter,
+  XyoFooterAlwaysLinks,
+  copyrightLinkTitle
+};
+//# sourceMappingURL=index.mjs.map

package/dist/browser/index.mjs.map

@@ -0,0 +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 { FlexBoxProps, FlexRow } from '@xylabs/react-flexbox'\nimport { 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> = ({ style, footerLinks, onMore, ...props }) => (\n  <FlexRow flexWrap=\"wrap\" textTransform=\"uppercase\" style={{ opacity: 0.6, ...style }} {...props}>\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 { LinkEx, LinkExProps } 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> = ({ target, href, margin = 0.5, variant = 'body2', ...props }) => {\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 { Container, ContainerProps, useTheme } from '@mui/material'\nimport { FlexBoxProps, FlexCol, FlexRow } from '@xylabs/react-flexbox'\nimport React, { useState } from 'react'\n\nimport { FooterAlwaysLinks, FooterAlwaysLinksProps } 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> = ({ alwaysFooterLinksProps, children, container, dynamicHeight = false, ...props }) => {\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 { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\nimport React from 'react'\n\nexport const FooterLinks: React.FC<FlexBoxProps> = ({ children, title, ...props }) => {\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 { 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 { 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 { Footer, FooterProps } 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 { 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 { 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 { Facebook, Instagram, LinkedIn, Reddit, Telegram, Twitter, YouTube } from '@mui/icons-material'\nimport { FlexBoxProps, FlexRow } from '@xylabs/react-flexbox'\nimport React from 'react'\n// eslint-disable-next-line import/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 { 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 { 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"]}

package/package.json

@@ -10,9 +10,9 @@
     "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
   },
   "dependencies": {
-    "@xylabs/assert": "^3.6.4",
-    "@xylabs/react-flexbox": "^3.4.1",
-    "@xylabs/react-link": "^3.4.1"
+    "@xylabs/assert": "^3.6.12",
+    "@xylabs/react-flexbox": "^3.4.2",
+    "@xylabs/react-link": "^3.4.2"
   },
   "peerDependencies": {
     "@mui/icons-material": "^5",
@@ -24,40 +24,24 @@
   },
   "description": "Common React library for all XYO projects that use React",
   "devDependencies": {
-    "@storybook/react": "^7.6.20",
-    "@xylabs/ts-scripts-yarn3": "^3.12.4",
-    "@xylabs/tsconfig-react": "^3.12.4",
+    "@storybook/react": "^8.2.7",
+    "@xylabs/ts-scripts-yarn3": "^4.0.0-rc.7",
+    "@xylabs/tsconfig-react": "^4.0.0-rc.7",
     "typescript": "^5.5.4"
   },
   "docs": "dist/docs.json",
   "exports": {
     ".": {
-      "node": {
-        "import": {
-          "types": "./dist/node/index.d.mts",
-          "default": "./dist/node/index.js"
-        },
-        "require": {
-          "types": "./dist/node/index.d.cts",
-          "default": "./dist/node/index.cjs"
-        }
+      "import": {
+        "types": "./dist/browser/index.d.ts",
+        "default": "./dist/browser/index.mjs"
       },
-      "browser": {
-        "import": {
-          "types": "./dist/browser/index.d.mts",
-          "default": "./dist/browser/index.js"
-        },
-        "require": {
-          "types": "./dist/browser/index.d.cts",
-          "default": "./dist/browser/index.cjs"
-        }
-      },
-      "default": "./dist/browser/index.js"
+      "types": "./dist/browser/index.d.ts",
+      "default": "./dist/browser/index.mjs"
     },
     "./package.json": "./package.json"
   },
-  "main": "dist/browser/index.cjs",
-  "module": "dist/browser/index.js",
+  "module": "dist/browser/index.mjs",
   "homepage": "https://xyo.network",
   "keywords": [
     "xyo",
@@ -79,6 +63,6 @@
   },
   "sideEffects": false,
   "types": "dist/browser/index.d.ts",
-  "version": "2.81.10",
+  "version": "2.83.0",
   "type": "module"
 }

package/src/AlwaysLinks.tsx

@@ -1,8 +1,9 @@
 import { MoreHoriz as MoreHorizIcon } from '@mui/icons-material'
 import { FlexBoxProps, FlexRow } from '@xylabs/react-flexbox'
 import { LinkExProps } from '@xylabs/react-link'
+import React from 'react'
 
-import { FooterLink } from './Link.js'
+import { FooterLink } from './Link.tsx'
 
 export interface FooterAlwaysLinksProps extends FlexBoxProps {
   footerLinks?: LinkExProps[]
@@ -16,10 +17,12 @@ export const FooterAlwaysLinks: React.FC<FooterAlwaysLinksProps> = ({ style, foo
         <small>{footerLink.title}</small>
       </FooterLink>
     ))}
-    {onMore ?
-      <FlexRow style={{ cursor: 'pointer' }} paddingX={0.5} onClick={onMore}>
-        <MoreHorizIcon color="primary" fontSize="small" />
-      </FlexRow>
-    : null}
+    {onMore
+      ? (
+          <FlexRow style={{ cursor: 'pointer' }} paddingX={0.5} onClick={onMore}>
+            <MoreHorizIcon color="primary" fontSize="small" />
+          </FlexRow>
+        )
+      : null}
   </FlexRow>
 )

package/src/Footer.tsx

@@ -1,8 +1,8 @@
 import { Container, ContainerProps, useTheme } from '@mui/material'
 import { FlexBoxProps, FlexCol, FlexRow } from '@xylabs/react-flexbox'
-import { useState } from 'react'
+import React, { useState } from 'react'
 
-import { FooterAlwaysLinks, FooterAlwaysLinksProps } from './AlwaysLinks.js'
+import { FooterAlwaysLinks, FooterAlwaysLinksProps } from './AlwaysLinks.tsx'
 
 export interface FooterProps extends FlexBoxProps {
   alwaysFooterLinksProps?: FooterAlwaysLinksProps
@@ -26,28 +26,34 @@ export const Footer: React.FC<FooterProps> = ({ alwaysFooterLinksProps, children
       }}
       {...props}
     >
-      {more && dynamicHeight ?
-        <FlexCol alignItems="stretch">
-          <FlexRow bottom={-1} position="absolute" width="100%" bgcolor={theme.palette.background.default}>
-            {container && container !== 'none' ?
-              <Container>{children}</Container>
-            : children}
-          </FlexRow>
-        </FlexCol>
-      : null}
-      {dynamicHeight ? null : (
-        <FlexCol alignItems="stretch">
-          {container && container !== 'none' ?
-            <Container>{children}</Container>
-          : children}
-        </FlexCol>
-      )}
+      {more && dynamicHeight
+        ? (
+            <FlexCol alignItems="stretch">
+              <FlexRow bottom={-1} position="absolute" width="100%" bgcolor={theme.palette.background.default}>
+                {container && container !== 'none'
+                  ? <Container>{children}</Container>
+                  : children}
+              </FlexRow>
+            </FlexCol>
+          )
+        : null}
+      {dynamicHeight
+        ? null
+        : (
+            <FlexCol alignItems="stretch">
+              {container && container !== 'none'
+                ? <Container>{children}</Container>
+                : children}
+            </FlexCol>
+          )}
       <FlexRow>
-        {container && container !== 'none' ?
-          <Container>
-            <FooterAlwaysLinks {...alwaysFooterLinksProps} onMore={dynamicHeight ? onMore : undefined} />
-          </Container>
-        : <FooterAlwaysLinks {...alwaysFooterLinksProps} onMore={dynamicHeight ? onMore : undefined} />}
+        {container && container !== 'none'
+          ? (
+              <Container>
+                <FooterAlwaysLinks {...alwaysFooterLinksProps} onMore={dynamicHeight ? onMore : undefined} />
+              </Container>
+            )
+          : <FooterAlwaysLinks {...alwaysFooterLinksProps} onMore={dynamicHeight ? onMore : undefined} />}
       </FlexRow>
     </FlexCol>
   )

package/src/Link.tsx

@@ -1,5 +1,6 @@
 import { assertEx } from '@xylabs/assert'
 import { LinkEx, LinkExProps } from '@xylabs/react-link'
+import React from 'react'
 
 /**
  * @description

package/src/Links.tsx

@@ -1,5 +1,6 @@
 import { Typography } from '@mui/material'
 import { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'
+import React from 'react'
 
 export const FooterLinks: React.FC<FlexBoxProps> = ({ children, title, ...props }) => {
   return (