@xyo-network/react-footer 2.27.17 → 2.27.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (111) hide show
  1. package/dist/cjs/AlwaysLinks.d.ts +10 -0
  2. package/dist/cjs/AlwaysLinks.d.ts.map +1 -0
  3. package/dist/cjs/AlwaysLinks.js +18 -0
  4. package/dist/cjs/AlwaysLinks.js.map +1 -0
  5. package/dist/cjs/Footer.d.ts +4 -4
  6. package/dist/cjs/Footer.d.ts.map +1 -1
  7. package/dist/cjs/Footer.js +5 -15
  8. package/dist/cjs/Footer.js.map +1 -1
  9. package/dist/cjs/Xyo/AlwaysLinks.d.ts +11 -0
  10. package/dist/cjs/Xyo/AlwaysLinks.d.ts.map +1 -0
  11. package/dist/cjs/Xyo/AlwaysLinks.js +31 -0
  12. package/dist/cjs/Xyo/AlwaysLinks.js.map +1 -0
  13. package/dist/cjs/Xyo/DeveloperLinks.d.ts +4 -0
  14. package/dist/cjs/Xyo/DeveloperLinks.d.ts.map +1 -0
  15. package/dist/cjs/Xyo/DeveloperLinks.js +9 -0
  16. package/dist/cjs/Xyo/DeveloperLinks.js.map +1 -0
  17. package/dist/cjs/Xyo/Footer.d.ts +4 -0
  18. package/dist/cjs/Xyo/Footer.d.ts.map +1 -0
  19. package/dist/cjs/Xyo/Footer.js +42 -0
  20. package/dist/cjs/Xyo/Footer.js.map +1 -0
  21. package/dist/cjs/Xyo/MoreLinks.d.ts +4 -0
  22. package/dist/cjs/Xyo/MoreLinks.d.ts.map +1 -0
  23. package/dist/cjs/Xyo/MoreLinks.js +9 -0
  24. package/dist/cjs/Xyo/MoreLinks.js.map +1 -0
  25. package/dist/cjs/Xyo/NetworkLinks.d.ts +4 -0
  26. package/dist/cjs/Xyo/NetworkLinks.d.ts.map +1 -0
  27. package/dist/cjs/Xyo/NetworkLinks.js +9 -0
  28. package/dist/cjs/Xyo/NetworkLinks.js.map +1 -0
  29. package/dist/cjs/Xyo/SocialLinks.d.ts +4 -0
  30. package/dist/cjs/Xyo/SocialLinks.d.ts.map +1 -0
  31. package/dist/cjs/Xyo/SocialLinks.js +14 -0
  32. package/dist/cjs/Xyo/SocialLinks.js.map +1 -0
  33. package/dist/cjs/Xyo/SupportLinks.d.ts +4 -0
  34. package/dist/cjs/Xyo/SupportLinks.d.ts.map +1 -0
  35. package/dist/cjs/Xyo/SupportLinks.js +9 -0
  36. package/dist/cjs/Xyo/SupportLinks.js.map +1 -0
  37. package/dist/cjs/Xyo/TokenLinks.d.ts +4 -0
  38. package/dist/cjs/Xyo/TokenLinks.d.ts.map +1 -0
  39. package/dist/cjs/Xyo/TokenLinks.js +9 -0
  40. package/dist/cjs/Xyo/TokenLinks.js.map +1 -0
  41. package/dist/cjs/Xyo/index.d.ts +8 -0
  42. package/dist/cjs/Xyo/index.d.ts.map +1 -0
  43. package/dist/cjs/Xyo/index.js +11 -0
  44. package/dist/cjs/Xyo/index.js.map +1 -0
  45. package/dist/cjs/index.d.ts +2 -7
  46. package/dist/cjs/index.d.ts.map +1 -1
  47. package/dist/cjs/index.js +2 -7
  48. package/dist/cjs/index.js.map +1 -1
  49. package/dist/docs.json +18252 -1916
  50. package/dist/esm/AlwaysLinks.d.ts +10 -0
  51. package/dist/esm/AlwaysLinks.d.ts.map +1 -0
  52. package/dist/esm/AlwaysLinks.js +9 -0
  53. package/dist/esm/AlwaysLinks.js.map +1 -0
  54. package/dist/esm/Footer.d.ts +4 -4
  55. package/dist/esm/Footer.d.ts.map +1 -1
  56. package/dist/esm/Footer.js +5 -14
  57. package/dist/esm/Footer.js.map +1 -1
  58. package/dist/esm/Xyo/AlwaysLinks.d.ts +11 -0
  59. package/dist/esm/Xyo/AlwaysLinks.d.ts.map +1 -0
  60. package/dist/esm/Xyo/AlwaysLinks.js +27 -0
  61. package/dist/esm/Xyo/AlwaysLinks.js.map +1 -0
  62. package/dist/esm/Xyo/DeveloperLinks.d.ts +4 -0
  63. package/dist/esm/Xyo/DeveloperLinks.d.ts.map +1 -0
  64. package/dist/esm/Xyo/DeveloperLinks.js +5 -0
  65. package/dist/esm/Xyo/DeveloperLinks.js.map +1 -0
  66. package/dist/esm/Xyo/Footer.d.ts +4 -0
  67. package/dist/esm/Xyo/Footer.d.ts.map +1 -0
  68. package/dist/esm/Xyo/Footer.js +36 -0
  69. package/dist/esm/Xyo/Footer.js.map +1 -0
  70. package/dist/esm/Xyo/MoreLinks.d.ts +4 -0
  71. package/dist/esm/Xyo/MoreLinks.d.ts.map +1 -0
  72. package/dist/esm/Xyo/MoreLinks.js +5 -0
  73. package/dist/esm/Xyo/MoreLinks.js.map +1 -0
  74. package/dist/esm/Xyo/NetworkLinks.d.ts +4 -0
  75. package/dist/esm/Xyo/NetworkLinks.d.ts.map +1 -0
  76. package/dist/esm/Xyo/NetworkLinks.js +5 -0
  77. package/dist/esm/Xyo/NetworkLinks.js.map +1 -0
  78. package/dist/esm/Xyo/SocialLinks.d.ts +4 -0
  79. package/dist/esm/Xyo/SocialLinks.d.ts.map +1 -0
  80. package/dist/esm/Xyo/SocialLinks.js +10 -0
  81. package/dist/esm/Xyo/SocialLinks.js.map +1 -0
  82. package/dist/esm/Xyo/SupportLinks.d.ts +4 -0
  83. package/dist/esm/Xyo/SupportLinks.d.ts.map +1 -0
  84. package/dist/esm/Xyo/SupportLinks.js +5 -0
  85. package/dist/esm/Xyo/SupportLinks.js.map +1 -0
  86. package/dist/esm/Xyo/TokenLinks.d.ts +4 -0
  87. package/dist/esm/Xyo/TokenLinks.d.ts.map +1 -0
  88. package/dist/esm/Xyo/TokenLinks.js +5 -0
  89. package/dist/esm/Xyo/TokenLinks.js.map +1 -0
  90. package/dist/esm/Xyo/index.d.ts +8 -0
  91. package/dist/esm/Xyo/index.d.ts.map +1 -0
  92. package/dist/esm/Xyo/index.js +8 -0
  93. package/dist/esm/Xyo/index.js.map +1 -0
  94. package/dist/esm/index.d.ts +2 -7
  95. package/dist/esm/index.d.ts.map +1 -1
  96. package/dist/esm/index.js +2 -7
  97. package/dist/esm/index.js.map +1 -1
  98. package/package.json +2 -2
  99. package/src/{Copyright.tsx → AlwaysLinks.tsx} +7 -25
  100. package/src/Footer.tsx +10 -48
  101. package/src/Xyo/AlwaysLinks.tsx +41 -0
  102. package/src/{DeveloperLinks.tsx → Xyo/DeveloperLinks.tsx} +3 -3
  103. package/src/{Footer.stories.tsx → Xyo/Footer.stories.tsx} +5 -5
  104. package/src/Xyo/Footer.tsx +64 -0
  105. package/src/{MoreLinks.tsx → Xyo/MoreLinks.tsx} +3 -3
  106. package/src/{NetworkLinks.tsx → Xyo/NetworkLinks.tsx} +3 -3
  107. package/src/{SocialLinks.tsx → Xyo/SocialLinks.tsx} +3 -3
  108. package/src/{SupportLinks.tsx → Xyo/SupportLinks.tsx} +3 -3
  109. package/src/{XyoTokens.tsx → Xyo/TokenLinks.tsx} +3 -3
  110. package/src/Xyo/index.ts +7 -0
  111. package/src/index.ts +2 -7
