@instructure/ui-top-nav-bar 8.30.1-snapshot-15

package/types/TopNavBar/TopNavBarItem/TopNavBarItemLocator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopNavBarItemLocator.d.ts","sourceRoot":"","sources":["../../../src/TopNavBar/TopNavBarItem/TopNavBarItemLocator.ts"],"names":[],"mappings":"AAyBA,OAAO,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAA;AAmBjD,eAAO,MAAM,oBAAoB;;8BACT,GAAG,EAAE;;;;;;+BA+BJ,GAAG,EAAE;+BAGL,GAAG,EAAE;qCAGO,GAAG,EAAE;+BAUjB,GAAG,EAAE;4BAGR,GAAG,EAAE;sCAGK,GAAG,EAAE;8BAMb,GAAG,EAAE;yCAGM,GAAG,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8BA9DhB,GAAG,EAAE;;;;;;+BA+BJ,GAAG,EAAE;+BAGL,GAAG,EAAE;qCAGO,GAAG,EAAE;+BAUjB,GAAG,EAAE;4BAGR,GAAG,EAAE;sCAGK,GAAG,EAAE;8BAMb,GAAG,EAAE;yCAGM,GAAG,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8BA9DhB,GAAG,EAAE;;;;;;+BA+BJ,GAAG,EAAE;+BAGL,GAAG,EAAE;qCAGO,GAAG,EAAE;+BAUjB,GAAG,EAAE;4BAGR,GAAG,EAAE;sCAGK,GAAG,EAAE;8BAMb,GAAG,EAAE;yCAGM,GAAG,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8BA9DhB,GAAG,EAAE;;;;;;+BA+BJ,GAAG,EAAE;+BAGL,GAAG,EAAE;qCAGO,GAAG,EAAE;+BAUjB,GAAG,EAAE;4BAGR,GAAG,EAAE;sCAGK,GAAG,EAAE;8BAMb,GAAG,EAAE;yCAGM,GAAG,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8BA9DhB,GAAG,EAAE;;;;;;+BA+BJ,GAAG,EAAE;+BAGL,GAAG,EAAE;qCAGO,GAAG,EAAE;+BAUjB,GAAG,EAAE;4BAGR,GAAG,EAAE;sCAGK,GAAG,EAAE;8BAMb,GAAG,EAAE;yCAGM,GAAG,EAAE;;kZAGtC,CAAA"}

package/types/TopNavBar/TopNavBarItem/index.d.ts

@@ -0,0 +1,64 @@
+/** @jsx jsx */
+import React, { Component } from 'react';
+import { jsx } from '@instructure/emotion';
+import { BaseButton } from '@instructure/ui-buttons';
+import type { BaseButtonProps } from '@instructure/ui-buttons';
+import type { DrilldownProps } from '@instructure/ui-drilldown';
+import { TopNavBarContext } from '../TopNavBarContext';
+import type { TopNavBarItemProps, TopNavBarItemState, TopNavBarItemStyleProps } from './props';
+declare type BaseButtonElement = React.ComponentElement<BaseButtonProps, BaseButton>;
+/**
+---
+parent: TopNavBar
+id: TopNavBar.Item
+---
+@module TopNavBarItem
+@tsProps
+**/
+declare class TopNavBarItem extends Component<TopNavBarItemProps, TopNavBarItemState> {
+    static readonly componentId = "TopNavBar.Item";
+    static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof import("./props").TopNavBarItemOwnProps>;
+    static allowedProps: readonly (keyof import("./props").TopNavBarItemOwnProps)[];
+    static defaultProps: {
+        readonly status: "default";
+        readonly variant: "default";
+        readonly showSubmenuChevron: true;
+    };
+    context: React.ContextType<typeof TopNavBarContext>;
+    static contextType: React.Context<import("../TopNavBarContext").TopNavBarContextType>;
+    ref: HTMLDivElement | null;
+    private _itemRef;
+    private readonly _tooltipContentId;
+    handleRef: (el: HTMLDivElement | null) => void;
+    handleItemRef: (el: HTMLButtonElement | HTMLLinkElement | null) => void;
+    constructor(props: TopNavBarItemProps);
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    get makeStylesVariables(): TopNavBarItemStyleProps;
+    get shouldRenderSubmenu(): boolean;
+    get shouldRenderPopover(): boolean;
+    get isCustomPopoverControlled(): boolean | undefined;
+    get hasOpenPopover(): boolean;
+    get isDefaultVariant(): boolean;
+    get isButtonVariant(): boolean;
+    get isIconVariant(): boolean;
+    get isAvatarOnlyVariant(): boolean;
+    get hasAvatar(): boolean;
+    get submenuIcon(): jsx.JSX.Element | null;
+    get buttonThemeOverride(): Partial<import("@instructure/shared-types").BaseButtonTheme> | undefined;
+    get colorProps(): Pick<BaseButtonProps, 'color' | 'focusColor'>;
+    get size(): BaseButtonProps['size'];
+    get ariaProps(): Pick<React.AriaAttributes, 'aria-haspopup' | 'aria-expanded'>;
+    get itemProps(): BaseButtonProps | null;
+    handleKeyDown: TopNavBarItemProps['onKeyDown'];
+    handleMenuToggle: NonNullable<DrilldownProps['onToggle']>;
+    renderContent(): jsx.JSX.Element | null;
+    wrapButtonInTooltip(button: BaseButtonElement, content: React.ReactNode): jsx.JSX.Element;
+    renderAvatar(): jsx.JSX.Element | null;
+    renderDropdownMenu(): import("./props").DrilldownSubmenu | null;
+    renderPopover(): jsx.JSX.Element | null;
+    render(): jsx.JSX.Element;
+}
+export { TopNavBarItem };
+export default TopNavBarItem;
+//# sourceMappingURL=index.d.ts.map

