@contentful/f36-menu 4.0.1 → 4.1.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [4.1.0](https://github.com/contentful/forma-36/compare/@contentful/f36-menu@4.0.1...@contentful/f36-menu@4.1.0) (2022-01-25)
+
+
+### Features
+
+* implement props list redesign [BAU-535]  ([#1756](https://github.com/contentful/forma-36/issues/1756)) ([21c57e7](https://github.com/contentful/forma-36/commit/21c57e72008b75990d03af4e7500edc1c7f3d26d))
+
+
+
+
+
 ## [4.0.1](https://github.com/contentful/forma-36/compare/@contentful/f36-menu@4.0.0...@contentful/f36-menu@4.0.1) (2022-01-11)
 
 **Note:** Version bump only for package @contentful/f36-menu

package/README.mdx

@@ -3,6 +3,7 @@ title: 'Menu'
 slug: /components/menu/
 github: 'https://github.com/contentful/forma-36/tree/master/packages/components/menu'
 typescript: ./src/Menu.tsx,./src/MenuItem/MenuItem.tsx,./src/MenuList/MenuList.tsx
+storybook: 'https://v4-f36-storybook.netlify.app/?path=/story/components-menu--basic'
 ---
 
 Menu is a component that offers a list of choices to the user, such as a set of actions or links.
@@ -19,7 +20,7 @@ import { Menu } from '@contentful/f36-components';
 You can use following components to build a menu:
 
 1. `<Menu>`: The main wrapper that provides nested components with all the context and state.
-1. `<Menu.Trigger>` The wrapper for the menu list trigger. Must be a direct child of `<Menu>`.
+1. `<Menu.Trigger>` The wrapper for the menu list trigger. Must be a direct child of `<Menu>`.  
    NOTE: 🚨 Ensure that the component that you pass accepts `ref`. Consider using `forwardRef` for functional components.
 1. `<Menu.List>`: The wrapper for the menu items. Must be a direct child of `<Menu>`.
 1. `<Menu.Item>` The trigger that handles menu selection. Must be a direct child of `<Menu.List>`.
@@ -54,29 +55,7 @@ By default the Menu component is uncontrolled. So when user clicks on the trigge
 But you can control it by passing `isOpen` prop and `onClose`, `onOpen` callbacks.
 
 ```jsx file=examples/ControlledMenu.tsx
-function ControlledMenu() {
-  const [isOpen, setIsOpen] = React.useState(false);
-  return (
-    <Menu
-      isOpen={isOpen}
-      onOpen={() => setIsOpen(true)}
-      onClose={() => setIsOpen(false)}
-    >
-      <Menu.Trigger>
-        <IconButton
-          variant="secondary"
-          icon={<MenuIcon />}
-          aria-label="toggle menu"
-        />
-      </Menu.Trigger>
-      <Menu.List>
-        <Menu.Item>Create an entry</Menu.Item>
-        <Menu.Item>Remove an entry</Menu.Item>
-        <Menu.Item>Embed existing entry</Menu.Item>
-      </Menu.List>
-    </Menu>
-  );
-}
+
 ```
 
 ### Controlled Menu with custom trigger onClick callback
@@ -127,23 +106,25 @@ But if you have to provide your own toggle menu logic on the trigger component,
 ### With submenu
 
 By default props like `closeOnSelect`, `closeOnBlur`, `closeOnEsc` that you pass to `Menu` will be shared to all submenus
-But you can redefine them on any submenu by passing those props directly to that `Submenu`.
+but you can redefine them on any submenu by passing those props directly to that `Submenu`.
 
 ```jsx file=examples/MenuWithSubmenu.tsx
 
 ```
 
+## Props (API reference)
+
 ### Menu
 
-<Props of="Menu" storybookPath="/story/components-menu--basic" />
+<PropsTable of="Menu" />
 
 ### Menu.Item
 
-<Props of="MenuItem" />
+<PropsTable of="MenuItem" />
 
 ### Menu.List
 
-<Props of="MenuList" />
+<PropsTable of="MenuList" />
 
 ## Content guidelines
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/f36-menu",
-  "version": "4.0.1",
+  "version": "4.1.0",
   "description": "Forma 36: Menu component",
   "scripts": {
     "build": "parcel build"
@@ -9,7 +9,7 @@
     "@babel/runtime": "^7.6.2",
     "@contentful/f36-core": "^4.0.1",
     "@contentful/f36-icons": "^4.0.1",
-    "@contentful/f36-popover": "^4.0.1",
+    "@contentful/f36-popover": "^4.1.0",
     "@contentful/f36-tokens": "^4.0.0",
     "@contentful/f36-typography": "^4.0.1",
     "@contentful/f36-utils": "^4.0.0",
@@ -35,5 +35,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "cee6bd9ae0b1ca2ce23d42873d9344a20fe740d0"
+  "gitHead": "1233b527fe40be14bbeccf8c9693eb338bed6ab5"
 }