ydb-embedded-ui 8.25.0 → 8.26.1

package/dist/assets/icons/cry-cat.svg

@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100" id="cry-cat">
+  <g fill="none" fill-rule="evenodd" transform="translate(-77 -498)">
+    <g fill="currentColor" fill-rule="nonzero" transform="translate(77 498)">
+      <path d="M72.8441235,36.5870324 C73.2392836,36.2011996 73.8724034,36.2087608 74.2582362,36.6039209 C76.8647227,39.2734173 78.7873582,42.4700331 79.9299589,46.1769304 C84.8454001,62.1239151 74.5567008,73 50,73 C25.4432992,73 15.1545999,62.1239151 20.0700411,46.1769304 C21.192392,42.5357287 23.0675024,39.3865755 25.6046851,36.7454586 C25.9872941,36.3471763 26.6203316,36.3344705 27.0186139,36.7170795 C27.4168962,37.0996885 27.429602,37.732726 27.046993,38.1310083 C24.7238951,40.5492704 23.0106576,43.4265664 21.9813066,46.766052 C17.5022967,61.2971388 26.6811346,71 50,71 C73.3188654,71 82.4977033,61.2971388 78.0186934,46.766052 C76.9707899,43.3663773 75.2141698,40.4457823 72.8272351,38.0011452 C72.4414022,37.6059851 72.4489635,36.9728653 72.8441235,36.5870324 Z"></path>
+      <path d="M84.8759653 52.0077221C85.4239852 51.9392196 85.9237754 52.3279453 85.9922779 52.8759653 86.0558873 53.3848409 85.7252541 53.8521307 85.2389208 53.971137L85.1240347 53.9922779 77.1240347 54.9922779C76.5760148 55.0607804 76.0762246 54.6720547 76.0077221 54.1240347 75.9441127 53.6151591 76.2747459 53.1478693 76.7610792 53.028863L76.8759653 53.0077221 84.8759653 52.0077221zM76.0384761 57.7252789C76.1793629 57.2321749 76.6666665 56.9318197 77.1607389 57.0129066L77.2747211 57.0384761 84.2747211 59.0384761C84.8057561 59.1902003 85.1132482 59.7436861 84.9615239 60.2747211 84.8206371 60.7678251 84.3333335 61.0681803 83.8392611 60.9870934L83.7252789 60.9615239 76.7252789 58.9615239C76.1942439 58.8097997 75.8867518 58.2563139 76.0384761 57.7252789z"></path>
+      <path d="M22.6046058,52.0082582 C23.1523297,51.9374274 23.6537673,52.3240257 23.724598,52.8717496 C23.7903694,53.3803504 23.461725,53.849041 22.9759018,53.9701129 L22.8611066,53.9917418 L15.1282504,54.9917418 C14.5805265,55.0625726 14.0790889,54.6759743 14.0082582,54.1282504 C13.9424868,53.6196496 14.2711312,53.150959 14.7569544,53.0298871 L14.8717496,53.0082582 L22.6046058,52.0082582 Z" transform="matrix(-1 0 0 1 37.733 0)"></path>
+      <path d="M14.7742553,57.7152469 C14.9202869,57.223642 15.4107023,56.928395 15.9039004,57.0146401 L16.0176093,57.0413991 L22.7504655,59.0413991 C23.2798861,59.1986639 23.5815781,59.7553325 23.4243133,60.2847531 C23.2782817,60.776358 22.7878662,61.071605 22.2946681,60.9853599 L22.1809593,60.9586009 L15.4481031,58.9586009 C14.9186824,58.8013361 14.6169905,58.2446675 14.7742553,57.7152469 Z" transform="matrix(-1 0 0 1 38.199 0)"></path>
+      <path d="M69.8567928,19.0103073 C70.2237946,18.9572026 70.5900499,19.1115454 70.8083531,19.4113021 C74.319444,24.2324525 75.358097,31.1568062 73.9886044,40.1505367 C73.9054653,40.6965278 73.3954545,41.0717435 72.8494633,40.9886044 C72.3034722,40.9054653 71.9282565,40.3954545 72.0113956,39.8494633 C73.2521708,31.7010456 72.4265487,25.4829743 69.5907948,21.1656458 L69.54,21.091 L69.4471801,21.1093098 C65.4215022,21.9124227 61.9987943,24.5603789 59.1563326,29.1200543 L58.9141135,29.5155669 C58.6924028,29.8840403 58.259945,30.0695086 57.8401683,29.9761503 C54.9099167,29.3244623 52.2956382,29 50,29 C47.7043618,29 45.0900833,29.3244623 42.1598317,29.9761503 C41.740055,30.0695086 41.3075972,29.8840403 41.0858865,29.5155669 C38.2788565,24.8504073 34.8931754,22.0957545 30.9061752,21.1848964 L30.459,21.091 L30.4092052,21.1656458 C27.6379003,25.3848532 26.7863958,31.4193878 27.9072075,39.2968803 L27.9886044,39.8494633 C28.0717435,40.3954545 27.6965278,40.9054653 27.1505367,40.9886044 C26.6045455,41.0717435 26.0945347,40.6965278 26.0113956,40.1505367 C24.641903,31.1568062 25.680556,24.2324525 29.1916469,19.4113021 C29.4099501,19.1115454 29.7762054,18.9572026 30.1432072,19.0103073 C34.9826506,19.710568 39.0447343,22.627996 42.3044278,27.688927 L42.421,27.873 L43.0203586,27.7525061 C45.3594976,27.293173 47.5089013,27.0436364 49.4698633,27.0052368 L50,27 C52.1018661,27 54.4278534,27.2514154 56.9796414,27.7525061 L57.578,27.873 L57.6955722,27.688927 C60.8716838,22.7577635 64.809565,19.8615889 69.4860616,19.0685453 L69.8567928,19.0103073 Z"></path>
+    </g>
+    <g transform="translate(77 498)">
+      <path fill="currentColor" fill-rule="nonzero" d="M36.7437245 52.3315138C36.7793326 52.3711296 36.84234 52.4425801 36.9288723 52.5428294 37.070962 52.7074431 37.2287392 52.8946943 37.3983439 53.10158 37.8825324 53.6921983 38.3667081 54.3243476 38.8203139 54.9749691 39.2898527 55.6484437 39.7004369 56.3048525 40.0358345 56.9340232 40.6532156 58.0921656 41 59.1190021 41 60.0244565 41 62.7737508 38.7600555 65 36 65 33.2399445 65 31 62.7737508 31 60.0244565 31 59.1190021 31.3467844 58.0921656 31.9641655 56.9340232 32.2995631 56.3048525 32.7101473 55.6484437 33.1796861 54.9749691 33.6332919 54.3243476 34.1174676 53.6921983 34.6016561 53.10158 34.7712608 52.8946943 34.929038 52.7074431 35.0711277 52.5428294 35.15766 52.4425801 35.2206674 52.3711296 35.2562755 52.3315138 35.6535774 51.8894954 36.3464226 51.8894954 36.7437245 52.3315138zM36 54.5519107C35.5964864 55.0518171 35.195729 55.5803261 34.8203139 56.118796 34.3932134 56.7314001 34.023642 57.322241 33.7290579 57.8748498 33.2523916 58.7690261 33 59.5163632 33 60.0244565 33 61.6664263 34.3417775 63 36 63 37.6582225 63 39 61.6664263 39 60.0244565 39 59.5163632 38.7476084 58.7690261 38.2709421 57.8748498 37.976358 57.322241 37.6067866 56.7314001 37.1796861 56.118796 36.804271 55.5803261 36.4035136 55.0518171 36 54.5519107zM46.7689077 64.6393597C46.4157991 65.0640158 45.7852963 65.1220164 45.3606403 64.7689077 44.9359842 64.4157991 44.8779836 63.7852963 45.2310923 63.3606403 46.4725781 61.8676027 48.1719894 61 50 61 51.8280106 61 53.5274219 61.8676027 54.7689077 63.3606403 55.1220164 63.7852963 55.0640158 64.4157991 54.6393597 64.7689077 54.2147037 65.1220164 53.5842009 65.0640158 53.2310923 64.6393597 52.3551115 63.5858865 51.2075101 63 50 63 48.7924899 63 47.6448885 63.5858865 46.7689077 64.6393597zM31.6548477 50.6380748C31.1365579 50.4473023 30.8710527 49.8724938 31.0618251 49.354204 31.2525976 48.8359142 31.8274061 48.5704089 32.3456959 48.7611814 33.0690593 49.0274375 33.9315066 49.1741653 34.8397707 49.1741653 36.2963854 49.1741653 37.6150802 48.7939106 38.3970449 48.2024862 38.8375304 47.8693331 39.4646884 47.9563433 39.7978414 48.3968288 40.1309945 48.8373143 40.0439843 49.4644723 39.6034988 49.7976254 38.4473267 50.6720747 36.7061137 51.1741653 34.8397707 51.1741653 33.7008257 51.1741653 32.6046233 50.9876688 31.6548477 50.6380748zM60.3970449 49.7976254C59.9565593 49.4644723 59.8695492 48.8373143 60.2027022 48.3968288 60.5358553 47.9563433 61.1630133 47.8693331 61.6034988 48.2024862 62.3854634 48.7939106 63.7041582 49.1741653 65.160773 49.1741653 66.0690371 49.1741653 66.9314843 49.0274375 67.6548477 48.7611814 68.1731375 48.5704089 68.7479461 48.8359142 68.9387185 49.354204 69.129491 49.8724938 68.8639857 50.4473023 68.3456959 50.6380748 67.3959204 50.9876688 66.2997179 51.1741653 65.160773 51.1741653 63.2944299 51.1741653 61.5532169 50.6720747 60.3970449 49.7976254z"></path>
+    </g>
+  </g>
+</svg>

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/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":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,KAAK,EAAC,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAC,UAAU,EAAE,MAAM,IAAI,aAAa,EAAC,MAAM,wBAAwB,CAAC;AAC3E,OAAO,EAAC,aAAa,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAE1E,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,SAAS,EAAC,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAC,cAAc,EAAC,MAAM,kCAAkC,CAAC;AAEhE,OAAO,EAAC,gBAAgB,EAAC,MAAM,iBAAiB,CAAC;AAEjD,MAAM,6BAA6B,GAAG,EAAE,CAAC;AACzC,MAAM,oBAAoB,GAAG,GAAG,CAAC;AACjC,MAAM,gBAAgB,GAAG,cAAc,CAAC;AACxC,MAAM,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC;AAE3B,OAAO,eAAe,CAAC;AAevB,MAAM,wBAAwB,GAAG,CAAC,EAC9B,SAAS,EACT,OAAO,EACP,QAAQ,EACR,QAAQ,GAAG,QAAQ,EACnB,UAAU,GAAG,gBAAgB,EAC7B,YAAY,EACZ,SAAS,GAAG,OAAO,EACnB,SAAS,EACT,kBAAkB,GAAG,KAAK,EAC1B,iBAAiB,GACW,EAAE,EAAE;IAChC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE;QACtD,MAAM,UAAU,GAAG,YAAY,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;QACpD,OAAO,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC;IACrE,CAAC,CAAC,CAAC;IAEH,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IACrD,MAAM,EAAC,cAAc,EAAC,GAAG,gBAAgB,EAAE,CAAC;IAC5C,0EAA0E;IAC1E,MAAM,eAAe,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACvC,IAAI,iBAAiB,IAAI,cAAc,GAAG,CAAC,EAAE,CAAC;YAC1C,OAAO,IAAI,CAAC,KAAK,CACb,CAAC,cAAc,GAAG,CAAC,WAAW,IAAI,6BAA6B,CAAC,CAAC,GAAG,GAAG,CAC1E,CAAC;QACN,CAAC;QACD,OAAO,WAAW,IAAI,oBAAoB,CAAC;IAC/C,CAAC,EAAE,CAAC,cAAc,EAAE,iBAAiB,EAAE,WAAW,CAAC,CAAC,CAAC;IAErD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,CAAC,kBAAkB,EAAE,CAAC;YACtB,OAAO,SAAS,CAAC;QACrB,CAAC;QAED,MAAM,kBAAkB,GAAG,CAAC,KAAiB,EAAE,EAAE;YAC7C,IACI,SAAS;gBACT,SAAS,CAAC,OAAO;gBACjB,CAAC,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EACnD,CAAC;gBACC,OAAO,EAAE,CAAC;YACd,CAAC;QACL,CAAC,CAAC;QAEF,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAC;QACvD,OAAO,GAAG,EAAE;YACR,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAC;QAC9D,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAE7C,MAAM,kBAAkB,GAAG,CAAC,KAAa,EAAE,EAAE;QACzC,IAAI,iBAAiB,IAAI,cAAc,GAAG,CAAC,EAAE,CAAC;YAC1C,MAAM,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,GAAG,cAAc,CAAC,GAAG,GAAG,CAAC,CAAC;YACnE,cAAc,CAAC,eAAe,CAAC,CAAC;YAChC,YAAY,CAAC,OAAO,CAAC,UAAU,EAAE,eAAe,CAAC,QAAQ,EAAE,CAAC,CAAC;QACjE,CAAC;aAAM,CAAC;YACJ,cAAc,CAAC,KAAK,CAAC,CAAC;YACtB,YAAY,CAAC,OAAO,CAAC,UAAU,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC;QACvD,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACH,KAAC,aAAa,IACV,QAAQ,EAAE,OAAO,EACjB,WAAW,EAAE,OAAO,EACpB,QAAQ,QACR,SAAS,EAAE,CAAC,CAAC,WAAW,EAAE,SAAS,CAAC,YAEpC,KAAC,UAAU,IACP,EAAE,EAAE,QAAQ,EACZ,OAAO,EAAE,SAAS,EAClB,SAAS,QACT,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,WAAW,EACxD,QAAQ,EAAE,kBAAkB,EAC5B,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EACpB,GAAG,EAAE,kBAAkB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,YAE9C,QAAQ,GACA,GACD,CACnB,CAAC;AACN,CAAC,CAAC;AAwBF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC1B,QAAQ,EACR,mBAAmB,EACnB,eAAe,EACf,aAAa,EACb,QAAQ,EACR,UAAU,EACV,YAAY,EACZ,SAAS,EACT,SAAS,EACT,kBAAkB,EAClB,iBAAiB,EACjB,cAAc,GAAG,EAAE,EACnB,KAAK,EACL,eAAe,GACD,EAAE,EAAE;IAClB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,OAAO,GAAG,EAAE;YACR,aAAa,EAAE,CAAC;QACpB,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC5B,MAAM,QAAQ,GAAG,EAAE,CAAC;QACpB,KAAK,MAAM,OAAO,IAAI,cAAc,EAAE,CAAC;YACnC,QAAQ,OAAO,CAAC,IAAI,EAAE,CAAC;gBACnB,KAAK,OAAO;oBACR,QAAQ,CAAC,IAAI,CACT,KAAC,aAAa,IAAC,KAAK,EAAC,OAAO,YACxB,KAAC,MAAM,IAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,aAAa,YACtC,KAAC,IAAI,IAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,GAAI,GAC1B,IAHoB,OAAO,CAIxB,CACnB,CAAC;oBACF,MAAM;gBACV,KAAK,UAAU;oBACX,QAAQ,CAAC,IAAI,CAAC,KAAC,cAAc,IAAC,IAAI,EAAE,OAAO,CAAC,IAAI,IAAM,UAAU,CAAG,CAAC,CAAC;oBACrE,MAAM;gBACV,KAAK,QAAQ;oBACT,QAAQ,CAAC,IAAI,CACT,KAAC,KAAK,CAAC,QAAQ,cAAoB,OAAO,CAAC,IAAI,IAA1B,OAAO,CAAC,GAAG,CAAiC,CACpE,CAAC;oBACF,MAAM;YACd,CAAC;QACL,CAAC;QAED,OAAO,CACH,MAAC,IAAI,IAAC,cAAc,EAAC,eAAe,EAAC,SAAS,EAAE,CAAC,CAAC,gBAAgB,EAAE,eAAe,CAAC,aAChF,KAAC,IAAI,IAAC,OAAO,EAAC,aAAa,YAAE,KAAK,GAAQ,EAC1C,KAAC,IAAI,IAAC,SAAS,EAAE,CAAC,CAAC,UAAU,CAAC,YAAG,QAAQ,GAAQ,IAC9C,CACV,CAAC;IACN,CAAC,CAAC;IAEF,OAAO,CACH,MAAC,KAAK,CAAC,QAAQ,eACV,QAAQ,EACT,KAAC,wBAAwB,IACrB,SAAS,EAAE,eAAe,EAC1B,OAAO,EAAE,aAAa,EACtB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,kBAAkB,EAAE,kBAAkB,EACtC,iBAAiB,EAAE,iBAAiB,YAEpC,eAAK,SAAS,EAAE,CAAC,CAAC,iBAAiB,CAAC,aAC/B,kBAAkB,EAAE,EACpB,mBAAmB,EAAE,IACpB,GACiB,IACd,CACpB,CAAC;AACN,CAAC,CAAC"}

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 {};

