@ndlib/component-library 1.0.14 → 1.0.15

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

@@ -62,7 +62,7 @@ const htmlMarkdown = `
 `;
 describe('Markdown', () => {
     it('renders markdown content', () => {
-        const { getAllByRole, getByRole, container } = render(_jsx(Markdown, { content: testMarkdown }));
+        const { getAllByRole, getByRole } = render(_jsx(Markdown, { content: testMarkdown }));
         expect(() => {
             getByRole('heading', {
                 name: 'Heading 2',
@@ -95,14 +95,6 @@ describe('Markdown', () => {
         expect(getByRole('link', {
             name: 'block quote link',
         })).toBeInTheDocument();
-        const images = container.getElementsByTagName('img');
-        let inlineImageCount = 0;
-        for (const image of images) {
-            if (image.style.float === 'right') {
-                inlineImageCount++;
-            }
-        }
-        expect(inlineImageCount).toBe(1);
         expect(getAllByRole('list')).toHaveLength(3);
     });
     it('renders allowed html when included', () => {

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

@@ -46,10 +46,10 @@ const parseBlockquotes = (content) => {
         newContent.push('</blockquote>');
     }
     let newString = newContent.join('\n');
-    const blockquoteRegex = /<blockquote>(.*?)<\/blockquote>/gs;
+    const blockquoteRegex = /<blockquote>(.*?)<\/blockquote>/g;
     const blockquotes = newString.match(blockquoteRegex);
     blockquotes === null || blockquotes === void 0 ? void 0 : blockquotes.forEach((blockquote) => {
-        const linkRegex = /\[(.*?)\]\((.*?)\)/gs;
+        const linkRegex = /\[(.*?)\]\((.*?)\)/g;
         const links = blockquote.match(linkRegex);
         let newBlockquote = blockquote;
         links === null || links === void 0 ? void 0 : links.forEach((link) => {
@@ -74,12 +74,6 @@ const pullOutVideos = (content) => {
     });
     return mapped.join('\n');
 };
-const defaultFloatImageStyles = {
-    float: 'right',
-    margin: '16px',
-    marginTop: '0px',
-    maxWidth: '400px',
-};
 const dynamicTopMarginStyles = {
     [firstChildAltSelector]: {
         mt: 0,
@@ -111,14 +105,9 @@ export const Markdown = (_a) => {
                 strong: (props) => _jsx(Bold, Object.assign({}, props, { sx: customStyles.strong })),
                 em: (props) => _jsx(Italic, Object.assign({}, props, { sx: customStyles.em })),
                 img: (props) => {
-                    const altProp = props.alt || '';
-                    const [alt, customPropString] = altProp.split('!!');
-                    const customProps = customPropString
-                        ? customPropString.split(',')
-                        : [];
-                    const isInline = customProps.includes('inline');
-                    const inlineStyles = isInline ? defaultFloatImageStyles : {};
-                    const styles = Object.assign(Object.assign({}, imageStyles), inlineStyles);
+                    const alt = props.alt || '';
+                    const inlineStyles = {};
+                    const styles = Object.assign(Object.assign({}, inlineStyles), imageStyles);
                     return _jsx("img", Object.assign({}, props, { style: styles, alt: alt }));
                 },
                 blockquote: (props) => (_jsx(BlockQuote, Object.assign({}, props, { sx: Object.assign(Object.assign(Object.assign({}, dynamicTopMarginStyles), { my: 5 }), customStyles.blockquote) }))),

package/dist/utils/sanitizeHtml.d.ts

@@ -2,6 +2,7 @@ import sanitize from 'sanitize-html';
 export declare const DEFAULT_ALLOWED_TAGS: string[];
 export declare const DEFAULT_ALLOWED_ATTRIBUTES: {
     iframe: string[];
+    figure: string[];
     a: sanitize.AllowedAttribute[];
 };
 export declare const sanitizeHtml: (content: string) => string;

package/dist/utils/sanitizeHtml.js

@@ -2,8 +2,9 @@ import sanitize from 'sanitize-html';
 export const DEFAULT_ALLOWED_TAGS = sanitize.defaults.allowedTags.concat([
     'iframe',
     'img',
+    'figure',
 ]);
-export const DEFAULT_ALLOWED_ATTRIBUTES = Object.assign(Object.assign({}, sanitize.defaults.allowedAttributes), { iframe: ['*'], a: sanitize.defaults.allowedAttributes.a.concat([
+export const DEFAULT_ALLOWED_ATTRIBUTES = Object.assign(Object.assign({}, sanitize.defaults.allowedAttributes), { iframe: ['*'], figure: ['class'], a: sanitize.defaults.allowedAttributes.a.concat([
         'id',
         'class',
         'data-card-width',

package/package.json

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