ydb-embedded-ui 8.24.1 → 8.26.0

package/dist/assets/icons/overview.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 16 15" ><path fill-rule="evenodd" clip-rule="evenodd" d="M14.9801 1.82618C15.2983 1.56101 15.3413 1.08809 15.0762 0.769881C14.811 0.451673 14.3381 0.40868 14.0199 0.673853L10.3757 3.71062C10.0432 3.98775 9.59091 4.07309 9.18023 3.93619L7.02502 3.21779C5.95599 2.86145 4.77774 3.19335 4.05189 4.0553L0.926317 7.76692C0.659507 8.08375 0.700062 8.55689 1.0169 8.8237C1.33373 9.09051 1.80687 9.04996 2.07368 8.73312L5.19926 5.0215C5.52919 4.62971 6.06476 4.47884 6.55068 4.64082L8.70589 5.35922C9.60939 5.66039 10.6044 5.47264 11.336 4.86295L14.9801 1.82618ZM13.5 8.00002H11.5C11.2239 8.00002 11 8.22388 11 8.50002V10.5V13C11 13.2762 11.2239 13.5 11.5 13.5H13H13.5C13.7761 13.5 14 13.2762 14 13V8.50002C14 8.22388 13.7761 8.00002 13.5 8.00002ZM9.5 13C9.5 13.2762 9.27614 13.5 9 13.5H7C6.72386 13.5 6.5 13.2762 6.5 13V12.5V10.5C6.5 10.2239 6.72386 10 7 10H9C9.27614 10 9.5 10.2239 9.5 10.5V13ZM5 13C5 13.2762 4.77614 13.5 4.5 13.5H3.5H2.5C2.22386 13.5 2 13.2762 2 13V12.5C2 12.2239 2.22386 12 2.5 12H4.5C4.77614 12 5 12.2239 5 12.5V13ZM2.5 15H3.5H4.5H7H9H11.5H13H13.5C14.6046 15 15.5 14.1046 15.5 13V8.50002C15.5 7.39545 14.6046 6.50002 13.5 6.50002H11.5C10.3954 6.50002 9.5 7.39545 9.5 8.50002V8.56303C9.34019 8.5219 9.17265 8.50002 9 8.50002H7C5.89543 8.50002 5 9.39545 5 10.5V10.563C4.84019 10.5219 4.67265 10.5 4.5 10.5H2.5C1.39543 10.5 0.5 11.3954 0.5 12.5V13C0.5 14.1046 1.39543 15 2.5 15Z" fill="currentColor" /></svg>

package/dist/components/ConnectToDB/ConnectToDBDialog.js

@@ -2,8 +2,13 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import NiceModal from '@ebay/nice-modal-react';
 import { Dialog, Tabs } from '@gravity-ui/uikit';
+import { skipToken } from '@reduxjs/toolkit/query';
+import { tenantApi } from '../../store/reducers/tenant/tenant';
 import { cn } from '../../utils/cn';
+import { useTypedSelector } from '../../utils/hooks';
+import { useClusterNameFromQuery } from '../../utils/hooks/useDatabaseFromQuery';
 import { LinkWithIcon } from '../LinkWithIcon/LinkWithIcon';
+import { LoaderWrapper } from '../LoaderWrapper/LoaderWrapper';
 import { YDBSyntaxHighlighterLazy } from '../SyntaxHighlighter/lazy';
 import { getDocsLink } from './getDocsLink';
 import i18n from './i18n';
@@ -20,11 +25,21 @@ const connectionTabs = [
     { id: 'php', title: 'PHP' },
     { id: 'python', title: 'Python' },
 ];