@@ -0,0 +1,10 @@
1
+ /// <reference types="react" />
2
+ import { FlexBoxProps } from '@xylabs/react-flexbox';
3
+ import { LinkExProps } from '@xylabs/react-link';
4
+ export interface FooterAlwaysLinksProps extends FlexBoxProps {
5
+ footerLinks?: LinkExProps[];
6
+ onMore?: () => void;
7
+ }
8
+ export declare const copyrightLinkTitle: (entity: string) => string;
9
+ export declare const FooterAlwaysLinks: React.FC<FooterAlwaysLinksProps>;
10
+ //# sourceMappingURL=AlwaysLinks.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AlwaysLinks.d.ts","sourceRoot":"","sources":["../../src/AlwaysLinks.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAIhD,MAAM,WAAW,sBAAuB,SAAQ,YAAY;IAC1D,WAAW,CAAC,EAAE,WAAW,EAAE,CAAA;IAC3B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;CACpB;AAED,eAAO,MAAM,kBAAkB,WAAY,MAAM,WAEhD,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAa9D,CAAA"}
@@ -0,0 +1,9 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import MoreHorizIcon from '@mui/icons-material/MoreHoriz';
3
+ import { FlexRow } from '@xylabs/react-flexbox';
4
+ import { FooterLink } from './Link';
5
+ export const copyrightLinkTitle = (entity) => {
6
+ return `Copyright © ${new Date().getFullYear()} ${entity}`;
7
+ };
8
+ export const FooterAlwaysLinks = ({ style, footerLinks, onMore, ...props }) => (_jsxs(FlexRow, { flexWrap: "wrap", textTransform: "uppercase", style: { opacity: 0.6, ...style }, ...props, children: [footerLinks?.map((footerLink, index) => (_jsx(FooterLink, { noWrap: true, paddingX: 1, margin: 0, ...footerLink, children: _jsx("small", { children: footerLink.title }) }, index))), onMore ? (_jsx(FlexRow, { style: { cursor: 'pointer' }, paddingX: 0.5, onClick: onMore, children: _jsx(MoreHorizIcon, { color: "primary", fontSize: "small" }) })) : null] }));
9
+ //# sourceMappingURL=AlwaysLinks.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AlwaysLinks.js","sourceRoot":"","sources":["../../src/AlwaysLinks.tsx"],"names":[],"mappings":";AAAA,OAAO,aAAa,MAAM,+BAA+B,CAAA;AACzD,OAAO,EAAgB,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAG7D,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAA;AAOnC,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,MAAc,EAAE,EAAE;IACnD,OAAO,eAAe,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,IAAI,MAAM,EAAE,CAAA;AAC5D,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAqC,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,CAC/G,MAAC,OAAO,IAAC,QAAQ,EAAC,MAAM,EAAC,aAAa,EAAC,WAAW,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,KAAM,KAAK,aAC5F,WAAW,EAAE,GAAG,CAAC,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE,CAAC,CACvC,KAAC,UAAU,IAAC,MAAM,QAAa,QAAQ,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,KAAM,UAAU,YACnE,0BAAQ,UAAU,CAAC,KAAK,GAAS,IADX,KAAK,CAEhB,CACd,CAAC,EACD,MAAM,CAAC,CAAC,CAAC,CACR,KAAC,OAAO,IAAC,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,YACnE,KAAC,aAAa,IAAC,KAAK,EAAC,SAAS,EAAC,QAAQ,EAAC,OAAO,GAAG,GAC1C,CACX,CAAC,CAAC,CAAC,IAAI,IACA,CACX,CAAA"}
@@ -1,11 +1,11 @@
1
1
  /// <reference types="react" />
2
- import { ContainerProps, GridProps } from '@mui/material';
2
+ import { ContainerProps } from '@mui/material';
3
3
  import { FlexBoxProps } from '@xylabs/react-flexbox';
4
+ import { FooterAlwaysLinksProps } from './AlwaysLinks';
4
5
  export interface FooterProps extends FlexBoxProps {
5
- dynamicHeight?: boolean;
6
- footerHtmlElement?: boolean;
7
6
  container?: ContainerProps['maxWidth'] | 'none';
7
+ alwaysFooterLinksProps?: FooterAlwaysLinksProps;
8
+ dynamicHeight?: boolean;
8
9
  }
