Move <CardMedia /> to card-media/ subfolder

WordPress · Jun 9, 2021 · 4c7361a · 4c7361a
1 parent 33348bf
commit 4c7361a
Show file tree

Hide file tree

Showing 8 changed files with 12 additions and 8 deletions.
diff --git a/docs/manifest.json b/docs/manifest.json
@@ -731,6 +731,12 @@
 		"markdown_source": "../packages/components/src/card/card-header/README.md",
 		"parent": "components"
 	},
+	{
+		"title": "CardMedia",
+		"slug": "card-media",
+		"markdown_source": "../packages/components/src/card/card-media/README.md",
+		"parent": "components"
+	},
 	{
 		"title": "Card",
 		"slug": "card",

diff --git a/packages/components/src/card/docs/media.md → .../components/src/card/card-media/README.md b/packages/components/src/card/docs/media.md → .../components/src/card/card-media/README.md
diff --git a/packages/components/src/card/media.js → ...s/components/src/card/card-media/index.js b/packages/components/src/card/media.js → ...s/components/src/card/card-media/index.js
@@ -6,7 +6,7 @@ import classnames from 'classnames';
 /**
  * Internal dependencies
  */
-import { MediaUI } from './styles';
+import { MediaUI } from '../styles';
 
 export function CardMedia( props ) {
 	const { className, ...additionalProps } = props;

diff --git a/packages/components/src/card/index.js b/packages/components/src/card/index.js
@@ -3,3 +3,4 @@ export { default as CardBody } from './card-body';
 export { default as CardDivider } from './card-divider';
 export { default as CardFooter } from './card-footer';
 export { default as CardHeader } from './card-header';
+export { default as CardMedia } from './card-media';
diff --git a/packages/components/src/card/stories/media.js b/packages/components/src/card/stories/media.js
@@ -7,8 +7,7 @@ import styled from '@emotion/styled';
 /**
  * Internal dependencies
  */
-import { Card, CardBody, CardFooter, CardHeader } from '../';
-import CardMedia from '../media';
+import { Card, CardBody, CardFooter, CardHeader, CardMedia } from '../';
 import { getCardStoryProps } from './_utils';
 
 export default { title: 'Components/Card/Media', component: CardMedia };

diff --git a/packages/components/src/card/test/index.js b/packages/components/src/card/test/index.js
@@ -6,8 +6,7 @@ import { mount, shallow } from 'enzyme';
 /**
  * Internal dependencies
  */
-import { Card, CardBody, CardDivider, CardFooter, CardHeader } from '../';
-import CardMedia from '../media';
+import { Card, CardBody, CardDivider, CardFooter, CardHeader, CardMedia } from '../';
 
 describe( 'Card', () => {
 	describe( 'basic rendering', () => {

diff --git a/packages/components/src/card/test/media.js b/packages/components/src/card/test/media.js
@@ -6,7 +6,7 @@ import { shallow } from 'enzyme';
 /**
  * Internal dependencies
  */
-import CardMedia from '../media';
+import { CardMedia } from '../';
 
 describe( 'CardMedia', () => {
 	describe( 'basic rendering', () => {

diff --git a/packages/components/src/index.js b/packages/components/src/index.js
@@ -25,8 +25,7 @@ export { default as BaseControl } from './base-control';
 export { default as __experimentalBoxControl } from './box-control';
 export { default as Button } from './button';
 export { default as ButtonGroup } from './button-group';
-export { Card, CardBody, CardDivider, CardFooter, CardHeader } from './card';
-export { default as CardMedia } from './card/media';
+export { Card, CardBody, CardDivider, CardFooter, CardHeader, CardMedia } from './card';
 export { default as CheckboxControl } from './checkbox-control';
 export { default as ClipboardButton } from './clipboard-button';
 export { default as __experimentalColorEdit } from './color-edit';