@readme/markdown 11.2.0 → 11.3.0

package/dist/main.js

@@ -9211,11 +9211,15 @@ const Image = (Props) => {
             external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.createElement("span", { "aria-label": alt, className: `img lightbox ${lightbox ? 'open' : 'closed'}`, onClick: toggle, onKeyDown: handleKeyDown, role: 'button', tabIndex: 0 },
                 external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.createElement("span", { className: "lightbox-inner" },
                     external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.createElement("img", { alt: alt, className: `img img-align-center ${border ? 'border' : ''}`, height: height, loading: lazy ? 'lazy' : 'eager', src: src, title: title, width: width }),
-                    external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.createElement("figcaption", null, children || caption)))));
+                    external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.createElement("figcaption", null, children || caption))),
+            lightbox && (external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.createElement("button", { "aria-label": "Minimize image", className: "lightbox-close", type: "button" },
+                external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.createElement("i", { "aria-hidden": "true", className: "fa-solid fa-xmark" })))));
     }
     return (external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.createElement("span", { "aria-label": `${lightbox ? 'Collapse image' : 'Expand image'}`, className: `img lightbox ${lightbox ? 'open' : 'closed'}`, onClick: toggle, onKeyDown: handleKeyDown, role: 'button', tabIndex: 0 },
         external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.createElement("span", { className: "lightbox-inner" },
-            external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.createElement("img", { alt: alt, className: `img ${align ? `img-align-${align}` : ''} ${border ? 'border' : ''}`, height: height, loading: lazy ? 'lazy' : 'eager', src: src, title: title, width: width }))));
+            external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.createElement("img", { alt: alt, className: `img ${align ? `img-align-${align}` : ''} ${border ? 'border' : ''}`, height: height, loading: lazy ? 'lazy' : 'eager', src: src, title: title, width: width })),
+        lightbox && (external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.createElement("button", { "aria-label": "Minimize image", className: "lightbox-close", type: "button" },
+            external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.createElement("i", { "aria-hidden": "true", className: "fa-solid fa-xmark" })))));
 };
 /* harmony default export */ const components_Image = (Image);
 
@@ -9231,13 +9235,13 @@ const Table = (props) => {
 
 ;// ./components/TableOfContents/index.tsx
 
-function TableOfContents({ children }) {
+function TableOfContents({ children, heading = 'Table of Contents' }) {
     return (external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default().createElement("nav", { "aria-label": "Table of contents", role: "navigation" },
         external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default().createElement("ul", { className: "toc-list" },
             external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default().createElement("li", null,
                 external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default().createElement("a", { className: "tocHeader", href: "#" },
                     external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default().createElement("i", { className: "icon icon-text-align-left" }),
-                    "Table of Contents")),
+                    heading)),
             external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default().createElement("li", { className: "toc-children" }, children))));
 }
 /* harmony default export */ const components_TableOfContents = (TableOfContents);
@@ -87663,6 +87667,22 @@ function compilers() {
 }
 /* harmony default export */ const processor_compile = (compilers);
 
+;// ./processor/transform/escape-pipes-in-tables.ts
+
+const escapePipesInTables = () => tree => {
+    visit(tree, 'table', tableNode => {
+        visit(tableNode, leaf => {
+            if (!('value' in leaf))
+                return;
+            if (leaf.value.match(/|/g)) {
+                // escape only unescaped pipes
+                leaf.value = leaf.value.replaceAll(/(?<!\\(\\\\)*)\|/g, '\\|');
+            }
+        });
+        return SKIP;
+    });
+};
+
 ;// ./lib/mdx.ts
 
 