package/types/TopNavBar/TopNavBarItem/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/TopNavBar/TopNavBarItem/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAcxC,OAAO,EAAa,GAAG,EAA0B,MAAM,sBAAsB,CAAA;AAO7E,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AACpD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AAM9D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAG/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAMtD,OAAO,KAAK,EACV,kBAAkB,EAClB,kBAAkB,EAClB,uBAAuB,EACxB,MAAM,SAAS,CAAA;AAEhB,aAAK,iBAAiB,GAAG,KAAK,CAAC,gBAAgB,CAAC,eAAe,EAAE,UAAU,CAAC,CAAA;AAM5E;;;;;;;GAOG;AACH,cAGM,aAAc,SAAQ,SAAS,CAAC,kBAAkB,EAAE,kBAAkB,CAAC;IAC3E,MAAM,CAAC,QAAQ,CAAC,WAAW,oBAAmB;IAE9C,MAAM,CAAC,SAAS,uHAAY;IAC5B,MAAM,CAAC,YAAY,6DAAe;IAClC,MAAM,CAAC,YAAY;;;;MAIT;IAEF,OAAO,EAAE,KAAK,CAAC,WAAW,CAAC,OAAO,gBAAgB,CAAC,CAAA;IAC3D,MAAM,CAAC,WAAW,oEAAmB;IAErC,GAAG,EAAE,cAAc,GAAG,IAAI,CAAO;IACjC,OAAO,CAAC,QAAQ,CAAmD;IAEnE,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAQ;IAE1C,SAAS,OAAQ,cAAc,GAAG,IAAI,UAQrC;IAED,aAAa,OAAQ,iBAAiB,GAAG,eAAe,GAAG,IAAI,UAQ9D;gBAEW,KAAK,EAAE,kBAAkB;IAWrC,iBAAiB;IAYjB,kBAAkB;IAgBlB,IAAI,mBAAmB,IAAI,uBAAuB,CAGjD;IAED,IAAI,mBAAmB,YAItB;IAED,IAAI,mBAAmB,YAwBtB;IAED,IAAI,yBAAyB,wBAO5B;IAED,IAAI,cAAc,YAEjB;IAED,IAAI,gBAAgB,YAEnB;IAED,IAAI,eAAe,YAElB;IAED,IAAI,aAAa,YAEhB;IAED,IAAI,mBAAmB,YAEtB;IAED,IAAI,SAAS,YAqBZ;IAED,IAAI,WAAW,2BAkBd;IAED,IAAI,mBAAmB,6EA4BtB;IAED,IAAI,UAAU,IAAI,IAAI,CAAC,eAAe,EAAE,OAAO,GAAG,YAAY,CAAC,CAc9D;IAED,IAAI,IAAI,IAAI,eAAe,CAAC,MAAM,CAAC,CAIlC;IAED,IAAI,SAAS,IAAI,IAAI,CACnB,KAAK,CAAC,cAAc,EACpB,eAAe,GAAG,eAAe,CAClC,CAeA;IAED,IAAI,SAAS,IAAI,eAAe,GAAG,IAAI,CAoGtC;IAED,aAAa,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAgB7C;IAED,gBAAgB,EAAE,WAAW,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC,CAMxD;IAED,aAAa;IA+Cb,mBAAmB,CAAC,MAAM,EAAE,iBAAiB,EAAE,OAAO,EAAE,KAAK,CAAC,SAAS;IA4DvE,YAAY;IAwBZ,kBAAkB;IA4ClB,aAAa;IAwDb,MAAM;CA6CP;AAED,OAAO,EAAE,aAAa,EAAE,CAAA;AACxB,eAAe,aAAa,CAAA"}