9
- export declare const FooterLinkSection: React.FC<GridProps>;
10
10
  export declare const Footer: React.FC<FooterProps>;
11
11
  //# sourceMappingURL=Footer.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../src/Footer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAa,cAAc,EAAQ,SAAS,EAAE,MAAM,eAAe,CAAA;AAC1E,OAAO,EAAE,YAAY,EAAoB,MAAM,uBAAuB,CAAA;AAWtE,MAAM,WAAW,WAAY,SAAQ,YAAY;IAC/C,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,SAAS,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,GAAG,MAAM,CAAA;CAChD;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAuBjD,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAmCxC,CAAA"}
1
+ {"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../src/Footer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAa,cAAc,EAAE,MAAM,eAAe,CAAA;AACzD,OAAO,EAAE,YAAY,EAAoB,MAAM,uBAAuB,CAAA;AAGtE,OAAO,EAAqB,sBAAsB,EAAE,MAAM,eAAe,CAAA;AAEzE,MAAM,WAAW,WAAY,SAAQ,YAAY;IAC/C,SAAS,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,GAAG,MAAM,CAAA;IAC/C,sBAAsB,CAAC,EAAE,sBAAsB,CAAA;IAC/C,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA4BxC,CAAA"}
@@ -1,24 +1,15 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { Container, Grid } from '@mui/material';
2
+ import { Container } from '@mui/material';
3
3
  import { FlexCol, FlexRow } from '@xylabs/react-flexbox';
4
4
  import { useState } from 'react';
