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

package/types/TopNavBar/TopNavBarMenuItems/TopNavBarMenuItemsLocator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopNavBarMenuItemsLocator.d.ts","sourceRoot":"","sources":["../../../src/TopNavBar/TopNavBarMenuItems/TopNavBarMenuItemsLocator.ts"],"names":[],"mappings":"AAoCA,eAAO,MAAM,yBAAyB;;oCACR,GAAG,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAGL,GAAG,EAAE;+CAGY,GAAG,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCANtB,GAAG,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAGL,GAAG,EAAE;+CAGY,GAAG,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCANtB,GAAG,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAGL,GAAG,EAAE;+CAGY,GAAG,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCANtB,GAAG,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAGL,GAAG,EAAE;+CAGY,GAAG,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCANtB,GAAG,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAGL,GAAG,EAAE;+CAGY,GAAG,EAAE;;uMAYlD,CAAA"}

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

@@ -0,0 +1,38 @@
+/** @jsx jsx */
+import React, { Component } from 'react';
+import { jsx } from '@instructure/emotion';
+import { TopNavBarContext } from '../TopNavBarContext';
+import type { ItemChild } from '../TopNavBarItem/props';
+import type { RenderOptionContent } from '../utils/mapItemsForDrilldown';
+import type { TopNavBarMenuItemsProps, TopNavBarMenuItemsState } from './props';
+/**
+---
+parent: TopNavBar
+id: TopNavBar.MenuItems
+---
+@module TopNavBarMenuItems
+@tsProps
+**/
+declare class TopNavBarMenuItems extends Component<TopNavBarMenuItemsProps, TopNavBarMenuItemsState> {
+    static readonly componentId = "TopNavBar.MenuItems";
+    static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof import("./props").TopNavBarMenuItemsOwnProps>;
+    static allowedProps: readonly (keyof import("./props").TopNavBarMenuItemsOwnProps)[];
+    static defaultProps: {};
+    context: React.ContextType<typeof TopNavBarContext>;
+    static contextType: React.Context<import("../TopNavBarContext").TopNavBarContextType>;
+    private readonly _hiddenMenuItemsMenuTriggerId;
+    private readonly _hiddenItemsMenuId;
+    ref: HTMLUListElement | Element | null;
+    handleRef: (el: HTMLUListElement | null) => void;
+    constructor(props: TopNavBarMenuItemsProps);
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: TopNavBarMenuItemsProps): void;
+    get childrenArray(): ItemChild[];
+    renderOptionContent: RenderOptionContent;
+    renderHiddenItemsMenu(hiddenItems: ItemChild[]): jsx.JSX.Element;
+    renderChildren(): (ItemChild | null | undefined)[];
+    render(): jsx.JSX.Element | null;
+}
+export { TopNavBarMenuItems };
+export default TopNavBarMenuItems;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/TopNavBar/TopNavBarMenuItems/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAUxC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAKrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAEtD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAOvD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAA;AAMxE,OAAO,KAAK,EAAE,uBAAuB,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAA;AAE/E;;;;;;;GAOG;AACH,cAGM,kBAAmB,SAAQ,SAAS,CACxC,uBAAuB,EACvB,uBAAuB,CACxB;IACC,MAAM,CAAC,QAAQ,CAAC,WAAW,yBAAwB;IAEnD,MAAM,CAAC,SAAS,4HAAY;IAC5B,MAAM,CAAC,YAAY,kEAAe;IAClC,MAAM,CAAC,YAAY,KAAK;IAEhB,OAAO,EAAE,KAAK,CAAC,WAAW,CAAC,OAAO,gBAAgB,CAAC,CAAA;IAC3D,MAAM,CAAC,WAAW,oEAAmB;IAErC,OAAO,CAAC,QAAQ,CAAC,6BAA6B,CAAQ;IACtD,OAAO,CAAC,QAAQ,CAAC,kBAAkB,CAAQ;IAE3C,GAAG,EAAE,gBAAgB,GAAG,OAAO,GAAG,IAAI,CAAO;IAE7C,SAAS,OAAQ,gBAAgB,GAAG,IAAI,UAQvC;gBAEW,KAAK,EAAE,uBAAuB;IAgB1C,iBAAiB;IAIjB,kBAAkB,CAAC,SAAS,EAAE,uBAAuB;IAUrD,IAAI,aAAa,gBAEhB;IAED,mBAAmB,EAAE,mBAAmB,CAcvC;IAED,qBAAqB,CAAC,WAAW,EAAE,SAAS,EAAE;IAyC9C,cAAc;IAkDd,MAAM;CAkCP;AAED,OAAO,EAAE,kBAAkB,EAAE,CAAA;AAC7B,eAAe,kBAAkB,CAAA"}

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

