@cloud-ru/uikit-product-header 5.0.17

package/dist/cjs/components/PathBreadcrumbs/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./PathBreadcrumbs"), exports);

package/dist/cjs/components/PathBreadcrumbs/styles.module.css

@@ -0,0 +1,5 @@
+.breadcrumbs{
+  padding:var(--dimension-1m, 8px) !important;
+  margin:calc(0px - var(--dimension-1m, 8px)) 0 !important;
+  min-width:0;
+}

package/dist/cjs/components/PlatformLogo/Container.d.ts

@@ -0,0 +1,12 @@
+import { JSXElementConstructor, PropsWithChildren } from 'react';
+import { WithSupportProps } from '@sbercloud/uikit-product-utils';
+export type ContainerProps = PropsWithChildren<WithSupportProps<{
+    className?: string;
+}>>;
+export declare function Container({ children, ...otherProps }: ContainerProps): import("react/jsx-runtime").JSX.Element;
+export type IconComponentProps = {
+    className?: string;
+};
+export declare const getPlatformIconComponent: (Icon: JSXElementConstructor<{
+    size: number;
+}>) => (props: IconComponentProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/PlatformLogo/Container.js

@@ -0,0 +1,28 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getPlatformIconComponent = void 0;
+exports.Container = Container;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function Container(_a) {
+    var { children } = _a, otherProps = __rest(_a, ["children"]);
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: styles_module_scss_1.default.container }, otherProps, { children: children })));
+}
+const getPlatformIconComponent = (Icon) => function IconComponent(props) {
+    return ((0, jsx_runtime_1.jsx)(Container, Object.assign({}, props, { children: (0, jsx_runtime_1.jsx)(Icon, { size: 24 }) })));
+};
+exports.getPlatformIconComponent = getPlatformIconComponent;

package/dist/cjs/components/PlatformLogo/index.d.ts

