npm - @gravity-ui/navigation - Versions diffs - 5.0.0 → 6.0.0-beta.1 - Mend

@gravity-ui/navigation 5.0.0 → 6.0.0-beta.1

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.

Files changed (366) hide show

package/build/cjs/components/AsideHeader/types.d.ts CHANGED Viewed

@@ -7,8 +7,7 @@ export interface PanelItemProps extends DrawerProps {
     id: string;
 }
 export interface LayoutProps {
-    /** Navigation visual state. When `true`, the navigation is expanded (pinned open). When `false`, it is collapsed. */
-    pinned: boolean;
+    compact: boolean;
     className?: string;
     topAlert?: TopAlertProps;
 }
@@ -19,44 +18,43 @@ interface EditMenuProps {
     enableSorting?: boolean;
     onChangeItemsOrder?: (changedItem: AsideHeaderItem, oldIndex: number, newIndex: number) => void;
 }
+/**
+ * Menu overflow behavior.
+ * - `collapse` — extra items collapse under a "More" popup (default).
+ * - `scroll` — all items remain visible inside a scrollable container with a native thin scrollbar.
+ *
+ * In compact mode the menu always falls back to `collapse` regardless of this value
+ * because a scrollbar over icon-only items is awkward.
+ */
+export type AsideHeaderMenuOverflow = 'collapse' | 'scroll';
 interface AsideHeaderGeneralProps extends QAProps {
     logo?: LogoProps;
     className?: string;
     collapseTitle?: string;
     expandTitle?: string;
     menuMoreTitle?: string;
+    /**
+     * @see AsideHeaderMenuOverflow
+     * @default 'collapse'
+     */
+    menuOverflow?: AsideHeaderMenuOverflow;
     topAlert?: TopAlertProps;
     customBackground?: React.ReactNode;
     customBackgroundClassName?: string;
     hideCollapseButton?: boolean;
-    /** When `true`, menu items use compact height. */
-    isCompactMode?: boolean;
     renderContent?: RenderContentType;
-    /**
-     * Render function for the footer section.
-     *
-     * Return types:
-     * - `React.ReactNode` - Renders custom content as-is
-     * - `React.ReactNode[]` - Wraps in FooterBar with horizontal/vertical layout based on isPinned
-     */
     renderFooter?: (data: {
         size: number;
-        isExpanded: boolean;
-        isPinned: boolean;
+        compact: boolean;
         asideRef: React.RefObject<HTMLDivElement>;
-        isCompactMode?: boolean;
-    }) => React.ReactNode | React.ReactNode[];
-    /** Render function for additional content after items (e.g., user profile). Receives options with setCollapseBlocker to block sidebar collapse while a popup is open. */
-    renderFooterAfter?: (options?: {
-        setCollapseBlocker?: SetCollapseBlocker;
     }) => React.ReactNode;
     collapseButtonWrapper?: (defaultButton: React.ReactNode, data: {
-        isExpanded: boolean;
-        onChangePinned?: (pinned: boolean) => void;
+        compact: boolean;
+        onChangeCompact?: (compact: boolean) => void;
     }) => React.ReactNode;
     editMenuProps?: EditMenuProps;
     onClosePanel?: () => void;
-    onChangePinned?: (pinned: boolean) => void;
+    onChangeCompact?: (compact: boolean) => void;
     onMenuMoreClick?: () => void;
     onAllPagesClick?: () => void;
     openModalSubscriber?: (subscriber: OpenModalSubscriber) => void;
@@ -65,11 +63,9 @@ interface AsideHeaderDefaultProps {
     panelItems?: PanelItemProps[];
     subheaderItems?: AsideHeaderItem[];
     menuItems?: AsideHeaderItem[];
-    defaultMenuItems?: AsideHeaderItem[];
     menuGroups?: MenuGroup[];
-    defaultMenuGroups?: MenuGroup[];
+    defaultMenuItems?: AsideHeaderItem[];
     onMenuItemsChanged?: (items: AsideHeaderItem[]) => void;
-    onMenuGroupsChanged?: (groups: MenuGroup[]) => void;
     headerDecoration?: boolean;
 }
 export type AsideHeaderInnerProps = AsideHeaderGeneralProps & AsideHeaderDefaultProps & AsideHeaderContextType;
@@ -80,12 +76,9 @@ export declare enum InnerPanels {
 }
 export interface AsideHeaderItem extends MenuItem {
     enableTooltip?: boolean;
-    onItemClick?: (item: AsideHeaderItem, collapsed: boolean, event: React.MouseEvent<HTMLElement, MouseEvent>, options: {
-        setCollapseBlocker: SetCollapseBlocker | undefined;
-    }) => void;
+    onItemClick?: (item: AsideHeaderItem, collapsed: boolean, event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
     bringForward?: boolean;
-    /** When `true`, forces the item to display in expanded form. */
-    isExpanded?: boolean;
+    compact?: boolean;
     /**
      * @deprecated Use itemWrapper instead for popup functionality
      */
@@ -121,14 +114,4 @@ export interface AsideHeaderItem extends MenuItem {
      */
     onOpenChangePopup?: PopupProps['onOpenChange'];
 }
-export interface GroupedMenuItem extends MenuItem {
-    groupId: string;
-    collapsible: boolean;
-    isCollapsed: boolean;
-    collapsedByDefault?: boolean;
-    items: MenuItemsWithGroups[];
-}
-export type MenuItemsWithGroups = MenuItem | GroupedMenuItem;
-/** Toggles a collapse blocker: pass `true` to block collapsing, `false` to unblock. */
-export type SetCollapseBlocker = (isBlocked: boolean) => void;
 export {};

package/build/cjs/components/AsideHeader/types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types.js","sources":["../../../../../src/components/AsideHeader/types.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {DrawerProps, PopupProps, QAProps} from '@gravity-ui/uikit';\n\nimport {RenderContentType} from '../Content';\nimport {LogoProps, MenuGroup, MenuItem, OpenModalSubscriber, TopAlertProps} from '../types';\n\nimport {AsideHeaderContextType} from './AsideHeaderContext';\n\nexport interface PanelItemProps extends DrawerProps {\n id: string;\n}\n\nexport interface LayoutProps {\n ~~/** Navigation visual state. When `true`, the navigation is expanded (pinned open). When `false`, it is collapsed. /\n pinned~~: boolean;\n className?: string;\n topAlert?: TopAlertProps;\n}\n\ninterface EditMenuProps {\n onOpenEditMode?: () => void;\n onToggleMenuItem?: (changedItem: AsideHeaderItem) => void;\n onResetSettingsToDefault?: () => void;\n enableSorting?: boolean;\n onChangeItemsOrder?: (changedItem: AsideHeaderItem, oldIndex: number, newIndex: number) => void;\n}\n\ninterface AsideHeaderGeneralProps extends QAProps {\n logo?: LogoProps;\n className?: string;\n collapseTitle?: string;\n expandTitle?: string;\n menuMoreTitle?: string;\n topAlert?: TopAlertProps;\n customBackground?: React.ReactNode;\n customBackgroundClassName?: string;\n hideCollapseButton?: boolean;\n ~~/* When `true`, menu items use compact height. /\n isCompactMode?: boolean;\n~~ renderContent?: RenderContentType;\n /\n Render function for the footer section.\n \n Return types:\n * - `React.ReactNode` - Renders custom content as-is\n * - `React.ReactNode[]` - Wraps in FooterBar with horizontal/vertical layout based on isPinned\n /\n renderFooter?: (data: {\n size: number;\n ~~isExpanded~~: boolean;\n ~~isPinned: boolean;\n~~ asideRef: React.RefObject<HTMLDivElement>;\n ~~isCompactMode?: boolean;\n~~ }) => React.ReactNode ~~\| React.ReactNode[]~~;\n /* Render function for additional content after items (e.g., user profile). Receives options with setCollapseBlocker to block sidebar collapse while a popup is open. /\n renderFooterAfter?: (options?: {setCollapseBlocker?: SetCollapseBlocker}) => React.ReactNode;\n collapseButtonWrapper?: (\n defaultButton: React.ReactNode,\n data: {\n ~~isExpanded~~: boolean;\n ~~onChangePinned~~?: (~~pinned~~: boolean) => void;\n },\n ) => React.ReactNode;\n editMenuProps?: EditMenuProps;\n onClosePanel?: () => void;\n ~~onChangePinned~~?: (~~pinned~~: boolean) => void;\n onMenuMoreClick?: () => void;\n onAllPagesClick?: () => void;\n openModalSubscriber?: (subscriber: OpenModalSubscriber) => void;\n}\n\ninterface AsideHeaderDefaultProps {\n panelItems?: PanelItemProps[];\n subheaderItems?: AsideHeaderItem[];\n menuItems?: AsideHeaderItem[];\n ~~defaultMenuItems?: AsideHeaderItem[];\n~~ menuGroups?: MenuGroup[];\n ~~defaultMenuGroups~~?: ~~MenuGroup~~[];\n onMenuItemsChanged?: (items: AsideHeaderItem[]) => void;\n ~~onMenuGroupsChanged?: (groups: MenuGroup[]) => void;\n~~ headerDecoration?: boolean;\n}\n\nexport type AsideHeaderInnerProps = AsideHeaderGeneralProps &\n AsideHeaderDefaultProps &\n AsideHeaderContextType;\n\nexport interface AsideHeaderProps\n extends AsideHeaderGeneralProps,\n LayoutProps,\n Partial<AsideHeaderDefaultProps> {}\n\nexport enum InnerPanels {\n AllPages = 'all-pages',\n}\n\nexport interface AsideHeaderItem extends MenuItem {\n enableTooltip?: boolean;\n onItemClick?: (\n item: AsideHeaderItem,\n collapsed: boolean,\n event: React.MouseEvent<HTMLElement, MouseEvent>,\n ~~options: {setCollapseBlocker: SetCollapseBlocker \| undefined},\n~~ ) => void;\n bringForward?: boolean;\n ~~/* When `true`, forces the item to display in expanded form. /\n isExpanded~~?: boolean;\n\n /\n @deprecated Use itemWrapper instead for popup functionality\n /\n popupVisible?: PopupProps['open'];\n /\n Floating element anchor ref object\n \n @deprecated Use itemWrapper instead for popup functionality\n /\n popupRef?: React.RefObject<HTMLElement>;\n /\n @deprecated Use itemWrapper instead for popup functionality\n /\n popupPlacement?: PopupProps['placement'];\n /\n @deprecated Use itemWrapper instead for popup functionality\n /\n popupOffset?: PopupProps['offset'];\n /\n @deprecated Use itemWrapper instead for popup functionality\n /\n popupKeepMounted?: PopupProps['keepMounted'];\n /\n @deprecated Use itemWrapper instead for popup functionality\n /\n renderPopupContent?: () => React.ReactNode;\n /\n This callback will be called when Escape key pressed on keyboard, or click outside was made\n * This behaviour could be disabled with `disableEscapeKeyDown`\n * and `disableOutsideClick` options\n \n @deprecated Use itemWrapper instead for popup functionality\n /\n onOpenChangePopup?: PopupProps['onOpenChange'];\n}\n\nexport interface GroupedMenuItem extends MenuItem {\n groupId: string;\n collapsible: boolean;\n isCollapsed: boolean;\n collapsedByDefault?: boolean;\n items: MenuItemsWithGroups[];\n}\n\nexport type MenuItemsWithGroups = MenuItem \| GroupedMenuItem;\n\n/* Toggles a collapse blocker: pass `true` to block collapsing, `false` to unblock. */\nexport type SetCollapseBlocker = (isBlocked: boolean) => void;\n"],"names":["InnerPanels"],"mappings":";;~~AA6FYA~~;AAAZ,CAAA,UAAY,WAAW,EAAA;AACnB,IAAA,WAAA,CAAA,UAAA,CAAA,GAAA,WAAsB;AAC1B,CAAC,EAFWA,mBAAW,KAAXA,mBAAW,GAEtB,EAAA,CAAA,CAAA;;"}
1	+ {"version":3,"file":"types.js","sources":["../../../../../src/components/AsideHeader/types.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {DrawerProps, PopupProps, QAProps} from '@gravity-ui/uikit';\n\nimport {RenderContentType} from '../Content';\nimport {LogoProps, MenuGroup, MenuItem, OpenModalSubscriber, TopAlertProps} from '../types';\n\nimport {AsideHeaderContextType} from './AsideHeaderContext';\n\nexport interface PanelItemProps extends DrawerProps {\n id: string;\n}\n\nexport interface LayoutProps {\n compact: boolean;\n className?: string;\n topAlert?: TopAlertProps;\n}\n\ninterface EditMenuProps {\n onOpenEditMode?: () => void;\n onToggleMenuItem?: (changedItem: AsideHeaderItem) => void;\n onResetSettingsToDefault?: () => void;\n enableSorting?: boolean;\n onChangeItemsOrder?: (changedItem: AsideHeaderItem, oldIndex: number, newIndex: number) => void;\n}\n\n/*\n Menu overflow behavior.\n * - `collapse` — extra items collapse under a \"More\" popup (default).\n * - `scroll` — all items remain visible inside a scrollable container with a native thin scrollbar.\n \n In compact mode the menu always falls back to `collapse` regardless of this value\n * because a scrollbar over icon-only items is awkward.\n /\nexport type AsideHeaderMenuOverflow = 'collapse' \| 'scroll';\n\ninterface AsideHeaderGeneralProps extends QAProps {\n logo?: LogoProps;\n className?: string;\n collapseTitle?: string;\n expandTitle?: string;\n menuMoreTitle?: string;\n /\n @see AsideHeaderMenuOverflow\n * @default 'collapse'\n /\n menuOverflow?: AsideHeaderMenuOverflow;\n topAlert?: TopAlertProps;\n customBackground?: React.ReactNode;\n customBackgroundClassName?: string;\n hideCollapseButton?: boolean;\n renderContent?: RenderContentType;\n renderFooter?: (data: {\n size: number;\n compact: boolean;\n asideRef: React.RefObject<HTMLDivElement>;\n }) => React.ReactNode;\n collapseButtonWrapper?: (\n defaultButton: React.ReactNode,\n data: {\n compact: boolean;\n onChangeCompact?: (compact: boolean) => void;\n },\n ) => React.ReactNode;\n editMenuProps?: EditMenuProps;\n onClosePanel?: () => void;\n onChangeCompact?: (compact: boolean) => void;\n onMenuMoreClick?: () => void;\n onAllPagesClick?: () => void;\n openModalSubscriber?: (subscriber: OpenModalSubscriber) => void;\n}\n\ninterface AsideHeaderDefaultProps {\n panelItems?: PanelItemProps[];\n subheaderItems?: AsideHeaderItem[];\n menuItems?: AsideHeaderItem[];\n menuGroups?: MenuGroup[];\n defaultMenuItems?: AsideHeaderItem[];\n onMenuItemsChanged?: (items: AsideHeaderItem[]) => void;\n headerDecoration?: boolean;\n}\n\nexport type AsideHeaderInnerProps = AsideHeaderGeneralProps &\n AsideHeaderDefaultProps &\n AsideHeaderContextType;\n\nexport interface AsideHeaderProps\n extends AsideHeaderGeneralProps,\n LayoutProps,\n Partial<AsideHeaderDefaultProps> {}\n\nexport enum InnerPanels {\n AllPages = 'all-pages',\n}\n\nexport interface AsideHeaderItem extends MenuItem {\n enableTooltip?: boolean;\n onItemClick?: (\n item: AsideHeaderItem,\n collapsed: boolean,\n event: React.MouseEvent<HTMLElement, MouseEvent>,\n ) => void;\n bringForward?: boolean;\n compact?: boolean;\n\n /\n @deprecated Use itemWrapper instead for popup functionality\n /\n popupVisible?: PopupProps['open'];\n /\n Floating element anchor ref object\n \n @deprecated Use itemWrapper instead for popup functionality\n /\n popupRef?: React.RefObject<HTMLElement>;\n /\n @deprecated Use itemWrapper instead for popup functionality\n /\n popupPlacement?: PopupProps['placement'];\n /\n @deprecated Use itemWrapper instead for popup functionality\n /\n popupOffset?: PopupProps['offset'];\n /\n @deprecated Use itemWrapper instead for popup functionality\n /\n popupKeepMounted?: PopupProps['keepMounted'];\n /\n @deprecated Use itemWrapper instead for popup functionality\n /\n renderPopupContent?: () => React.ReactNode;\n /\n This callback will be called when Escape key pressed on keyboard, or click outside was made\n * This behaviour could be disabled with `disableEscapeKeyDown`\n * and `disableOutsideClick` options\n \n @deprecated Use itemWrapper instead for popup functionality\n */\n onOpenChangePopup?: PopupProps['onOpenChange'];\n}\n"],"names":["InnerPanels"],"mappings":";;AA4FYA;AAAZ,CAAA,UAAY,WAAW,EAAA;AACnB,IAAA,WAAA,CAAA,UAAA,CAAA,GAAA,WAAsB;AAC1B,CAAC,EAFWA,mBAAW,KAAXA,mBAAW,GAEtB,EAAA,CAAA,CAAA;;"}

package/build/cjs/components/AsideHeader/useAsideHeaderInnerContextValue.d.ts CHANGED Viewed

@@ -1,10 +1,5 @@
 import { AsideHeaderInnerContextType } from './AsideHeaderContext';
-import { AsideHeaderProps, SetCollapseBlocker } from './types';
+import { AsideHeaderProps } from './types';
 export declare const useAsideHeaderInnerContextValue: (props: AsideHeaderProps & {
     size: number;
-    pinned: boolean;
-    isExpanded: boolean;
-    onExpand?: () => void;
-    onFold?: () => void;
-    setCollapseBlocker?: SetCollapseBlocker;
 }) => AsideHeaderInnerContextType;

package/build/cjs/components/AsideHeader/useAsideHeaderInnerContextValue.js CHANGED Viewed

@@ -3,12 +3,12 @@
 var React = require('react');
 var AllPagesPanel = require('./components/AllPagesPanel/AllPagesPanel.js');
 var constants = require('./components/AllPagesPanel/constants.js');
+require('./AsideHeaderContext.js');
 var types = require('./types.js');
 const EMPTY_MENU_ITEMS = [];
 const useAsideHeaderInnerContextValue = (props) => {
-    var _a;
-    const { size, onClosePanel, menuItems, menuGroups, defaultMenuGroups, panelItems, isCompactMode = false, setCollapseBlocker, onMenuItemsChanged, onMenuGroupsChanged, onAllPagesClick, } = props;
+    const { size, onClosePanel, menuItems, panelItems, onMenuItemsChanged, onAllPagesClick } = props;
     const [innerVisiblePanel, setInnerVisiblePanel] = React.useState();
     const ALL_PAGES_MENU_ITEM = React.useMemo(() => {
         return constants.getAllPagesMenuItem();
@@ -24,7 +24,7 @@ const useAsideHeaderInnerContextValue = (props) => {
         setInnerVisiblePanel(undefined);
         onClosePanel === null || onClosePanel === undefined ? undefined : onClosePanel();
     }, [onClosePanel]);
-    const onItemClick = React.useCallback((item, collapsed, event, options) => {
+    const onItemClick = React.useCallback((item, collapsed, event) => {
         var _a;
         if (item.id === ALL_PAGES_MENU_ITEM.id) {
             onClosePanel === null || onClosePanel === undefined ? undefined : onClosePanel();
@@ -33,21 +33,8 @@ const useAsideHeaderInnerContextValue = (props) => {
         else {
             innerOnClosePanel();
         }
-        (_a = item.onItemClick) === null || _a === undefined ? undefined : _a.call(item, item, collapsed, event, options);
+        (_a = item.onItemClick) === null || _a === undefined ? undefined : _a.call(item, item, collapsed, event);
     }, [innerOnClosePanel, ALL_PAGES_MENU_ITEM, onClosePanel]);
-    const onToggleGroupCollapsed = React.useCallback((groupId) => {
-        const updatedMenuGroups = menuGroups === null || menuGroups === undefined ? undefined : menuGroups.map((group) => {
-            var _a, _b;
-            if (group.id === groupId) {
-                const effectiveCollapsed = (_b = (_a = group.collapsed) !== null && _a !== undefined ? _a : group.collapsedByDefault) !== null && _b !== undefined ? _b : false;
-                return Object.assign(Object.assign({}, group), { collapsed: !effectiveCollapsed });
-            }
-            return group;
-        });
-        if (updatedMenuGroups) {
-            onMenuGroupsChanged === null || onMenuGroupsChanged === undefined ? undefined : onMenuGroupsChanged(updatedMenuGroups);
-        }
-    }, [menuGroups, onMenuGroupsChanged]);
     const innerMenuItems = React.useMemo(() => allPagesIsAvailable
         ? [
             ...(menuItems || EMPTY_MENU_ITEMS),
@@ -67,30 +54,8 @@ const useAsideHeaderInnerContextValue = (props) => {
             },
         ];
     }, [allPagesIsAvailable, panelItems, innerVisiblePanel]);
-    const hasPanelOpen = (_a = innerPanelItems === null || innerPanelItems === undefined ? undefined : innerPanelItems.some((p) => p.open)) !== null && _a !== undefined ? _a : false;
-    const didBlockRef = React.useRef(false);
-    React.useEffect(() => {
-        if (hasPanelOpen) {
-            setCollapseBlocker === null || setCollapseBlocker === undefined ? undefined : setCollapseBlocker(true);
-            didBlockRef.current = true;
-        }
-        else if (didBlockRef.current) {
-            setCollapseBlocker === null || setCollapseBlocker === undefined ? undefined : setCollapseBlocker(false);
-            didBlockRef.current = false;
-        }
-        return () => {
-            if (didBlockRef.current) {
-                setCollapseBlocker === null || setCollapseBlocker === undefined ? undefined : setCollapseBlocker(false);
-                didBlockRef.current = false;
-            }
-        };
-    }, [hasPanelOpen, setCollapseBlocker]);
-    return Object.assign(Object.assign({}, props), { setCollapseBlocker,
-        isCompactMode, onClosePanel: innerOnClosePanel, allPagesIsAvailable, menuItems: innerMenuItems, menuGroups,
-        defaultMenuGroups,
-        onMenuGroupsChanged, panelItems: innerPanelItems, size,
-        onItemClick,
-        onToggleGroupCollapsed });
+    return Object.assign(Object.assign({}, props), { onClosePanel: innerOnClosePanel, allPagesIsAvailable, menuItems: innerMenuItems, panelItems: innerPanelItems, size,
+        onItemClick });
 };
 exports.useAsideHeaderInnerContextValue = useAsideHeaderInnerContextValue;

package/build/cjs/components/AsideHeader/useAsideHeaderInnerContextValue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useAsideHeaderInnerContextValue.js","sources":["../../../../../src/components/AsideHeader/useAsideHeaderInnerContextValue.tsx"],"sourcesContent":["import React, {useCallback, useEffect, useMemo, useState} from 'react';\n\nimport {MenuItem} from '../types';\n\nimport {AsideHeaderInnerContextType} from './AsideHeaderContext';\nimport {AllPagesPanel, getAllPagesMenuItem} from './components/AllPagesPanel';\nimport {\n AsideHeaderItem~~,\n~~ AsideHeaderProps~~,\n~~ InnerPanels~~,\n~~ PanelItemProps~~,\n SetCollapseBlocker,\n~~} from './types';\n\nconst EMPTY_MENU_ITEMS: AsideHeaderItem[] = [];\n\nexport const useAsideHeaderInnerContextValue = (\n props: AsideHeaderProps & {\n size: number~~;\n pinned: boolean;\n isExpanded: boolean;\n onExpand?: () => void;\n onFold?: () => void;\n setCollapseBlocker?: SetCollapseBlocker;\n~~ },\n): AsideHeaderInnerContextType => {\n const {\n size~~,\n~~ onClosePanel~~,\n~~ menuItems~~,\n menuGroups,\n defaultMenuGroups,\n~~ panelItems~~,\n isCompactMode~~ = ~~false,\n setCollapseBlocker,\n onMenuItemsChanged,\n onMenuGroupsChanged,\n~~ onAllPagesClick~~,\n~~ } = props;\n\n const [innerVisiblePanel, setInnerVisiblePanel] = useState<InnerPanels \| undefined>();\n const ALL_PAGES_MENU_ITEM = React.useMemo(() => {\n return getAllPagesMenuItem();\n }, []);\n\n const allPagesIsAvailable =\n Boolean(onMenuItemsChanged) && (!menuItems \|\| menuItems?.length > 0);\n\n useEffect(() => {\n // If any user panel became open we need to switch off all inner panels\n if (panelItems?.some((x) => x.open)) {\n setInnerVisiblePanel(undefined);\n }\n }, [panelItems]);\n\n const innerOnClosePanel = useCallback(() => {\n setInnerVisiblePanel(undefined);\n onClosePanel?.();\n }, [onClosePanel]);\n\n const onItemClick = useCallback(\n (\n item: MenuItem~~,\n~~ collapsed: boolean~~,\n~~ event: React.MouseEvent<HTMLElement, MouseEvent~~>,\n options: {setCollapseBlocker: SetCollapseBlocker \| undefined},\n~~ ) => {\n if (item.id === ALL_PAGES_MENU_ITEM.id) {\n onClosePanel?.();\n setInnerVisiblePanel((prev) =>\n prev === InnerPanels.AllPages ? undefined : InnerPanels.AllPages,\n );\n } else {\n innerOnClosePanel();\n }\n item.onItemClick?.(item, collapsed, event~~, options~~);\n },\n [innerOnClosePanel, ALL_PAGES_MENU_ITEM, onClosePanel],\n );\n\n const onToggleGroupCollapsed = useCallback(\n (groupId: string) => {\n const updatedMenuGroups = menuGroups?.map((group) => {\n if (group.id === groupId) {\n const effectiveCollapsed = group.collapsed ?? group.collapsedByDefault ?? false;\n\n return {\n ...group,\n collapsed: !effectiveCollapsed,\n };\n }\n return group;\n });\n\n if (updatedMenuGroups) {\n onMenuGroupsChanged?.(updatedMenuGroups);\n }\n },\n [menuGroups, onMenuGroupsChanged],\n );\n\n const innerMenuItems = useMemo(\n () =>\n allPagesIsAvailable\n ? [\n ...(menuItems \|\| EMPTY_MENU_ITEMS),\n {\n ...ALL_PAGES_MENU_ITEM,\n current: innerVisiblePanel === InnerPanels.AllPages,\n onItemClick: onAllPagesClick,\n },\n ]\n : menuItems \|\| EMPTY_MENU_ITEMS,\n [allPagesIsAvailable, menuItems, innerVisiblePanel, ALL_PAGES_MENU_ITEM, onAllPagesClick],\n );\n\n const innerPanelItems = useMemo<PanelItemProps[] \| undefined>(() => {\n if (!allPagesIsAvailable) {\n return panelItems;\n }\n\n return [\n ...(panelItems \|\| []),\n {\n id: InnerPanels.AllPages,\n children: <AllPagesPanel />,\n open: innerVisiblePanel === InnerPanels.AllPages,\n },\n ];\n }, [allPagesIsAvailable, panelItems, innerVisiblePanel]);\n\n const hasPanelOpen = innerPanelItems?.some((p) => p.open) ?? false;\n const didBlockRef = React.useRef(false);\n\n useEffect(() => {\n if (hasPanelOpen) {\n setCollapseBlocker?.(true);\n didBlockRef.current = true;\n } else if (didBlockRef.current) {\n setCollapseBlocker?.(false);\n didBlockRef.current = false;\n }\n\n return ~~() =>~~ {\n ~~if (didBlockRef.current) {\n setCollapseBlocker?.(false);\n didBlockRef.current = false;\n }\n~~ ~~};\n }, [hasPanelOpen, setCollapseBlocker]);\n\n return {\n~~ ...props,\n ~~setCollapseBlocker,\n isCompactMode,\n~~ onClosePanel: innerOnClosePanel,\n allPagesIsAvailable,\n menuItems: innerMenuItems,\n ~~menuGroups,\n defaultMenuGroups,\n onMenuGroupsChanged,\n~~ panelItems: innerPanelItems,\n size,\n onItemClick,\n ~~onToggleGroupCollapsed,\n~~ };\n};\n"],"names":["useState","getAllPagesMenuItem","useEffect","useCallback","InnerPanels","useMemo","AllPagesPanel"],"mappings":"~~;;;;;;;AAcA~~,MAAM,gBAAgB,GAAsB,EAAE;AAEjC,MAAA,+BAA+B,GAAG,CAC3C,~~KAOC~~,~~KAC4B;;IAC7B~~,MAAM,~~EACF~~,IAAI,~~EACJ~~,YAAY,~~EACZ~~,SAAS,~~EACT~~,UAAU,~~EACV~~,~~iBAAiB,EACjB,UAAU,EACV,aAAa,GAAG,KAAK,EACrB,~~kBAAkB,~~EAClB~~,~~kBAAkB,EAClB,mBAAmB,EACnB,~~eAAe,~~GAClB~~,GAAG,KAAK;~~IAET~~,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAGA,cAAQ,EAA2B;AACrF,IAAA,MAAM,mBAAmB,GAAG,KAAK,CAAC,OAAO,CAAC,MAAK;QAC3C,OAAOC,6BAAmB,EAAE;KAC/B,EAAE,EAAE,CAAC;IAEN,MAAM,mBAAmB,GACrB,OAAO,CAAC,kBAAkB,CAAC,KAAK,CAAC,SAAS,IAAI,CAAA,SAAS,KAAA,IAAA,IAAT,SAAS,KAAT,SAAA,GAAA,SAAA,GAAA,SAAS,CAAE,MAAM,IAAG,CAAC,CAAC;IAExEC,eAAS,CAAC,MAAK;;AAEX,QAAA,IAAI,UAAU,KAAV,IAAA,IAAA,UAAU,6BAAV,UAAU,CAAE,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,EAAE;YACjC,oBAAoB,CAAC,SAAS,CAAC;;AAEvC,KAAC,EAAE,CAAC,UAAU,CAAC,CAAC;AAEhB,IAAA,MAAM,iBAAiB,GAAGC,iBAAW,CAAC,MAAK;QACvC,oBAAoB,CAAC,SAAS,CAAC;AAC/B,QAAA,YAAY,KAAZ,IAAA,IAAA,YAAY,KAAZ,SAAA,GAAA,SAAA,GAAA,YAAY,EAAI;AACpB,KAAC,EAAE,CAAC,YAAY,CAAC,CAAC;~~AAElB~~,~~IAAA,~~MAAM,WAAW,GAAGA,iBAAW,CAC3B,~~CACI~~,IAAc,~~EACd~~,SAAkB,~~EAClB~~,KAAgD,~~EAChD,OAA6D,KAC7D~~;;~~QACA~~,IAAI,IAAI,CAAC,EAAE,KAAK,mBAAmB,CAAC,EAAE,EAAE;AACpC,YAAA,YAAY,KAAZ,IAAA,IAAA,YAAY,KAAZ,SAAA,GAAA,SAAA,GAAA,YAAY,EAAI;YAChB,oBAAoB,CAAC,CAAC,IAAI,KACtB,IAAI,KAAKC,iBAAW,CAAC,QAAQ,GAAG,SAAS,GAAGA,iBAAW,CAAC,QAAQ,CACnE;;aACE;AACH,YAAA,iBAAiB,EAAE;;~~AAEvB~~,~~QAAA,~~CAAA,EAAA,GAAA,IAAI,CAAC,WAAW,~~MAAA~~,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAA,IAAA,CAAA,IAAA,~~EAAG~~,IAAI,EAAE,SAAS,EAAE,KAAK,~~EAAE,OAAO,~~CAAC;~~KACtD~~,EACD,CAAC,iBAAiB,EAAE,mBAAmB,EAAE,YAAY,CAAC,CACzD;AAED,IAAA,MAAM,sBAAsB,GAAGD,iBAAW,CACtC,CAAC,OAAe,KAAI;AAChB,QAAA,MAAM,iBAAiB,GAAG,UAAU,KAAA,IAAA,IAAV,UAAU,KAAA,SAAA,GAAA,SAAA,GAAV,UAAU,CAAE,GAAG,CAAC,CAAC,KAAK,KAAI;;AAChD,YAAA,IAAI,KAAK,CAAC,EAAE,KAAK,OAAO,EAAE;AACtB,gBAAA,MAAM,kBAAkB,GAAG,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,KAAK,CAAC,SAAS,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,EAAA,GAAI,KAAK,CAAC,kBAAkB,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,EAAA,GAAI,KAAK;AAE/E,gBAAA,OAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACO,KAAK,CACR,EAAA,EAAA,SAAS,EAAE,CAAC,kBAAkB,EAChC,CAAA;;AAEN,YAAA,OAAO,KAAK;AAChB,SAAC,CAAC;QAEF,IAAI,iBAAiB,EAAE;AACnB,YAAA,mBAAmB,aAAnB,mBAAmB,KAAA,SAAA,GAAA,SAAA,GAAnB,mBAAmB,CAAG,iBAAiB,CAAC;;AAEhD,KAAC,EACD,CAAC,UAAU,EAAE,mBAAmB,CAAC,CACpC;AAED,IAAA,MAAM,cAAc,~~GAAGE~~,aAAO,CAC1B,MACI;AACI,UAAE;AACI,YAAA,IAAI,SAAS,IAAI,gBAAgB,CAAC;4CAE3B,mBAAmB,CAAA,EAAA,EACtB,OAAO,EAAE,iBAAiB,KAAKD,iBAAW,CAAC,QAAQ,EACnD,WAAW,EAAE,eAAe,EAAA,CAAA;AAEnC;AACH,UAAE,SAAS,IAAI,gBAAgB,EACvC,CAAC,mBAAmB,EAAE,SAAS,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,eAAe,CAAC,CAC5F;AAED,IAAA,MAAM,eAAe,GAAGC,aAAO,CAA+B,MAAK;QAC/D,IAAI,CAAC,mBAAmB,EAAE;AACtB,YAAA,OAAO,UAAU;;QAGrB,OAAO;AACH,YAAA,IAAI,UAAU,IAAI,EAAE,CAAC;AACrB,YAAA;gBACI,EAAE,EAAED,iBAAW,CAAC,QAAQ;gBACxB,QAAQ,EAAE,KAAC,CAAA,aAAA,CAAAE,2BAAa,EAAG,IAAA,CAAA;AAC3B,gBAAA,IAAI,EAAE,iBAAiB,KAAKF,iBAAW,CAAC,QAAQ;AACnD,aAAA;SACJ;KACJ,EAAE,CAAC,mBAAmB,EAAE,UAAU,EAAE,iBAAiB,CAAC,CAAC;~~IAExD~~,~~MAAM,YAAY,GAAG,CAAA,EAAA,GAAA,eAAe,aAAf,eAAe,KAAA,SAAA,GAAA,SAAA,GAAf,eAAe,CAAE,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,MAAI,~~IAAA,~~IAAA~~,EAAA,KAAA,SAAA,GAAA,EAAA,GAAA,KAAK;IAClE,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;IAEvCF,eAAS,CAAC,MAAK;QACX,IAAI,YAAY,EAAE;AACd,YAAA,kBAAkB,aAAlB,kBAAkB,KAAA,SAAA,GAAA,SAAA,GAAlB,kBAAkB,CAAG,IAAI,CAAC;AAC1B,YAAA,WAAW,CAAC,OAAO,GAAG,IAAI;;AACvB,aAAA,IAAI,WAAW,CAAC,OAAO,EAAE;AAC5B,YAAA,kBAAkB,aAAlB,kBAAkB,KAAA,SAAA,GAAA,SAAA,GAAlB,kBAAkB,CAAG,KAAK,CAAC;AAC3B,YAAA,WAAW,CAAC,OAAO,GAAG,KAAK;;AAG/B,QAAA,OAAO,MAAK;AACR,YAAA,IAAI,WAAW,CAAC,OAAO,EAAE;AACrB,gBAAA,kBAAkB,aAAlB,kBAAkB,KAAA,SAAA,GAAA,SAAA,GAAlB,kBAAkB,CAAG,KAAK,CAAC;AAC3B,gBAAA,WAAW,CAAC,OAAO,GAAG,KAAK;;AAEnC,SAAC;AACL,KAAC,EAAE,CAAC,YAAY,EAAE,kBAAkB,CAAC,CAAC;IAEtC,OACO,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,~~EAAA~~,KAAK,~~KACR~~,~~kBAAkB;QAClB~~,~~aAAa~~,~~EACb,~~YAAY,EAAE,iBAAiB,EAC/B,mBAAmB,EACnB,SAAS,EAAE,cAAc,EACzB,UAAU~~;QACV~~,~~iBAAiB;AACjB,QAAA,mBAAmB,EACnB,UAAU,~~EAAE,eAAe,EAC3B,IAAI;~~QACJ~~,~~WAAW;AACX,~~QAAA,~~sBAAsB~~,~~EACxB~~,CAAA;AACN;;;;"}
1	+ {"version":3,"file":"useAsideHeaderInnerContextValue.js","sources":["../../../../../src/components/AsideHeader/useAsideHeaderInnerContextValue.tsx"],"sourcesContent":["import React, {useCallback, useEffect, useMemo, useState} from 'react';\n\nimport {MenuItem} from '../types';\n\nimport {AsideHeaderInnerContextType} from './AsideHeaderContext';\nimport {AllPagesPanel, getAllPagesMenuItem} from './components/AllPagesPanel';\nimport {AsideHeaderItem, AsideHeaderProps, InnerPanels, PanelItemProps} from './types';\n\nconst EMPTY_MENU_ITEMS: AsideHeaderItem[] = [];\n\nexport const useAsideHeaderInnerContextValue = (\n props: AsideHeaderProps & {size: number},\n): AsideHeaderInnerContextType => {\n const {size, onClosePanel, menuItems, panelItems, onMenuItemsChanged, onAllPagesClick} = props;\n const [innerVisiblePanel, setInnerVisiblePanel] = useState<InnerPanels \| undefined>();\n const ALL_PAGES_MENU_ITEM = React.useMemo(() => {\n return getAllPagesMenuItem();\n }, []);\n\n const allPagesIsAvailable =\n Boolean(onMenuItemsChanged) && (!menuItems \|\| menuItems?.length > 0);\n\n useEffect(() => {\n // If any user panel became open we need to switch off all inner panels\n if (panelItems?.some((x) => x.open)) {\n setInnerVisiblePanel(undefined);\n }\n }, [panelItems]);\n\n const innerOnClosePanel = useCallback(() => {\n setInnerVisiblePanel(undefined);\n onClosePanel?.();\n }, [onClosePanel]);\n\n const onItemClick = useCallback(\n (item: MenuItem, collapsed: boolean, event: React.MouseEvent<HTMLElement, MouseEvent>) => {\n if (item.id === ALL_PAGES_MENU_ITEM.id) {\n onClosePanel?.();\n setInnerVisiblePanel((prev) =>\n prev === InnerPanels.AllPages ? undefined : InnerPanels.AllPages,\n );\n } else {\n innerOnClosePanel();\n }\n item.onItemClick?.(item, collapsed, event);\n },\n [innerOnClosePanel, ALL_PAGES_MENU_ITEM, onClosePanel],\n );\n\n const innerMenuItems = useMemo(\n () =>\n allPagesIsAvailable\n ? [\n ...(menuItems \|\| EMPTY_MENU_ITEMS),\n {\n ...ALL_PAGES_MENU_ITEM,\n current: innerVisiblePanel === InnerPanels.AllPages,\n onItemClick: onAllPagesClick,\n },\n ]\n : menuItems \|\| EMPTY_MENU_ITEMS,\n [allPagesIsAvailable, menuItems, innerVisiblePanel, ALL_PAGES_MENU_ITEM, onAllPagesClick],\n );\n\n const innerPanelItems = useMemo<PanelItemProps[] \| undefined>(() => {\n if (!allPagesIsAvailable) {\n return panelItems;\n }\n\n return [\n ...(panelItems \|\| []),\n {\n id: InnerPanels.AllPages,\n children: <AllPagesPanel />,\n open: innerVisiblePanel === InnerPanels.AllPages,\n },\n ];\n }, [allPagesIsAvailable, panelItems, innerVisiblePanel]);\n\n return {\n ...props,\n onClosePanel: innerOnClosePanel,\n allPagesIsAvailable,\n menuItems: innerMenuItems,\n panelItems: innerPanelItems,\n size,\n onItemClick,\n };\n};\n"],"names":["useState","getAllPagesMenuItem","useEffect","useCallback","InnerPanels","useMemo","AllPagesPanel"],"mappings":"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"}

package/build/cjs/components/Footer/desktop/Footer.js CHANGED Viewed

@@ -33,7 +33,7 @@ const Footer = ({ className, menuItems: providedMenuItems, withDivider, moreButt
         React.createElement("div", { className: b('right') },
             React.createElement("small", { className: b('copyright', { small: !(menuItems === null || menuItems === undefined ? undefined : menuItems.length) }) }, copyright),
             view !== 'clear' && logo && (React.createElement("div", { className: logoWrapperClassName },
-                React.createElement(Logo.Logo, Object.assign({}, logo, { placement: "footer" })))))));
+                React.createElement(Logo.Logo, Object.assign({}, logo)))))));
 };
 exports.Footer = Footer;

package/build/cjs/components/Footer/desktop/Footer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Footer.js","sources":["../../../../../../src/components/Footer/desktop/Footer.tsx"],"sourcesContent":["import React, {useMemo, useRef} from 'react';\nimport type {FC} from 'react';\n\nimport {DropdownMenu, Menu} from '@gravity-ui/uikit';\nimport type {DropdownMenuItem} from '@gravity-ui/uikit';\n\nimport {useOverflowingHorizontalListItems} from '../../../hooks/useOverflowingHorizontalListItems';\nimport {Logo} from '../../Logo';\nimport {createBlock} from '../../utils/cn';\nimport {MenuItem} from '../MenuItem/MenuItem';\nimport {FooterProps} from '../types';\n\nimport {moreItemsPopupProps} from './constants/moreItemsPopupProps';\n\nimport styles from './Footer.module.scss';\n\nconst b = createBlock('footer', styles);\n\nexport const Footer: FC<FooterProps> = ({\n className,\n menuItems: providedMenuItems,\n withDivider,\n moreButtonTitle,\n onMoreButtonClick,\n view = 'normal',\n logo,\n logoWrapperClassName,\n copyright,\n}) => {\n const menuContainerRef = useRef<HTMLDivElement>(null);\n\n const menuItems = view === 'clear' ? undefined : providedMenuItems;\n\n const {visibleItems, hiddenItems, measured} = useOverflowingHorizontalListItems({\n containerRef: menuContainerRef,\n items: menuItems,\n itemSelector: `.${b('menu-item')}`,\n moreButtonWidth: 28,\n });\n\n const moreButtonProps = useMemo(\n () => ({\n title: moreButtonTitle,\n }),\n [moreButtonTitle],\n );\n\n const dropdownMenuItems = useMemo(\n () =>\n hiddenItems.map(\n (item) =>\n ({\n ...item,\n action: item.onClick,\n }) as DropdownMenuItem,\n ),\n [hiddenItems],\n );\n\n const shouldRenderMenu = (menuItems?.length ?? 0) > 0;\n\n return (\n <footer className={b({desktop: true, 'with-divider': withDivider, view}, className)}>\n {shouldRenderMenu && (\n <div className={b('menu', {measured})} ref={menuContainerRef}>\n {visibleItems.length > 0 && (\n <Menu className={b('list')}>\n {visibleItems.map((item, index) => (\n <MenuItem\n key={index}\n {...item}\n className={b('menu-item', item.className)}\n />\n ))}\n </Menu>\n )}\n {dropdownMenuItems.length > 0 && (\n <DropdownMenu\n items={dropdownMenuItems}\n switcherWrapperClassName={b('more-button')}\n popupProps={moreItemsPopupProps}\n defaultSwitcherProps={moreButtonProps}\n onSwitcherClick={onMoreButtonClick}\n />\n )}\n </div>\n )}\n <div className={b('right')}>\n <small className={b('copyright', {small: !menuItems?.length})}>{copyright}</small>\n {view !== 'clear' && logo && (\n <div className={logoWrapperClassName}>\n <Logo {...logo} ~~placement=\"footer\"~~ />\n </div>\n )}\n </div>\n </footer>\n );\n};\n"],"names":["createBlock","styles","useRef","useOverflowingHorizontalListItems","useMemo","Menu","MenuItem","DropdownMenu","moreItemsPopupProps","Logo"],"mappings":"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~~AAChC~~,~~gBAAA~~,~~KAAA,~~CAAA,aAAA,~~CAACC~~,SAAI,~~EAAA~~,~~MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,~~IAAI,~~EAAA,EAAE,SAAS,EAAC,QAAQ,EAAA,~~CAAA,~~CAAG~~,~~CACnC~~,CACT,CACC,CACD;AAEjB;;;;"}
1	+ {"version":3,"file":"Footer.js","sources":["../../../../../../src/components/Footer/desktop/Footer.tsx"],"sourcesContent":["import React, {useMemo, useRef} from 'react';\nimport type {FC} from 'react';\n\nimport {DropdownMenu, Menu} from '@gravity-ui/uikit';\nimport type {DropdownMenuItem} from '@gravity-ui/uikit';\n\nimport {useOverflowingHorizontalListItems} from '../../../hooks/useOverflowingHorizontalListItems';\nimport {Logo} from '../../Logo';\nimport {createBlock} from '../../utils/cn';\nimport {MenuItem} from '../MenuItem/MenuItem';\nimport {FooterProps} from '../types';\n\nimport {moreItemsPopupProps} from './constants/moreItemsPopupProps';\n\nimport styles from './Footer.module.scss';\n\nconst b = createBlock('footer', styles);\n\nexport const Footer: FC<FooterProps> = ({\n className,\n menuItems: providedMenuItems,\n withDivider,\n moreButtonTitle,\n onMoreButtonClick,\n view = 'normal',\n logo,\n logoWrapperClassName,\n copyright,\n}) => {\n const menuContainerRef = useRef<HTMLDivElement>(null);\n\n const menuItems = view === 'clear' ? undefined : providedMenuItems;\n\n const {visibleItems, hiddenItems, measured} = useOverflowingHorizontalListItems({\n containerRef: menuContainerRef,\n items: menuItems,\n itemSelector: `.${b('menu-item')}`,\n moreButtonWidth: 28,\n });\n\n const moreButtonProps = useMemo(\n () => ({\n title: moreButtonTitle,\n }),\n [moreButtonTitle],\n );\n\n const dropdownMenuItems = useMemo(\n () =>\n hiddenItems.map(\n (item) =>\n ({\n ...item,\n action: item.onClick,\n }) as DropdownMenuItem,\n ),\n [hiddenItems],\n );\n\n const shouldRenderMenu = (menuItems?.length ?? 0) > 0;\n\n return (\n <footer className={b({desktop: true, 'with-divider': withDivider, view}, className)}>\n {shouldRenderMenu && (\n <div className={b('menu', {measured})} ref={menuContainerRef}>\n {visibleItems.length > 0 && (\n <Menu className={b('list')}>\n {visibleItems.map((item, index) => (\n <MenuItem\n key={index}\n {...item}\n className={b('menu-item', item.className)}\n />\n ))}\n </Menu>\n )}\n {dropdownMenuItems.length > 0 && (\n <DropdownMenu\n items={dropdownMenuItems}\n switcherWrapperClassName={b('more-button')}\n popupProps={moreItemsPopupProps}\n defaultSwitcherProps={moreButtonProps}\n onSwitcherClick={onMoreButtonClick}\n />\n )}\n </div>\n )}\n <div className={b('right')}>\n <small className={b('copyright', {small: !menuItems?.length})}>{copyright}</small>\n {view !== 'clear' && logo && (\n <div className={logoWrapperClassName}>\n <Logo {...logo} />\n </div>\n )}\n </div>\n </footer>\n );\n};\n"],"names":["createBlock","styles","useRef","useOverflowingHorizontalListItems","useMemo","Menu","MenuItem","DropdownMenu","moreItemsPopupProps","Logo"],"mappings":"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"}

package/build/cjs/components/Footer/mobile/Footer.js CHANGED Viewed

@@ -40,7 +40,7 @@ const MobileFooter = ({ className, menuItems: providedMenuItems, withDivider, mo
         React.createElement("div", { className: b('bottom-row') },
             React.createElement("small", { className: b('copyright') }, copyright),
             view !== 'clear' && logo && (React.createElement("div", { className: logoWrapperClassName },
-                React.createElement(Logo.Logo, Object.assign({}, logo, { placement: "footer" })))))));
+                React.createElement(Logo.Logo, Object.assign({}, logo)))))));
 };
 exports.MobileFooter = MobileFooter;

package/build/cjs/components/Footer/mobile/Footer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Footer.js","sources":["../../../../../../src/components/Footer/mobile/Footer.tsx"],"sourcesContent":["import React, {useCallback, useRef, useState} from 'react';\nimport type {FC} from 'react';\n\nimport {Ellipsis} from '@gravity-ui/icons';\nimport {Button, Icon, Menu, Sheet} from '@gravity-ui/uikit';\n\nimport {useOverflowingHorizontalListItems} from '../../../hooks/useOverflowingHorizontalListItems';\nimport {Logo} from '../../Logo';\nimport {createBlock} from '../../utils/cn';\nimport {MenuItem} from '../MenuItem/MenuItem';\nimport {FooterMenuItem, FooterProps} from '../types';\n\nimport styles from './Footer.module.scss';\n\nconst b = createBlock('footer', styles);\n\nconst modalId = 'footer-more-items';\n\nexport const MobileFooter: FC<FooterProps> = ({\n className,\n menuItems: providedMenuItems,\n withDivider,\n moreButtonTitle,\n onMoreButtonClick,\n view = 'normal',\n logo,\n logoWrapperClassName,\n copyright,\n}) => {\n const [moreItemsMenuVisible, setMoreItemsMenuVisible] = useState(false);\n const menuContainerRef = useRef<HTMLDivElement>(null);\n\n const handleOpenMoreItemsMenu = useCallback(\n (event: React.MouseEvent<HTMLElement, MouseEvent>) => {\n setMoreItemsMenuVisible(true);\n onMoreButtonClick?.(event);\n },\n [onMoreButtonClick],\n );\n\n const handleCloseMoreItemsMenu = useCallback(() => {\n setMoreItemsMenuVisible(false);\n }, []);\n\n const menuItems = view === 'clear' ? undefined : providedMenuItems;\n\n const {visibleItems, hiddenItems, measured} = useOverflowingHorizontalListItems({\n containerRef: menuContainerRef,\n items: menuItems,\n itemSelector: `.${b('menu-item')}`,\n moreButtonWidth: 28,\n });\n\n const renderMenu = (items: FooterMenuItem[]) => (\n <Menu className={b('list')}>\n {items.map((item, index) => (\n <MenuItem key={index} {...item} className={b('menu-item', item.className)} />\n ))}\n </Menu>\n );\n\n return (\n <footer className={b({mobile: true, 'with-divider': withDivider, view}, className)}>\n <div className={b('menu', {measured})} ref={menuContainerRef}>\n {visibleItems.length > 0 && renderMenu(visibleItems)}\n {hiddenItems.length > 0 && (\n <>\n <Button\n view=\"flat-secondary\"\n size=\"l\"\n onClick={handleOpenMoreItemsMenu}\n title={moreButtonTitle}\n >\n <Icon data={Ellipsis} size={16} />\n </Button>\n <Sheet\n id={modalId}\n visible={moreItemsMenuVisible}\n className={b('modal')}\n contentClassName={b('modal-content')}\n onClose={handleCloseMoreItemsMenu}\n >\n {renderMenu(hiddenItems)}\n </Sheet>\n </>\n )}\n </div>\n <div className={b('bottom-row')}>\n <small className={b('copyright')}>{copyright}</small>\n {view !== 'clear' && logo && (\n <div className={logoWrapperClassName}>\n <Logo {...logo} ~~placement=\"footer\"~~ />\n </div>\n )}\n </div>\n </footer>\n );\n};\n"],"names":["createBlock","styles","useState","useRef","useCallback","useOverflowingHorizontalListItems","Menu","MenuItem","Button","Icon","Ellipsis","Sheet","Logo"],"mappings":"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~~AAChC~~,~~gBAAA~~,~~KAAA,~~CAAA,aAAA,~~CAACC~~,SAAI,~~EAAA~~,~~MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,~~IAAI,~~EAAA,EAAE,SAAS,EAAC,QAAQ,EAAA,~~CAAA,~~CAAG~~,~~CACnC~~,CACT,CACC,CACD;AAEjB;;;;"}
1	+ {"version":3,"file":"Footer.js","sources":["../../../../../../src/components/Footer/mobile/Footer.tsx"],"sourcesContent":["import React, {useCallback, useRef, useState} from 'react';\nimport type {FC} from 'react';\n\nimport {Ellipsis} from '@gravity-ui/icons';\nimport {Button, Icon, Menu, Sheet} from '@gravity-ui/uikit';\n\nimport {useOverflowingHorizontalListItems} from '../../../hooks/useOverflowingHorizontalListItems';\nimport {Logo} from '../../Logo';\nimport {createBlock} from '../../utils/cn';\nimport {MenuItem} from '../MenuItem/MenuItem';\nimport {FooterMenuItem, FooterProps} from '../types';\n\nimport styles from './Footer.module.scss';\n\nconst b = createBlock('footer', styles);\n\nconst modalId = 'footer-more-items';\n\nexport const MobileFooter: FC<FooterProps> = ({\n className,\n menuItems: providedMenuItems,\n withDivider,\n moreButtonTitle,\n onMoreButtonClick,\n view = 'normal',\n logo,\n logoWrapperClassName,\n copyright,\n}) => {\n const [moreItemsMenuVisible, setMoreItemsMenuVisible] = useState(false);\n const menuContainerRef = useRef<HTMLDivElement>(null);\n\n const handleOpenMoreItemsMenu = useCallback(\n (event: React.MouseEvent<HTMLElement, MouseEvent>) => {\n setMoreItemsMenuVisible(true);\n onMoreButtonClick?.(event);\n },\n [onMoreButtonClick],\n );\n\n const handleCloseMoreItemsMenu = useCallback(() => {\n setMoreItemsMenuVisible(false);\n }, []);\n\n const menuItems = view === 'clear' ? undefined : providedMenuItems;\n\n const {visibleItems, hiddenItems, measured} = useOverflowingHorizontalListItems({\n containerRef: menuContainerRef,\n items: menuItems,\n itemSelector: `.${b('menu-item')}`,\n moreButtonWidth: 28,\n });\n\n const renderMenu = (items: FooterMenuItem[]) => (\n <Menu className={b('list')}>\n {items.map((item, index) => (\n <MenuItem key={index} {...item} className={b('menu-item', item.className)} />\n ))}\n </Menu>\n );\n\n return (\n <footer className={b({mobile: true, 'with-divider': withDivider, view}, className)}>\n <div className={b('menu', {measured})} ref={menuContainerRef}>\n {visibleItems.length > 0 && renderMenu(visibleItems)}\n {hiddenItems.length > 0 && (\n <>\n <Button\n view=\"flat-secondary\"\n size=\"l\"\n onClick={handleOpenMoreItemsMenu}\n title={moreButtonTitle}\n >\n <Icon data={Ellipsis} size={16} />\n </Button>\n <Sheet\n id={modalId}\n visible={moreItemsMenuVisible}\n className={b('modal')}\n contentClassName={b('modal-content')}\n onClose={handleCloseMoreItemsMenu}\n >\n {renderMenu(hiddenItems)}\n </Sheet>\n </>\n )}\n </div>\n <div className={b('bottom-row')}>\n <small className={b('copyright')}>{copyright}</small>\n {view !== 'clear' && logo && (\n <div className={logoWrapperClassName}>\n <Logo {...logo} />\n </div>\n )}\n </div>\n </footer>\n );\n};\n"],"names":["createBlock","styles","useState","useRef","useCallback","useOverflowingHorizontalListItems","Menu","MenuItem","Button","Icon","Ellipsis","Sheet","Logo"],"mappings":"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"}

package/build/cjs/components/HotkeysPanel/HotkeysPanel.d.ts CHANGED Viewed

@@ -21,5 +21,7 @@ export type HotkeysPanelProps<T> = {
     topOffset?: number | string;
     style?: React.CSSProperties;
     platform?: HotkeyProps['platform'];
-} & Omit<ListProps<HotkeysListItem>, 'items' | 'emptyPlaceholder' | 'className' | 'size' | 'renderItem' | 'filterable' | 'autoFocus' | 'filterPlaceholder' | 'filterClassName' | 'filter' | 'filterItem' | 'onFilterEnd' | 'onFilterUpdate'> & Pick<DrawerProps, 'container' | 'hideVeil'>;
-export declare function HotkeysPanel<T = {}>({ open, onClose, leftOffset, topOffset, className, drawerItemClassName, filterClassName, titleClassName, listClassName, itemContentClassName, hotkeys, itemClassName, filterable, filterPlaceholder, title, togglePanelHotkey, emptyState, style, container, hideVeil, platform, ...listProps }: HotkeysPanelProps<T>): React.JSX.Element;
+    drawerProps?: Omit<DrawerProps, 'style' | 'contentClassName' | 'open' | 'className'>;
+    disableNavigationOffset?: boolean;
+} & Omit<ListProps<HotkeysListItem>, 'items' | 'emptyPlaceholder' | 'className' | 'size' | 'renderItem' | 'filterable' | 'autoFocus' | 'filterPlaceholder' | 'filterClassName' | 'filter' | 'filterItem' | 'onFilterEnd' | 'onFilterUpdate'>;
+export declare function HotkeysPanel<T = {}>({ open, onClose, leftOffset, topOffset, className, drawerItemClassName, filterClassName, titleClassName, listClassName, itemContentClassName, hotkeys, itemClassName, filterable, filterPlaceholder, title, togglePanelHotkey, emptyState, platform, drawerProps, style: styleProp, disableNavigationOffset, ...listProps }: HotkeysPanelProps<T>): React.JSX.Element;

package/build/cjs/components/HotkeysPanel/HotkeysPanel.js CHANGED Viewed

@@ -4,6 +4,7 @@ import './HotkeysPanel.css';
 var tslib_es6 = require('../../node_modules/tslib/tslib.es6.js');
 var React = require('react');
 var uikit = require('@gravity-ui/uikit');
+var AsideHeaderContext = require('../AsideHeader/AsideHeaderContext.js');
 var cn = require('../utils/cn.js');
 var filterHotkeys = require('./utils/filterHotkeys.js');
 var flattenHotkeyGroups = require('./utils/flattenHotkeyGroups.js');
@@ -11,8 +12,10 @@ var HotkeysPanel_module = require('./HotkeysPanel.module.scss.js');
 const b = cn.createBlock('hotkeys-panel', HotkeysPanel_module.default);
 function HotkeysPanel(_a) {
-    var { open, onClose, leftOffset, topOffset, className, drawerItemClassName, filterClassName, titleClassName, listClassName, itemContentClassName, hotkeys, itemClassName, filterable = true, filterPlaceholder, title, togglePanelHotkey, emptyState, style, container, hideVeil, platform } = _a, listProps = tslib_es6.__rest(_a, ["open", "onClose", "leftOffset", "topOffset", "className", "drawerItemClassName", "filterClassName", "titleClassName", "listClassName", "itemContentClassName", "hotkeys", "itemClassName", "filterable", "filterPlaceholder", "title", "togglePanelHotkey", "emptyState", "style", "container", "hideVeil", "platform"]);
+    var _b;
+    var { open, onClose, leftOffset, topOffset, className, drawerItemClassName, filterClassName, titleClassName, listClassName, itemContentClassName, hotkeys, itemClassName, filterable = true, filterPlaceholder, title, togglePanelHotkey, emptyState, platform, drawerProps, style: styleProp, disableNavigationOffset = false } = _a, listProps = tslib_es6.__rest(_a, ["open", "onClose", "leftOffset", "topOffset", "className", "drawerItemClassName", "filterClassName", "titleClassName", "listClassName", "itemContentClassName", "hotkeys", "itemClassName", "filterable", "filterPlaceholder", "title", "togglePanelHotkey", "emptyState", "platform", "drawerProps", "style", "disableNavigationOffset"]);
     const [filter, setFilter] = React.useState('');
+    const { size } = (_b = AsideHeaderContext.useSafeAsideHeaderContext()) !== null && _b !== undefined ? _b : { size: 0 };
     const hotkeysList = React.useMemo(() => {
         const filteredHotkeys = filterHotkeys.filterHotkeys(hotkeys, filter);
         return flattenHotkeyGroups.flattenHotkeyGroups(filteredHotkeys);
@@ -28,7 +31,15 @@ function HotkeysPanel(_a) {
             togglePanelHotkey && React.createElement(uikit.Hotkey, { value: togglePanelHotkey, platform: platform })),
         filterable && (React.createElement(uikit.TextInput, { value: filter, onUpdate: setFilter, placeholder: filterPlaceholder, autoFocus: true, className: b('search', filterClassName), hasClear: true })),
         React.createElement(uikit.List, Object.assign({ className: b('list', listClassName), virtualized: false, filterable: false, items: hotkeysList, renderItem: renderItem, itemClassName: b('item', itemClassName), emptyPlaceholder: emptyState }, listProps))));
-    return (React.createElement(uikit.Drawer, { container: container, hideVeil: hideVeil, className: b(null, className), open: open, onOpenChange: (open) => !open && (onClose === null || onClose === undefined ? undefined : onClose()), style: Object.assign(Object.assign(Object.assign({ position: 'absolute' }, style), (leftOffset !== undefined && { left: leftOffset })), (topOffset !== undefined && { top: topOffset })), contentClassName: b('drawer-item', drawerItemClassName) }, drawerItemContent));
+    const onOpenChange = React.useCallback((newOpen) => {
+        var _a;
+        if (!newOpen) {
+            onClose === null || onClose === undefined ? undefined : onClose();
+        }
+        (_a = drawerProps === null || drawerProps === undefined ? undefined : drawerProps.onOpenChange) === null || _a === undefined ? undefined : _a.call(drawerProps, newOpen);
+    }, [drawerProps, onClose]);
+    const style = React.useMemo(() => (Object.assign(Object.assign(Object.assign({ position: 'fixed', left: disableNavigationOffset ? undefined : size }, styleProp), (leftOffset !== undefined && { left: leftOffset })), (topOffset !== undefined && { top: topOffset }))), [disableNavigationOffset, styleProp, leftOffset, size, topOffset]);
+    return (React.createElement(uikit.Drawer, Object.assign({ className: b(null, className), open: open, onOpenChange: onOpenChange, style: style, contentClassName: b('drawer-item', drawerItemClassName) }, drawerProps), drawerItemContent));
 }
 exports.HotkeysPanel = HotkeysPanel;

package/build/cjs/components/HotkeysPanel/HotkeysPanel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HotkeysPanel.js","sources":["../../../../../src/components/HotkeysPanel/HotkeysPanel.tsx"],"sourcesContent":["import React, {useCallback, useMemo, useState} from 'react';\nimport type {ReactNode} from 'react';\n\nimport {Drawer, HelpMark, Hotkey, List, Text, TextInput} from '@gravity-ui/uikit';\nimport type {DrawerProps, HotkeyProps, ListProps} from '@gravity-ui/uikit';\n\nimport {createBlock} from '../utils/cn';\n\nimport type {HotkeysGroup, HotkeysListItem} from './types';\nimport {filterHotkeys} from './utils/filterHotkeys';\nimport {flattenHotkeyGroups} from './utils/flattenHotkeyGroups';\n\nimport styles from './HotkeysPanel.module.scss';\n\nconst b = createBlock('hotkeys-panel', styles);\n\nexport type HotkeysPanelProps<T> = {\n hotkeys: HotkeysGroup<T>[];\n title?: ReactNode;\n togglePanelHotkey?: string;\n filterable?: boolean;\n filterPlaceholder?: string;\n emptyState?: ReactNode;\n open: boolean;\n onClose?: () => void;\n className?: string;\n drawerItemClassName?: string;\n filterClassName?: string;\n titleClassName?: string;\n itemContentClassName?: string;\n listClassName?: string;\n leftOffset?: number \| string;\n topOffset?: number \| string;\n style?: React.CSSProperties;\n platform?: HotkeyProps['platform'];\n} & Omit<\n ListProps<HotkeysListItem>,\n \| 'items'\n \| 'emptyPlaceholder'\n \| 'className'\n \| 'size'\n \| 'renderItem'\n \| 'filterable'\n \| 'autoFocus'\n \| 'filterPlaceholder'\n \| 'filterClassName'\n \| 'filter'\n \| 'filterItem'\n \| 'onFilterEnd'\n \| 'onFilterUpdate'\n~~> &\n Pick<DrawerProps, 'container' \| 'hideVeil'~~>;\n\nexport function HotkeysPanel<T = {}>({\n open,\n onClose,\n leftOffset,\n topOffset,\n className,\n drawerItemClassName,\n filterClassName,\n titleClassName,\n listClassName,\n itemContentClassName,\n hotkeys,\n itemClassName,\n filterable = true,\n filterPlaceholder,\n title,\n togglePanelHotkey,\n emptyState,\n ~~style~~,\n ~~container~~,\n ~~hideVeil~~,\n ~~platform~~,\n ...listProps\n}: HotkeysPanelProps<T>) {\n const [filter, setFilter] = useState('');\n\n const hotkeysList = useMemo(() => {\n const filteredHotkeys = filterHotkeys(hotkeys, filter);\n return flattenHotkeyGroups(filteredHotkeys);\n }, [hotkeys, filter]);\n\n const renderItem = useCallback(\n (item: HotkeysListItem) => (\n <Text\n as={item.group ? ('h3' as const) : ('p' as const)}\n variant={item.group ? 'subheader-2' : 'body-1'}\n className={b(\n 'item-content',\n {type: item.group ? 'group' : 'item'},\n itemContentClassName,\n )}\n key={item.title}\n >\n <span>\n {item.title}\n {item.hint && (\n <HelpMark\n aria-hidden\n popoverProps={{className: b('item-hint-tooltip')}}\n className={b('item-hint')}\n >\n {item.hint}\n </HelpMark>\n )}\n </span>\n {item.value && (\n <Hotkey className={b('hotkey')} value={item.value} platform={platform} />\n )}\n </Text>\n ),\n [itemContentClassName, platform],\n );\n\n const drawerItemContent = (\n <React.Fragment>\n <Text variant=\"subheader-3\" as={'h2' as const} className={b('title', titleClassName)}>\n {title}\n {togglePanelHotkey && <Hotkey value={togglePanelHotkey} platform={platform} />}\n </Text>\n {filterable && (\n <TextInput\n value={filter}\n onUpdate={setFilter}\n placeholder={filterPlaceholder}\n autoFocus\n className={b('search', filterClassName)}\n hasClear\n />\n )}\n <List<HotkeysListItem>\n className={b('list', listClassName)}\n virtualized={false}\n filterable={false}\n items={hotkeysList}\n renderItem={renderItem}\n itemClassName={b('item', itemClassName)}\n emptyPlaceholder={emptyState}\n {...listProps}\n />\n </React.Fragment>\n );\n\n ~~return~~ (\n ~~<Drawer~~\n ~~container=~~{~~container}~~\n ~~hideVeil={hideVeil~~}\n ~~className={b~~(~~null~~, ~~className~~)}\n ~~open~~=~~{open}~~\n ~~onOpenChange={~~(~~open~~) => ~~!open && onClose?.~~()}\n ~~style={{\n~~ position: '~~absolute~~',\n ...~~style~~,\n ...(leftOffset !== undefined && {left: leftOffset}),\n ...(topOffset !== undefined && {top: topOffset}),\n }}\n contentClassName={b('drawer-item', drawerItemClassName)}\n >\n {drawerItemContent}\n </Drawer>\n );\n}\n"],"names":["createBlock","styles","__rest","useState","useMemo","filterHotkeys","flattenHotkeyGroups","useCallback","Text","HelpMark","Hotkey","TextInput","List","Drawer"],"mappings":"~~;;;;;;;;;;AAcA~~,MAAM,CAAC,GAAGA,cAAW,CAAC,eAAe,EAAEC,2BAAM,CAAC;~~AAuCxC~~,SAAU,YAAY,CAAS,EAuBd,EAAA;QAvBc,EACjC,IAAI,EACJ,OAAO,EACP,UAAU,EACV,SAAS,EACT,SAAS,EACT,mBAAmB,EACnB,eAAe,EACf,cAAc,EACd,aAAa,EACb,oBAAoB,EACpB,OAAO,EACP,aAAa,EACb,UAAU,GAAG,IAAI,EACjB,iBAAiB,EACjB,KAAK,EACL,iBAAiB,EACjB,UAAU,EACV,KAAK,~~EACL~~,SAAS,~~EACT~~,~~QAAQ~~,~~EACR~~,~~QAAQ~~,~~OAEW~~,EADhB,SAAS,GAtBqBC,gBAAA,CAAA,EAAA,EAAA,CAAA,MAAA,EAAA,SAAA,EAAA,YAAA,EAAA,WAAA,EAAA,WAAA,EAAA,qBAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,sBAAA,EAAA,SAAA,EAAA,eAAA,EAAA,YAAA,EAAA,mBAAA,EAAA,OAAA,EAAA,mBAAA,EAAA,YAAA,EAAA,~~OAAA~~,EAAA,~~WAAA~~,EAAA,~~UAAA~~,EAAA,~~UAAA~~,CAuBpC,CADe;IAEZ,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAGC,cAAQ,CAAC,EAAE,CAAC;AAExC,IAAA,MAAM,WAAW,GAAGC,aAAO,CAAC,MAAK;QAC7B,MAAM,eAAe,GAAGC,2BAAa,CAAC,OAAO,EAAE,MAAM,CAAC;AACtD,QAAA,OAAOC,uCAAmB,CAAC,eAAe,CAAC;AAC/C,KAAC,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;AAErB,IAAA,MAAM,UAAU,GAAGC,iBAAW,CAC1B,CAAC,IAAqB,MAClB,KAAA,CAAA,aAAA,CAACC,UAAI,EAAA,EACD,EAAE,EAAE,IAAI,CAAC,KAAK,GAAI,IAAc,GAAI,GAAa,EACjD,OAAO,EAAE,IAAI,CAAC,KAAK,GAAG,aAAa,GAAG,QAAQ,EAC9C,SAAS,EAAE,CAAC,CACR,cAAc,EACd,EAAC,IAAI,EAAE,IAAI,CAAC,KAAK,GAAG,OAAO,GAAG,MAAM,EAAC,EACrC,oBAAoB,CACvB,EACD,GAAG,EAAE,IAAI,CAAC,KAAK,EAAA;AAEf,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA;AACK,YAAA,IAAI,CAAC,KAAK;AACV,YAAA,IAAI,CAAC,IAAI,KACN,KAAC,CAAA,aAAA,CAAAC,cAAQ,EAEL,EAAA,aAAA,EAAA,IAAA,EAAA,YAAY,EAAE,EAAC,SAAS,EAAE,CAAC,CAAC,mBAAmB,CAAC,EAAC,EACjD,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,EAAA,EAExB,IAAI,CAAC,IAAI,CACH,CACd,CACE;AACN,QAAA,IAAI,CAAC,KAAK,KACP,oBAACC,YAAM,EAAA,EAAC,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAC5E,CACE,CACV,EACD,CAAC,oBAAoB,EAAE,QAAQ,CAAC,CACnC;AAED,IAAA,MAAM,iBAAiB,IACnB,KAAC,CAAA,aAAA,CAAA,KAAK,CAAC,QAAQ,EAAA,IAAA;AACX,QAAA,KAAA,CAAA,aAAA,CAACF,UAAI,EAAC,EAAA,OAAO,EAAC,aAAa,EAAC,EAAE,EAAE,IAAa,EAAE,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,cAAc,CAAC,EAAA;YAC/E,KAAK;AACL,YAAA,iBAAiB,IAAI,KAAA,CAAA,aAAA,CAACE,YAAM,EAAA,EAAC,KAAK,EAAE,iBAAiB,EAAE,QAAQ,EAAE,QAAQ,EAAA,CAAI,CAC3E;AACN,QAAA,UAAU,KACP,KAAC,CAAA,aAAA,CAAAC,eAAS,EACN,EAAA,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,SAAS,EACnB,WAAW,EAAE,iBAAiB,EAC9B,SAAS,EAAA,IAAA,EACT,SAAS,EAAE,CAAC,CAAC,QAAQ,EAAE,eAAe,CAAC,EACvC,QAAQ,SACV,CACL;QACD,KAAC,CAAA,aAAA,CAAAC,UAAI,kBACD,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,aAAa,CAAC,EACnC,WAAW,EAAE,KAAK,EAClB,UAAU,EAAE,KAAK,EACjB,KAAK,EAAE,WAAW,EAClB,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,CAAC,CAAC,MAAM,EAAE,aAAa,CAAC,EACvC,gBAAgB,EAAE,UAAU,EAAA,EACxB,SAAS,CACf,CAAA,CACW,CACpB;AAED,IAAA,~~QACI~~,~~KAAC~~,~~CAAA~~,~~aAAA~~,~~CAAAC~~,~~YAAM~~,~~IACH~~,~~SAAS~~,EAAE,~~SAAS~~,~~EACpB~~,~~QAAQ~~,~~EAAE~~,~~QAAQ~~,~~EAClB~~,~~SAAS~~,~~EAAE~~,~~CAAC~~,~~CAAC~~,~~IAAI~~,~~EAAE~~,~~SAAS~~,~~CAAC~~,~~EAC7B~~,~~IAAI~~,~~EAAE~~,~~IAAI~~,~~EACV~~,~~YAAY~~,~~EAAE~~,~~CAAC~~,~~IAAI~~,~~KAAK~~,~~CAAC~~,~~IAAI~~,~~KAAI~~,~~OAAO~~,~~KAAA~~,IAAA,~~IAAP~~,~~OAAO~~,~~KAAP~~,SAAA,GAAA,SAAA,GAAA,~~OAAO~~,~~EAAI~~,CAAA,~~EAC5C~~,KAAK,~~EAAA~~,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,~~EACD~~,QAAQ,EAAE,~~UAAU~~,~~IACjB~~,~~KAAK~~,CAAA,~~GACJ~~,UAAU,KAAK,SAAS,IAAI,EAAC,IAAI,EAAE,UAAU,EAAC,~~EAAC,GAC~~/C,SAAS,KAAK,SAAS,IAAI,EAAC,GAAG,EAAE,SAAS,EAAC,~~IAEnD~~,gBAAgB,EAAE,CAAC,CAAC,aAAa,EAAE,mBAAmB,CAAC,~~IAEtD~~,iBAAiB,CACb;AAEjB;;;;"}
1	+ {"version":3,"file":"HotkeysPanel.js","sources":["../../../../../src/components/HotkeysPanel/HotkeysPanel.tsx"],"sourcesContent":["import React, {useCallback, useMemo, useState} from 'react';\nimport type {ReactNode} from 'react';\n\nimport {Drawer, HelpMark, Hotkey, List, Text, TextInput} from '@gravity-ui/uikit';\nimport type {DrawerProps, HotkeyProps, ListProps} from '@gravity-ui/uikit';\n\nimport {useSafeAsideHeaderContext} from '../AsideHeader/AsideHeaderContext';\nimport {createBlock} from '../utils/cn';\n\nimport type {HotkeysGroup, HotkeysListItem} from './types';\nimport {filterHotkeys} from './utils/filterHotkeys';\nimport {flattenHotkeyGroups} from './utils/flattenHotkeyGroups';\n\nimport styles from './HotkeysPanel.module.scss';\n\nconst b = createBlock('hotkeys-panel', styles);\n\nexport type HotkeysPanelProps<T> = {\n hotkeys: HotkeysGroup<T>[];\n title?: ReactNode;\n togglePanelHotkey?: string;\n filterable?: boolean;\n filterPlaceholder?: string;\n emptyState?: ReactNode;\n open: boolean;\n onClose?: () => void;\n className?: string;\n drawerItemClassName?: string;\n filterClassName?: string;\n titleClassName?: string;\n itemContentClassName?: string;\n listClassName?: string;\n leftOffset?: number \| string;\n topOffset?: number \| string;\n style?: React.CSSProperties;\n platform?: HotkeyProps['platform'];\n drawerProps?: Omit<DrawerProps, 'style' \| 'contentClassName' \| 'open' \| 'className'>;\n disableNavigationOffset?: boolean;\n} & Omit<\n ListProps<HotkeysListItem>,\n \| 'items'\n \| 'emptyPlaceholder'\n \| 'className'\n \| 'size'\n \| 'renderItem'\n \| 'filterable'\n \| 'autoFocus'\n \| 'filterPlaceholder'\n \| 'filterClassName'\n \| 'filter'\n \| 'filterItem'\n \| 'onFilterEnd'\n \| 'onFilterUpdate'\n>;\n\nexport function HotkeysPanel<T = {}>({\n open,\n onClose,\n leftOffset,\n topOffset,\n className,\n drawerItemClassName,\n filterClassName,\n titleClassName,\n listClassName,\n itemContentClassName,\n hotkeys,\n itemClassName,\n filterable = true,\n filterPlaceholder,\n title,\n togglePanelHotkey,\n emptyState,\n platform,\n drawerProps,\n style: styleProp,\n disableNavigationOffset = false,\n ...listProps\n}: HotkeysPanelProps<T>) {\n const [filter, setFilter] = useState('');\n\n const {size} = useSafeAsideHeaderContext() ?? {size: 0};\n\n const hotkeysList = useMemo(() => {\n const filteredHotkeys = filterHotkeys(hotkeys, filter);\n return flattenHotkeyGroups(filteredHotkeys);\n }, [hotkeys, filter]);\n\n const renderItem = useCallback(\n (item: HotkeysListItem) => (\n <Text\n as={item.group ? ('h3' as const) : ('p' as const)}\n variant={item.group ? 'subheader-2' : 'body-1'}\n className={b(\n 'item-content',\n {type: item.group ? 'group' : 'item'},\n itemContentClassName,\n )}\n key={item.title}\n >\n <span>\n {item.title}\n {item.hint && (\n <HelpMark\n aria-hidden\n popoverProps={{className: b('item-hint-tooltip')}}\n className={b('item-hint')}\n >\n {item.hint}\n </HelpMark>\n )}\n </span>\n {item.value && (\n <Hotkey className={b('hotkey')} value={item.value} platform={platform} />\n )}\n </Text>\n ),\n [itemContentClassName, platform],\n );\n\n const drawerItemContent = (\n <React.Fragment>\n <Text variant=\"subheader-3\" as={'h2' as const} className={b('title', titleClassName)}>\n {title}\n {togglePanelHotkey && <Hotkey value={togglePanelHotkey} platform={platform} />}\n </Text>\n {filterable && (\n <TextInput\n value={filter}\n onUpdate={setFilter}\n placeholder={filterPlaceholder}\n autoFocus\n className={b('search', filterClassName)}\n hasClear\n />\n )}\n <List<HotkeysListItem>\n className={b('list', listClassName)}\n virtualized={false}\n filterable={false}\n items={hotkeysList}\n renderItem={renderItem}\n itemClassName={b('item', itemClassName)}\n emptyPlaceholder={emptyState}\n {...listProps}\n />\n </React.Fragment>\n );\n\n const onOpenChange = useCallback(\n (newOpen: boolean) => {\n if (!newOpen) {\n onClose?.();\n }\n\n drawerProps?.onOpenChange?.(newOpen);\n },\n [drawerProps, onClose],\n );\n\n const style = useMemo<React.CSSProperties>(\n () => ({\n position: 'fixed',\n left: disableNavigationOffset ? undefined : size,\n ...styleProp,\n ...(leftOffset !== undefined && {left: leftOffset}),\n ...(topOffset !== undefined && {top: topOffset}),\n }),\n [disableNavigationOffset, styleProp, leftOffset, size, topOffset],\n );\n\n return (\n <Drawer\n className={b(null, className)}\n open={open}\n onOpenChange={onOpenChange}\n style={style}\n contentClassName={b('drawer-item', drawerItemClassName)}\n {...drawerProps}\n >\n {drawerItemContent}\n </Drawer>\n );\n}\n"],"names":["createBlock","styles","__rest","useState","useSafeAsideHeaderContext","useMemo","filterHotkeys","flattenHotkeyGroups","useCallback","Text","HelpMark","Hotkey","TextInput","List","Drawer"],"mappings":"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"}

package/build/cjs/components/Logo/Logo.css CHANGED Viewed

	@@ -1 +1 @@
1	- .Logo-module__gn-logo___u7qyb{align-items:center;display:flex;height:~~var(--_--item-height)~~}.Logo-module__gn-logo__btn-logo___tvsre{align-items:center;cursor:pointer;display:flex;flex-shrink:0;justify-content:flex-start;overflow-wrap:break-word;width:100%;word-break:break-word}.Logo-module__gn-logo__btn-logo___tvsre, .Logo-module__gn-logo__btn-logo___tvsre:active, .Logo-module__gn-logo__btn-logo___tvsre:focus, .Logo-module__gn-logo__btn-logo___tvsre:hover, .Logo-module__gn-logo__btn-logo___tvsre:visited{color:inherit;outline:none;text-decoration:none}.Logo-module__gn-logo__btn-logo___tvsre:focus-visible{outline:solid var(--g-color-line-misc);outline-offset:-2px}.Logo-module__gn-~~logo__logo_placement_header___Ghylv{margin:0 var(--g-spacing-4) 0 var(--g-spacing-2)}.Logo-module__gn-~~logo__logo-enter-active___v-EHi, .Logo-module__gn-logo__logo-enter___guT20, .Logo-module__gn-logo__logo_collapsed___qgaAZ{opacity:0}.Logo-module__gn-logo__logo-enter-done___rEUEb, .Logo-module__gn-logo__logo-exit___BtM0n{opacity:1;transition:opacity 50ms ease-in-out}.Logo-module__gn-logo__logo-exit-active___EJwFb, .Logo-module__gn-logo__logo-exit-done___1j9-s{opacity:0}.Logo-module__gn-logo__logo-icon-place___HUtrN{align-items:center;display:flex;flex-shrink:0;justify-content:center;width:~~var(--_--item-height,~~36px)}
1	+ .Logo-module__gn-logo___u7qyb{align-items:center;display:flex;height:40px}.Logo-module__gn-logo__btn-logo___tvsre{align-items:center;cursor:pointer;display:flex;flex-shrink:0;justify-content:flex-start;overflow-wrap:break-word;width:100%;word-break:break-word}.Logo-module__gn-logo__btn-logo___tvsre, .Logo-module__gn-logo__btn-logo___tvsre:active, .Logo-module__gn-logo__btn-logo___tvsre:focus, .Logo-module__gn-logo__btn-logo___tvsre:hover, .Logo-module__gn-logo__btn-logo___tvsre:visited{color:inherit;outline:none;text-decoration:none}.Logo-module__gn-logo__btn-logo___tvsre:focus-visible{outline:solid var(--g-color-line-misc);outline-offset:-2px}.Logo-module__gn-logo__logo-icon-place___HUtrN{align-items:center;display:flex;flex-shrink:0;justify-content:center;width:36px}

package/build/cjs/components/Logo/Logo.d.ts CHANGED Viewed

@@ -1,11 +1,7 @@
 import React from 'react';
 import { LogoProps } from '../types';
-interface Props extends LogoProps {
-    placement: 'header' | 'footer';
-    isCompactMode?: boolean;
-    isExpanded?: boolean;
+export declare const Logo: React.FC<LogoProps & {
+    compact?: boolean;
     buttonClassName?: string;
     iconPlaceClassName?: string;
-}
-export declare const Logo: React.FC<Props>;
-export {};
+}>;

package/build/cjs/components/Logo/Logo.js CHANGED Viewed

@@ -4,25 +4,12 @@ import './Logo.css';
 var tslib_es6 = require('../../node_modules/tslib/tslib.es6.js');
 var React = require('react');
 var uikit = require('@gravity-ui/uikit');
-var reactTransitionGroup = require('react-transition-group');
-var constants = require('../constants.js');
 var cn = require('../utils/cn.js');
 var Logo_module = require('./Logo.module.scss.js');
 const b = cn.createBlock('logo', Logo_module.default);
-const logoTransitionClasses = {
-    enter: b('logo-enter'),
-    enterActive: b('logo-enter-active'),
-    enterDone: b('logo-enter-done'),
-    exit: b('logo-exit'),
-    exitActive: b('logo-exit-active'),
-    exitDone: b('logo-exit-done'),
-};
-const Logo = (_a) => {
-    var { text, icon, iconSrc, iconClassName, iconPlaceClassName, textSize = 15, href, target = '_self', wrapper, onClick, isExpanded = true, className, buttonClassName, isCompactMode, placement, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby } = _a, props = tslib_es6.__rest(_a, ["text", "icon", "iconSrc", "iconClassName", "iconPlaceClassName", "textSize", "href", "target", "wrapper", "onClick", "isExpanded", "className", "buttonClassName", "isCompactMode", "placement", 'aria-label', 'aria-labelledby']);
+const Logo = ({ text, icon, iconSrc, iconClassName, iconPlaceClassName, iconSize = 24, textSize = 15, href, target = '_self', wrapper, onClick, compact, className, buttonClassName, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, }) => {
     const hasWrapper = typeof wrapper === 'function';
-    const defaultIconSize = isCompactMode === false ? 32 : 24;
-    const iconSize = props.iconSize || defaultIconSize;
     let buttonIcon;
     if (iconSrc) {
         buttonIcon = (React.createElement("span", { className: iconClassName },
@@ -36,9 +23,9 @@ const Logo = (_a) => {
         logo = text();
     }
     else {
-        logo = (React.createElement("div", { className: b('logo', { collapsed: !isExpanded, placement }), style: { fontSize: textSize } }, text));
+        logo = (React.createElement("div", { className: b('logo'), style: { fontSize: textSize } }, text));
     }
-    const _b = href
+    const _a = href
         ? {
             tag: 'a',
             target,
@@ -47,11 +34,11 @@ const Logo = (_a) => {
             'aria-label': ariaLabel,
             'aria-labelledby': ariaLabelledby,
         }
-        : { tag: 'span' }, { tag: Button } = _b, buttonProps = tslib_es6.__rest(_b, ["tag"]);
+        : { tag: 'span' }, { tag: Button } = _a, buttonProps = tslib_es6.__rest(_a, ["tag"]);
     const button = (React.createElement(Button, Object.assign({}, buttonProps, { className: b('btn-logo', buttonClassName), onClick: onClick }),
         React.createElement("span", { className: b('logo-icon-place', iconPlaceClassName) }, buttonIcon),
-        React.createElement(reactTransitionGroup.CSSTransition, { in: isExpanded, timeout: constants.ASIDE_HEADER_EXPAND_TRANSITION_DELAY, classNames: logoTransitionClasses }, logo)));
-    return (React.createElement("div", { className: b(null, className) }, hasWrapper ? wrapper(button, Boolean(isExpanded)) : button));
+        !compact && logo));
+    return (React.createElement("div", { className: b(null, className) }, hasWrapper ? wrapper(button, Boolean(compact)) : button));
 };
 exports.Logo = Logo;

package/build/cjs/components/Logo/Logo.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Logo.js","sources":["../../../../../src/components/Logo/Logo.tsx"],"sourcesContent":["import React from 'react';\n\nimport {Icon} from '@gravity-ui/uikit';\~~nimport {CSSTransition} from 'react-transition-group';\~~n\nimport {~~ASIDE_HEADER_EXPAND_TRANSITION_DELAY} from '../constants';\nimport {~~LogoProps} from '../types';\nimport {createBlock} from '../utils/cn';\n\nimport styles from './Logo.module.scss';\n\nconst b = createBlock('logo', styles);\n\~~nconst~~ ~~logoTransitionClasses~~ ~~= {\n enter~~: ~~b('logo-enter'),\~~n ~~enterActive:~~ ~~b('logo-enter-active'),\n enterDone:~~ ~~b('logo-enter-done'),\n exit: b('logo-exit'),\n exitActive: b('logo-exit-active'),\n exitDone: b('logo-exit-done'),\n};\n\ninterface Props extends LogoProps~~ {~~\n placement: 'header' \| 'footer';\n isCompactMode~~?: boolean~~;\n isExpanded?:~~ ~~boolean;\n~~ buttonClassName?: string~~;\n~~ iconPlaceClassName?: string~~;\n~~}\n~~\nexport const Logo: React.FC<Props~~> = ({\n text,\n icon,\n iconSrc,\n iconClassName,\n iconPlaceClassName,\n textSize = 15,\n href,\n target = '_self',\n wrapper,\n onClick,\n ~~isExpanded = true~~,\n className,\n buttonClassName,\n ~~isCompactMode,\n placement,\n~~ 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledby,\n ~~...props\n~~}) => {\n const hasWrapper = typeof wrapper === 'function';\n ~~const defaultIconSize = isCompactMode === false ? 32 : 24;\n const iconSize = props.iconSize \|\| defaultIconSize;\n~~\n let buttonIcon;\n\n if (iconSrc) {\n buttonIcon = (\n <span className={iconClassName}>\n <img alt=\"logo icon\" src={iconSrc} width={iconSize} height={iconSize} />\n </span>\n );\n } else if (icon) {\n buttonIcon = <Icon data={icon} size={iconSize} className={iconClassName} />;\n }\n\n let logo: React.ReactNode;\n\n if (typeof text === 'function') {\n logo = text();\n } else {\n logo = (\n <div\n className={b('logo'~~, {collapsed: !isExpanded, placement}~~)}\n style={{fontSize: textSize}}\n >\n {text}\n </div>\n );\n }\n\n const {tag: Button, ...buttonProps} = href\n ? ({\n tag: 'a',\n target,\n rel: target === '_self' ? undefined : 'noreferrer',\n href,\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledby,\n } as const)\n : ({tag: 'span'} as const);\n\n const button = (\n <Button {...buttonProps} className={b('btn-logo', buttonClassName)} onClick={onClick}>\n <span className={b('logo-icon-place', iconPlaceClassName)}>{buttonIcon}</span>\n\n ~~<CSSTransition\n in=~~{~~isExpanded}\n timeout={ASIDE_HEADER_EXPAND_TRANSITION_DELAY}\n classNames={logoTransitionClasses}\n >\n {~~logo}\n ~~</CSSTransition>\n~~ </Button>\n );\n\n return (\n <div className={b(null, className)}>\n {hasWrapper ? wrapper(button, Boolean(~~isExpanded~~)) : button}\n </div>\n );\n};\n"],"names":["createBlock","styles","~~__rest","~~Icon","~~CSSTransition~~"~~,"ASIDE_HEADER_EXPAND_TRANSITION_DELAY"~~],"mappings":"~~;;;;;;;;;;AAWA~~,MAAM,CAAC,GAAGA,cAAW,CAAC,MAAM,EAAEC,mBAAM,CAAC;~~AAErC~~,~~MAAM,qBAAqB,GAAG;AAC1B,IAAA,KAAK,EAAE,CAAC,CAAC,YAAY,CAAC;AACtB,IAAA,WAAW,EAAE,CAAC,CAAC,mBAAmB,CAAC;AACnC,IAAA,SAAS,EAAE,CAAC,CAAC,iBAAiB,CAAC;AAC/B,IAAA,~~IAAI,~~EAAE~~,CAAC,~~CAAC~~,~~WAAW,CAAC;AACpB,IAAA,UAAU,EAAE,CAAC,CAAC,kBAAkB,CAAC;AACjC,IAAA,QAAQ,EAAE,CAAC,CAAC,gBAAgB,CAAC;CAChC;AAUY,MAAA,~~IAAI,~~GAAoB,CAAC,EAmBrC,KAAI;QAnBiC,EAClC,IAAI,~~EACJ,IAAI,EACJ,OAAO,EACP,aAAa,EACb,kBAAkB,EAClB,QAAQ,GAAG,EAAE,EACb,IAAI,EACJ,MAAM,GAAG,OAAO,EAChB,OAAO,EACP,OAAO,EACP,~~UAAU~~,~~GAAG~~,~~IAAI,EACjB,~~SAAS,EACT,eAAe,EACf,~~aAAa,EACb,SAAS,EACT,~~YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,~~OAEpC~~,EADM,KAAK,GAlB0BC,gBAAA,CAAA,EAAA,EAAA,CAAA,MAAA,EAAA,MAAA,EAAA,SAAA,EAAA,eAAA,EAAA,oBAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,YAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,WAAA,EAAA,YAAA,EAAA,iBAAA,CAmBrC,CADW;~~AAER~~,IAAA,MAAM,UAAU,GAAG,OAAO,OAAO,KAAK,UAAU;~~AAChD~~,IAAA,~~MAAM,eAAe,GAAG,aAAa,KAAK,KAAK,GAAG,EAAE,GAAG,EAAE;AACzD,IAAA,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,~~IAAI,~~eAAe;AAElD,IAAA,IAAI,~~UAAU;IAEd,IAAI,OAAO,EAAE;AACT,QAAA,UAAU,IACN,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,aAAa,EAAA;AAC1B,YAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAC,WAAW,EAAC,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAI,CAAA,CACrE,CACV;;SACE,IAAI,IAAI,EAAE;AACb,QAAA,UAAU,GAAG,KAAC,CAAA,aAAA,CAAAC,UAAI,EAAC,EAAA,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,aAAa,GAAI;;AAG/E,IAAA,IAAI,IAAqB;AAEzB,IAAA,IAAI,OAAO,IAAI,KAAK,UAAU,EAAE;QAC5B,IAAI,GAAG,IAAI,EAAE;;SACV;~~AACH~~,~~QAAA,~~IAAI,IACA,~~KACI~~,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,CAAC,CAAC,MAAM,~~EAAE,EAAC,SAAS,EAAE,~~CAAC,~~UAAU,~~EAAE,~~SAAS,EAAC,CAAC,EACzD,~~KAAK,EAAE,EAAC,QAAQ,EAAE,QAAQ,EAAC,EAAA,~~EAE1B,~~IAAI,CACH,CACT;;AAGL,IAAA,MAAM,KAAgC;AAClC,UAAG;AACG,YAAA,GAAG,EAAE,GAAG;YACR,MAAM;YACN,GAAG,EAAE,MAAM,KAAK,OAAO,GAAG,SAAS,GAAG,YAAY;YAClD,IAAI;AACJ,YAAA,YAAY,EAAE,SAAS;AACvB,YAAA,iBAAiB,EAAE,cAAc;AAC1B;AACb,UAAG,EAAC,GAAG,EAAE,MAAM,EAAW,EATxB,EAAC,GAAG,EAAE,MAAM,EASY,GAAA,EAAA,EATP,WAAW,~~GAA5BD~~,gBAAA,CAAA,EAAA,EAAA,CAAA,KAAA,CAA6B,CASL;AAE9B,IAAA,MAAM,MAAM,IACR,oBAAC,MAAM,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,WAAW,EAAE,EAAA,SAAS,EAAE,CAAC,CAAC,UAAU,EAAE,eAAe,CAAC,EAAE,OAAO,EAAE,OAAO,EAAA,CAAA;QAChF,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,CAAC,CAAC,iBAAiB,EAAE,kBAAkB,CAAC,EAAG,EAAA,UAAU,CAAQ;~~AAE9E~~,QAAA,~~KAAA~~,~~CAAA,aAAA,CAACE,kCAAa,EACV,EAAA,EAAE,EAAE,UAAU,EACd,~~OAAO,~~EAAEC~~,~~8CAAoC,EAC7C,UAAU,EAAE,qBAAqB,EAAA,EAEhC,~~IAAI,~~CACO~~,~~CACX,~~CACZ;AAED,IAAA,QACI,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAC7B,EAAA,UAAU,GAAG,OAAO,CAAC,MAAM,EAAE,OAAO,CAAC,~~UAAU~~,CAAC,CAAC,GAAG,MAAM,~~CACzD~~;AAEd;;;;"}
1	+ {"version":3,"file":"Logo.js","sources":["../../../../../src/components/Logo/Logo.tsx"],"sourcesContent":["import React from 'react';\n\nimport {Icon} from '@gravity-ui/uikit';\n\nimport {LogoProps} from '../types';\nimport {createBlock} from '../utils/cn';\n\nimport styles from './Logo.module.scss';\n\nconst b = createBlock('logo', styles);\n\nexport const Logo: React.FC<\n LogoProps & {compact?: boolean; buttonClassName?: string; iconPlaceClassName?: string}\n> = ({\n text,\n icon,\n iconSrc,\n iconClassName,\n iconPlaceClassName,\n iconSize = 24,\n textSize = 15,\n href,\n target = '_self',\n wrapper,\n onClick,\n compact,\n className,\n buttonClassName,\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledby,\n}) => {\n const hasWrapper = typeof wrapper === 'function';\n\n let buttonIcon;\n\n if (iconSrc) {\n buttonIcon = (\n <span className={iconClassName}>\n <img alt=\"logo icon\" src={iconSrc} width={iconSize} height={iconSize} />\n </span>\n );\n } else if (icon) {\n buttonIcon = <Icon data={icon} size={iconSize} className={iconClassName} />;\n }\n\n let logo: React.ReactNode;\n\n if (typeof text === 'function') {\n logo = text();\n } else {\n logo = (\n <div className={b('logo')} style={{fontSize: textSize}}>\n {text}\n </div>\n );\n }\n\n const {tag: Button, ...buttonProps} = href\n ? ({\n tag: 'a',\n target,\n rel: target === '_self' ? undefined : 'noreferrer',\n href,\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledby,\n } as const)\n : ({tag: 'span'} as const);\n\n const button = (\n <Button {...buttonProps} className={b('btn-logo', buttonClassName)} onClick={onClick}>\n <span className={b('logo-icon-place', iconPlaceClassName)}>{buttonIcon}</span>\n {!compact && logo}\n </Button>\n );\n\n return (\n <div className={b(null, className)}>\n {hasWrapper ? wrapper(button, Boolean(compact)) : button}\n </div>\n );\n};\n"],"names":["createBlock","styles","Icon","__rest"],"mappings":";;;;;;;;AASA,MAAM,CAAC,GAAGA,cAAW,CAAC,MAAM,EAAEC,mBAAM,CAAC;MAExB,IAAI,GAEb,CAAC,EACD,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,aAAa,EACb,kBAAkB,EAClB,QAAQ,GAAG,EAAE,EACb,QAAQ,GAAG,EAAE,EACb,IAAI,EACJ,MAAM,GAAG,OAAO,EAChB,OAAO,EACP,OAAO,EACP,OAAO,EACP,SAAS,EACT,eAAe,EACf,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,GACpC,KAAI;AACD,IAAA,MAAM,UAAU,GAAG,OAAO,OAAO,KAAK,UAAU;AAEhD,IAAA,IAAI,UAAU;IAEd,IAAI,OAAO,EAAE;AACT,QAAA,UAAU,IACN,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,aAAa,EAAA;AAC1B,YAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAC,WAAW,EAAC,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAI,CAAA,CACrE,CACV;;SACE,IAAI,IAAI,EAAE;AACb,QAAA,UAAU,GAAG,KAAC,CAAA,aAAA,CAAAC,UAAI,EAAC,EAAA,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,aAAa,GAAI;;AAG/E,IAAA,IAAI,IAAqB;AAEzB,IAAA,IAAI,OAAO,IAAI,KAAK,UAAU,EAAE;QAC5B,IAAI,GAAG,IAAI,EAAE;;SACV;QACH,IAAI,IACA,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,EAAC,QAAQ,EAAE,QAAQ,EAAC,EACjD,EAAA,IAAI,CACH,CACT;;AAGL,IAAA,MAAM,KAAgC;AAClC,UAAG;AACG,YAAA,GAAG,EAAE,GAAG;YACR,MAAM;YACN,GAAG,EAAE,MAAM,KAAK,OAAO,GAAG,SAAS,GAAG,YAAY;YAClD,IAAI;AACJ,YAAA,YAAY,EAAE,SAAS;AACvB,YAAA,iBAAiB,EAAE,cAAc;AAC1B;AACb,UAAG,EAAC,GAAG,EAAE,MAAM,EAAW,EATxB,EAAC,GAAG,EAAE,MAAM,EASY,GAAA,EAAA,EATP,WAAW,GAA5BC,gBAAA,CAAA,EAAA,EAAA,CAAA,KAAA,CAA6B,CASL;AAE9B,IAAA,MAAM,MAAM,IACR,oBAAC,MAAM,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,WAAW,EAAE,EAAA,SAAS,EAAE,CAAC,CAAC,UAAU,EAAE,eAAe,CAAC,EAAE,OAAO,EAAE,OAAO,EAAA,CAAA;QAChF,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,CAAC,CAAC,iBAAiB,EAAE,kBAAkB,CAAC,EAAG,EAAA,UAAU,CAAQ;AAC7E,QAAA,CAAC,OAAO,IAAI,IAAI,CACZ,CACZ;AAED,IAAA,QACI,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAC7B,EAAA,UAAU,GAAG,OAAO,CAAC,MAAM,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,MAAM,CACtD;AAEd;;;;"}

package/build/cjs/components/Logo/Logo.module.scss.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-var styles = {"gn-logo":"Logo-module__gn-logo___u7qyb","gnLogo":"Logo-module__gn-logo___u7qyb","gn-logo__btn-logo":"Logo-module__gn-logo__btn-logo___tvsre","gnLogoBtnLogo":"Logo-module__gn-logo__btn-logo___tvsre","gn-logo__logo_placement_header":"Logo-module__gn-logo__logo_placement_header___Ghylv","gnLogoLogoPlacementHeader":"Logo-module__gn-logo__logo_placement_header___Ghylv","gn-logo__logo_collapsed":"Logo-module__gn-logo__logo_collapsed___qgaAZ","gnLogoLogoCollapsed":"Logo-module__gn-logo__logo_collapsed___qgaAZ","gn-logo__logo-enter":"Logo-module__gn-logo__logo-enter___guT20","gnLogoLogoEnter":"Logo-module__gn-logo__logo-enter___guT20","gn-logo__logo-enter-active":"Logo-module__gn-logo__logo-enter-active___v-EHi","gnLogoLogoEnterActive":"Logo-module__gn-logo__logo-enter-active___v-EHi","gn-logo__logo-enter-done":"Logo-module__gn-logo__logo-enter-done___rEUEb","gnLogoLogoEnterDone":"Logo-module__gn-logo__logo-enter-done___rEUEb","gn-logo__logo-exit":"Logo-module__gn-logo__logo-exit___BtM0n","gnLogoLogoExit":"Logo-module__gn-logo__logo-exit___BtM0n","gn-logo__logo-exit-active":"Logo-module__gn-logo__logo-exit-active___EJwFb","gnLogoLogoExitActive":"Logo-module__gn-logo__logo-exit-active___EJwFb","gn-logo__logo-exit-done":"Logo-module__gn-logo__logo-exit-done___1j9-s","gnLogoLogoExitDone":"Logo-module__gn-logo__logo-exit-done___1j9-s","gn-logo__logo-icon-place":"Logo-module__gn-logo__logo-icon-place___HUtrN","gnLogoLogoIconPlace":"Logo-module__gn-logo__logo-icon-place___HUtrN"};
+var styles = {"gn-logo":"Logo-module__gn-logo___u7qyb","gnLogo":"Logo-module__gn-logo___u7qyb","gn-logo__btn-logo":"Logo-module__gn-logo__btn-logo___tvsre","gnLogoBtnLogo":"Logo-module__gn-logo__btn-logo___tvsre","gn-logo__logo-icon-place":"Logo-module__gn-logo__logo-icon-place___HUtrN","gnLogoLogoIconPlace":"Logo-module__gn-logo__logo-icon-place___HUtrN"};
 exports.default = styles;
 //# sourceMappingURL=Logo.module.scss.js.map