@chtc/web-components 1.0.1 → 1.0.3

package/Article/Article.d.ts.map

@@ -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,GAAI,aAAW;IAAC,OAAO,EAAE,cAAc,CAAA;CAAC,4CAiCpD,CAAA;AAED,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Article.d.ts","sourceRoot":"","sources":["../../src/Article/Article.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAC,cAAc,EAAC,MAAM,UAAU,CAAA;AAGvC,QAAA,MAAM,OAAO,GAAI,aAAW;IAAC,OAAO,EAAE,cAAc,CAAA;CAAC,4CAuBpD,CAAA;AAED,eAAe,OAAO,CAAC"}

package/Article/Article.js

@@ -3,18 +3,9 @@ import { Typography, Box, Container } from '@mui/material';
 import Balancer from "react-wrap-balancer";
 import Markdown from "react-markdown";
 import rehypeRaw from "rehype-raw";
+import markdownComponents from "../markdownComponents";
 const Article = ({ article }) => {
-    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: {
-                        h1: ({ children }) => _jsx(Typography, { variant: "h1", children: children }),
-                        h2: ({ children }) => _jsx(Typography, { variant: "h1", children: children }),
-                        h3: ({ children }) => _jsx(Typography, { variant: "h1", children: children }),
-                        h4: ({ children }) => _jsx(Typography, { variant: "h1", children: children }),
-                        h5: ({ children }) => _jsx(Typography, { variant: "h1", children: children }),
-                        h6: ({ children }) => _jsx(Typography, { variant: "h1", children: children }),
-                        p: ({ children }) => _jsx(Typography, { variant: "body1", children: children }),
-                        a: ({ children, href }) => _jsx("a", { style: { color: "#0885ff" }, href: href, children: children }),
-                        img: ({ src, alt }) => _jsx("img", { style: { maxWidth: "100%", height: "auto" }, src: src, alt: alt }),
-                    }, children: article.content })] }) }));
+    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: markdownComponents, children: article.content })] }) }));
 };
 export default Article;
 //# sourceMappingURL=Article.js.map

package/Article/Article.js.map

@@ -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"}
+{"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;AAGnC,OAAO,kBAAkB,MAAM,uBAAuB,CAAC;AAEvD,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,kBAAkB,YAE9B,OAAO,CAAC,OAAO,GACN,IACN,GACK,CACb,CAAA;AACF,CAAC,CAAA;AAED,eAAe,OAAO,CAAC"}

package/markdownComponents/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./markdownComponents";
+//# sourceMappingURL=index.d.ts.map

package/markdownComponents/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/markdownComponents/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,sBAAsB,CAAC"}

package/markdownComponents/index.js

@@ -0,0 +1,2 @@
+export { default } from "./markdownComponents";
+//# sourceMappingURL=index.js.map

package/markdownComponents/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/markdownComponents/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,sBAAsB,CAAC"}

package/markdownComponents/markdownComponents.d.ts

@@ -0,0 +1,4 @@
+import type { MDXComponents } from 'mdx/types';
+declare const markdownComponents: MDXComponents;
+export default markdownComponents;
+//# sourceMappingURL=markdownComponents.d.ts.map

package/markdownComponents/markdownComponents.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdownComponents.d.ts","sourceRoot":"","sources":["../../src/markdownComponents/markdownComponents.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAE/C,QAAA,MAAM,kBAAkB,EAAE,aAmCzB,CAAA;AAED,eAAe,kBAAkB,CAAC"}

package/markdownComponents/markdownComponents.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import Typography from '@mui/material/Typography';
+import MuiLink from '@mui/material/Link';
+import Box from '@mui/material/Box';
+const markdownComponents = {
+    h1: ({ children, ...props }) => {
+        return _jsx(Typography, { component: 'h1', variant: "h4", gutterBottom: true, ...props, children: children });
+    },
+    h2: ({ children, ...props }) => {
+        return _jsx(Typography, { component: 'h2', variant: "h5", gutterBottom: true, ...props, children: children });
+    },
+    h3: ({ children, ...props }) => {
+        return _jsx(Typography, { component: 'h3', variant: "h6", gutterBottom: true, ...props, children: children });
+    },
+    h4: ({ children, ...props }) => {
+        return _jsx(Typography, { component: 'h4', variant: "h6", fontWeight: 400, borderBottom: "black solid 1px", gutterBottom: true, ...props, children: children });
+    },
+    h5: ({ children, ...props }) => {
+        return _jsx(Typography, { component: 'h5', variant: "h6", fontWeight: 300, gutterBottom: true, ...props, children: children });
+    },
+    h6: ({ children, ...props }) => {
+        return _jsx(Typography, { component: 'h6', variant: "h6", fontWeight: 300, color: "primary.main", gutterBottom: true, ...props, children: children });
+    },
+    p: (props) => _jsx(Typography, { variant: "body1", component: 'div', gutterBottom: true, ...props }), // use sx for spacing
+    a: (props) => _jsx(MuiLink, { ...props }),
+    ul: (props) => _jsx(Box, { component: "ul", sx: { pl: 4, mb: 2 }, ...props }),
+    ol: (props) => _jsx(Box, { component: "ol", sx: { pl: 4, mb: 2 }, ...props }),
+    li: (props) => _jsx(Box, { component: "li", sx: { mb: 0.5 }, ...props }),
+    blockquote: (props) => _jsx(Box, { component: "blockquote", sx: { borderLeft: 4, borderColor: 'grey.300', pl: 2, ml: 0, my: 2, color: 'grey.700', fontStyle: 'italic' }, ...props }),
+    code: ({ props, children }) => {
+        return _jsxs(_Fragment, { children: [_jsx("link", { rel: "stylesheet", href: "https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.11.0/styles/github.min.css" }), _jsx(Box, { component: "code", sx: { bgcolor: 'grey.100', py: 0.2, borderRadius: 1, fontFamily: 'monospace', fontSize: '0.95em' }, ...props, children: children })] });
+    },
+    pre: (props) => _jsx(Box, { component: "pre", sx: { bgcolor: 'grey.100', p: 2, borderRadius: 2, overflow: 'auto', mb: 2 }, ...props }),
+    img: (props) => {
+        return _jsx("img", { ...props, style: { maxWidth: "100%", height: 'auto', marginTop: 2, marginBottom: 2 } });
+    },
+};
+export default markdownComponents;
+//# sourceMappingURL=markdownComponents.js.map

package/markdownComponents/markdownComponents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdownComponents.js","sourceRoot":"","sources":["../../src/markdownComponents/markdownComponents.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chtc/web-components",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "CHTC Web Components",
   "main": "index.js",
   "types": "index.d.ts",
@@ -20,7 +20,6 @@
   "license": "Apache-2.0",
   "dependencies": {
     "@emotion/react": "^11.14.0",
-    "@emotion/style": "^0.8.0",
     "@emotion/styled": "^11.14.1",
     "@mui/icons-material": "^7.0.0",
     "@mui/material": "^7.0.0",