@@ -0,0 +1,4 @@
+export declare const AdvancedPlatformLogo: (props: import("./Container").IconComponentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const EnterprisePlatformLogo: (props: import("./Container").IconComponentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const EvolutionPlatformLogo: (props: import("./Container").IconComponentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MLSpacePlatformLogo: (props: import("./Container").IconComponentProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/PlatformLogo/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MLSpacePlatformLogo = exports.EvolutionPlatformLogo = exports.EnterprisePlatformLogo = exports.AdvancedPlatformLogo = void 0;
+const uikit_product_icons_1 = require("@sbercloud/uikit-product-icons");
+const Container_1 = require("./Container");
+exports.AdvancedPlatformLogo = (0, Container_1.getPlatformIconComponent)(uikit_product_icons_1.AdvancedSVG);
+exports.EnterprisePlatformLogo = (0, Container_1.getPlatformIconComponent)(uikit_product_icons_1.VmwareSVG);
+exports.EvolutionPlatformLogo = (0, Container_1.getPlatformIconComponent)(uikit_product_icons_1.EvolutionSVG);
+exports.MLSpacePlatformLogo = (0, Container_1.getPlatformIconComponent)(uikit_product_icons_1.MlSpaceSVG);

package/dist/cjs/components/PlatformLogo/styles.module.css

@@ -0,0 +1,11 @@
+.container{
+  width:24px;
+  height:24px;
+  color:var(--sys-primary-on-accent, #fbfffc);
+  fill:var(--sys-primary-on-accent, #fbfffc);
+  background-color:var(--sys-neutral-accent-default, #787b8a);
+  border-radius:var(--dimension-050m, 4px);
+  display:flex;
+  align-items:center;
+  justify-content:center;
+}

package/dist/cjs/components/UserMenu/UserMenu.d.ts

@@ -0,0 +1,14 @@
+import { BaseItemProps, ListProps } from '@snack-uikit/list';
+import { ThemeProps, UserProfileProps } from './types';
+export type UserMenuProps = {
+    profile?: UserProfileProps;
+    theme?: ThemeProps;
+    items?: ListProps['items'];
+    settingItems?: BaseItemProps[];
+    onLogout?(): void;
+    open?: boolean;
+    setOpen?(open: boolean): void;
+    onClick?(): void;
+    isMobile?: boolean;
+};
+export declare function UserMenu({ profile, open: openProp, setOpen: setOpenProp, onLogout, items, settingItems, theme, isMobile, onClick, }: UserMenuProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/UserMenu/UserMenu.js

@@ -0,0 +1,54 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UserMenu = UserMenu;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const uikit_product_locale_1 = require("@sbercloud/uikit-product-locale");
+const uikit_product_mobile_drawer_1 = require("@sbercloud/uikit-product-mobile-drawer");
+const avatar_1 = require("@snack-uikit/avatar");
+const button_1 = require("@snack-uikit/button");
+const list_1 = require("@snack-uikit/list");
+const scroll_1 = require("@snack-uikit/scroll");
+const utils_1 = require("@snack-uikit/utils");
+const useUserMenuItems_1 = require("./hooks/useUserMenuItems");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function UserMenu({ profile = {}, open: openProp, setOpen: setOpenProp, onLogout, items, settingItems, theme, isMobile, onClick, }) {
+    const { t } = (0, uikit_product_locale_1.useLocale)('Header');
+    const [open = false, setOpen] = (0, utils_1.useValueControl)({ value: openProp, onChange: setOpenProp });
+    const { fullName = '', inviteCount } = profile;
+    const userMenuItems = (0, useUserMenuItems_1.useUserMenuItems)({
+        isMobile,
+        profile,
+        theme,
+        items,
+        settingItems,
+        onClose: () => {
+            setOpen(false);
+        },
+        onLogout,
+    });
+    const trigger = (0, react_1.useMemo)(() => ((0, jsx_runtime_1.jsx)(button_1.ButtonFunction, { size: 'm', onClick: () => {
+            setOpen === null || setOpen === void 0 ? void 0 : setOpen(true);
+            onClick === null || onClick === void 0 ? void 0 : onClick();
+        }, counter: Number(inviteCount)
+            ? {
+                value: Number(inviteCount),
+                appearance: 'primary',
+            }
+            : undefined, "data-test-id": 'header__user-menu__button', icon: (0, jsx_runtime_1.jsx)(avatar_1.Avatar, { size: 'xs', name: fullName, showTwoSymbols: true }) })), [fullName, inviteCount, onClick, setOpen]);
+    if (isMobile) {
+        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [trigger, (0, jsx_runtime_1.jsxs)(uikit_product_mobile_drawer_1.MobileDrawerCustom, { open: open, onClose: () => {
+                        setOpen(false);
+                    }, position: 'right', swipeEnabled: false, "data-test-id": 'header__user-menu-mobile', closeOnPopstate: true, children: [(0, jsx_runtime_1.jsx)(uikit_product_mobile_drawer_1.MobileDrawerCustom.Header, { title: t('user') }), (0, jsx_runtime_1.jsx)(scroll_1.Scroll, { barHideStrategy: 'never', children: (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.mobileList, children: (0, jsx_runtime_1.jsx)(list_1.List, { items: userMenuItems, selection: {
+                                        mode: 'single',
+                                        value: 'null',
+                                    }, size: 'm' }) }) })] })] }));
+    }
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(list_1.Droplist, { items: userMenuItems, selection: {
+                mode: 'single',
+                value: 'null',
+            }, trigger: 'click', placement: 'bottom-end', className: styles_module_scss_1.default.userMenuDroplist, closeOnPopstate: true, closeDroplistOnItemClick: true, "data-test-id": 'header__user-menu', children: trigger }) }));
+}

package/dist/cjs/components/UserMenu/hooks/useLogoutItem.d.ts

@@ -0,0 +1,6 @@
+import { ListProps } from '@snack-uikit/list';
+type UseLogoutItemProps = {
+    onLogout?(): void;
+};
+export declare function useLogoutItem({ onLogout }: UseLogoutItemProps): ListProps['items'];
+export {};

package/dist/cjs/components/UserMenu/hooks/useLogoutItem.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLogoutItem = useLogoutItem;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const uikit_product_icons_1 = require("@sbercloud/uikit-product-icons");
+const uikit_product_locale_1 = require("@sbercloud/uikit-product-locale");
+function useLogoutItem({ onLogout }) {
+    const { t } = (0, uikit_product_locale_1.useLocale)('Header');
+    return (0, react_1.useMemo)(() => [
+        { type: 'group', divider: true, items: [] },
+        {
+            content: {
+                option: t('logout'),
+            },
+            beforeContent: (0, jsx_runtime_1.jsx)(uikit_product_icons_1.ExitSVG, {}),
+            onClick: onLogout,
+            'data-test-id': 'header__user-menu__logout',
+        },
+    ], [onLogout, t]);
+}

package/dist/cjs/components/UserMenu/hooks/useProfileItem.d.ts

@@ -0,0 +1,3 @@
+import { BaseItemProps } from '@snack-uikit/list';
+import { UserProfileProps } from '../types';
+export declare function useProfileItem({ fullName, email, itemWrapRender, onClick, }: UserProfileProps): BaseItemProps;

package/dist/cjs/components/UserMenu/hooks/useProfileItem.js

@@ -0,0 +1,29 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useProfileItem = useProfileItem;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const uikit_product_icons_1 = require("@sbercloud/uikit-product-icons");
+const avatar_1 = require("@snack-uikit/avatar");
+const styles_module_scss_1 = __importDefault(require('../styles.module.css'));
+function useProfileItem({ fullName = '', email = '', itemWrapRender, onClick, }) {
+    return (0, react_1.useMemo)(() => ({
+        content: {
+            option: fullName,
+            description: email,
+            truncate: {
+                description: 1,
+            },
+        },
+        onClick,
+        beforeContent: (0, jsx_runtime_1.jsx)(avatar_1.Avatar, { size: 'xs', name: fullName, showTwoSymbols: true }),
+        afterContent: ((0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.settingIcon, children: (0, jsx_runtime_1.jsx)(uikit_product_icons_1.SettingsSVG, {}) })),
+        itemWrapRender,
+        id: 'header__user-menu__button',
+        'data-test-id': 'header__user-menu__manage-profile',
+        className: styles_module_scss_1.default.userMenuInfoItem,
+    }), [email, fullName, itemWrapRender, onClick]);
+}

