@instructure/ui-menu 11.7.4-snapshot-14 → 11.7.4-snapshot-49

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-menu",
-  "version": "11.7.4-snapshot-14",
+  "version": "11.7.4-snapshot-49",
   "description": "A dropdown menu component",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -16,27 +16,27 @@
   "dependencies": {
     "@babel/runtime": "^7.29.2",
     "keycode": "^2",
-    "@instructure/console": "11.7.4-snapshot-14",
-    "@instructure/emotion": "11.7.4-snapshot-14",
-    "@instructure/shared-types": "11.7.4-snapshot-14",
-    "@instructure/ui-dom-utils": "11.7.4-snapshot-14",
-    "@instructure/ui-a11y-utils": "11.7.4-snapshot-14",
-    "@instructure/ui-popover": "11.7.4-snapshot-14",
-    "@instructure/ui-icons": "11.7.4-snapshot-14",
-    "@instructure/ui-position": "11.7.4-snapshot-14",
-    "@instructure/ui-themes": "11.7.4-snapshot-14",
-    "@instructure/ui-react-utils": "11.7.4-snapshot-14",
-    "@instructure/ui-utils": "11.7.4-snapshot-14",
-    "@instructure/ui-view": "11.7.4-snapshot-14"
+    "@instructure/console": "11.7.4-snapshot-49",
+    "@instructure/emotion": "11.7.4-snapshot-49",
+    "@instructure/shared-types": "11.7.4-snapshot-49",
+    "@instructure/ui-a11y-utils": "11.7.4-snapshot-49",
+    "@instructure/ui-dom-utils": "11.7.4-snapshot-49",
+    "@instructure/ui-icons": "11.7.4-snapshot-49",
+    "@instructure/ui-position": "11.7.4-snapshot-49",
+    "@instructure/ui-react-utils": "11.7.4-snapshot-49",
+    "@instructure/ui-popover": "11.7.4-snapshot-49",
+    "@instructure/ui-themes": "11.7.4-snapshot-49",
+    "@instructure/ui-utils": "11.7.4-snapshot-49",
+    "@instructure/ui-view": "11.7.4-snapshot-49"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "15.0.7",
     "@testing-library/user-event": "^14.6.1",
     "vitest": "^3.2.2",
-    "@instructure/ui-axe-check": "11.7.4-snapshot-14",
-    "@instructure/ui-babel-preset": "11.7.4-snapshot-14",
-    "@instructure/ui-color-utils": "11.7.4-snapshot-14"
+    "@instructure/ui-babel-preset": "11.7.4-snapshot-49",
+    "@instructure/ui-color-utils": "11.7.4-snapshot-49",
+    "@instructure/ui-axe-check": "11.7.4-snapshot-49"
   },
   "peerDependencies": {
     "react": ">=18 <=19"

package/src/Menu/v1/MenuItem/index.tsx

@@ -36,12 +36,12 @@ import { createChainedFunction } from '@instructure/ui-utils'
 import { isActiveElement, findDOMNode } from '@instructure/ui-dom-utils'
 import { withStyle } from '@instructure/emotion'
 
-import { MenuContext } from '../../../utils/v1/MenuContext'
+import { MenuContext } from '../../../utils/v1/MenuContext.js'
 
-import generateStyle from './styles'
-import generateComponentTheme from './theme'
+import generateStyle from './styles.js'
+import generateComponentTheme from './theme.js'
 
-import { allowedProps } from './props'
+import { allowedProps } from './props.js'
 import type { MenuItemProps, MenuItemState } from './props'
 
 /**
@@ -53,6 +53,7 @@ id: Menu.Item
 @withDeterministicId()
 @withStyle(generateStyle, generateComponentTheme)
 class MenuItem extends Component<MenuItemProps, MenuItemState> {
+  static displayName = 'MenuItem'
   static readonly componentId = 'Menu.Item'
 
   static allowedProps = allowedProps

package/src/Menu/v1/MenuItem/props.ts

@@ -23,7 +23,7 @@
  */
 
 import React from 'react'
-import MenuItem from '../MenuItem'
+import MenuItem from '../MenuItem/index.js'
 
 import type {
   AsElementType,

package/src/Menu/v1/MenuItemGroup/index.tsx

@@ -33,15 +33,15 @@ import {
 } from '@instructure/ui-react-utils'
 import { hasVisibleChildren } from '@instructure/ui-a11y-utils'
 
-import { MenuItem } from '../MenuItem'
+import { MenuItem } from '../MenuItem/index.js'
 import type { OnMenuItemSelect, MenuItemProps } from '../MenuItem/props'
-import { MenuItemSeparator } from '../MenuItemSeparator'
+import { MenuItemSeparator } from '../MenuItemSeparator/index.js'
 import type { MenuSeparatorProps } from '../MenuItemSeparator/props'
 
-import generateStyle from './styles'
-import generateComponentTheme from './theme'
+import generateStyle from './styles.js'
+import generateComponentTheme from './theme.js'
 
-import { allowedProps } from './props'
+import { allowedProps } from './props.js'
 import type { MenuGroupProps, MenuGroupState } from './props'
 
 type MenuItemChild = ComponentElement<MenuItemProps, MenuItem>
@@ -59,6 +59,7 @@ id: Menu.Group
 @withDeterministicId()
 @withStyle(generateStyle, generateComponentTheme)
 class MenuItemGroup extends Component<MenuGroupProps, MenuGroupState> {
+  static displayName = 'MenuItemGroup'
   static readonly componentId = 'Menu.Group'
 
   static allowedProps = allowedProps

package/src/Menu/v1/MenuItemGroup/props.ts

@@ -24,7 +24,7 @@
 
 import React from 'react'
 
-import { MenuItem } from '../MenuItem'
+import { MenuItem } from '../MenuItem/index.js'
 
 import type {
   MenuGroupTheme,

package/src/Menu/v1/MenuItemSeparator/index.tsx

@@ -27,10 +27,10 @@ import { Component } from 'react'
 import { withStyle } from '@instructure/emotion'
 import { omitProps } from '@instructure/ui-react-utils'
 
-import generateStyle from './styles'
-import generateComponentTheme from './theme'
+import generateStyle from './styles.js'
+import generateComponentTheme from './theme.js'
 
-import { allowedProps } from './props'
+import { allowedProps } from './props.js'
 import type { MenuSeparatorProps } from './props'
 
 /**
@@ -42,6 +42,7 @@ id: Menu.Separator
 **/
 @withStyle(generateStyle, generateComponentTheme)
 class MenuItemSeparator extends Component<MenuSeparatorProps> {
+  static displayName = 'MenuItemSeparator'
   static readonly componentId = 'Menu.Separator'
 
   static allowedProps = allowedProps

package/src/Menu/v1/index.tsx

@@ -34,19 +34,19 @@ import {
 import { logError as error } from '@instructure/console'
 import { containsActiveElement } from '@instructure/ui-dom-utils'
 
-import { MenuContext } from '../../utils/v1/MenuContext'
-import { MenuItem } from './MenuItem'
+import { MenuContext } from '../../utils/v1/MenuContext.js'
+import { MenuItem } from './MenuItem/index.js'
 import type { MenuItemProps } from './MenuItem/props'
-import { MenuItemGroup } from './MenuItemGroup'
+import { MenuItemGroup } from './MenuItemGroup/index.js'
 import type { MenuGroupProps } from './MenuItemGroup/props'
-import { MenuItemSeparator } from './MenuItemSeparator'
+import { MenuItemSeparator } from './MenuItemSeparator/index.js'
 import type { MenuSeparatorProps } from './MenuItemSeparator/props'
 import { withStyle } from '@instructure/emotion'
 
-import generateStyle from './styles'
-import generateComponentTheme from './theme'
+import generateStyle from './styles.js'
+import generateComponentTheme from './theme.js'
 
-import { allowedProps } from './props'
+import { allowedProps } from './props.js'
 import type { MenuProps } from './props'
 
 type MenuChild = ComponentElement<MenuProps, Menu>
@@ -65,6 +65,7 @@ category: components
 @withDeterministicId()
 @withStyle(generateStyle, generateComponentTheme)
 class Menu extends Component<MenuProps> {
+  static displayName = 'Menu'
   static readonly componentId = 'Menu'
   static allowedProps = allowedProps
   static defaultProps = {

package/src/Menu/v1/props.ts

@@ -34,7 +34,7 @@ import type {
 import type { Popover } from '@instructure/ui-popover/v11_6'
 import type { WithDeterministicIdProps } from '@instructure/ui-react-utils'
 
-import { MenuItem } from './MenuItem'
+import { MenuItem } from './MenuItem/index.js'
 import type { Menu } from './index'
 import type { MenuItemProps } from './MenuItem/props'
 

package/src/Menu/v2/MenuItem/index.tsx

@@ -36,11 +36,11 @@ import { createChainedFunction } from '@instructure/ui-utils'
 import { isActiveElement, findDOMNode } from '@instructure/ui-dom-utils'
 import { withStyleNew } from '@instructure/emotion'
 
-import { MenuContext } from '../../../utils/v1/MenuContext'
+import { MenuContext } from '../../../utils/v1/MenuContext.js'
 
-import generateStyle from './styles'
+import generateStyle from './styles.js'
 
-import { allowedProps } from './props'
+import { allowedProps } from './props.js'
 import type { MenuItemProps, MenuItemState } from './props'
 
 /**
@@ -52,6 +52,7 @@ id: Menu.Item
 @withDeterministicId()
 @withStyleNew(generateStyle)
 class MenuItem extends Component<MenuItemProps, MenuItemState> {
+  static displayName = 'MenuItem'
   static readonly componentId = 'Menu.Item'
 
   static allowedProps = allowedProps

package/src/Menu/v2/MenuItem/props.ts

@@ -23,7 +23,7 @@
  */
 
 import React from 'react'
-import MenuItem from '../MenuItem'
+import MenuItem from '../MenuItem/index.js'
 
 import type {
   AsElementType,

package/src/Menu/v2/MenuItemGroup/index.tsx

@@ -33,14 +33,14 @@ import {
 } from '@instructure/ui-react-utils'
 import { hasVisibleChildren } from '@instructure/ui-a11y-utils'
 
-import { MenuItem } from '../MenuItem'
+import { MenuItem } from '../MenuItem/index.js'
 import type { OnMenuItemSelect, MenuItemProps } from '../MenuItem/props'
-import { MenuItemSeparator } from '../MenuItemSeparator'
+import { MenuItemSeparator } from '../MenuItemSeparator/index.js'
 import type { MenuSeparatorProps } from '../MenuItemSeparator/props'
 
-import generateStyle from './styles'
+import generateStyle from './styles.js'
 
-import { allowedProps } from './props'
+import { allowedProps } from './props.js'
 import type { MenuGroupProps, MenuGroupState } from './props'
 
 type MenuItemChild = ComponentElement<MenuItemProps, MenuItem>
@@ -58,6 +58,7 @@ id: Menu.Group
 @withDeterministicId()
 @withStyleNew(generateStyle)
 class MenuItemGroup extends Component<MenuGroupProps, MenuGroupState> {
+  static displayName = 'MenuItemGroup'
   static readonly componentId = 'Menu.Group'
 
   static allowedProps = allowedProps

package/src/Menu/v2/MenuItemGroup/props.ts

@@ -24,7 +24,7 @@
 
 import React from 'react'
 
-import { MenuItem } from '../MenuItem'
+import { MenuItem } from '../MenuItem/index.js'
 
 import type { OtherHTMLAttributes } from '@instructure/shared-types'
 import type { WithStyleProps, ComponentStyle } from '@instructure/emotion'

package/src/Menu/v2/MenuItemSeparator/index.tsx

@@ -27,9 +27,9 @@ import { Component } from 'react'
 import { withStyleNew } from '@instructure/emotion'
 import { omitProps } from '@instructure/ui-react-utils'
 
-import generateStyle from './styles'
+import generateStyle from './styles.js'
 
-import { allowedProps } from './props'
+import { allowedProps } from './props.js'
 import type { MenuSeparatorProps } from './props'
 
 /**
@@ -41,6 +41,7 @@ id: Menu.Separator
 **/
 @withStyleNew(generateStyle)
 class MenuItemSeparator extends Component<MenuSeparatorProps> {
+  static displayName = 'MenuItemSeparator'
   static readonly componentId = 'Menu.Separator'
 
   static allowedProps = allowedProps

package/src/Menu/v2/index.tsx

@@ -34,18 +34,18 @@ import {
 import { logError as error } from '@instructure/console'
 import { containsActiveElement } from '@instructure/ui-dom-utils'
 
-import { MenuContext } from '../../utils/v1/MenuContext'
-import { MenuItem } from './MenuItem'
+import { MenuContext } from '../../utils/v1/MenuContext.js'
+import { MenuItem } from './MenuItem/index.js'
 import type { MenuItemProps } from './MenuItem/props'
-import { MenuItemGroup } from './MenuItemGroup'
+import { MenuItemGroup } from './MenuItemGroup/index.js'
 import type { MenuGroupProps } from './MenuItemGroup/props'
-import { MenuItemSeparator } from './MenuItemSeparator'
+import { MenuItemSeparator } from './MenuItemSeparator/index.js'
 import type { MenuSeparatorProps } from './MenuItemSeparator/props'
 import { withStyleNew } from '@instructure/emotion'
 
-import generateStyle from './styles'
+import generateStyle from './styles.js'
 
-import { allowedProps } from './props'
+import { allowedProps } from './props.js'
 import type { MenuProps } from './props'
 
 type MenuChild = ComponentElement<MenuProps, Menu>
@@ -64,6 +64,7 @@ category: components
 @withDeterministicId()
 @withStyleNew(generateStyle)
 class Menu extends Component<MenuProps> {
+  static displayName = 'Menu'
   static readonly componentId = 'Menu'
   static allowedProps = allowedProps
   static defaultProps = {

package/src/Menu/v2/props.ts

@@ -35,7 +35,7 @@ import type {
 import type { Popover } from '@instructure/ui-popover/latest'
 import type { WithDeterministicIdProps } from '@instructure/ui-react-utils'
 
-import { MenuItem } from './MenuItem'
+import { MenuItem } from './MenuItem/index.js'
 import type { Menu } from './index'
 import type { MenuItemProps } from './MenuItem/props'
 

package/src/exports/a.ts

@@ -21,7 +21,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-export { Menu, MenuItem, MenuItemGroup, MenuItemSeparator } from '../Menu/v1'
+export { Menu, MenuItem, MenuItemGroup, MenuItemSeparator } from '../Menu/v1/index.js'
 
 export type { MenuProps } from '../Menu/v1/props'
 export type { MenuItemProps } from '../Menu/v1/MenuItem/props'

package/src/exports/b.ts

@@ -21,7 +21,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-export { Menu, MenuItem, MenuItemGroup, MenuItemSeparator } from '../Menu/v2'
+export { Menu, MenuItem, MenuItemGroup, MenuItemSeparator } from '../Menu/v2/index.js'
 
 export type { MenuProps } from '../Menu/v2/props'
 export type { MenuItemProps } from '../Menu/v2/MenuItem/props'