@gravity-ui/navigation 3.10.2 → 4.0.0

package/build/cjs/components/Settings/SettingsSearch/AllResultsPage.js

@@ -0,0 +1,70 @@
+'use strict';
+
+var React = require('react');
+var icons = require('@gravity-ui/icons');
+var last = require('../../../_virtual/last.js');
+var index = require('../i18n/index.js');
+
+const allSearchResultsId = 'allSearchResults';
+function useAllResultsPage({ pages, handlePageChange, }) {
+    const allSearchResultsPage = pages[allSearchResultsId];
+    const hasAllSearchResultsPage = Boolean(allSearchResultsPage);
+    React.useEffect(() => {
+        if (hasAllSearchResultsPage) {
+            handlePageChange(allSearchResultsId);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [hasAllSearchResultsPage]);
+    return {
+        isAllSearchPage: (page) => page === allSearchResultsId,
+    };
+}
+function getSettingsDescriptionWithAllResultsPage(settingsDescription) {
+    const { menu, pages } = settingsDescription;
+    const menuWithoutAllResults = getMenuWithoutAllResults(menu);
+    const pagesList = Object.values(pages);
+    return Object.assign(Object.assign({}, settingsDescription), { menu: [createAllResultsMenuItem(), ...menuWithoutAllResults], pages: Object.assign(Object.assign({}, pages), { [allSearchResultsId]: createAllResultsPage(pagesList, menuWithoutAllResults) }) });
+}
+function getMenuWithoutAllResults(menu) {
+    return menu.filter((item) => !('id' in item) || item.id !== allSearchResultsId);
+}
+function createAllResultsPage(pages, menu) {
+    const breadcrumbsMap = {};
+    for (const menuItem of menu) {
+        if ('items' in menuItem) {
+            for (const pageItem of menuItem.items) {
+                breadcrumbsMap[pageItem.id] = [menuItem.groupTitle, pageItem.title];
+            }
+        }
+        else {
+            breadcrumbsMap[menuItem.id] = [menuItem.title];
+        }
+    }
+    return {
+        id: allSearchResultsId,
+        sections: Object.values(pages)
+            .map((page) => {
+            return page.sections.map((section) => {
+                var _a;
+                const breadcrumbs = (_a = breadcrumbsMap[page.id]) !== null && _a !== undefined ? _a : [];
+                const lastBreadcrumb = last.default(breadcrumbs);
+                const breadcrumbsTitlePart = breadcrumbs.join(' / ');
+                return Object.assign(Object.assign({}, section), { title: section.title === lastBreadcrumb
+                        ? breadcrumbsTitlePart
+                        : `${breadcrumbsTitlePart} / ${section.title}` });
+            });
+        })
+            .flat(),
+    };
+}
+function createAllResultsMenuItem() {
+    return {
+        id: allSearchResultsId,
+        title: index.default('label_all-results'),
+        icon: { data: icons.ListUl },
+    };
+}
+
+exports.getSettingsDescriptionWithAllResultsPage = getSettingsDescriptionWithAllResultsPage;
+exports.useAllResultsPage = useAllResultsPage;
+//# sourceMappingURL=AllResultsPage.js.map

package/build/cjs/components/Settings/SettingsSearch/AllResultsPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AllResultsPage.js","sources":["../../../../../../src/components/Settings/SettingsSearch/AllResultsPage.tsx"],"sourcesContent":["import React from 'react';\n\nimport {ListUl} from '@gravity-ui/icons';\nimport last from 'lodash/last';\n\nimport type {\n    SettingsDescription,\n    SettingsMenu,\n    SettingsMenuItem,\n    SettingsPage,\n    SettingsPageSection,\n} from '../collect-settings';\nimport i18n from '../i18n';\n\nconst allSearchResultsId = 'allSearchResults';\n\nexport function useAllResultsPage({\n    pages,\n    handlePageChange,\n}: {\n    pages: SettingsDescription['pages'];\n    handlePageChange: (page: string | undefined) => void;\n}) {\n    const allSearchResultsPage = pages[allSearchResultsId];\n    const hasAllSearchResultsPage = Boolean(allSearchResultsPage);\n\n    React.useEffect(() => {\n        if (hasAllSearchResultsPage) {\n            handlePageChange(allSearchResultsId);\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [hasAllSearchResultsPage]);\n\n    return {\n        isAllSearchPage: (page: string | undefined) => page === allSearchResultsId,\n    };\n}\n\nexport function getSettingsDescriptionWithAllResultsPage(\n    settingsDescription: SettingsDescription,\n): SettingsDescription {\n    const {menu, pages} = settingsDescription;\n    const menuWithoutAllResults = getMenuWithoutAllResults(menu);\n    const pagesList = Object.values(pages);\n\n    return {\n        ...settingsDescription,\n        menu: [createAllResultsMenuItem(), ...menuWithoutAllResults],\n        pages: {\n            ...pages,\n            [allSearchResultsId]: createAllResultsPage(pagesList, menuWithoutAllResults),\n        },\n    };\n}\n\nfunction getMenuWithoutAllResults(menu: SettingsMenu) {\n    return menu.filter((item) => !('id' in item) || item.id !== allSearchResultsId);\n}\n\nfunction createAllResultsPage(pages: SettingsPage[], menu: SettingsMenu): SettingsPage {\n    const breadcrumbsMap: Record<string, string[] | undefined> = {};\n\n    for (const menuItem of menu) {\n        if ('items' in menuItem) {\n            for (const pageItem of menuItem.items) {\n                breadcrumbsMap[pageItem.id] = [menuItem.groupTitle, pageItem.title];\n            }\n        } else {\n            breadcrumbsMap[menuItem.id] = [menuItem.title];\n        }\n    }\n\n    return {\n        id: allSearchResultsId,\n        sections: Object.values(pages)\n            .map((page) => {\n                return page.sections.map((section): SettingsPageSection => {\n                    const breadcrumbs = breadcrumbsMap[page.id] ?? [];\n                    const lastBreadcrumb = last(breadcrumbs);\n                    const breadcrumbsTitlePart = breadcrumbs.join(' / ');\n\n                    return {\n                        ...section,\n                        title:\n                            section.title === lastBreadcrumb\n                                ? breadcrumbsTitlePart\n                                : `${breadcrumbsTitlePart} / ${section.title}`,\n                    };\n                });\n            })\n            .flat(),\n    };\n}\n\nfunction createAllResultsMenuItem(): SettingsMenuItem {\n    return {\n        id: allSearchResultsId,\n        title: i18n('label_all-results'),\n        icon: {data: ListUl},\n    };\n}\n"],"names":["last","i18n","ListUl"],"mappings":"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"}

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

@@ -0,0 +1,34 @@
+'use strict';
+
+var React = require('react');
+var uikit = require('@gravity-ui/uikit');
+var debounce = require('../../../_virtual/debounce.js');
+var cn = require('../../utils/cn.js');
+var helpers = require('../helpers.js');
+var index = require('../i18n/index.js');
+
+const b = cn.cn('settings-search');
+function SettingsSearch({ className, initialValue, onChange, debounce: debounce$1 = 200, inputRef, inputSize, placeholder, autoFocus = true, selection, }) {
+    const [value, setValue] = React.useState(initialValue !== null && initialValue !== undefined ? initialValue : '');
+    const onChangeDebounced = debounce.default(onChange, debounce$1);
+    const handleUpdate = helpers.useStableCallback((updated) => {
+        setValue(updated);
+        onChangeDebounced(updated);
+    });
+    React.useEffect(() => {
+        if (value && selection) {
+            onChangeDebounced.cancel();
+            setValue('');
+            onChange('');
+        }
+        // Remove any search, if selection is passed
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [selection]);
+    return (React.createElement("div", { className: b(null, className) },
+        React.createElement(uikit.TextInput, { value: value, controlRef: inputRef, hasClear: true, autoFocus: autoFocus, size: inputSize, placeholder: placeholder, onUpdate: handleUpdate, controlProps: {
+                'aria-label': index.default('label_search'),
+            } })));
+}
+
+exports.SettingsSearch = SettingsSearch;
+//# sourceMappingURL=SettingsSearch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsSearch.js","sources":["../../../../../../src/components/Settings/SettingsSearch/SettingsSearch.tsx"],"sourcesContent":["import React, {useEffect} from 'react';\n\nimport {TextInput, TextInputSize} from '@gravity-ui/uikit';\nimport debounceFn from 'lodash/debounce';\n\nimport {cn} from '../../utils/cn';\nimport {SettingsSelection} from '../Selection/types';\nimport {useStableCallback} from '../helpers';\nimport i18n from '../i18n';\n\nconst b = cn('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    selection?: SettingsSelection;\n}\n\nexport function SettingsSearch({\n    className,\n    initialValue,\n    onChange,\n    debounce = 200,\n    inputRef,\n    inputSize,\n    placeholder,\n    autoFocus = true,\n    selection,\n}: SettingsSearchProps) {\n    const [value, setValue] = React.useState(initialValue ?? '');\n\n    const onChangeDebounced = debounceFn(onChange, debounce);\n\n    const handleUpdate = useStableCallback((updated: string) => {\n        setValue(updated);\n        onChangeDebounced(updated);\n    });\n\n    useEffect(() => {\n        if (value && selection) {\n            onChangeDebounced.cancel();\n            setValue('');\n            onChange('');\n        }\n        // Remove any search, if selection is passed\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [selection]);\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":["cn","debounce","debounceFn","useStableCallback","useEffect","TextInput","i18n"],"mappings":";;;;;;;;;AAUA,MAAM,CAAC,GAAGA,KAAE,CAAC,iBAAiB,CAAC;AAczB,SAAU,cAAc,CAAC,EAC3B,SAAS,EACT,YAAY,EACZ,QAAQ,YACRC,UAAQ,GAAG,GAAG,EACd,QAAQ,EACR,SAAS,EACT,WAAW,EACX,SAAS,GAAG,IAAI,EAChB,SAAS,GACS,EAAA;AAClB,IAAA,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,YAAY,aAAZ,YAAY,KAAA,SAAA,GAAZ,YAAY,GAAI,EAAE,CAAC;IAE5D,MAAM,iBAAiB,GAAGC,gBAAU,CAAC,QAAQ,EAAED,UAAQ,CAAC;AAExD,IAAA,MAAM,YAAY,GAAGE,yBAAiB,CAAC,CAAC,OAAe,KAAI;QACvD,QAAQ,CAAC,OAAO,CAAC;QACjB,iBAAiB,CAAC,OAAO,CAAC;AAC9B,KAAC,CAAC;IAEFC,eAAS,CAAC,MAAK;AACX,QAAA,IAAI,KAAK,IAAI,SAAS,EAAE;YACpB,iBAAiB,CAAC,MAAM,EAAE;YAC1B,QAAQ,CAAC,EAAE,CAAC;YACZ,QAAQ,CAAC,EAAE,CAAC;;;;AAIpB,KAAC,EAAE,CAAC,SAAS,CAAC,CAAC;IAEf,QACI,6BAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAA;AAC9B,QAAA,KAAA,CAAA,aAAA,CAACC,eAAS,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,EAAEC,aAAI,CAAC,cAAc,CAAC;aACrC,EACH,CAAA,CACA;AAEd;;;;"}

package/build/cjs/components/Settings/SettingsSection.js

@@ -0,0 +1,26 @@
+'use strict';
+
+var tslib_es6 = require('../../node_modules/tslib/tslib.es6.js');
+var React = require('react');
+var uikit = require('@gravity-ui/uikit');
+var useSettingsContext = require('./SettingsContext/useSettingsContext.js');
+var SettingsRow = require('./SettingsRow/SettingsRow.js');
+var b = require('./b.js');
+
+const SettingsSection = React.forwardRef((_a, ref) => {
+    var { search, isMobile, isSelected } = _a, section = tslib_es6.__rest(_a, ["search", "isMobile", "isSelected"]);
+    const { renderSectionRightAdornment, showRightAdornmentOnHover } = useSettingsContext.useSettingsContext();
+    return (React.createElement("div", { className: b.b('section', { selected: isSelected }), ref: isSelected ? ref : undefined },
+        section.title && !section.hideTitle && (React.createElement("h3", { className: b.b('section-heading') }, renderSectionRightAdornment ? (React.createElement(uikit.Flex, { gap: 2, alignItems: 'center' },
+            section.title,
+            React.createElement("div", { className: b.b('section-right-adornment', {
+                    hidden: showRightAdornmentOnHover,
+                }) }, renderSectionRightAdornment(section)))) : (section.title))),
+        section.header &&
+            (isMobile ? (React.createElement("div", { className: b.b('section-subheader') }, section.header)) : (section.header)),
+        section.items.map((setting) => setting.hidden ? null : (React.createElement(SettingsRow.SettingRow, Object.assign({}, setting, { key: setting.title, search: search }))))));
+});
+SettingsSection.displayName = 'SettingsSection';
+
+exports.SettingsSection = SettingsSection;
+//# sourceMappingURL=SettingsSection.js.map

package/build/cjs/components/Settings/SettingsSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsSection.js","sources":["../../../../../src/components/Settings/SettingsSection.tsx"],"sourcesContent":["import React from 'react';\n\nimport {Flex} from '@gravity-ui/uikit';\n\nimport {useSettingsContext} from './SettingsContext/useSettingsContext';\nimport {SettingRow} from './SettingsRow/SettingsRow';\nimport {b} from './b';\nimport type {SettingsPageSection} from './collect-settings';\n\nexport const SettingsSection = React.forwardRef<\n    HTMLDivElement,\n    SettingsPageSection & {\n        search: string;\n        isMobile: boolean;\n        isSelected: boolean;\n    }\n>(({search, isMobile, isSelected, ...section}, ref) => {\n    const {renderSectionRightAdornment, showRightAdornmentOnHover} = useSettingsContext();\n\n    return (\n        <div className={b('section', {selected: isSelected})} ref={isSelected ? ref : undefined}>\n            {section.title && !section.hideTitle && (\n                <h3 className={b('section-heading')}>\n                    {renderSectionRightAdornment ? (\n                        <Flex gap={2} alignItems={'center'}>\n                            {section.title}\n                            <div\n                                className={b('section-right-adornment', {\n                                    hidden: showRightAdornmentOnHover,\n                                })}\n                            >\n                                {renderSectionRightAdornment(section)}\n                            </div>\n                        </Flex>\n                    ) : (\n                        section.title\n                    )}\n                </h3>\n            )}\n\n            {section.header &&\n                (isMobile ? (\n                    <div className={b('section-subheader')}>{section.header}</div>\n                ) : (\n                    section.header\n                ))}\n\n            {section.items.map((setting) =>\n                setting.hidden ? null : (\n                    <SettingRow {...setting} key={setting.title} search={search} />\n                ),\n            )}\n        </div>\n    );\n});\n\nSettingsSection.displayName = 'SettingsSection';\n"],"names":["__rest","useSettingsContext","b","Flex","SettingRow"],"mappings":";;;;;;;;;AASO,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAO7C,CAAC,EAA0C,EAAE,GAAG,KAAI;QAAnD,EAAC,MAAM,EAAE,QAAQ,EAAE,UAAU,OAAa,EAAR,OAAO,GAAzCA,gBAAA,CAAA,EAAA,EAAA,CAAA,QAAA,EAAA,UAAA,EAAA,YAAA,CAA0C,CAAD;IACxC,MAAM,EAAC,2BAA2B,EAAE,yBAAyB,EAAC,GAAGC,qCAAkB,EAAE;IAErF,QACI,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEC,GAAC,CAAC,SAAS,EAAE,EAAC,QAAQ,EAAE,UAAU,EAAC,CAAC,EAAE,GAAG,EAAE,UAAU,GAAG,GAAG,GAAG,SAAS,EAAA;AAClF,QAAA,OAAO,CAAC,KAAK,IAAI,CAAC,OAAO,CAAC,SAAS,KAChC,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAEA,GAAC,CAAC,iBAAiB,CAAC,EAAA,EAC9B,2BAA2B,IACxB,KAAC,CAAA,aAAA,CAAAC,UAAI,EAAC,EAAA,GAAG,EAAE,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAA;AAC7B,YAAA,OAAO,CAAC,KAAK;AACd,YAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACI,SAAS,EAAED,GAAC,CAAC,yBAAyB,EAAE;AACpC,oBAAA,MAAM,EAAE,yBAAyB;AACpC,iBAAA,CAAC,IAED,2BAA2B,CAAC,OAAO,CAAC,CACnC,CACH,KAEP,OAAO,CAAC,KAAK,CAChB,CACA,CACR;AAEA,QAAA,OAAO,CAAC,MAAM;aACV,QAAQ,IACL,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEA,GAAC,CAAC,mBAAmB,CAAC,EAAA,EAAG,OAAO,CAAC,MAAM,CAAO,KAE9D,OAAO,CAAC,MAAM,CACjB,CAAC;AAEL,QAAA,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,OAAO,KACvB,OAAO,CAAC,MAAM,GAAG,IAAI,IACjB,KAAA,CAAA,aAAA,CAACE,sBAAU,EAAK,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,OAAO,IAAE,GAAG,EAAE,OAAO,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAA,CAAA,CAAI,CAClE,CACJ,CACC;AAEd,CAAC;AAED,eAAe,CAAC,WAAW,GAAG,iBAAiB;;;;"}

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

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

package/build/cjs/components/Settings/b.js

@@ -0,0 +1,9 @@
+'use strict';
+
+var cn = require('../utils/cn.js');
+var Settings_module = require('./Settings.module.scss.js');
+
+const b = cn.createBlock('settings', Settings_module.default);
+
+exports.b = b;
+//# sourceMappingURL=b.js.map

package/build/cjs/components/Settings/b.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"b.js","sources":["../../../../../src/components/Settings/b.tsx"],"sourcesContent":["import {createBlock} from '../utils/cn';\n\nimport styles from './Settings.module.scss';\n\nexport const b = createBlock('settings', styles);\n"],"names":["createBlock","styles"],"mappings":";;;;;AAIa,MAAA,CAAC,GAAGA,cAAW,CAAC,UAAU,EAAEC,uBAAM;;;;"}

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

@@ -0,0 +1,158 @@
+'use strict';
+
+var React = require('react');
+var AllResultsPage = require('./SettingsSearch/AllResultsPage.js');
+var helpers = require('./helpers.js');
+
+function getSettingsFromChildren(children, searchText = '') {
+    // 'abc def fg' -> abc.*?cde.*?fg
+    const preparedFilter = helpers.escapeStringForRegExp(searchText).replace(/\s+/g, '.*?');
+    const filterRe = new RegExp(preparedFilter, 'i');
+    const result = getSettingsFromChildrenRecursive(children, '', filterRe);
+    if (Boolean(preparedFilter) && result.menu.length > 0) {
+        return AllResultsPage.getSettingsDescriptionWithAllResultsPage(result);
+    }
+    else {
+        return result;
+    }
+}
+function getSettingsFromChildrenRecursive(children, basepath = '', filterRe) {
+    const menu = [];
+    const pages = {};
+    let hasGroup = false;
+    let hasItems = false;
+    React.Children.forEach(children, (element) => {
+        var _a, _b;
+        if (!React.isValidElement(element)) {
+            // Ignore non-elements.
+            return;
+        }
+        if (element.type === React.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') {
+                helpers.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);
+                helpers.invariant(!hasInnerGroup, `Group ${element.props.groupTitle} should not include groups`);
+            }
+            if (menuFragment.length > 0) {
+                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') {
+                helpers.invariant(Boolean(element.props.title), 'Component must include title prop');
+                helpers.invariant(!hasGroup, 'Setting menu must not mix groups and pages on one level');
+                helpers.invariant(!pages[pageId], `Setting menu page id must be uniq (${pageId})`);
+            }
+            pages[pageId] = getSettingsPageFromChildren(element.props.children, filterRe);
+            pages[pageId].id = pageId;
+            if (!pages[pageId].hidden) {
+                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.Children.forEach(children, (element) => {
+        if (!React.isValidElement(element)) {
+            // Ignore non-elements.
+            return;
+        }
+        if (element.type === React.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.Children.forEach(children, (element) => {
+        if (!React.isValidElement(element)) {
+            // Ignore non-elements.
+            return;
+        }
+        if (element.type === React.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 {};
+}
+
+exports.getSelectedSettingsPart = getSelectedSettingsPart;
+exports.getSettingsFromChildren = getSettingsFromChildren;
+//# sourceMappingURL=collect-settings.js.map

package/build/cjs/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 {getSettingsDescriptionWithAllResultsPage} from './SettingsSearch/AllResultsPage';\nimport {escapeStringForRegExp, invariant} from './helpers';\n\nexport type SettingsMenu = (SettingsMenuGroup | SettingsMenuItem)[];\n\ninterface SettingsMenuGroup {\n    groupTitle: string;\n    items: SettingsMenuItem[];\n}\n\nexport interface 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    hideTitle?: 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\nexport interface SettingsDescription {\n    menu: SettingsMenu;\n    pages: Record<string, SettingsPage>;\n}\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    const result = getSettingsFromChildrenRecursive(children, '', filterRe);\n\n    if (Boolean(preparedFilter) && result.menu.length > 0) {\n        return getSettingsDescriptionWithAllResultsPage(result);\n    } else {\n        return result;\n    }\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            if (menuFragment.length > 0) {\n                menu.push({\n                    groupTitle: element.props.groupTitle,\n                    // @ts-ignore\n                    items: menuFragment,\n                });\n            }\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\n            if (!pages[pageId].hidden) {\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    });\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\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":["escapeStringForRegExp","getSettingsDescriptionWithAllResultsPage","invariant"],"mappings":";;;;;;SA4DgB,uBAAuB,CACnC,QAAyB,EACzB,UAAU,GAAG,EAAE,EAAA;;AAGf,IAAA,MAAM,cAAc,GAAGA,6BAAqB,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,KAAK,CAAC;IAC/E,MAAM,QAAQ,GAAG,IAAI,MAAM,CAAC,cAAc,EAAE,GAAG,CAAC;IAEhD,MAAM,MAAM,GAAG,gCAAgC,CAAC,QAAQ,EAAE,EAAE,EAAE,QAAQ,CAAC;AAEvE,IAAA,IAAI,OAAO,CAAC,cAAc,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE;AACnD,QAAA,OAAOC,uDAAwC,CAAC,MAAM,CAAC;;SACpD;AACH,QAAA,OAAO,MAAM;;AAErB;AAEA,SAAS,gCAAgC,CACrC,QAAyB,EACzB,QAAQ,GAAG,EAAE,EACb,QAAgB,EAAA;IAEhB,MAAM,IAAI,GAAiB,EAAE;IAC7B,MAAM,KAAK,GAAiC,EAAE;IAC9C,IAAI,QAAQ,GAAG,KAAK;IACpB,IAAI,QAAQ,GAAG,KAAK;IACpB,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,OAAO,KAAI;;QACzC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE;;YAEhC;;QAEJ,IAAI,OAAO,CAAC,IAAI,KAAK,KAAK,CAAC,QAAQ,EAAE;;YAEjC,MAAM,EAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,aAAa,EAAC,GAAG,gCAAgC,CAC/E,OAAO,CAAC,KAAK,CAAC,QAAQ,EACtB,QAAQ,EACR,QAAQ,CACX;AACD,YAAA,IAAI,CAAC,IAAI,CAAC,GAAG,YAAY,CAAC;AAC1B,YAAA,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,aAAa,CAAC;;AAChC,aAAA,IAAI,OAAO,CAAC,KAAK,CAAC,UAAU,EAAE;YACjC,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa,EAAE;AACxC,gBAAAC,iBAAS,CAAC,CAAC,QAAQ,EAAE,yDAAyD,CAAC;;AAGnF,YAAA,MAAM,MAAM,GAAG,CAAA,EAAG,QAAQ,CAAI,CAAA,EAAA,CAAA,EAAA,GAAA,OAAO,CAAC,KAAK,CAAC,EAAE,sCAAI,OAAO,CAAC,KAAK,CAAC,UAAU,EAAE;YAC5E,QAAQ,GAAG,IAAI;YAEf,MAAM,EAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,aAAa,EAAC,GAAG,gCAAgC,CAC/E,OAAO,CAAC,KAAK,CAAC,QAAQ,EACtB,MAAM,EACN,QAAQ,CACX;YAED,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa,EAAE;AACxC,gBAAA,MAAM,aAAa,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,YAAY,IAAI,IAAI,CAAC;AACvE,gBAAAA,iBAAS,CACL,CAAC,aAAa,EACd,CAAS,MAAA,EAAA,OAAO,CAAC,KAAK,CAAC,UAAU,CAA4B,0BAAA,CAAA,CAChE;;AAGL,YAAA,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,EAAE;gBACzB,IAAI,CAAC,IAAI,CAAC;AACN,oBAAA,UAAU,EAAE,OAAO,CAAC,KAAK,CAAC,UAAU;;AAEpC,oBAAA,KAAK,EAAE,YAAY;AACtB,iBAAA,CAAC;;AAGN,YAAA,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,aAAa,CAAC;;aAChC;YACH,QAAQ,GAAG,IAAI;AACf,YAAA,MAAM,MAAM,GAAG,CAAA,EAAG,QAAQ,CAAI,CAAA,EAAA,CAAA,EAAA,GAAA,OAAO,CAAC,KAAK,CAAC,EAAE,sCAAI,OAAO,CAAC,KAAK,CAAC,KAAK,EAAE;YAEvE,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa,EAAE;AACxC,gBAAAA,iBAAS,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,mCAAmC,CAAC;AAC5E,gBAAAA,iBAAS,CAAC,CAAC,QAAQ,EAAE,yDAAyD,CAAC;gBAC/EA,iBAAS,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,CAAsC,mCAAA,EAAA,MAAM,CAAG,CAAA,CAAA,CAAC;;AAG9E,YAAA,KAAK,CAAC,MAAM,CAAC,GAAG,2BAA2B,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,EAAE,QAAQ,CAAC;AAC7E,YAAA,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,GAAG,MAAM;YAEzB,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE;gBACvB,IAAI,CAAC,IAAI,CAAC;AACN,oBAAA,EAAE,EAAE,MAAM;AACV,oBAAA,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,KAAK;AAC1B,oBAAA,IAAI,EAAE,OAAO,CAAC,KAAK,CAAC,IAAI;AACxB,oBAAA,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,SAAS;AAClC,oBAAA,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,MAAM;AACjC,iBAAA,CAAC;;;AAGd,KAAC,CAAC;AACF,IAAA,OAAO,EAAC,IAAI,EAAE,KAAK,EAAC;AACxB;AAEA,SAAS,2BAA2B,CAAC,QAAyB,EAAE,QAAgB,EAAA;AAC5E,IAAA,MAAM,IAAI,GAAiB,EAAC,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAC;IAC/D,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,OAAO,KAAI;QACzC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE;;YAEhC;;QAEJ,IAAI,OAAO,CAAC,IAAI,KAAK,KAAK,CAAC,QAAQ,EAAE;;AAEjC,YAAA,MAAM,EAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAC,GAAG,2BAA2B,CAC7D,OAAO,CAAC,KAAK,CAAC,QAAQ,EACtB,QAAQ,CACX;YACD,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,QAAQ,CAAC;YAC/B,IAAI,CAAC,SAAS,GAAG,SAAS,IAAI,IAAI,CAAC,SAAS;YAC5C,IAAI,CAAC,MAAM,GAAG,MAAM,IAAI,IAAI,CAAC,MAAM;;aAChC;AACH,YAAA,MAAM,EAAC,SAAS,EAAC,GAAG,OAAO,CAAC,KAAK;AACjC,YAAA,MAAM,EAAC,KAAK,EAAE,MAAM,EAAC,GAAG,4BAA4B,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,EAAE,QAAQ,CAAC;YACtF,IAAI,CAAC,SAAS,GAAG,SAAS,IAAI,IAAI,CAAC,SAAS;YAC5C,IAAI,CAAC,MAAM,GAAG,MAAM,IAAI,IAAI,CAAC,MAAM;YACnC,IAAI,CAAC,QAAQ,CAAC,IAAI,iCACX,OAAO,CAAC,KAAK,CAAA,EAAA,EAChB,SAAS;gBACT,KAAK;AACL,gBAAA,MAAM,IACR;;AAEV,KAAC,CAAC;AACF,IAAA,OAAO,IAAI;AACf;AAEA,SAAS,4BAA4B,CAAC,QAAyB,EAAE,QAAgB,EAAA;IAC7E,IAAI,MAAM,GAAG,IAAI;IACjB,MAAM,KAAK,GAAmB,EAAE;IAEhC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,OAAO,KAAI;QACzC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE;;YAEhC;;QAEJ,IAAI,OAAO,CAAC,IAAI,KAAK,KAAK,CAAC,QAAQ,EAAE;;AAEjC,YAAA,MAAM,aAAa,GAAG,4BAA4B,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,EAAE,QAAQ,CAAC;YACpF,KAAK,CAAC,IAAI,CAAC,GAAG,aAAa,CAAC,KAAK,CAAC;AAClC,YAAA,MAAM,GAAG,MAAM,IAAI,aAAa,CAAC,MAAM;;aACpC;YACH,MAAM,IAAI,mCACH,OAAO,CAAC,KAAK,CAChB,EAAA,EAAA,OAAO,EACP,MAAM,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,EAAA,CAC9C;AACD,YAAA,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC;AAChB,YAAA,MAAM,GAAG,MAAM,IAAI,IAAI,CAAC,MAAM;;AAEtC,KAAC,CAAC;AACF,IAAA,OAAO,EAAC,KAAK,EAAE,MAAM,EAAC;AAC1B;AAEgB,SAAA,uBAAuB,CACnC,KAAmC,EACnC,SAA4B,EAAA;AAE5B,IAAA,IAAI,CAAC,SAAS,CAAC,SAAS,IAAI,CAAC,SAAS,CAAC,OAAO,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE;AAC/D,QAAA,OAAO,EAAE;;IAGb,KAAK,MAAM,IAAI,IAAI,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE;QACrC,IAAI,CAAC,SAAS,CAAC,SAAS,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE;AAC5C,YAAA,IAAI,SAAS,CAAC,IAAI,KAAK,IAAI,CAAC,EAAE;gBAAE;YAEhC,OAAO,EAAC,IAAI,EAAC;;AAGjB,QAAA,KAAK,MAAM,OAAO,IAAI,IAAI,CAAC,QAAQ,EAAE;AACjC,YAAA,IAAI,SAAS,CAAC,SAAS,EAAE;AACrB,gBAAA,KAAK,MAAM,OAAO,IAAI,OAAO,CAAC,KAAK,EAAE;oBACjC,IAAI,OAAO,CAAC,EAAE,KAAK,SAAS,CAAC,SAAS,EAAE;AACpC,wBAAA,OAAO,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAC;;;;iBAGpC,IACH,SAAS,CAAC,OAAO;AACjB,iBAAC,IAAI,IAAI,SAAS,CAAC;sBACb,SAAS,CAAC,OAAO,CAAC,EAAE,KAAK,OAAO,CAAC;AACnC,sBAAE,SAAS,CAAC,OAAO,CAAC,KAAK,KAAK,OAAO,CAAC,KAAK,CAAC,EAClD;AACE,gBAAA,OAAO,EAAC,IAAI,EAAE,OAAO,EAAC;;;;AAKlC,IAAA,OAAO,EAAE;AACb;;;;;"}

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

@@ -0,0 +1,57 @@
+'use strict';
+
+var React = require('react');
+
+function _interopNamespaceDefault(e) {
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    }
+    n.default = e;
+    return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+function useStableCallback(func) {
+    const funcRef = React__namespace.useRef();
+    React__namespace.useEffect(() => {
+        funcRef.current = func;
+        return () => {
+            funcRef.current = undefined;
+        };
+    }, [func]);
+    return React__namespace.useCallback((...args) => {
+        if (typeof funcRef.current === 'function') {
+            return funcRef.current(...args);
+        }
+        return undefined;
+    }, []);
+}
+function useCurrent(value) {
+    const ref = React__namespace.useRef(value);
+    ref.current = value;
+    return React__namespace.useCallback(() => ref.current, []);
+}
+function invariant(cond, message) {
+    if (!cond) {
+        throw new Error(message);
+    }
+}
+function escapeStringForRegExp(input) {
+    return input.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+}
+
+exports.escapeStringForRegExp = escapeStringForRegExp;
+exports.invariant = invariant;
+exports.useCurrent = useCurrent;
+exports.useStableCallback = useStableCallback;
+//# sourceMappingURL=helpers.js.map

package/build/cjs/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":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAIM,SAAU,iBAAiB,CAC7B,IAAO,EAAA;AAEP,IAAA,MAAM,OAAO,GAAGA,gBAAK,CAAC,MAAM,EAAK;AAEjC,IAAAA,gBAAK,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,OAAOA,gBAAK,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,GAAGA,gBAAK,CAAC,MAAM,CAAC,KAAK,CAAC;AAC/B,IAAA,GAAG,CAAC,OAAO,GAAG,KAAK;AACnB,IAAA,OAAOA,gBAAK,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/cjs/components/Settings/i18n/en.json.js

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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,
+	"label_all-results": "All results"
+};
+
+exports.default = en;
+exports.label_search = label_search;
+exports.label_title = label_title;
+//# sourceMappingURL=en.json.js.map

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

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

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

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

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

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var i18n$1 = require('@gravity-ui/uikit/i18n');
+var cn = require('../../utils/cn.js');
+var en = require('./en.json.js');
+var ru = require('./ru.json.js');
+
+const COMPONENT = 'Settings';
+var i18n = i18n$1.addComponentKeysets({ en: en.default, ru: ru.default }, `${cn.NAMESPACE}${COMPONENT}`);
+
+exports.default = i18n;
+//# sourceMappingURL=index.js.map

package/build/cjs/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":["addComponentKeysets","en","ru","NAMESPACE"],"mappings":";;;;;;;;;AAOA,MAAM,SAAS,GAAG,UAAU;AAC5B,WAAeA,0BAAmB,CAAC,MAACC,UAAE,MAAEC,UAAE,EAAC,EAAE,CAAA,EAAGC,YAAS,CAAA,EAAG,SAAS,CAAA,CAAE,CAAC;;;;"}

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

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var label_title = "Настройки";
+var label_search = "Поиск";
+var ru = {
+	label_title: label_title,
+	"label_filter-placeholder": "Найти настройки",
+	"label_empty-placeholder": "Ничего не найдено",
+	label_search: label_search,
+	"label_all-results": "Все результаты"
+};
+
+exports.default = ru;
+exports.label_search = label_search;
+exports.label_title = label_title;
+//# sourceMappingURL=ru.json.js.map

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

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

package/build/cjs/components/Title/Title.css

@@ -0,0 +1 @@
+.Title-module__gn-title___Sfj-E{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;min-height:64px;padding:14px 10px 14px 20px}.Title-module__gn-title_separator___UNdvM{border-bottom:1px solid var(--g-color-line-generic)}.Title-module__gn-title__text___L3qhO{margin:0 20px 0 0}

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

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

package/build/cjs/components/Title/Title.js

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

package/build/cjs/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 {createBlock} from '../utils/cn';\n\nimport i18n from './i18n';\n\nimport styles from './Title.module.scss';\n\nconst b = createBlock('title', styles);\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":["createBlock","styles","i18n","Text","Button","Icon","Xmark"],"mappings":";;;;;;;;;AAWA,MAAM,CAAC,GAAGA,cAAW,CAAC,OAAO,EAAEC,oBAAM,CAAC;AAQzB,MAAA,KAAK,GAAkD,CAAC,EACjE,QAAQ,EACR,aAAa,GAAG,EAAE,EAClB,YAAY,EACZ,UAAU,GAAGC,aAAI,CAAC,cAAc,CAAC,EACjC,OAAO,GACV,KAAI;IACD,QACI,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,CAAC,CAAC,EAAC,SAAS,EAAE,YAAY,EAAC,CAAC,EAAA;AACxC,QAAA,KAAA,CAAA,aAAA,CAACC,UAAI,EAAC,EAAA,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,aAAa,EAAA,EACvD,QAAQ,CACN;AACN,QAAA,OAAO,KACJ,KAAA,CAAA,aAAA,CAACC,YAAM,EAAA,EAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,GAAG,gBAAa,UAAU,EAAA;AACjE,YAAA,KAAA,CAAA,aAAA,CAACC,UAAI,EAAA,EAAC,IAAI,EAAEC,WAAK,EAAE,IAAI,EAAE,aAAa,EAAI,CAAA,CACrC,CACZ,CACC;AAEd;AAEA,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}

package/build/cjs/components/Title/Title.module.scss.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"gn-title":"Title-module__gn-title___Sfj-E","gnTitle":"Title-module__gn-title___Sfj-E","gn-title_separator":"Title-module__gn-title_separator___UNdvM","gnTitleSeparator":"Title-module__gn-title_separator___UNdvM","gn-title__text":"Title-module__gn-title__text___L3qhO","gnTitleText":"Title-module__gn-title__text___L3qhO"};
+
+exports.default = styles;
+//# sourceMappingURL=Title.module.scss.js.map

package/build/cjs/components/Title/Title.module.scss.js.map

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

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

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var button_close = "Close";
+var en = {
+	button_close: button_close
+};
+
+exports.button_close = button_close;
+exports.default = en;
+//# sourceMappingURL=en.json.js.map

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

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

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

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

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

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var i18n$1 = require('@gravity-ui/uikit/i18n');
+var cn = require('../../utils/cn.js');
+var en = require('./en.json.js');
+var ru = require('./ru.json.js');
+
+const COMPONENT = 'Title';
+var i18n = i18n$1.addComponentKeysets({ en: en.default, ru: ru.default }, `${cn.NAMESPACE}${COMPONENT}`);
+
+exports.default = i18n;
+//# sourceMappingURL=index.js.map

package/build/cjs/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":["addComponentKeysets","en","ru","NAMESPACE"],"mappings":";;;;;;;;;AAOA,MAAM,SAAS,GAAG,OAAO;AACzB,WAAeA,0BAAmB,CAAC,MAACC,UAAE,MAAEC,UAAE,EAAC,EAAE,CAAA,EAAGC,YAAS,CAAA,EAAG,SAAS,CAAA,CAAE,CAAC;;;;"}