@gravity-ui/navigation 3.0.0-beta.3 → 3.0.0-beta.5

package/build/cjs/components/CompositeBar/Item/Item.js

@@ -1,178 +0,0 @@
-'use strict';
-
-var React = require('react');
-var uikit = require('@gravity-ui/uikit');
-var AsideHeaderContext = require('../../AsideHeader/AsideHeaderContext.js');
-var constants$1 = require('../../constants.js');
-var cn = require('../../utils/cn.js');
-var HighlightedItem = require('../HighlightedItem/HighlightedItem.js');
-var constants = require('../constants.js');
-var utils = require('../utils.js');
-require('./Item.scss.js');
-
-const b = cn.block('composite-bar-item');
-function renderItemTitle(item) {
-    let titleNode = React.createElement("div", { className: b('title-text') }, item.title);
-    if (item.rightAdornment) {
-        titleNode = (React.createElement(React.Fragment, null,
-            titleNode,
-            React.createElement("div", { className: b('title-adornment') }, item.rightAdornment)));
-    }
-    return titleNode;
-}
-const defaultPopupPlacement = ['right-end'];
-const defaultPopupOffset = { mainAxis: -20, crossAxis: 8 };
-const Item = (props) => {
-    const { item, className, collapseItems, onMouseLeave, onMouseEnter, enableTooltip = true, popupVisible = false, popupAnchor, popupAnchorElement, popupPlacement = defaultPopupPlacement, popupOffset = defaultPopupOffset, popupKeepMounted, renderPopupContent, onClosePopup, onOpenChangePopup, onItemClick, onItemClickCapture, onCollapseItemClick, bringForward, } = props;
-    const { compact } = AsideHeaderContext.useAsideHeaderContext();
-    const [open, toggleOpen] = React.useState(false);
-    const ref = React.useRef(null);
-    const anchorRef = popupAnchorElement ? { current: popupAnchorElement } : popupAnchor || ref;
-    const highlightedRef = React.useRef(null);
-    const type = item.type || constants.ITEM_TYPE_REGULAR;
-    const current = item.current || false;
-    const tooltipText = item.tooltipText || item.title;
-    const icon = item.icon;
-    const iconSize = item.iconSize || constants$1.ASIDE_HEADER_ICON_SIZE;
-    const iconQa = item.iconQa;
-    const collapsedItem = item.id === constants.COLLAPSE_ITEM_ID;
-    const handleClosePopup = React.useCallback((event) => {
-        var _a;
-        if (event instanceof MouseEvent &&
-            event.target &&
-            ((_a = ref.current) === null || _a === undefined ? undefined : _a.contains(event.target))) {
-            return;
-        }
-        onClosePopup === null || onClosePopup === undefined ? undefined : onClosePopup();
-    }, [onClosePopup]);
-    if (item.type === 'divider') {
-        return React.createElement("div", { className: b('menu-divider') });
-    }
-    const makeIconNode = (iconEl) => {
-        return compact ? (React.createElement(uikit.ActionTooltip, { title: "", description: tooltipText, disabled: !enableTooltip || (collapsedItem && open) || popupVisible, placement: "right", className: b('icon-tooltip', { 'item-type': type }) },
-            React.createElement("div", { onMouseEnter: () => onMouseEnter === null || onMouseEnter === undefined ? undefined : onMouseEnter(), onMouseLeave: () => onMouseLeave === null || onMouseLeave === undefined ? undefined : onMouseLeave(), className: b('btn-icon') }, iconEl))) : (iconEl);
-    };
-    const makeNode = ({ icon: iconEl, title: titleEl }) => {
-        const [Tag, tagProps] = item.link
-            ? ['a', { href: item.link }]
-            : ['button', {}];
-        const handleMouseEnter = () => {
-            if (!compact) {
-                onMouseEnter === null || onMouseEnter === undefined ? undefined : onMouseEnter();
-            }
-        };
-        const handleMouseLeave = () => {
-            if (!compact) {
-                onMouseLeave === null || onMouseLeave === undefined ? undefined : onMouseLeave();
-            }
-        };
-        const handleClick = (event) => {
-            const target = event.currentTarget;
-            if (collapsedItem) {
-                /**
-                 * If we call onItemClick for collapsedItem then:
-                 * - User get unexpected item in onItemClick callback
-                 * - onClosePanel calls twice for each popuped item, as result it will prevent opening of panelItems
-                 */
-                toggleOpen(!open);
-            }
-            else if (target instanceof HTMLDivElement) {
-                onItemClick === null || onItemClick === undefined ? undefined : onItemClick(item, false, event);
-            }
-        };
-        const renderActionButton = () => (React.createElement("div", { className: compact ? b('action-container-compact') : b('action-container') },
-            React.createElement(uikit.Button, Object.assign({ onClick: handleClick, className: b('action', { compact, collapse: !compact }, className), ref: ref, "data-qa": item.qa, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, size: "l", view: "raised", type: "button", pin: "circle-circle" }, item.extraButtonProps),
-                React.createElement("div", { className: b('action-btn-container') },
-                    React.createElement("div", { className: b('action-icon') }, makeIconNode(iconEl)),
-                    !compact && (React.createElement("div", { className: b('title'), title: typeof item.title === 'string' ? item.title : undefined }, titleEl))))));
-        const renderTagContainer = () => (React.createElement(Tag, Object.assign({}, tagProps, { className: b({ type, current, compact }, className), ref: ref, "data-qa": item.qa, onClick: (event) => {
-                if (collapsedItem) {
-                    /**
-                     * If we call onItemClick for collapsedItem then:
-                     * - User get unexpected item in onItemClick callback
-                     * - onClosePanel calls twice for each popuped item, as result it will prevent opening of panelItems
-                     */
-                    toggleOpen(!open);
-                    onCollapseItemClick === null || onCollapseItemClick === undefined ? undefined : onCollapseItemClick();
-                }
-                else {
-                    onItemClick === null || onItemClick === undefined ? undefined : onItemClick(item, false, event);
-                }
-            }, onClickCapture: onItemClickCapture, onMouseEnter: () => {
-                if (!compact) {
-                    onMouseEnter === null || onMouseEnter === undefined ? undefined : onMouseEnter();
-                }
-            }, onMouseLeave: () => {
-                if (!compact) {
-                    onMouseLeave === null || onMouseLeave === undefined ? undefined : onMouseLeave();
-                }
-            } }),
-            React.createElement("div", { className: b('icon-place'), ref: highlightedRef }, makeIconNode(iconEl)),
-            React.createElement("div", { className: b('title'), title: typeof item.title === 'string' ? item.title : undefined }, titleEl)));
-        const createdNode = (React.createElement(React.Fragment, null,
-            type === 'action' ? renderActionButton() : renderTagContainer(),
-            renderPopupContent && (anchorRef === null || anchorRef === undefined ? undefined : anchorRef.current) && (React.createElement(uikit.Popup, { open: popupVisible, keepMounted: popupKeepMounted, placement: popupPlacement, offset: popupOffset, anchorRef: anchorRef, onClose: handleClosePopup, onOpenChange: onOpenChangePopup }, renderPopupContent()))));
-        if (item.link) {
-            return (React.createElement("a", { href: item.link, className: b('link') }, createdNode));
-        }
-        return createdNode;
-    };
-    const iconNode = icon ? (React.createElement(uikit.Icon, { qa: iconQa, data: icon, size: iconSize, className: b('icon') })) : null;
-    const titleNode = renderItemTitle(item);
-    const params = { icon: iconNode, title: titleNode };
-    let highlightedNode = null;
-    let node;
-    const opts = { compact: Boolean(compact), collapsed: false, item, ref };
-    if (typeof item.itemWrapper === 'function') {
-        node = item.itemWrapper(params, makeNode, opts);
-        highlightedNode =
-            bringForward &&
-                item.itemWrapper(params, ({ icon: iconEl }) => makeIconNode(iconEl), opts);
-    }
-    else {
-        node = makeNode(params);
-        highlightedNode = bringForward && makeIconNode(iconNode);
-    }
-    return (React.createElement(React.Fragment, null,
-        bringForward && (React.createElement(HighlightedItem.HighlightedItem, { iconNode: highlightedNode, iconRef: highlightedRef, onClick: (event) => onItemClick === null || onItemClick === undefined ? undefined : onItemClick(item, false, event), onClickCapture: onItemClickCapture })),
-        node,
-        open && collapsedItem && (collapseItems === null || collapseItems === undefined ? undefined : collapseItems.length) && Boolean(anchorRef === null || anchorRef === undefined ? undefined : anchorRef.current) && (React.createElement(CollapsedPopup, Object.assign({}, props, { anchorRef: ref, onClose: () => toggleOpen(false) })))));
-};
-Item.displayName = 'Item';
-function CollapsedPopup({ onItemClick, collapseItems, anchorRef, onClose, }) {
-    const { compact } = AsideHeaderContext.useAsideHeaderContext();
-    return (collapseItems === null || collapseItems === undefined ? undefined : collapseItems.length) ? (React.createElement(uikit.Popup, { placement: constants.POPUP_PLACEMENT, open: true, anchorRef: anchorRef, onClose: onClose },
-        React.createElement("div", { className: b('collapse-items-popup-content') },
-            React.createElement(uikit.List, { itemClassName: b('root-collapse-item'), items: collapseItems, selectedItemIndex: utils.getSelectedItemIndex(collapseItems), itemHeight: constants.POPUP_ITEM_HEIGHT, itemsHeight: collapseItems.length * constants.POPUP_ITEM_HEIGHT, virtualized: false, filterable: false, sortable: false, onItemClick: onClose, renderItem: (collapseItem) => {
-                    const makeCollapseNode = ({ title: titleEl, icon: iconEl, }) => {
-                        const [Tag, tagProps] = collapseItem.link
-                            ? ['a', { href: collapseItem.link }]
-                            : ['button', {}];
-                        return (React.createElement(Tag, Object.assign({}, tagProps, { className: b('collapse-item'), onClick: (event) => {
-                                onItemClick === null || onItemClick === undefined ? undefined : onItemClick(collapseItem, true, event);
-                            } }),
-                            iconEl,
-                            titleEl));
-                    };
-                    const titleNode = renderItemTitle(collapseItem);
-                    const iconNode = collapseItem.icon && (React.createElement(uikit.Icon, { data: collapseItem.icon, size: 14, className: b('collapse-item-icon') }));
-                    const params = { title: titleNode, icon: iconNode };
-                    const opts = {
-                        compact: Boolean(compact),
-                        collapsed: true,
-                        item: collapseItem,
-                        ref: anchorRef,
-                    };
-                    if (typeof collapseItem.itemWrapper === 'function') {
-                        return collapseItem.itemWrapper(params, makeCollapseNode, opts);
-                    }
-                    else {
-                        return makeCollapseNode(params);
-                    }
-                } })))) : null;
-}
-
-exports.Item = Item;
-exports.defaultPopupOffset = defaultPopupOffset;
-exports.defaultPopupPlacement = defaultPopupPlacement;
-//# sourceMappingURL=Item.js.map