@@ -0,0 +1,53 @@
+import React from 'react';
+import type { WithDeterministicIdProps } from '@instructure/ui-react-utils';
+import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
+import type { TopNavBarMenuItemsTheme, OtherHTMLAttributes, PropValidators, ChildrenOfType } from '@instructure/shared-types';
+import type { ItemChild } from '../TopNavBarItem/props';
+import { TopNavBarMenuItems } from './index';
+declare type MenuItemsChild = React.ComponentElement<TopNavBarMenuItemsProps, TopNavBarMenuItems>;
+declare type TopNavBarMenuItemsOwnProps = {
+    /**
+     * Children of type: `<TopNavBar.Item>`.
+     *
+     * In __desktop__ mode the items are listed on the navbar. See `renderHiddenItemsMenuTriggerLabel` prop description for overflow logic.
+     *
+     * In __smallViewport__ mode the items are accessible under the main "hamburger" menu.
+     */
+    children?: ChildrenOfType<ItemChild>;
+    /**
+     * The `id` of the link to the current page. Marks the item by setting `aria-current="page"` attribute on it and setting its status to 'active'.
+     *
+     * (Note: only non-disabled, `variant="default"` items can be set to current/active.)
+     */
+    currentPageId?: string;
+    /**
+     * In __desktop__ mode, required label for the trigger item of the hidden list items menu.
+     *
+     * When there is not enough room to list all the menu items,
+     * they will be accessible via a dropdown menu at the end of the list.
+     */
+    renderHiddenItemsMenuTriggerLabel: (hiddenChildrenCount: number) => React.ReactNode;
+    /**
+     * In __desktop__ mode, 'aria-label' for the `<ul>` container.
+     */
+    listLabel?: string;
+    /**
+     * A function that returns a reference to root HTML element
+     */
+    elementRef?: (el: HTMLUListElement | null) => void;
+};
+declare type PropKeys = keyof TopNavBarMenuItemsOwnProps;
+declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
+declare type TopNavBarMenuItemsProps = TopNavBarMenuItemsOwnProps & WithStyleProps<TopNavBarMenuItemsTheme, TopNavBarMenuItemsStyle> & WithDeterministicIdProps & OtherHTMLAttributes<TopNavBarMenuItemsOwnProps>;
+declare type TopNavBarMenuItemsStyle = ComponentStyle<'topNavBarMenuItems' | 'submenuOption' | 'submenuOptionActive'> & {
+    itemSpacing: string;
+};
+declare type TopNavBarMenuItemsState = {
+    key: number;
+    visibleItemsCount?: number;
+};
+declare const propTypes: PropValidators<PropKeys>;
+declare const allowedProps: AllowedPropKeys;
+export type { MenuItemsChild, TopNavBarMenuItemsProps, TopNavBarMenuItemsOwnProps, TopNavBarMenuItemsStyle, TopNavBarMenuItemsState };
+export { propTypes, allowedProps };
+//# sourceMappingURL=props.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/TopNavBar/TopNavBarMenuItems/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAA;AAC3E,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC1E,OAAO,KAAK,EACV,uBAAuB,EACvB,mBAAmB,EACnB,cAAc,EACd,cAAc,EACf,MAAM,2BAA2B,CAAA;AAGlC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAEvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAE5C,aAAK,cAAc,GAAG,KAAK,CAAC,gBAAgB,CAC1C,uBAAuB,EACvB,kBAAkB,CACnB,CAAA;AAED,aAAK,0BAA0B,GAAG;IAChC;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAA;IAEpC;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;IAEtB;;;;;OAKG;IACH,iCAAiC,EAAE,CACjC,mBAAmB,EAAE,MAAM,KACxB,KAAK,CAAC,SAAS,CAAA;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,gBAAgB,GAAG,IAAI,KAAK,IAAI,CAAA;CACnD,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,0BAA0B,CAAA;AAEhD,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,uBAAuB,GAAG,0BAA0B,GACvD,cAAc,CAAC,uBAAuB,EAAE,uBAAuB,CAAC,GAChE,wBAAwB,GACxB,mBAAmB,CAAC,0BAA0B,CAAC,CAAA;AAEjD,aAAK,uBAAuB,GAAG,cAAc,CAC3C,oBAAoB,GAAG,eAAe,GAAG,qBAAqB,CAC/D,GAAG;IACF,WAAW,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,aAAK,uBAAuB,GAAG;IAC7B,GAAG,EAAE,MAAM,CAAA;IACX,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B,CAAA;AAED,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CASvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAMnB,CAAA;AAED,YAAY,EACV,cAAc,EACd,uBAAuB,EACvB,0BAA0B,EAC1B,uBAAuB,EACvB,uBAAuB,EACxB,CAAA;AACD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

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

@@ -0,0 +1,15 @@
+import type { TopNavBarMenuItemsTheme } from '@instructure/shared-types';
+import type { TopNavBarMenuItemsStyle } 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: TopNavBarMenuItemsTheme) => TopNavBarMenuItemsStyle;
+export default generateStyle;
+//# sourceMappingURL=styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/TopNavBar/TopNavBarMenuItems/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAA;AACxE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAA;AAEtD;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,mBACD,uBAAuB,KACtC,uBA8BF,CAAA;AAED,eAAe,aAAa,CAAA"}

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

@@ -0,0 +1,10 @@
+import type { Theme } from '@instructure/ui-themes';
+import type { TopNavBarMenuItemsTheme } 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) => TopNavBarMenuItemsTheme;
+export default generateComponentTheme;
+//# sourceMappingURL=theme.d.ts.map

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

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