@instructure/ui-menu 9.3.1-snapshot-5 → 9.5.0

package/CHANGELOG.md

@@ -3,9 +3,23 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [9.3.1-snapshot-5](https://github.com/instructure/instructure-ui/compare/v9.3.0...v9.3.1-snapshot-5) (2024-07-25)
+# [9.5.0](https://github.com/instructure/instructure-ui/compare/v9.3.0...v9.5.0) (2024-07-26)
 
-**Note:** Version bump only for package @instructure/ui-menu
+
+### Bug Fixes
+
+* **ui-menu:** menuItem's onSelect type did not expose its value and selected types ([c58fff8](https://github.com/instructure/instructure-ui/commit/c58fff8736ac430a8992bce1caa11bf3a1f3f5b7))
+
+
+
+
+
+# [9.4.0](https://github.com/instructure/instructure-ui/compare/v9.3.0...v9.4.0) (2024-07-26)
+
+
+### Bug Fixes
+
+* **ui-menu:** menuItem's onSelect type did not expose its value and selected types ([c58fff8](https://github.com/instructure/instructure-ui/commit/c58fff8736ac430a8992bce1caa11bf3a1f3f5b7))
 
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-menu",
-  "version": "9.3.1-snapshot-5",
+  "version": "9.5.0",
   "description": "A dropdown menu component",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -23,11 +23,11 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@instructure/ui-axe-check": "9.3.1-snapshot-5",
-    "@instructure/ui-babel-preset": "9.3.1-snapshot-5",
-    "@instructure/ui-color-utils": "9.3.1-snapshot-5",
-    "@instructure/ui-test-utils": "9.3.1-snapshot-5",
-    "@instructure/ui-themes": "9.3.1-snapshot-5",
+    "@instructure/ui-axe-check": "9.5.0",
+    "@instructure/ui-babel-preset": "9.5.0",
+    "@instructure/ui-color-utils": "9.5.0",
+    "@instructure/ui-test-utils": "9.5.0",
+    "@instructure/ui-themes": "9.5.0",
     "@testing-library/jest-dom": "^6.4.6",
     "@testing-library/react": "^15.0.7",
     "@testing-library/user-event": "^14.5.2",
@@ -35,19 +35,19 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.24.5",
-    "@instructure/console": "9.3.1-snapshot-5",
-    "@instructure/emotion": "9.3.1-snapshot-5",
-    "@instructure/shared-types": "9.3.1-snapshot-5",
-    "@instructure/ui-a11y-utils": "9.3.1-snapshot-5",
-    "@instructure/ui-dom-utils": "9.3.1-snapshot-5",
-    "@instructure/ui-icons": "9.3.1-snapshot-5",
-    "@instructure/ui-popover": "9.3.1-snapshot-5",
-    "@instructure/ui-position": "9.3.1-snapshot-5",
-    "@instructure/ui-prop-types": "9.3.1-snapshot-5",
-    "@instructure/ui-react-utils": "9.3.1-snapshot-5",
-    "@instructure/ui-testable": "9.3.1-snapshot-5",
-    "@instructure/ui-utils": "9.3.1-snapshot-5",
-    "@instructure/ui-view": "9.3.1-snapshot-5",
+    "@instructure/console": "9.5.0",
+    "@instructure/emotion": "9.5.0",
+    "@instructure/shared-types": "9.5.0",
+    "@instructure/ui-a11y-utils": "9.5.0",
+    "@instructure/ui-dom-utils": "9.5.0",
+    "@instructure/ui-icons": "9.5.0",
+    "@instructure/ui-popover": "9.5.0",
+    "@instructure/ui-position": "9.5.0",
+    "@instructure/ui-prop-types": "9.5.0",
+    "@instructure/ui-react-utils": "9.5.0",
+    "@instructure/ui-testable": "9.5.0",
+    "@instructure/ui-utils": "9.5.0",
+    "@instructure/ui-view": "9.5.0",
     "keycode": "^2",
     "prop-types": "^15.8.1"
   },

package/src/Menu/MenuItem/index.tsx

@@ -22,7 +22,7 @@
  * SOFTWARE.
  */
 /** @jsx jsx */
-import React, { Component, MouseEventHandler } from 'react'
+import React, { Component } from 'react'
 import keycode from 'keycode'
 
 import { IconCheckSolid, IconArrowOpenEndSolid } from '@instructure/ui-icons'
@@ -252,7 +252,7 @@ class MenuItem extends Component<MenuItemProps, MenuItemState> {
               : 'false'
             : undefined
         }
-        onClick={this.handleClick as MouseEventHandler}
+        onClick={this.handleClick}
         onKeyUp={createChainedFunction(onKeyUp, this.handleKeyUp)}
         onKeyDown={createChainedFunction(onKeyDown, this.handleKeyDown)}
         ref={this.handleRef}

package/src/Menu/MenuItem/props.ts

@@ -38,8 +38,8 @@ import type { WithDeterministicIdProps } from '@instructure/ui-react-utils'
 
 type OnMenuItemSelect = (
   e: React.MouseEvent,
-  value: MenuItemOwnProps['value'],
-  selected: MenuItemOwnProps['selected'],
+  value: MenuItemProps['value'],
+  selected: MenuItemProps['selected'],
   args: MenuItem
 ) => void
 
@@ -73,8 +73,20 @@ type MenuItemOwnProps = {
    * the element type to render as (will default to `<a>` if href is provided)
    */
   as?: AsElementType
+  /**
+   * How this component should be rendered. If it's `checkbox` or `radio` it will
+   * display a checkmark based on its own 'selected' state, if it's `flyout` it will
+   * render an arrow after the label.
+   */
   type?: 'button' | 'checkbox' | 'radio' | 'flyout'
+  /**
+   * Arbitrary value that you can store in this component. Is sent out by the
+   * `onSelect` event
+   */
   value?: string | number
+  /**
+   * Value of the `href` prop that will be put on the underlying DOM element.
+   */
   href?: string
 }