@chtc/web-components 0.0.0-2 → 0.0.0-21

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 (86) hide show
  1. package/README.md +16 -0
  2. package/dist/Article/Article.d.ts +6 -0
  3. package/dist/Article/Article.d.ts.map +1 -0
  4. package/dist/Article/Article.js +20 -0
  5. package/dist/Article/Article.js.map +1 -0
  6. package/dist/Article/index.d.ts +2 -0
  7. package/dist/Article/index.d.ts.map +1 -0
  8. package/dist/Article/index.js +2 -0
  9. package/dist/Article/index.js.map +1 -0
  10. package/dist/ArticleCard/ArticleCard.d.ts +4 -0
  11. package/dist/ArticleCard/ArticleCard.d.ts.map +1 -0
  12. package/dist/ArticleCard/ArticleCard.js +15 -0
  13. package/dist/ArticleCard/ArticleCard.js.map +1 -0
  14. package/dist/ArticleCard/index.d.ts +2 -0
  15. package/dist/ArticleCard/index.d.ts.map +1 -0
  16. package/dist/ArticleCard/index.js +2 -0
  17. package/dist/ArticleCard/index.js.map +1 -0
  18. package/dist/HorizontalArticleCard/HorizontalArticleCard.d.ts +4 -0
  19. package/dist/HorizontalArticleCard/HorizontalArticleCard.d.ts.map +1 -0
  20. package/dist/HorizontalArticleCard/HorizontalArticleCard.js +11 -0
  21. package/dist/HorizontalArticleCard/HorizontalArticleCard.js.map +1 -0
  22. package/dist/HorizontalArticleCard/index.d.ts +2 -0
  23. package/dist/HorizontalArticleCard/index.d.ts.map +1 -0
  24. package/dist/HorizontalArticleCard/index.js +2 -0
  25. package/dist/HorizontalArticleCard/index.js.map +1 -0
  26. package/dist/PieChart/PieChart.d.ts +4 -0
  27. package/dist/PieChart/PieChart.d.ts.map +1 -0
  28. package/dist/PieChart/PieChart.js +154 -0
  29. package/dist/PieChart/PieChart.js.map +1 -0
  30. package/dist/PieChart/index.d.ts +2 -0
  31. package/dist/PieChart/index.d.ts.map +1 -0
  32. package/dist/PieChart/index.js +2 -0
  33. package/dist/PieChart/index.js.map +1 -0
  34. package/dist/Table/Table.d.ts +4 -0
  35. package/dist/Table/Table.d.ts.map +1 -0
  36. package/dist/Table/Table.js +76 -0
  37. package/dist/Table/Table.js.map +1 -0
  38. package/dist/Table/index.d.ts +2 -0
  39. package/dist/Table/index.d.ts.map +1 -0
  40. package/dist/Table/index.js +2 -0
  41. package/dist/Table/index.js.map +1 -0
  42. package/dist/TopStyledBlock/TopStyledBlock.d.ts +10 -0
  43. package/dist/TopStyledBlock/TopStyledBlock.d.ts.map +1 -0
  44. package/dist/TopStyledBlock/TopStyledBlock.js +10 -0
  45. package/dist/TopStyledBlock/TopStyledBlock.js.map +1 -0
  46. package/dist/TopStyledBlock/index.d.ts +2 -0
  47. package/dist/TopStyledBlock/index.d.ts.map +1 -0
  48. package/dist/TopStyledBlock/index.js +2 -0
  49. package/dist/TopStyledBlock/index.js.map +1 -0
  50. package/dist/index.d.ts +8 -0
  51. package/dist/index.d.ts.map +1 -0
  52. package/dist/index.js +8 -0
  53. package/dist/index.js.map +1 -0
  54. package/dist/types.d.ts +114 -0
  55. package/dist/types.d.ts.map +1 -0
  56. package/dist/types.js +2 -0
  57. package/dist/types.js.map +1 -0
  58. package/dist/utils/filterArticles.d.ts +4 -0
  59. package/dist/utils/filterArticles.d.ts.map +1 -0
  60. package/dist/utils/filterArticles.js +5 -0
  61. package/dist/utils/filterArticles.js.map +1 -0
  62. package/dist/utils/getArticle.d.ts +4 -0
  63. package/dist/utils/getArticle.d.ts.map +1 -0
  64. package/dist/utils/getArticle.js +43 -0
  65. package/dist/utils/getArticle.js.map +1 -0
  66. package/dist/utils/getArticles.d.ts +36 -0
  67. package/dist/utils/getArticles.d.ts.map +1 -0
  68. package/dist/utils/getArticles.js +44 -0
  69. package/dist/utils/getArticles.js.map +1 -0
  70. package/dist/utils/index.d.ts +4 -0
  71. package/dist/utils/index.d.ts.map +1 -0
  72. package/dist/utils/index.js +4 -0
  73. package/dist/utils/index.js.map +1 -0
  74. package/package.json +26 -18
  75. package/src/index.d.ts +0 -1
  76. package/src/index.ts +0 -1
  77. package/src/layout/Header/BurgerMenu.tsx +0 -101
  78. package/src/layout/Header/DesktopMenu.tsx +0 -50
  79. package/src/layout/Header/Header.tsx +0 -54
  80. package/src/layout/Header/HeaderDropdown.tsx +0 -71
  81. package/src/layout/Header/HeaderItem.tsx +0 -110
  82. package/src/layout/Header/ImageIcon.tsx +0 -1
  83. package/src/layout/Header/index.d.ts +0 -21
  84. package/src/layout/Header/index.tsx +0 -5
  85. package/src/layout/index.d.ts +0 -1
  86. package/src/layout/index.ts +0 -1
