feat(menu): Remove Children API examples

CHANGELOG.md

@@ -17,6 +17,9 @@ This project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.htm
 
 ## [Unreleased]
 
+### BREAKING CHANGES
+- Remove Children API support from Menu component @miroslavstastny ([#111](https://github.com/stardust-ui/react/pull/111))
+
 ### Features
 
 - Add Menu `iconOnly`, MenuItem `iconOnly` and `icon` props @miroslavstastny ([#73](https://github.com/stardust-ui/react/pull/73))

docs/src/examples/components/Menu/Types/MenuExample.shorthand.tsx

@@ -7,10 +7,6 @@ const items = [
   { key: 'events', content: 'Upcoming Events' },
 ]
 
-class MenuExampleShorthand extends React.Component {
-  render() {
-    return <Menu defaultActiveIndex={0} items={items} />
-  }
-}
+const MenuExample = () => <Menu defaultActiveIndex={0} items={items} />
 
-export default MenuExampleShorthand
+export default MenuExample

docs/src/examples/components/Menu/Types/MenuExamplePrimary.shorthand.tsx

@@ -7,10 +7,6 @@ const items = [
   { key: 'events', content: 'Upcoming Events' },
 ]
 
-class MenuExamplePrimaryShorthand extends React.Component {
-  render() {
-    return <Menu defaultActiveIndex={0} items={items} type="primary" />
-  }
-}
+const MenuExamplePrimary = () => <Menu defaultActiveIndex={0} items={items} type="primary" />
 
-export default MenuExamplePrimaryShorthand
+export default MenuExamplePrimary

docs/src/examples/components/Menu/Types/MenuExampleVertical.shorthand.tsx

@@ -7,10 +7,6 @@ const items = [
   { key: 'events', content: 'Upcoming Events' },
 ]
 
-class MenuExampleVerticalShorthand extends React.Component {
-  render() {
-    return <Menu defaultActiveIndex={0} items={items} vertical />
-  }
-}
+const MenuExampleVertical = () => <Menu defaultActiveIndex={0} items={items} vertical />
 
-export default MenuExampleVerticalShorthand
+export default MenuExampleVertical

docs/src/examples/components/Menu/Types/index.tsx

@@ -10,12 +10,12 @@ const Types = () => (
       examplePath="components/Menu/Types/MenuExample"
     />
     <ComponentExample
-      title="Default Primary"
-      description="A menu can point to show its relationship to nearby content."
+      title="Primary"
+      description="A menu can adjust its appearance to emphasize its contents."
       examplePath="components/Menu/Types/MenuExamplePrimary"
     />
     <ComponentExample
-      title="Vertical Menu"
+      title="Vertical"
       description="A vertical menu displays elements vertically."
       examplePath="components/Menu/Types/MenuExampleVertical"
     />

docs/src/examples/components/Menu/Variations/MenuExamplePills.shorthand.tsx

@@ -7,10 +7,6 @@ const items = [
   { key: 'events', content: 'Upcoming Events' },
 ]
 
-class MenuExamplePillsShorthand extends React.Component {
-  render() {
-    return <Menu defaultActiveIndex={0} items={items} shape="pills" />
-  }
-}
+const MenuExamplePills = () => <Menu defaultActiveIndex={0} items={items} shape="pills" />
 
-export default MenuExamplePillsShorthand
+export default MenuExamplePills

docs/src/examples/components/Menu/Variations/MenuExamplePillsPrimary.shorthand.tsx

@@ -7,10 +7,8 @@ const items = [
   { key: 'events', content: 'Upcoming Events' },
 ]
 
-class MenuExamplePillsPrimaryShorthand extends React.Component {
-  render() {
-    return <Menu defaultActiveIndex={0} items={items} shape="pills" type="primary" />
-  }
-}
+const MenuExamplePillsPrimary = () => (
+  <Menu defaultActiveIndex={0} items={items} shape="pills" type="primary" />
+)
 
-export default MenuExamplePillsPrimaryShorthand
+export default MenuExamplePillsPrimary

docs/src/examples/components/Menu/Variations/MenuExamplePillsPrimaryVertical.shorthand.tsx

@@ -7,10 +7,8 @@ const items = [
   { key: 'events', content: 'Upcoming Events' },
 ]
 
-class MenuExamplePillsPrimaryVerticalShorthand extends React.Component {
-  render() {
-    return <Menu defaultActiveIndex={0} items={items} shape="pills" type="primary" vertical />
-  }
-}
+const MenuExamplePillsPrimaryVertical = () => (
+  <Menu defaultActiveIndex={0} items={items} shape="pills" type="primary" vertical />
+)
 
-export default MenuExamplePillsPrimaryVerticalShorthand
+export default MenuExamplePillsPrimaryVertical

docs/src/examples/components/Menu/Variations/MenuExamplePillsVertical.shorthand.tsx

@@ -7,10 +7,8 @@ const items = [
   { key: 'events', content: 'Upcoming Events' },
 ]
 
-class MenuExamplePillsVerticalShorthand extends React.Component {
-  render() {
-    return <Menu defaultActiveIndex={0} items={items} shape="pills" vertical />
-  }
-}
+const MenuExamplePillsVertical = () => (
+  <Menu defaultActiveIndex={0} items={items} shape="pills" vertical />
+)
 
-export default MenuExamplePillsVerticalShorthand
+export default MenuExamplePillsVertical