package/dist/components/Drawer/DrawerContext.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { cn } from '../../utils/cn';
+import './Drawer.scss';
+const b = cn('ydb-drawer');
+const DrawerContext = React.createContext({
+    containerWidth: 0,
+    setContainerWidth: () => { },
+});
+export const DrawerContextProvider = ({ children, className }) => {
+    const [containerWidth, setContainerWidth] = React.useState(0);
+    const containerRef = React.useRef(null);
+    React.useEffect(() => {
+        if (!containerRef.current) {
+            return undefined;
+        }
+        const updateWidth = () => {
+            if (containerRef.current) {
+                setContainerWidth(containerRef.current.clientWidth);
+            }
+        };
+        // Set initial width
+        updateWidth();
+        // Update width on resize
+        const resizeObserver = new ResizeObserver(updateWidth);
+        resizeObserver.observe(containerRef.current);
+        return () => {
+            if (containerRef.current) {
+                resizeObserver.disconnect();
+            }
+        };
+    }, []);
+    // Memoize the context value to prevent unnecessary re-renders
+    const value = React.useMemo(() => ({
+        containerWidth,
+        setContainerWidth,
+    }), [containerWidth]);
+    return (_jsx(DrawerContext.Provider, { value: value, children: _jsx("div", { ref: containerRef, className: b('drawer-container', className), children: children }) }));
+};
+export const useDrawerContext = () => {
+    const context = React.useContext(DrawerContext);
+    if (context === undefined) {
+        throw Error('useDrawerContext must be used within a DrawerContextProvider');
+    }
+    return context;
+};
+//# sourceMappingURL=DrawerContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerContext.js","sourceRoot":"","sources":["../../../src/components/Drawer/DrawerContext.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,OAAO,eAAe,CAAC;AAEvB,MAAM,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC;AAO3B,MAAM,aAAa,GAAG,KAAK,CAAC,aAAa,CAAoB;IACzD,cAAc,EAAE,CAAC;IACjB,iBAAiB,EAAE,GAAG,EAAE,GAAE,CAAC;CAC9B,CAAC,CAAC;AAOH,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EAAC,QAAQ,EAAE,SAAS,EAA6B,EAAE,EAAE;IACvF,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC9D,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAExD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,CAAC;YACxB,OAAO,SAAS,CAAC;QACrB,CAAC;QAED,MAAM,WAAW,GAAG,GAAG,EAAE;YACrB,IAAI,YAAY,CAAC,OAAO,EAAE,CAAC;gBACvB,iBAAiB,CAAC,YAAY,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;YACxD,CAAC;QACL,CAAC,CAAC;QAEF,oBAAoB;QACpB,WAAW,EAAE,CAAC;QAEd,yBAAyB;QACzB,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,WAAW,CAAC,CAAC;QACvD,cAAc,CAAC,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QAE7C,OAAO,GAAG,EAAE;YACR,IAAI,YAAY,CAAC,OAAO,EAAE,CAAC;gBACvB,cAAc,CAAC,UAAU,EAAE,CAAC;YAChC,CAAC;QACL,CAAC,CAAC;IACN,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,8DAA8D;IAC9D,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CACvB,GAAG,EAAE,CAAC,CAAC;QACH,cAAc;QACd,iBAAiB;KACpB,CAAC,EACF,CAAC,cAAc,CAAC,CACnB,CAAC;IAEF,OAAO,CACH,KAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAChC,cAAK,GAAG,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC,CAAC,kBAAkB,EAAE,SAAS,CAAC,YAC9D,QAAQ,GACP,GACe,CAC5B,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAsB,EAAE;IACpD,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;IAEhD,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QACxB,MAAM,KAAK,CAAC,8DAA8D,CAAC,CAAC;IAChF,CAAC;IAED,OAAO,OAAO,CAAC;AACnB,CAAC,CAAC"}

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

