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

package/build/esm/components/Settings/SettingsMenu/SettingsMenu.js

@@ -0,0 +1,79 @@
+import React__default from 'react';
+import { Icon } from '@gravity-ui/uikit';
+import { block } from '../../utils/cn.js';
+import { useStableCallback, useCurrent } from '../helpers.js';
+import './SettingsMenu.scss.js';
+
+const b = block('settings-menu');
+const SettingsMenu = React__default.forwardRef(
+// eslint-disable-next-line prefer-arrow-callback
+function SettingsMenu({ items, onChange, activeItemId }, ref) {
+    const [focusItemId, setFocusId] = React__default.useState();
+    const containerRef = React__default.useRef(null);
+    const handleChange = useStableCallback(onChange);
+    const getFocused = useCurrent(focusItemId);
+    React__default.useImperativeHandle(ref, () => ({
+        handleKeyDown(event) {
+            if (!containerRef.current) {
+                return false;
+            }
+            const focused = getFocused();
+            if (focused && event.key === 'Enter') {
+                handleChange(focused);
+                return true;
+            }
+            else if (event.key === 'ArrowDown') {
+                setFocusId(focusNext(containerRef.current, focused, 1));
+                return true;
+            }
+            else if (event.key === 'ArrowUp') {
+                setFocusId(focusNext(containerRef.current, focused, -1));
+                return true;
+            }
+            return false;
+        },
+        clearFocus() {
+            setFocusId(undefined);
+        },
+    }), [getFocused, handleChange]);
+    return (React__default.createElement("div", { ref: containerRef, className: b() }, items.map((firstLevelItem) => {
+        if ('groupTitle' in firstLevelItem) {
+            return (React__default.createElement("div", { key: firstLevelItem.groupTitle, className: b('group') },
+                React__default.createElement("span", { className: b('group-heading') }, firstLevelItem.groupTitle),
+                firstLevelItem.items.map((item) => {
+                    return renderMenuItem(item, onChange, activeItemId, focusItemId);
+                })));
+        }
+        return renderMenuItem(firstLevelItem, onChange, activeItemId, focusItemId);
+    })));
+});
+function renderMenuItem(item, onChange, activeItemId, focusItemId) {
+    return (React__default.createElement("span", { key: item.title, className: b('item', {
+            selected: activeItemId === item.id,
+            disabled: item.disabled,
+            focused: focusItemId === item.id,
+            badge: item.withBadge,
+        }), onClick: () => {
+            if (!item.disabled) {
+                onChange(item.id);
+            }
+        }, "data-id": item.id },
+        item.icon ? React__default.createElement(Icon, Object.assign({ size: 16 }, item.icon, { className: b('item-icon') })) : undefined,
+        React__default.createElement("span", null, item.title)));
+}
+function focusNext(container, focused, direction) {
+    var _a;
+    const elements = container.querySelectorAll(`.${b('item')}:not(.${b('item')}_disabled)`);
+    if (elements.length === 0) {
+        return undefined;
+    }
+    let currentIndex = direction > 0 ? -1 : 0;
+    if (focused) {
+        currentIndex = Array.prototype.findIndex.call(elements, (element) => element.getAttribute('data-id') === focused);
+    }
+    currentIndex = (elements.length + currentIndex + direction) % elements.length;
+    return (_a = elements[currentIndex].getAttribute('data-id')) !== null && _a !== undefined ? _a : undefined;
+}
+
+export { SettingsMenu };
+//# sourceMappingURL=SettingsMenu.js.map

