@linagora/twake-mui 16.1.0 → 16.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +7 -0
- package/dist/components/FilePathLink/FilePathLink.stories.d.ts +7 -0
- package/dist/components/FilePathLink/FilePathLink.stories.js +41 -0
- package/dist/components/FilePathLink/index.d.ts +7 -0
- package/dist/components/FilePathLink/index.js +6 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.js +1 -0
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,10 @@
|
|
|
1
|
+
# @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)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### Features
|
|
5
|
+
|
|
6
|
+
* **twake-mui:** Migrate FilePathLink from cozy-ui ([49a90f5](https://github.com/linagora/twake-ui/commit/49a90f54647a0e697be1038d061b24af5449541e))
|
|
7
|
+
|
|
1
8
|
# @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)
|
|
2
9
|
|
|
3
10
|
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import FilePathLink from './index';
|
|
3
|
+
declare const meta: Meta<typeof FilePathLink>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Screenshot: Story;
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { Box, Stack } from '@mui/material';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import FilePathLink from './index';
|
|
4
|
+
const path = '/Partages reçus/Cozy 🗄 - Team/Customers & Partners 🛒/Xxxxxx (Xxxxxxxx)/4_Suivi opérationnel/Point de synchro';
|
|
5
|
+
const widths = [150, 250, 400];
|
|
6
|
+
const Section = ({ title, children }) => (React.createElement("section", null,
|
|
7
|
+
React.createElement("h3", null, title),
|
|
8
|
+
children));
|
|
9
|
+
const meta = {
|
|
10
|
+
title: 'FilePathLink',
|
|
11
|
+
component: FilePathLink,
|
|
12
|
+
tags: ['autodocs'],
|
|
13
|
+
argTypes: {
|
|
14
|
+
children: { control: 'text' },
|
|
15
|
+
href: { control: 'text' },
|
|
16
|
+
color: {
|
|
17
|
+
control: 'select',
|
|
18
|
+
options: ['textSecondary', 'textPrimary', 'primary', 'inherit']
|
|
19
|
+
},
|
|
20
|
+
underline: { control: 'select', options: ['hover', 'always', 'none'] },
|
|
21
|
+
className: { control: 'text' }
|
|
22
|
+
}
|
|
23
|
+
};
|
|
24
|
+
export default meta;
|
|
25
|
+
export const Default = {
|
|
26
|
+
args: {
|
|
27
|
+
children: path,
|
|
28
|
+
href: '/'
|
|
29
|
+
}
|
|
30
|
+
};
|
|
31
|
+
export const Screenshot = {
|
|
32
|
+
tags: ['argos'],
|
|
33
|
+
render: () => (React.createElement(Stack, { spacing: 4 },
|
|
34
|
+
React.createElement(Section, { title: "Default" },
|
|
35
|
+
React.createElement(FilePathLink, { href: "/" }, path)),
|
|
36
|
+
React.createElement(Section, { title: "Underline always" },
|
|
37
|
+
React.createElement(FilePathLink, { href: "/", underline: "always" }, path)),
|
|
38
|
+
React.createElement(Section, { title: "Container widths" },
|
|
39
|
+
React.createElement(Stack, { spacing: 1 }, widths.map(width => (React.createElement(Box, { key: width, sx: { width } },
|
|
40
|
+
React.createElement(FilePathLink, { href: "/" }, path))))))))
|
|
41
|
+
};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { Link } from '@mui/material';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import FilePath from '../FilePath';
|
|
4
|
+
const FilePathLink = ({ children, ...props }) => (React.createElement(Link, { color: "textSecondary", ...props },
|
|
5
|
+
React.createElement(FilePath, null, children)));
|
|
6
|
+
export default FilePathLink;
|
package/dist/index.d.ts
CHANGED
|
@@ -60,6 +60,7 @@ export { Empty, EmptySubTitle } from './components/Empty';
|
|
|
60
60
|
export { ExtendableFab } from './components/ExtendableFab';
|
|
61
61
|
export { default as Filename } from './components/Filename';
|
|
62
62
|
export { default as FilePath } from './components/FilePath';
|
|
63
|
+
export { default as FilePathLink } from './components/FilePathLink';
|
|
63
64
|
export { default as ListItem } from './components/ListItem';
|
|
64
65
|
export { default as ListItemButton } from './components/ListItemButton';
|
|
65
66
|
export { default as ListItemText } from './components/ListItemText';
|
|
@@ -159,6 +160,7 @@ export type { DropdownTextProps, DropdownTextVariant } from './components/Dropdo
|
|
|
159
160
|
export type { ExtendableFabProps, ScrollOptions } from './components/ExtendableFab';
|
|
160
161
|
export type { FilenameProps } from './components/Filename';
|
|
161
162
|
export type { FilePathProps } from './components/FilePath';
|
|
163
|
+
export type { FilePathLinkProps } from './components/FilePathLink';
|
|
162
164
|
export type { ListItemProps, ListItemGutters, ListItemSize } from './components/ListItem';
|
|
163
165
|
export type { ListItemButtonProps } from './components/ListItemButton';
|
|
164
166
|
export type { ListItemTextProps } from './components/ListItemText';
|
package/dist/index.js
CHANGED
|
@@ -63,6 +63,7 @@ export { Empty, EmptySubTitle } from './components/Empty';
|
|
|
63
63
|
export { ExtendableFab } from './components/ExtendableFab';
|
|
64
64
|
export { default as Filename } from './components/Filename';
|
|
65
65
|
export { default as FilePath } from './components/FilePath';
|
|
66
|
+
export { default as FilePathLink } from './components/FilePathLink';
|
|
66
67
|
export { default as ListItem } from './components/ListItem';
|
|
67
68
|
export { default as ListItemButton } from './components/ListItemButton';
|
|
68
69
|
export { default as ListItemText } from './components/ListItemText';
|