@@ -0,0 +1,3 @@
+export { DrawerWrapper } from './Drawer';
+export { useDrawerContext } from './DrawerContext';
+export type { DrawerContextType } from './DrawerContext';

package/dist/components/Drawer/index.js

@@ -0,0 +1,3 @@
+export { DrawerWrapper } from './Drawer';
+export { useDrawerContext } from './DrawerContext';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Drawer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,aAAa,EAAC,MAAM,UAAU,CAAC;AACvC,OAAO,EAAC,gBAAgB,EAAC,MAAM,iBAAiB,CAAC"}

package/dist/components/EmptyState/EmptyState.scss

@@ -28,6 +28,9 @@
 
             margin: 0 auto;
         }
+        &_position_left {
+            margin: unset;
+        }
     }
 
     &__image {

package/dist/components/EntityStatusNew/EntityStatus.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import type { LabelProps } from '@gravity-ui/uikit';
+import { EFlag } from '../../types/api/enums';
+import './EntityStatus.scss';
+interface EntityStatusLabelProps {
+    status: EFlag;
+    note?: React.ReactNode;
+    children?: React.ReactNode;
+    withStatusName?: boolean;
+    size?: LabelProps['size'];
+    iconSize?: number;
+}
+declare function EntityStatusLabel({ children, status, withStatusName, note, size, iconSize, }: EntityStatusLabelProps): import("react/jsx-runtime").JSX.Element;
+interface EntityStatusProps {
+    children?: React.ReactNode;
+    className?: string;
+}
+export declare function EntityStatus({ className, children }: EntityStatusProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace EntityStatus {
+    var Label: typeof EntityStatusLabel;
+    var displayName: string;
+}
+export {};

package/dist/components/EntityStatusNew/EntityStatus.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ActionTooltip, Flex, HelpMark, Label } from '@gravity-ui/uikit';
+import { EFlag } from '../../types/api/enums';
+import { cn } from '../../utils/cn';
+import { StatusIcon } from '../StatusIconNew/StatusIcon';
+import i18n from './i18n';
+import { EFlagToDescription } from './utils';
+import './EntityStatus.scss';
+const b = cn('ydb-entity-status-new');
+const EFlagToLabelTheme = {
+    [EFlag.Red]: 'danger',
+    [EFlag.Blue]: 'info',
+    [EFlag.Green]: 'success',
+    [EFlag.Grey]: 'unknown',
+    [EFlag.Orange]: 'orange',
+    [EFlag.Yellow]: 'warning',
+};
+const EFlagToStatusName = {
+    get [EFlag.Red]() {
+        return i18n('title_red');
+    },
+    get [EFlag.Yellow]() {
+        return i18n('title_yellow');
+    },
+    get [EFlag.Orange]() {
+        return i18n('title_orange');
+    },
+    get [EFlag.Green]() {
+        return i18n('title_green');
+    },
+    get [EFlag.Grey]() {
+        return i18n('title_grey');
+    },
+    get [EFlag.Blue]() {
+        return i18n('title_blue');
+    },
+};
+function EntityStatusLabel({ children, status, withStatusName = true, note, size = 'm', iconSize = 14, }) {
+    const theme = EFlagToLabelTheme[status];
+    return (_jsx(ActionTooltip, { title: EFlagToDescription[status], disabled: Boolean(note), children: _jsx(Label, { theme: theme === 'orange' ? undefined : theme, icon: _jsx(StatusIcon, { size: iconSize, status: status }), size: size, className: b({ orange: theme === 'orange' }), children: _jsxs(Flex, { gap: "2", wrap: "nowrap", children: [children, withStatusName ? EFlagToStatusName[status] : null, note && _jsx(HelpMark, { children: note })] }) }) }));
+}
+export function EntityStatus({ className, children }) {
+    return (_jsx(Flex, { gap: "2", wrap: "nowrap", alignItems: "center", className: b(null, className), children: children }));
+}
+EntityStatus.Label = EntityStatusLabel;
+EntityStatus.displayName = 'EntityStatus';
+//# sourceMappingURL=EntityStatus.js.map

package/dist/components/EntityStatusNew/EntityStatus.js.map

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

package/dist/components/EntityStatusNew/EntityStatus.scss

@@ -0,0 +1,10 @@
+.ydb-entity-status-new {
+    .g-help-mark__button {
+        color: inherit;
+    }
+
+    &_orange.g-label {
+        color: var(--g-color-private-orange-500);
+        background-color: var(--g-color-private-orange-100);
+    }
+}

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

@@ -0,0 +1,14 @@
+{
+    "title_red": "Failed",
+    "title_blue": "Normal",
+    "title_green": "Good",
+    "title_grey": "Unknown",
+    "title_orange": "Caution",
+    "title_yellow": "Warning",
+    "context_red": "Some systems are failed and not available",
+    "context_yellow": "There are minor issues",
+    "context_orange": "Critical state, requires immediate attention",
+    "context_green": "Everything is working as expected",
+    "context_grey": "The condition cannot be determined",
+    "context_blue": "All good, some parts of the system are restoring"
+}