@@ -87671,6 +87691,7 @@ function compilers() {
 
 
 
+
 const mdx_mdx = (tree, { hast = false, remarkTransformers = [], file, ...opts } = {}) => {
     const processor = unified()
         .use(hast ? rehypeRemark : undefined)
@@ -87681,6 +87702,7 @@ const mdx_mdx = (tree, { hast = false, remarkTransformers = [], file, ...opts }
         .use(readme_to_mdx)
         .use(tables_to_jsx)
         .use(compatability)
+        .use(escapePipesInTables)
         .use(processor_compile)
         .use(remarkStringify, opts);
     // @ts-expect-error - @todo: coerce the processor and tree to the correct
@@ -87898,8 +87920,8 @@ const run_run = (string, _opts = {}) => {
         default: (props) => (external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default().createElement(contexts, { baseUrl: baseUrl, copyButtons: copyButtons, terms: terms, theme: theme, variables: variables },
             external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default().createElement(Content, { ...props }))),
         toc,
-        Toc: props => Toc ? (external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default().createElement(components_TableOfContents, null,
-            external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default().createElement(Toc, { ...props }))) : null,
+        Toc: (props) => Toc ? (external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default().createElement(components_TableOfContents, { heading: props.heading },
+            external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default().createElement(Toc, null))) : null,
         stylesheet,
         ...exports,
     };

package/dist/main.node.js

@@ -21824,11 +21824,15 @@ const Image = (Props) => {
             external_react_.createElement("span", { "aria-label": alt, className: `img lightbox ${lightbox ? 'open' : 'closed'}`, onClick: toggle, onKeyDown: handleKeyDown, role: 'button', tabIndex: 0 },
                 external_react_.createElement("span", { className: "lightbox-inner" },
                     external_react_.createElement("img", { alt: alt, className: `img img-align-center ${border ? 'border' : ''}`, height: height, loading: lazy ? 'lazy' : 'eager', src: src, title: title, width: width }),
-                    external_react_.createElement("figcaption", null, children || caption)))));
+                    external_react_.createElement("figcaption", null, children || caption))),
+            lightbox && (external_react_.createElement("button", { "aria-label": "Minimize image", className: "lightbox-close", type: "button" },
+                external_react_.createElement("i", { "aria-hidden": "true", className: "fa-solid fa-xmark" })))));
     }
     return (external_react_.createElement("span", { "aria-label": `${lightbox ? 'Collapse image' : 'Expand image'}`, className: `img lightbox ${lightbox ? 'open' : 'closed'}`, onClick: toggle, onKeyDown: handleKeyDown, role: 'button', tabIndex: 0 },
         external_react_.createElement("span", { className: "lightbox-inner" },
-            external_react_.createElement("img", { alt: alt, className: `img ${align ? `img-align-${align}` : ''} ${border ? 'border' : ''}`, height: height, loading: lazy ? 'lazy' : 'eager', src: src, title: title, width: width }))));
+            external_react_.createElement("img", { alt: alt, className: `img ${align ? `img-align-${align}` : ''} ${border ? 'border' : ''}`, height: height, loading: lazy ? 'lazy' : 'eager', src: src, title: title, width: width })),
+        lightbox && (external_react_.createElement("button", { "aria-label": "Minimize image", className: "lightbox-close", type: "button" },
+            external_react_.createElement("i", { "aria-hidden": "true", className: "fa-solid fa-xmark" })))));
 };
 /* harmony default export */ const components_Image = (Image);
 
@@ -21844,13 +21848,13 @@ const Table = (props) => {
 
 ;// ./components/TableOfContents/index.tsx
 
-function TableOfContents({ children }) {
+function TableOfContents({ children, heading = 'Table of Contents' }) {
     return (external_react_default().createElement("nav", { "aria-label": "Table of contents", role: "navigation" },
         external_react_default().createElement("ul", { className: "toc-list" },
             external_react_default().createElement("li", null,
                 external_react_default().createElement("a", { className: "tocHeader", href: "#" },
                     external_react_default().createElement("i", { className: "icon icon-text-align-left" }),
-                    "Table of Contents")),
+                    heading)),
             external_react_default().createElement("li", { className: "toc-children" }, children))));
 }
 /* harmony default export */ const components_TableOfContents = (TableOfContents);
@@ -107874,6 +107878,22 @@ function compilers() {
 }
 /* harmony default export */ const processor_compile = (compilers);
 
+;// ./processor/transform/escape-pipes-in-tables.ts
+
+const escapePipesInTables = () => tree => {
+    visit(tree, 'table', tableNode => {
+        visit(tableNode, leaf => {
+            if (!('value' in leaf))
+                return;
+            if (leaf.value.match(/|/g)) {
+                // escape only unescaped pipes
+                leaf.value = leaf.value.replaceAll(/(?<!\\(\\\\)*)\|/g, '\\|');
+            }
+        });
+        return SKIP;
+    });
+};
+
 ;// ./lib/mdx.ts
 
 
@@ -107882,6 +107902,7 @@ function compilers() {
 
 
 
+
 const mdx_mdx = (tree, { hast = false, remarkTransformers = [], file, ...opts } = {}) => {
     const processor = unified()
         .use(hast ? rehypeRemark : undefined)
@@ -107892,6 +107913,7 @@ const mdx_mdx = (tree, { hast = false, remarkTransformers = [], file, ...opts }
         .use(readme_to_mdx)
         .use(tables_to_jsx)
         .use(compatability)
+        .use(escapePipesInTables)
         .use(processor_compile)
         .use(remarkStringify, opts);
     // @ts-expect-error - @todo: coerce the processor and tree to the correct
@@ -108109,8 +108131,8 @@ const run_run = (string, _opts = {}) => {
         default: (props) => (external_react_default().createElement(contexts, { baseUrl: baseUrl, copyButtons: copyButtons, terms: terms, theme: theme, variables: variables },
             external_react_default().createElement(Content, { ...props }))),
         toc,
-        Toc: props => Toc ? (external_react_default().createElement(components_TableOfContents, null,
-            external_react_default().createElement(Toc, { ...props }))) : null,
+        Toc: (props) => Toc ? (external_react_default().createElement(components_TableOfContents, { heading: props.heading },
+            external_react_default().createElement(Toc, null))) : null,
         stylesheet,
         ...exports,
     };