@linagora/twake-mui 16.0.1 → 16.2.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# @linagora/twake-mui [16.2.0](https://github.com/linagora/twake-ui/compare/@linagora/twake-mui@16.1.0...@linagora/twake-mui@16.2.0) (2026-10-21)
+
+
+### Features
+
+* **twake-mui:** Migrate FilePathLink from cozy-ui ([49a90f5](https://github.com/linagora/twake-ui/commit/49a90f54647a0e697be1038d061b24af5449541e))
+
+# @linagora/twake-mui [16.1.0](https://github.com/linagora/twake-ui/compare/@linagora/twake-mui@16.0.1...@linagora/twake-mui@16.1.0) (2026-10-21)
+
+
+### Features
+
+* **twake-mui:** Migrate FilePath from cozy-ui ([622be6f](https://github.com/linagora/twake-ui/commit/622be6fd697ae5d067e4d1ca71063a4b14f1970d))
+
 ## @linagora/twake-mui [16.0.1](https://github.com/linagora/twake-ui/compare/@linagora/twake-mui@16.0.0...@linagora/twake-mui@16.0.1) (2026-10-19)
 
 

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

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

package/dist/components/FilePath/FilePath.stories.js

@@ -0,0 +1,34 @@
+import { Box, Stack } from '@mui/material';
+import React from 'react';
+import FilePath from './index';
+const path = '/Partages reçus/Cozy 🗄 - Team/Customers & Partners 🛒/Xxxxxx (Xxxxxxxx)/4_Suivi opérationnel/Point de synchro';
+const widths = [150, 250, 400];
+const Section = ({ title, children }) => (React.createElement("section", null,
+    React.createElement("h3", null, title),
+    children));
+const meta = {
+    title: 'FilePath',
+    component: FilePath,
+    tags: ['autodocs'],
+    argTypes: {
+        children: { control: 'text' },
+        className: { control: 'text' }
+    }
+};
+export default meta;
+export const Default = {
+    args: {
+        children: path
+    }
+};
+export const Screenshot = {
+    tags: ['argos'],
+    render: () => (React.createElement(Stack, { spacing: 4 },
+        React.createElement(Section, { title: "Default" },
+            React.createElement(FilePath, null, path)),
+        React.createElement(Section, { title: "Container widths" },
+            React.createElement(Stack, { spacing: 1 }, widths.map(width => (React.createElement(Box, { key: width, sx: { width } },
+                React.createElement(FilePath, null, path)))))),
+        React.createElement(Section, { title: "Custom className" },
+            React.createElement(FilePath, { className: "u-error" }, path))))
+};

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

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface FilePathProps {
+    children?: string;
+    className?: string;
+}
+declare const FilePath: React.FC<FilePathProps>;
+export default FilePath;

package/dist/components/FilePath/index.js

@@ -0,0 +1,9 @@
+import { styled } from '@mui/material';
+import React from 'react';
+import MidEllipsis from '../MidEllipsis';
+const FilePathRoot = styled(MidEllipsis)(({ theme }) => ({
+    color: theme.palette.text.secondary,
+    fontSize: theme.typography.pxToRem(12)
+}));
+const FilePath = ({ children, className }) => (React.createElement(FilePathRoot, { className: className }, children));
+export default FilePath;

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

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

package/dist/components/FilePathLink/FilePathLink.stories.js

@@ -0,0 +1,41 @@
+import { Box, Stack } from '@mui/material';
+import React from 'react';
+import FilePathLink from './index';
+const path = '/Partages reçus/Cozy 🗄 - Team/Customers & Partners 🛒/Xxxxxx (Xxxxxxxx)/4_Suivi opérationnel/Point de synchro';
+const widths = [150, 250, 400];
+const Section = ({ title, children }) => (React.createElement("section", null,
+    React.createElement("h3", null, title),
+    children));
+const meta = {
+    title: 'FilePathLink',
+    component: FilePathLink,
+    tags: ['autodocs'],
+    argTypes: {
+        children: { control: 'text' },
+        href: { control: 'text' },
+        color: {
+            control: 'select',
+            options: ['textSecondary', 'textPrimary', 'primary', 'inherit']
+        },
+        underline: { control: 'select', options: ['hover', 'always', 'none'] },
+        className: { control: 'text' }
+    }
+};
+export default meta;
+export const Default = {
+    args: {
+        children: path,
+        href: '/'
+    }
+};
+export const Screenshot = {
+    tags: ['argos'],
+    render: () => (React.createElement(Stack, { spacing: 4 },
+        React.createElement(Section, { title: "Default" },
+            React.createElement(FilePathLink, { href: "/" }, path)),
+        React.createElement(Section, { title: "Underline always" },
+            React.createElement(FilePathLink, { href: "/", underline: "always" }, path)),
+        React.createElement(Section, { title: "Container widths" },
+            React.createElement(Stack, { spacing: 1 }, widths.map(width => (React.createElement(Box, { key: width, sx: { width } },
+                React.createElement(FilePathLink, { href: "/" }, path))))))))
+};

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

@@ -0,0 +1,7 @@
+import { LinkProps } from '@mui/material';
+import React from 'react';
+export interface FilePathLinkProps extends Omit<LinkProps, 'children'> {
+    children?: string;
+}
+declare const FilePathLink: React.FC<FilePathLinkProps>;
+export default FilePathLink;

package/dist/components/FilePathLink/index.js

@@ -0,0 +1,6 @@
+import { Link } from '@mui/material';
+import React from 'react';
+import FilePath from '../FilePath';
+const FilePathLink = ({ children, ...props }) => (React.createElement(Link, { color: "textSecondary", ...props },
+    React.createElement(FilePath, null, children)));
+export default FilePathLink;

package/dist/index.d.ts

@@ -59,6 +59,8 @@ export { default as DropdownText } from './components/DropdownText';
 export { Empty, EmptySubTitle } from './components/Empty';
 export { ExtendableFab } from './components/ExtendableFab';
 export { default as Filename } from './components/Filename';
+export { default as FilePath } from './components/FilePath';
+export { default as FilePathLink } from './components/FilePathLink';
 export { default as ListItem } from './components/ListItem';
 export { default as ListItemButton } from './components/ListItemButton';
 export { default as ListItemText } from './components/ListItemText';
@@ -157,6 +159,8 @@ export type { DropdownButtonProps } from './components/DropdownButton';
 export type { DropdownTextProps, DropdownTextVariant } from './components/DropdownText';
 export type { ExtendableFabProps, ScrollOptions } from './components/ExtendableFab';
 export type { FilenameProps } from './components/Filename';
+export type { FilePathProps } from './components/FilePath';
+export type { FilePathLinkProps } from './components/FilePathLink';
 export type { ListItemProps, ListItemGutters, ListItemSize } from './components/ListItem';
 export type { ListItemButtonProps } from './components/ListItemButton';
 export type { ListItemTextProps } from './components/ListItemText';

package/dist/index.js

@@ -62,6 +62,8 @@ export { default as DropdownText } from './components/DropdownText';
 export { Empty, EmptySubTitle } from './components/Empty';
 export { ExtendableFab } from './components/ExtendableFab';
 export { default as Filename } from './components/Filename';
+export { default as FilePath } from './components/FilePath';
+export { default as FilePathLink } from './components/FilePathLink';
 export { default as ListItem } from './components/ListItem';
 export { default as ListItemButton } from './components/ListItemButton';
 export { default as ListItemText } from './components/ListItemText';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@linagora/twake-mui",
   "type": "module",
-  "version": "16.0.1",
+  "version": "16.2.0",
   "description": "MUI v9 theme system for Twake applications",
   "author": "Twake",
   "license": "MIT",
@@ -100,7 +100,7 @@
     "eslint-plugin-storybook": "10.3.5",
     "jsdom": "^30.1.2",
     "lodash": "4.18.1",
-    "playwright": "1.60.0",
+    "playwright": "1.64.1",
     "react": "^19.3.0",
     "react-dom": "^19.3.0",
     "storybook": "10.3.5",