@instructure/ui-menu 8.8.1-snapshot.3 → 8.8.1-snapshot.63

package/src/index.ts

@@ -23,7 +23,7 @@
  */
 export { Menu, MenuItem, MenuItemGroup, MenuItemSeparator } from './Menu'
 
-export type { MenuProps } from './Menu/types'
-export type { MenuItemProps } from './Menu/MenuItem/types'
-export type { MenuGroupProps } from './Menu/MenuItemGroup/types'
-export type { MenuSeparatorProps } from './Menu/MenuItemSeparator/types'
+export type { MenuProps } from './Menu/props'
+export type { MenuItemProps } from './Menu/MenuItem/props'
+export type { MenuGroupProps } from './Menu/MenuItemGroup/props'
+export type { MenuSeparatorProps } from './Menu/MenuItemSeparator/props'

package/types/Menu/MenuItem/index.d.ts

@@ -1,8 +1,7 @@
 /** @jsx jsx */
 import { Component } from 'react';
-import PropTypes from 'prop-types';
 import { jsx } from '@instructure/emotion';
-import { MenuItemProps } from './types';
+import type { MenuItemProps } from './props';
 /**
 ---
 parent: Menu
@@ -11,49 +10,42 @@ id: Menu.Item
 **/
 declare class MenuItem extends Component<MenuItemProps> {
     static readonly componentId = "Menu.Item";
-    static propTypes: {
-        makeStyles: PropTypes.Requireable<(...args: any[]) => any>;
-        styles: PropTypes.Requireable<object>;
-        children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        defaultSelected: PropTypes.Requireable<boolean>;
-        /**
-         * whether the menu item is selected or not (must be accompanied by an `onSelect` prop)
-         */
-        selected: (props: Record<string, any>, propName: string, componentName: string) => Error | null;
-        /**
-         * when used with the `selected` prop, the component will not control its own state
-         */
-        onSelect: PropTypes.Requireable<(...args: any[]) => any>;
-        onClick: PropTypes.Requireable<(...args: any[]) => any>;
-        onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
-        onKeyUp: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseOver: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * the id of the element that the menu item will act upon
-         */
-        controls: PropTypes.Requireable<string>;
-        disabled: PropTypes.Requireable<boolean>;
-        /**
-         * the element type to render as (will default to `<a>` if href is provided)
-         */
-        as: PropTypes.Requireable<PropTypes.ReactComponentLike>;
-        type: PropTypes.Requireable<string>;
-        value: PropTypes.Requireable<string | number>;
-        href: PropTypes.Requireable<string>;
-    };
+    static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
+        children: import("react").ReactNode;
+        defaultSelected?: boolean | undefined;
+        selected?: any;
+        onSelect?: ((...args: any[]) => any) | undefined;
+        onClick?: ((...args: any[]) => any) | undefined;
+        onKeyDown?: ((...args: any[]) => any) | undefined;
+        onKeyUp?: ((...args: any[]) => any) | undefined;
+        onMouseOver?: ((...args: any[]) => any) | undefined;
+        controls?: string | undefined;
+        disabled?: boolean | undefined;
+        as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
+        type?: "button" | "checkbox" | "radio" | "flyout" | undefined;
+        value?: string | number | undefined;
+        href?: string | undefined;
+    }>;
+    static allowedProps: readonly (keyof {
+        children: import("react").ReactNode;
+        defaultSelected?: boolean | undefined;
+        selected?: any;
+        onSelect?: ((...args: any[]) => any) | undefined;
+        onClick?: ((...args: any[]) => any) | undefined;
+        onKeyDown?: ((...args: any[]) => any) | undefined;
+        onKeyUp?: ((...args: any[]) => any) | undefined;
+        onMouseOver?: ((...args: any[]) => any) | undefined;
+        controls?: string | undefined;
+        disabled?: boolean | undefined;
+        as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
+        type?: "button" | "checkbox" | "radio" | "flyout" | undefined;
+        value?: string | number | undefined;
+        href?: string | undefined;
+    })[];
     static defaultProps: {
-        type: string;
-        disabled: boolean;
-        onSelect: (e: any, value: any, selected: any, item: any) => void;
-        defaultSelected: undefined;
-        selected: undefined;
-        onClick: undefined;
-        onKeyDown: undefined;
-        onKeyUp: undefined;
-        onMouseOver: undefined;
-        controls: undefined;
-        value: undefined;
-        href: undefined;
+        readonly type: "button";
+        readonly disabled: false;
+        readonly onSelect: (e: any, value: any, selected: any, item: any) => void;
     };
     static contextType: import("react").Context<{
         registerMenuItem: () => void;
@@ -67,7 +59,7 @@ declare class MenuItem extends Component<MenuItemProps> {
     handleKeyDown: (e: any) => void;
     handleKeyUp: (e: any) => void;
     handleMouseOver: (event: any) => void;
-    get elementType(): any;
+    get elementType(): import("@instructure/shared-types/types/CommonProps").AsElementType;
     get role(): "button" | "menuitemcheckbox" | "menuitemradio" | "menuitem";
     get selected(): any;
     get focused(): boolean;

package/types/Menu/MenuItem/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Menu/MenuItem/index.tsx"],"names":[],"mappings":"AAuBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,SAAS,MAAM,YAAY,CAAA;AAUlC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAMrD,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAEvC;;;;;GAKG;AACH,cAEM,QAAS,SAAQ,SAAS,CAAC,aAAa,CAAC;IAC7C,MAAM,CAAC,QAAQ,CAAC,WAAW,eAAc;IAEzC,MAAM,CAAC,SAAS;;;;;QASd;;WAEG;;QAEH;;WAEG;;;;;;QAMH;;WAEG;;;QAGH;;WAEG;;;;;MAKJ;IAED,MAAM,CAAC,YAAY;;;;;;;;;;;;;MAclB;IAED,MAAM,CAAC,WAAW;;;OAAc;gBAGpB,KAAK,KAAA;IAcjB,iBAAiB;IAUjB,kBAAkB;IAKlB,oBAAoB;IASpB,WAAW,mBAqBV;IAGD,aAAa,mBAcZ;IAGD,WAAW,mBAaV;IAGD,eAAe,uBAMd;IAED,IAAI,WAAW,QAEd;IAED,IAAI,IAAI,iEAWP;IAED,IAAI,QAAQ,QAKX;IAED,IAAI,OAAO,YAGV;IAED,KAAK;IAKL,aAAa;IAuBb,MAAM;CAsCP;AAED,eAAe,QAAQ,CAAA;AACvB,OAAO,EAAE,QAAQ,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Menu/MenuItem/index.tsx"],"names":[],"mappings":"AAuBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AASjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAQrD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAE5C;;;;;GAKG;AACH,cAEM,QAAS,SAAQ,SAAS,CAAC,aAAa,CAAC;IAC7C,MAAM,CAAC,QAAQ,CAAC,WAAW,eAAc;IAEzC,MAAM,CAAC,SAAS;;;;;;;;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;MAKT;IAEV,MAAM,CAAC,WAAW;;;OAAc;gBAGpB,KAAK,KAAA;IAcjB,iBAAiB;IAUjB,kBAAkB;IAKlB,oBAAoB;IASpB,WAAW,mBAqBV;IAGD,aAAa,mBAcZ;IAGD,WAAW,mBAaV;IAGD,eAAe,uBAMd;IAED,IAAI,WAAW,wEAEd;IAED,IAAI,IAAI,iEAWP;IAED,IAAI,QAAQ,QAKX;IAED,IAAI,OAAO,YAGV;IAED,KAAK;IAKL,aAAa;IAuBb,MAAM;CAsCP;AAED,eAAe,QAAQ,CAAA;AACvB,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/types/Menu/MenuItem/props.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import type { AsElementType, PropValidators } from '@instructure/shared-types';
+import type { WithStyleProps } from '@instructure/emotion';
+declare type MenuItemOwnProps = {
+    children: React.ReactNode;
+    defaultSelected?: boolean;
+    selected?: any;
+    onSelect?: (...args: any[]) => any;
+    onClick?: (...args: any[]) => any;
+    onKeyDown?: (...args: any[]) => any;
+    onKeyUp?: (...args: any[]) => any;
+    onMouseOver?: (...args: any[]) => any;
+    controls?: string;
+    disabled?: boolean;
+    as?: AsElementType;
+    type?: 'button' | 'checkbox' | 'radio' | 'flyout';
+    value?: string | number;
+    href?: string;
+};
+declare type PropKeys = keyof MenuItemOwnProps;
+declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
+declare type MenuItemProps = MenuItemOwnProps & WithStyleProps;
+declare const propTypes: PropValidators<PropKeys>;
+declare const allowedProps: AllowedPropKeys;
+export type { MenuItemProps };
+export { propTypes, allowedProps };
+//# sourceMappingURL=props.d.ts.map

package/types/Menu/MenuItem/props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Menu/MenuItem/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC9E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1D,aAAK,gBAAgB,GAAG;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,EAAE,GAAG,CAAA;IACd,QAAQ,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IAClC,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACjC,SAAS,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACnC,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACjC,WAAW,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,IAAI,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAA;IACjD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,gBAAgB,CAAA;AAEtC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,aAAa,GAAG,gBAAgB,GAAG,cAAc,CAAA;AAEtD,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAiCvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAenB,CAAA;AAED,YAAY,EAAE,aAAa,EAAE,CAAA;AAC7B,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/types/Menu/MenuItem/styles.d.ts

@@ -1,5 +1,5 @@
 import { MenuItemTheme } from '@instructure/shared-types';
-import { MenuItemProps } from './types';
+import { MenuItemProps } from './props';
 /**
  * ---
  * private: true

package/types/Menu/MenuItemGroup/index.d.ts

@@ -1,8 +1,7 @@
 /** @jsx jsx */
 import { Component } from 'react';
-import PropTypes from 'prop-types';
 import { jsx } from '@instructure/emotion';
-import { MenuGroupProps } from './types';
+import type { MenuGroupProps } from './props';
 /**
 ---
 parent: Menu
@@ -11,52 +10,36 @@ id: Menu.Group
 **/
 declare class MenuItemGroup extends Component<MenuGroupProps> {
     static readonly componentId = "Menu.Group";
-    static propTypes: {
-        makeStyles: PropTypes.Requireable<(...args: any[]) => any>;
-        styles: PropTypes.Requireable<object>;
-        label: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        allowMultiple: PropTypes.Requireable<boolean>;
-        /**
-         * children of type `Menu.Item`, `Menu.Separator`
-         */
-        children: {
-            (props: Record<string, any>, propName: string, componentName: string): Error | null;
-            isRequired: (props: Record<string, any>, propName: string, componentName: string, location?: string | undefined, propFullName?: string | undefined) => Error | null;
-        };
-        /**
-         * an array of the values (or indices by default) for the selected items
-         */
-        selected: (props: Record<string, any>, propName: string, componentName: string) => Error | null;
-        /**
-         * an array of the values (or indices by default) for the selected items on initial render
-         */
-        defaultSelected: PropTypes.Requireable<any[]>;
-        /**
-         * call this function when a menu item is selected
-         */
-        onSelect: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseOver: PropTypes.Requireable<(...args: any[]) => any>;
-        onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * the id of the element that the menu items will act upon
-         */
-        controls: PropTypes.Requireable<string>;
-        /**
-         * returns a reference to the `MenuItem`
-         */
-        itemRef: PropTypes.Requireable<(...args: any[]) => any>;
-        disabled: PropTypes.Requireable<boolean>;
-        /**
-         * should the group appear in the tab order (the first item will have a tabIndex of 0)
-         */
-        isTabbable: PropTypes.Requireable<boolean>;
-    };
+    static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
+        label: import("react").ReactNode;
+        allowMultiple?: boolean | undefined;
+        children?: import("react").ReactNode;
+        selected?: any;
+        defaultSelected?: any[] | undefined;
+        onSelect?: ((...args: any[]) => any) | undefined;
+        onMouseOver?: ((...args: any[]) => any) | undefined;
+        onKeyDown?: ((...args: any[]) => any) | undefined;
+        controls?: string | undefined;
+        itemRef?: ((...args: any[]) => any) | undefined;
+        disabled?: boolean | undefined;
+        isTabbable?: boolean | undefined;
+    }>;
+    static allowedProps: readonly (keyof {
+        label: import("react").ReactNode;
+        allowMultiple?: boolean | undefined;
+        children?: import("react").ReactNode;
+        selected?: any;
+        defaultSelected?: any[] | undefined;
+        onSelect?: ((...args: any[]) => any) | undefined;
+        onMouseOver?: ((...args: any[]) => any) | undefined;
+        onKeyDown?: ((...args: any[]) => any) | undefined;
+        controls?: string | undefined;
+        itemRef?: ((...args: any[]) => any) | undefined;
+        disabled?: boolean | undefined;
+        isTabbable?: boolean | undefined;
+    })[];
     static defaultProps: {
-        onMouseOver: undefined;
         disabled: boolean;
-        controls: undefined;
-        onKeyDown: undefined;
-        selected: undefined;
         children: null;
         isTabbable: boolean;
         allowMultiple: boolean;

package/types/Menu/MenuItemGroup/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Menu/MenuItemGroup/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAY,SAAS,EAAgB,MAAM,OAAO,CAAA;AACzD,OAAO,SAAS,MAAM,YAAY,CAAA;AAElC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAmBrD,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAExC;;;;;GAKG;AACH,cAEM,aAAc,SAAQ,SAAS,CAAC,cAAc,CAAC;IACnD,MAAM,CAAC,QAAQ,CAAC,WAAW,gBAAe;IAE1C,MAAM,CAAC,SAAS;;;;;QAOd;;WAEG;;;;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;;;QAIH;;WAEG;;QAEH;;WAEG;;;QAGH;;WAEG;;MAEJ;IAED,MAAM,CAAC,YAAY;;;;;;;;;;;;MAclB;gBAGW,KAAK,KAAA;IAcjB,iBAAiB;IAKjB,kBAAkB;IAMlB,YAAY,yDAsBX;IAGD,cAAc,sEAmBb;IAGD,oBAAoB,CAAC,KAAK,KAAA;IAwB1B,IAAI,QAAQ,UAaX;IAED,WAAW;IAUX,cAAc;IAyCd,MAAM;CAuBP;AAED,eAAe,aAAa,CAAA;AAC5B,OAAO,EAAE,aAAa,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Menu/MenuItemGroup/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAY,SAAS,EAAgB,MAAM,OAAO,CAAA;AAEzD,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAgBrD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAE7C;;;;;GAKG;AACH,cAEM,aAAc,SAAQ,SAAS,CAAC,cAAc,CAAC;IACnD,MAAM,CAAC,QAAQ,CAAC,WAAW,gBAAe;IAE1C,MAAM,CAAC,SAAS;;;;;;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;;;MAUlB;gBAGW,KAAK,KAAA;IAcjB,iBAAiB;IAKjB,kBAAkB;IAMlB,YAAY,yDAsBX;IAGD,cAAc,sEAmBb;IAGD,oBAAoB,CAAC,KAAK,KAAA;IAwB1B,IAAI,QAAQ,UAaX;IAED,WAAW;IAUX,cAAc;IAyCd,MAAM;CAsBP;AAED,eAAe,aAAa,CAAA;AAC5B,OAAO,EAAE,aAAa,EAAE,CAAA"}

package/types/Menu/MenuItemGroup/props.d.ts

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+import type { PropValidators } from '@instructure/shared-types';
+import type { WithStyleProps } from '@instructure/emotion';
+declare type MenuGroupOwnProps = {
+    label: React.ReactNode;
+    allowMultiple?: boolean;
+    children?: React.ReactNode;
+    selected?: any;
+    defaultSelected?: any[];
+    onSelect?: (...args: any[]) => any;
+    onMouseOver?: (...args: any[]) => any;
+    onKeyDown?: (...args: any[]) => any;
+    controls?: string;
+    itemRef?: (...args: any[]) => any;
+    disabled?: boolean;
+    isTabbable?: boolean;
+};
+declare type PropKeys = keyof MenuGroupOwnProps;
+declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
+declare type MenuGroupProps = MenuGroupOwnProps & WithStyleProps;
+declare const propTypes: PropValidators<PropKeys>;
+declare const allowedProps: AllowedPropKeys;
+export type { MenuGroupProps };
+export { propTypes, allowedProps };
+//# sourceMappingURL=props.d.ts.map

package/types/Menu/MenuItemGroup/props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Menu/MenuItemGroup/props.ts"],"names":[],"mappings":";AAiCA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1D,aAAK,iBAAiB,GAAG;IACvB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,QAAQ,CAAC,EAAE,GAAG,CAAA;IACd,eAAe,CAAC,EAAE,GAAG,EAAE,CAAA;IACvB,QAAQ,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IAClC,WAAW,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACrC,SAAS,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,iBAAiB,CAAA;AAEvC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,cAAc,GAAG,iBAAiB,GAAG,cAAc,CAAA;AAExD,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAkCvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAanB,CAAA;AAED,YAAY,EAAE,cAAc,EAAE,CAAA;AAC9B,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/types/Menu/MenuItemSeparator/index.d.ts

@@ -1,8 +1,7 @@
 /** @jsx jsx */
 import { Component } from 'react';
-import PropTypes from 'prop-types';
 import { jsx } from '@instructure/emotion';
-import { MenuSeparatorProps } from './types';
+import type { MenuSeparatorProps } from './props';
 /**
 ---
 parent: Menu
@@ -12,10 +11,8 @@ id: Menu.Separator
 **/
 declare class MenuItemSeparator extends Component<MenuSeparatorProps> {
     static readonly componentId = "Menu.Separator";
-    static propTypes: {
-        makeStyles: PropTypes.Requireable<(...args: any[]) => any>;
-        styles: PropTypes.Requireable<object>;
-    };
+    static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<never>;
+    static allowedProps: readonly never[];
     componentDidMount(): void;
     componentDidUpdate(): void;
     render(): jsx.JSX.Element;

package/types/Menu/MenuItemSeparator/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Menu/MenuItemSeparator/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,SAAS,MAAM,YAAY,CAAA;AAElC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAMrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAE5C;;;;;;GAMG;AACH,cAEM,iBAAkB,SAAQ,SAAS,CAAC,kBAAkB,CAAC;IAC3D,MAAM,CAAC,QAAQ,CAAC,WAAW,oBAAmB;IAE9C,MAAM,CAAC,SAAS;;;MAKf;IAED,iBAAiB;IAKjB,kBAAkB;IAKlB,MAAM;CAUP;AAED,eAAe,iBAAiB,CAAA;AAChC,OAAO,EAAE,iBAAiB,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Menu/MenuItemSeparator/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAQrD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAEjD;;;;;;GAMG;AACH,cAEM,iBAAkB,SAAQ,SAAS,CAAC,kBAAkB,CAAC;IAC3D,MAAM,CAAC,QAAQ,CAAC,WAAW,oBAAmB;IAE9C,MAAM,CAAC,SAAS,+EAAY;IAC5B,MAAM,CAAC,YAAY,mBAAe;IAElC,iBAAiB;IAKjB,kBAAkB;IAKlB,MAAM;CAUP;AAED,eAAe,iBAAiB,CAAA;AAChC,OAAO,EAAE,iBAAiB,EAAE,CAAA"}

package/types/Menu/MenuItemSeparator/props.d.ts

@@ -0,0 +1,11 @@
+import type { WithStyleProps } from '@instructure/emotion';
+import type { PropValidators } from '@instructure/shared-types';
+declare type MenuSeparatorOwnProps = {};
+declare type PropKeys = keyof MenuSeparatorOwnProps;
+declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
+declare type MenuSeparatorProps = MenuSeparatorOwnProps & WithStyleProps;
+declare const propTypes: PropValidators<PropKeys>;
+declare const allowedProps: AllowedPropKeys;
+export type { MenuSeparatorProps };
+export { propTypes, allowedProps };
+//# sourceMappingURL=props.d.ts.map

package/types/Menu/MenuItemSeparator/props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Menu/MenuItemSeparator/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC1D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAI/D,aAAK,qBAAqB,GAAG,EAAE,CAAA;AAE/B,aAAK,QAAQ,GAAG,MAAM,qBAAqB,CAAA;AAE3C,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,kBAAkB,GAAG,qBAAqB,GAAG,cAAc,CAAA;AAEhE,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAAM,CAAA;AAE9C,QAAA,MAAM,YAAY,EAAE,eAAoB,CAAA;AAExC,YAAY,EAAE,kBAAkB,EAAE,CAAA;AAClC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/types/Menu/index.d.ts

@@ -1,11 +1,10 @@
 /** @jsx jsx */
-import { Component } from 'react';
-import PropTypes from 'prop-types';
+import { Component, ReactElement } from 'react';
 import { MenuItem } from './MenuItem';
 import { MenuItemGroup } from './MenuItemGroup';
 import { MenuItemSeparator } from './MenuItemSeparator';
 import { jsx } from '@instructure/emotion';
-import { MenuProps } from './types';
+import type { MenuProps } from './props';
 /**
 ---
 category: components
@@ -13,122 +12,64 @@ category: components
 **/
 declare class Menu extends Component<MenuProps> {
     static readonly componentId = "Menu";
-    static propTypes: {
-        makeStyles: PropTypes.Requireable<(...args: any[]) => any>;
-        styles: PropTypes.Requireable<object>;
-        /**
-         * Children of type `Menu.Item`, `Menu.Group`, `Menu.Separator`, or `Menu`
-         */
-        children: {
-            (props: Record<string, any>, propName: string, componentName: string): Error | null;
-            isRequired: (props: Record<string, any>, propName: string, componentName: string, location?: string | undefined, propFullName?: string | undefined) => Error | null;
-        };
-        /**
-         * Description of the `<Menu />`
-         */
-        label: PropTypes.Requireable<string>;
-        /**
-         * Is the `<Menu />` disabled
-         */
-        disabled: PropTypes.Requireable<boolean>;
-        /**
-         * The trigger element, if the `<Menu />` is to render as a popover
-         */
-        trigger: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        /**
-         * If a trigger is supplied, where should the `<Menu />` be placed (relative to the trigger)
-         */
-        placement: PropTypes.Requireable<string>;
-        /**
-         * Should the `<Menu />` be open for the initial render
-         */
-        defaultShow: PropTypes.Requireable<boolean>;
-        /**
-         * Is the `<Menu />` open (should be accompanied by `onToggle`)
-         */
-        show: (props: Record<string, any>, propName: string, componentName: string) => Error | null;
-        /**
-         * Callback fired when the `<Menu />` is toggled open/closed. When used with `show`,
-         * the component will not control its own state.
-         */
-        onToggle: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * Callback fired when an item within the `<Menu />` is selected
-         */
-        onSelect: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * If a trigger is supplied, callback fired when the `<Menu />` is closed
-         */
-        onDismiss: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * If a trigger is supplied, callback fired when the `<Menu />` trigger is blurred
-         */
-        onBlur: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * If a trigger is supplied, callback fired when the `<Menu />` trigger is focused
-         */
-        onFocus: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * If a trigger is supplied, callback fired onMouseOver for the `<Menu />` trigger
-         */
-        onMouseOver: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * Callback fired on the onKeyDown of the `<Menu />`
-         */
-        onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * Callback fired on the onKeyUp of the `<Menu />`
-         */
-        onKeyUp: PropTypes.Requireable<(...args: any[]) => any>;
-        menuRef: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * A function that returns a reference to the `<Popover />`
-         */
-        popoverRef: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * If a trigger is supplied, an element or a function returning an element to use as the mount node
-         * for the `<Menu />` (defaults to `document.body`)
-         */
-        mountNode: PropTypes.Requireable<PropTypes.ReactElementLike | Element | ((...args: any[]) => any)>;
-        /**
-         * The parent in which to constrain the menu.
-         * One of: 'window', 'scroll-parent', 'parent', 'none', an element,
-         * or a function returning an element
-         */
-        constrain: PropTypes.Requireable<string | PropTypes.ReactElementLike | Element | ((...args: any[]) => any)>;
-        /**
-         * If a trigger is supplied, an element, function returning an element, or array of elements that will not
-         * be hidden from the screen reader when the `<Menu />` is open
-         */
-        liveRegion: PropTypes.Requireable<((...args: any[]) => any) | PropTypes.ReactElementLike | (PropTypes.ReactElementLike | null | undefined)[]>;
-        /**
-         * If a trigger is supplied, should the `<Menu />` hide when an item is selected
-         */
-        shouldHideOnSelect: PropTypes.Requireable<boolean>;
-        /**
-         * If a trigger is supplied, should the `<Menu />` focus the trigger on after closing
-         */
-        shouldFocusTriggerOnClose: PropTypes.Requireable<boolean>;
-        /**
-         * The type of `<Menu />`
-         */
-        type: PropTypes.Requireable<string>;
-        id: PropTypes.Requireable<string>;
-        /**
-         * Whether or not an arrow pointing to the trigger should be rendered
-         */
-        withArrow: PropTypes.Requireable<boolean>;
-        /**
-         * The horizontal offset for the positioned content.
-         * Works only if `trigger` is provided.
-         */
-        offsetX: PropTypes.Requireable<string | number>;
-        /**
-         * The vertical offset for the positioned content.
-         * Works only if `trigger` is provided.
-         */
-        offsetY: PropTypes.Requireable<string | number>;
-    };
+    static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
+        children?: import("react").ReactNode;
+        label?: string | undefined;
+        disabled?: boolean | undefined;
+        trigger?: import("react").ReactNode;
+        placement?: import("@instructure/ui-position").PlacementPropValues | undefined;
+        defaultShow?: boolean | undefined;
+        show?: any;
+        onToggle?: ((...args: any[]) => any) | undefined;
+        onSelect?: ((...args: any[]) => any) | undefined;
+        onDismiss?: ((...args: any[]) => any) | undefined;
+        onBlur?: ((...args: any[]) => any) | undefined;
+        onFocus?: ((...args: any[]) => any) | undefined;
+        onMouseOver?: ((...args: any[]) => any) | undefined;
+        onKeyDown?: ((...args: any[]) => any) | undefined;
+        onKeyUp?: ((...args: any[]) => any) | undefined;
+        menuRef?: ((...args: any[]) => any) | undefined;
+        popoverRef?: ((...args: any[]) => any) | undefined;
+        mountNode?: import("@instructure/ui-position").PositionMountNode | undefined;
+        constrain?: import("@instructure/ui-position").PositionConstraint | undefined;
+        liveRegion?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | ReactElement<any, string | import("react").JSXElementConstructor<any>>[] | ((...args: any[]) => any) | undefined;
+        shouldHideOnSelect?: boolean | undefined;
+        shouldFocusTriggerOnClose?: boolean | undefined;
+        type?: "flyout" | undefined;
+        id?: string | undefined;
+        withArrow?: boolean | undefined;
+        offsetX?: string | number | undefined;
+        offsetY?: string | number | undefined;
+    }>;
+    static allowedProps: readonly (keyof {
+        children?: import("react").ReactNode;
+        label?: string | undefined;
+        disabled?: boolean | undefined;
+        trigger?: import("react").ReactNode;
+        placement?: import("@instructure/ui-position").PlacementPropValues | undefined;
+        defaultShow?: boolean | undefined;
+        show?: any;
+        onToggle?: ((...args: any[]) => any) | undefined;
+        onSelect?: ((...args: any[]) => any) | undefined;
+        onDismiss?: ((...args: any[]) => any) | undefined;
+        onBlur?: ((...args: any[]) => any) | undefined;
+        onFocus?: ((...args: any[]) => any) | undefined;
+        onMouseOver?: ((...args: any[]) => any) | undefined;
+        onKeyDown?: ((...args: any[]) => any) | undefined;
+        onKeyUp?: ((...args: any[]) => any) | undefined;
+        menuRef?: ((...args: any[]) => any) | undefined;
+        popoverRef?: ((...args: any[]) => any) | undefined;
+        mountNode?: import("@instructure/ui-position").PositionMountNode | undefined;
+        constrain?: import("@instructure/ui-position").PositionConstraint | undefined;
+        liveRegion?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | ReactElement<any, string | import("react").JSXElementConstructor<any>>[] | ((...args: any[]) => any) | undefined;
+        shouldHideOnSelect?: boolean | undefined;
+        shouldFocusTriggerOnClose?: boolean | undefined;
+        type?: "flyout" | undefined;
+        id?: string | undefined;
+        withArrow?: boolean | undefined;
+        offsetX?: string | number | undefined;
+        offsetY?: string | number | undefined;
+    })[];
     static defaultProps: {
         children: null;
         label: null;
@@ -151,9 +92,6 @@ declare class Menu extends Component<MenuProps> {
         liveRegion: null;
         shouldHideOnSelect: boolean;
         shouldFocusTriggerOnClose: boolean;
-        show: undefined;
-        id: undefined;
-        type: undefined;
         withArrow: boolean;
         offsetX: number;
         offsetY: number;