@linagora/twake-mui 13.0.0 → 13.1.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# @linagora/twake-mui [13.1.0](https://github.com/linagora/twake-ui/compare/@linagora/twake-mui@13.0.0...@linagora/twake-mui@13.1.0) (2026-10-13)
+
+
+### Features
+
+* **twake-mui:** Migrate BarTitle from cozy-ui ([63e9e21](https://github.com/linagora/twake-ui/commit/63e9e21fee5ceaffe6355c6eca9fc7f2aee5500b))
+
 # @linagora/twake-mui [13.0.0](https://github.com/linagora/twake-ui/compare/@linagora/twake-mui@12.1.0...@linagora/twake-mui@13.0.0) (2026-10-12)
 
 

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

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

package/dist/components/BarTitle/BarTitle.stories.js

@@ -0,0 +1,35 @@
+import { Box, Stack } from '@mui/material';
+import React from 'react';
+import BarTitle from './index';
+const longTitle = 'Ada Lovelace, born Augusta Ada Byron, was an English mathematician and writer chiefly known for her work on the Analytical Engine';
+const BarArea = ({ children }) => (React.createElement(Box, { sx: { border: '1px solid red' } }, children));
+const meta = {
+    title: 'BarTitle',
+    component: BarTitle,
+    tags: ['autodocs'],
+    argTypes: {
+        children: { control: 'text' },
+        noWrap: { control: 'boolean' }
+    }
+};
+export default meta;
+export const Default = {
+    args: {
+        children: 'My transactions',
+        noWrap: false
+    },
+    render: args => (React.createElement(BarArea, null,
+        React.createElement(BarTitle, { ...args })))
+};
+export const Screenshot = {
+    tags: ['argos'],
+    render: () => (React.createElement(Stack, { spacing: 4 },
+        React.createElement("section", null,
+            React.createElement("h3", null, "Basic usage"),
+            React.createElement(BarArea, null,
+                React.createElement(BarTitle, null, "My transactions"))),
+        React.createElement("section", null,
+            React.createElement("h3", null, "Long title with ellipsis"),
+            React.createElement(BarArea, null,
+                React.createElement(BarTitle, { noWrap: true }, longTitle)))))
+};

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

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface BarTitleProps {
+    children?: React.ReactNode;
+    /** Truncates the title with an ellipsis instead of wrapping */
+    noWrap?: boolean;
+}
+declare const BarTitle: React.FC<BarTitleProps>;
+export default BarTitle;

package/dist/components/BarTitle/index.js

@@ -0,0 +1,5 @@
+import { Box, Typography } from '@mui/material';
+import React from 'react';
+const BarTitle = ({ noWrap = false, children }) => (React.createElement(Box, { sx: { display: 'flex', alignItems: 'center', height: 48 } },
+    React.createElement(Typography, { variant: "h4", component: "h1", color: "textPrimary", noWrap: noWrap }, children)));
+export default BarTitle;

package/dist/index.d.ts

@@ -32,6 +32,7 @@ export { editAttribute } from './components/ActionsMenu/Actions/editAttribute';
 export { others } from './components/ActionsMenu/Actions/others';
 export { exportToText } from './components/ActionsMenu/Actions/exportToText';
 export { Avatar, default as AvatarDefault } from './components/Avatar';
+export { default as BarTitle } from './components/BarTitle';
 export { Button, default as ButtonDefault } from './components/Button';
 export { default as BottomSheet } from './components/BottomSheet';
 export { default as BottomSheetItem } from './components/BottomSheet/BottomSheetItem';
@@ -96,6 +97,7 @@ export type { DownloadActionOptions, DownloadFileOptions } from './components/Ac
 export type { PrintActionOptions, PrintClient } from './components/ActionsMenu/Actions/print';
 export type { ExportToTextActionOptions } from './components/ActionsMenu/Actions/exportToText';
 export type { AvatarProps } from './components/Avatar';
+export type { BarTitleProps } from './components/BarTitle';
 export type { ButtonProps } from './components/Button';
 export type { BottomSheetProps, BottomSheetSettings, BottomSheetToolbarProps } from './components/BottomSheet/types';
 export type { BottomSheetItemProps } from './components/BottomSheet/BottomSheetItem';

package/dist/index.js

@@ -35,6 +35,7 @@ export { editAttribute } from './components/ActionsMenu/Actions/editAttribute';
 export { others } from './components/ActionsMenu/Actions/others';
 export { exportToText } from './components/ActionsMenu/Actions/exportToText';
 export { Avatar, default as AvatarDefault } from './components/Avatar';
+export { default as BarTitle } from './components/BarTitle';
 export { Button, default as ButtonDefault } from './components/Button';
 export { default as BottomSheet } from './components/BottomSheet';
 export { default as BottomSheetItem } from './components/BottomSheet/BottomSheetItem';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@linagora/twake-mui",
   "type": "module",
-  "version": "13.0.0",
+  "version": "13.1.0",
   "description": "MUI v9 theme system for Twake applications",
   "author": "Twake",
   "license": "MIT",