-function ConnectToDBDialog({ open, onClose, database, endpoint }) {
+function ConnectToDBDialog({ open, onClose, database, endpoint: endpointFromProps, }) {
+    var _a;
     const [activeTab, setActiveTab] = React.useState('bash');
+    const clusterName = useClusterNameFromQuery();
+    const singleClusterMode = useTypedSelector((state) => state.singleClusterMode);
+    // If there is endpoint from props, we don't need to request tenant data
+    // Also we should not request tenant data if we are in single cluster mode
+    // Since there is no ControlPlane data in this case
+    const shouldRequestTenantData = database && !endpointFromProps && !singleClusterMode;
+    const params = shouldRequestTenantData ? { path: database, clusterName } : skipToken;
+    const { currentData: tenantData, isLoading: isTenantDataLoading } = tenantApi.useGetTenantInfoQuery(params);
+    const endpoint = endpointFromProps !== null && endpointFromProps !== void 0 ? endpointFromProps : (_a = tenantData === null || tenantData === void 0 ? void 0 : tenantData.ControlPlane) === null || _a === void 0 ? void 0 : _a.endpoint;
     const snippet = getSnippetCode(activeTab, { database, endpoint });
     const docsLink = getDocsLink(activeTab);
-    return (_jsxs(Dialog, { open: open, hasCloseButton: true, onClose: onClose, size: "l", children: [_jsx(Dialog.Header, { caption: i18n('header') }), _jsxs(Dialog.Body, { children: [_jsx("div", { children: i18n('connection-info-message') }), _jsx(Tabs, { size: "m", allowNotSelected: false, activeTab: activeTab, items: connectionTabs, onSelectTab: (tab) => setActiveTab(tab), className: b('dialog-tabs') }), _jsx("div", { className: b('snippet-container'), children: _jsx(YDBSyntaxHighlighterLazy, { language: activeTab, text: snippet, transparentBackground: false, withClipboardButton: { alwaysVisible: true } }) }), docsLink ? (_jsx(LinkWithIcon, { className: b('docs'), title: i18n('documentation'), url: docsLink })) : null] }), _jsx(Dialog.Footer, { onClickButtonCancel: onClose, textButtonCancel: i18n('close') })] }));
+    return (_jsxs(Dialog, { open: open, hasCloseButton: true, onClose: onClose, size: "l", children: [_jsx(Dialog.Header, { caption: i18n('header') }), _jsxs(Dialog.Body, { children: [_jsx("div", { children: i18n('connection-info-message') }), _jsx(Tabs, { size: "m", allowNotSelected: false, activeTab: activeTab, items: connectionTabs, onSelectTab: (tab) => setActiveTab(tab), className: b('dialog-tabs') }), _jsx("div", { className: b('snippet-container'), children: _jsx(LoaderWrapper, { loading: isTenantDataLoading, children: _jsx(YDBSyntaxHighlighterLazy, { language: activeTab, text: snippet, transparentBackground: false, withClipboardButton: { alwaysVisible: true } }) }) }), docsLink ? (_jsx(LinkWithIcon, { className: b('docs'), title: i18n('documentation'), url: docsLink })) : null] }), _jsx(Dialog.Footer, { onClickButtonCancel: onClose, textButtonCancel: i18n('close') })] }));
 }
 const ConnectToDBDialogNiceModal = NiceModal.create((props) => {
     const modal = NiceModal.useModal();

package/dist/components/ConnectToDB/ConnectToDBDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConnectToDBDialog.js","sourceRoot":"","sources":["../../../src/components/ConnectToDB/ConnectToDBDialog.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ConnectToDBDialog.js","sourceRoot":"","sources":["../../../src/components/ConnectToDB/ConnectToDBDialog.tsx"],"names":[],"mappings":"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"}

package/dist/components/ConnectToDB/__test__/utils.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/ConnectToDB/__test__/utils.test.js

@@ -0,0 +1,34 @@
+import { prepareEndpoint } from '../utils';
+describe('prepareEndpoint', () => {
+    test('should remove all search params', () => {
+        const input = 'grpc://example.com:2139/?database=/root/test&param=value';
+        const expected = 'grpc://example.com:2139';
+        expect(prepareEndpoint(input)).toBe(expected);
+    });
+    test('should handle URL without path or params', () => {
+        const input = 'grpc://example.com:2139';
+        const expected = 'grpc://example.com:2139';
+        expect(prepareEndpoint(input)).toBe(expected);
+    });
+    test('should remove trailing slash from path', () => {
+        const input = 'grpc://example.com:2139/';
+        const expected = 'grpc://example.com:2139';
+        expect(prepareEndpoint(input)).toBe(expected);
+    });
+    test('should handle complex paths', () => {
+        const input = 'grpc://example.com:2139/multi/level/path/?database=/root/test';
+        const expected = 'grpc://example.com:2139/multi/level/path';
+        expect(prepareEndpoint(input)).toBe(expected);
+    });
+    test('should handle empty string', () => {
+        expect(prepareEndpoint('')).toBeUndefined();
+    });
+    test('should handle undefined input', () => {
+        expect(prepareEndpoint()).toBeUndefined();
+    });
+    test('should return undefined for invalid URL', () => {
+        const input = 'invalid-url';
+        expect(prepareEndpoint(input)).toBeUndefined();
+    });
+});
+//# sourceMappingURL=utils.test.js.map

package/dist/components/ConnectToDB/__test__/utils.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.test.js","sourceRoot":"","sources":["../../../../src/components/ConnectToDB/__test__/utils.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAC,MAAM,UAAU,CAAC;AAEzC,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;IAC7B,IAAI,CAAC,iCAAiC,EAAE,GAAG,EAAE;QACzC,MAAM,KAAK,GAAG,0DAA0D,CAAC;QACzE,MAAM,QAAQ,GAAG,yBAAyB,CAAC;QAC3C,MAAM,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAClD,CAAC,CAAC,CAAC;IACH,IAAI,CAAC,0CAA0C,EAAE,GAAG,EAAE;QAClD,MAAM,KAAK,GAAG,yBAAyB,CAAC;QACxC,MAAM,QAAQ,GAAG,yBAAyB,CAAC;QAC3C,MAAM,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAClD,CAAC,CAAC,CAAC;IACH,IAAI,CAAC,wCAAwC,EAAE,GAAG,EAAE;QAChD,MAAM,KAAK,GAAG,0BAA0B,CAAC;QACzC,MAAM,QAAQ,GAAG,yBAAyB,CAAC;QAC3C,MAAM,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAClD,CAAC,CAAC,CAAC;IACH,IAAI,CAAC,6BAA6B,EAAE,GAAG,EAAE;QACrC,MAAM,KAAK,GAAG,+DAA+D,CAAC;QAC9E,MAAM,QAAQ,GAAG,0CAA0C,CAAC;QAC5D,MAAM,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAClD,CAAC,CAAC,CAAC;IACH,IAAI,CAAC,4BAA4B,EAAE,GAAG,EAAE;QACpC,MAAM,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC,CAAC,aAAa,EAAE,CAAC;IAChD,CAAC,CAAC,CAAC;IACH,IAAI,CAAC,+BAA+B,EAAE,GAAG,EAAE;QACvC,MAAM,CAAC,eAAe,EAAE,CAAC,CAAC,aAAa,EAAE,CAAC;IAC9C,CAAC,CAAC,CAAC;IACH,IAAI,CAAC,yCAAyC,EAAE,GAAG,EAAE;QACjD,MAAM,KAAK,GAAG,aAAa,CAAC;QAC5B,MAAM,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,EAAE,CAAC;IACnD,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}

package/dist/components/ConnectToDB/snippets.d.ts

@@ -7,4 +7,4 @@ export declare function getJavaSnippetCode({ database, endpoint }: SnippetParams
 export declare function getNodeJSSnippetCode({ database, endpoint }: SnippetParams): string;
 export declare function getPHPSnippetCode({ database, endpoint }: SnippetParams): string;
 export declare function getPythonSnippetCode({ database, endpoint }: SnippetParams): string;
-export declare function getSnippetCode(lang: SnippetLanguage, params: SnippetParams): string;
+export declare function getSnippetCode(lang: SnippetLanguage, rawParams: SnippetParams): string;

package/dist/components/ConnectToDB/snippets.js

@@ -1,3 +1,4 @@
+import { prepareEndpoint } from './utils';
 export function getBashSnippetCode({ database, endpoint }) {
     return `ydb -e ${endpoint || '<endpoint>'} --token-file ~/my_token
     -d ${database !== null && database !== void 0 ? database : '/<database>'} table query execute -q 'SELECT "Hello, world!"'`;
@@ -188,7 +189,11 @@ with ydb.Driver(driver_config) as driver:
         print("Last reported errors by discovery:")
         print(driver.discovery_debug_details())`;
 }
-export function getSnippetCode(lang, params) {
+export function getSnippetCode(lang, rawParams) {
+    const params = {
+        ...rawParams,
+        endpoint: prepareEndpoint(rawParams.endpoint),
+    };
     switch (lang) {
         case 'cpp': {
             return getCPPSnippetCode(params);

package/dist/components/ConnectToDB/snippets.js.map

@@ -1 +1 @@
-{"version":3,"file":"snippets.js","sourceRoot":"","sources":["../../../src/components/ConnectToDB/snippets.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,kBAAkB,CAAC,EAAC,QAAQ,EAAE,QAAQ,EAAgB;IAClE,OAAO,UAAU,QAAQ,IAAI,YAAY;SACpC,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,aAAa,kDAAkD,CAAC;AACrF,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,EAAC,QAAQ,EAAE,QAAQ,EAAgB;IACjE,OAAO;oBACS,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,YAAY;oBACxB,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,aAAa;;;kCAGX,CAAC;AACnC,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAC,EAAC,QAAQ,EAAE,QAAQ,EAAgB;IACpE,OAAO;iBACM,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,YAAY;iBACxB,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,aAAa;;;;;;;;2BAQf,CAAC;AAC5B,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,EAAC,QAAQ,EAAE,QAAQ,EAAgB;IAChE,OAAO;;;;;;;;;;;;;;WAcA,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,YAAY,GAAG,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqC7D,CAAC;AACH,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,EAAC,QAAQ,EAAE,QAAQ,EAAgB;IAClE,OAAO;;;;;;;;;;;;;;;;mBAgBQ,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,YAAY;mBACxB,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,aAAa;;;;;;;;;;;;;;;;;EAiB1C,CAAC;AACH,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAC,EAAC,QAAQ,EAAE,QAAQ,EAAgB;IACpE,OAAO;;;oBAGS,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,YAAY;oBACxB,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,aAAa;;;;;;;;;;;;;;;;;;;OAmBtC,CAAC;AACR,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,EAAC,QAAQ,EAAE,QAAQ,EAAgB;IACjE,OAAO;;;;;;wBAMa,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,aAAa;;;wBAGzB,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,YAAY;;;;;;;;;;;;;yBAavB,CAAC;AAC1B,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAC,EAAC,QAAQ,EAAE,QAAQ,EAAgB;IACpE,OAAO;;;;OAIJ,QAAQ,IAAI,YAAY,OAAO,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,aAAa;;;;;;;;;;;;;;;;gDAgBf,CAAC;AACjD,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,IAAqB,EAAE,MAAqB;IACvE,QAAQ,IAAI,EAAE,CAAC;QACX,KAAK,KAAK,CAAC,CAAC,CAAC;YACT,OAAO,iBAAiB,CAAC,MAAM,CAAC,CAAC;QACrC,CAAC;QACD,KAAK,QAAQ,CAAC,CAAC,CAAC;YACZ,OAAO,oBAAoB,CAAC,MAAM,CAAC,CAAC;QACxC,CAAC;QACD,KAAK,IAAI,CAAC,CAAC,CAAC;YACR,OAAO,gBAAgB,CAAC,MAAM,CAAC,CAAC;QACpC,CAAC;QACD,KAAK,MAAM,CAAC,CAAC,CAAC;YACV,OAAO,kBAAkB,CAAC,MAAM,CAAC,CAAC;QACtC,CAAC;QACD,KAAK,YAAY,CAAC,CAAC,CAAC;YAChB,OAAO,oBAAoB,CAAC,MAAM,CAAC,CAAC;QACxC,CAAC;QACD,KAAK,KAAK,CAAC,CAAC,CAAC;YACT,OAAO,iBAAiB,CAAC,MAAM,CAAC,CAAC;QACrC,CAAC;QACD,KAAK,QAAQ,CAAC,CAAC,CAAC;YACZ,OAAO,oBAAoB,CAAC,MAAM,CAAC,CAAC;QACxC,CAAC;QACD,KAAK,MAAM,CAAC;QACZ,OAAO,CAAC,CAAC,CAAC;YACN,OAAO,kBAAkB,CAAC,MAAM,CAAC,CAAC;QACtC,CAAC;IACL,CAAC;AACL,CAAC"}
+{"version":3,"file":"snippets.js","sourceRoot":"","sources":["../../../src/components/ConnectToDB/snippets.ts"],"names":[],"mappings":"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"}

package/dist/components/ConnectToDB/utils.d.ts

@@ -0,0 +1 @@
+export declare function prepareEndpoint(connectionString?: string): string | undefined;

package/dist/components/ConnectToDB/utils.js

@@ -0,0 +1,19 @@
+// We have endpoint in format grpc://example.com:2139/?database=/root/test
+// We need it to be like grpc://example.com:2139 to make code in snippets work
+// We pass database to snippets as a separate param
+export function prepareEndpoint(connectionString = '') {
+    try {
+        const urlObj = new URL(connectionString);
+        urlObj.search = '';
+        let endpoint = urlObj.toString();
+        // Remove trailing slash if present
+        if (endpoint.endsWith('/')) {
+            endpoint = endpoint.slice(0, -1);
+        }
+        return endpoint;
+    }
+    catch (_a) {
+        return undefined;
+    }
+}
+//# sourceMappingURL=utils.js.map

package/dist/components/ConnectToDB/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/ConnectToDB/utils.ts"],"names":[],"mappings":"AAAA,0EAA0E;AAC1E,8EAA8E;AAC9E,mDAAmD;AACnD,MAAM,UAAU,eAAe,CAAC,gBAAgB,GAAG,EAAE;IACjD,IAAI,CAAC;QACD,MAAM,MAAM,GAAG,IAAI,GAAG,CAAC,gBAAgB,CAAC,CAAC;QACzC,MAAM,CAAC,MAAM,GAAG,EAAE,CAAC;QAEnB,IAAI,QAAQ,GAAG,MAAM,CAAC,QAAQ,EAAE,CAAC;QAEjC,mCAAmC;QACnC,IAAI,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;YACzB,QAAQ,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;QACrC,CAAC;QAED,OAAO,QAAQ,CAAC;IACpB,CAAC;IAAC,WAAM,CAAC;QACL,OAAO,SAAS,CAAC;IACrB,CAAC;AACL,CAAC"}

package/dist/components/CopyLinkButton/CopyLinkButton.d.ts

@@ -0,0 +1,6 @@
+import type { ButtonProps } from '@gravity-ui/uikit';
+import './CopyLinkButton.scss';
+export interface CopyLinkButtonProps extends ButtonProps {
+    text: string;
+}
+export declare function CopyLinkButton(props: CopyLinkButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/CopyLinkButton/CopyLinkButton.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { Link } from '@gravity-ui/icons';
+import { ActionTooltip, Button, CopyToClipboard, Icon } from '@gravity-ui/uikit';
+import { cn } from '../../utils/cn';
+import i18n from './i18n';
+import './CopyLinkButton.scss';
+const b = cn('ydb-copy-link-button');
+const DEFAULT_TIMEOUT = 1200;
+const TOOLTIP_ANIMATION = 200;
+const LinkButtonComponent = (props) => {
+    const { size = 'm', hasTooltip = true, status, closeDelay, title, ...rest } = props;
+    const baseTitle = title !== null && title !== void 0 ? title : i18n('description_copy');
+    return (_jsx(ActionTooltip, { title: status === 'success' ? i18n('description_copied') : baseTitle, disabled: !hasTooltip, closeDelay: closeDelay, children: _jsx(Button, { view: "flat", size: size, ...rest, children: _jsx(Button.Icon, { className: b('icon'), children: _jsx(Icon, { data: Link, size: 16 }) }) }) }));
+};
+export function CopyLinkButton(props) {
+    const { text, ...buttonProps } = props;
+    const timerIdRef = React.useRef();
+    const [tooltipCloseDelay, setTooltipCloseDelay] = React.useState(undefined);
+    const [tooltipDisabled, setTooltipDisabled] = React.useState(false);
+    const timeout = DEFAULT_TIMEOUT;
+    React.useEffect(() => window.clearTimeout(timerIdRef.current), []);
+    const handleCopy = React.useCallback(() => {
+        setTooltipDisabled(false);
+        setTooltipCloseDelay(timeout);
+        window.clearTimeout(timerIdRef.current);
+        timerIdRef.current = window.setTimeout(() => {
+            setTooltipDisabled(true);
+        }, timeout - TOOLTIP_ANIMATION);
+    }, [timeout]);
+    return (_jsx(CopyToClipboard, { text: text, timeout: timeout, onCopy: handleCopy, children: (status) => (_jsx(LinkButtonComponent, { ...buttonProps, closeDelay: tooltipCloseDelay, hasTooltip: !tooltipDisabled, status: status })) }));
+}
+//# sourceMappingURL=CopyLinkButton.js.map

package/dist/components/CopyLinkButton/CopyLinkButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyLinkButton.js","sourceRoot":"","sources":["../../../src/components/CopyLinkButton/CopyLinkButton.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAC,aAAa,EAAE,MAAM,EAAE,eAAe,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAE/E,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,OAAO,IAAI,MAAM,QAAQ,CAAC;AAE1B,OAAO,uBAAuB,CAAC;AAE/B,MAAM,CAAC,GAAG,EAAE,CAAC,sBAAsB,CAAC,CAAC;AAUrC,MAAM,eAAe,GAAG,IAAI,CAAC;AAC7B,MAAM,iBAAiB,GAAG,GAAG,CAAC;AAE9B,MAAM,mBAAmB,GAAG,CAAC,KAA+B,EAAE,EAAE;IAC5D,MAAM,EAAC,IAAI,GAAG,GAAG,EAAE,UAAU,GAAG,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,IAAI,EAAC,GAAG,KAAK,CAAC;IAElF,MAAM,SAAS,GAAG,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,IAAI,CAAC,kBAAkB,CAAC,CAAC;IAEpD,OAAO,CACH,KAAC,aAAa,IACV,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,SAAS,EACpE,QAAQ,EAAE,CAAC,UAAU,EACrB,UAAU,EAAE,UAAU,YAEtB,KAAC,MAAM,IAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,KAAM,IAAI,YACpC,KAAC,MAAM,CAAC,IAAI,IAAC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YAC7B,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,GAAI,GACpB,GACT,GACG,CACnB,CAAC;AACN,CAAC,CAAC;AAMF,MAAM,UAAU,cAAc,CAAC,KAA0B;IACrD,MAAM,EAAC,IAAI,EAAE,GAAG,WAAW,EAAC,GAAG,KAAK,CAAC;IAErC,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,EAAU,CAAC;IAC1C,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAqB,SAAS,CAAC,CAAC;IAChG,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpE,MAAM,OAAO,GAAG,eAAe,CAAC;IAEhC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,EAAE,CAAC,CAAC;IAEnE,MAAM,UAAU,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACtC,kBAAkB,CAAC,KAAK,CAAC,CAAC;QAC1B,oBAAoB,CAAC,OAAO,CAAC,CAAC;QAE9B,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QAExC,UAAU,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;YACxC,kBAAkB,CAAC,IAAI,CAAC,CAAC;QAC7B,CAAC,EAAE,OAAO,GAAG,iBAAiB,CAAC,CAAC;IACpC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,CACH,KAAC,eAAe,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,YAC5D,CAAC,MAAM,EAAE,EAAE,CAAC,CACT,KAAC,mBAAmB,OACZ,WAAW,EACf,UAAU,EAAE,iBAAiB,EAC7B,UAAU,EAAE,CAAC,eAAe,EAC5B,MAAM,EAAE,MAAM,GAChB,CACL,GACa,CACrB,CAAC;AACN,CAAC"}

package/dist/components/CopyLinkButton/CopyLinkButton.scss

@@ -0,0 +1,6 @@
+.ydb-copy-link-button {
+    &__icon {
+        // prevent button icon from firing onMouseEnter/onFocus through parent button's handler
+        pointer-events: none;
+    }
+}

package/dist/components/CopyLinkButton/i18n/en.json

@@ -0,0 +1,4 @@
+{
+    "description_copy": "Copy link to clipboard",
+    "description_copied": "Copied to clipboard"
+}

package/dist/components/CopyLinkButton/i18n/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (key: "description_copy" | "description_copied", params?: import("@gravity-ui/i18n").Params) => string;
+export default _default;

package/dist/components/CopyLinkButton/i18n/index.js

@@ -0,0 +1,5 @@
+import { registerKeysets } from '../../../utils/i18n';
+import en from './en.json';
+const COMPONENT = 'ydb-copy-link-button';
+export default registerKeysets(COMPONENT, { en });
+//# sourceMappingURL=index.js.map

package/dist/components/CopyLinkButton/i18n/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/CopyLinkButton/i18n/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAC,MAAM,qBAAqB,CAAC;AAEpD,OAAO,EAAE,MAAM,WAAW,CAAC;AAE3B,MAAM,SAAS,GAAG,sBAAsB,CAAC;AAEzC,eAAe,eAAe,CAAC,SAAS,EAAE,EAAC,EAAE,EAAC,CAAC,CAAC"}

package/dist/components/DebouncedInput/DebouncedTextInput.d.ts

@@ -0,0 +1,6 @@
+import type { TextInputProps } from '@gravity-ui/uikit';
+interface DebouncedInputProps extends TextInputProps {
+    debounce?: number;
+}
+export declare const DebouncedInput: ({ onUpdate, value, debounce, ...rest }: DebouncedInputProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/DebouncedInput/DebouncedTextInput.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { TextInput } from '@gravity-ui/uikit';
+import { useDebouncedValue } from '../../utils/hooks/useDebouncedValue';
+export const DebouncedInput = ({ onUpdate, value = '', debounce = 200, ...rest }) => {
+    const [currentValue, handleUpdate] = useDebouncedValue({ value, onUpdate, debounce });
+    return _jsx(TextInput, { value: currentValue, onUpdate: handleUpdate, ...rest });
+};
+//# sourceMappingURL=DebouncedTextInput.js.map

package/dist/components/DebouncedInput/DebouncedTextInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DebouncedTextInput.js","sourceRoot":"","sources":["../../../src/components/DebouncedInput/DebouncedTextInput.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,SAAS,EAAC,MAAM,mBAAmB,CAAC;AAE5C,OAAO,EAAC,iBAAiB,EAAC,MAAM,qCAAqC,CAAC;AAMtE,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC3B,QAAQ,EACR,KAAK,GAAG,EAAE,EACV,QAAQ,GAAG,GAAG,EACd,GAAG,IAAI,EACW,EAAE,EAAE;IACtB,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,GAAG,iBAAiB,CAAS,EAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAC,CAAC,CAAC;IAE5F,OAAO,KAAC,SAAS,IAAC,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,YAAY,KAAM,IAAI,GAAI,CAAC;AAChF,CAAC,CAAC"}

package/dist/components/DoughnutMetrics/DoughnutMetrics.d.ts

@@ -5,6 +5,8 @@ import './DoughnutMetrics.scss';
 interface LegendProps {
     children?: React.ReactNode;
     variant?: TextProps['variant'];
+    color?: TextProps['color'];
+    note?: React.ReactNode;
 }
 interface DoughnutProps {
     status: ProgressStatus;
@@ -14,7 +16,7 @@ interface DoughnutProps {
 }
 export declare function DoughnutMetrics({ status, fillWidth, children, className }: DoughnutProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace DoughnutMetrics {
-    var Legend: ({ children, variant }: LegendProps) => import("react/jsx-runtime").JSX.Element;
+    var Legend: ({ children, variant, color, note }: LegendProps) => import("react/jsx-runtime").JSX.Element;
     var Value: ({ children, variant }: LegendProps) => import("react/jsx-runtime").JSX.Element;
 }
 export {};

package/dist/components/DoughnutMetrics/DoughnutMetrics.js

@@ -1,24 +1,25 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Text } from '@gravity-ui/uikit';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Flex, HelpMark, Text } from '@gravity-ui/uikit';
 import { cn } from '../../utils/cn';
 import './DoughnutMetrics.scss';
 const b = cn('ydb-doughnut-metrics');
-function Legend({ children, variant = 'subheader-3' }) {
-    return (_jsx(Text, { variant: variant, color: "secondary", className: b('legend'), children: children }));
+function Legend({ children, variant = 'subheader-3', color = 'primary', note }) {
+    return (_jsxs(Flex, { gap: 1, alignItems: "center", children: [_jsx(Text, { variant: variant, color: color, className: b('legend'), as: "div", children: children }), note && _jsx(HelpMark, { className: b('legend-note'), children: note })] }));
 }
 function Value({ children, variant = 'subheader-2' }) {
-    return (_jsx(Text, { variant: variant, color: "secondary", className: b('value'), children: children }));
+    return (_jsx(Text, { variant: variant, className: b('value'), children: children }));
 }
 export function DoughnutMetrics({ status, fillWidth, children, className }) {
-    let gradientFill = 'var(--g-color-line-generic-solid)';
-    let filledDegrees = fillWidth * 3.6 - 90;
-    if (fillWidth > 50) {
-        gradientFill = 'var(--doughnut-color)';
-        filledDegrees = fillWidth * 3.6 + 90;
+    let filledDegrees = fillWidth * 3.6;
+    let doughnutFillVar = 'var(--doughnut-color)';
+    let doughnutBackdropVar = 'var(--doughnut-backdrop-color)';
+    if (filledDegrees > 360) {
+        filledDegrees -= 360;
+        doughnutBackdropVar = 'var(--doughnut-color)';
+        doughnutFillVar = 'var(--doughnut-overlap-color)';
     }
-    const gradientDegrees = filledDegrees;
     return (_jsx("div", { className: b(null, className), children: _jsx("div", { style: {
-                backgroundImage: `linear-gradient(${gradientDegrees}deg, transparent 50%, ${gradientFill} 50%), linear-gradient(-90deg, var(--g-color-line-generic-solid) 50%, transparent 50%)`,
+                background: `conic-gradient(${doughnutFillVar} 0deg ${filledDegrees}deg, ${doughnutBackdropVar} ${filledDegrees}deg 360deg)`,
             }, className: b('doughnut', { status }), children: _jsx("div", { className: b('text-wrapper'), children: children }) }) }));
 }
 DoughnutMetrics.Legend = Legend;

package/dist/components/DoughnutMetrics/DoughnutMetrics.js.map

@@ -1 +1 @@
-{"version":3,"file":"DoughnutMetrics.js","sourceRoot":"","sources":["../../../src/components/DoughnutMetrics/DoughnutMetrics.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAGlC,OAAO,wBAAwB,CAAC;AAEhC,MAAM,CAAC,GAAG,EAAE,CAAC,sBAAsB,CAAC,CAAC;AAOrC,SAAS,MAAM,CAAC,EAAC,QAAQ,EAAE,OAAO,GAAG,aAAa,EAAc;IAC5D,OAAO,CACH,KAAC,IAAI,IAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAC,WAAW,EAAC,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,YAC3D,QAAQ,GACN,CACV,CAAC;AACN,CAAC;AACD,SAAS,KAAK,CAAC,EAAC,QAAQ,EAAE,OAAO,GAAG,aAAa,EAAc;IAC3D,OAAO,CACH,KAAC,IAAI,IAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAC,WAAW,EAAC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YAC1D,QAAQ,GACN,CACV,CAAC;AACN,CAAC;AASD,MAAM,UAAU,eAAe,CAAC,EAAC,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAgB;IACnF,IAAI,YAAY,GAAG,mCAAmC,CAAC;IACvD,IAAI,aAAa,GAAG,SAAS,GAAG,GAAG,GAAG,EAAE,CAAC;IAEzC,IAAI,SAAS,GAAG,EAAE,EAAE,CAAC;QACjB,YAAY,GAAG,uBAAuB,CAAC;QACvC,aAAa,GAAG,SAAS,GAAG,GAAG,GAAG,EAAE,CAAC;IACzC,CAAC;IACD,MAAM,eAAe,GAAG,aAAa,CAAC;IACtC,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,YAC9B,cACI,KAAK,EAAE;gBACH,eAAe,EAAE,mBAAmB,eAAe,yBAAyB,YAAY,wFAAwF;aACnL,EACD,SAAS,EAAE,CAAC,CAAC,UAAU,EAAE,EAAC,MAAM,EAAC,CAAC,YAElC,cAAK,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,YAAG,QAAQ,GAAO,GACjD,GACJ,CACT,CAAC;AACN,CAAC;AAED,eAAe,CAAC,MAAM,GAAG,MAAM,CAAC;AAChC,eAAe,CAAC,KAAK,GAAG,KAAK,CAAC"}
+{"version":3,"file":"DoughnutMetrics.js","sourceRoot":"","sources":["../../../src/components/DoughnutMetrics/DoughnutMetrics.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAEvD,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAGlC,OAAO,wBAAwB,CAAC;AAEhC,MAAM,CAAC,GAAG,EAAE,CAAC,sBAAsB,CAAC,CAAC;AASrC,SAAS,MAAM,CAAC,EAAC,QAAQ,EAAE,OAAO,GAAG,aAAa,EAAE,KAAK,GAAG,SAAS,EAAE,IAAI,EAAc;IACrF,OAAO,CACH,MAAC,IAAI,IAAC,GAAG,EAAE,CAAC,EAAE,UAAU,EAAC,QAAQ,aAC7B,KAAC,IAAI,IAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,EAAE,EAAE,EAAC,KAAK,YACjE,QAAQ,GACN,EACN,IAAI,IAAI,KAAC,QAAQ,IAAC,SAAS,EAAE,CAAC,CAAC,aAAa,CAAC,YAAG,IAAI,GAAY,IAC9D,CACV,CAAC;AACN,CAAC;AACD,SAAS,KAAK,CAAC,EAAC,QAAQ,EAAE,OAAO,GAAG,aAAa,EAAc;IAC3D,OAAO,CACH,KAAC,IAAI,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YACxC,QAAQ,GACN,CACV,CAAC;AACN,CAAC;AASD,MAAM,UAAU,eAAe,CAAC,EAAC,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAgB;IACnF,IAAI,aAAa,GAAG,SAAS,GAAG,GAAG,CAAC;IACpC,IAAI,eAAe,GAAG,uBAAuB,CAAC;IAC9C,IAAI,mBAAmB,GAAG,gCAAgC,CAAC;IAE3D,IAAI,aAAa,GAAG,GAAG,EAAE,CAAC;QACtB,aAAa,IAAI,GAAG,CAAC;QACrB,mBAAmB,GAAG,uBAAuB,CAAC;QAC9C,eAAe,GAAG,+BAA+B,CAAC;IACtD,CAAC;IAED,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,YAC9B,cACI,KAAK,EAAE;gBACH,UAAU,EAAE,kBAAkB,eAAe,SAAS,aAAa,QAAQ,mBAAmB,IAAI,aAAa,aAAa;aAC/H,EACD,SAAS,EAAE,CAAC,CAAC,UAAU,EAAE,EAAC,MAAM,EAAC,CAAC,YAElC,cAAK,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,YAAG,QAAQ,GAAO,GACjD,GACJ,CACT,CAAC;AACN,CAAC;AAED,eAAe,CAAC,MAAM,GAAG,MAAM,CAAC;AAChC,eAAe,CAAC,KAAK,GAAG,KAAK,CAAC"}

package/dist/components/DoughnutMetrics/DoughnutMetrics.scss

@@ -1,14 +1,17 @@
 .ydb-doughnut-metrics {
-    --doughnut-border: 11px;
+    --doughnut-border: 16px;
     --doughnut-color: var(--ydb-color-status-green);
+    --doughnut-backdrop-color: var(--g-color-base-positive-light);
+    --doughnut-overlap-color: var(--g-color-base-positive-heavy-hover);
     &__doughnut {
         position: relative;
 
-        width: 172px;
+        width: 100px;
         aspect-ratio: 1;
 
         border-radius: 50%;
-        background-color: var(--doughnut-color);
+
+        transform: rotate(180deg);
         &::before {
             display: block;
 
@@ -25,9 +28,13 @@
     }
     &__doughnut_status_warning {
         --doughnut-color: var(--ydb-color-status-yellow);
+        --doughnut-backdrop-color: var(--g-color-base-warning-light);
+        --doughnut-overlap-color: var(--g-color-base-warning-heavy-hover);
     }
     &__doughnut_status_danger {
         --doughnut-color: var(--ydb-color-status-red);
+        --doughnut-backdrop-color: var(--g-color-base-danger-light);
+        --doughnut-overlap-color: var(--g-color-base-danger-heavy-hover);
     }
     &__text-wrapper {
         --wrapper-indent: calc(var(--doughnut-border) + 5px);
@@ -44,15 +51,15 @@
         width: calc(100% - calc(var(--wrapper-indent) * 2));
 
         text-align: center;
+
+        transform: rotate(180deg);
         aspect-ratio: 1;
     }
     &__value {
         position: absolute;
         bottom: 20px;
     }
-    &__legend {
-        height: 50%;
-
-        white-space: pre-wrap;
+    &__legend-note {
+        display: flex;
     }
 }

package/dist/components/Drawer/Drawer.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+import './Drawer.scss';
+type DrawerControl = {
+    type: 'close';
+} | {
+    type: 'copyLink';
+    link: string;
+} | {
+    type: 'custom';
+    node: React.ReactNode;
+    key: string;
+};
+interface DrawerPaneProps {
+    children: React.ReactNode;
+    renderDrawerContent: () => React.ReactNode;
+    isDrawerVisible: boolean;
+    onCloseDrawer: () => void;
+    drawerId?: string;
+    storageKey?: string;
+    defaultWidth?: number;
+    direction?: 'left' | 'right';
+    className?: string;
+    detectClickOutside?: boolean;
+    isPercentageWidth?: boolean;
+    drawerControls?: DrawerControl[];
+    title?: React.ReactNode;
+    headerClassName?: string;
+}
+export declare const DrawerWrapper: ({ children, renderDrawerContent, isDrawerVisible, onCloseDrawer, drawerId, storageKey, defaultWidth, direction, className, detectClickOutside, isPercentageWidth, drawerControls, title, headerClassName, }: DrawerPaneProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Drawer/Drawer.js

@@ -0,0 +1,83 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { Xmark } from '@gravity-ui/icons';
+import { DrawerItem, Drawer as GravityDrawer } from '@gravity-ui/navigation';
+import { ActionTooltip, Button, Flex, Icon, Text } from '@gravity-ui/uikit';
+import { cn } from '../../utils/cn';
+import { isNumeric } from '../../utils/utils';
+import { CopyLinkButton } from '../CopyLinkButton/CopyLinkButton';
+import { useDrawerContext } from './DrawerContext';
+const DEFAULT_DRAWER_WIDTH_PERCENTS = 60;
+const DEFAULT_DRAWER_WIDTH = 600;
+const DRAWER_WIDTH_KEY = 'drawer-width';
+const b = cn('ydb-drawer');
+import './Drawer.scss';
+const DrawerPaneContentWrapper = ({ isVisible, onClose, children, drawerId = 'drawer', storageKey = DRAWER_WIDTH_KEY, defaultWidth, direction = 'right', className, detectClickOutside = false, isPercentageWidth, }) => {
+    const [drawerWidth, setDrawerWidth] = React.useState(() => {
+        const savedWidth = localStorage.getItem(storageKey);
+        return isNumeric(savedWidth) ? Number(savedWidth) : defaultWidth;
+    });
+    const drawerRef = React.useRef(null);
+    const { containerWidth } = useDrawerContext();
+    // Calculate drawer width based on container width percentage if specified
+    const calculatedWidth = React.useMemo(() => {
+        if (isPercentageWidth && containerWidth > 0) {
+            return Math.round((containerWidth * (drawerWidth || DEFAULT_DRAWER_WIDTH_PERCENTS)) / 100);
+        }
+        return drawerWidth || DEFAULT_DRAWER_WIDTH;
+    }, [containerWidth, isPercentageWidth, drawerWidth]);
+    React.useEffect(() => {
+        if (!detectClickOutside) {
+            return undefined;
+        }
+        const handleClickOutside = (event) => {
+            if (isVisible &&
+                drawerRef.current &&
+                !drawerRef.current.contains(event.target)) {
+                onClose();
+            }
+        };
+        document.addEventListener('click', handleClickOutside);
+        return () => {
+            document.removeEventListener('click', handleClickOutside);
+        };
+    }, [isVisible, onClose, detectClickOutside]);
+    const handleResizeDrawer = (width) => {
+        if (isPercentageWidth && containerWidth > 0) {
+            const percentageWidth = Math.round((width / containerWidth) * 100);
+            setDrawerWidth(percentageWidth);
+            localStorage.setItem(storageKey, percentageWidth.toString());
+        }
+        else {
+            setDrawerWidth(width);
+            localStorage.setItem(storageKey, width.toString());
+        }
+    };
+    return (_jsx(GravityDrawer, { onEscape: onClose, onVeilClick: onClose, hideVeil: true, className: b('container', className), children: _jsx(DrawerItem, { id: drawerId, visible: isVisible, resizable: true, maxResizeWidth: containerWidth, width: isPercentageWidth ? calculatedWidth : drawerWidth, onResize: handleResizeDrawer, direction: direction, className: b('item'), ref: detectClickOutside ? drawerRef : undefined, children: children }) }));
+};
+export const DrawerWrapper = ({ children, renderDrawerContent, isDrawerVisible, onCloseDrawer, drawerId, storageKey, defaultWidth, direction, className, detectClickOutside, isPercentageWidth, drawerControls = [], title, headerClassName, }) => {
+    React.useEffect(() => {
+        return () => {
+            onCloseDrawer();
+        };
+    }, [onCloseDrawer]);
+    const renderDrawerHeader = () => {
+        const controls = [];
+        for (const control of drawerControls) {
+            switch (control.type) {
+                case 'close':
+                    controls.push(_jsx(ActionTooltip, { title: "Close", children: _jsx(Button, { view: "flat", onClick: onCloseDrawer, children: _jsx(Icon, { data: Xmark, size: 16 }) }) }, "close"));
+                    break;
+                case 'copyLink':
+                    controls.push(_jsx(CopyLinkButton, { text: control.link }, "copyLink"));
+                    break;
+                case 'custom':
+                    controls.push(_jsx(React.Fragment, { children: control.node }, control.key));
+                    break;
+            }
+        }
+        return (_jsxs(Flex, { justifyContent: "space-between", className: b('header-wrapper', headerClassName), children: [_jsx(Text, { variant: "subheader-2", children: title }), _jsx(Flex, { className: b('controls'), children: controls })] }));
+    };
+    return (_jsxs(React.Fragment, { children: [children, _jsx(DrawerPaneContentWrapper, { isVisible: isDrawerVisible, onClose: onCloseDrawer, drawerId: drawerId, storageKey: storageKey, defaultWidth: defaultWidth, direction: direction, className: className, detectClickOutside: detectClickOutside, isPercentageWidth: isPercentageWidth, children: _jsxs("div", { className: b('content-wrapper'), children: [renderDrawerHeader(), renderDrawerContent()] }) })] }));
+};
+//# sourceMappingURL=Drawer.js.map

package/dist/components/Drawer/Drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"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"}

package/dist/components/Drawer/Drawer.scss

@@ -0,0 +1,38 @@
+.ydb-drawer {
+    &__drawer-container {
+        position: relative;
+
+        overflow: hidden;
+
+        height: 100%;
+    }
+
+    &__item {
+        z-index: 4;
+
+        height: 100%;
+    }
+
+    &__controls {
+        margin-left: auto;
+    }
+
+    &__header-wrapper {
+        position: sticky;
+        z-index: 3;
+        top: 0;
+        left: 0;
+
+        padding: var(--g-spacing-4) var(--g-spacing-4) 0 var(--g-spacing-6);
+
+        background-color: var(--g-color-base-background);
+    }
+
+    &__content-wrapper {
+        display: flex;
+        overflow: auto;
+        flex-direction: column;
+
+        height: 100%;
+    }
+}

package/dist/components/Drawer/DrawerContext.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import './Drawer.scss';
+export interface DrawerContextType {
+    containerWidth: number;
+    setContainerWidth: React.Dispatch<React.SetStateAction<number>>;
+}
+interface DrawerContextProviderProps {
+    children: React.ReactNode;
+    className?: string;
+}
+export declare const DrawerContextProvider: ({ children, className }: DrawerContextProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const useDrawerContext: () => DrawerContextType;
+export {};