package/README.md CHANGED
@@ -1,6 +1,22 @@
1
1
  # web-components
2
2
  PATh Web Components
3
3
 
4
+ View all components here: https://path-cc.io/web-components
5
+
6
+ ## Install
7
+
8
+ ```shell
9
+ npm install @chtc/web-components
10
+ ```
11
+
4
12
  Key Packages
5
13
  - nextjs
6
14
  - material-ui
15
+
16
+ ## Creating new components
17
+
18
+ ### Running the dev environment
19
+
20
+ ```npm
21
+ npm run storybook
22
+ ```
@@ -0,0 +1,6 @@
1
+ import { BackendArticle } from '../types';
2
+ declare const Article: ({ article }: {
3
+ article: BackendArticle;
4
+ }) => import("react/jsx-runtime").JSX.Element;
5
+ export default Article;
6
+ //# sourceMappingURL=Article.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Article.d.ts","sourceRoot":"","sources":["../../src/Article/Article.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAC,cAAc,EAAC,MAAM,UAAU,CAAA;AAEvC,QAAA,MAAM,OAAO,gBAAe;IAAC,OAAO,EAAE,cAAc,CAAA;CAAC,4CAiCpD,CAAA;AAED,eAAe,OAAO,CAAC"}
@@ -0,0 +1,20 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { Typography, Box, Container } from '@mui/material';
3
+ import Balancer from "react-wrap-balancer";
4
+ import Markdown from "react-markdown";
5
+ import rehypeRaw from "rehype-raw";
6
+ const Article = ({ article }) => {
7
+ return (_jsx(Container, { maxWidth: "md", children: _jsxs(Box, { pt: 6, children: [_jsxs(Box, { textAlign: "center", pb: 2, children: [_jsx(Box, { pb: 6, children: _jsx(Typography, { variant: "h3", children: _jsx(Balancer, { children: article.title }) }) }), _jsx(Box, { height: "1rem", borderRadius: "10px", bgcolor: "primary.main" }), _jsxs(Box, { pt: 1, display: "flex", justifyContent: "space-between", children: [_jsx(Typography, { variant: "h5", children: article.author }), _jsx(Typography, { variant: "h5", children: article.date.toLocaleDateString() })] })] }), _jsx(Markdown, { rehypePlugins: [rehypeRaw], components: {
8
+ h1: ({ children }) => _jsx(Typography, { variant: "h1", children: children }),
9
+ h2: ({ children }) => _jsx(Typography, { variant: "h1", children: children }),
10
+ h3: ({ children }) => _jsx(Typography, { variant: "h1", children: children }),
11
+ h4: ({ children }) => _jsx(Typography, { variant: "h1", children: children }),
12
+ h5: ({ children }) => _jsx(Typography, { variant: "h1", children: children }),
13
+ h6: ({ children }) => _jsx(Typography, { variant: "h1", children: children }),
14
+ p: ({ children }) => _jsx(Typography, { variant: "body1", children: children }),
15
+ a: ({ children, href }) => _jsx("a", { style: { color: "#0885ff" }, href: href, children: children }),
16
+ img: ({ src, alt }) => _jsx("img", { style: { maxWidth: "100%", height: "auto" }, src: src, alt: alt }),
17
+ }, children: article.content })] }) }));
18
+ };
19
+ export default Article;
20
+ //# sourceMappingURL=Article.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Article.js","sourceRoot":"","sources":["../../src/Article/Article.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,UAAU,EAAE,GAAG,EAAE,SAAS,EAAC,MAAM,eAAe,CAAC;AACzD,OAAO,QAAQ,MAAM,qBAAqB,CAAC;AAC3C,OAAO,QAAQ,MAAM,gBAAgB,CAAC;AACtC,OAAO,SAAS,MAAM,YAAY,CAAC;AAInC,MAAM,OAAO,GAAG,CAAC,EAAC,OAAO,EAA4B,EAAE,EAAE;IACxD,OAAO,CACL,KAAC,SAAS,IAAC,QAAQ,EAAE,IAAI,YACxB,MAAC,GAAG,IAAC,EAAE,EAAE,CAAC,aACT,MAAC,GAAG,IAAC,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,aAC9B,KAAC,GAAG,IAAC,EAAE,EAAE,CAAC,YACT,KAAC,UAAU,IAAC,OAAO,EAAE,IAAI,YAAG,KAAC,QAAQ,cAAE,OAAO,CAAC,KAAK,GAAY,GAAa,GACxE,EACN,KAAC,GAAG,IAAC,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,OAAO,EAAE,cAAc,GAAQ,EAC1E,MAAC,GAAG,IAAC,EAAE,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,eAAe,aAC3D,KAAC,UAAU,IAAC,OAAO,EAAE,IAAI,YAAG,OAAO,CAAC,MAAM,GAAc,EACxD,KAAC,UAAU,IAAC,OAAO,EAAE,IAAI,YAAG,OAAO,CAAC,IAAI,CAAC,kBAAkB,EAAE,GAAc,IACtE,IACD,EACN,KAAC,QAAQ,IACP,aAAa,EAAE,CAAC,SAAS,CAAC,EAC1B,UAAU,EAAE;wBACX,EAAE,EAAE,CAAC,EAAC,QAAQ,EAAC,EAAE,EAAE,CAAC,KAAC,UAAU,IAAC,OAAO,EAAE,IAAI,YAAG,QAAQ,GAAc;wBACtE,EAAE,EAAE,CAAC,EAAC,QAAQ,EAAC,EAAE,EAAE,CAAC,KAAC,UAAU,IAAC,OAAO,EAAE,IAAI,YAAG,QAAQ,GAAc;wBACtE,EAAE,EAAE,CAAC,EAAC,QAAQ,EAAC,EAAE,EAAE,CAAC,KAAC,UAAU,IAAC,OAAO,EAAE,IAAI,YAAG,QAAQ,GAAc;wBACtE,EAAE,EAAE,CAAC,EAAC,QAAQ,EAAC,EAAE,EAAE,CAAC,KAAC,UAAU,IAAC,OAAO,EAAE,IAAI,YAAG,QAAQ,GAAc;wBACtE,EAAE,EAAE,CAAC,EAAC,QAAQ,EAAC,EAAE,EAAE,CAAC,KAAC,UAAU,IAAC,OAAO,EAAE,IAAI,YAAG,QAAQ,GAAc;wBACtE,EAAE,EAAE,CAAC,EAAC,QAAQ,EAAC,EAAE,EAAE,CAAC,KAAC,UAAU,IAAC,OAAO,EAAE,IAAI,YAAG,QAAQ,GAAc;wBACtE,CAAC,EAAE,CAAC,EAAC,QAAQ,EAAC,EAAE,EAAE,CAAC,KAAC,UAAU,IAAC,OAAO,EAAE,OAAO,YAAG,QAAQ,GAAc;wBACxE,CAAC,EAAE,CAAC,EAAC,QAAQ,EAAE,IAAI,EAAC,EAAE,EAAE,CAAC,YAAG,KAAK,EAAE,EAAC,KAAK,EAAE,SAAS,EAAC,EAAE,IAAI,EAAE,IAAI,YAAG,QAAQ,GAAK;wBACjF,GAAG,EAAE,CAAC,EAAC,GAAG,EAAE,GAAG,EAAC,EAAE,EAAE,CAAC,cAAK,KAAK,EAAE,EAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAC,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,GAAI;qBAC3F,YAED,OAAO,CAAC,OAAO,GACN,IACN,GACK,CACb,CAAA;AACF,CAAC,CAAA;AAED,eAAe,OAAO,CAAC"}
@@ -0,0 +1,2 @@
1
+ export { default } from './Article';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Article/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}
@@ -0,0 +1,2 @@
1
+ export { default } from './Article';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Article/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}
@@ -0,0 +1,4 @@
1
+ import { ArticleCardProps } from "../types";
2
+ declare const ArticleCard: ({ href, article }: ArticleCardProps) => import("react/jsx-runtime").JSX.Element;
3
+ export default ArticleCard;
4
+ //# sourceMappingURL=ArticleCard.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ArticleCard.d.ts","sourceRoot":"","sources":["../../src/ArticleCard/ArticleCard.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,gBAAgB,EAAC,MAAM,UAAU,CAAC;AAI1C,QAAA,MAAM,WAAW,sBAAsB,gBAAgB,4CA2BtD,CAAA;AAED,eAAe,WAAW,CAAC"}
@@ -0,0 +1,15 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { Typography, Box } from '@mui/material';
3
+ import Balancer from "react-wrap-balancer";
4
+ import Link from "next/link";
5
+ import TopStyledBlock from "../TopStyledBlock/TopStyledBlock";
6
+ const ArticleCard = ({ href, article }) => {
7
+ const style = {
8
+ transition: "box-shadow .2s",
9
+ boxShadow: "grey 1px 1px 3px",
10
+ "&:hover": { boxShadow: "grey 1px 1px 5px" },
11
+ };
12
+ return (_jsx(Box, { borderRadius: 2, overflow: "hidden", sx: style, children: _jsxs(Link, { href: href, children: [_jsx(Box, { children: _jsx("img", { style: { objectFit: "cover", width: "100%", aspectRatio: 2 }, src: article.image.path, alt: article.image.alt }) }), _jsx(Box, { children: _jsxs(Box, { pl: 2, p: 2, children: [_jsx(Box, { py: 1, pt: 1, children: _jsx(TopStyledBlock, { height: ".25rem", width: "5rem", offset: "-.75rem", children: _jsx(Typography, { variant: "h6", sx: { fontWeight: "bold" }, children: _jsx(Balancer, { children: article.title }) }) }) }), _jsx(Typography, { variant: "body1", children: article.excerpt })] }) })] }) }));
13
+ };
14
+ export default ArticleCard;
15
+ //# sourceMappingURL=ArticleCard.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ArticleCard.js","sourceRoot":"","sources":["../../src/ArticleCard/ArticleCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,UAAU,EAAE,GAAG,EAAC,MAAM,eAAe,CAAC;AAC9C,OAAO,QAAQ,MAAM,qBAAqB,CAAC;AAE3C,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,cAAc,MAAM,kCAAkC,CAAC;AAE9D,MAAM,WAAW,GAAG,CAAC,EAAC,IAAI,EAAE,OAAO,EAAoB,EAAE,EAAE;IAE1D,MAAM,KAAK,GAAG;QACb,UAAU,EAAE,gBAAgB;QAC5B,SAAS,EAAE,kBAAkB;QAC7B,SAAS,EAAE,EAAC,SAAS,EAAE,kBAAkB,EAAC;KAC1C,CAAA;IAED,OAAO,CACL,KAAC,GAAG,IAAC,YAAY,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,YAClD,MAAC,IAAI,IAAC,IAAI,EAAE,IAAI,aACf,KAAC,GAAG,cACH,cAAK,KAAK,EAAE,EAAC,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC,EAAC,EAAE,GAAG,EAAE,OAAO,CAAC,KAAK,CAAC,IAAI,EAAE,GAAG,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,GAAI,GAC/G,EACN,KAAC,GAAG,cACH,MAAC,GAAG,IAAC,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,aACf,KAAC,GAAG,IAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,YAChB,KAAC,cAAc,IAAC,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,YACjE,KAAC,UAAU,IAAC,OAAO,EAAE,IAAI,EAAE,EAAE,EAAE,EAAC,UAAU,EAAE,MAAM,EAAC,YAAE,KAAC,QAAQ,cAAE,OAAO,CAAC,KAAK,GAAY,GAAa,GACtF,GACZ,EACN,KAAC,UAAU,IAAC,OAAO,EAAE,OAAO,YAAG,OAAO,CAAC,OAAO,GAAc,IACvD,GACD,IACA,GACF,CACP,CAAA;AACF,CAAC,CAAA;AAED,eAAe,WAAW,CAAC"}
@@ -0,0 +1,2 @@
1
+ export { default } from './ArticleCard';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ArticleCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC"}
@@ -0,0 +1,2 @@
1
+ export { default } from './ArticleCard';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ArticleCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC"}
@@ -0,0 +1,4 @@
1
+ import { ArticleCardProps } from "../types";
2
+ declare const HorizontalArticleCard: ({ href, article }: ArticleCardProps) => import("react/jsx-runtime").JSX.Element;
3
+ export default HorizontalArticleCard;
4
+ //# sourceMappingURL=HorizontalArticleCard.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"HorizontalArticleCard.d.ts","sourceRoot":"","sources":["../../src/HorizontalArticleCard/HorizontalArticleCard.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAC,gBAAgB,EAAC,MAAM,UAAU,CAAC;AAE1C,QAAA,MAAM,qBAAqB,sBAAsB,gBAAgB,4CA8BhE,CAAA;AAED,eAAe,qBAAqB,CAAC"}
@@ -0,0 +1,11 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { Grid, Typography, Box } from '@mui/material';
3
+ import Balancer from "react-wrap-balancer";
4
+ import TopStyledBlock from "../TopStyledBlock";
5
+ import Link from "next/link";
6
+ import { ArrowRight } from "@mui/icons-material";
7
+ const HorizontalArticleCard = ({ href, article }) => {
8
+ return (_jsx(Box, { sx: { display: { xs: 'none', md: 'block' } }, children: _jsxs(Grid, { container: true, children: [_jsx(Grid, { item: true, xs: 6, children: _jsx("img", { style: { objectFit: "cover", width: "100%", height: "100%", aspectRatio: 2 }, src: article.image.path, alt: article.image.alt }) }), _jsx(Grid, { xs: 6, display: "flex", children: _jsxs(Box, { width: "100%", pl: 2, p: 3, display: "flex", flexDirection: "column", bgcolor: "#cfe4ff52", children: [_jsx(Box, { py: 1, children: _jsx(TopStyledBlock, { height: ".25rem", width: "5rem", offset: "-.75rem", children: _jsx(Typography, { variant: "h5", children: _jsx(Balancer, { children: article.title }) }) }) }), _jsx(Typography, { variant: "body1", children: article.excerpt }), _jsx(Box, { sx: { marginTop: "auto", paddingTop: "2rem", fontWeight: "300" }, children: _jsx(Box, { sx: { color: "#0885ff" }, children: _jsxs(Link, { href: href, children: [_jsx(Typography, { variant: "body1", sx: { display: "inline", paddingRight: ".2rem" }, children: "Read More" }), _jsx(ArrowRight, { height: 18, width: 24, fill: "currentColor" })] }) }) })] }) })] }) }));
9
+ };
10
+ export default HorizontalArticleCard;
11
+ //# sourceMappingURL=HorizontalArticleCard.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"HorizontalArticleCard.js","sourceRoot":"","sources":["../../src/HorizontalArticleCard/HorizontalArticleCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAE,UAAU,EAAE,GAAG,EAAC,MAAM,eAAe,CAAC;AACpD,OAAO,QAAQ,MAAM,qBAAqB,CAAC;AAE3C,OAAO,cAAc,MAAM,mBAAmB,CAAC;AAC/C,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,EAAC,UAAU,EAAC,MAAM,qBAAqB,CAAC;AAG/C,MAAM,qBAAqB,GAAG,CAAC,EAAC,IAAI,EAAE,OAAO,EAAoB,EAAE,EAAE;IACpE,OAAO,CACL,KAAC,GAAG,IAAC,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,YAChD,MAAC,IAAI,IAAC,SAAS,mBACd,KAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,CAAC,YACf,cAAK,KAAK,EAAE,EAAC,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC,EAAC,EAAE,GAAG,EAAE,OAAO,CAAC,KAAK,CAAC,IAAI,EAAE,GAAG,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,GAAI,GAC9H,EACP,KAAC,IAAI,IAAC,EAAE,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,YAC3B,MAAC,GAAG,IAAC,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,aAC9F,KAAC,GAAG,IAAC,EAAE,EAAE,CAAC,YACT,KAAC,cAAc,IAAC,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,YACjE,KAAC,UAAU,IAAC,OAAO,EAAE,IAAI,YAAE,KAAC,QAAQ,cAAE,OAAO,CAAC,KAAK,GAAY,GAAa,GAC5D,GACZ,EACN,KAAC,UAAU,IAAC,OAAO,EAAE,OAAO,YAAG,OAAO,CAAC,OAAO,GAAc,EAC5D,KAAC,GAAG,IAAC,EAAE,EAAE,EAAC,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAC,YAClE,KAAC,GAAG,IAAC,EAAE,EAAE,EAAC,KAAK,EAAE,SAAS,EAAC,YAC1B,MAAC,IAAI,IAAC,IAAI,EAAE,IAAI,aACf,KAAC,UAAU,IAAC,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,EAAC,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,OAAO,EAAC,0BAE/D,EACb,KAAC,UAAU,IAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,IAAI,EAAE,cAAc,GAAG,IACpD,GACF,GACD,IACD,GACA,IACD,GACF,CACP,CAAA;AACF,CAAC,CAAA;AAED,eAAe,qBAAqB,CAAC"}
@@ -0,0 +1,2 @@
1
+ export { default } from './HorizontalArticleCard';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/HorizontalArticleCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC"}
@@ -0,0 +1,2 @@
1
+ export { default } from './HorizontalArticleCard';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/HorizontalArticleCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC"}
@@ -0,0 +1,4 @@
1
+ import { PieChartData } from "../types";
2
+ declare const PieChart: (props: PieChartData) => import("react/jsx-runtime").JSX.Element;
3
+ export default PieChart;
4
+ //# sourceMappingURL=PieChart.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PieChart.d.ts","sourceRoot":"","sources":["../../src/PieChart/PieChart.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAIxC,QAAA,MAAM,QAAQ,UAAW,YAAY,4CA+CpC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
@@ -0,0 +1,154 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { Chart as ChartJS, ArcElement, Tooltip, Legend, } from "chart.js";
3
+ import { Chart } from "react-chartjs-2";
4
+ import Color from "colorjs.io";
5
+ import { Box } from "@mui/material";
6
+ ChartJS.register(ArcElement, Tooltip, Legend);
7
+ const PieChart = (props) => {
8
+ var _a, _b;
9
+ const bgColor = (_a = props.bgColor) !== null && _a !== void 0 ? _a : "#fff";
10
+ const textColor = (_b = props.textColor) !== null && _b !== void 0 ? _b : "#000";
11
+ const datapoints = props.sortData === false ? props.data : [...props.data].sort();
12
+ const data = {
13
+ labels: datapoints.map((d) => d.label),
14
+ datasets: [
15
+ {
16
+ label: props.axisLabel,
17
+ data: datapoints.map((d) => d.value),
18
+ backgroundColor: datapoints.map((d) => getColor(d.label)),
19
+ borderColor: bgColor,
20
+ borderWidth: 1,
21
+ },
22
+ ],
23
+ };
24
+ const options = {
25
+ type: "pie",
26
+ data,
27
+ options: {
28
+ responsive: true,
29
+ maintainAspectRatio: true,
30
+ plugins: {
31
+ legend: {
32
+ display: false,
33
+ onClick: (_e) => { },
34
+ },
35
+ htmlLegend: {
36
+ display: props.showLegend,
37
+ containerID: "pie-chart-legend",
38
+ textColor,
39
+ },
40
+ },
41
+ },
42
+ plugins: [htmlLegendPlugin],
43
+ };
44
+ return (_jsxs(Box, { bgcolor: bgColor, width: "100%", height: "100%", children: [_jsx(Chart, Object.assign({}, options)), _jsx("div", { id: "pie-chart-legend" })] }));
45
+ };
46
+ export default PieChart;
47
+ /**
48
+ * Returns a hash code from a string
49
+ * @param The string to hash.
50
+ * @return A 32bit integer
51
+ * @see http://werxltd.com/wp/2010/05/13/javascript-implementation-of-javas-string-hashcode-method/
52
+ */
53
+ function hashCode(str) {
54
+ let hash = 0;
55
+ for (let i = 0, len = str.length; i < len; i++) {
56
+ let chr = str.charCodeAt(i);
57
+ hash = (hash << 5) - hash + chr;
58
+ hash |= 0; // Convert to 32bit integer
59
+ }
60
+ return hash;
61
+ }
62
+ function getColor(context) {
63
+ const colors = [
64
+ "#37a2eb",
65
+ "#ff6384",
66
+ "#ff9e40",
67
+ "#9966ff",
68
+ "#ffcd56",
69
+ "#4dbd74",
70
+ ];
71
+ const hash = Math.pow(hashCode(context), 2); // Make sure its positive
72
+ let colorStr = colors[hash % (colors.length - 1)];
73
+ let color = new Color(colorStr).to("lch");
74
+ // Manipulate the color based on the hash
75
+ color = new Color(color.lighten((hash % 19) / 100));
76
+ color = new Color(color.darken((hash % 23) / 100));
77
+ return color.to("srgb").toString();
78
+ }
79
+ /**
80
+ * Gets the HTML list container for the legend, creating it if it doesn't exist
81
+ * @param chart the chart object
82
+ * @param id the ID of the container
83
+ * @returns the list container element
84
+ */
85
+ function getOrCreateLegendList(id) {
86
+ const legendContainer = document.getElementById(id);
87
+ let listContainer = legendContainer === null || legendContainer === void 0 ? void 0 : legendContainer.querySelector("ul");
88
+ if (!listContainer) {
89
+ listContainer = document.createElement("ul");
90
+ listContainer.style.display = "flex";
91
+ listContainer.style.flexDirection = "column";
92
+ listContainer.style.margin = "10px";
93
+ listContainer.style.padding = "0";
94
+ listContainer.style.overflowY = "auto";
95
+ legendContainer === null || legendContainer === void 0 ? void 0 : legendContainer.appendChild(listContainer);
96
+ }
97
+ return listContainer;
98
+ }
99
+ /**
100
+ * Plugin to render the legend as an HTML list
101
+ * @param containerID the ID of the container to render the legend
102
+ * @see https://github.com/osg-htc/osg-htc.github.io/blob/master/assets/js/components/pie-chart.js
103
+ */
104
+ const htmlLegendPlugin = {
105
+ id: "htmlLegend",
106
+ afterUpdate(chart, _args, options) {
107
+ var _a, _b, _c, _d, _f;
108
+ const { containerID, textColor, display } = options;
109
+ const ul = getOrCreateLegendList(containerID);
110
+ // Remove the legend if display is false
111
+ if (!display) {
112
+ ul.remove();
113
+ return;
114
+ }
115
+ // Remove old legend items
116
+ while (ul.firstChild) {
117
+ ul.firstChild.remove();
118
+ }
119
+ // Reuse the built-in legendItems generator
120
+ const items = (_f = (_d = (_c = (_b = (_a = chart.options.plugins) === null || _a === void 0 ? void 0 : _a.legend) === null || _b === void 0 ? void 0 : _b.labels) === null || _c === void 0 ? void 0 : _c.generateLabels) === null || _d === void 0 ? void 0 : _d.call(_c, chart)) !== null && _f !== void 0 ? _f : [];
121
+ items.forEach((item) => {
122
+ const li = document.createElement("li");
123
+ li.style.alignItems = "center";
124
+ li.style.display = "flex";
125
+ li.style.flexDirection = "row";
126
+ li.style.marginLeft = "10px";
127
+ li.style.paddingBottom = "2px";
128
+ // Color box
129
+ const boxSpan = document.createElement("span");
130
+ boxSpan.style.background = item.fillStyle;
131
+ boxSpan.style.borderColor = item.strokeStyle;
132
+ boxSpan.style.borderWidth = item.lineWidth + "px";
133
+ boxSpan.style.display = "inline-block";
134
+ boxSpan.style.flexShrink = "0";
135
+ boxSpan.style.height = "20px";
136
+ boxSpan.style.marginRight = "10px";
137
+ boxSpan.style.width = "20px";
138
+ // Text
139
+ const textContainer = document.createElement("p");
140
+ textContainer.style.color = textColor;
141
+ textContainer.style.margin = "0";
142
+ textContainer.style.padding = "0";
143
+ textContainer.style.fontSize = ".8rem";
144
+ textContainer.style.textDecoration = item.hidden ? "line-through" : "";
145
+ const text = document.createTextNode(item.text);
146
+ textContainer.appendChild(text);
147
+ li.appendChild(boxSpan);
148
+ li.appendChild(textContainer);
149
+ ul.appendChild(li);
150
+ // ul.style.height = `${chart.canvas.style.height}`;
151
+ });
152
+ },
153
+ };
154
+ //# sourceMappingURL=PieChart.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PieChart.js","sourceRoot":"","sources":["../../src/PieChart/PieChart.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ export { default } from "./PieChart";
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/PieChart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC"}
@@ -0,0 +1,2 @@
1
+ export { default } from "./PieChart";
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/PieChart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC"}
@@ -0,0 +1,4 @@
1
+ import { TableProps } from "../types";
2
+ declare const Table: ({ headers, data, footerData, cellRenderer, containerSx, tableSx, headSx, headRowSx, headCellSx, bodyRowSx, bodySx, bodyCellSx, footerSx, footerRowSx, footerCellSx, sortable, defaultSortDirection, defaultSortColumn, pagination, pageSize, rowsPerPageOptions, }: TableProps) => import("react/jsx-runtime").JSX.Element;
3
+ export default Table;
4
+ //# sourceMappingURL=Table.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../src/Table/Table.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,QAAA,MAAM,KAAK,uQAsBR,UAAU,4CA0IZ,CAAC;AAEF,eAAe,KAAK,CAAC"}
@@ -0,0 +1,76 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { useState } from "react";
3
+ import { Table as MUITable, TableBody, TableCell, TableContainer, TableFooter, TableHead, TablePagination, TableRow, TableSortLabel, } from "@mui/material";
4
+ const Table = ({ headers, data, footerData, cellRenderer, containerSx, tableSx, headSx, headRowSx, headCellSx, bodyRowSx, bodySx, bodyCellSx, footerSx, footerRowSx, footerCellSx, sortable, defaultSortDirection, defaultSortColumn, pagination, pageSize, rowsPerPageOptions, }) => {
5
+ const [page, setPage] = useState(0);
6
+ // -1 rows per page means show all rows
7
+ const [rowsPerPage, setRowsPerPage] = useState(pageSize !== null && pageSize !== void 0 ? pageSize : -1);
8
+ // Default to ascending order
9
+ const [order, setOrder] = useState(defaultSortDirection !== null && defaultSortDirection !== void 0 ? defaultSortDirection : "asc");
10
+ // Default to first column for immediate sorting
11
+ const [orderBy, setOrderBy] = useState(defaultSortColumn ? headers.indexOf(defaultSortColumn) : 0);
12
+ // We keep track of this because we want to show the sort direction only if
13
+ // the user has interacted with the sorting.
14
+ const [interactedWithSort, setInteractedWithSort] = useState(false);
15
+ const handleSort = (columnIndex) => {
16
+ const isAsc = orderBy === columnIndex && order === "asc";
17
+ setInteractedWithSort(true);
18
+ setOrder(isAsc ? "desc" : "asc");
19
+ setOrderBy(columnIndex);
20
+ // Reset page because we're changing the sorting and it would be weird to
21
+ // see random data
22
+ setPage(0);
23
+ };
24
+ const handlePageChange = (_event, page) => {
25
+ setPage(page);
26
+ };
27
+ const handleRowsPerPageChange = (event) => {
28
+ setRowsPerPage(parseInt(event.target.value, 10));
29
+ // Reset page because we're changing the number of rows per page
30
+ // and it would be weird to see random data
31
+ setPage(0);
32
+ };
33
+ const formatFooterCell = (data) => {
34
+ if (typeof data === "number") {
35
+ return _jsx("span", { children: data.toLocaleString() });
36
+ }
37
+ else if (typeof data === "string") {
38
+ return _jsx("span", { children: data });
39
+ }
40
+ else {
41
+ return data;
42
+ }
43
+ };
44
+ const sortedData = !sortable
45
+ ? data
46
+ : data.sort((a, b) => {
47
+ const aCell = a[orderBy];
48
+ const bCell = b[orderBy];
49
+ if (typeof aCell === "string" && typeof bCell === "string") {
50
+ return order === "asc"
51
+ ? aCell.localeCompare(bCell)
52
+ : bCell.localeCompare(aCell);
53
+ }
54
+ else if (typeof aCell === "number" && typeof bCell === "number") {
55
+ return order === "asc" ? aCell - bCell : bCell - aCell;
56
+ }
57
+ else {
58
+ throw new Error("Cannot compare different types");
59
+ }
60
+ });
61
+ return (_jsx(TableContainer, { sx: containerSx, children: _jsxs(MUITable, { sx: Object.assign({}, tableSx), stickyHeader: true, children: [_jsx(TableHead, { sx: headSx, children: _jsx(TableRow, { sx: headRowSx, children: headers.map((header, i) => (
62
+ // column headers
63
+ _jsx(TableCell, { sx: headCellSx, children: !sortable ? (_jsx("span", { children: header })) : (_jsx(TableSortLabel, { active: interactedWithSort ? orderBy === i : false, direction: order, onClick: () => handleSort(i), children: header })) }, i))) }) }), _jsxs(TableBody, { sx: Object.assign({ overflowY: "auto" }, bodySx), children: [
64
+ // data rows
65
+ (!pagination ? sortedData : sortedData)
66
+ .slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage)
67
+ .map((row, i) => (_jsx(TableRow, { sx: bodyRowSx, children: row.map((cell, j) => (_jsx(TableCell, { sx: bodyCellSx, children: cellRenderer
68
+ ? cellRenderer(cell, headers[j], j, i)
69
+ : cell.toLocaleString() }, j))) }, i))), _jsx(TableRow, { sx: footerRowSx, children: footerData === null || footerData === void 0 ? void 0 : footerData.map((cell, i) => (
70
+ // footer cells
71
+ _jsx(TableCell, { sx: footerCellSx, children: formatFooterCell(cell) }, i))) })] }), _jsx(TableFooter, { sx: footerSx, children:
72
+ // real footer (which is sticky and contains pagination)
73
+ pagination && (_jsx(TablePagination, { count: data.length, onPageChange: handlePageChange, page: page, rowsPerPage: rowsPerPage, rowsPerPageOptions: rowsPerPageOptions !== null && rowsPerPageOptions !== void 0 ? rowsPerPageOptions : [], showFirstButton: true, showLastButton: true, onRowsPerPageChange: handleRowsPerPageChange })) })] }) }));
74
+ };
75
+ export default Table;
76
+ //# sourceMappingURL=Table.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Table.js","sourceRoot":"","sources":["../../src/Table/Table.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ export { default } from "./Table";
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC"}
@@ -0,0 +1,2 @@
1
+ export { default } from "./Table";
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC"}
@@ -0,0 +1,10 @@
1
+ import { ReactNode } from "react";
2
+ export interface TopStyledBlockProps {
3
+ children: ReactNode;
4
+ width?: string;
5
+ offset?: string;
6
+ height?: string;
7
+ }
8
+ declare const TopStyledBlock: React.FC<TopStyledBlockProps>;
9
+ export default TopStyledBlock;
10
+ //# sourceMappingURL=TopStyledBlock.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TopStyledBlock.d.ts","sourceRoot":"","sources":["../../src/TopStyledBlock/TopStyledBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAGhC,MAAM,WAAW,mBAAmB;IACnC,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,MAAM,CAAA;CACf;AAED,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAgBjD,CAAA;AAED,eAAe,cAAc,CAAC"}
@@ -0,0 +1,10 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { Box } from "@mui/material";
3
+ const TopStyledBlock = ({ children, width, offset, height }) => {
4
+ width = width ? width : "5rem";
5
+ height = height ? height : "1rem";
6
+ offset = offset ? offset : "-2rem";
7
+ return (_jsxs(Box, { display: "flex", flexDirection: "column", children: [_jsx(Box, { height: 0, children: _jsx(Box, { bgcolor: "primary.main", width: width, height: height, mt: offset, borderRadius: 2 }) }), _jsx(Box, { children: children })] }));
8
+ };
9
+ export default TopStyledBlock;
10
+ //# sourceMappingURL=TopStyledBlock.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TopStyledBlock.js","sourceRoot":"","sources":["../../src/TopStyledBlock/TopStyledBlock.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,GAAG,EAAC,MAAM,eAAe,CAAC;AASlC,MAAM,cAAc,GAAkC,CAAC,EAAC,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAC,EAAE,EAAE;IAE3F,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAA;IAC9B,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAA;IACjC,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAA;IAElC,OAAO,CACL,MAAC,GAAG,IAAC,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,aAC5C,KAAC,GAAG,IAAC,MAAM,EAAE,CAAC,YACb,KAAC,GAAG,IAAC,OAAO,EAAE,cAAc,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC,GAAQ,GAC1F,EACN,KAAC,GAAG,cACF,QAAQ,GACJ,IACD,CACP,CAAA;AACF,CAAC,CAAA;AAED,eAAe,cAAc,CAAC"}
@@ -0,0 +1,2 @@
1
+ export { default } from './TopStyledBlock';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/TopStyledBlock/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC"}
@@ -0,0 +1,2 @@
1
+ export { default } from './TopStyledBlock';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/TopStyledBlock/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC"}
@@ -0,0 +1,8 @@
1
+ export { default as ArticleCard } from "./ArticleCard";
2
+ export { default as HorizontalArticleCard } from "./HorizontalArticleCard";
3
+ export { default as TopStyledBlock } from "./TopStyledBlock";
4
+ export { default as Article } from "./Article";
5
+ export { default as PieChart } from "./PieChart";
6
+ export { default as Table } from "./Table";
7
+ export * from './utils';
8
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,cAAc,SAAS,CAAC"}
package/dist/index.js ADDED
@@ -0,0 +1,8 @@
1
+ export { default as ArticleCard } from "./ArticleCard";
2
+ export { default as HorizontalArticleCard } from "./HorizontalArticleCard";
3
+ export { default as TopStyledBlock } from "./TopStyledBlock";
4
+ export { default as Article } from "./Article";
5
+ export { default as PieChart } from "./PieChart";
6
+ export { default as Table } from "./Table";
7
+ export * from './utils';
8
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,cAAc,SAAS,CAAC"}