5
- import { Copyright } from './Copyright';
6
- import { DeveloperLinks } from './DeveloperLinks';
7
- import { MoreLinks } from './MoreLinks';
8
- import { NetworkLinks } from './NetworkLinks';
9
- import { SocialLinks } from './SocialLinks';
10
- import { SupportLinks } from './SupportLinks';
11
- import { XyoTokens } from './XyoTokens';
12
- export const FooterLinkSection = (props) => {
13
- return (_jsxs(Grid, { container: true, justifyContent: "space-between", alignItems: "flex-start", ...props, children: [_jsx(Grid, { item: true, xs: 12, md: 2, children: _jsx(SocialLinks, { alignItems: "flex-start" }) }), _jsx(Grid, { item: true, xs: 6, md: 2, children: _jsx(NetworkLinks, { alignItems: "flex-start" }) }), _jsx(Grid, { item: true, xs: 6, md: 2, children: _jsx(XyoTokens, { alignItems: "flex-start" }) }), _jsx(Grid, { item: true, xs: 6, md: 2, children: _jsx(DeveloperLinks, { alignItems: "flex-start" }) }), _jsx(Grid, { item: true, xs: 6, md: 2, children: _jsx(MoreLinks, { alignItems: "flex-start" }) }), _jsx(Grid, { item: true, xs: 6, md: 2, children: _jsx(SupportLinks, { alignItems: "flex-start" }) })] }));
14
- };
15
- export const Footer = ({ container, dynamicHeight = false, ...props }) => {
5
+ import { FooterAlwaysLinks } from './AlwaysLinks';
6
+ export const Footer = ({ children, alwaysFooterLinksProps, container, dynamicHeight = false, ...props }) => {
16
7
  const [more, setMore] = useState(false);
17
8
  const onMore = () => {
18
9
  setMore(!more);
19
10
  };
20
- return (_jsxs(FlexCol, { onMouseLeave: () => {
11
+ return (_jsxs(FlexCol, { alignItems: "stretch", onMouseLeave: () => {
21
12
  setMore(false);
22
- }, alignItems: "stretch", ...props, children: [more || !dynamicHeight ? (_jsx(FlexRow, { alignItems: "flex-start", children: container && container !== 'none' ? (_jsx(Container, { children: _jsx(FooterLinkSection, {}) })) : (_jsx(FooterLinkSection, {})) })) : null, _jsx(FlexRow, { children: container && container !== 'none' ? (_jsx(Container, { children: _jsx(Copyright, { onMore: onMore }) })) : (_jsx(Copyright, { onMore: onMore })) })] }));
13
+ }, ...props, children: [more || !dynamicHeight ? (_jsx(FlexRow, { alignItems: "flex-start", children: container && container !== 'none' ? _jsx(Container, { children: children }) : children })) : null, _jsx(FlexRow, { children: container && container !== 'none' ? (_jsx(Container, { children: _jsx(FooterAlwaysLinks, { ...alwaysFooterLinksProps, onMore: dynamicHeight ? onMore : undefined }) })) : (_jsx(FooterAlwaysLinks, { ...alwaysFooterLinksProps, onMore: dynamicHeight ? onMore : undefined })) })] }));
23
14
  };
24
15
  //# sourceMappingURL=Footer.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Footer.js","sourceRoot":"","sources":["../../src/Footer.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Footer.js","sourceRoot":"","sources":["../../src/Footer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAkB,MAAM,eAAe,CAAA;AACzD,OAAO,EAAgB,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AACtE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,iBAAiB,EAA0B,MAAM,eAAe,CAAA;AAQzE,MAAM,CAAC,MAAM,MAAM,GAA0B,CAAC,EAAE,QAAQ,EAAE,sBAAsB,EAAE,SAAS,EAAE,aAAa,GAAG,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAChI,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACvC,MAAM,MAAM,GAAG,GAAG,EAAE;QAClB,OAAO,CAAC,CAAC,IAAI,CAAC,CAAA;IAChB,CAAC,CAAA;IAED,OAAO,CACL,MAAC,OAAO,IACN,UAAU,EAAC,SAAS,EACpB,YAAY,EAAE,GAAG,EAAE;YACjB,OAAO,CAAC,KAAK,CAAC,CAAA;QAChB,CAAC,KACG,KAAK,aAER,IAAI,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CACxB,KAAC,OAAO,IAAC,UAAU,EAAC,YAAY,YAAE,SAAS,IAAI,SAAS,KAAK,MAAM,CAAC,CAAC,CAAC,KAAC,SAAS,cAAE,QAAQ,GAAa,CAAC,CAAC,CAAC,QAAQ,GAAW,CAC9H,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,OAAO,cACL,SAAS,IAAI,SAAS,KAAK,MAAM,CAAC,CAAC,CAAC,CACnC,KAAC,SAAS,cACR,KAAC,iBAAiB,OAAK,sBAAsB,EAAE,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,GAAI,GACnF,CACb,CAAC,CAAC,CAAC,CACF,KAAC,iBAAiB,OAAK,sBAAsB,EAAE,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,GAAI,CAC9F,GACO,IACF,CACX,CAAA;AACH,CAAC,CAAA"}
@@ -0,0 +1,11 @@
1
+ /// <reference types="react" />
2
+ import { FlexBoxProps } from '@xylabs/react-flexbox';
3
+ export interface XyoFooterAlwaysLinksProps extends FlexBoxProps {
4
+ onMore?: () => void;
5
+ }
6
+ export declare const XyoFooterAlwaysLinks: React.FC<XyoFooterAlwaysLinksProps>;
7
+ /** @deprecated use FooterAlwaysLinksProps*/
8
+ export declare type CopyrightProps = XyoFooterAlwaysLinksProps;
9
+ /** @deprecated use FooterAlwaysLinks*/
10
+ export declare const Copyright: import("react").FC<XyoFooterAlwaysLinksProps>;
11
+ //# sourceMappingURL=AlwaysLinks.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AlwaysLinks.d.ts","sourceRoot":"","sources":["../../../src/Xyo/AlwaysLinks.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAIpD,MAAM,WAAW,yBAA0B,SAAQ,YAAY;IAC7D,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;CACpB;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CA0BpE,CAAA;AAED,4CAA4C;AAC5C,oBAAY,cAAc,GAAG,yBAAyB,CAAA;AAEtD,uCAAuC;AACvC,eAAO,MAAM,SAAS,+CAAuB,CAAA"}
@@ -0,0 +1,27 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { copyrightLinkTitle, FooterAlwaysLinks } from '../AlwaysLinks';
3
+ export const XyoFooterAlwaysLinks = (props) => (_jsx(FooterAlwaysLinks, { footerLinks: [
4
+ {
5
+ href: 'https://xylabs.com/',
6
+ title: copyrightLinkTitle('XY Labs, Inc.'),
7
+ },
8
+ {
9
+ href: 'https://xyo.network/',
10
+ title: 'XYO Foundation',
11
+ },
12
+ {
13
+ href: 'https://xylabs.com/privacy/',
14
+ title: 'Privacy',
15
+ },
16
+ {
17
+ href: 'https://xylabs.com/terms/',
18
+ title: 'Terms',
19
+ },
20
+ {
21
+ href: 'https://xylabs.com/jobs',
22
+ title: 'Careers',
23
+ },
24
+ ], ...props }));
25
+ /** @deprecated use FooterAlwaysLinks*/
26
+ export const Copyright = XyoFooterAlwaysLinks;
27
+ //# sourceMappingURL=AlwaysLinks.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AlwaysLinks.js","sourceRoot":"","sources":["../../../src/Xyo/AlwaysLinks.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAMtE,MAAM,CAAC,MAAM,oBAAoB,GAAwC,CAAC,KAAK,EAAE,EAAE,CAAC,CAClF,KAAC,iBAAiB,IAChB,WAAW,EAAE;QACX;YACE,IAAI,EAAE,qBAAqB;YAC3B,KAAK,EAAE,kBAAkB,CAAC,eAAe,CAAC;SAC3C;QACD;YACE,IAAI,EAAE,sBAAsB;YAC5B,KAAK,EAAE,gBAAgB;SACxB;QACD;YACE,IAAI,EAAE,6BAA6B;YACnC,KAAK,EAAE,SAAS;SACjB;QACD;YACE,IAAI,EAAE,2BAA2B;YACjC,KAAK,EAAE,OAAO;SACf;QACD;YACE,IAAI,EAAE,yBAAyB;YAC/B,KAAK,EAAE,SAAS;SACjB;KACF,KACG,KAAK,GACT,CACH,CAAA;AAKD,uCAAuC;AACvC,MAAM,CAAC,MAAM,SAAS,GAAG,oBAAoB,CAAA"}
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ import { FlexBoxProps } from '@xylabs/react-flexbox';
3
+ export declare const XyoDeveloperLinks: React.FC<FlexBoxProps>;
4
+ //# sourceMappingURL=DeveloperLinks.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DeveloperLinks.d.ts","sourceRoot":"","sources":["../../../src/Xyo/DeveloperLinks.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAKpD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAQpD,CAAA"}
@@ -0,0 +1,5 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { FooterLink } from '../Link';
3
+ import { FooterLinks } from '../Links';
4
+ export const XyoDeveloperLinks = (props) => (_jsxs(FooterLinks, { title: "Developer", ...props, children: [_jsx(FooterLink, { href: "https://xyo.network/developer", children: "Overview" }), _jsx(FooterLink, { href: "https://xyo.network/developer/get-started", children: "Get Started" }), _jsx(FooterLink, { href: "https://xyo.network/developer", children: "SDKs" }), _jsx(FooterLink, { href: "https://github.com/xyoraclenetwork", children: "Open Source Github" }), _jsx(FooterLink, { href: "https://xyo.network/docs/sdk/js", children: "Documentation" })] }));
5
+ //# sourceMappingURL=DeveloperLinks.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DeveloperLinks.js","sourceRoot":"","sources":["../../../src/Xyo/DeveloperLinks.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAEtC,MAAM,CAAC,MAAM,iBAAiB,GAA2B,CAAC,KAAK,EAAE,EAAE,CAAC,CAClE,MAAC,WAAW,IAAC,KAAK,EAAC,WAAW,KAAK,KAAK,aACtC,KAAC,UAAU,IAAC,IAAI,EAAC,+BAA+B,yBAAsB,EACtE,KAAC,UAAU,IAAC,IAAI,EAAC,2CAA2C,4BAAyB,EACrF,KAAC,UAAU,IAAC,IAAI,EAAC,+BAA+B,qBAAkB,EAClE,KAAC,UAAU,IAAC,IAAI,EAAC,oCAAoC,mCAAgC,EACrF,KAAC,UAAU,IAAC,IAAI,EAAC,iCAAiC,8BAA2B,IACjE,CACf,CAAA"}
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ import { FooterProps } from '../Footer';
3
+ export declare const XyoFooter: React.FC<FooterProps>;
4
+ //# sourceMappingURL=Footer.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../src/Xyo/Footer.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAU,WAAW,EAAE,MAAM,WAAW,CAAA;AA+B/C,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA6B3C,CAAA"}
@@ -0,0 +1,36 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { Grid } from '@mui/material';
3
+ import { copyrightLinkTitle } from '../AlwaysLinks';
4
+ import { Footer } from '../Footer';
5
+ import { XyoDeveloperLinks } from './DeveloperLinks';
6
+ import { XyoMoreLinks } from './MoreLinks';
7
+ import { XyoNetworkLinks } from './NetworkLinks';
8
+ import { XyoSocialLinks } from './SocialLinks';
9
+ import { XyoSupportLinks } from './SupportLinks';
10
+ import { XyoTokenLinks } from './TokenLinks';
11
+ const footerLinks = [
12
+ {
13
+ href: 'https://xylabs.com/',
14
+ title: copyrightLinkTitle('XY Labs, Inc.'),
15
+ },
16
+ {
17
+ href: 'https://xyo.network/',
18
+ title: 'XYO Foundation',
19
+ },
20
+ {
21
+ href: 'https://xylabs.com/privacy/',
22
+ title: 'Privacy',
23
+ },
24
+ {
25
+ href: 'https://xylabs.com/terms/',
26
+ title: 'Terms',
27
+ },
28
+ {
29
+ href: 'https://xylabs.com/jobs',
30
+ title: 'Careers',
31
+ },
32
+ ];
33
+ export const XyoFooter = ({ alwaysFooterLinksProps = { footerLinks }, ...props }) => {
34
+ return (_jsx(Footer, { alwaysFooterLinksProps: alwaysFooterLinksProps, ...props, children: _jsxs(Grid, { container: true, children: [_jsx(Grid, { item: true, xs: 12, md: 2, children: _jsx(XyoSocialLinks, { alignItems: "flex-start" }) }), _jsx(Grid, { item: true, xs: 6, md: 2, children: _jsx(XyoNetworkLinks, { alignItems: "flex-start" }) }), _jsx(Grid, { item: true, xs: 6, md: 2, children: _jsx(XyoTokenLinks, { alignItems: "flex-start" }) }), _jsx(Grid, { item: true, xs: 6, md: 2, children: _jsx(XyoDeveloperLinks, { alignItems: "flex-start" }) }), _jsx(Grid, { item: true, xs: 6, md: 2, children: _jsx(XyoMoreLinks, { alignItems: "flex-start" }) }), _jsx(Grid, { item: true, xs: 6, md: 2, children: _jsx(XyoSupportLinks, { alignItems: "flex-start" }) })] }) }));
35
+ };
36
+ //# sourceMappingURL=Footer.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Footer.js","sourceRoot":"","sources":["../../../src/Xyo/Footer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAEpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAA;AACnD,OAAO,EAAE,MAAM,EAAe,MAAM,WAAW,CAAA;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAE5C,MAAM,WAAW,GAAG;IAClB;QACE,IAAI,EAAE,qBAAqB;QAC3B,KAAK,EAAE,kBAAkB,CAAC,eAAe,CAAC;KAC3C;IACD;QACE,IAAI,EAAE,sBAAsB;QAC5B,KAAK,EAAE,gBAAgB;KACxB;IACD;QACE,IAAI,EAAE,6BAA6B;QACnC,KAAK,EAAE,SAAS;KACjB;IACD;QACE,IAAI,EAAE,2BAA2B;QACjC,KAAK,EAAE,OAAO;KACf;IACD;QACE,IAAI,EAAE,yBAAyB;QAC/B,KAAK,EAAE,SAAS;KACjB;CACF,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAA0B,CAAC,EAC/C,sBAAsB,GAAG,EAAE,WAAW,EAAE,EAExC,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,KAAC,MAAM,IAAC,sBAAsB,EAAE,sBAAsB,KAAM,KAAK,YAC/D,MAAC,IAAI,IAAC,SAAS,mBACb,KAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,YACtB,KAAC,cAAc,IAAC,UAAU,EAAC,YAAY,GAAG,GACrC,EACP,KAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,YACrB,KAAC,eAAe,IAAC,UAAU,EAAC,YAAY,GAAG,GACtC,EACP,KAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,YACrB,KAAC,aAAa,IAAC,UAAU,EAAC,YAAY,GAAG,GACpC,EACP,KAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,YACrB,KAAC,iBAAiB,IAAC,UAAU,EAAC,YAAY,GAAG,GACxC,EACP,KAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,YACrB,KAAC,YAAY,IAAC,UAAU,EAAC,YAAY,GAAG,GACnC,EACP,KAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,YACrB,KAAC,eAAe,IAAC,UAAU,EAAC,YAAY,GAAG,GACtC,IACF,GACA,CACV,CAAA;AACH,CAAC,CAAA"}
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ import { FlexBoxProps } from '@xylabs/react-flexbox';
3
+ export declare const XyoMoreLinks: React.FC<FlexBoxProps>;
4
+ //# sourceMappingURL=MoreLinks.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MoreLinks.d.ts","sourceRoot":"","sources":["../../../src/Xyo/MoreLinks.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAKpD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAM/C,CAAA"}
@@ -0,0 +1,5 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { FooterLink } from '../Link';
3
+ import { FooterLinks } from '../Links';
4
+ export const XyoMoreLinks = (props) => (_jsxs(FooterLinks, { title: "More", ...props, children: [_jsx(FooterLink, { href: "https://xyo.network/partners", children: "Partners" }), _jsx(FooterLink, { href: "https://xyo.network/fhr", children: "FHR" }), _jsx(FooterLink, { href: "https://xyo.network/brand", children: "Brand" })] }));
5
+ //# sourceMappingURL=MoreLinks.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MoreLinks.js","sourceRoot":"","sources":["../../../src/Xyo/MoreLinks.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAEtC,MAAM,CAAC,MAAM,YAAY,GAA2B,CAAC,KAAK,EAAE,EAAE,CAAC,CAC7D,MAAC,WAAW,IAAC,KAAK,EAAC,MAAM,KAAK,KAAK,aACjC,KAAC,UAAU,IAAC,IAAI,EAAC,8BAA8B,yBAAsB,EACrE,KAAC,UAAU,IAAC,IAAI,EAAC,yBAAyB,oBAAiB,EAC3D,KAAC,UAAU,IAAC,IAAI,EAAC,2BAA2B,sBAAmB,IACnD,CACf,CAAA"}
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ import { FlexBoxProps } from '@xylabs/react-flexbox';
3
+ export declare const XyoNetworkLinks: React.FC<FlexBoxProps>;
4
+ //# sourceMappingURL=NetworkLinks.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NetworkLinks.d.ts","sourceRoot":"","sources":["../../../src/Xyo/NetworkLinks.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAKpD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAOlD,CAAA"}
@@ -0,0 +1,5 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { FooterLink } from '../Link';
3
+ import { FooterLinks } from '../Links';
4
+ export const XyoNetworkLinks = (props) => (_jsxs(FooterLinks, { title: "Network", ...props, children: [_jsx(FooterLink, { href: "https://xyo.network/network", children: "Overview" }), _jsx(FooterLink, { href: "https://xyo.network/network/bound-witness", children: "Bound Witness" }), _jsx(FooterLink, { href: "https://xyo.network/network/proof-of-origin", children: "Proof Of Origin" }), _jsx(FooterLink, { href: "https://xyo.network/papers", children: "White Paper" })] }));
5
+ //# sourceMappingURL=NetworkLinks.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NetworkLinks.js","sourceRoot":"","sources":["../../../src/Xyo/NetworkLinks.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAEtC,MAAM,CAAC,MAAM,eAAe,GAA2B,CAAC,KAAK,EAAE,EAAE,CAAC,CAChE,MAAC,WAAW,IAAC,KAAK,EAAC,SAAS,KAAK,KAAK,aACpC,KAAC,UAAU,IAAC,IAAI,EAAC,6BAA6B,yBAAsB,EACpE,KAAC,UAAU,IAAC,IAAI,EAAC,2CAA2C,8BAA2B,EACvF,KAAC,UAAU,IAAC,IAAI,EAAC,6CAA6C,gCAA6B,EAC3F,KAAC,UAAU,IAAC,IAAI,EAAC,4BAA4B,4BAAyB,IAC1D,CACf,CAAA"}
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ import { FlexBoxProps } from '@xylabs/react-flexbox';
3
+ export declare const XyoSocialLinks: React.FC<FlexBoxProps>;
4
+ //# sourceMappingURL=SocialLinks.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SocialLinks.d.ts","sourceRoot":"","sources":["../../../src/Xyo/SocialLinks.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAM7D,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA+BjD,CAAA"}
@@ -0,0 +1,10 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { Facebook, Instagram, LinkedIn, Reddit, Telegram, Twitter, YouTube } from '@mui/icons-material';
3
+ import { FlexRow } from '@xylabs/react-flexbox';
4
+ import { FaDiscord } from 'react-icons/fa';
5
+ import { FooterLink } from '../Link';
6
+ import { FooterLinks } from '../Links';
7
+ export const XyoSocialLinks = (props) => {
8
+ return (_jsx(FooterLinks, { title: "XYO Socials", ...props, children: _jsxs(FlexRow, { flexWrap: "wrap", justifyContent: "flex-start", children: [_jsx(FooterLink, { href: "https://business.facebook.com/OfficialXYO/", children: _jsx(Facebook, {}) }), _jsx(FooterLink, { href: "https://twitter.com/OfficialXYO", children: _jsx(Twitter, {}) }), _jsx(FooterLink, { href: "https://www.instagram.com/officialxyo/", children: _jsx(Instagram, {}) }), _jsx(FooterLink, { href: "https://t.me/xyonetwork", children: _jsx(Telegram, {}) }), _jsx(FooterLink, { href: "https://www.reddit.com/r/XYONetwork/", children: _jsx(Reddit, {}) }), _jsx(FooterLink, { href: "https://www.youtube.com/channel/UCyZDqb9pgntVHJVt1pxXtsw", children: _jsx(YouTube, {}) }), _jsx(FooterLink, { href: "https://www.linkedin.com/company/officialxyo/", children: _jsx(LinkedIn, {}) }), _jsx(FooterLink, { href: "https://discord.com/channels/935586624392298547/935586625101103227", children: _jsx(FaDiscord, {}) })] }) }));
9
+ };
10
+ //# sourceMappingURL=SocialLinks.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SocialLinks.js","sourceRoot":"","sources":["../../../src/Xyo/SocialLinks.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAA;AACvG,OAAO,EAAgB,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE1C,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAEtC,MAAM,CAAC,MAAM,cAAc,GAA2B,CAAC,KAAK,EAAE,EAAE;IAC9D,OAAO,CACL,KAAC,WAAW,IAAC,KAAK,EAAC,aAAa,KAAK,KAAK,YACxC,MAAC,OAAO,IAAC,QAAQ,EAAC,MAAM,EAAC,cAAc,EAAC,YAAY,aAClD,KAAC,UAAU,IAAC,IAAI,EAAC,4CAA4C,YAC3D,KAAC,QAAQ,KAAG,GACD,EACb,KAAC,UAAU,IAAC,IAAI,EAAC,iCAAiC,YAChD,KAAC,OAAO,KAAG,GACA,EACb,KAAC,UAAU,IAAC,IAAI,EAAC,wCAAwC,YACvD,KAAC,SAAS,KAAG,GACF,EACb,KAAC,UAAU,IAAC,IAAI,EAAC,yBAAyB,YACxC,KAAC,QAAQ,KAAG,GACD,EACb,KAAC,UAAU,IAAC,IAAI,EAAC,sCAAsC,YACrD,KAAC,MAAM,KAAG,GACC,EACb,KAAC,UAAU,IAAC,IAAI,EAAC,0DAA0D,YACzE,KAAC,OAAO,KAAG,GACA,EACb,KAAC,UAAU,IAAC,IAAI,EAAC,+CAA+C,YAC9D,KAAC,QAAQ,KAAG,GACD,EACb,KAAC,UAAU,IAAC,IAAI,EAAC,oEAAoE,YACnF,KAAC,SAAS,KAAG,GACF,IACL,GACE,CACf,CAAA;AACH,CAAC,CAAA"}
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ import { FlexBoxProps } from '@xylabs/react-flexbox';
3
+ export declare const XyoSupportLinks: React.FC<FlexBoxProps>;
4
+ //# sourceMappingURL=SupportLinks.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SupportLinks.d.ts","sourceRoot":"","sources":["../../../src/Xyo/SupportLinks.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAKpD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAKlD,CAAA"}
@@ -0,0 +1,5 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { FooterLink } from '../Link';
3
+ import { FooterLinks } from '../Links';
4
+ export const XyoSupportLinks = (props) => (_jsxs(FooterLinks, { title: "Support", ...props, children: [_jsx(FooterLink, { href: "https://support.xy.company/hc/en-us/categories/360001417734", children: "Help Center" }), _jsx(FooterLink, { href: "https://support.xy.company/hc/en-us/requests/new", children: "Contact Support" })] }));
5
+ //# sourceMappingURL=SupportLinks.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SupportLinks.js","sourceRoot":"","sources":["../../../src/Xyo/SupportLinks.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAEtC,MAAM,CAAC,MAAM,eAAe,GAA2B,CAAC,KAAK,EAAE,EAAE,CAAC,CAChE,MAAC,WAAW,IAAC,KAAK,EAAC,SAAS,KAAK,KAAK,aACpC,KAAC,UAAU,IAAC,IAAI,EAAC,6DAA6D,4BAAyB,EACvG,KAAC,UAAU,IAAC,IAAI,EAAC,kDAAkD,gCAA6B,IACpF,CACf,CAAA"}
@@ -0,0 +1,4 @@
1
+ import { FlexBoxProps } from '@xylabs/react-flexbox';
2
+ import React from 'react';
3
+ export declare const XyoTokenLinks: React.FC<FlexBoxProps>;
4
+ //# sourceMappingURL=TokenLinks.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TokenLinks.d.ts","sourceRoot":"","sources":["../../../src/Xyo/TokenLinks.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AACpD,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAQhD,CAAA"}
@@ -0,0 +1,5 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { FooterLink } from '../Link';
3
+ import { FooterLinks } from '../Links';
4
+ export const XyoTokenLinks = (props) => (_jsxs(FooterLinks, { title: "XYO Tokens", ...props, children: [_jsx(FooterLink, { href: "https://xyo.network/token", children: "About" }), _jsx(FooterLink, { href: "https://xyo.network/token/exchange", children: "Exchanges" }), _jsx(FooterLink, { href: "https://xyo.network/token/price", children: "Prices" }), _jsx(FooterLink, { href: "https://xyo.network/token/wallet", children: "Wallets" }), _jsx(FooterLink, { href: "https://etherscan.io/address/0x55296f69f40ea6d20e478533c15a6b08b654e758", children: "Contract" })] }));
5
+ //# sourceMappingURL=TokenLinks.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TokenLinks.js","sourceRoot":"","sources":["../../../src/Xyo/TokenLinks.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAEtC,MAAM,CAAC,MAAM,aAAa,GAA2B,CAAC,KAAK,EAAE,EAAE,CAAC,CAC9D,MAAC,WAAW,IAAC,KAAK,EAAC,YAAY,KAAK,KAAK,aACvC,KAAC,UAAU,IAAC,IAAI,EAAC,2BAA2B,sBAAmB,EAC/D,KAAC,UAAU,IAAC,IAAI,EAAC,oCAAoC,0BAAuB,EAC5E,KAAC,UAAU,IAAC,IAAI,EAAC,iCAAiC,uBAAoB,EACtE,KAAC,UAAU,IAAC,IAAI,EAAC,kCAAkC,wBAAqB,EACxE,KAAC,UAAU,IAAC,IAAI,EAAC,yEAAyE,yBAAsB,IACpG,CACf,CAAA"}
@@ -0,0 +1,8 @@
1
+ export * from './AlwaysLinks';
2
+ export * from './DeveloperLinks';
3
+ export * from './MoreLinks';
4
+ export * from './NetworkLinks';
5
+ export * from './SocialLinks';
6
+ export * from './SupportLinks';
7
+ export * from './TokenLinks';
8
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Xyo/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA;AAC7B,cAAc,kBAAkB,CAAA;AAChC,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,cAAc,CAAA"}
@@ -0,0 +1,8 @@
1
+ export * from './AlwaysLinks';
2
+ export * from './DeveloperLinks';
3
+ export * from './MoreLinks';
4
+ export * from './NetworkLinks';
5
+ export * from './SocialLinks';
6
+ export * from './SupportLinks';
7
+ export * from './TokenLinks';
8
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Xyo/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA;AAC7B,cAAc,kBAAkB,CAAA;AAChC,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,cAAc,CAAA"}
@@ -1,11 +1,6 @@
1
- export * from './Copyright';
2
- export * from './DeveloperLinks';
1
+ export * from './AlwaysLinks';
3
2
  export * from './Footer';
4
3
  export * from './Link';
5
4
  export * from './Links';
6
- export * from './MoreLinks';
7
- export * from './NetworkLinks';
8
- export * from './SocialLinks';
9
- export * from './SupportLinks';
10
- export * from './XyoTokens';
5
+ export * from './Xyo';
11
6
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,kBAAkB,CAAA;AAChC,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,aAAa,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA"}
package/dist/esm/index.js CHANGED
@@ -1,11 +1,6 @@
1
- export * from './Copyright';
2
- export * from './DeveloperLinks';
1
+ export * from './AlwaysLinks';
3
2
  export * from './Footer';
4
3
  export * from './Link';
5
4
  export * from './Links';
6
- export * from './MoreLinks';
7
- export * from './NetworkLinks';
8
- export * from './SocialLinks';
9
- export * from './SupportLinks';
10
- export * from './XyoTokens';
5
+ export * from './Xyo';
11
6
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,kBAAkB,CAAA;AAChC,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,aAAa,CAAA"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA"}
package/package.json CHANGED
@@ -26,7 +26,7 @@
26
26
  "devDependencies": {
27
27
  "@storybook/react": "^6.5.10",
28
28
  "@xylabs/sdk-js": "^2.6.4",
29
- "@xylabs/tsconfig-dom": "^2.5.88"
29
+ "@xylabs/tsconfig-dom": "^2.5.89"
30
30
  },