package/types/TopNavBar/TopNavBarItem/props.d.ts

@@ -0,0 +1,188 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
+import type { WithDeterministicIdProps } from '@instructure/ui-react-utils';
+import type { TopNavBarItemTheme, OtherHTMLAttributes, PropValidators, Renderable } from '@instructure/shared-types';
+import { Drilldown } from '@instructure/ui-drilldown';
+import type { DrilldownProps } from '@instructure/ui-drilldown';
+import type { PopoverProps } from '@instructure/ui-popover';
+import type { TooltipProps } from '@instructure/ui-tooltip';
+import type { BaseButtonOwnProps } from '@instructure/ui-buttons';
+import type { ViewOwnProps, ViewProps } from '@instructure/ui-view';
+import { TopNavBarContextType } from '../TopNavBarContext';
+import { TopNavBarItem } from './index';
+declare type ItemChild = React.ComponentElement<TopNavBarItemProps, TopNavBarItem>;
+declare type DrilldownSubmenu = React.ComponentElement<DrilldownProps, Drilldown>;
+declare type TopNavBarItemTooltipType = string | {
+    renderTip: TooltipProps['renderTip'];
+    color?: TooltipProps['color'];
+    placement?: TooltipProps['placement'];
+    offsetX?: TooltipProps['offsetX'];
+    offsetY?: TooltipProps['offsetY'];
+    onShowContent?: TooltipProps['onShowContent'];
+    onHideContent?: TooltipProps['onHideContent'];
+};
+declare const topNavBarItemTooltipPropType: PropTypes.Requireable<NonNullable<string | PropTypes.InferProps<{
+    renderTip: PropTypes.Validator<NonNullable<NonNullable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>>>;
+    color: PropTypes.Requireable<string>;
+    placement: PropTypes.Requireable<string>;
+    offsetX: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+    offsetY: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+    onShowContent: PropTypes.Requireable<(...args: any[]) => any>;
+    onHideContent: PropTypes.Requireable<(...args: any[]) => any>;
+}> | null | undefined>>;
+declare type TopNavBarItemOwnProps = {
+    /**
+     * Required id, used for internal tracking,
+     * and it also appears as an id on the item element.
+     */
+    id: string;
+    /**
+     * A required label of the navbar item.
+     *
+     * __Note__ that it is required even for the `variant="icon"` type items: the label will be used as an accessible label for screen readers.
+     */
+    children: React.ReactNode;
+    /**
+     * The display variant of the item.
+     *
+     * The __"default"__ variant is displayed as a normal menu item.
+     *
+     * The __"button"__ variant is displayed as a button.
+     *
+     * The __"icon"__ variant is displayed as an icon without label.
+     *
+     * The __"avatar"__ variant is displayed as an avatar without label.
+     */
+    variant?: 'default' | 'button' | 'icon' | 'avatar';
+    /**
+     * The status of the item.
+     *
+     * The __"active"__ status indicates current page or currently active menu item.
+     * Only `variant="default"` items can be set to active.
+     *
+     * The __"disabled"__ status indicates that the items is disabled.
+     */
+    status?: 'default' | 'active' | 'disabled';
+    /**
+     * Renders the submenu for the item.
+     * Accepts a [Drilldown](#Drilldown) component.
+     * The menu toggle logic is controlled by the menu item.
+     *
+     * If you need more customization, use the `customPopoverConfig` prop.
+     */
+    renderSubmenu?: DrilldownSubmenu;
+    /**
+     * Displays the open/close chevron next to the item,
+     * when it has a submenu or custom popover.
+     */
+    showSubmenuChevron?: boolean;
+    /**
+     * Configures a custom Popover for the menu item.
+     * Accepts [Popover](#Popover) props (except "renderTrigger").
+     *
+     * Use this prop for features like search, tooltips, etc., and use
+     * the `renderSubmenu` prop for the default submenu!
+     *
+     * In small viewport mode only items in `<TopNavBar.ActionItems>` can display custom popovers.
+     */
+    customPopoverConfig?: Omit<PopoverProps, 'renderTrigger' | 'positionContainerDisplay'>;
+    /**
+     * Configures a Tooltip for the menu item.
+     *
+     * Tooltips can be useful for `variant="icon"` or `variant="avatar"` type
+     * menu items where there is no visible text.
+     *
+     * Accepts a string or a config object containing a subset of props from [Tooltip](#Tooltip).
+     */
+    tooltip?: TopNavBarItemTooltipType;
+    /**
+     * Config for displaying an avatar.
+     *
+     * Used only in `<TopNavBar.User>`, and it is a __required__ prop for the `variant="avatar"` type menu items.
+     *
+     * - __avatarSrc__: Avatar url
+     * - __avatarName__: A __required__ name (user's name) for the avatar
+     * - __avatarAlt__: Accessible label for the avatar
+     */
+    renderAvatar?: {
+        avatarSrc?: string;
+        avatarName: string;
+        avatarAlt?: string;
+    };
+    /**
+     * Renders an icon before the label, or by itself.
+     *
+     * It is __required__ for the `variant="icon"` type menu items.
+     * It is also __required__ for items in `<TopNavBar.ActionItems>`
+     * in small viewport mode, because only the icons are displayed
+     * due to the lack of space.
+     */
+    renderIcon?: Renderable;
+    /**
+     * If the item goes to a new page, pass a href.
+     * Items with submenus cannot have href prop.
+     */
+    href?: string;
+    /**
+     * If the item does not go to a new page, pass an onClick.
+     * Items with submenus cannot have onClick prop, use the `onSubmenuToggle` prop instead.
+     */
+    onClick?: (event: React.MouseEvent<ViewOwnProps> | React.KeyboardEvent<ViewOwnProps>) => void;
+    /**
+     * __In desktop mode__, the callback fired when the item's submenu ([Drilldown](#Drilldown)) is toggled open/closed.
+     */
+    onSubmenuToggle?: DrilldownProps['onToggle'];
+    /**
+     * __In desktop mode__, the callback fired when mouse is over item.
+     */
+    onMouseOver?: (event: React.MouseEvent<BaseButtonOwnProps>) => void;
+    /**
+     * __In desktop mode__, the callback fired when mouse leaves item.
+     */
+    onMouseOut?: (event: React.MouseEvent<BaseButtonOwnProps>) => void;
+    /**
+     * __In desktop mode__, the callback fired when the item is focused.
+     */
+    onFocus?: (event: React.FocusEvent<BaseButtonOwnProps>) => void;
+    /**
+     * __In desktop mode__, the callback fired when the item is blurred.
+     */
+    onBlur?: (event: React.FocusEvent<BaseButtonOwnProps>) => void;
+    /**
+     * __In desktop mode__, the callback fired on keydown.
+     */
+    onKeyDown?: (event: React.KeyboardEvent<ViewProps>) => void;
+    /**
+     * __In desktop mode__, the callback fired on keyup.
+     */
+    onKeyUp?: (event: React.KeyboardEvent<BaseButtonOwnProps>) => void;
+    /**
+     * A function that returns a reference to root HTML element
+     */
+    elementRef?: (el: Element | null) => void;
+    /**
+     * A function that returns a reference to the button/link HTML element
+     */
+    itemRef?: (el: HTMLButtonElement | HTMLLinkElement | null) => void;
+};
+declare type PropKeys = keyof TopNavBarItemOwnProps;
+declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
+declare type TopNavBarItemProps = TopNavBarItemOwnProps & WithStyleProps<TopNavBarItemTheme, TopNavBarItemStyle> & OtherHTMLAttributes<TopNavBarItemOwnProps> & WithDeterministicIdProps;
+declare type TopNavBarItemStyle = ComponentStyle<'topNavBarItem' | 'container' | 'content' | 'avatarContainer' | 'submenuTriggerContainer' | 'submenuIcon'> & {
+    focusOutlineOffset: string | 0;
+    itemInlinePadding: string | 0;
+};
+declare type TopNavBarItemState = {
+    isSubmenuOpen: boolean;
+    isPopoverOpen: boolean;
+};
+declare type TopNavBarItemStyleProps = {
+    layout: TopNavBarContextType['layout'];
+    inverseColor: TopNavBarContextType['inverseColor'];
+};
+declare const propTypes: PropValidators<PropKeys>;
+declare const allowedProps: AllowedPropKeys;
+export type { ItemChild, TopNavBarItemProps, TopNavBarItemOwnProps, TopNavBarItemStyle, TopNavBarItemState, TopNavBarItemStyleProps, DrilldownSubmenu, TopNavBarItemTooltipType };
+export { propTypes, allowedProps, topNavBarItemTooltipPropType };
+//# sourceMappingURL=props.d.ts.map

