@ndlib/component-library 1.0.9 → 1.0.11

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

@@ -82,6 +82,8 @@ const htmlContent = `
 ## HTML Content
 <p style='color: red;'>hello world </p>
 
+https://www.youtube.com/embed/dQw4w9WgXcQ?si=mzI8wJ8NkHgn9RUy
+
 > Block quote [block quote link](test.com)
 
 <img

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

@@ -60,6 +60,20 @@ const parseBlockquotes = (content) => {
     });
     return newString;
 };
+const youtubeRegex = /^(?:https?:\/\/)?(?:www\.)?youtube\.com/;
+const pullOutVideos = (content) => {
+    const lines = content.split('\n');
+    const mapped = lines.map((line) => {
+        const lineText = line.trim();
+        if (youtubeRegex.test(lineText)) {
+            return `<iframe src="${lineText}" width="560" height="315" style="margin-top:24px;"></iframe>`;
+        }
+        else {
+            return line;
+        }
+    });
+    return mapped.join('\n');
+};
 const defaultFloatImageStyles = {
     float: 'right',
     margin: '16px',
@@ -76,6 +90,7 @@ export const Markdown = (_a) => {
     let sanitizedContent = content;
     if (enableHtml) {
         sanitizedContent = parseBlockquotes(content);
+        sanitizedContent = pullOutVideos(sanitizedContent);
         sanitizedContent = sanitizeHtml(sanitizedContent);
     }
     return (_jsx("div", Object.assign({}, rest, { children: _jsx(ReactMarkdown, Object.assign({ rehypePlugins: enableHtml ? [rehypeRaw, remarkGfm] : [remarkGfm], components: {

package/dist/components/providers/alerts.js

@@ -124,7 +124,7 @@ export const AlertsProvider = ({ domain = ALERT_DOMAIN.LIBRARY, endpoint, startT
 };
 export const useAlerts = (pageAlerts) => {
     const { alerts: allAlerts, dismiss } = React.useContext(AlertsContext);
-    const alerts = pageAlerts
+    const alerts = pageAlerts && (pageAlerts === null || pageAlerts === void 0 ? void 0 : pageAlerts.length) > 0
         ? allAlerts.filter((alert) => alert.global || pageAlerts.includes(alert.uuid))
         : allAlerts.filter((alert) => alert.global);
     return {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndlib/component-library",
-  "version": "1.0.9",
+  "version": "1.0.11",
   "type": "module",
   "sideEffects": false,
   "files": [
@@ -98,4 +98,4 @@
     "sanitize-html": "^2.12.1",
     "schema-dts": "^1.1.2"
   }
-}
+}