31
31
  "browser": "dist/esm/index.js",
32
32
  "docs": "dist/docs.json",
@@ -70,5 +70,5 @@
70
70
  },
71
71
  "sideEffects": false,
72
72
  "types": "dist/esm/index.d.ts",
73
- "version": "2.27.17"
73
+ "version": "2.27.20"
74
74
  }
@@ -4,36 +4,18 @@ import { LinkExProps } from '@xylabs/react-link'
4
4
 
5
5
  import { FooterLink } from './Link'
6
6
 
7
- export interface CopyrightProps extends FlexBoxProps {
7
+ export interface FooterAlwaysLinksProps extends FlexBoxProps {
8
+ footerLinks?: LinkExProps[]
8
9
  onMore?: () => void
9
10
  }
10
11
 
11
- const footerLinks: LinkExProps[] = [
12
- {
13
- href: 'https://xylabs.com/',
14
- title: `Copyright © ${new Date().getFullYear()} XY Labs, Inc.`,
15
- },
16
- {
17
- href: 'https://xyo.network/',
18
- title: 'XYO Foundation',
19
- },
20
- {
21
- href: 'https://xylabs.com/privacy/',
22
- title: 'Privacy',
23
- },
24
- {
25
- href: 'https://xylabs.com/terms/',
26
- title: 'Terms',
27
- },
28
- {
29
- href: 'https://xylabs.com/jobs',
30
- title: 'Careers',
31
- },
32
- ]
12
+ export const copyrightLinkTitle = (entity: string) => {
13
+ return `Copyright © ${new Date().getFullYear()} ${entity}`
14
+ }
33
15
 
34
- export const Copyright: React.FC<CopyrightProps> = ({ style, onMore, ...props }) => (
16
+ export const FooterAlwaysLinks: React.FC<FooterAlwaysLinksProps> = ({ style, footerLinks, onMore, ...props }) => (
35
17
  <FlexRow flexWrap="wrap" textTransform="uppercase" style={{ opacity: 0.6, ...style }} {...props}>
36
- {footerLinks.map((footerLink, index) => (
18
+ {footerLinks?.map((footerLink, index) => (
37
19
  <FooterLink noWrap key={index} paddingX={1} margin={0} {...footerLink}>
38
20
  <small>{footerLink.title}</small>
39
21
  </FooterLink>
package/src/Footer.tsx CHANGED
@@ -1,77 +1,39 @@
1
- import { Container, ContainerProps, Grid, GridProps } from '@mui/material'
1
+ import { Container, ContainerProps } from '@mui/material'
2
2
  import { FlexBoxProps, FlexCol, FlexRow } from '@xylabs/react-flexbox'
3
3
  import { useState } from 'react'
4
4
 
5
- import { Copyright } from './Copyright'
6
- import { DeveloperLinks } from './DeveloperLinks'
7
- import { MoreLinks } from './MoreLinks'
8
- import { NetworkLinks } from './NetworkLinks'
9
- import { SocialLinks } from './SocialLinks'
10
- import { SupportLinks } from './SupportLinks'
11
- import { XyoTokens } from './XyoTokens'
5
+ import { FooterAlwaysLinks, FooterAlwaysLinksProps } from './AlwaysLinks'
12
6
 
13
7
  export interface FooterProps extends FlexBoxProps {
14
- dynamicHeight?: boolean
15
- footerHtmlElement?: boolean
16
8
  container?: ContainerProps['maxWidth'] | 'none'
9
+ alwaysFooterLinksProps?: FooterAlwaysLinksProps
10
+ dynamicHeight?: boolean
17
11
  }
18
12
 
19
- export const FooterLinkSection: React.FC<GridProps> = (props) => {
20
- return (
21
- <Grid container justifyContent="space-between" alignItems="flex-start" {...props}>
22
- <Grid item xs={12} md={2}>
23
- <SocialLinks alignItems="flex-start" />
24
- </Grid>
25
- <Grid item xs={6} md={2}>
26
- <NetworkLinks alignItems="flex-start" />
27
- </Grid>
28
- <Grid item xs={6} md={2}>
29
- <XyoTokens alignItems="flex-start" />
30
- </Grid>
31
- <Grid item xs={6} md={2}>
32
- <DeveloperLinks alignItems="flex-start" />
33
- </Grid>
34
- <Grid item xs={6} md={2}>
35
- <MoreLinks alignItems="flex-start" />
36
- </Grid>
37
- <Grid item xs={6} md={2}>
38
- <SupportLinks alignItems="flex-start" />
39
- </Grid>
40
- </Grid>
41
- )
42
- }
43
-
44
- export const Footer: React.FC<FooterProps> = ({ container, dynamicHeight = false, ...props }) => {
13
+ export const Footer: React.FC<FooterProps> = ({ children, alwaysFooterLinksProps, container, dynamicHeight = false, ...props }) => {
45
14
  const [more, setMore] = useState(false)
46
15
  const onMore = () => {
47
16
  setMore(!more)
48
17
  }
18
+
49
19
  return (
50
20
  <FlexCol
21
+ alignItems="stretch"
51
22
  onMouseLeave={() => {
52
23
  setMore(false)
53
24
  }}
54
- alignItems="stretch"
55
25
  {...props}
56
26
  >
57
27
  {more || !dynamicHeight ? (
58
- <FlexRow alignItems="flex-start">
59
- {container && container !== 'none' ? (
60
- <Container>
61
- <FooterLinkSection />
62
- </Container>
63
- ) : (
64
- <FooterLinkSection />
65
- )}
66
- </FlexRow>
28
+ <FlexRow alignItems="flex-start">{container && container !== 'none' ? <Container>{children}</Container> : children}</FlexRow>
67
29
  ) : null}
68
30
  <FlexRow>
69
31
  {container && container !== 'none' ? (
70
32
  <Container>
71
- <Copyright onMore={onMore} />
33
+ <FooterAlwaysLinks {...alwaysFooterLinksProps} onMore={dynamicHeight ? onMore : undefined} />
72
34
  </Container>
73
35
  ) : (
74
- <Copyright onMore={onMore} />
36
+ <FooterAlwaysLinks {...alwaysFooterLinksProps} onMore={dynamicHeight ? onMore : undefined} />
75
37
  )}
76
38
  </FlexRow>
77
39
  </FlexCol>
@@ -0,0 +1,41 @@
1
+ import { FlexBoxProps } from '@xylabs/react-flexbox'
2
+
3
+ import { copyrightLinkTitle, FooterAlwaysLinks } from '../AlwaysLinks'
4
+
5
+ export interface XyoFooterAlwaysLinksProps extends FlexBoxProps {
6
+ onMore?: () => void
7
+ }
8
+
9
+ export const XyoFooterAlwaysLinks: React.FC<XyoFooterAlwaysLinksProps> = (props) => (
10
+ <FooterAlwaysLinks
11
+ footerLinks={[
12
+ {
13
+ href: 'https://xylabs.com/',
14
+ title: copyrightLinkTitle('XY Labs, Inc.'),
15
+ },
16
+ {
17
+ href: 'https://xyo.network/',
18
+ title: 'XYO Foundation',
19
+ },
20
+ {
21
+ href: 'https://xylabs.com/privacy/',
22
+ title: 'Privacy',
23
+ },
24
+ {
25
+ href: 'https://xylabs.com/terms/',
26
+ title: 'Terms',
27
+ },
28
+ {
29
+ href: 'https://xylabs.com/jobs',
30
+ title: 'Careers',
31
+ },
32
+ ]}
33
+ {...props}
34
+ />
35
+ )
36
+
37
+ /** @deprecated use FooterAlwaysLinksProps*/
38
+ export type CopyrightProps = XyoFooterAlwaysLinksProps
39
+
40
+ /** @deprecated use FooterAlwaysLinks*/
41
+ export const Copyright = XyoFooterAlwaysLinks