refactor(Header): Change title to HeaderTitle

packages/Layout/header/src/Title/Title.stories.tsx → packages/Layout/header/src/HeaderTitle/HeaderTitle.stories.tsx

@@ -2,12 +2,12 @@ import React from 'react';
 import { action } from '@storybook/addon-actions';
 import { Meta } from '@storybook/react';
 import Action from '@axa-fr/react-toolkit-action';
-import Title from './Title';
+import HeaderTitle from './HeaderTitle';
 import readme from '../../README.md';
 
 export default {
-  title: 'Structure/Title Bar',
-  component: Title,
+  title: 'Structure/Header/HeaderTitle',
+  component: HeaderTitle,
   parameters: {
     readme: {
       sidebar: readme,
@@ -31,7 +31,7 @@ const actions = [
   },
 ];
 
-export const Default = (args) => <Title {...args} />;
+export const Default = (args) => <HeaderTitle {...args} />;
 Default.args = {
   title: 'Toolkit Axa',
   subtitle: 'Info complémentaire',
@@ -42,7 +42,7 @@ Default.argTypes = {
 };
 
 export const Complex = (args) => (
-  <Title {...args}>
+  <HeaderTitle {...args}>
     <div className="af-title-bar__actions">
       <a className="af-title-bar__link" href="#lien" title="lien titlebar">
         lien titlebar
@@ -59,7 +59,7 @@ export const Complex = (args) => (
         />
       ))}
     </div>
-  </Title>
+  </HeaderTitle>
 );
 Complex.args = {
   ...Default.args,

packages/Layout/header/src/Title/Title.tsx → packages/Layout/header/src/HeaderTitle/HeaderTitle.tsx

@@ -14,7 +14,7 @@ type Props = {
   classModifier?: string;
   isSticky?: boolean;
 };
-const Title = ({
+const HeaderTitle = ({
   title,
   subtitle,
   children,
@@ -64,4 +64,4 @@ const Title = ({
   );
 };
 
-export default Title;
+export default HeaderTitle;

packages/Layout/header/src/HeaderTitle/index.tsx

@@ -0,0 +1 @@
+export { default as HeaderTitle } from './HeaderTitle';

packages/Layout/header/src/MenuTitleWrapper.stories.tsx

@@ -1,7 +1,7 @@
 import React, { useState } from 'react';
 import { Meta } from '@storybook/react';
 import { NavBar, NavBarItem } from './NavBar';
-import { Title } from './Title';
+import { HeaderTitle } from './HeaderTitle';
 
 export default {
   title: 'Structure/Header/MenuTitleWrapper',
@@ -151,7 +151,7 @@ const MenuTitleWrapper = () => {
           />
         </NavBarItem>
       </NavBar>
-      <Title
+      <HeaderTitle
         title="Toolkit Axa"
         subtitle="Sous titre"
         toggleMenu={handleClick}

packages/Layout/header/src/__tests__/Title.spec.tsx → packages/Layout/header/src/__tests__/HeaderTitle.spec.tsx

@@ -1,11 +1,11 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import { Title } from '../Title/index';
+import { HeaderTitle } from '../HeaderTitle/index';
 
-describe('<Title>', () => {
-  it('renders Title correctly', () => {
+describe('<HeaderTitle>', () => {
+  it('renders HeaderTitle correctly', () => {
     const { asFragment } = render(
-      <Title
+      <HeaderTitle
         title="Toolkit Axa"
         subtitle="Info complémentaire"
         toggleMenu={() => null}
@@ -14,16 +14,16 @@ describe('<Title>', () => {
     expect(asFragment()).toMatchSnapshot();
   });
 
-  it('renders Title correctly without menu', () => {
+  it('renders HeaderTitle correctly without menu', () => {
     const { asFragment } = render(
-      <Title title="Toolkit Axa" subtitle="Info complémentaire" />
+      <HeaderTitle title="Toolkit Axa" subtitle="Info complémentaire" />
     );
     expect(asFragment()).toMatchSnapshot();
   });
 
-  it('renders Title with classModifier', () => {
+  it('renders HeaderTitle with classModifier', () => {
     const { asFragment } = render(
-      <Title
+      <HeaderTitle
         title="Toolkit Axa"
         subtitle="Info complémentaire"
         classModifier="test"

packages/Layout/header/src/__tests__/__snapshots__/Title.spec.tsx.snap → packages/Layout/header/src/__tests__/__snapshots__/HeaderTitle.spec.tsx.snap

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`<Title> renders Title correctly 1`] = `
+exports[`<HeaderTitle> renders HeaderTitle correctly 1`] = `
 <DocumentFragment>
   <div
     class="af-title-bar af-title-bar--sticky"
@@ -41,7 +41,7 @@ exports[`<Title> renders Title correctly 1`] = `
 </DocumentFragment>
 `;
 
-exports[`<Title> renders Title correctly without menu 1`] = `
+exports[`<HeaderTitle> renders HeaderTitle correctly without menu 1`] = `
 <DocumentFragment>
   <div
     class="af-title-bar af-title-bar--sticky"
@@ -64,7 +64,7 @@ exports[`<Title> renders Title correctly without menu 1`] = `
 </DocumentFragment>
 `;
 
-exports[`<Title> renders Title with classModifier 1`] = `
+exports[`<HeaderTitle> renders HeaderTitle with classModifier 1`] = `
 <DocumentFragment>
   <div
     class="af-title-bar af-title-bar--test af-title-bar--sticky"

packages/Layout/header/src/index.ts

@@ -8,6 +8,6 @@ export {
   NavBarItemBase,
   NavBarItemLink,
 } from './NavBar';
-export { Title } from './Title';
+export { HeaderTitle } from './HeaderTitle';
 export { default as ToggleButton } from './ToggleButton';
 export { User } from './User';

packages/all/src/layout-header.ts

@@ -7,7 +7,7 @@ export {
   NavBarItem,
   NavBarItemBase,
   NavBarItemLink,
-  Title as HeaderTitle,
+  HeaderTitle,
   ToggleButton,
   User,
 } from '@axa-fr/react-toolkit-layout-header';