@linagora/twake-mui 11.1.0 → 11.2.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# @linagora/twake-mui [11.2.0](https://github.com/linagora/twake-ui/compare/@linagora/twake-mui@11.1.0...@linagora/twake-mui@11.2.0) (2026-10-08)
+
+
+### Features
+
+* **twake-mui:** Migrate Markdown from cozy-ui ([120d160](https://github.com/linagora/twake-ui/commit/120d1608e7c7ef4d1d624293b6c3d49d0e27a281))
+
 # @linagora/twake-mui [11.1.0](https://github.com/linagora/twake-ui/compare/@linagora/twake-mui@11.0.0...@linagora/twake-mui@11.1.0) (2026-10-08)
 
 

package/dist/components/Markdown/Markdown.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import Markdown from './index';
+declare const meta: Meta<typeof Markdown>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Screenshot: Story;

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

@@ -0,0 +1,78 @@
+import Markdown from './index';
+const content = `
+# Demo
+
+This is a text to test all possibilities of markdown.
+
+## Headers
+
+# H1 Header
+## H2 Header
+### H3 Header
+#### H4 Header
+##### H5 Header
+###### H6 Header
+
+## Paragraphs
+
+I really like using Markdown.
+
+I think I'll use it to format all of my documents from now on.
+
+## Emphasis
+
+_Italic Text_
+
+***Bold Text***
+
+__Bold and Italic Text__
+
+~~Strikethrough~~
+
+<u>Underline</u>
+
+## Lists
+
+1. Ordered List Item 1
+2. Ordered List Item 2
+3. Ordered List Item 3
+
+- Unordered List Item 1
+- Unordered List Item 2
+- Unordered List Item 3
+
+## Links
+
+[Link to GitHub](https://github.com/linagora/twake-ui)
+
+## Images
+
+![Mountains](https://picsum.photos/id/1018/400/200 "Mountains")
+
+## Code
+
+Inline code: \`const variable = 'value';\`
+
+Block code:
+\`\`\`javascript function add(a, b) { return a + b; }\`\`\`
+
+## Blockquotes
+
+> This is a blockquote.
+`;
+const meta = {
+    title: 'Markdown',
+    component: Markdown,
+    tags: ['autodocs'],
+    argTypes: {
+        content: { control: 'text' }
+    }
+};
+export default meta;
+export const Default = {
+    args: { content }
+};
+export const Screenshot = {
+    tags: ['argos'],
+    args: { content }
+};

package/dist/components/Markdown/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface MarkdownProps {
+    content: string;
+}
+declare const Markdown: React.FC<MarkdownProps>;
+export default Markdown;

package/dist/components/Markdown/index.js

@@ -0,0 +1,21 @@
+import { Link, Typography } from '@mui/material';
+import React from 'react';
+import ReactMarkdown from 'react-markdown';
+import remarkGfm from 'remark-gfm';
+const makeHeading = (variant) => {
+    const Heading = ({ children }) => (React.createElement(Typography, { variant: variant, sx: { mb: 2 } }, children));
+    return Heading;
+};
+const components = {
+    a: ({ children, href }) => (React.createElement(Link, { href: href, rel: "noreferrer", target: "_blank" }, children)),
+    p: ({ children }) => (React.createElement(Typography, { variant: "body1", sx: { mb: 2 } }, children)),
+    h1: makeHeading('h1'),
+    h2: makeHeading('h2'),
+    h3: makeHeading('h3'),
+    h4: makeHeading('h4'),
+    h5: makeHeading('h5'),
+    h6: makeHeading('h6')
+};
+const remarkPlugins = [remarkGfm];
+const Markdown = ({ content }) => (React.createElement(ReactMarkdown, { remarkPlugins: remarkPlugins, components: components }, content));
+export default Markdown;

package/dist/index.d.ts

@@ -49,6 +49,7 @@ export { default as ListItemText } from './components/ListItemText';
 export { default as ListItemSkeleton } from './components/ListItemSkeleton';
 export { default as ListSkeleton } from './components/ListSkeleton';
 export { default as ListSubheader } from './components/ListSubheader';
+export { default as Markdown } from './components/Markdown';
 export { default as PointerAlert } from './components/PointerAlert';
 export { Tabs, default as TabsDefault } from './components/Tabs';
 export { Switch, default as SwitchDefault } from './components/Switch';
@@ -119,6 +120,7 @@ export type { ListItemTextProps } from './components/ListItemText';
 export type { ListItemSkeletonProps } from './components/ListItemSkeleton';
 export type { ListSkeletonProps } from './components/ListSkeleton';
 export type { ListSubheaderProps } from './components/ListSubheader';
+export type { MarkdownProps } from './components/Markdown';
 export type { TabsProps } from './components/Tabs';
 export type { SwitchProps } from './components/Switch';
 export type { SearchBarProps } from './components/SearchBar/types';

package/dist/index.js

@@ -52,6 +52,7 @@ export { default as ListItemText } from './components/ListItemText';
 export { default as ListItemSkeleton } from './components/ListItemSkeleton';
 export { default as ListSkeleton } from './components/ListSkeleton';
 export { default as ListSubheader } from './components/ListSubheader';
+export { default as Markdown } from './components/Markdown';
 export { default as PointerAlert } from './components/PointerAlert';
 export { Tabs, default as TabsDefault } from './components/Tabs';
 export { Switch, default as SwitchDefault } from './components/Switch';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@linagora/twake-mui",
   "type": "module",
-  "version": "11.1.0",
+  "version": "11.2.0",
   "description": "MUI v9 theme system for Twake applications",
   "author": "Twake",
   "license": "MIT",
@@ -66,8 +66,10 @@
     "classnames": "^2.5.1",
     "cozy-minilog": "^3.10.1",
     "pdf-lib": "^1.17.1",
+    "react-markdown": "^10.1.0",
     "react-use-measure": "2.1.7",
     "react-virtuoso": "4.13.0",
+    "remark-gfm": "^4.0.1",
     "rooks": "8.4.0"
   },
   "devDependencies": {