package/dist/cjs/components/UserMenu/hooks/useThemeItem.d.ts

@@ -0,0 +1,6 @@
+import { DroplistProps } from '@snack-uikit/list';
+import { ThemeProps } from '../types';
+export declare function useThemeItem({ value: themeMode, onChange, isMobile, onClose, }: ThemeProps & {
+    isMobile?: boolean;
+    onClose?(): void;
+}): DroplistProps['items'][0];

package/dist/cjs/components/UserMenu/hooks/useThemeItem.js

@@ -0,0 +1,75 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useThemeItem = useThemeItem;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const uikit_product_icons_1 = require("@sbercloud/uikit-product-icons");
+const uikit_product_locale_1 = require("@sbercloud/uikit-product-locale");
+const uikit_product_mobile_modal_1 = require("@sbercloud/uikit-product-mobile-modal");
+const list_1 = require("@snack-uikit/list");
+const types_1 = require("../types");
+function useThemeItem({ value: themeMode, onChange, isMobile, onClose, }) {
+    const { t } = (0, uikit_product_locale_1.useLocale)('Header');
+    const [open, setOpen] = (0, react_1.useState)(false);
+    const handleClick = (0, react_1.useCallback)((themeMode) => () => {
+        onChange === null || onChange === void 0 ? void 0 : onChange(themeMode);
+        !isMobile && (onClose === null || onClose === void 0 ? void 0 : onClose());
+    }, [isMobile, onChange, onClose]);
+    const themeModeOptions = (0, react_1.useMemo)(() => [
+        {
+            beforeContent: (0, jsx_runtime_1.jsx)(uikit_product_icons_1.DaySVG, {}),
+            content: {
+                option: t('themeModeLight'),
+            },
+            onClick: handleClick(types_1.THEME_MODE.Light),
+            checked: themeMode === types_1.THEME_MODE.Light,
+            'data-test-id': 'header__user-menu__theme-mode__light-option',
+        },
+        {
+            beforeContent: (0, jsx_runtime_1.jsx)(uikit_product_icons_1.NightSVG, {}),
+            content: {
+                option: t('themeModeDark'),
+            },
+            checked: themeMode === types_1.THEME_MODE.Dark,
+            onClick: handleClick(types_1.THEME_MODE.Dark),
+            'data-test-id': 'header__user-menu__theme-mode__dark-option',
+        },
+        {
+            beforeContent: (0, jsx_runtime_1.jsx)(uikit_product_icons_1.LaptopPhoneSVG, {}),
+            content: {
+                option: t('themeModeSystem'),
+            },
+            checked: themeMode === types_1.THEME_MODE.System,
+            onClick: handleClick(types_1.THEME_MODE.System),
+            'data-test-id': 'header__user-menu__theme-mode__system-option',
+        },
+    ], [handleClick, t, themeMode]);
+    const themeItem = (0, react_1.useMemo)(() => ({
+        type: 'next-list',
+        content: {
+            option: t('themeModeLabel'),
+        },
+        placement: 'left-start',
+        beforeContent: (0, jsx_runtime_1.jsx)(uikit_product_icons_1.ThemeContrastSVG, {}),
+        'data-test-id': 'header__user-menu__theme-mode',
+        items: themeModeOptions,
+    }), [t, themeModeOptions]);
+    const mobileThemeItem = (0, react_1.useMemo)(() => ({
+        id: 'header__user-menu__theme-mode',
+        beforeContent: (0, jsx_runtime_1.jsx)(uikit_product_icons_1.ThemeContrastSVG, {}),
+        'data-test-id': 'header__user-menu__theme-mode',
+        afterContent: ((0, jsx_runtime_1.jsx)("span", { style: {
+                color: 'var(--sys-neutral-text-light)',
+            }, children: (0, jsx_runtime_1.jsx)(uikit_product_icons_1.ChevronRightSVG, {}) })),
+        content: {
+            option: t('themeModeLabel'),
+        },
+        onClick: () => {
+            setOpen(true);
+        },
+        itemWrapRender: (node) => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [node, (0, jsx_runtime_1.jsxs)(uikit_product_mobile_modal_1.MobileModalCustom, { open: open, onClose: () => {
+                        setOpen(false);
+                    }, closeButtonEnabled: true, closeOnPopstate: true, children: [(0, jsx_runtime_1.jsx)(uikit_product_mobile_modal_1.MobileModalCustom.Header, { title: t('themeModeLabel') }), (0, jsx_runtime_1.jsx)(list_1.List, { items: themeModeOptions, size: 'l', selection: { mode: 'single', value: themeMode } })] })] })),
+    }), [open, t, themeMode, themeModeOptions]);
+    return isMobile ? mobileThemeItem : themeItem;
+}

