Drop Media layout in favour of Toolbar

react-ui-org · Jul 4, 2022 · 88e9644 · 88e9644
1 parent e748eea
commit 88e9644
Show file tree

Hide file tree

Showing 12 changed files with 15 additions and 324 deletions.
diff --git a/src/docs/contribute/composition.mdx b/src/docs/contribute/composition.mdx
@@ -15,8 +15,7 @@ There are several types of composition approaches.
    outside their parent components.
 
    - **Mandatory subcomponents:** subcomponent must be used at least once in
-     order for the composition to work. E.g. `Media` + `MediaObject` +
-     `MediaBody`, `Tabs` + `TabsItem`, etc.
+     order for the composition to work. E.g. `Tabs` + `TabsItem`.
 
    - **Optional subcomponents:** optional subcomponents may be used to achieve
      special results. E.g. `FormLayout` + `FormLayoutCustomField` or `Grid` +

diff --git a/src/lib/components/Media/Media.jsx b/src/lib/components/Media/Media.jsx
diff --git a/src/lib/components/Media/Media.scss b/src/lib/components/Media/Media.scss
diff --git a/src/lib/components/Media/MediaBody.jsx b/src/lib/components/Media/MediaBody.jsx
diff --git a/src/lib/components/Media/MediaObject.jsx b/src/lib/components/Media/MediaObject.jsx
diff --git a/src/lib/components/Media/README.mdx b/src/lib/components/Media/README.mdx
diff --git a/src/lib/components/Media/__tests__/Media.test.jsx b/src/lib/components/Media/__tests__/Media.test.jsx
diff --git a/src/lib/components/Media/__tests__/MediaBody.test.jsx b/src/lib/components/Media/__tests__/MediaBody.test.jsx
diff --git a/src/lib/components/Media/__tests__/MediaObject.test.jsx b/src/lib/components/Media/__tests__/MediaObject.test.jsx
diff --git a/src/lib/components/Media/index.js b/src/lib/components/Media/index.js
diff --git a/src/lib/components/Toolbar/README.mdx b/src/lib/components/Toolbar/README.mdx
@@ -307,7 +307,7 @@ specifically for this kind of job.
 ## Flexible Items
 
 Toolbar items can be made flexible to grow and shrink according to the available
-space. This is useful e.g. when you need to combine text with an action.
+space. This is useful e.g. when you need to combine text with an action:
 
 <Playground>
   <Toolbar>
@@ -320,6 +320,19 @@ space. This is useful e.g. when you need to combine text with an action.
   </Toolbar>
 </Playground>
 
+Or to build a classic media layout with image on the left and text on the right:
+
+<Playground>
+  <Toolbar>
+    <ToolbarItem>
+      <Placeholder bordered>Media object</Placeholder>
+    </ToolbarItem>
+    <ToolbarItem flexible>
+      <Placeholder bordered>Media body</Placeholder>
+    </ToolbarItem>
+  </Toolbar>
+</Playground>
+
 ## API
 
 <Props table of={Toolbar} />

diff --git a/src/lib/index.js b/src/lib/index.js
@@ -18,11 +18,6 @@ export {
   Grid,
   GridSpan,
 } from './components/Grid';
-export {
-  Media,
-  MediaBody,
-  MediaObject,
-} from './components/Media';
 export { default as Modal } from './components/Modal';
 export { default as Paper } from './components/Paper';
 export {