@codecademy/brand 4.0.0-alpha.fdfb3ba880.0 → 4.0.0

package/dist/AppHeader/shared/keyboardNav.js

@@ -1,65 +1,67 @@
-//#region src/AppHeader/shared/keyboardNav.tsx
-const KEY_CODES = {
-	UP: "ArrowUp",
-	DOWN: "ArrowDown",
-	LEFT: "ArrowLeft",
-	RIGHT: "ArrowRight",
-	END: "End",
-	ENTER: "Enter",
-	ESC: "Escape",
-	HOME: "Home",
-	SPACE: " ",
-	TAB: "Tab"
+export const KEY_CODES = {
+  UP: 'ArrowUp',
+  DOWN: 'ArrowDown',
+  LEFT: 'ArrowLeft',
+  RIGHT: 'ArrowRight',
+  END: 'End',
+  ENTER: 'Enter',
+  ESC: 'Escape',
+  HOME: 'Home',
+  SPACE: ' ',
+  TAB: 'Tab'
 };
-const useOnEscHandler = (escapeHandler) => {
-	return (e) => {
-		if (e.code === KEY_CODES.ESC) {
-			e.stopPropagation();
-			e.preventDefault();
-			escapeHandler(e);
-		}
-	};
+export const useOnEscHandler = escapeHandler => {
+  return e => {
+    if (e.code === KEY_CODES.ESC) {
+      e.stopPropagation();
+      e.preventDefault();
+      escapeHandler(e);
+    }
+  };
 };
-const useMenuKeyboardNavigation = ({ back, next, first, last, closeDropdown }) => {
-	return (e) => {
-		if (e.shiftKey && e.code === KEY_CODES.TAB) {
-			e.stopPropagation();
-			back(false);
-			return;
-		}
-		switch (e.code) {
-			case KEY_CODES.TAB:
-				e.stopPropagation();
-				next(false);
-				break;
-			case KEY_CODES.DOWN:
-				e.stopPropagation();
-				e.preventDefault();
-				next(true);
-				break;
-			case KEY_CODES.UP:
-				e.stopPropagation();
-				e.preventDefault();
-				back(true);
-				break;
-			case KEY_CODES.HOME:
-				e.stopPropagation();
-				e.preventDefault();
-				first();
-				break;
-			case KEY_CODES.END:
-				e.stopPropagation();
-				e.preventDefault();
-				last();
-				break;
-			case KEY_CODES.ESC:
-				e.stopPropagation();
-				e.preventDefault();
-				closeDropdown();
-				break;
-		}
-	};
-};
-
-//#endregion
-export { useMenuKeyboardNavigation, useOnEscHandler };
+export const useMenuKeyboardNavigation = ({
+  back,
+  next,
+  first,
+  last,
+  closeDropdown
+}) => {
+  return e => {
+    if (e.shiftKey && e.code === KEY_CODES.TAB) {
+      e.stopPropagation();
+      back(false);
+      return;
+    }
+    switch (e.code) {
+      case KEY_CODES.TAB:
+        e.stopPropagation();
+        next(false);
+        break;
+      case KEY_CODES.DOWN:
+        e.stopPropagation();
+        e.preventDefault();
+        next(true);
+        break;
+      case KEY_CODES.UP:
+        e.stopPropagation();
+        e.preventDefault();
+        back(true);
+        break;
+      case KEY_CODES.HOME:
+        e.stopPropagation();
+        e.preventDefault();
+        first();
+        break;
+      case KEY_CODES.END:
+        e.stopPropagation();
+        e.preventDefault();
+        last();
+        break;
+      case KEY_CODES.ESC:
+        e.stopPropagation();
+        e.preventDefault();
+        closeDropdown();
+        break;
+    }
+  };
+};

package/dist/AppHeader/shared/mockAppHeaderItems.d.ts

@@ -1 +1,2 @@
-import "./types.js";
+import { AppHeaderLinkItem } from './types';
+export declare const createMockAppHeaderLinkItem: (id: string, href: string, text: string) => AppHeaderLinkItem;

package/dist/AppHeader/shared/mockAppHeaderItems.js

@@ -0,0 +1,10 @@
+export const createMockAppHeaderLinkItem = (id, href, text) => {
+  return {
+    dataTestId: `app-header-link-${id}`,
+    id,
+    href,
+    text,
+    trackingTarget: '',
+    type: 'link'
+  };
+};

package/dist/AppHeader/shared/types.d.ts

@@ -1,111 +1,107 @@
-import { Anchor, BadgeProps, FillButtonProps, IconButtonProps, StrokeButtonProps, TextButtonProps } from "@codecademy/gamut";
-import React, { ComponentProps, ReactNode, RefObject } from "react";
-import { GamutIconProps } from "@codecademy/gamut-icons";
-
-//#region src/AppHeader/shared/types.d.ts
-type AppHeaderItem = AppHeaderItemWithHref | AppHeaderSimpleDropdownItem | AppHeaderProfileDropdownItem | AppHeaderRenderElementItem | AppHeaderCatalogDropdownItem | AppHeaderDescriptiveLinkItem | AppHeaderResourcesDropdownItem | AppHeaderResourcesSimpleDropdownItem;
-type AppHeaderItemWithHref = AppHeaderLogoItem | AppHeaderLinkItem | AppHeaderTextButtonItem | AppHeaderFillButtonItem | AppHeaderStrokeButtonItem | AppHeaderIconButtonItem;
+import { Anchor, BadgeProps, FillButtonProps, IconButtonProps, StrokeButtonProps, TextButtonProps } from '@codecademy/gamut';
+import { GamutIconProps } from '@codecademy/gamut-icons';
+import React, { ComponentProps, ReactNode, RefObject } from 'react';
+export type AppHeaderItem = AppHeaderItemWithHref | AppHeaderSimpleDropdownItem | AppHeaderProfileDropdownItem | AppHeaderRenderElementItem | AppHeaderCatalogDropdownItem | AppHeaderDescriptiveLinkItem | AppHeaderResourcesDropdownItem | AppHeaderResourcesSimpleDropdownItem;
+export type AppHeaderItemWithHref = AppHeaderLogoItem | AppHeaderLinkItem | AppHeaderTextButtonItem | AppHeaderFillButtonItem | AppHeaderStrokeButtonItem | AppHeaderIconButtonItem;
 type AppHeaderBaseItem<Type extends string> = {
-  dataTestId?: string;
-  id: string;
-  redirect?: boolean;
-  type: Type;
+    dataTestId?: string;
+    id: string;
+    redirect?: boolean;
+    type: Type;
 };
 type AppHeaderBaseHrefItem<Type extends string> = AppHeaderBaseItem<Type> & {
-  href: string;
-  trackingTarget?: string;
-};
-type AppHeaderLogoItem = AppHeaderBaseHrefItem<'logo'> & {
-  enterprise: boolean;
-  pro: boolean;
-  checkMini?: boolean;
-  removeAnchorLink?: boolean;
-};
-type AppHeaderLinkItem = AppHeaderBaseHrefItem<'link'> & Pick<ComponentProps<typeof Anchor>, 'icon' | 'iconPosition'> & {
-  ariaLabel?: string;
-  newTab?: boolean;
-  text: string;
-  badge?: React.ReactElement<BadgeProps>;
-};
-type AppHeaderStrokeButtonItem = AppHeaderBaseHrefItem<'stroke-button'> & Pick<StrokeButtonProps, 'variant' | 'icon' | 'iconPosition'> & {
-  text: string;
-};
-type AppHeaderTextButtonItem = AppHeaderBaseHrefItem<'text-button'> & Pick<TextButtonProps, 'variant' | 'icon' | 'iconPosition'> & {
-  text: string;
-};
-type AppHeaderFillButtonItem = AppHeaderBaseHrefItem<'fill-button'> & Pick<FillButtonProps, 'variant' | 'icon' | 'iconPosition'> & {
-  text: string;
-};
-type AppHeaderIconButtonItem = AppHeaderBaseHrefItem<'icon-button'> & Pick<IconButtonProps, 'variant' | 'icon'> & {
-  text: string;
-};
-type AppHeaderDropdownItem = AppHeaderSimpleDropdownItem | AppHeaderProfileDropdownItem | AppHeaderResourcesSimpleDropdownItem;
-type AppHeaderSimpleDropdownItem = AppHeaderBaseItem<'dropdown'> & {
-  popover: AppHeaderLinkItem[];
-  text: string;
-  trackingTarget: string;
-  icon?: React.ComponentType<GamutIconProps>;
-  isIconOnly?: boolean;
-};
-type AppHeaderProfileDropdownItem = AppHeaderBaseItem<'profile-dropdown'> & {
-  avatar: string;
-  userDisplayName: string;
-  popover: AppHeaderLinkItem[][];
-  text: string;
-  trackingTarget?: string;
-};
-type AppHeaderRenderElementItem = AppHeaderBaseItem<'render-element'> & {
-  renderElement: () => ReactNode;
-};
-type AppHeaderCatalogDropdownItem = AppHeaderBaseItem<'catalog-dropdown'> & {
-  icon?: React.ComponentType<GamutIconProps>;
-  text: string;
-  trackingTarget?: string;
-  hideCareerPaths?: boolean;
-  isCoachingEnabled?: boolean;
-};
-type AppHeaderResourcesDropdownItem = AppHeaderBaseItem<'resources-dropdown'> & {
-  text: string;
-  trackingTarget?: string;
-  hideCareerPaths?: boolean;
-  icon?: React.ComponentType<GamutIconProps>;
-};
-type AppHeaderResourcesSimpleDropdownItem = AppHeaderBaseItem<'resources-simple-dropdown'> & {
-  icon?: React.ComponentType<GamutIconProps>;
-  text: string;
-  trackingTarget?: string;
-  hideCareerPaths?: boolean;
-  popover: AppHeaderLinkItem[];
-};
-type AppHeaderClickHandler<ItemType = AppHeaderItem> = (event: React.MouseEvent, item: ItemType) => void;
-type AppHeaderAction = {
-  /** A method to be called on click/activating a header item */
-  action: AppHeaderClickHandler;
-};
-declare const isAppHeaderItemWithHref: (item: AppHeaderItem) => item is AppHeaderItemWithHref;
-type AppHeaderDescriptiveLinkItem = AppHeaderLinkItem & {
-  description: string;
-};
-type AppHeaderResourcesDataItem = {
-  title: string;
-  description?: string;
-  links?: AppHeaderLinkItem[];
-  data: (AppHeaderLinkItem | AppHeaderDescriptiveLinkItem)[];
-};
-type AppFooterResourcesDataItem = {
-  id: string;
-  href: string;
-  trackingTarget: string;
-  text: string;
-  newTab?: boolean;
-};
-type FormattedAppHeaderItems = {
-  left: AppHeaderItem[];
-  right: AppHeaderItem[];
-};
-type FormattedMobileAppHeaderItems = FormattedAppHeaderItems & {
-  mainMenu: AppHeaderItem[];
-};
-type AnchorRefItemType = RefObject<HTMLAnchorElement>['current'] | RefObject<HTMLButtonElement>['current'] | null;
-//#endregion
-export { AnchorRefItemType, AppFooterResourcesDataItem, AppHeaderAction, AppHeaderCatalogDropdownItem, AppHeaderClickHandler, AppHeaderDescriptiveLinkItem, AppHeaderDropdownItem, AppHeaderFillButtonItem, AppHeaderIconButtonItem, AppHeaderItem, AppHeaderItemWithHref, AppHeaderLinkItem, AppHeaderLogoItem, AppHeaderProfileDropdownItem, AppHeaderRenderElementItem, AppHeaderResourcesDataItem, AppHeaderResourcesDropdownItem, AppHeaderResourcesSimpleDropdownItem, AppHeaderSimpleDropdownItem, AppHeaderStrokeButtonItem, AppHeaderTextButtonItem, FormattedAppHeaderItems, FormattedMobileAppHeaderItems, isAppHeaderItemWithHref };
+    href: string;
+    trackingTarget?: string;
+};
+export type AppHeaderLogoItem = AppHeaderBaseHrefItem<'logo'> & {
+    enterprise: boolean;
+    pro: boolean;
+    checkMini?: boolean;
+    removeAnchorLink?: boolean;
+};
+export type AppHeaderLinkItem = AppHeaderBaseHrefItem<'link'> & Pick<ComponentProps<typeof Anchor>, 'icon' | 'iconPosition'> & {
+    ariaLabel?: string;
+    newTab?: boolean;
+    text: string;
+    badge?: React.ReactElement<BadgeProps>;
+};
+export type AppHeaderStrokeButtonItem = AppHeaderBaseHrefItem<'stroke-button'> & Pick<StrokeButtonProps, 'variant' | 'icon' | 'iconPosition'> & {
+    text: string;
+};
+export type AppHeaderTextButtonItem = AppHeaderBaseHrefItem<'text-button'> & Pick<TextButtonProps, 'variant' | 'icon' | 'iconPosition'> & {
+    text: string;
+};
+export type AppHeaderFillButtonItem = AppHeaderBaseHrefItem<'fill-button'> & Pick<FillButtonProps, 'variant' | 'icon' | 'iconPosition'> & {
+    text: string;
+};
+export type AppHeaderIconButtonItem = AppHeaderBaseHrefItem<'icon-button'> & Pick<IconButtonProps, 'variant' | 'icon'> & {
+    text: string;
+};
+export type AppHeaderDropdownItem = AppHeaderSimpleDropdownItem | AppHeaderProfileDropdownItem | AppHeaderResourcesSimpleDropdownItem;
+export type AppHeaderSimpleDropdownItem = AppHeaderBaseItem<'dropdown'> & {
+    popover: AppHeaderLinkItem[];
+    text: string;
+    trackingTarget: string;
+    icon?: React.ComponentType<GamutIconProps>;
+    isIconOnly?: boolean;
+};
+export type AppHeaderProfileDropdownItem = AppHeaderBaseItem<'profile-dropdown'> & {
+    avatar: string;
+    userDisplayName: string;
+    popover: AppHeaderLinkItem[][];
+    text: string;
+    trackingTarget?: string;
+};
+export type AppHeaderRenderElementItem = AppHeaderBaseItem<'render-element'> & {
+    renderElement: () => ReactNode;
+};
+export type AppHeaderCatalogDropdownItem = AppHeaderBaseItem<'catalog-dropdown'> & {
+    icon?: React.ComponentType<GamutIconProps>;
+    text: string;
+    trackingTarget?: string;
+    hideCareerPaths?: boolean;
+};
+export type AppHeaderResourcesDropdownItem = AppHeaderBaseItem<'resources-dropdown'> & {
+    text: string;
+    trackingTarget?: string;
+    hideCareerPaths?: boolean;
+    icon?: React.ComponentType<GamutIconProps>;
+};
+export type AppHeaderResourcesSimpleDropdownItem = AppHeaderBaseItem<'resources-simple-dropdown'> & {
+    icon?: React.ComponentType<GamutIconProps>;
+    text: string;
+    trackingTarget?: string;
+    hideCareerPaths?: boolean;
+    popover: AppHeaderLinkItem[];
+};
+export type AppHeaderClickHandler<ItemType = AppHeaderItem> = (event: React.MouseEvent, item: ItemType) => void;
+export type AppHeaderAction = {
+    /** A method to be called on click/activating a header item */
+    action: AppHeaderClickHandler;
+};
+export declare const isAppHeaderItemWithHref: (item: AppHeaderItem) => item is AppHeaderItemWithHref;
+export type AppHeaderDescriptiveLinkItem = AppHeaderLinkItem & {
+    description: string;
+};
+export type AppHeaderResourcesDataItem = {
+    title: string;
+    description?: string;
+    links?: AppHeaderLinkItem[];
+    data: (AppHeaderLinkItem | AppHeaderDescriptiveLinkItem)[];
+};
+export type AppFooterResourcesDataItem = {
+    id: string;
+    href: string;
+    trackingTarget: string;
+    text: string;
+    newTab?: boolean;
+};
+export type FormattedAppHeaderItems = {
+    left: AppHeaderItem[];
+    right: AppHeaderItem[];
+};
+export type FormattedMobileAppHeaderItems = FormattedAppHeaderItems & {
+    mainMenu: AppHeaderItem[];
+};
+export type AnchorRefItemType = RefObject<HTMLAnchorElement>['current'] | RefObject<HTMLButtonElement>['current'] | null;
+export {};

package/dist/AppHeader/shared/types.js

@@ -1,5 +1 @@
-//#region src/AppHeader/shared/types.ts
-const isAppHeaderItemWithHref = (item) => !!item.href;
-
-//#endregion
-export { isAppHeaderItemWithHref };
+export const isAppHeaderItemWithHref = item => !!item.href;

package/dist/AppHeader/shared/utils.d.ts

@@ -0,0 +1,14 @@
+import { Menu } from '@codecademy/gamut';
+import { ComponentProps, ReactNode } from 'react';
+import { AppHeaderClickHandler, AppHeaderItem } from './types';
+type AppHeaderItemToElementType = {
+    action: AppHeaderClickHandler;
+    item: AppHeaderItem;
+    isStandalone?: boolean;
+    isTeams?: boolean;
+    redirectParam?: string;
+    mobile?: boolean;
+    spacing?: ComponentProps<typeof Menu>['spacing'];
+};
+export declare const mapAppHeaderItemToElement: ({ action, item, isStandalone, isTeams, redirectParam, mobile, spacing, }: AppHeaderItemToElementType) => ReactNode;
+export {};

package/dist/AppHeader/shared/utils.js

@@ -1,84 +1,100 @@
-import { formatUrlWithRedirect } from "../../GlobalHeader/urlHelpers.js";
-import { AppHeaderCatalogDropdown } from "../AppHeaderElements/AppHeaderCatalogDropdown/index.js";
-import { AppHeaderLink } from "../AppHeaderElements/AppHeaderLink/index.js";
-import { AppHeaderDropdown } from "../AppHeaderElements/AppHeaderDropdown/index.js";
-import { AppHeaderLogo } from "../AppHeaderElements/AppHeaderLogo/index.js";
-import { AppHeaderResourcesDropdown } from "../AppHeaderElements/AppHeaderResourcesDropdown/index.js";
-import { FillButton, IconButton, StrokeButton, TextButton } from "@codecademy/gamut";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/AppHeader/shared/utils.tsx
-const mapAppHeaderItemToElement = ({ action, item, isStandalone, isTeams, redirectParam, mobile = false, spacing = "normal" }) => {
-	if (!item) return null;
-	switch (item.type) {
-		case "logo": return /* @__PURE__ */ jsx(AppHeaderLogo, {
-			action,
-			item
-		});
-		case "link": return /* @__PURE__ */ jsx(AppHeaderLink, {
-			mx: 0,
-			action,
-			item
-		});
-		case "dropdown":
-		case "resources-simple-dropdown":
-		case "profile-dropdown": return /* @__PURE__ */ jsx(AppHeaderDropdown, {
-			action,
-			item,
-			standalone: isStandalone,
-			spacing
-		});
-		case "catalog-dropdown": return /* @__PURE__ */ jsx(AppHeaderCatalogDropdown, {
-			action,
-			item
-		});
-		case "resources-dropdown": return /* @__PURE__ */ jsx(AppHeaderResourcesDropdown, {
-			action,
-			item
-		});
-		case "render-element": return item.renderElement();
-		case "text-button": return /* @__PURE__ */ jsx(TextButton, {
-			size: mobile ? "small" : "normal",
-			onClick: (event) => action(event, item),
-			"data-testid": item.dataTestId,
-			href: item.redirect ? formatUrlWithRedirect(item.href, redirectParam) : item.href,
-			variant: isTeams ? "primary" : "interface",
-			icon: item.icon,
-			iconPosition: item.iconPosition,
-			children: item.text
-		});
-		case "fill-button": return /* @__PURE__ */ jsx(FillButton, {
-			size: mobile ? "small" : "normal",
-			"data-testid": item.dataTestId,
-			href: item.redirect ? formatUrlWithRedirect(item.href, redirectParam) : item.href,
-			onClick: (event) => action(event, item),
-			variant: item.variant || "interface",
-			icon: item.icon,
-			iconPosition: item.iconPosition,
-			children: item.text
-		});
-		case "stroke-button": return /* @__PURE__ */ jsx(StrokeButton, {
-			size: mobile ? "small" : "normal",
-			"data-testid": item.dataTestId,
-			href: item.redirect ? formatUrlWithRedirect(item.href, redirectParam) : item.href,
-			onClick: (event) => action(event, item),
-			variant: item.variant || "interface",
-			icon: item.icon,
-			iconPosition: item.iconPosition,
-			children: item.text
-		});
-		case "icon-button": return /* @__PURE__ */ jsx(IconButton, {
-			size: mobile ? "small" : "normal",
-			"data-testid": item.dataTestId,
-			href: item.redirect ? formatUrlWithRedirect(item.href, redirectParam) : item.href,
-			onClick: (event) => action(event, item),
-			variant: item.variant || "interface",
-			icon: item.icon,
-			tip: item.text,
-			tipProps: { alignment: "bottom-center" }
-		});
-	}
-};
-
-//#endregion
-export { mapAppHeaderItemToElement };
+import { FillButton, IconButton, StrokeButton, TextButton } from '@codecademy/gamut';
+import { formatUrlWithRedirect } from '../../GlobalHeader/urlHelpers';
+import { AppHeaderCatalogDropdown } from '../AppHeaderElements/AppHeaderCatalogDropdown';
+import { AppHeaderDropdown } from '../AppHeaderElements/AppHeaderDropdown';
+import { AppHeaderLink } from '../AppHeaderElements/AppHeaderLink';
+import { AppHeaderLogo } from '../AppHeaderElements/AppHeaderLogo';
+import { AppHeaderResourcesDropdown } from '../AppHeaderElements/AppHeaderResourcesDropdown';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const mapAppHeaderItemToElement = ({
+  action,
+  item,
+  isStandalone,
+  isTeams,
+  redirectParam,
+  mobile = false,
+  spacing = 'normal'
+}) => {
+  // preventative measure to handle a possibly undefined item from being rendered
+  if (!item) return null;
+  switch (item.type) {
+    case 'logo':
+      return /*#__PURE__*/_jsx(AppHeaderLogo, {
+        action: action,
+        item: item
+      });
+    case 'link':
+      return /*#__PURE__*/_jsx(AppHeaderLink, {
+        mx: 0,
+        action: action,
+        item: item
+      });
+    case 'dropdown':
+    case 'resources-simple-dropdown':
+    case 'profile-dropdown':
+      return /*#__PURE__*/_jsx(AppHeaderDropdown, {
+        action: action,
+        item: item,
+        standalone: isStandalone,
+        spacing: spacing
+      });
+    case 'catalog-dropdown':
+      return /*#__PURE__*/_jsx(AppHeaderCatalogDropdown, {
+        action: action,
+        item: item
+      });
+    case 'resources-dropdown':
+      return /*#__PURE__*/_jsx(AppHeaderResourcesDropdown, {
+        action: action,
+        item: item
+      });
+    case 'render-element':
+      return item.renderElement();
+    case 'text-button':
+      return /*#__PURE__*/_jsx(TextButton, {
+        size: mobile ? 'small' : 'normal',
+        onClick: event => action(event, item),
+        "data-testid": item.dataTestId,
+        href: item.redirect ? formatUrlWithRedirect(item.href, redirectParam) : item.href,
+        variant: isTeams ? 'primary' : 'interface',
+        icon: item.icon,
+        iconPosition: item.iconPosition,
+        children: item.text
+      });
+    case 'fill-button':
+      return /*#__PURE__*/_jsx(FillButton, {
+        size: mobile ? 'small' : 'normal',
+        "data-testid": item.dataTestId,
+        href: item.redirect ? formatUrlWithRedirect(item.href, redirectParam) : item.href,
+        onClick: event => action(event, item),
+        variant: item.variant || 'interface',
+        icon: item.icon,
+        iconPosition: item.iconPosition,
+        children: item.text
+      });
+    case 'stroke-button':
+      return /*#__PURE__*/_jsx(StrokeButton, {
+        size: mobile ? 'small' : 'normal',
+        "data-testid": item.dataTestId,
+        href: item.redirect ? formatUrlWithRedirect(item.href, redirectParam) : item.href,
+        onClick: event => action(event, item),
+        variant: item.variant || 'interface',
+        icon: item.icon,
+        iconPosition: item.iconPosition,
+        children: item.text
+      });
+    case 'icon-button':
+      return /*#__PURE__*/_jsx(IconButton, {
+        size: mobile ? 'small' : 'normal',
+        "data-testid": item.dataTestId,
+        href: item.redirect ? formatUrlWithRedirect(item.href, redirectParam) : item.href,
+        onClick: event => action(event, item),
+        variant: item.variant || 'interface',
+        icon: item.icon,
+        tip: item.text,
+        tipProps: {
+          alignment: 'bottom-center'
+        }
+      });
+  }
+};

package/dist/AppHeader/utils/types.d.ts

@@ -0,0 +1,8 @@
+import { AppHeaderItem } from '../shared/types';
+export type FormattedAppHeaderItems = {
+    left: AppHeaderItem[];
+    right: AppHeaderItem[];
+};
+export type FormattedMobileAppHeaderItems = FormattedAppHeaderItems & {
+    mainMenu: AppHeaderItem[];
+};

package/dist/AppHeader/utils/types.js

@@ -0,0 +1 @@
+export {};

package/dist/AppHeaderMobile/AppHeaderMainMenuMobile/index.d.ts

@@ -1,13 +1,8 @@
-import { AppHeaderAction, AppHeaderItem } from "../../AppHeader/shared/types.js";
-import "../../AppHeader/shared/index.js";
-import * as React$1 from "react";
-
-//#region src/AppHeaderMobile/AppHeaderMainMenuMobile/index.d.ts
-type AppHeaderMainMenuMobileProps = AppHeaderAction & {
-  items: AppHeaderItem[];
-  getItemType: (type: string | undefined) => void;
-  isAnon: boolean;
+import * as React from 'react';
+import { AppHeaderAction, AppHeaderItem } from '../../AppHeader/shared';
+export type AppHeaderMainMenuMobileProps = AppHeaderAction & {
+    items: AppHeaderItem[];
+    getItemType: (type: string | undefined) => void;
+    isAnon: boolean;
 };
-declare const AppHeaderMainMenuMobile: React$1.FC<AppHeaderMainMenuMobileProps>;
-//#endregion
-export { AppHeaderMainMenuMobile, AppHeaderMainMenuMobileProps };
+export declare const AppHeaderMainMenuMobile: React.FC<AppHeaderMainMenuMobileProps>;