package/dist/cjs/components/UserMenu/hooks/useUserMenuItems.d.ts

@@ -0,0 +1,13 @@
+import { BaseItemProps, ListProps } from '@snack-uikit/list';
+import { ThemeProps, UserProfileProps } from '../types';
+type UseMenuItems = {
+    profile: UserProfileProps;
+    theme?: ThemeProps;
+    items?: ListProps['items'];
+    settingItems?: BaseItemProps[];
+    onLogout?(): void;
+    onClose?(): void;
+    isMobile?: boolean;
+};
+export declare function useUserMenuItems({ profile, theme, onLogout, items: itemsProp, isMobile, onClose, settingItems, }: UseMenuItems): import("@snack-uikit/list/dist/esm/components/Items").Item[];
+export {};

package/dist/cjs/components/UserMenu/hooks/useUserMenuItems.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useUserMenuItems = useUserMenuItems;
+const react_1 = require("react");
+const list_1 = require("@snack-uikit/list");
+const useLogoutItem_1 = require("./useLogoutItem");
+const useProfileItem_1 = require("./useProfileItem");
+const useThemeItem_1 = require("./useThemeItem");
+const DIVIDER_ITEM = {
+    type: 'group',
+    divider: true,
+    items: [],
+};
+function useUserMenuItems({ profile, theme, onLogout, items: itemsProp = [], isMobile, onClose, settingItems = [], }) {
+    const profileItem = (0, useProfileItem_1.useProfileItem)(profile);
+    const themeItem = (0, useThemeItem_1.useThemeItem)(Object.assign(Object.assign({}, (theme || {})), { isMobile, onClose }));
+    const logoutItem = (0, useLogoutItem_1.useLogoutItem)({ onLogout });
+    const items = (0, react_1.useMemo)(() => {
+        let items = [profileItem];
+        if (themeItem) {
+            items = items.concat([DIVIDER_ITEM, themeItem]);
+        }
+        items = items.concat(itemsProp);
+        items = items.concat(logoutItem);
+        if (isMobile && Boolean(settingItems === null || settingItems === void 0 ? void 0 : settingItems.length)) {
+            items = items.concat([DIVIDER_ITEM, ...settingItems]);
+        }
+        return items.map(item => {
+            if ((0, list_1.isBaseItemProps)(item) && item.id !== 'header__user-menu__theme-mode') {
+                return Object.assign(Object.assign({}, item), { onClick: (e) => {
+                        var _a;
+                        (_a = item.onClick) === null || _a === void 0 ? void 0 : _a.call(item, e);
+                        if (!e.metaKey) {
+                            onClose === null || onClose === void 0 ? void 0 : onClose();
+                        }
+                    } });
+            }
+            return item;
+        });
+    }, [isMobile, itemsProp, logoutItem, onClose, profileItem, settingItems, themeItem]);
+    return items;
+}

