@ttoss/components 1.29.18 → 1.29.19

package/dist/esm/index.js

@@ -214,6 +214,7 @@ var ToastContainer = props => {
 // src/components/Markdown.tsx
 import { BaseStyles } from "@ttoss/ui";
 import ReactMarkdown from "react-markdown";
+import remarkGfm from "remark-gfm";
 import { jsx as jsx5 } from "react/jsx-runtime";
 var Markdown = ({
   children,
@@ -223,6 +224,7 @@ var Markdown = ({
   return /* @__PURE__ */jsx5(BaseStyles, {
     sx,
     children: /* @__PURE__ */jsx5(ReactMarkdown, {
+      plugins: [remarkGfm],
       ...props,
       children
     })

package/dist/index.js

@@ -262,6 +262,7 @@ var ToastContainer = props => {
 // src/components/Markdown.tsx
 var import_ui5 = require("@ttoss/ui");
 var import_react_markdown = __toESM(require("react-markdown"));
+var import_remark_gfm = __toESM(require("remark-gfm"));
 var import_jsx_runtime5 = require("react/jsx-runtime");
 var Markdown = ({
   children,
@@ -271,6 +272,7 @@ var Markdown = ({
   return /* @__PURE__ */(0, import_jsx_runtime5.jsx)(import_ui5.BaseStyles, {
     sx,
     children: /* @__PURE__ */(0, import_jsx_runtime5.jsx)(import_react_markdown.default, {
+      plugins: [import_remark_gfm.default],
       ...props,
       children
     })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttoss/components",
-  "version": "1.29.18",
+  "version": "1.29.19",
   "description": "React components for ttoss ecosystem.",
   "author": "ttoss",
   "contributors": [
@@ -26,7 +26,8 @@
     "react-accessible-accordion": "^5.0.0",
     "react-markdown": "6.0.0",
     "react-modal": "^3.16.1",
-    "react-toastify": "^9.1.3"
+    "react-toastify": "^9.1.3",
+    "remark-gfm": "1.0.0"
   },
   "peerDependencies": {
     "react": ">=16.8.0",

package/src/components/Markdown.tsx

@@ -1,5 +1,6 @@
 import { BaseStyles, FlexProps } from '@ttoss/ui';
 import ReactMarkdown, { ReactMarkdownOptions } from 'react-markdown';
+import remarkGfm from 'remark-gfm';
 
 export type MarkdownProps = ReactMarkdownOptions & {
   children: string;
@@ -9,7 +10,9 @@ export type MarkdownProps = ReactMarkdownOptions & {
 export const Markdown = ({ children, sx, ...props }: MarkdownProps) => {
   return (
     <BaseStyles sx={sx}>
-      <ReactMarkdown {...props}>{children}</ReactMarkdown>
+      <ReactMarkdown plugins={[remarkGfm]} {...props}>
+        {children}
+      </ReactMarkdown>
     </BaseStyles>
   );
 };