@ndlib/component-library 0.0.128 → 0.0.129

package/dist/components/elements/Alerts/index.js

@@ -31,7 +31,7 @@ export const Alerts = (_a) => {
     const { alerts, dismiss } = useAlerts(pageAlerts);
     return (_jsx(Box, Object.assign({}, rest, { children: alerts.map((alert, i) => {
             const { type, description } = alert;
-            return (_jsx(Alert, { type: type, description: description, sx: Object.assign({ mt: i ? '4px' : 0 }, alertStyles), dismiss: () => {
+            return (_jsx(Alert, { type: type, description: description, "data-nosnippet": true, sx: Object.assign({ mt: i ? '4px' : 0 }, alertStyles), dismiss: () => {
                     dismiss(alert.uuid);
                 } }, i));
         }) })));

package/dist/components/elements/Markdown/Markdown.stories.js

@@ -55,7 +55,7 @@ sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
 Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
 nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
 reprehenderit in voluptate velit esse cillum dolore eu fugiat
-nulla pariatur.
+nulla pariatur. [block quote link](test.com)
 
 ![Tux, the Linux mascot!!inline](https://www.markdownguide.org/assets/images/tux.png)
 
@@ -70,7 +70,7 @@ While Gura says that the exhibit was inspired by the themes of the Medieval conf
 
 To tell that story, Gura decided to give each of the seven cases housing this exhibit a theme.
 
-> “I think it's an exciting way to create a journey through time and space using the objects themselves as the primary storyteller,” he said. “They will drive the narrative from case to case. You can be exposed to different things that the average person never really thought about.”
+> “I think it's an exciting way to create a journey through time and space using the objects themselves as the primary storyteller,” he said. [test](test.com) “They will drive the narrative from case to case. You can be exposed to different things that the average person never really thought about.”
 `;
 export const Default = {
     render: (args) => _jsx(Markdown, Object.assign({}, args)),
@@ -81,7 +81,9 @@ export const Default = {
 const htmlContent = `
 ## HTML Content
 <p style='color: red;'>hello world </p>
-> test
+
+> Block quote [block quote link](test.com)
+
 <img
   style="width: 300px"
   src="https://s3.amazonaws.com/resources.library.nd.edu/images/website/search.banner.fall.jpg"

package/dist/components/elements/Markdown/Markdown.test.js

@@ -42,7 +42,9 @@ While Gura says that the exhibit was inspired by the themes of the Medieval conf
 
 To tell that story, Gura decided to give each of the seven cases housing this exhibit a theme.
 
-> “I think it's an exciting way to create a journey through time and space using the objects themselves as the primary storyteller,” he said. “They will drive the narrative from case to case. You can be exposed to different things that the average person never really thought about.”
+> “I think it's an exciting way to create a journey through time
+> and space using the objects themselves as the primary storyteller,” he said. “They will drive the narrative from case to case. You can be exposed to different things that
+> the average person never really thought about.” [block quote link](test.com)
 
 ![Tux, the Linux mascot!!inline](https://www.markdownguide.org/assets/images/tux.png)
 
@@ -90,6 +92,9 @@ describe('Markdown', () => {
         expect(getByRole('link', {
             name: 'https://this-should-be-auto-linked.nd.edu',
         })).toBeInTheDocument();
+        expect(getByRole('link', {
+            name: 'block quote link',
+        })).toBeInTheDocument();
         const images = container.getElementsByTagName('img');
         let inlineImageCount = 0;
         for (const image of images) {

package/dist/components/elements/Markdown/index.js

@@ -54,7 +54,20 @@ const parseBlockquotes = (content) => {
     if (isAddingBlockquote) {
         newContent.push('</blockquote>');
     }
-    return newContent.join('\n');
+    let newString = newContent.join('\n');
+    const blockquoteRegex = /<blockquote>(.*?)<\/blockquote>/gs;
+    const blockquotes = newString.match(blockquoteRegex);
+    blockquotes === null || blockquotes === void 0 ? void 0 : blockquotes.forEach((blockquote) => {
+        const linkRegex = /\[(.*?)\]\((.*?)\)/gs;
+        const links = blockquote.match(linkRegex);
+        let newBlockquote = blockquote;
+        links === null || links === void 0 ? void 0 : links.forEach((link) => {
+            const newLink = link.replace(/\[(.*?)\]\((.*?)\)/, '<a href="$2">$1</a>');
+            newBlockquote = newBlockquote.replace(link, newLink);
+        });
+        newString = newString.replace(blockquote, newBlockquote);
+    });
+    return newString;
 };
 const defaultFloatImageStyles = {
     float: 'right',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndlib/component-library",
-  "version": "0.0.128",
+  "version": "0.0.129",
   "type": "module",
   "sideEffects": false,
   "files": [