package/dist/cjs/components/UserMenu/index.d.ts

@@ -0,0 +1,2 @@
+export * from './UserMenu';
+export * from './types';

package/dist/cjs/components/UserMenu/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./UserMenu"), exports);
+__exportStar(require("./types"), exports);

package/dist/cjs/components/UserMenu/styles.module.css

@@ -0,0 +1,21 @@
+.userMenuDroplist{
+  width:272px;
+}
+
+.mobileList{
+  padding:16px;
+  padding-top:0;
+}
+
+.settingIcon{
+  color:var(--sys-neutral-text-light, #8b8e9b);
+}
+
+.userMenuInfoItem [data-test-id=list__base-item-option]{
+  font-family:var(--sans-label-m-font-family, SB Sans Interface);
+  font-weight:var(--sans-label-m-font-weight, Semibold);
+  line-height:var(--sans-label-m-line-height, 16px);
+  font-size:var(--sans-label-m-font-size, 12px);
+  letter-spacing:var(--sans-label-m-letter-spacing, 0px);
+  paragraph-spacing:var(--sans-label-m-paragraph-spacing, 6.6px);
+}

package/dist/cjs/components/UserMenu/types.d.ts

@@ -0,0 +1,20 @@
+import { MouseEvent, ReactNode } from 'react';
+export type UserProfileProps = {
+    fullName?: string;
+    email?: string;
+    inviteCount?: number;
+    onClick?(e: MouseEvent<HTMLElement>): void;
+    itemWrapRender?(node: ReactNode): ReactNode;
+};
+type ValueOf<T> = T[keyof T];
+export declare const THEME_MODE: {
+    readonly Light: "light";
+    readonly Dark: "dark";
+    readonly System: "system";
+};
+export type ThemeMode = ValueOf<typeof THEME_MODE>;
+export type ThemeProps = {
+    value?: ThemeMode;
+    onChange?(themeMode: ThemeMode): void;
+};
+export {};

package/dist/cjs/components/UserMenu/types.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.THEME_MODE = void 0;
+exports.THEME_MODE = {
+    Light: 'light',
+    Dark: 'dark',
+    System: 'system',
+};

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

@@ -0,0 +1,6 @@
+export * from './HeaderLayout';
+export * from './MainMenu';
+export * from './UserMenu';
+export * from './Logo';
+export * from './PathBreadcrumbs';
+export * from './PlatformLogo';

package/dist/cjs/components/index.js

@@ -0,0 +1,22 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./HeaderLayout"), exports);
+__exportStar(require("./MainMenu"), exports);
+__exportStar(require("./UserMenu"), exports);
+__exportStar(require("./Logo"), exports);
+__exportStar(require("./PathBreadcrumbs"), exports);
+__exportStar(require("./PlatformLogo"), exports);

package/dist/cjs/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './useLocalStorage';

package/dist/cjs/hooks/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./useLocalStorage"), exports);

package/dist/cjs/hooks/useLocalStorage.d.ts

@@ -0,0 +1 @@
+export declare function useLocalStorage<T extends string = string>(key: string, defaultValue: T): [T, (newValue: T) => void];

package/dist/cjs/hooks/useLocalStorage.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLocalStorage = useLocalStorage;
+const react_1 = require("react");
+function useLocalStorage(key, defaultValue) {
+    var _a;
+    const [value, setValueState] = (0, react_1.useState)((_a = localStorage.getItem(key)) !== null && _a !== void 0 ? _a : defaultValue);
+    const setValue = (0, react_1.useCallback)((newValue) => {
+        localStorage.setItem(key, newValue);
+        setValueState(newValue);
+    }, [key]);
+    return [value, setValue];
+}

package/dist/cjs/index.d.ts

@@ -0,0 +1,2 @@
+export * from './components';
+export * from './hooks';

package/dist/cjs/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./components"), exports);
+__exportStar(require("./hooks"), exports);

package/dist/esm/components/HeaderLayout/HeaderLayout.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+import { WithSupportProps } from '@sbercloud/uikit-product-utils';
+export type HeaderLayoutProps = WithSupportProps<{
+    className?: string;
+    menu?: ReactNode;
+    logo?: ReactNode;
+    select?: ReactNode;
+    breadcrumbs?: ReactNode;
+    toolbar?: ReactNode;
+    isMobile?: boolean;
+}>;
+export declare function HeaderLayout({ menu, logo, select, breadcrumbs, toolbar, className, isMobile, ...rest }: HeaderLayoutProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/HeaderLayout/HeaderLayout.js

@@ -0,0 +1,19 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import cn from 'classnames';
+import { extractSupportProps } from '@sbercloud/uikit-product-utils';
+import styles from './styles.module.css';
+export function HeaderLayout(_a) {
+    var { menu, logo, select, breadcrumbs, toolbar, className, isMobile } = _a, rest = __rest(_a, ["menu", "logo", "select", "breadcrumbs", "toolbar", "className", "isMobile"]);
+    return (_jsxs("header", Object.assign({ className: cn(styles.header, className) }, extractSupportProps(rest), { children: [_jsxs("div", { className: styles.top, children: [_jsxs("div", { className: styles.left, children: [menu, logo, !isMobile && select, !isMobile && breadcrumbs] }), _jsx("div", { className: styles.right, children: toolbar })] }), isMobile && Boolean(breadcrumbs) && _jsx("div", { className: styles.bottom, children: breadcrumbs })] })));
+}

package/dist/esm/components/HeaderLayout/index.d.ts

@@ -0,0 +1 @@
+export * from './HeaderLayout';

package/dist/esm/components/HeaderLayout/index.js

@@ -0,0 +1 @@
+export * from './HeaderLayout';

package/dist/esm/components/HeaderLayout/styles.module.css

@@ -0,0 +1,35 @@
+.header{
+  box-sizing:border-box;
+  background-color:var(--sys-neutral-background, #eeeff3);
+}
+
+.top{
+  display:flex;
+  box-sizing:border-box;
+  align-items:center;
+  padding:0 var(--dimension-1m, 8px) 0 0;
+  height:var(--dimension-6m, 48px);
+  gap:var(--dimension-2m, 16px);
+  justify-content:space-between;
+  border-bottom:var(--border-width-012m, 1px) var(--border-styles-solid, solid) var(--sys-neutral-decor-default, #dde0ea);
+}
+
+.bottom{
+  height:32px;
+  box-sizing:border-box;
+  border-bottom:var(--border-width-012m, 1px) var(--border-styles-solid, solid) var(--sys-neutral-decor-default, #dde0ea);
+  display:flex;
+  align-items:center;
+  overflow:hidden;
+}
+
+.left{
+  display:flex;
+  min-width:0;
+  align-items:center;
+}
+
+.right{
+  display:flex;
+  align-items:center;
+}