package/types/TopNavBar/TopNavBarItem/props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/TopNavBar/TopNavBarItem/props.ts"],"names":[],"mappings":"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"}

package/types/TopNavBar/TopNavBarItem/styles.d.ts

@@ -0,0 +1,15 @@
+import type { TopNavBarItemTheme } from '@instructure/shared-types';
+import type { TopNavBarItemProps, TopNavBarItemStyleProps, TopNavBarItemStyle } from './props';
+/**
+ * ---
+ * private: true
+ * ---
+ * Generates the style object from the theme and provided additional information
+ * @param  {Object} componentTheme The theme variable object.
+ * @param  {Object} props the props of the component, the style is applied to
+ * @param  {Object} state the state of the component, the style is applied to
+ * @return {Object} The final style object, which will be used in the component
+ */
+declare const generateStyle: (componentTheme: TopNavBarItemTheme, props: TopNavBarItemProps, state: TopNavBarItemStyleProps) => TopNavBarItemStyle;
+export default generateStyle;
+//# sourceMappingURL=styles.d.ts.map

package/types/TopNavBar/TopNavBarItem/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/TopNavBar/TopNavBarItem/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AACnE,OAAO,KAAK,EACV,kBAAkB,EAClB,uBAAuB,EACvB,kBAAkB,EACnB,MAAM,SAAS,CAAA;AAEhB;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,mBACD,kBAAkB,SAC3B,kBAAkB,SAClB,uBAAuB,KAC7B,kBA8FF,CAAA;AAED,eAAe,aAAa,CAAA"}

package/types/TopNavBar/TopNavBarItem/theme.d.ts

@@ -0,0 +1,10 @@
+import type { Theme } from '@instructure/ui-themes';
+import type { TopNavBarItemTheme } from '@instructure/shared-types';
+/**
+ * Generates the theme object for the component from the theme and provided additional information
+ * @param  {Object} theme The actual theme object.
+ * @return {Object} The final theme object with the overrides and component variables
+ */
+declare const generateComponentTheme: (theme: Theme) => TopNavBarItemTheme;
+export default generateComponentTheme;
+//# sourceMappingURL=theme.d.ts.map

package/types/TopNavBar/TopNavBarItem/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/TopNavBar/TopNavBarItem/theme.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAA;AACnD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAEnE;;;;GAIG;AACH,QAAA,MAAM,sBAAsB,UAAW,KAAK,KAAG,kBAyB9C,CAAA;AAED,eAAe,sBAAsB,CAAA"}