package/build/cjs/components/CompositeBar/Item/Item.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Item.js","sources":["../../../../../../src/components/CompositeBar/Item/Item.tsx"],"sourcesContent":["import React from 'react';\n\nimport {\n    ActionTooltip,\n    Button,\n    Icon,\n    List,\n    Popup,\n    PopupPlacement,\n    PopupProps,\n} from '@gravity-ui/uikit';\n\nimport {useAsideHeaderContext} from '../../AsideHeader/AsideHeaderContext';\nimport {ASIDE_HEADER_ICON_SIZE} from '../../constants';\nimport {MakeItemParams, MenuItem} from '../../types';\nimport {block} from '../../utils/cn';\nimport {HighlightedItem} from '../HighlightedItem/HighlightedItem';\nimport {\n    COLLAPSE_ITEM_ID,\n    ITEM_TYPE_REGULAR,\n    POPUP_ITEM_HEIGHT,\n    POPUP_PLACEMENT,\n} from '../constants';\nimport {getSelectedItemIndex} from '../utils';\n\nimport './Item.scss';\n\nconst b = block('composite-bar-item');\n\ninterface ItemPopup {\n    popupVisible?: PopupProps['open'];\n    /**\n     * floating element anchor ref object\n     *\n     * @deprecated Use `popupAnchorElement` instead\n     * */\n    popupAnchor?: PopupProps['anchorRef'];\n    popupAnchorElement?: PopupProps['anchorElement'];\n    popupPlacement?: PopupProps['placement'];\n    popupOffset?: PopupProps['offset'];\n    popupKeepMounted?: PopupProps['keepMounted'];\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 `onOpenChangePopup` instead\n     */\n    onClosePopup?: () => void;\n    onOpenChangePopup?: PopupProps['onOpenChange'];\n}\n\nexport interface ItemProps extends ItemPopup {\n    item: MenuItem;\n    enableTooltip?: boolean;\n    onItemClick?: (\n        item: MenuItem,\n        collapsed: boolean,\n        event: React.MouseEvent<HTMLElement, MouseEvent>,\n    ) => void;\n    onItemClickCapture?: (event: React.SyntheticEvent) => void;\n    onCollapseItemClick?: () => void;\n    bringForward?: boolean;\n}\n\ninterface ItemInnerProps extends ItemProps {\n    className?: string;\n    collapseItems?: MenuItem[];\n    onMouseEnter?: () => void;\n    onMouseLeave?: () => void;\n}\n\nfunction renderItemTitle(item: MenuItem) {\n    let titleNode = <div className={b('title-text')}>{item.title}</div>;\n\n    if (item.rightAdornment) {\n        titleNode = (\n            <React.Fragment>\n                {titleNode}\n                <div className={b('title-adornment')}>{item.rightAdornment}</div>\n            </React.Fragment>\n        );\n    }\n\n    return titleNode;\n}\n\nexport const defaultPopupPlacement: PopupPlacement = ['right-end'];\nexport const defaultPopupOffset: NonNullable<PopupProps['offset']> = {mainAxis: -20, crossAxis: 8};\n\nexport const Item: React.FC<ItemInnerProps> = (props) => {\n    const {\n        item,\n        className,\n        collapseItems,\n        onMouseLeave,\n        onMouseEnter,\n        enableTooltip = true,\n        popupVisible = false,\n        popupAnchor,\n        popupAnchorElement,\n        popupPlacement = defaultPopupPlacement,\n        popupOffset = defaultPopupOffset,\n        popupKeepMounted,\n        renderPopupContent,\n        onClosePopup,\n        onOpenChangePopup,\n        onItemClick,\n        onItemClickCapture,\n        onCollapseItemClick,\n        bringForward,\n    } = props;\n\n    const {compact} = useAsideHeaderContext();\n\n    const [open, toggleOpen] = React.useState<boolean>(false);\n\n    const ref = React.useRef<HTMLAnchorElement & HTMLButtonElement>(null);\n    const anchorRef = popupAnchorElement ? {current: popupAnchorElement} : popupAnchor || ref;\n    const highlightedRef = React.useRef<HTMLDivElement>(null);\n\n    const type = item.type || ITEM_TYPE_REGULAR;\n    const current = item.current || false;\n    const tooltipText = item.tooltipText || item.title;\n    const icon = item.icon;\n    const iconSize = item.iconSize || ASIDE_HEADER_ICON_SIZE;\n    const iconQa = item.iconQa;\n    const collapsedItem = item.id === COLLAPSE_ITEM_ID;\n\n    const handleClosePopup = React.useCallback(\n        (event: MouseEvent | KeyboardEvent) => {\n            if (\n                event instanceof MouseEvent &&\n                event.target &&\n                ref.current?.contains(event.target as Node)\n            ) {\n                return;\n            }\n            onClosePopup?.();\n        },\n        [onClosePopup],\n    );\n\n    if (item.type === 'divider') {\n        return <div className={b('menu-divider')} />;\n    }\n\n    const makeIconNode = (iconEl: React.ReactNode): React.ReactNode => {\n        return compact ? (\n            <ActionTooltip\n                title=\"\"\n                description={tooltipText}\n                disabled={!enableTooltip || (collapsedItem && open) || popupVisible}\n                placement=\"right\"\n                className={b('icon-tooltip', {'item-type': type})}\n            >\n                <div\n                    onMouseEnter={() => onMouseEnter?.()}\n                    onMouseLeave={() => onMouseLeave?.()}\n                    className={b('btn-icon')}\n                >\n                    {iconEl}\n                </div>\n            </ActionTooltip>\n        ) : (\n            iconEl\n        );\n    };\n\n    const makeNode = ({icon: iconEl, title: titleEl}: MakeItemParams) => {\n        const [Tag, tagProps] = item.link\n            ? ['a' as const, {href: item.link}]\n            : ['button' as const, {}];\n\n        const handleMouseEnter = () => {\n            if (!compact) {\n                onMouseEnter?.();\n            }\n        };\n\n        const handleMouseLeave = () => {\n            if (!compact) {\n                onMouseLeave?.();\n            }\n        };\n\n        const handleClick = (\n            event: React.MouseEvent<\n                HTMLAnchorElement | HTMLButtonElement | HTMLDivElement,\n                MouseEvent\n            >,\n        ) => {\n            const target = event.currentTarget;\n            if (collapsedItem) {\n                /**\n                 * If we call onItemClick for collapsedItem then:\n                 * - User get unexpected item in onItemClick callback\n                 * - onClosePanel calls twice for each popuped item, as result it will prevent opening of panelItems\n                 */\n                toggleOpen(!open);\n            } else if (target instanceof HTMLDivElement) {\n                onItemClick?.(item, false, event as React.MouseEvent<HTMLDivElement, MouseEvent>);\n            }\n        };\n\n        const renderActionButton = () => (\n            <div className={compact ? b('action-container-compact') : b('action-container')}>\n                <Button\n                    onClick={handleClick}\n                    className={b('action', {compact, collapse: !compact}, className)}\n                    ref={ref}\n                    data-qa={item.qa}\n                    onMouseEnter={handleMouseEnter}\n                    onMouseLeave={handleMouseLeave}\n                    size=\"l\"\n                    view=\"raised\"\n                    type=\"button\"\n                    pin=\"circle-circle\"\n                    {...item.extraButtonProps}\n                >\n                    <div className={b('action-btn-container')}>\n                        <div className={b('action-icon')}>{makeIconNode(iconEl)}</div>\n\n                        {!compact && (\n                            <div\n                                className={b('title')}\n                                title={typeof item.title === 'string' ? item.title : undefined}\n                            >\n                                {titleEl}\n                            </div>\n                        )}\n                    </div>\n                </Button>\n            </div>\n        );\n\n        const renderTagContainer = () => (\n            <Tag\n                {...tagProps}\n                className={b({type, current, compact}, className)}\n                ref={ref}\n                data-qa={item.qa}\n                onClick={(event: React.MouseEvent<HTMLElement, MouseEvent>) => {\n                    if (collapsedItem) {\n                        /**\n                         * If we call onItemClick for collapsedItem then:\n                         * - User get unexpected item in onItemClick callback\n                         * - onClosePanel calls twice for each popuped item, as result it will prevent opening of panelItems\n                         */\n                        toggleOpen(!open);\n                        onCollapseItemClick?.();\n                    } else {\n                        onItemClick?.(item, false, event);\n                    }\n                }}\n                onClickCapture={onItemClickCapture}\n                onMouseEnter={() => {\n                    if (!compact) {\n                        onMouseEnter?.();\n                    }\n                }}\n                onMouseLeave={() => {\n                    if (!compact) {\n                        onMouseLeave?.();\n                    }\n                }}\n            >\n                <div className={b('icon-place')} ref={highlightedRef}>\n                    {makeIconNode(iconEl)}\n                </div>\n\n                <div\n                    className={b('title')}\n                    title={typeof item.title === 'string' ? item.title : undefined}\n                >\n                    {titleEl}\n                </div>\n            </Tag>\n        );\n\n        const createdNode = (\n            <React.Fragment>\n                {type === 'action' ? renderActionButton() : renderTagContainer()}\n                {renderPopupContent && anchorRef?.current && (\n                    <Popup\n                        open={popupVisible}\n                        keepMounted={popupKeepMounted}\n                        placement={popupPlacement}\n                        offset={popupOffset}\n                        anchorRef={anchorRef}\n                        onClose={handleClosePopup}\n                        onOpenChange={onOpenChangePopup}\n                    >\n                        {renderPopupContent()}\n                    </Popup>\n                )}\n            </React.Fragment>\n        );\n\n        if (item.link) {\n            return (\n                <a href={item.link} className={b('link')}>\n                    {createdNode}\n                </a>\n            );\n        }\n\n        return createdNode;\n    };\n\n    const iconNode = icon ? (\n        <Icon qa={iconQa} data={icon} size={iconSize} className={b('icon')} />\n    ) : null;\n\n    const titleNode = renderItemTitle(item);\n    const params = {icon: iconNode, title: titleNode};\n    let highlightedNode = null;\n    let node;\n\n    const opts = {compact: Boolean(compact), collapsed: false, item, ref};\n\n    if (typeof item.itemWrapper === 'function') {\n        node = item.itemWrapper(params, makeNode, opts) as React.ReactElement;\n        highlightedNode =\n            bringForward &&\n            (item.itemWrapper(\n                params,\n                ({icon: iconEl}) => makeIconNode(iconEl),\n                opts,\n            ) as React.ReactElement);\n    } else {\n        node = makeNode(params);\n        highlightedNode = bringForward && makeIconNode(iconNode);\n    }\n\n    return (\n        <React.Fragment>\n            {bringForward && (\n                <HighlightedItem\n                    iconNode={highlightedNode}\n                    iconRef={highlightedRef}\n                    onClick={(event: React.MouseEvent<HTMLElement, MouseEvent>) =>\n                        onItemClick?.(item, false, event)\n                    }\n                    onClickCapture={onItemClickCapture}\n                />\n            )}\n            {node}\n            {open && collapsedItem && collapseItems?.length && Boolean(anchorRef?.current) && (\n                <CollapsedPopup {...props} anchorRef={ref} onClose={() => toggleOpen(false)} />\n            )}\n        </React.Fragment>\n    );\n};\n\nItem.displayName = 'Item';\n\ninterface CollapsedPopupProps {\n    anchorRef: React.RefObject<HTMLElement>;\n    onClose: () => void;\n}\n\nfunction CollapsedPopup({\n    onItemClick,\n    collapseItems,\n    anchorRef,\n    onClose,\n}: ItemInnerProps & CollapsedPopupProps) {\n    const {compact} = useAsideHeaderContext();\n    return collapseItems?.length ? (\n        <Popup placement={POPUP_PLACEMENT} open={true} anchorRef={anchorRef} onClose={onClose}>\n            <div className={b('collapse-items-popup-content')}>\n                <List\n                    itemClassName={b('root-collapse-item')}\n                    items={collapseItems}\n                    selectedItemIndex={getSelectedItemIndex(collapseItems)}\n                    itemHeight={POPUP_ITEM_HEIGHT}\n                    itemsHeight={collapseItems.length * POPUP_ITEM_HEIGHT}\n                    virtualized={false}\n                    filterable={false}\n                    sortable={false}\n                    onItemClick={onClose}\n                    renderItem={(collapseItem) => {\n                        const makeCollapseNode = ({\n                            title: titleEl,\n                            icon: iconEl,\n                        }: MakeItemParams) => {\n                            const [Tag, tagProps] = collapseItem.link\n                                ? ['a' as const, {href: collapseItem.link}]\n                                : ['button' as const, {}];\n\n                            return (\n                                <Tag\n                                    {...tagProps}\n                                    className={b('collapse-item')}\n                                    onClick={(event: React.MouseEvent<HTMLElement, MouseEvent>) => {\n                                        onItemClick?.(collapseItem, true, event);\n                                    }}\n                                >\n                                    {iconEl}\n                                    {titleEl}\n                                </Tag>\n                            );\n                        };\n\n                        const titleNode = renderItemTitle(collapseItem);\n                        const iconNode = collapseItem.icon && (\n                            <Icon\n                                data={collapseItem.icon}\n                                size={14}\n                                className={b('collapse-item-icon')}\n                            />\n                        );\n\n                        const params = {title: titleNode, icon: iconNode};\n                        const opts = {\n                            compact: Boolean(compact),\n                            collapsed: true,\n                            item: collapseItem,\n                            ref: anchorRef,\n                        };\n                        if (typeof collapseItem.itemWrapper === 'function') {\n                            return collapseItem.itemWrapper(params, makeCollapseNode, opts);\n                        } else {\n                            return makeCollapseNode(params);\n                        }\n                    }}\n                />\n            </div>\n        </Popup>\n    ) : null;\n}\n"],"names":["block","useAsideHeaderContext","ITEM_TYPE_REGULAR","ASIDE_HEADER_ICON_SIZE","COLLAPSE_ITEM_ID","ActionTooltip","Button","Popup","Icon","HighlightedItem","POPUP_PLACEMENT","List","getSelectedItemIndex","POPUP_ITEM_HEIGHT"],"mappings":"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"}

package/build/cjs/components/CompositeBar/Item/Item.scss.js

@@ -1,9 +0,0 @@
-'use strict';
-
-var styleInject_es = require('../../../node_modules/style-inject/dist/style-inject.es.js');
-
-var css_248z = ".gn-composite-bar-item{--gn-composite-bar-item-action-size:36px;--_--horizontal-divider-line-color:var(--g-color-line-generic);--_--item-background-color-hover:var(--gn-ah-hovered-item-background-color);--_--item-general-icon-color:var(--g-color-text-primary);--_--item-icon-color:var(--g-color-text-complementary);--_--item-text-color:var(--g-color-text-primary);--_--item-collapsed-radius:7px;--_--item-selected-text-color:var(--g-color-text-primary);--_--item-selected-background-color:var(--gn-ah-selected-item-background-color);align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;height:100%;min-width:0;outline:inherit;padding:0;text-decoration:inherit;width:100%}.gn-composite-bar-item:focus-visible{outline:solid var(--g-color-line-misc);outline-offset:-2px}.gn-composite-bar-item__action{align-items:center;cursor:pointer;display:flex;height:100%;min-width:0;width:100%}.gn-composite-bar-item__action_collapse{display:flex;width:216px}.gn-composite-bar-item__action-btn-container{display:flex}.gn-composite-bar-item__icon{color:var(--gn-aside-header-item-icon-color,var(--_--item-icon-color))}.gn-composite-bar-item_current .gn-composite-bar-item__icon{color:var(--gn-aside-header-item-current-icon-color,var(--gn-aside-header-item-icon-color,var(--_--item-icon-color)))}.gn-composite-bar-highlighted-item .gn-composite-bar-item__icon,.gn-composite-bar_subheader .gn-composite-bar-item__icon,.gn-footer-item .gn-composite-bar-item__icon{color:var(--gn-aside-header-general-item-icon-color,var(--_--item-general-icon-color))}.gn-composite-bar-highlighted-item.gn-composite-bar-item_current .gn-composite-bar-item__icon,.gn-composite-bar_subheader .gn-composite-bar-item_current .gn-composite-bar-item__icon,.gn-footer-item.gn-composite-bar-item_current .gn-composite-bar-item__icon{color:var(--gn-aside-header-item-current-icon-color,var(--gn-aside-header-general-item-icon-color,var(--_--item-general-icon-color)))}.gn-composite-bar-item__icon-tooltip .g-action-tooltip__description{color:var(--g-color-text-light-primary);margin-block-start:0}.gn-composite-bar-item__icon-place{align-items:center;display:flex;flex-shrink:0;height:100%;justify-content:center;width:var(--gn-aside-header-min-width)}.gn-composite-bar-item__action-icon{align-items:center;color:var(--gn-aside-header-item-icon-color,var(--g-color-text-complementary));display:flex;flex-shrink:0;justify-content:center;width:var(--gn-composite-bar-item-action-size,36px)}.gn-composite-bar-item__title{align-items:center;display:flex;margin-right:16px;overflow:hidden}.gn-composite-bar-item__title-text{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--gn-aside-header-item-text-color,var(--_--item-text-color));display:-webkit-box;overflow:hidden;text-align:start}.gn-composite-bar-item_current .gn-composite-bar-item__title-text{color:var(--gn-aside-header-item-current-text-color,var(--_--item-selected-text-color))}.gn-composite-bar-item__title-adornment{margin:0 10px}.gn-composite-bar-item__collapse-item{--_--item-icon-color:var(--g-color-text-misc);align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;height:100%;outline:inherit;padding:0 16px;text-decoration:inherit;width:100%}.gn-composite-bar-item__collapse-item:focus-visible{outline:solid var(--g-color-line-misc);outline-offset:-2px}.gn-composite-bar-item__collapse-item-icon{color:var(--gn-aside-header-item-icon-color,var(--_--item-icon-color));margin-right:10px}.gn-composite-bar-item__collapse-item .gn-composite-bar-item__title-adornment{margin-right:0}.gn-composite-bar-item__menu-divider{border-top:1px solid var(--gn-aside-header-divider-horizontal-color,var(--_--horizontal-divider-line-color));cursor:default;margin:0 8px;width:100%}.gn-composite-bar-item__collapse-items-popup-content{padding:4px 0}.gn-composite-bar-item__link{align-items:center;display:flex;height:100%;width:100%}.gn-composite-bar-item__link,.gn-composite-bar-item__link:active,.gn-composite-bar-item__link:focus,.gn-composite-bar-item__link:hover,.gn-composite-bar-item__link:visited{color:inherit;outline:none;text-decoration:none}.gn-composite-bar-item__btn-icon{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.gn-composite-bar-item__action-container{margin:0 10px 8px;width:100%}.gn-composite-bar-item__action-container-compact{height:var(--gn-composite-bar-item-action-size,36px);margin:0 10px 8px;width:var(--gn-composite-bar-item-action-size,36px)}.gn-composite-bar-item__icon-tooltip_item-type_action{margin-left:10px}.gn-composite-bar-item:not(.gn-composite-bar-item_compact).gn-composite-bar-item_current.gn-composite-bar-item_type_regular{background-color:var(--gn-aside-header-item-current-background-color,var(--_--item-selected-background-color));border-radius:var(--gn-aside-header-item-expanded-radius)}.gn-composite-bar-item:not(.gn-composite-bar-item_compact):hover.gn-composite-bar-item_type_regular{background-color:var(--gn-aside-header-item-current-background-color-hover,var(--gn-aside-header-item-current-background-color,var(--_--item-selected-background-color)));border-radius:var(--gn-aside-header-item-expanded-radius)}.gn-composite-bar-item:not(.gn-composite-bar-item_compact):not(.gn-composite-bar-item_current):hover.gn-composite-bar-item_type_regular{background-color:var(--gn-aside-header-item-background-color-hover,var(--_--item-background-color-hover));border-radius:var(--gn-aside-header-item-expanded-radius)}.gn-composite-bar-item_compact.gn-composite-bar-item_type_action{width:var(--gn-composite-bar-item-action-size)}.gn-composite-bar-item_compact.gn-composite-bar-item_type_action .gn-composite-bar-item__title{margin:0}.gn-composite-bar-item_compact.gn-composite-bar-item_current.gn-composite-bar-item_type_regular .gn-composite-bar-item__btn-icon{background-color:transparent;position:relative}.gn-composite-bar-item_compact.gn-composite-bar-item_current.gn-composite-bar-item_type_regular .gn-composite-bar-item__btn-icon:before{background-color:var(--gn-aside-header-item-current-background-color,var(--_--item-selected-background-color));border-radius:var(--gn-aside-header-item-collapsed-radius,var(--_--item-collapsed-radius));content:\"\";height:var(--gn-aside-header-item-icon-background-size,var(--_--item-icon-background-size));left:50%;margin-left:-19px;margin-top:-19px;position:absolute;top:50%;width:var(--gn-aside-header-item-icon-background-size,var(--_--item-icon-background-size));z-index:-1}.gn-composite-bar-item_compact:hover.gn-composite-bar-item_type_regular .gn-composite-bar-item__btn-icon{background-color:transparent;position:relative}.gn-composite-bar-item_compact:hover.gn-composite-bar-item_type_regular .gn-composite-bar-item__btn-icon:before{background-color:var(--gn-aside-header-item-current-background-color-hover,var(--gn-aside-header-item-current-background-color,var(--_--item-selected-background-color)));border-radius:var(--gn-aside-header-item-collapsed-radius,var(--_--item-collapsed-radius));content:\"\";height:var(--gn-aside-header-item-icon-background-size,var(--_--item-icon-background-size));left:50%;margin-left:-19px;margin-top:-19px;position:absolute;top:50%;width:var(--gn-aside-header-item-icon-background-size,var(--_--item-icon-background-size));z-index:-1}.gn-composite-bar-item_compact:not(.gn-composite-bar-item_current):hover.gn-composite-bar-item_type_regular .gn-composite-bar-item__btn-icon{background-color:transparent;position:relative}.gn-composite-bar-item_compact:not(.gn-composite-bar-item_current):hover.gn-composite-bar-item_type_regular .gn-composite-bar-item__btn-icon:before{background-color:var(--gn-aside-header-item-background-color-hover,var(--_--item-background-color-hover));border-radius:var(--gn-aside-header-item-collapsed-radius,var(--_--item-collapsed-radius));content:\"\";height:var(--gn-aside-header-item-icon-background-size,var(--_--item-icon-background-size));left:50%;margin-left:-19px;margin-top:-19px;position:absolute;top:50%;width:var(--gn-aside-header-item-icon-background-size,var(--_--item-icon-background-size));z-index:-1}";
-styleInject_es(css_248z);
-
-module.exports = css_248z;
-//# sourceMappingURL=Item.scss.js.map

package/build/cjs/components/CompositeBar/Item/Item.scss.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Item.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/build/cjs/components/CompositeBar/MultipleTooltip/MultipleTooltip.js

@@ -1,32 +0,0 @@
-'use strict';
-
-var React = require('react');
-var uikit = require('@gravity-ui/uikit');
-var cn = require('../../utils/cn.js');
-var constants = require('../constants.js');
-var MultipleTooltipContext = require('./MultipleTooltipContext.js');
-require('./MultipleTooltip.scss.js');
-
-const b = cn.block('multiple-tooltip');
-const POPUP_OFFSET = { mainAxis: -32, crossAxis: 4 };
-const MultipleTooltip = ({ items, open, anchorRef, placement, }) => {
-    const { activeIndex, hideCollapseItemTooltip } = React.useContext(MultipleTooltipContext.MultipleTooltipContext);
-    const activeItem = activeIndex === undefined ? null : items[activeIndex];
-    return (React.createElement(uikit.Popup, { open: open, anchorRef: anchorRef, placement: placement, offset: POPUP_OFFSET },
-        React.createElement("div", { className: b() }, items
-            .filter(({ type = 'regular', id }) => !hideCollapseItemTooltip ||
-            (id !== constants.COLLAPSE_ITEM_ID && type !== 'action'))
-            .map((item, idx) => {
-            switch (item.type) {
-                case 'divider':
-                    return (React.createElement("div", { className: b('item', { divider: true }), key: idx }, item.title));
-                default:
-                    return (React.createElement("div", { className: b('item', {
-                            active: item === activeItem,
-                        }), key: idx }, item.title));
-            }
-        }))));
-};
-
-exports.MultipleTooltip = MultipleTooltip;
-//# sourceMappingURL=MultipleTooltip.js.map

package/build/cjs/components/CompositeBar/MultipleTooltip/MultipleTooltip.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MultipleTooltip.js","sources":["../../../../../../src/components/CompositeBar/MultipleTooltip/MultipleTooltip.tsx"],"sourcesContent":["import React from 'react';\n\nimport {Popup, PopupProps} from '@gravity-ui/uikit';\n\nimport {MenuItem} from '../../types';\nimport {block} from '../../utils/cn';\nimport {COLLAPSE_ITEM_ID} from '../constants';\n\nimport {MultipleTooltipContext} from './MultipleTooltipContext';\n\nimport './MultipleTooltip.scss';\n\nconst b = block('multiple-tooltip');\n\nconst POPUP_OFFSET: PopupProps['offset'] = {mainAxis: -32, crossAxis: 4};\n\nexport type MultipleTooltipProps = Pick<PopupProps, 'open' | 'anchorRef' | 'placement'> & {\n    items: MenuItem[];\n};\n\nexport const MultipleTooltip: React.FC<MultipleTooltipProps> = ({\n    items,\n    open,\n    anchorRef,\n    placement,\n}) => {\n    const {activeIndex, hideCollapseItemTooltip} = React.useContext(MultipleTooltipContext);\n    const activeItem = activeIndex === undefined ? null : items[activeIndex];\n\n    return (\n        <Popup open={open} anchorRef={anchorRef} placement={placement} offset={POPUP_OFFSET}>\n            <div className={b()}>\n                {items\n                    .filter(\n                        ({type = 'regular', id}) =>\n                            !hideCollapseItemTooltip ||\n                            (id !== COLLAPSE_ITEM_ID && type !== 'action'),\n                    )\n                    .map((item, idx) => {\n                        switch (item.type) {\n                            case 'divider':\n                                return (\n                                    <div className={b('item', {divider: true})} key={idx}>\n                                        {item.title}\n                                    </div>\n                                );\n                            default:\n                                return (\n                                    <div\n                                        className={b('item', {\n                                            active: item === activeItem,\n                                        })}\n                                        key={idx}\n                                    >\n                                        {item.title}\n                                    </div>\n                                );\n                        }\n                    })}\n            </div>\n        </Popup>\n    );\n};\n"],"names":["block","MultipleTooltipContext","Popup","COLLAPSE_ITEM_ID"],"mappings":";;;;;;;;;AAYA,MAAM,CAAC,GAAGA,QAAK,CAAC,kBAAkB,CAAC;AAEnC,MAAM,YAAY,GAAyB,EAAC,QAAQ,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC,EAAC;AAMjE,MAAM,eAAe,GAAmC,CAAC,EAC5D,KAAK,EACL,IAAI,EACJ,SAAS,EACT,SAAS,GACZ,KAAI;AACD,IAAA,MAAM,EAAC,WAAW,EAAE,uBAAuB,EAAC,GAAG,KAAK,CAAC,UAAU,CAACC,6CAAsB,CAAC;AACvF,IAAA,MAAM,UAAU,GAAG,WAAW,KAAK,SAAS,GAAG,IAAI,GAAG,KAAK,CAAC,WAAW,CAAC;AAExE,IAAA,QACI,KAAC,CAAA,aAAA,CAAAC,WAAK,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,YAAY,EAAA;AAC/E,QAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,CAAC,EAAE,IACd;AACI,aAAA,MAAM,CACH,CAAC,EAAC,IAAI,GAAG,SAAS,EAAE,EAAE,EAAC,KACnB,CAAC,uBAAuB;aACvB,EAAE,KAAKC,0BAAgB,IAAI,IAAI,KAAK,QAAQ,CAAC;AAErD,aAAA,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,KAAI;AACf,YAAA,QAAQ,IAAI,CAAC,IAAI;AACb,gBAAA,KAAK,SAAS;oBACV,QACI,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,EAAE,GAAG,EAAE,GAAG,EAAA,EAC/C,IAAI,CAAC,KAAK,CACT;AAEd,gBAAA;AACI,oBAAA,QACI,KACI,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE;4BACjB,MAAM,EAAE,IAAI,KAAK,UAAU;yBAC9B,CAAC,EACF,GAAG,EAAE,GAAG,EAAA,EAEP,IAAI,CAAC,KAAK,CACT;;AAGtB,SAAC,CAAC,CACJ,CACF;AAEhB;;;;"}

package/build/cjs/components/CompositeBar/MultipleTooltip/MultipleTooltip.scss.js

@@ -1,9 +0,0 @@
-'use strict';
-
-var styleInject_es = require('../../../node_modules/style-inject/dist/style-inject.es.js');
-
-var css_248z = ".g-root_theme_dark .gn-multiple-tooltip,.g-root_theme_dark-hc .gn-multiple-tooltip{--multiple-tooltip-item-bg-color:var(\n      --g-color-base-float-medium,var(--g-color-private-white-100-solid)\n  );--multiple-tooltip-item-active-bg-color:var(--g-color-base-float-heavy);--multiple-tooltip-backdrop-background:linear-gradient(90deg,var(--g-color-base-background) 50%,transparent);--multiple-tooltip-backdrop-filter:blur(16px)}.g-root_theme_dark-hc .gn-multiple-tooltip{--multiple-tooltip-item-bg-color:var(\n      --g-color-base-float-medium,var(--g-color-private-white-150-solid)\n  )}.g-root_theme_light .gn-multiple-tooltip,.g-root_theme_light-hc .gn-multiple-tooltip{--multiple-tooltip-item-bg-color:var(\n      --g-color-base-float-medium,var(--g-color-private-black-550-solid)\n  );--multiple-tooltip-item-active-bg-color:var(--g-color-base-float-heavy);--multiple-tooltip-backdrop-background:linear-gradient(90deg,var(--g-color-base-background) 50%,transparent);--multiple-tooltip-backdrop-filter:blur(12px)}.gn-multiple-tooltip.gn-multiple-tooltip{background-color:transparent;box-shadow:none}.gn-multiple-tooltip:before{background:var(--multiple-tooltip-backdrop-background);box-shadow:none;content:\"\";filter:var(--multiple-tooltip-backdrop-filter);height:100%;opacity:.7;position:absolute;width:100%;z-index:-1}.gn-multiple-tooltip__items-container{align-items:flex-start;display:flex;flex-direction:column;padding:32px 40px 32px 12px}.gn-multiple-tooltip__item{align-items:center;background-color:var(--multiple-tooltip-item-bg-color);border-radius:5px;box-sizing:border-box;color:var(--g-color-text-light-primary);display:flex;height:30px;margin-bottom:5px;padding:8px 12px;position:relative;transition:transform .1s ease-in-out}.gn-multiple-tooltip__item:first-child,.gn-multiple-tooltip__item:not(.gn-multiple-tooltip__item_divider)+.gn-multiple-tooltip__item:not(.gn-multiple-tooltip__item_divider){margin-top:5px}.gn-multiple-tooltip__item_divider+.gn-multiple-tooltip__item:not(.gn-multiple-tooltip__item_divider){margin-top:4px}.gn-multiple-tooltip__item_active{background-color:var(--multiple-tooltip-item-active-bg-color);transform:translateX(-12px)}.gn-multiple-tooltip__item_divider{height:15px;margin:0;visibility:hidden}";
-styleInject_es(css_248z);
-
-module.exports = css_248z;
-//# sourceMappingURL=MultipleTooltip.scss.js.map

package/build/cjs/components/CompositeBar/MultipleTooltip/MultipleTooltip.scss.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MultipleTooltip.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/build/cjs/components/CompositeBar/MultipleTooltip/MultipleTooltipContext.js

@@ -1,29 +0,0 @@
-'use strict';
-
-var React = require('react');
-
-const multipleTooltipContextDefaults = {
-    active: false,
-    activeIndex: undefined,
-    hideCollapseItemTooltip: false,
-    lastClickedItemIndex: undefined,
-    setValue: () => { },
-};
-const MultipleTooltipContext = React.createContext(multipleTooltipContextDefaults);
-class MultipleTooltipProvider extends React.PureComponent {
-    constructor() {
-        super(...arguments);
-        this.state = Object.assign({}, multipleTooltipContextDefaults);
-        this.setValue = (value) => {
-            this.setState(Object.assign({}, value));
-        };
-    }
-    render() {
-        const { children } = this.props;
-        return (React.createElement(MultipleTooltipContext.Provider, { value: Object.assign(Object.assign({}, this.state), { setValue: this.setValue }) }, children));
-    }
-}
-
-exports.MultipleTooltipContext = MultipleTooltipContext;
-exports.MultipleTooltipProvider = MultipleTooltipProvider;
-//# sourceMappingURL=MultipleTooltipContext.js.map

package/build/cjs/components/CompositeBar/MultipleTooltip/MultipleTooltipContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MultipleTooltipContext.js","sources":["../../../../../../src/components/CompositeBar/MultipleTooltip/MultipleTooltipContext.tsx"],"sourcesContent":["import React from 'react';\n\ninterface MultipleTooltipContextProps {\n    active: boolean;\n    activeIndex: number | undefined;\n    hideCollapseItemTooltip: boolean;\n    lastClickedItemIndex: number | undefined;\n    setValue<K extends keyof Omit<MultipleTooltipContextProps, 'setValue'>>(\n        value:\n            | Pick<Omit<MultipleTooltipContextProps, 'setValue'>, K>\n            | Omit<MultipleTooltipContextProps, 'setValue'>,\n    ): void;\n}\n\nconst multipleTooltipContextDefaults = {\n    active: false,\n    activeIndex: undefined,\n    hideCollapseItemTooltip: false,\n    lastClickedItemIndex: undefined,\n    setValue: () => {},\n};\n\nexport const MultipleTooltipContext = React.createContext<MultipleTooltipContextProps>(\n    multipleTooltipContextDefaults,\n);\n\ntype MultipleTooltipProviderState = Omit<MultipleTooltipContextProps, 'setValue'>;\n\nexport class MultipleTooltipProvider extends React.PureComponent<\n    {children: React.ReactNode},\n    MultipleTooltipProviderState\n> {\n    state = {\n        ...multipleTooltipContextDefaults,\n    };\n\n    setValue: MultipleTooltipContextProps['setValue'] = (value) => {\n        this.setState({...value});\n    };\n\n    render() {\n        const {children} = this.props;\n\n        return (\n            <MultipleTooltipContext.Provider value={{...this.state, setValue: this.setValue}}>\n                {children}\n            </MultipleTooltipContext.Provider>\n        );\n    }\n}\n"],"names":[],"mappings":";;;;AAcA,MAAM,8BAA8B,GAAG;AACnC,IAAA,MAAM,EAAE,KAAK;AACb,IAAA,WAAW,EAAE,SAAS;AACtB,IAAA,uBAAuB,EAAE,KAAK;AAC9B,IAAA,oBAAoB,EAAE,SAAS;AAC/B,IAAA,QAAQ,EAAE,MAAK,GAAG;CACrB;AAEY,MAAA,sBAAsB,GAAG,KAAK,CAAC,aAAa,CACrD,8BAA8B;AAKrB,MAAA,uBAAwB,SAAQ,KAAK,CAAC,aAGlD,CAAA;AAHD,IAAA,WAAA,GAAA;;QAII,IAAK,CAAA,KAAA,GAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACE,8BAA8B,CACnC;AAEF,QAAA,IAAA,CAAA,QAAQ,GAA4C,CAAC,KAAK,KAAI;AAC1D,YAAA,IAAI,CAAC,QAAQ,CAAK,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,KAAK,EAAE;AAC7B,SAAC;;IAED,MAAM,GAAA;AACF,QAAA,MAAM,EAAC,QAAQ,EAAC,GAAG,IAAI,CAAC,KAAK;QAE7B,QACI,oBAAC,sBAAsB,CAAC,QAAQ,EAAC,EAAA,KAAK,kCAAM,IAAI,CAAC,KAAK,CAAE,EAAA,EAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAC1E,CAAA,EAAA,EAAA,QAAQ,CACqB;;AAG7C;;;;;"}

package/build/cjs/components/CompositeBar/constants.js

@@ -1,12 +0,0 @@
-'use strict';
-
-const ITEM_TYPE_REGULAR = 'regular';
-const COLLAPSE_ITEM_ID = 'collapse-item-id';
-const POPUP_PLACEMENT = ['right-start', 'right-end', 'right'];
-const POPUP_ITEM_HEIGHT = 28;
-
-exports.COLLAPSE_ITEM_ID = COLLAPSE_ITEM_ID;
-exports.ITEM_TYPE_REGULAR = ITEM_TYPE_REGULAR;
-exports.POPUP_ITEM_HEIGHT = POPUP_ITEM_HEIGHT;
-exports.POPUP_PLACEMENT = POPUP_PLACEMENT;
-//# sourceMappingURL=constants.js.map

package/build/cjs/components/CompositeBar/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sources":["../../../../../src/components/CompositeBar/constants.ts"],"sourcesContent":["import {PopupPlacement} from '@gravity-ui/uikit';\n\nexport const ITEM_TYPE_REGULAR = 'regular';\nexport const COLLAPSE_ITEM_ID = 'collapse-item-id';\n\nexport const POPUP_PLACEMENT: PopupPlacement = ['right-start', 'right-end', 'right'];\nexport const POPUP_ITEM_HEIGHT = 28;\n"],"names":[],"mappings":";;AAEO,MAAM,iBAAiB,GAAG;AAC1B,MAAM,gBAAgB,GAAG;AAEnB,MAAA,eAAe,GAAmB,CAAC,aAAa,EAAE,WAAW,EAAE,OAAO;AAC5E,MAAM,iBAAiB,GAAG;;;;;;;"}

package/build/cjs/components/CompositeBar/utils.js

@@ -1,107 +0,0 @@
-'use strict';
-
-var icons = require('@gravity-ui/icons');
-var constants = require('../constants.js');
-var constants$1 = require('./constants.js');
-
-function getItemHeight(item) {
-    if (!isMenuItem(item)) {
-        return constants.ITEM_HEIGHT;
-    }
-    switch (item.type) {
-        case 'action':
-            return 50;
-        case 'divider':
-            return 15;
-        default:
-            return constants.ITEM_HEIGHT;
-    }
-}
-function getItemsHeight(items) {
-    return items.reduce((sum, item) => sum + getItemHeight(item), 0);
-}
-function getSelectedItemIndex(items) {
-    const index = items.findIndex(({ current }) => Boolean(current));
-    return index === -1 ? undefined : index;
-}
-function getPinnedItems(items) {
-    const pinnedItems = [];
-    for (const item of items) {
-        if (item.pinned) {
-            pinnedItems.push(item);
-        }
-        else if (item.type === 'divider') {
-            if (pinnedItems.length > 0 && pinnedItems[pinnedItems.length - 1].type !== 'divider') {
-                pinnedItems.push(item);
-            }
-        }
-    }
-    return pinnedItems;
-}
-function getItemsMinHeight(items) {
-    const pinnedItems = getPinnedItems(items);
-    const afterMoreButtonItems = items.filter((item) => item.afterMoreButton);
-    return (getItemsHeight(pinnedItems) +
-        getItemsHeight(afterMoreButtonItems) +
-        (pinnedItems.length === items.length ? 0 : constants.ITEM_HEIGHT));
-}
-function getMoreButtonItem(menuMoreTitle) {
-    return {
-        id: constants$1.COLLAPSE_ITEM_ID,
-        title: menuMoreTitle,
-        icon: icons.Ellipsis,
-        iconSize: 18,
-    };
-}
-function getAutosizeListItems(items, height, collapseItem) {
-    var _a, _b, _c;
-    const afterMoreButtonItems = items.filter((item) => item.afterMoreButton);
-    const regularItems = items.filter((item) => !item.afterMoreButton);
-    const listItems = [...regularItems, ...afterMoreButtonItems];
-    const allItemsHeight = getItemsHeight(listItems);
-    if (allItemsHeight <= height) {
-        return { listItems, collapseItems: [] };
-    }
-    const collapseItemHeight = getItemHeight(collapseItem);
-    listItems.splice(regularItems.length, 0, collapseItem);
-    const collapseItems = [];
-    let listHeight = allItemsHeight + collapseItemHeight;
-    let index = listItems.length;
-    while (listHeight > height) {
-        if (index === 0) {
-            break;
-        }
-        index--;
-        const item = listItems[index];
-        if (item.pinned || item.id === constants$1.COLLAPSE_ITEM_ID || item.afterMoreButton) {
-            continue;
-        }
-        if (item.type === 'divider') {
-            if (index + 1 < listItems.length && ((_a = listItems[index + 1]) === null || _a === undefined ? undefined : _a.type) === 'divider') {
-                listHeight -= getItemHeight(item);
-                listItems.splice(index, 1);
-            }
-            continue;
-        }
-        listHeight -= getItemHeight(item);
-        collapseItems.unshift(...listItems.splice(index, 1));
-    }
-    if (((_b = listItems[index]) === null || _b === undefined ? undefined : _b.type) === 'divider' &&
-        (index === 0 || ((_c = listItems[index - 1]) === null || _c === undefined ? undefined : _c.type) === 'divider')) {
-        listItems.splice(index, 1);
-    }
-    return { listItems, collapseItems };
-}
-function isMenuItem(item) {
-    return (item === null || item === undefined ? undefined : item.id) !== undefined;
-}
-
-exports.getAutosizeListItems = getAutosizeListItems;
-exports.getItemHeight = getItemHeight;
-exports.getItemsHeight = getItemsHeight;
-exports.getItemsMinHeight = getItemsMinHeight;
-exports.getMoreButtonItem = getMoreButtonItem;
-exports.getPinnedItems = getPinnedItems;
-exports.getSelectedItemIndex = getSelectedItemIndex;
-exports.isMenuItem = isMenuItem;
-//# sourceMappingURL=utils.js.map

package/build/cjs/components/CompositeBar/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sources":["../../../../../src/components/CompositeBar/utils.ts"],"sourcesContent":["import {Ellipsis} from '@gravity-ui/icons';\n\nimport {CompositeBarItem} from '../CompositeBar/CompositeBar';\nimport {ITEM_HEIGHT} from '../constants';\n\nimport {MenuItem} from './../types';\nimport {COLLAPSE_ITEM_ID} from './constants';\n\nexport function getItemHeight(item: CompositeBarItem) {\n    if (!isMenuItem(item)) {\n        return ITEM_HEIGHT;\n    }\n\n    switch (item.type) {\n        case 'action':\n            return 50;\n        case 'divider':\n            return 15;\n\n        default:\n            return ITEM_HEIGHT;\n    }\n}\n\nexport function getItemsHeight<T extends CompositeBarItem>(items: T[]) {\n    return items.reduce((sum, item) => sum + getItemHeight(item), 0);\n}\n\nexport function getSelectedItemIndex(items: MenuItem[]) {\n    const index = items.findIndex(({current}) => Boolean(current));\n    return index === -1 ? undefined : index;\n}\n\nexport function getPinnedItems(items: MenuItem[]) {\n    const pinnedItems: MenuItem[] = [];\n    for (const item of items) {\n        if (item.pinned) {\n            pinnedItems.push(item);\n        } else if (item.type === 'divider') {\n            if (pinnedItems.length > 0 && pinnedItems[pinnedItems.length - 1].type !== 'divider') {\n                pinnedItems.push(item);\n            }\n        }\n    }\n    return pinnedItems;\n}\n\nexport function getItemsMinHeight(items: MenuItem[]) {\n    const pinnedItems = getPinnedItems(items);\n    const afterMoreButtonItems = items.filter((item) => item.afterMoreButton);\n\n    return (\n        getItemsHeight(pinnedItems) +\n        getItemsHeight(afterMoreButtonItems) +\n        (pinnedItems.length === items.length ? 0 : ITEM_HEIGHT)\n    );\n}\n\nexport function getMoreButtonItem(menuMoreTitle?: string): MenuItem {\n    return {\n        id: COLLAPSE_ITEM_ID,\n        title: menuMoreTitle,\n        icon: Ellipsis,\n        iconSize: 18,\n    };\n}\n\nexport function getAutosizeListItems(\n    items: MenuItem[],\n    height: number,\n    collapseItem: MenuItem,\n): {\n    listItems: MenuItem[];\n    collapseItems: MenuItem[];\n} {\n    const afterMoreButtonItems = items.filter((item) => item.afterMoreButton);\n    const regularItems = items.filter((item) => !item.afterMoreButton);\n    const listItems = [...regularItems, ...afterMoreButtonItems];\n\n    const allItemsHeight = getItemsHeight(listItems);\n    if (allItemsHeight <= height) {\n        return {listItems, collapseItems: []};\n    }\n\n    const collapseItemHeight = getItemHeight(collapseItem);\n\n    listItems.splice(regularItems.length, 0, collapseItem);\n    const collapseItems: MenuItem[] = [];\n\n    let listHeight = allItemsHeight + collapseItemHeight;\n    let index = listItems.length;\n    while (listHeight > height) {\n        if (index === 0) {\n            break;\n        }\n        index--;\n\n        const item = listItems[index];\n        if (item.pinned || item.id === COLLAPSE_ITEM_ID || item.afterMoreButton) {\n            continue;\n        }\n        if (item.type === 'divider') {\n            if (index + 1 < listItems.length && listItems[index + 1]?.type === 'divider') {\n                listHeight -= getItemHeight(item);\n                listItems.splice(index, 1);\n            }\n            continue;\n        }\n        listHeight -= getItemHeight(item);\n        collapseItems.unshift(...listItems.splice(index, 1));\n    }\n    if (\n        listItems[index]?.type === 'divider' &&\n        (index === 0 || listItems[index - 1]?.type === 'divider')\n    ) {\n        listItems.splice(index, 1);\n    }\n\n    return {listItems, collapseItems};\n}\n\nexport function isMenuItem(item: CompositeBarItem): item is MenuItem {\n    return (item as MenuItem)?.id !== undefined;\n}\n"],"names":["ITEM_HEIGHT","COLLAPSE_ITEM_ID","Ellipsis"],"mappings":"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"}

package/build/cjs/components/Content/Content.js

@@ -1,16 +0,0 @@
-'use strict';
-
-var React = require('react');
-
-/* Used by renderContent AsideHeader prop */
-const RenderContent = React.memo(({ renderContent, size }) => {
-    return React.createElement(React.Fragment, null, renderContent({ size }));
-});
-RenderContent.displayName = 'RenderContent';
-const Content = ({ size, // TODO: move to context when MobileHeader will support it
-className, cssSizeVariableName = '--gn-aside-header-size', renderContent, children, }) => {
-    return (React.createElement("div", { className: className, style: Object.assign({}, { [cssSizeVariableName]: `${size}px` }) }, typeof renderContent === 'function' ? (React.createElement(RenderContent, { size: size, renderContent: renderContent })) : (children)));
-};
-
-exports.Content = Content;
-//# sourceMappingURL=Content.js.map

package/build/cjs/components/Content/Content.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Content.js","sources":["../../../../../src/components/Content/Content.tsx"],"sourcesContent":["/* Used by renderContent AsideHeader prop */\n\nimport React from 'react';\n\nexport type RenderContentType = (data: {size: number}) => React.ReactNode;\n\nexport interface ContentProps {\n    size: number;\n    className?: string;\n    cssSizeVariableName?: string;\n    renderContent?: RenderContentType;\n    children?: React.ReactNode;\n}\n\ninterface RenderContentProps {\n    renderContent: RenderContentType;\n    size: number;\n}\n\nconst RenderContent: React.FC<RenderContentProps> = React.memo(({renderContent, size}) => {\n    return <React.Fragment>{renderContent({size})}</React.Fragment>;\n});\n\nRenderContent.displayName = 'RenderContent';\n\nexport const Content: React.FC<ContentProps> = ({\n    size, // TODO: move to context when MobileHeader will support it\n    className,\n    cssSizeVariableName = '--gn-aside-header-size',\n    renderContent,\n    children,\n}) => {\n    return (\n        <div\n            className={className}\n            style={{...({[cssSizeVariableName]: `${size}px`} as React.CSSProperties)}}\n        >\n            {typeof renderContent === 'function' ? (\n                <RenderContent size={size} renderContent={renderContent} />\n            ) : (\n                children\n            )}\n        </div>\n    );\n};\n"],"names":[],"mappings":";;;;AAAA;AAmBA,MAAM,aAAa,GAAiC,KAAK,CAAC,IAAI,CAAC,CAAC,EAAC,aAAa,EAAE,IAAI,EAAC,KAAI;AACrF,IAAA,OAAO,KAAC,CAAA,aAAA,CAAA,KAAK,CAAC,QAAQ,EAAE,IAAA,EAAA,aAAa,CAAC,EAAC,IAAI,EAAC,CAAC,CAAkB;AACnE,CAAC,CAAC;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe;MAE9B,OAAO,GAA2B,CAAC,EAC5C,IAAI;AACJ,SAAS,EACT,mBAAmB,GAAG,wBAAwB,EAC9C,aAAa,EACb,QAAQ,GACX,KAAI;IACD,QACI,6BACI,SAAS,EAAE,SAAS,EACpB,KAAK,oBAAO,EAAC,CAAC,mBAAmB,GAAG,GAAG,IAAI,CAAA,EAAA,CAAI,EAAyB,CAEvE,EAAA,EAAA,OAAO,aAAa,KAAK,UAAU,IAChC,oBAAC,aAAa,EAAA,EAAC,IAAI,EAAE,IAAI,EAAE,aAAa,EAAE,aAAa,EAAI,CAAA,KAE3D,QAAQ,CACX,CACC;AAEd;;;;"}

package/build/cjs/components/Drawer/Drawer.js

@@ -1,83 +0,0 @@
-'use strict';
-
-var React = require('react');
-var uikit = require('@gravity-ui/uikit');
-var cn = require('../utils/cn.js');
-var utils = require('./utils.js');
-require('./Drawer.scss.js');
-var CSSTransition = require('../../node_modules/react-transition-group/esm/CSSTransition.js');
-var Transition = require('../../node_modules/react-transition-group/esm/Transition.js');
-
-const b = cn.block('drawer');
-const TIMEOUT = 300;
-const DrawerItem = React.forwardRef(function DrawerItem(props, ref) {
-    const { visible, content, children, direction = 'left', className, resizable, width, minResizeWidth, maxResizeWidth, onResizeStart, onResize, keepMounted = false, } = props;
-    const [isInitialRender, setInitialRender] = React.useState(true);
-    const itemRef = React.useRef(null);
-    const handleRef = uikit.useForkRef(ref, itemRef);
-    const cssDirection = direction === 'left' ? undefined : direction;
-    const { resizedWidth, resizerHandlers } = utils.useResizableDrawerItem({
-        direction,
-        width,
-        minResizeWidth,
-        maxResizeWidth,
-        onResizeStart,
-        onResize,
-    });
-    React.useEffect(() => {
-        setInitialRender(true);
-    }, [direction]);
-    const resizerElement = resizable ? (React.createElement("div", Object.assign({ className: b('resizer', { direction }) }, resizerHandlers),
-        React.createElement("div", { className: b('resizer-handle') }))) : null;
-    return (React.createElement(CSSTransition, { in: visible, timeout: TIMEOUT, mountOnEnter: !keepMounted, unmountOnExit: !keepMounted, classNames: b('item-transition', { direction: cssDirection }), nodeRef: itemRef, onEnter: () => setInitialRender(false), onExit: () => setInitialRender(false) },
-        React.createElement("div", { ref: handleRef, className: b('item', { direction: cssDirection, hidden: isInitialRender && !visible }, [className]), style: { width: resizable ? `${resizedWidth}px` : undefined } },
-            resizerElement, children !== null && children !== undefined ? children : content)));
-});
-const Drawer = ({ className, veilClassName, children, style, onVeilClick, onEscape, hideVeil, disablePortal = true, keepMounted = false, }) => {
-    let someItemVisible = false;
-    React.Children.forEach(children, (child) => {
-        if (React.isValidElement(child) && child.type === DrawerItem) {
-            const childVisible = Boolean(child.props.visible);
-            if (childVisible) {
-                someItemVisible = true;
-            }
-        }
-    });
-    React.useEffect(() => {
-        function onKeyDown(event) {
-            if (event.key === 'Escape') {
-                onEscape === null || onEscape === undefined ? undefined : onEscape();
-            }
-        }
-        if (someItemVisible) {
-            window.addEventListener('keydown', onKeyDown);
-        }
-        return () => {
-            window.removeEventListener('keydown', onKeyDown);
-        };
-    }, [onEscape, someItemVisible]);
-    const containerRef = React.useRef(null);
-    const veilRef = React.useRef(null);
-    const drawer = (React.createElement(Transition.default, { in: someItemVisible, timeout: { enter: 0, exit: TIMEOUT }, mountOnEnter: !keepMounted, unmountOnExit: !keepMounted, nodeRef: containerRef }, (state) => {
-        const childrenVisible = someItemVisible && state === 'entered';
-        return (React.createElement("div", { ref: containerRef, className: b({ hideVeil }, className), style: style },
-            React.createElement(CSSTransition, { in: childrenVisible, timeout: TIMEOUT, unmountOnExit: true, classNames: b('veil-transition'), nodeRef: veilRef },
-                React.createElement("div", { ref: veilRef, className: b('veil', { hidden: hideVeil }, veilClassName), onClick: onVeilClick })),
-            React.Children.map(children, (child) => {
-                if (React.isValidElement(child) &&
-                    child.type === DrawerItem) {
-                    const childVisible = Boolean(child.props.visible);
-                    return React.cloneElement(child, Object.assign(Object.assign({ keepMounted }, child.props), { visible: childVisible && childrenVisible }));
-                }
-                return child;
-            })));
-    }));
-    if (disablePortal) {
-        return drawer;
-    }
-    return React.createElement(uikit.Portal, null, drawer);
-};
-
-exports.Drawer = Drawer;
-exports.DrawerItem = DrawerItem;
-//# sourceMappingURL=Drawer.js.map