@gravity-ui/navigation 4.0.4 → 4.0.5

package/build/cjs/components/MobileHeader/OverlapPanel/OverlapPanel.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { IconProps } from '@gravity-ui/uikit';
+import './OverlapPanel.scss';
 interface OverlapPanelActionProps {
     icon: IconProps['data'];
     className?: string;
@@ -13,8 +14,8 @@ export interface OverlapPanelProps {
     action?: OverlapPanelActionProps;
     renderContent: () => React.ReactNode;
     closeTitle?: string;
-    open: boolean;
+    visible: boolean;
     topOffset?: number | string;
 }
-export declare const OverlapPanel: ({ title, renderContent, className, onClose, action, closeTitle, open, topOffset, }: OverlapPanelProps) => React.JSX.Element;
+export declare const OverlapPanel: ({ title, renderContent, className, onClose, action, closeTitle, visible, topOffset, }: OverlapPanelProps) => React.JSX.Element;
 export {};

package/build/cjs/components/MobileHeader/i18n/index.d.ts

@@ -1,12 +1,4 @@
 declare const _default: ((key: "burger_button_close" | "burger_button_open" | "overlap_button_close", params?: import("@gravity-ui/i18n").Params) => string) & {
-    Translation: import("react").ComponentType<{
-        children: (props: {
-            t: (key: "burger_button_close" | "burger_button_open" | "overlap_button_close", params?: import("@gravity-ui/i18n").Params) => string;
-        }) => React.ReactNode;
-    }>;
-    useTranslation: () => {
-        t: (key: "burger_button_close" | "burger_button_open" | "overlap_button_close", params?: import("@gravity-ui/i18n").Params) => string;
-    };
     keysetData: {
         "gn-MobileHeader": Record<"burger_button_close" | "burger_button_open" | "overlap_button_close", import("@gravity-ui/i18n").KeyData>;
     };

package/build/cjs/components/MobileHeader/types.d.ts

@@ -10,10 +10,9 @@ export interface ModalItem {
     onClose?: () => void;
 }
 type MobileMenuItemType = 'regular' | 'divider';
-export interface MobileMenuItem extends Omit<MenuItem, 'tooltipText' | 'pinned' | 'rightAdornment' | 'afterMoreButton' | 'itemWrapper' | 'onItemClick' | 'href'> {
+export interface MobileMenuItem extends Omit<MenuItem, 'tooltipText' | 'pinned' | 'rightAdornment' | 'afterMoreButton' | 'itemWrapper' | 'onItemClick'> {
     type?: MobileMenuItemType;
     closeMenuOnClick?: boolean;
-    link?: string;
     onItemClick?: (item: MobileMenuItem) => void;
     itemWrapper?: (node: React.ReactNode, item: MobileMenuItem) => React.ReactNode;
 }

package/build/cjs/components/MobileLogo/MobileLogo.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { LogoProps } from '../types';
+import './MobileLogo.scss';
 export interface MobileLogoProps extends LogoProps {
     compact: boolean;
 }

package/build/cjs/components/Settings/Settings.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import type { SettingsGroupProps, SettingsItemProps, SettingsPageProps, SettingsProps, SettingsSectionProps } from './types';
+import './Settings.scss';
 export declare function Settings({ loading, renderLoading, children, view, renderRightAdornment, renderSectionRightAdornment, showRightAdornmentOnHover, ...props }: SettingsProps): React.JSX.Element;
 export declare namespace Settings {
     var Group: ({ children }: SettingsGroupProps) => React.JSX.Element;

package/build/cjs/components/Settings/SettingsMenu/SettingsMenu.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { SettingsMenuProps } from '../types';
+import './SettingsMenu.scss';
 export interface SettingsMenuInstance {
     handleKeyDown(event: React.KeyboardEvent): boolean;
     clearFocus(): void;

package/build/cjs/components/Settings/SettingsMenuMobile/SettingsMenuMobile.d.ts

@@ -1,3 +1,4 @@
 import React from 'react';
 import { SettingsMenuProps } from '../types';
+import './SettingsMenuMobile.scss';
 export declare const SettingsMenuMobile: ({ items, onChange, activeItemId, className, }: SettingsMenuProps) => React.JSX.Element;

package/build/cjs/components/Settings/b.d.ts

@@ -1,6 +1 @@
-export declare const b: {
-    (): string;
-    (mods?: import("@bem-react/classname").NoStrictEntityMods | null, mix?: string | string[] | undefined): string;
-    (elemName: string, elemMix?: string | string[] | undefined): string;
-    (elemName: string, elemMods?: import("@bem-react/classname").NoStrictEntityMods | null, elemMix?: string | string[] | undefined): string;
-};
+export declare const b: import("@bem-react/classname").ClassNameFormatter;

package/build/cjs/components/Settings/i18n/index.d.ts

@@ -1,12 +1,4 @@
 declare const _default: ((key: "label_title" | "label_filter-placeholder" | "label_empty-placeholder" | "label_search" | "label_all-results", params?: import("@gravity-ui/i18n").Params) => string) & {
-    Translation: import("react").ComponentType<{
-        children: (props: {
-            t: (key: "label_title" | "label_filter-placeholder" | "label_empty-placeholder" | "label_search" | "label_all-results", params?: import("@gravity-ui/i18n").Params) => string;
-        }) => React.ReactNode;
-    }>;
-    useTranslation: () => {
-        t: (key: "label_title" | "label_filter-placeholder" | "label_empty-placeholder" | "label_search" | "label_all-results", params?: import("@gravity-ui/i18n").Params) => string;
-    };
     keysetData: {
         "gn-Settings": Record<"label_title" | "label_filter-placeholder" | "label_empty-placeholder" | "label_search" | "label_all-results", import("@gravity-ui/i18n").KeyData>;
     };

package/build/cjs/components/Title/Title.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import './Title.scss';
 interface TitleProps {
     hasSeparator?: boolean;
     closeTitle?: string;

package/build/cjs/components/Title/i18n/index.d.ts

@@ -1,12 +1,4 @@
 declare const _default: ((key: "button_close", params?: import("@gravity-ui/i18n").Params) => string) & {
-    Translation: import("react").ComponentType<{
-        children: (props: {
-            t: (key: "button_close", params?: import("@gravity-ui/i18n").Params) => string;
-        }) => React.ReactNode;
-    }>;
-    useTranslation: () => {
-        t: (key: "button_close", params?: import("@gravity-ui/i18n").Params) => string;
-    };
     keysetData: {
         "gn-Title": Record<"button_close", import("@gravity-ui/i18n").KeyData>;
     };

package/build/cjs/components/TopAlert/TopAlert.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { TopAlertProps } from '../types';
+import './TopAlert.scss';
 type Props = {
     alert?: TopAlertProps;
     className?: string;

package/build/cjs/components/index.d.ts

@@ -1,4 +1,11 @@
-export * from './AsideHeader';
+export { AsideHeader } from './AsideHeader/AsideHeader';
+export type { AsideHeaderProps } from './AsideHeader/types';
+export { AsideHeaderContextProvider, useAsideHeaderContext } from './AsideHeader/AsideHeaderContext';
+export { FooterItem, type FooterItemProps } from './FooterItem/FooterItem';
+export { PageLayout, type PageLayoutProps } from './AsideHeader/components/PageLayout/PageLayout';
+export { PageLayoutAside } from './AsideHeader/components/PageLayout/PageLayoutAside';
+export { AsideFallback } from './AsideHeader/components/PageLayout/AsideFallback';
+export * from './Drawer';
 export * from './ActionBar';
 export * from './Title';
 export * from './HotkeysPanel';

package/build/cjs/components/types.d.ts

@@ -1,5 +1,6 @@
 import React, { HTMLAttributeAnchorTarget } from 'react';
 import { AlertProps, IconProps, QAProps } from '@gravity-ui/uikit';
+import { ItemProps } from './CompositeBar/Item/Item';
 export type MenuItemType = 'regular' | 'action' | 'divider';
 export type OpenModalSubscriber = (open: boolean) => void;
 export interface MakeItemParams {
@@ -13,11 +14,12 @@ export interface MenuItem extends QAProps {
     icon?: IconProps['data'];
     iconSize?: number | string;
     iconQa?: string;
-    href?: string;
+    link?: string;
     current?: boolean;
     pinned?: boolean;
     onItemClick?: (item: MenuItem, collapsed: boolean, event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
     onItemClickCapture?: (event: React.SyntheticEvent) => void;
+    onCollapseItemClick?: () => void;
     itemWrapper?: (p: MakeItemParams, makeItem: (p: MakeItemParams) => React.ReactNode, opts: {
         collapsed: boolean;
         compact: boolean;
@@ -42,6 +44,7 @@ export interface MenuItem extends QAProps {
     category?: string;
     className?: string;
 }
+export type SubheaderMenuItem = Omit<ItemProps, 'onItemClick' | 'onItemClickCapture'>;
 export interface LogoProps {
     text: (() => React.ReactNode) | string;
     className?: string;
@@ -69,11 +72,6 @@ interface TopAlertBaseProps {
     centered?: boolean;
     dense?: boolean;
     onCloseTopAlert?: () => void;
-    /**
-     * SSR-прелоад высоты: true — использовать оценку (dense/title),
-     * число — задать конкретное значение, иначе — не устанавливать.
-     */
-    preloadHeight?: boolean | number;
     render?: never;
 }
 export type TopAlertProps = TopAlertBaseProps | {

package/build/cjs/components/utils/cn.d.ts

@@ -1,10 +1,3 @@
-import { type NoStrictEntityMods } from '@bem-react/classname';
 export declare const NAMESPACE = "gn-";
 export declare const cn: import("@bem-react/classname").ClassNameInitilizer;
 export declare const block: import("@bem-react/classname").ClassNameInitilizer;
-export declare const createBlock: (blockName: string, styles: Record<string, string>) => {
-    (): string;
-    (mods?: NoStrictEntityMods | null, mix?: string | string[] | undefined): string;
-    (elemName: string, elemMix?: string | string[] | undefined): string;
-    (elemName: string, elemMods?: NoStrictEntityMods | null, elemMix?: string | string[] | undefined): string;
-};

package/build/cjs/index-BKGiqMf2.js

@@ -0,0 +1,76 @@
+'use strict';
+
+var React = require('react');
+var uikit = require('@gravity-ui/uikit');
+var index = require('./index-L5I99ugu.js');
+require('@bem-react/classname');
+require('@gravity-ui/icons');
+require('@gravity-ui/uikit/i18n');
+require('react/jsx-runtime');
+require('react-dom');
+require('@gravity-ui/uikit/legacy');
+
+const G_ROOT_CLASS_NAME = 'g-root';
+const useTopAlertHeight = ({ alert }) => {
+    const alertRef = React.useRef(null);
+    const setAsideTopPanelHeight = React.useCallback((clientHeight) => {
+        const gRootElement = document
+            .getElementsByClassName(G_ROOT_CLASS_NAME)
+            .item(0);
+        gRootElement === null || gRootElement === undefined ? undefined : gRootElement.style.setProperty('--gn-top-alert-height', clientHeight + 'px');
+    }, []);
+    const updateTopSize = React.useCallback(() => {
+        var _a;
+        setAsideTopPanelHeight(((_a = alertRef.current) === null || _a === undefined ? undefined : _a.clientHeight) || 0);
+    }, [setAsideTopPanelHeight]);
+    React.useLayoutEffect(() => {
+        const updateTopSizeDebounce = index.debounceFn(updateTopSize, 200, { leading: true });
+        if (alert) {
+            window.addEventListener('resize', updateTopSizeDebounce);
+            updateTopSizeDebounce();
+        }
+        return () => {
+            window.removeEventListener('resize', updateTopSizeDebounce);
+            setAsideTopPanelHeight(0);
+        };
+    }, [alert, alertRef, updateTopSize, setAsideTopPanelHeight]);
+    return {
+        alertRef,
+        updateTopSize,
+    };
+};
+
+var css_248z = ".g-root{--gn-top-alert-height:0px}.gn-top-alert_centered{display:flex;justify-content:space-around}.gn-top-alert_dense{padding-bottom:var(--g-spacing-2);padding-top:var(--g-spacing-2)}.gn-top-alert__wrapper_with-bottom-border:after{background-color:var(--gn-aside-header-divider-horizontal-color,var(--_--horizontal-divider-line-color));content:\"\";display:block;height:1px;margin-top:-1px}";
+index.styleInject(css_248z);
+
+const b = index.block('top-alert');
+const TopAlert = ({ alert, className, mobileView = false }) => {
+    const { alertRef, updateTopSize } = useTopAlertHeight({ alert });
+    const [opened, setOpened] = React.useState(true);
+    const handleClose = React.useCallback(() => {
+        var _a;
+        setOpened(false);
+        if (alert && 'onCloseTopAlert' in alert) {
+            (_a = alert.onCloseTopAlert) === null || _a === undefined ? undefined : _a.call(alert);
+        }
+    }, [alert]);
+    React.useEffect(() => {
+        if (!opened) {
+            updateTopSize();
+        }
+    }, [opened, updateTopSize]);
+    if (!alert) {
+        return null;
+    }
+    const { render } = alert;
+    if (typeof render === 'function') {
+        return (React.createElement("div", { ref: alertRef, className: b('wrapper', { 'with-bottom-border': !mobileView && opened }, className) }, opened && render({ handleClose })));
+    }
+    return (React.createElement("div", { ref: alertRef, className: b('wrapper', { 'with-bottom-border': !mobileView && opened }, className) }, opened && (React.createElement(uikit.Alert, { className: b('', {
+            centered: alert.centered,
+            dense: alert.dense,
+        }), corners: "square", layout: "horizontal", align: alert.align, theme: alert.theme || 'warning', view: alert.view, icon: alert.icon, title: alert.title, message: mobileView ? (React.createElement(uikit.Text, { ellipsisLines: 5, variant: "body-2" }, alert.message)) : (alert.message), actions: alert.actions, onClose: alert.closable ? handleClose : undefined }))));
+};
+
+exports.TopAlert = TopAlert;
+//# sourceMappingURL=index-BKGiqMf2.js.map

package/build/cjs/index-BKGiqMf2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-BKGiqMf2.js","sources":["../../../src/components/TopAlert/useTopAlertHeight.ts","../../../src/components/TopAlert/TopAlert.tsx"],"sourcesContent":["import React from 'react';\n\nimport debounceFn from 'lodash/debounce';\n\nimport {TopAlertProps} from '../types';\n\ntype TopAlertHeightControls = {\n    alertRef: React.RefObject<HTMLDivElement>;\n    updateTopSize: () => void;\n};\n\nconst G_ROOT_CLASS_NAME = 'g-root';\n\nexport const useTopAlertHeight = ({alert}: {alert?: TopAlertProps}): TopAlertHeightControls => {\n    const alertRef = React.useRef<HTMLDivElement>(null);\n\n    const setAsideTopPanelHeight = React.useCallback((clientHeight: number) => {\n        const gRootElement = document\n            .getElementsByClassName(G_ROOT_CLASS_NAME)\n            .item(0) as HTMLElement | null;\n        gRootElement?.style.setProperty('--gn-top-alert-height', clientHeight + 'px');\n    }, []);\n\n    const updateTopSize = React.useCallback(() => {\n        setAsideTopPanelHeight(alertRef.current?.clientHeight || 0);\n    }, [setAsideTopPanelHeight]);\n\n    React.useLayoutEffect(() => {\n        const updateTopSizeDebounce = debounceFn(updateTopSize, 200, {leading: true});\n\n        if (alert) {\n            window.addEventListener('resize', updateTopSizeDebounce);\n            updateTopSizeDebounce();\n        }\n        return () => {\n            window.removeEventListener('resize', updateTopSizeDebounce);\n            setAsideTopPanelHeight(0);\n        };\n    }, [alert, alertRef, updateTopSize, setAsideTopPanelHeight]);\n\n    return {\n        alertRef,\n        updateTopSize,\n    };\n};\n","import React from 'react';\n\nimport {Alert, Text} from '@gravity-ui/uikit';\n\nimport {TopAlertProps} from '../types';\nimport {block} from '../utils/cn';\n\nimport {useTopAlertHeight} from './useTopAlertHeight';\n\nimport './TopAlert.scss';\n\nconst b = block('top-alert');\n\ntype Props = {\n    alert?: TopAlertProps;\n    className?: string;\n    mobileView?: boolean;\n};\n\nexport const TopAlert = ({alert, className, mobileView = false}: Props) => {\n    const {alertRef, updateTopSize} = useTopAlertHeight({alert});\n\n    const [opened, setOpened] = React.useState(true);\n\n    const handleClose = React.useCallback(() => {\n        setOpened(false);\n\n        if (alert && 'onCloseTopAlert' in alert) {\n            alert.onCloseTopAlert?.();\n        }\n    }, [alert]);\n\n    React.useEffect(() => {\n        if (!opened) {\n            updateTopSize();\n        }\n    }, [opened, updateTopSize]);\n\n    if (!alert) {\n        return null;\n    }\n\n    const {render} = alert;\n\n    if (typeof render === 'function') {\n        return (\n            <div\n                ref={alertRef}\n                className={b('wrapper', {'with-bottom-border': !mobileView && opened}, className)}\n            >\n                {opened && render({handleClose})}\n            </div>\n        );\n    }\n\n    return (\n        <div\n            ref={alertRef}\n            className={b('wrapper', {'with-bottom-border': !mobileView && opened}, className)}\n        >\n            {opened && (\n                <Alert\n                    className={b('', {\n                        centered: alert.centered,\n                        dense: alert.dense,\n                    })}\n                    corners=\"square\"\n                    layout=\"horizontal\"\n                    align={alert.align}\n                    theme={alert.theme || 'warning'}\n                    view={alert.view}\n                    icon={alert.icon}\n                    title={alert.title}\n                    message={\n                        mobileView ? (\n                            <Text ellipsisLines={5} variant=\"body-2\">\n                                {alert.message}\n                            </Text>\n                        ) : (\n                            alert.message\n                        )\n                    }\n                    actions={alert.actions}\n                    onClose={alert.closable ? handleClose : undefined}\n                />\n            )}\n        </div>\n    );\n};\n"],"names":["debounceFn","block","Alert","Text"],"mappings":"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"}