package/build/esm/components/Settings/SettingsMenu/SettingsMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsMenu.js","sources":["../../../../../../src/components/Settings/SettingsMenu/SettingsMenu.tsx"],"sourcesContent":["import React from 'react';\n\nimport {Icon} from '@gravity-ui/uikit';\n\nimport {block} from '../../utils/cn';\nimport {useCurrent, useStableCallback} from '../helpers';\nimport {Item, SettingsMenuProps} from '../types';\n\nimport './SettingsMenu.scss';\n\nconst b = block('settings-menu');\n\nexport interface SettingsMenuInstance {\n    handleKeyDown(event: React.KeyboardEvent): boolean;\n    clearFocus(): void;\n}\n\nexport const SettingsMenu = React.forwardRef<SettingsMenuInstance, SettingsMenuProps>(\n    // eslint-disable-next-line prefer-arrow-callback\n    function SettingsMenu({items, onChange, activeItemId}, ref) {\n        const [focusItemId, setFocusId] = React.useState<string>();\n        const containerRef = React.useRef<HTMLDivElement>(null);\n        const handleChange = useStableCallback(onChange);\n        const getFocused = useCurrent(focusItemId);\n\n        React.useImperativeHandle(\n            ref,\n            () => ({\n                handleKeyDown(event) {\n                    if (!containerRef.current) {\n                        return false;\n                    }\n                    const focused = getFocused();\n                    if (focused && event.key === 'Enter') {\n                        handleChange(focused);\n                        return true;\n                    } else if (event.key === 'ArrowDown') {\n                        setFocusId(focusNext(containerRef.current, focused, 1));\n                        return true;\n                    } else if (event.key === 'ArrowUp') {\n                        setFocusId(focusNext(containerRef.current, focused, -1));\n                        return true;\n                    }\n                    return false;\n                },\n                clearFocus() {\n                    setFocusId(undefined);\n                },\n            }),\n            [getFocused, handleChange],\n        );\n\n        return (\n            <div ref={containerRef} className={b()}>\n                {items.map((firstLevelItem) => {\n                    if ('groupTitle' in firstLevelItem) {\n                        return (\n                            <div key={firstLevelItem.groupTitle} className={b('group')}>\n                                <span className={b('group-heading')}>\n                                    {firstLevelItem.groupTitle}\n                                </span>\n                                {firstLevelItem.items.map((item) => {\n                                    return renderMenuItem(\n                                        item,\n                                        onChange,\n                                        activeItemId,\n                                        focusItemId,\n                                    );\n                                })}\n                            </div>\n                        );\n                    }\n                    return renderMenuItem(firstLevelItem, onChange, activeItemId, focusItemId);\n                })}\n            </div>\n        );\n    },\n);\n\nfunction renderMenuItem(\n    item: Item,\n    onChange: (id: string) => void,\n    activeItemId: string | undefined,\n    focusItemId: string | undefined,\n) {\n    return (\n        <span\n            key={item.title}\n            className={b('item', {\n                selected: activeItemId === item.id,\n                disabled: item.disabled,\n                focused: focusItemId === item.id,\n                badge: item.withBadge,\n            })}\n            onClick={() => {\n                if (!item.disabled) {\n                    onChange(item.id);\n                }\n            }}\n            data-id={item.id}\n        >\n            {item.icon ? <Icon size={16} {...item.icon} className={b('item-icon')} /> : undefined}\n            <span>{item.title}</span>\n        </span>\n    );\n}\n\nfunction focusNext(container: HTMLElement, focused: string | undefined, direction: number) {\n    const elements = container.querySelectorAll(`.${b('item')}:not(.${b('item')}_disabled)`);\n    if (elements.length === 0) {\n        return undefined;\n    }\n\n    let currentIndex = direction > 0 ? -1 : 0;\n    if (focused) {\n        currentIndex = Array.prototype.findIndex.call(\n            elements,\n            (element) => element.getAttribute('data-id') === focused,\n        );\n    }\n\n    currentIndex = (elements.length + currentIndex + direction) % elements.length;\n    return elements[currentIndex].getAttribute('data-id') ?? undefined;\n}\n"],"names":["React"],"mappings":"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"}

package/build/esm/components/Settings/SettingsMenu/SettingsMenu.scss.js

@@ -0,0 +1,7 @@
+import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".gn-settings-menu__group-heading{display:inline-block;font-weight:var(--g-text-accent-font-weight);line-height:18px;margin-bottom:12px;padding:0 20px}.gn-settings-menu__group+.gn-settings-menu__group{margin-top:24px}.gn-settings-menu__item{align-items:center;color:var(--g-color-text-primary);cursor:pointer;display:flex;height:40px;padding:0 20px}.gn-settings-menu__item-icon{color:var(--g-color-text-misc);margin-right:5px}.gn-settings-menu__item:hover,.gn-settings-menu__item_focused{background:var(--g-color-base-simple-hover)}.gn-settings-menu__item_selected{background:var(--g-color-base-selection)}.gn-settings-menu__item_selected.gn-settings-menu__item_focused,.gn-settings-menu__item_selected:hover{background:var(--g-color-base-selection-hover)}.gn-settings-menu__item_disabled{color:var(--g-color-text-secondary);cursor:auto}.gn-settings-menu__item_disabled:hover{background:none}.gn-settings-menu__item_disabled .gn-settings-menu__item-icon{color:var(--g-color-base-misc-heavy)}.gn-settings-menu__item_badge{position:relative}.gn-settings-menu__item_badge:after{background-color:var(--g-color-text-danger);border-radius:50%;content:\"\";display:block;height:6px;position:absolute;right:9px;top:calc(50% - 3px);width:6px}";
+styleInject(css_248z);
+
+export { css_248z as default };
+//# sourceMappingURL=SettingsMenu.scss.js.map

package/build/esm/components/Settings/SettingsMenu/SettingsMenu.scss.js.map

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

package/build/esm/components/Settings/SettingsMenuMobile/SettingsMenuMobile.js

@@ -0,0 +1,35 @@
+import React__default from 'react';
+import { Tabs } from '@gravity-ui/uikit';
+import { block } from '../../utils/cn.js';
+import './SettingsMenuMobile.scss.js';
+
+const b = block('settings-menu-mobile');
+const SettingsMenuMobile = ({ items, onChange, activeItemId, className, }) => {
+    const ref = React__default.useRef(null);
+    const tabItems = React__default.useMemo(() => {
+        const tabItems = [];
+        items.forEach((firstLevelItem) => {
+            if ('groupTitle' in firstLevelItem) {
+                tabItems.push(...firstLevelItem.items.map(({ id, title, disabled, withBadge }) => ({
+                    id,
+                    title,
+                    disabled,
+                    className: b('item', { badge: withBadge }),
+                })));
+            }
+            else {
+                const { id, title, disabled, withBadge } = firstLevelItem;
+                tabItems.push({ id, title, disabled, className: b('item', { badge: withBadge }) });
+            }
+        });
+        return tabItems;
+    }, [items]);
+    const handleTouchMove = (e) => {
+        e.stopPropagation();
+    };
+    return (React__default.createElement("div", { ref: ref, onTouchMove: handleTouchMove },
+        React__default.createElement(Tabs, { items: tabItems, className: b(null, className), size: "l", activeTab: activeItemId, onSelectTab: onChange })));
+};
+
+export { SettingsMenuMobile };
+//# sourceMappingURL=SettingsMenuMobile.js.map

package/build/esm/components/Settings/SettingsMenuMobile/SettingsMenuMobile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsMenuMobile.js","sources":["../../../../../../src/components/Settings/SettingsMenuMobile/SettingsMenuMobile.tsx"],"sourcesContent":["import React from 'react';\n\nimport {Tabs, TabsItemProps} from '@gravity-ui/uikit';\n\nimport {block} from '../../utils/cn';\nimport {SettingsMenuProps} from '../types';\n\nimport './SettingsMenuMobile.scss';\n\nconst b = block('settings-menu-mobile');\n\nexport const SettingsMenuMobile = ({\n    items,\n    onChange,\n    activeItemId,\n    className,\n}: SettingsMenuProps) => {\n    const ref = React.useRef<HTMLDivElement>(null);\n\n    const tabItems = React.useMemo(() => {\n        const tabItems: TabsItemProps[] = [];\n\n        items.forEach((firstLevelItem) => {\n            if ('groupTitle' in firstLevelItem) {\n                tabItems.push(\n                    ...firstLevelItem.items.map(({id, title, disabled, withBadge}) => ({\n                        id,\n                        title,\n                        disabled,\n                        className: b('item', {badge: withBadge}),\n                    })),\n                );\n            } else {\n                const {id, title, disabled, withBadge} = firstLevelItem;\n                tabItems.push({id, title, disabled, className: b('item', {badge: withBadge})});\n            }\n        });\n        return tabItems;\n    }, [items]);\n\n    const handleTouchMove = (e: React.TouchEvent<HTMLDivElement>) => {\n        e.stopPropagation();\n    };\n\n    return (\n        <div ref={ref} onTouchMove={handleTouchMove}>\n            <Tabs\n                items={tabItems}\n                className={b(null, className)}\n                size=\"l\"\n                activeTab={activeItemId}\n                onSelectTab={onChange}\n            />\n        </div>\n    );\n};\n"],"names":["React"],"mappings":";;;;;AASA,MAAM,CAAC,GAAG,KAAK,CAAC,sBAAsB,CAAC;AAEhC,MAAM,kBAAkB,GAAG,CAAC,EAC/B,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,SAAS,GACO,KAAI;IACpB,MAAM,GAAG,GAAGA,cAAK,CAAC,MAAM,CAAiB,IAAI,CAAC;AAE9C,IAAA,MAAM,QAAQ,GAAGA,cAAK,CAAC,OAAO,CAAC,MAAK;QAChC,MAAM,QAAQ,GAAoB,EAAE;AAEpC,QAAA,KAAK,CAAC,OAAO,CAAC,CAAC,cAAc,KAAI;AAC7B,YAAA,IAAI,YAAY,IAAI,cAAc,EAAE;gBAChC,QAAQ,CAAC,IAAI,CACT,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,EAAC,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAC,MAAM;oBAC/D,EAAE;oBACF,KAAK;oBACL,QAAQ;oBACR,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,EAAC,KAAK,EAAE,SAAS,EAAC,CAAC;iBAC3C,CAAC,CAAC,CACN;;iBACE;gBACH,MAAM,EAAC,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAC,GAAG,cAAc;gBACvD,QAAQ,CAAC,IAAI,CAAC,EAAC,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,EAAC,KAAK,EAAE,SAAS,EAAC,CAAC,EAAC,CAAC;;AAEtF,SAAC,CAAC;AACF,QAAA,OAAO,QAAQ;AACnB,KAAC,EAAE,CAAC,KAAK,CAAC,CAAC;AAEX,IAAA,MAAM,eAAe,GAAG,CAAC,CAAmC,KAAI;QAC5D,CAAC,CAAC,eAAe,EAAE;AACvB,KAAC;IAED,QACIA,sCAAK,GAAG,EAAE,GAAG,EAAE,WAAW,EAAE,eAAe,EAAA;AACvC,QAAAA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EACD,KAAK,EAAE,QAAQ,EACf,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAC7B,IAAI,EAAC,GAAG,EACR,SAAS,EAAE,YAAY,EACvB,WAAW,EAAE,QAAQ,EACvB,CAAA,CACA;AAEd;;;;"}

package/build/esm/components/Settings/SettingsMenuMobile/SettingsMenuMobile.scss.js

@@ -0,0 +1,7 @@
+import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".gn-settings-menu-mobile.g-tabs_direction_horizontal{-ms-overflow-style:none;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:none;scrollbar-width:none}.gn-settings-menu-mobile.g-tabs_direction_horizontal::-webkit-scrollbar{display:none}.gn-settings-menu-mobile__item_badge{position:relative}.gn-settings-menu-mobile__item_badge:after{background-color:var(--g-color-text-danger);border-radius:50%;content:\"\";display:block;height:6px;position:absolute;right:-8px;top:11px;width:6px}";
+styleInject(css_248z);
+
+export { css_248z as default };
+//# sourceMappingURL=SettingsMenuMobile.scss.js.map

package/build/esm/components/Settings/SettingsMenuMobile/SettingsMenuMobile.scss.js.map

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

package/build/esm/components/Settings/SettingsSearch/SettingsSearch.js

@@ -0,0 +1,23 @@
+import React__default from 'react';
+import { TextInput } from '@gravity-ui/uikit';
+import debounceFn from '../../../_virtual/debounce.js';
+import { block } from '../../utils/cn.js';
+import { useStableCallback } from '../helpers.js';
+import i18n from '../i18n/index.js';
+
+const b = block('settings-search');
+function SettingsSearch({ className, initialValue, onChange, debounce = 200, inputRef, inputSize, placeholder, autoFocus = true, }) {
+    const [value, setValue] = React__default.useState(initialValue !== null && initialValue !== undefined ? initialValue : '');
+    const onChangeDebounced = useStableCallback(debounceFn(onChange, debounce));
+    const handleUpdate = useStableCallback((updated) => {
+        setValue(updated);
+        onChangeDebounced(updated);
+    });
+    return (React__default.createElement("div", { className: b(null, className) },
+        React__default.createElement(TextInput, { value: value, controlRef: inputRef, hasClear: true, autoFocus: autoFocus, size: inputSize, placeholder: placeholder, onUpdate: handleUpdate, controlProps: {
+                'aria-label': i18n('label_search'),
+            } })));
+}
+
+export { SettingsSearch };
+//# sourceMappingURL=SettingsSearch.js.map

package/build/esm/components/Settings/SettingsSearch/SettingsSearch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsSearch.js","sources":["../../../../../../src/components/Settings/SettingsSearch/SettingsSearch.tsx"],"sourcesContent":["import React from 'react';\n\nimport {TextInput, TextInputSize} from '@gravity-ui/uikit';\nimport debounceFn from 'lodash/debounce';\n\nimport {block} from '../../utils/cn';\nimport {useStableCallback} from '../helpers';\nimport i18n from '../i18n';\n\nconst b = block('settings-search');\n\ninterface SettingsSearchProps {\n    className?: string;\n    initialValue?: string;\n    onChange: (search: string) => void;\n    debounce?: number;\n    inputRef?: React.Ref<HTMLInputElement>;\n    inputSize?: TextInputSize;\n    placeholder?: string;\n    autoFocus?: boolean;\n}\n\nexport function SettingsSearch({\n    className,\n    initialValue,\n    onChange,\n    debounce = 200,\n    inputRef,\n    inputSize,\n    placeholder,\n    autoFocus = true,\n}: SettingsSearchProps) {\n    const [value, setValue] = React.useState(initialValue ?? '');\n\n    const onChangeDebounced = useStableCallback(debounceFn(onChange, debounce));\n    const handleUpdate = useStableCallback((updated: string) => {\n        setValue(updated);\n        onChangeDebounced(updated);\n    });\n\n    return (\n        <div className={b(null, className)}>\n            <TextInput\n                value={value}\n                controlRef={inputRef}\n                hasClear\n                autoFocus={autoFocus}\n                size={inputSize}\n                placeholder={placeholder}\n                onUpdate={handleUpdate}\n                controlProps={{\n                    'aria-label': i18n('label_search'),\n                }}\n            />\n        </div>\n    );\n}\n"],"names":["React"],"mappings":";;;;;;;AASA,MAAM,CAAC,GAAG,KAAK,CAAC,iBAAiB,CAAC;AAa5B,SAAU,cAAc,CAAC,EAC3B,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,QAAQ,GAAG,GAAG,EACd,QAAQ,EACR,SAAS,EACT,WAAW,EACX,SAAS,GAAG,IAAI,GACE,EAAA;AAClB,IAAA,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAGA,cAAK,CAAC,QAAQ,CAAC,YAAY,aAAZ,YAAY,KAAA,SAAA,GAAZ,YAAY,GAAI,EAAE,CAAC;IAE5D,MAAM,iBAAiB,GAAG,iBAAiB,CAAC,UAAU,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;AAC3E,IAAA,MAAM,YAAY,GAAG,iBAAiB,CAAC,CAAC,OAAe,KAAI;QACvD,QAAQ,CAAC,OAAO,CAAC;QACjB,iBAAiB,CAAC,OAAO,CAAC;AAC9B,KAAC,CAAC;IAEF,QACIA,sCAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAA;AAC9B,QAAAA,cAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EACN,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,QAAQ,EACpB,QAAQ,EAAA,IAAA,EACR,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,SAAS,EACf,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,YAAY,EACtB,YAAY,EAAE;AACV,gBAAA,YAAY,EAAE,IAAI,CAAC,cAAc,CAAC;aACrC,EACH,CAAA,CACA;AAEd;;;;"}

package/build/esm/components/Settings/collect-settings.js

@@ -0,0 +1,144 @@
+import React__default from 'react';
+import { escapeStringForRegExp, invariant } from './helpers.js';
+
+function getSettingsFromChildren(children, searchText = '') {
+    // 'abc def fg' -> abc.*?cde.*?fg
+    const preparedFilter = escapeStringForRegExp(searchText).replace(/\s+/g, '.*?');
+    const filterRe = new RegExp(preparedFilter, 'i');
+    return getSettingsFromChildrenRecursive(children, '', filterRe);
+}
+function getSettingsFromChildrenRecursive(children, basepath = '', filterRe) {
+    const menu = [];
+    const pages = {};
+    let hasGroup = false;
+    let hasItems = false;
+    React__default.Children.forEach(children, (element) => {
+        var _a, _b;
+        if (!React__default.isValidElement(element)) {
+            // Ignore non-elements.
+            return;
+        }
+        if (element.type === React__default.Fragment) {
+            // Transparently support React.Fragment and its children.
+            const { menu: menuFragment, pages: pagesFragment } = getSettingsFromChildrenRecursive(element.props.children, basepath, filterRe);
+            menu.push(...menuFragment);
+            Object.assign(pages, pagesFragment);
+        }
+        else if (element.props.groupTitle) {
+            if (process.env.NODE_ENV === 'development') {
+                invariant(!hasItems, 'Setting menu must not mix groups and pages on one level');
+            }
+            const pageId = `${basepath}/${(_a = element.props.id) !== null && _a !== undefined ? _a : element.props.groupTitle}`;
+            hasGroup = true;
+            const { menu: menuFragment, pages: pagesFragment } = getSettingsFromChildrenRecursive(element.props.children, pageId, filterRe);
+            if (process.env.NODE_ENV === 'development') {
+                const hasInnerGroup = menuFragment.some((item) => 'groupTitle' in item);
+                invariant(!hasInnerGroup, `Group ${element.props.groupTitle} should not include groups`);
+            }
+            menu.push({
+                groupTitle: element.props.groupTitle,
+                // @ts-ignore
+                items: menuFragment,
+            });
+            Object.assign(pages, pagesFragment);
+        }
+        else {
+            hasItems = true;
+            const pageId = `${basepath}/${(_b = element.props.id) !== null && _b !== undefined ? _b : element.props.title}`;
+            if (process.env.NODE_ENV === 'development') {
+                invariant(Boolean(element.props.title), 'Component must include title prop');
+                invariant(!hasGroup, 'Setting menu must not mix groups and pages on one level');
+                invariant(!pages[pageId], `Setting menu page id must be uniq (${pageId})`);
+            }
+            pages[pageId] = getSettingsPageFromChildren(element.props.children, filterRe);
+            pages[pageId].id = pageId;
+            menu.push({
+                id: pageId,
+                title: element.props.title,
+                icon: element.props.icon,
+                withBadge: pages[pageId].withBadge,
+                disabled: pages[pageId].hidden,
+            });
+        }
+    });
+    return { menu, pages };
+}
+function getSettingsPageFromChildren(children, filterRe) {
+    const page = { id: '', sections: [], hidden: true };
+    React__default.Children.forEach(children, (element) => {
+        if (!React__default.isValidElement(element)) {
+            // Ignore non-elements.
+            return;
+        }
+        if (element.type === React__default.Fragment) {
+            // Transparently support React.Fragment and its children.
+            const { sections, withBadge, hidden } = getSettingsPageFromChildren(element.props.children, filterRe);
+            page.sections.push(...sections);
+            page.withBadge = withBadge || page.withBadge;
+            page.hidden = hidden && page.hidden;
+        }
+        else {
+            const { withBadge } = element.props;
+            const { items, hidden } = getSettingsItemsFromChildren(element.props.children, filterRe);
+            page.withBadge = withBadge || page.withBadge;
+            page.hidden = hidden && page.hidden;
+            page.sections.push(Object.assign(Object.assign({}, element.props), { withBadge,
+                items,
+                hidden }));
+        }
+    });
+    return page;
+}
+function getSettingsItemsFromChildren(children, filterRe) {
+    let hidden = true;
+    const items = [];
+    React__default.Children.forEach(children, (element) => {
+        if (!React__default.isValidElement(element)) {
+            // Ignore non-elements.
+            return;
+        }
+        if (element.type === React__default.Fragment) {
+            // Transparently support React.Fragment and its children.
+            const fragmentItems = getSettingsItemsFromChildren(element.props.children, filterRe);
+            items.push(...fragmentItems.items);
+            hidden = hidden && fragmentItems.hidden;
+        }
+        else {
+            const item = Object.assign(Object.assign({}, element.props), { element, hidden: !filterRe.test(element.props.title) });
+            items.push(item);
+            hidden = hidden && item.hidden;
+        }
+    });
+    return { items, hidden };
+}
+function getSelectedSettingsPart(pages, selection) {
+    if (!selection.settingId && !selection.section && !selection.page) {
+        return {};
+    }
+    for (const page of Object.values(pages)) {
+        if (!selection.settingId && !selection.section) {
+            if (selection.page !== page.id)
+                continue;
+            return { page };
+        }
+        for (const section of page.sections) {
+            if (selection.settingId) {
+                for (const setting of section.items) {
+                    if (setting.id === selection.settingId) {
+                        return { page, section, setting };
+                    }
+                }
+            }
+            else if (selection.section &&
+                ('id' in selection.section
+                    ? selection.section.id === section.id
+                    : selection.section.title === section.title)) {
+                return { page, section };
+            }
+        }
+    }
+    return {};
+}
+
+export { getSelectedSettingsPart, getSettingsFromChildren };
+//# sourceMappingURL=collect-settings.js.map

package/build/esm/components/Settings/collect-settings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collect-settings.js","sources":["../../../../../src/components/Settings/collect-settings.ts"],"sourcesContent":["import React from 'react';\n\nimport {IconProps} from '@gravity-ui/uikit';\n\nimport {SettingsSelection} from './Selection/types';\nimport {escapeStringForRegExp, invariant} from './helpers';\n\nexport type SettingsMenu = (SettingsMenuGroup | SettingsMenuItem)[];\n\ninterface SettingsMenuGroup {\n    groupTitle: string;\n    items: SettingsMenuItem[];\n}\n\ninterface SettingsMenuItem {\n    id: string;\n    title: string;\n    icon?: IconProps;\n    withBadge?: boolean;\n    disabled?: boolean;\n}\n\nexport interface SettingsPage {\n    id: string;\n    sections: SettingsPageSection[];\n    hidden?: boolean;\n    withBadge?: boolean;\n}\n\nexport interface SettingsPageSection {\n    id?: string;\n    title: string;\n    header?: React.ReactNode;\n    items: SettingsItem[];\n    hidden?: boolean;\n    withBadge?: boolean;\n}\n\nexport interface SettingsItem {\n    id?: string;\n    title: string;\n    element: React.ReactElement;\n    hidden: boolean;\n    titleComponent?: React.ReactNode;\n    renderTitleComponent?: (highlightedTitle: React.ReactNode | null) => React.ReactNode;\n}\n\nexport interface SelectedSettingsPart {\n    page?: SettingsPage;\n    section?: SettingsPageSection;\n    setting?: SettingsItem;\n}\n\ninterface SettingsDescription {\n    menu: SettingsMenu;\n    pages: Record<string, SettingsPage>;\n}\nexport function getSettingsFromChildren(\n    children: React.ReactNode,\n    searchText = '',\n): SettingsDescription {\n    // 'abc def fg' -> abc.*?cde.*?fg\n    const preparedFilter = escapeStringForRegExp(searchText).replace(/\\s+/g, '.*?');\n    const filterRe = new RegExp(preparedFilter, 'i');\n\n    return getSettingsFromChildrenRecursive(children, '', filterRe);\n}\n\nfunction getSettingsFromChildrenRecursive(\n    children: React.ReactNode,\n    basepath = '',\n    filterRe: RegExp,\n): SettingsDescription {\n    const menu: SettingsMenu = [];\n    const pages: Record<string, SettingsPage> = {};\n    let hasGroup = false;\n    let hasItems = false;\n    React.Children.forEach(children, (element) => {\n        if (!React.isValidElement(element)) {\n            // Ignore non-elements.\n            return;\n        }\n        if (element.type === React.Fragment) {\n            // Transparently support React.Fragment and its children.\n            const {menu: menuFragment, pages: pagesFragment} = getSettingsFromChildrenRecursive(\n                element.props.children,\n                basepath,\n                filterRe,\n            );\n            menu.push(...menuFragment);\n            Object.assign(pages, pagesFragment);\n        } else if (element.props.groupTitle) {\n            if (process.env.NODE_ENV === 'development') {\n                invariant(!hasItems, 'Setting menu must not mix groups and pages on one level');\n            }\n\n            const pageId = `${basepath}/${element.props.id ?? element.props.groupTitle}`;\n            hasGroup = true;\n\n            const {menu: menuFragment, pages: pagesFragment} = getSettingsFromChildrenRecursive(\n                element.props.children,\n                pageId,\n                filterRe,\n            );\n\n            if (process.env.NODE_ENV === 'development') {\n                const hasInnerGroup = menuFragment.some((item) => 'groupTitle' in item);\n                invariant(\n                    !hasInnerGroup,\n                    `Group ${element.props.groupTitle} should not include groups`,\n                );\n            }\n\n            menu.push({\n                groupTitle: element.props.groupTitle,\n                // @ts-ignore\n                items: menuFragment,\n            });\n            Object.assign(pages, pagesFragment);\n        } else {\n            hasItems = true;\n            const pageId = `${basepath}/${element.props.id ?? element.props.title}`;\n\n            if (process.env.NODE_ENV === 'development') {\n                invariant(Boolean(element.props.title), 'Component must include title prop');\n                invariant(!hasGroup, 'Setting menu must not mix groups and pages on one level');\n                invariant(!pages[pageId], `Setting menu page id must be uniq (${pageId})`);\n            }\n\n            pages[pageId] = getSettingsPageFromChildren(element.props.children, filterRe);\n            pages[pageId].id = pageId;\n            menu.push({\n                id: pageId,\n                title: element.props.title,\n                icon: element.props.icon,\n                withBadge: pages[pageId].withBadge,\n                disabled: pages[pageId].hidden,\n            });\n        }\n    });\n    return {menu, pages};\n}\n\nfunction getSettingsPageFromChildren(children: React.ReactNode, filterRe: RegExp): SettingsPage {\n    const page: SettingsPage = {id: '', sections: [], hidden: true};\n    React.Children.forEach(children, (element) => {\n        if (!React.isValidElement(element)) {\n            // Ignore non-elements.\n            return;\n        }\n        if (element.type === React.Fragment) {\n            // Transparently support React.Fragment and its children.\n            const {sections, withBadge, hidden} = getSettingsPageFromChildren(\n                element.props.children,\n                filterRe,\n            );\n            page.sections.push(...sections);\n            page.withBadge = withBadge || page.withBadge;\n            page.hidden = hidden && page.hidden;\n        } else {\n            const {withBadge} = element.props;\n            const {items, hidden} = getSettingsItemsFromChildren(element.props.children, filterRe);\n            page.withBadge = withBadge || page.withBadge;\n            page.hidden = hidden && page.hidden;\n            page.sections.push({\n                ...element.props,\n                withBadge,\n                items,\n                hidden,\n            });\n        }\n    });\n    return page;\n}\n\nfunction getSettingsItemsFromChildren(children: React.ReactNode, filterRe: RegExp) {\n    let hidden = true;\n    const items: SettingsItem[] = [];\n    React.Children.forEach(children, (element) => {\n        if (!React.isValidElement(element)) {\n            // Ignore non-elements.\n            return;\n        }\n        if (element.type === React.Fragment) {\n            // Transparently support React.Fragment and its children.\n            const fragmentItems = getSettingsItemsFromChildren(element.props.children, filterRe);\n            items.push(...fragmentItems.items);\n            hidden = hidden && fragmentItems.hidden;\n        } else {\n            const item: SettingsItem = {\n                ...element.props,\n                element,\n                hidden: !filterRe.test(element.props.title),\n            };\n            items.push(item);\n            hidden = hidden && item.hidden;\n        }\n    });\n    return {items, hidden};\n}\n\nexport function getSelectedSettingsPart(\n    pages: Record<string, SettingsPage>,\n    selection: SettingsSelection,\n): SelectedSettingsPart {\n    if (!selection.settingId && !selection.section && !selection.page) {\n        return {};\n    }\n\n    for (const page of Object.values(pages)) {\n        if (!selection.settingId && !selection.section) {\n            if (selection.page !== page.id) continue;\n\n            return {page};\n        }\n\n        for (const section of page.sections) {\n            if (selection.settingId) {\n                for (const setting of section.items) {\n                    if (setting.id === selection.settingId) {\n                        return {page, section, setting};\n                    }\n                }\n            } else if (\n                selection.section &&\n                ('id' in selection.section\n                    ? selection.section.id === section.id\n                    : selection.section.title === section.title)\n            ) {\n                return {page, section};\n            }\n        }\n    }\n\n    return {};\n}\n"],"names":["React"],"mappings":"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"}

package/build/esm/components/Settings/helpers.js

@@ -0,0 +1,33 @@
+import * as React from 'react';
+
+function useStableCallback(func) {
+    const funcRef = React.useRef();
+    React.useEffect(() => {
+        funcRef.current = func;
+        return () => {
+            funcRef.current = undefined;
+        };
+    }, [func]);
+    return React.useCallback((...args) => {
+        if (typeof funcRef.current === 'function') {
+            return funcRef.current(...args);
+        }
+        return undefined;
+    }, []);
+}
+function useCurrent(value) {
+    const ref = React.useRef(value);
+    ref.current = value;
+    return React.useCallback(() => ref.current, []);
+}
+function invariant(cond, message) {
+    if (!cond) {
+        throw new Error(message);
+    }
+}
+function escapeStringForRegExp(input) {
+    return input.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+}
+
+export { escapeStringForRegExp, invariant, useCurrent, useStableCallback };
+//# sourceMappingURL=helpers.js.map

package/build/esm/components/Settings/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sources":["../../../../../src/components/Settings/helpers.ts"],"sourcesContent":["import * as React from 'react';\n\ntype AnyFunc = (...args: any[]) => any;\n\nexport function useStableCallback<T extends AnyFunc>(\n    func: T,\n): (...args: Parameters<T>) => ReturnType<T> | undefined {\n    const funcRef = React.useRef<T>();\n\n    React.useEffect(() => {\n        funcRef.current = func;\n        return () => {\n            funcRef.current = undefined;\n        };\n    }, [func]);\n\n    return React.useCallback((...args: Parameters<T>) => {\n        if (typeof funcRef.current === 'function') {\n            return funcRef.current(...args);\n        }\n        return undefined;\n    }, []);\n}\n\nexport function useCurrent<T>(value: T) {\n    const ref = React.useRef(value);\n    ref.current = value;\n    return React.useCallback(() => ref.current, []);\n}\n\nexport function invariant(cond: boolean, message: string): void {\n    if (!cond) {\n        throw new Error(message);\n    }\n}\n\nexport function escapeStringForRegExp(input: string) {\n    return input.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&');\n}\n"],"names":[],"mappings":";;AAIM,SAAU,iBAAiB,CAC7B,IAAO,EAAA;AAEP,IAAA,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,EAAK;AAEjC,IAAA,KAAK,CAAC,SAAS,CAAC,MAAK;AACjB,QAAA,OAAO,CAAC,OAAO,GAAG,IAAI;AACtB,QAAA,OAAO,MAAK;AACR,YAAA,OAAO,CAAC,OAAO,GAAG,SAAS;AAC/B,SAAC;AACL,KAAC,EAAE,CAAC,IAAI,CAAC,CAAC;IAEV,OAAO,KAAK,CAAC,WAAW,CAAC,CAAC,GAAG,IAAmB,KAAI;AAChD,QAAA,IAAI,OAAO,OAAO,CAAC,OAAO,KAAK,UAAU,EAAE;AACvC,YAAA,OAAO,OAAO,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC;;AAEnC,QAAA,OAAO,SAAS;KACnB,EAAE,EAAE,CAAC;AACV;AAEM,SAAU,UAAU,CAAI,KAAQ,EAAA;IAClC,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;AAC/B,IAAA,GAAG,CAAC,OAAO,GAAG,KAAK;AACnB,IAAA,OAAO,KAAK,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,OAAO,EAAE,EAAE,CAAC;AACnD;AAEgB,SAAA,SAAS,CAAC,IAAa,EAAE,OAAe,EAAA;IACpD,IAAI,CAAC,IAAI,EAAE;AACP,QAAA,MAAM,IAAI,KAAK,CAAC,OAAO,CAAC;;AAEhC;AAEM,SAAU,qBAAqB,CAAC,KAAa,EAAA;IAC/C,OAAO,KAAK,CAAC,OAAO,CAAC,qBAAqB,EAAE,MAAM,CAAC;AACvD;;;;"}

package/build/esm/components/Settings/i18n/en.json.js

@@ -0,0 +1,11 @@
+var label_title = "Settings";
+var label_search = "Search";
+var en = {
+	label_title: label_title,
+	"label_filter-placeholder": "Search settings",
+	"label_empty-placeholder": "No results found",
+	label_search: label_search
+};
+
+export { en as default, label_search, label_title };
+//# sourceMappingURL=en.json.js.map

package/build/esm/components/Settings/i18n/en.json.js.map

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

package/build/esm/components/Settings/i18n/index.js

@@ -0,0 +1,10 @@
+import { addComponentKeysets } from '@gravity-ui/uikit/i18n';
+import { NAMESPACE } from '../../utils/cn.js';
+import en from './en.json.js';
+import ru from './ru.json.js';
+
+const COMPONENT = 'Settings';
+var i18n = addComponentKeysets({ en, ru }, `${NAMESPACE}${COMPONENT}`);
+
+export { i18n as default };
+//# sourceMappingURL=index.js.map

package/build/esm/components/Settings/i18n/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/Settings/i18n/index.ts"],"sourcesContent":["import {addComponentKeysets} from '@gravity-ui/uikit/i18n';\n\nimport {NAMESPACE} from '../../utils/cn';\n\nimport en from './en.json';\nimport ru from './ru.json';\n\nconst COMPONENT = 'Settings';\nexport default addComponentKeysets({en, ru}, `${NAMESPACE}${COMPONENT}`);\n"],"names":[],"mappings":";;;;;AAOA,MAAM,SAAS,GAAG,UAAU;AAC5B,WAAe,mBAAmB,CAAC,EAAC,EAAE,EAAE,EAAE,EAAC,EAAE,CAAA,EAAG,SAAS,CAAA,EAAG,SAAS,CAAA,CAAE,CAAC;;;;"}

package/build/esm/components/Settings/i18n/ru.json.js

@@ -0,0 +1,11 @@
+var label_title = "Настройки";
+var label_search = "Поиск";
+var ru = {
+	label_title: label_title,
+	"label_filter-placeholder": "Найти настройки",
+	"label_empty-placeholder": "Ничего не найдено",
+	label_search: label_search
+};
+
+export { ru as default, label_search, label_title };
+//# sourceMappingURL=ru.json.js.map

package/build/esm/components/Settings/i18n/ru.json.js.map

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

package/build/esm/components/Settings/index.js

@@ -0,0 +1,3 @@
+export { useSettingsSelectionContext } from './Selection/context.js';
+export { Settings, useSettingsContext } from './Settings.js';
+//# sourceMappingURL=index.js.map

package/build/esm/components/Settings/index.js.map

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

package/build/esm/components/Title/Title.js

@@ -0,0 +1,18 @@
+import React__default from 'react';
+import { Xmark } from '@gravity-ui/icons';
+import { Text, Button, Icon } from '@gravity-ui/uikit';
+import { block } from '../utils/cn.js';
+import i18n from './i18n/index.js';
+import './Title.scss.js';
+
+const b = block('title');
+const Title = ({ children, closeIconSize = 23, hasSeparator, closeTitle = i18n('button_close'), onClose, }) => {
+    return (React__default.createElement("div", { className: b({ separator: hasSeparator }) },
+        React__default.createElement(Text, { className: b('text'), as: 'h3', variant: 'subheader-3' }, children),
+        onClose && (React__default.createElement(Button, { onClick: onClose, view: "flat", size: "l", "aria-label": closeTitle },
+            React__default.createElement(Icon, { data: Xmark, size: closeIconSize })))));
+};
+Title.displayName = 'Title';
+
+export { Title };
+//# sourceMappingURL=Title.js.map

package/build/esm/components/Title/Title.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Title.js","sources":["../../../../../src/components/Title/Title.tsx"],"sourcesContent":["import React from 'react';\n\nimport {Xmark} from '@gravity-ui/icons';\nimport {Button, Icon, Text} from '@gravity-ui/uikit';\n\nimport {block} from '../utils/cn';\n\nimport i18n from './i18n';\n\nimport './Title.scss';\n\nconst b = block('title');\n\ninterface TitleProps {\n    hasSeparator?: boolean;\n    closeTitle?: string;\n    closeIconSize?: number;\n    onClose?: () => void;\n}\nexport const Title: React.FC<React.PropsWithChildren<TitleProps>> = ({\n    children,\n    closeIconSize = 23,\n    hasSeparator,\n    closeTitle = i18n('button_close'),\n    onClose,\n}) => {\n    return (\n        <div className={b({separator: hasSeparator})}>\n            <Text className={b('text')} as={'h3'} variant={'subheader-3'}>\n                {children}\n            </Text>\n            {onClose && (\n                <Button onClick={onClose} view=\"flat\" size=\"l\" aria-label={closeTitle}>\n                    <Icon data={Xmark} size={closeIconSize} />\n                </Button>\n            )}\n        </div>\n    );\n};\n\nTitle.displayName = 'Title';\n"],"names":["React"],"mappings":";;;;;;;AAWA,MAAM,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC;AAQX,MAAA,KAAK,GAAkD,CAAC,EACjE,QAAQ,EACR,aAAa,GAAG,EAAE,EAClB,YAAY,EACZ,UAAU,GAAG,IAAI,CAAC,cAAc,CAAC,EACjC,OAAO,GACV,KAAI;IACD,QACIA,cAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,CAAC,CAAC,EAAC,SAAS,EAAE,YAAY,EAAC,CAAC,EAAA;AACxC,QAAAA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAC,EAAA,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,aAAa,EAAA,EACvD,QAAQ,CACN;AACN,QAAA,OAAO,KACJA,cAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,GAAG,gBAAa,UAAU,EAAA;AACjE,YAAAA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,aAAa,EAAI,CAAA,CACrC,CACZ,CACC;AAEd;AAEA,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}

package/build/esm/components/Title/Title.scss.js

@@ -0,0 +1,7 @@
+import styleInject from '../../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".gn-title{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;min-height:64px;padding:14px 10px 14px 20px}.gn-title_separator{border-bottom:1px solid var(--g-color-line-generic)}.gn-title__text{margin:0 20px 0 0}";
+styleInject(css_248z);
+
+export { css_248z as default };
+//# sourceMappingURL=Title.scss.js.map

package/build/esm/components/Title/Title.scss.js.map

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

package/build/esm/components/Title/i18n/en.json.js

@@ -0,0 +1,7 @@
+var button_close = "Close";
+var en = {
+	button_close: button_close
+};
+
+export { button_close, en as default };
+//# sourceMappingURL=en.json.js.map

package/build/esm/components/Title/i18n/en.json.js.map

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

package/build/esm/components/Title/i18n/index.js

@@ -0,0 +1,10 @@
+import { addComponentKeysets } from '@gravity-ui/uikit/i18n';
+import { NAMESPACE } from '../../utils/cn.js';
+import en from './en.json.js';
+import ru from './ru.json.js';
+
+const COMPONENT = 'Title';
+var i18n = addComponentKeysets({ en, ru }, `${NAMESPACE}${COMPONENT}`);
+
+export { i18n as default };
+//# sourceMappingURL=index.js.map

package/build/esm/components/Title/i18n/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/Title/i18n/index.ts"],"sourcesContent":["import {addComponentKeysets} from '@gravity-ui/uikit/i18n';\n\nimport {NAMESPACE} from '../../utils/cn';\n\nimport en from './en.json';\nimport ru from './ru.json';\n\nconst COMPONENT = 'Title';\nexport default addComponentKeysets({en, ru}, `${NAMESPACE}${COMPONENT}`);\n"],"names":[],"mappings":";;;;;AAOA,MAAM,SAAS,GAAG,OAAO;AACzB,WAAe,mBAAmB,CAAC,EAAC,EAAE,EAAE,EAAE,EAAC,EAAE,CAAA,EAAG,SAAS,CAAA,EAAG,SAAS,CAAA,CAAE,CAAC;;;;"}

package/build/esm/components/Title/i18n/ru.json.js

@@ -0,0 +1,7 @@
+var button_close = "Закрыть";
+var ru = {
+	button_close: button_close
+};
+
+export { button_close, ru as default };
+//# sourceMappingURL=ru.json.js.map

package/build/esm/components/Title/i18n/ru.json.js.map

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

package/build/esm/components/Title/index.js

@@ -0,0 +1,2 @@
+export { Title } from './Title.js';
+//# sourceMappingURL=index.js.map

package/build/esm/components/Title/index.js.map

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

package/build/esm/components/TopAlert/TopAlert.js

@@ -0,0 +1,31 @@
+import React__default from 'react';
+import { Alert, Text } from '@gravity-ui/uikit';
+import { block } from '../utils/cn.js';
+import { useTopAlertHeight } from './useTopAlertHeight.js';
+import './TopAlert.scss.js';
+
+const b = block('top-alert');
+const TopAlert = ({ alert, className, mobileView = false }) => {
+    const { alertRef, updateTopSize } = useTopAlertHeight({ alert });
+    const [opened, setOpened] = React__default.useState(true);
+    const handleClose = React__default.useCallback(() => {
+        var _a;
+        setOpened(false);
+        (_a = alert === null || alert === undefined ? undefined : alert.onCloseTopAlert) === null || _a === undefined ? undefined : _a.call(alert);
+    }, [alert]);
+    React__default.useEffect(() => {
+        if (!opened) {
+            updateTopSize();
+        }
+    }, [opened, updateTopSize]);
+    if (!alert || !alert.message) {
+        return null;
+    }
+    return (React__default.createElement("div", { ref: alertRef, className: b('wrapper', { 'with-bottom-border': !mobileView && opened }, className) }, opened && (React__default.createElement(Alert, { className: b('', {
+            centered: alert.centered,
+            dense: alert.dense,
+        }), corners: "square", layout: "horizontal", align: alert.align, theme: alert.theme || 'warning', view: alert.view, icon: alert.icon, title: alert.title, message: mobileView ? (React__default.createElement(Text, { ellipsisLines: 5, variant: "body-2" }, alert.message)) : (alert.message), actions: alert.actions, onClose: alert.closable ? handleClose : undefined }))));
+};
+
+export { TopAlert };
+//# sourceMappingURL=TopAlert.js.map

package/build/esm/components/TopAlert/TopAlert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopAlert.js","sources":["../../../../../src/components/TopAlert/TopAlert.tsx"],"sourcesContent":["import React from 'react';\n\nimport {Alert, Text} from '@gravity-ui/uikit';\n\nimport {TopAlertProps} from '../types';\nimport {block} from '../utils/cn';\n\nimport {useTopAlertHeight} from './useTopAlertHeight';\n\nimport './TopAlert.scss';\n\nconst b = block('top-alert');\n\ntype Props = {\n    alert?: TopAlertProps;\n    className?: string;\n    mobileView?: boolean;\n};\n\nexport const TopAlert = ({alert, className, mobileView = false}: Props) => {\n    const {alertRef, updateTopSize} = useTopAlertHeight({alert});\n\n    const [opened, setOpened] = React.useState(true);\n\n    const handleClose = React.useCallback(() => {\n        setOpened(false);\n        alert?.onCloseTopAlert?.();\n    }, [alert]);\n\n    React.useEffect(() => {\n        if (!opened) {\n            updateTopSize();\n        }\n    }, [opened, updateTopSize]);\n\n    if (!alert || !alert.message) {\n        return null;\n    }\n\n    return (\n        <div\n            ref={alertRef}\n            className={b('wrapper', {'with-bottom-border': !mobileView && opened}, className)}\n        >\n            {opened && (\n                <Alert\n                    className={b('', {\n                        centered: alert.centered,\n                        dense: alert.dense,\n                    })}\n                    corners=\"square\"\n                    layout=\"horizontal\"\n                    align={alert.align}\n                    theme={alert.theme || 'warning'}\n                    view={alert.view}\n                    icon={alert.icon}\n                    title={alert.title}\n                    message={\n                        mobileView ? (\n                            <Text ellipsisLines={5} variant=\"body-2\">\n                                {alert.message}\n                            </Text>\n                        ) : (\n                            alert.message\n                        )\n                    }\n                    actions={alert.actions}\n                    onClose={alert.closable ? handleClose : undefined}\n                />\n            )}\n        </div>\n    );\n};\n"],"names":["React"],"mappings":";;;;;;AAWA,MAAM,CAAC,GAAG,KAAK,CAAC,WAAW,CAAC;AAQrB,MAAM,QAAQ,GAAG,CAAC,EAAC,KAAK,EAAE,SAAS,EAAE,UAAU,GAAG,KAAK,EAAQ,KAAI;AACtE,IAAA,MAAM,EAAC,QAAQ,EAAE,aAAa,EAAC,GAAG,iBAAiB,CAAC,EAAC,KAAK,EAAC,CAAC;AAE5D,IAAA,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAGA,cAAK,CAAC,QAAQ,CAAC,IAAI,CAAC;AAEhD,IAAA,MAAM,WAAW,GAAGA,cAAK,CAAC,WAAW,CAAC,MAAK;;QACvC,SAAS,CAAC,KAAK,CAAC;QAChB,CAAA,EAAA,GAAA,KAAK,aAAL,KAAK,KAAA,SAAA,GAAA,SAAA,GAAL,KAAK,CAAE,eAAe,2DAAI;AAC9B,KAAC,EAAE,CAAC,KAAK,CAAC,CAAC;AAEX,IAAAA,cAAK,CAAC,SAAS,CAAC,MAAK;QACjB,IAAI,CAAC,MAAM,EAAE;AACT,YAAA,aAAa,EAAE;;AAEvB,KAAC,EAAE,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;IAE3B,IAAI,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;AAC1B,QAAA,OAAO,IAAI;;AAGf,IAAA,QACIA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACI,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,EAAC,oBAAoB,EAAE,CAAC,UAAU,IAAI,MAAM,EAAC,EAAE,SAAS,CAAC,EAAA,EAEhF,MAAM,KACHA,cAAC,CAAA,aAAA,CAAA,KAAK,IACF,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,QAAQ,EAAE,KAAK,CAAC,QAAQ;YACxB,KAAK,EAAE,KAAK,CAAC,KAAK;SACrB,CAAC,EACF,OAAO,EAAC,QAAQ,EAChB,MAAM,EAAC,YAAY,EACnB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,SAAS,EAC/B,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,OAAO,EACH,UAAU,IACNA,6BAAC,IAAI,EAAA,EAAC,aAAa,EAAE,CAAC,EAAE,OAAO,EAAC,QAAQ,EACnC,EAAA,KAAK,CAAC,OAAO,CACX,KAEP,KAAK,CAAC,OAAO,CAChB,EAEL,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,OAAO,EAAE,KAAK,CAAC,QAAQ,GAAG,WAAW,GAAG,SAAS,EACnD,CAAA,CACL,CACC;AAEd;;;;"}

package/build/esm/components/TopAlert/TopAlert.scss.js

@@ -0,0 +1,7 @@
+import styleInject from '../../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".g-root{--gn-top-alert-height:0px}.gn-top-alert_centered{display:flex;justify-content:space-around}.gn-top-alert_dense{padding-bottom:var(--g-spacing-2);padding-top:var(--g-spacing-2)}.gn-top-alert__wrapper_with-bottom-border:after{background-color:var(--gn-aside-header-divider-horizontal-color,var(--_--horizontal-divider-line-color));content:\"\";display:block;height:1px;margin-top:-1px}";
+styleInject(css_248z);
+
+export { css_248z as default };
+//# sourceMappingURL=TopAlert.scss.js.map

package/build/esm/components/TopAlert/TopAlert.scss.js.map

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