@instructure/ui-menu 8.14.1-snapshot.7 → 8.15.1-snapshot.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +4 -0
- package/es/Menu/MenuItemGroup/index.js +2 -1
- package/es/Menu/index.js +2 -0
- package/lib/Menu/MenuItemGroup/index.js +4 -1
- package/lib/Menu/index.js +2 -0
- package/package.json +21 -21
- package/src/Menu/MenuItemGroup/index.tsx +22 -8
- package/src/Menu/MenuItemGroup/props.ts +1 -1
- package/src/Menu/index.tsx +117 -93
- package/src/Menu/props.ts +14 -4
- package/tsconfig.build.tsbuildinfo +1 -1
- package/types/Menu/MenuItem/MenuItemLocator.d.ts +4 -4
- package/types/Menu/MenuItemGroup/MenuItemGroupLocator.d.ts +14 -14
- package/types/Menu/MenuItemGroup/index.d.ts +13 -13
- package/types/Menu/MenuItemGroup/index.d.ts.map +1 -1
- package/types/Menu/MenuItemGroup/props.d.ts +1 -1
- package/types/Menu/MenuItemGroup/props.d.ts.map +1 -1
- package/types/Menu/MenuLocator.d.ts +44 -44
- package/types/Menu/index.d.ts +7 -7
- package/types/Menu/index.d.ts.map +1 -1
- package/types/Menu/props.d.ts +7 -4
- package/types/Menu/props.d.ts.map +1 -1
package/types/Menu/index.d.ts
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import React, { Component } from 'react';
|
|
3
3
|
import { Popover } from '@instructure/ui-popover';
|
|
4
4
|
import { MenuItem } from './MenuItem';
|
|
5
|
-
import type {
|
|
5
|
+
import type { MenuItemProps } from './MenuItem/props';
|
|
6
6
|
import { MenuItemGroup } from './MenuItemGroup';
|
|
7
7
|
import { MenuItemSeparator } from './MenuItemSeparator';
|
|
8
8
|
import { jsx } from '@instructure/emotion';
|
|
@@ -24,7 +24,7 @@ declare class Menu extends Component<MenuProps> {
|
|
|
24
24
|
defaultShow?: boolean | undefined;
|
|
25
25
|
show?: boolean | undefined;
|
|
26
26
|
onToggle?: ((show: boolean, menu: Menu) => void) | undefined;
|
|
27
|
-
onSelect?:
|
|
27
|
+
onSelect?: ((e: React.MouseEvent<Element, MouseEvent>, value: string | number | (string | number | undefined)[] | undefined, selected: boolean | undefined, args: MenuItem) => void) | undefined;
|
|
28
28
|
onDismiss?: ((event: React.UIEvent<Element, UIEvent> | React.FocusEvent<Element, Element>, documentClick: boolean) => void) | undefined;
|
|
29
29
|
onFocus?: ((event: React.FocusEvent<Element, Element>) => void) | undefined;
|
|
30
30
|
onMouseOver?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
@@ -51,7 +51,7 @@ declare class Menu extends Component<MenuProps> {
|
|
|
51
51
|
defaultShow?: boolean | undefined;
|
|
52
52
|
show?: boolean | undefined;
|
|
53
53
|
onToggle?: ((show: boolean, menu: Menu) => void) | undefined;
|
|
54
|
-
onSelect?:
|
|
54
|
+
onSelect?: ((e: React.MouseEvent<Element, MouseEvent>, value: string | number | (string | number | undefined)[] | undefined, selected: boolean | undefined, args: MenuItem) => void) | undefined;
|
|
55
55
|
onDismiss?: ((event: React.UIEvent<Element, UIEvent> | React.FocusEvent<Element, Element>, documentClick: boolean) => void) | undefined;
|
|
56
56
|
onFocus?: ((event: React.FocusEvent<Element, Element>) => void) | undefined;
|
|
57
57
|
onMouseOver?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
@@ -116,21 +116,21 @@ declare class Menu extends Component<MenuProps> {
|
|
|
116
116
|
handleTriggerMouseOver: (event: React.MouseEvent) => void;
|
|
117
117
|
handleToggle: (shown: boolean) => void;
|
|
118
118
|
handleMenuKeyDown: (event: React.KeyboardEvent<HTMLUListElement>) => void;
|
|
119
|
-
handleMenuItemSelect:
|
|
119
|
+
handleMenuItemSelect: MenuProps['onSelect'];
|
|
120
120
|
handleMenuItemFocus: () => void;
|
|
121
121
|
handleMenuItemBlur: () => void;
|
|
122
122
|
handleMenuItemMouseOver: MenuItemProps['onMouseOver'];
|
|
123
123
|
hideActiveSubMenu: (event: React.MouseEvent | React.KeyboardEvent) => void;
|
|
124
124
|
handleSubMenuToggle: MenuProps['onToggle'];
|
|
125
|
-
handleSubMenuDismiss: (event: React.
|
|
126
|
-
hide: (event: React.
|
|
125
|
+
handleSubMenuDismiss: (event: React.UIEvent | React.FocusEvent, documentClick: boolean) => void;
|
|
126
|
+
hide: (event: React.UIEvent | React.FocusEvent) => void;
|
|
127
127
|
show: (event: React.MouseEvent | React.KeyboardEvent) => void;
|
|
128
128
|
focus(): void;
|
|
129
129
|
focused(): boolean;
|
|
130
130
|
get focusedIndex(): number;
|
|
131
131
|
moveFocus(step: number): void;
|
|
132
132
|
get shown(): boolean | undefined;
|
|
133
|
-
renderChildren(): jsx.JSX.Element[]
|
|
133
|
+
renderChildren(): jsx.JSX.Element[];
|
|
134
134
|
renderMenu(): jsx.JSX.Element;
|
|
135
135
|
render(): jsx.JSX.Element;
|
|
136
136
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Menu/index.tsx"],"names":[],"mappings":"AAuBA,eAAe;AACf,OAAO,KAAK,EAAE,EAAY,SAAS,EAAgB,MAAM,OAAO,CAAA;AAGhE,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAA;AAWjD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Menu/index.tsx"],"names":[],"mappings":"AAuBA,eAAe;AACf,OAAO,KAAK,EAAE,EAAY,SAAS,EAAgB,MAAM,OAAO,CAAA;AAGhE,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAA;AAWjD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAEvD,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAMrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAUxC;;;;;GAKG;AACH,cAEM,IAAK,SAAQ,SAAS,CAAC,SAAS,CAAC;IACrC,MAAM,CAAC,QAAQ,CAAC,WAAW,UAAS;IAEpC,MAAM,CAAC,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;;;;;;;;MAalB;IAED,MAAM,CAAC,IAAI,kBAAW;IACtB,MAAM,CAAC,KAAK,uBAAgB;IAC5B,MAAM,CAAC,SAAS,2BAAoB;IAEpC,KAAK;;MAAsB;IAC3B,SAAS,OAAO;IAChB,UAAU,EAAE,QAAQ,EAAE,CAAK;IAC3B,QAAQ,EAAE,OAAO,GAAG,IAAI,CAAO;IAC/B,QAAQ,EAAE,QAAQ,GAAG,CAAC,KAAK,CAAC,aAAa,GAAG;QAAE,KAAK,CAAC,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC,GAAG,IAAI,CACpE;IACN,KAAK,EAAE,gBAAgB,GAAG,IAAI,CAAO;IACrC,QAAQ,SAAqB;IAC7B,cAAc,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IAC5B,GAAG,EAAE,MAAM,CAAA;IAEX,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,gBAAgB,GAAG,IAAI,UAMvC;gBAEW,KAAK,EAAE,SAAS;IAM5B,iBAAiB;IAIjB,kBAAkB;IAIlB,MAAM,CAAC,WAAW;;;OAAc;IAEhC,gBAAgB,SAAU,QAAQ,UAEjC;IAED,cAAc,SAAU,QAAQ,UAM/B;IAED,IAAI,SAAS,eAEZ;IAED,gBAAgB,SAAU,QAAQ,YAEjC;IAED,oBAAoB,UAAW,mBAAmB,UAKjD;IAED,sBAAsB,UAAW,gBAAgB,UAIhD;IAED,YAAY,UAAW,OAAO,UAI7B;IAED,iBAAiB,UAAW,mBAAmB,CAAC,gBAAgB,CAAC,UAwBhE;IAED,oBAAoB,EAAE,SAAS,CAAC,UAAU,CAAC,CAa1C;IAED,mBAAmB,aAElB;IAED,kBAAkB,aAEjB;IAED,uBAAuB,EAAE,aAAa,CAAC,aAAa,CAAC,CAIpD;IAED,iBAAiB,UAAW,gBAAgB,GAAG,mBAAmB,UAKjE;IAED,mBAAmB,EAAE,SAAS,CAAC,UAAU,CAAC,CAIzC;IAED,oBAAoB,UACX,aAAa,GAAG,gBAAgB,iBACxB,OAAO,UAQvB;IAED,IAAI,UAAW,aAAa,GAAG,gBAAgB,UAI9C;IAED,IAAI,UAAW,gBAAgB,GAAG,mBAAmB,UAIpD;IAED,KAAK;IAUL,OAAO;IAQP,IAAI,YAAY,WAIf;IAED,SAAS,CAAC,IAAI,EAAE,MAAM;IAmBtB,IAAI,KAAK,wBAER;IAED,cAAc;IAgHd,UAAU;IA+BV,MAAM;CA+DP;AAED,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,aAAa,EAAE,iBAAiB,EAAE,CAAA"}
|
package/types/Menu/props.d.ts
CHANGED
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import type { Menu } from './index';
|
|
3
2
|
import type { PropValidators, MenuTheme, OtherHTMLAttributes } from '@instructure/shared-types';
|
|
4
3
|
import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
|
|
5
4
|
import type { PlacementPropValues, PositionConstraint, PositionMountNode } from '@instructure/ui-position';
|
|
6
|
-
import type { OnMenuItemSelect } from './MenuItem/props';
|
|
7
5
|
import type { Popover } from '@instructure/ui-popover';
|
|
6
|
+
import { MenuItem } from './MenuItem';
|
|
7
|
+
import type { Menu } from './index';
|
|
8
|
+
import type { MenuItemProps } from './MenuItem/props';
|
|
8
9
|
declare type MenuOwnProps = {
|
|
9
10
|
/**
|
|
10
11
|
* Children of type `Menu.Item`, `Menu.Group`, `Menu.Separator`, or `Menu`
|
|
@@ -42,7 +43,7 @@ declare type MenuOwnProps = {
|
|
|
42
43
|
/**
|
|
43
44
|
* Callback fired when an item within the `<Menu />` is selected
|
|
44
45
|
*/
|
|
45
|
-
onSelect?:
|
|
46
|
+
onSelect?: (e: React.MouseEvent, value: MenuItemProps['value'] | MenuItemProps['value'][], selected: MenuItemProps['selected'], args: MenuItem) => void;
|
|
46
47
|
/**
|
|
47
48
|
* If a trigger is supplied, callback fired when the `<Menu />` is closed
|
|
48
49
|
*/
|
|
@@ -112,7 +113,9 @@ declare type MenuOwnProps = {
|
|
|
112
113
|
};
|
|
113
114
|
declare type PropKeys = keyof MenuOwnProps;
|
|
114
115
|
declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
|
|
115
|
-
declare type MenuProps = MenuOwnProps & WithStyleProps<MenuTheme, MenuStyle> & OtherHTMLAttributes<MenuOwnProps
|
|
116
|
+
declare type MenuProps = MenuOwnProps & WithStyleProps<MenuTheme, MenuStyle> & Omit<OtherHTMLAttributes<MenuOwnProps>, 'controls'> & {
|
|
117
|
+
controls?: React.AriaAttributes['aria-controls'];
|
|
118
|
+
};
|
|
116
119
|
declare type MenuStyle = ComponentStyle<'menu'>;
|
|
117
120
|
declare const propTypes: PropValidators<PropKeys>;
|
|
118
121
|
declare const allowedProps: AllowedPropKeys;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/Menu/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/Menu/props.ts"],"names":[],"mappings":"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"}
|