ydb-embedded-ui 11.14.1 → 12.1.0

package/dist/components/ConnectToDB/ConnectToDBDialog.js

@@ -41,7 +41,7 @@ function ConnectToDBDialog({ open, onClose, database, endpoint: endpointFromProp
         : 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 snippet = getSnippetCode(activeTab, { database: tenantData === null || tenantData === void 0 ? void 0 : tenantData.Name, 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(TabProvider, { value: activeTab, children: _jsx(TabList, { className: b('dialog-tabs'), children: connectionTabs.map(({ id, title }) => (_jsx(Tab, { value: id, onClick: () => setActiveTab(id), children: title }, id))) }) }), _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') })] }));
 }

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/EmptyState/EmptyState.d.ts

@@ -1,19 +1,21 @@
 import './EmptyState.scss';
-declare const sizes: {
+export declare const EMPTY_STATE_SIZES: {
     xs: number;
     s: number;
     m: number;
     l: number;
 };
 export interface EmptyStateProps {
-    title: string;
+    title: React.ReactNode;
     image?: React.ReactNode;
     description?: React.ReactNode;
     actions?: React.ReactNode[];
-    size?: keyof typeof sizes;
+    size?: keyof typeof EMPTY_STATE_SIZES;
     position?: 'left' | 'center';
+    pageTitle?: string;
+    className?: string;
 }
-export declare const EmptyState: ({ image, title, description, actions, size, position, }: EmptyStateProps) => import("react/jsx-runtime").JSX.Element;
+export declare const EmptyState: ({ image, title, description, actions, size, position, pageTitle, className, }: EmptyStateProps) => import("react/jsx-runtime").JSX.Element;
 interface EmptyStateWrapperProps extends EmptyStateProps {
     isEmpty?: boolean;
     children: React.ReactNode;

package/dist/components/EmptyState/EmptyState.js

@@ -1,17 +1,17 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Icon } from '@gravity-ui/uikit';
+import { Flex, Icon, Text } from '@gravity-ui/uikit';
 import { cn } from '../../utils/cn';
 import emptyStateIcon from '../../assets/icons/emptyState.svg';
 import './EmptyState.scss';
 const block = cn('empty-state');
-const sizes = {
+export const EMPTY_STATE_SIZES = {
     xs: 100,
     s: 150,
-    m: 250,
+    m: 230,
     l: 350,
 };
-export const EmptyState = ({ image, title, description, actions, size = 'm', position = 'center', }) => {
-    return (_jsx("div", { className: block({ size }), children: _jsxs("div", { className: block('wrapper', { size, position }), children: [_jsx("div", { className: block('image'), children: image ? (image) : (_jsx(Icon, { data: emptyStateIcon, width: sizes[size], height: sizes[size] })) }), _jsx("div", { className: block('title', { size }), children: title }), _jsx("div", { className: block('description'), children: description }), _jsx("div", { className: block('actions'), children: actions })] }) }));
+export const EmptyState = ({ image, title, description, actions, size = 'm', position = 'center', pageTitle, className, }) => {
+    return (_jsxs("div", { className: block({ size }, className), children: [pageTitle ? _jsx(Text, { variant: "header-1", children: pageTitle }) : null, _jsxs("div", { className: block('wrapper', { size, position }), children: [_jsx("div", { className: block('image'), children: image ? (image) : (_jsx(Icon, { data: emptyStateIcon, width: EMPTY_STATE_SIZES[size], height: EMPTY_STATE_SIZES[size] })) }), _jsxs(Flex, { gap: 5, className: block('content'), direction: "column", children: [_jsxs(Flex, { gap: 3, direction: "column", children: [_jsx("div", { className: block('title', { size }), children: title }), description ? (_jsx("div", { className: block('description'), children: description })) : null] }), actions ? _jsx(Flex, { gap: 2, children: actions }) : null] })] })] }));
 };
 export function EmptyStateWrapper({ isEmpty, children, className, ...rest }) {
     if (isEmpty) {

package/dist/components/EmptyState/EmptyState.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.js","sourceRoot":"","sources":["../../../src/components/EmptyState/EmptyState.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,OAAO,cAAc,MAAM,mCAAmC,CAAC;AAE/D,OAAO,mBAAmB,CAAC;AAE3B,MAAM,KAAK,GAAG,EAAE,CAAC,aAAa,CAAC,CAAC;AAEhC,MAAM,KAAK,GAAG;IACV,EAAE,EAAE,GAAG;IACP,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;CACT,CAAC;AAWF,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACvB,KAAK,EACL,KAAK,EACL,WAAW,EACX,OAAO,EACP,IAAI,GAAG,GAAG,EACV,QAAQ,GAAG,QAAQ,GACL,EAAE,EAAE;IAClB,OAAO,CACH,cAAK,SAAS,EAAE,KAAK,CAAC,EAAC,IAAI,EAAC,CAAC,YACzB,eAAK,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,EAAC,IAAI,EAAE,QAAQ,EAAC,CAAC,aAC9C,cAAK,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,YACzB,KAAK,CAAC,CAAC,CAAC,CACL,KAAK,CACR,CAAC,CAAC,CAAC,CACA,KAAC,IAAI,IAAC,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,GAAI,CAC1E,GACC,EAEN,cAAK,SAAS,EAAE,KAAK,CAAC,OAAO,EAAE,EAAC,IAAI,EAAC,CAAC,YAAG,KAAK,GAAO,EACrD,cAAK,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,YAAG,WAAW,GAAO,EACzD,cAAK,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,YAAG,OAAO,GAAO,IAC/C,GACJ,CACT,CAAC;AACN,CAAC,CAAC;AAQF,MAAM,UAAU,iBAAiB,CAAC,EAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAyB;IAC7F,IAAI,OAAO,EAAE,CAAC;QACV,OAAO,CACH,cAAK,SAAS,EAAE,SAAS,YACrB,KAAC,UAAU,OAAK,IAAI,GAAI,GACtB,CACT,CAAC;IACN,CAAC;IACD,OAAO,QAAQ,CAAC;AACpB,CAAC"}
+{"version":3,"file":"EmptyState.js","sourceRoot":"","sources":["../../../src/components/EmptyState/EmptyState.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAEnD,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,OAAO,cAAc,MAAM,mCAAmC,CAAC;AAE/D,OAAO,mBAAmB,CAAC;AAE3B,MAAM,KAAK,GAAG,EAAE,CAAC,aAAa,CAAC,CAAC;AAEhC,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC7B,EAAE,EAAE,GAAG;IACP,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;CACT,CAAC;AAaF,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACvB,KAAK,EACL,KAAK,EACL,WAAW,EACX,OAAO,EACP,IAAI,GAAG,GAAG,EACV,QAAQ,GAAG,QAAQ,EACnB,SAAS,EACT,SAAS,GACK,EAAE,EAAE;IAClB,OAAO,CACH,eAAK,SAAS,EAAE,KAAK,CAAC,EAAC,IAAI,EAAC,EAAE,SAAS,CAAC,aACnC,SAAS,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,OAAO,EAAC,UAAU,YAAE,SAAS,GAAQ,CAAC,CAAC,CAAC,IAAI,EAC/D,eAAK,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,EAAC,IAAI,EAAE,QAAQ,EAAC,CAAC,aAC9C,cAAK,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,YACzB,KAAK,CAAC,CAAC,CAAC,CACL,KAAK,CACR,CAAC,CAAC,CAAC,CACA,KAAC,IAAI,IACD,IAAI,EAAE,cAAc,EACpB,KAAK,EAAE,iBAAiB,CAAC,IAAI,CAAC,EAC9B,MAAM,EAAE,iBAAiB,CAAC,IAAI,CAAC,GACjC,CACL,GACC,EACN,MAAC,IAAI,IAAC,GAAG,EAAE,CAAC,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,EAAE,SAAS,EAAC,QAAQ,aACzD,MAAC,IAAI,IAAC,GAAG,EAAE,CAAC,EAAE,SAAS,EAAC,QAAQ,aAC5B,cAAK,SAAS,EAAE,KAAK,CAAC,OAAO,EAAE,EAAC,IAAI,EAAC,CAAC,YAAG,KAAK,GAAO,EACpD,WAAW,CAAC,CAAC,CAAC,CACX,cAAK,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,YAAG,WAAW,GAAO,CAC5D,CAAC,CAAC,CAAC,IAAI,IACL,EACN,OAAO,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,GAAG,EAAE,CAAC,YAAG,OAAO,GAAQ,CAAC,CAAC,CAAC,IAAI,IAC7C,IACL,IACJ,CACT,CAAC;AACN,CAAC,CAAC;AAQF,MAAM,UAAU,iBAAiB,CAAC,EAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAyB;IAC7F,IAAI,OAAO,EAAE,CAAC;QACV,OAAO,CACH,cAAK,SAAS,EAAE,SAAS,YACrB,KAAC,UAAU,OAAK,IAAI,GAAI,GACtB,CACT,CAAC;IACN,CAAC;IACD,OAAO,QAAQ,CAAC;AACpB,CAAC"}

package/dist/components/EmptyState/EmptyState.scss

@@ -10,10 +10,7 @@
 
     &__wrapper {
         display: grid;
-        grid-template-areas:
-            'image title'
-            'image description'
-            'image actions';
+        grid-template-areas: 'image content';
 
         &_size_xs {
             width: 321px;
@@ -28,8 +25,8 @@
         }
 
         &_size_m {
-            width: 800px;
-            height: 240px;
+            width: 600px;
+            height: 230px;
         }
 
         &_position_center {
@@ -46,7 +43,7 @@
         grid-area: image;
         justify-self: end;
 
-        margin-right: 60px;
+        margin-right: var(--g-spacing-10);
 
         color: var(--g-color-base-info-light-hover);
 
@@ -56,9 +53,6 @@
     }
 
     &__title {
-        align-self: center;
-        grid-area: title;
-
         font-weight: 500;
 
         &_size_s {
@@ -71,16 +65,11 @@
     }
 
     &__description {
-        grid-area: description;
-
         @include mixins.body-2-typography();
     }
 
-    &__actions {
-        grid-area: actions;
-
-        & > * {
-            margin-right: 8px;
-        }
+    &__content {
+        align-self: center;
+        grid-area: content;
     }
 }

package/dist/components/EnableFullscreenButton/EnableFullscreenButton.d.ts

@@ -3,5 +3,5 @@ interface EnableFullscreenButtonProps {
     disabled?: boolean;
     view?: ButtonView;
 }
-declare function EnableFullscreenButton({ disabled, view }: EnableFullscreenButtonProps): import("react/jsx-runtime").JSX.Element;
-export default EnableFullscreenButton;
+export declare function EnableFullscreenButton({ disabled, view, }: EnableFullscreenButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/EnableFullscreenButton/EnableFullscreenButton.js

@@ -4,12 +4,11 @@ import { ActionTooltip, Button, Icon } from '@gravity-ui/uikit';
 import { enableFullscreen } from '../../store/reducers/fullscreen';
 import { useTypedDispatch } from '../../utils/hooks';
 import i18n from './i18n';
-function EnableFullscreenButton({ disabled, view = 'flat-secondary' }) {
+export function EnableFullscreenButton({ disabled, view = 'flat-secondary', }) {
     const dispatch = useTypedDispatch();
     const onEnableFullscreen = () => {
         dispatch(enableFullscreen());
     };
     return (_jsx(ActionTooltip, { title: i18n('title_fullscreen'), children: _jsx(Button, { onClick: onEnableFullscreen, view: view, disabled: disabled, children: _jsx(Icon, { data: SquareDashed }) }) }));
 }
-export default EnableFullscreenButton;
 //# sourceMappingURL=EnableFullscreenButton.js.map

package/dist/components/EnableFullscreenButton/EnableFullscreenButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"EnableFullscreenButton.js","sourceRoot":"","sources":["../../../src/components/EnableFullscreenButton/EnableFullscreenButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,mBAAmB,CAAC;AAE/C,OAAO,EAAC,aAAa,EAAE,MAAM,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAE9D,OAAO,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAC,gBAAgB,EAAC,MAAM,mBAAmB,CAAC;AAEnD,OAAO,IAAI,MAAM,QAAQ,CAAC;AAO1B,SAAS,sBAAsB,CAAC,EAAC,QAAQ,EAAE,IAAI,GAAG,gBAAgB,EAA8B;IAC5F,MAAM,QAAQ,GAAG,gBAAgB,EAAE,CAAC;IACpC,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC5B,QAAQ,CAAC,gBAAgB,EAAE,CAAC,CAAC;IACjC,CAAC,CAAC;IACF,OAAO,CACH,KAAC,aAAa,IAAC,KAAK,EAAE,IAAI,CAAC,kBAAkB,CAAC,YAC1C,KAAC,MAAM,IAAC,OAAO,EAAE,kBAAkB,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,YAC/D,KAAC,IAAI,IAAC,IAAI,EAAE,YAAY,GAAI,GACvB,GACG,CACnB,CAAC;AACN,CAAC;AAED,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"EnableFullscreenButton.js","sourceRoot":"","sources":["../../../src/components/EnableFullscreenButton/EnableFullscreenButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,mBAAmB,CAAC;AAE/C,OAAO,EAAC,aAAa,EAAE,MAAM,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAE9D,OAAO,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAC,gBAAgB,EAAC,MAAM,mBAAmB,CAAC;AAEnD,OAAO,IAAI,MAAM,QAAQ,CAAC;AAO1B,MAAM,UAAU,sBAAsB,CAAC,EACnC,QAAQ,EACR,IAAI,GAAG,gBAAgB,GACG;IAC1B,MAAM,QAAQ,GAAG,gBAAgB,EAAE,CAAC;IACpC,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC5B,QAAQ,CAAC,gBAAgB,EAAE,CAAC,CAAC;IACjC,CAAC,CAAC;IACF,OAAO,CACH,KAAC,aAAa,IAAC,KAAK,EAAE,IAAI,CAAC,kBAAkB,CAAC,YAC1C,KAAC,MAAM,IAAC,OAAO,EAAE,kBAAkB,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,YAC/D,KAAC,IAAI,IAAC,IAAI,EAAE,YAAY,GAAI,GACvB,GACG,CACnB,CAAC;AACN,CAAC"}

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

@@ -6,9 +6,7 @@ interface EntityStatusProps {
     status?: EFlag;
     name?: string;
     renderName?: (name?: string) => React.ReactNode;
-    label?: string;
     path?: string;
-    iconPath?: string;
     size?: StatusIconSize;
     mode?: StatusIconMode;
     showStatus?: boolean;
@@ -19,5 +17,5 @@ interface EntityStatusProps {
     clipboardButtonAlwaysVisible?: boolean;
     className?: string;
 }
-export declare function EntityStatus({ status, name, renderName, label, path, iconPath, size, mode, showStatus, externalLink, withLeftTrim, hasClipboardButton, infoPopoverContent, clipboardButtonAlwaysVisible, className, }: EntityStatusProps): import("react/jsx-runtime").JSX.Element;
+export declare function EntityStatus({ status, name, renderName, path, size, mode, showStatus, externalLink, withLeftTrim, hasClipboardButton, infoPopoverContent, clipboardButtonAlwaysVisible, className, }: EntityStatusProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/EntityStatus/EntityStatus.js

@@ -13,7 +13,7 @@ function defaultRenderName(name) {
     return name !== null && name !== void 0 ? name : '';
 }
 // eslint-disable-next-line complexity
-export function EntityStatus({ status = EFlag.Grey, name = '', renderName = defaultRenderName, label, path, iconPath, size = 's', mode = 'color', showStatus = true, externalLink = false, withLeftTrim = false, hasClipboardButton, infoPopoverContent, clipboardButtonAlwaysVisible = false, className, }) {
+export function EntityStatus({ status = EFlag.Grey, name = '', renderName = defaultRenderName, path, size = 's', mode = 'color', showStatus = true, externalLink = false, withLeftTrim = false, hasClipboardButton, infoPopoverContent, clipboardButtonAlwaysVisible = false, className, }) {
     const [infoIconHovered, setInfoIconHovered] = React.useState(false);
     const renderIcon = () => {
         if (!showStatus) {
@@ -21,9 +21,6 @@ export function EntityStatus({ status = EFlag.Grey, name = '', renderName = defa
         }
         return _jsx(StatusIcon, { className: b('icon'), status: status, size: size, mode: mode });
     };
-    const renderStatusLink = (href) => {
-        return (_jsx(UIKitLink, { target: "_blank", href: href, children: renderIcon() }));
-    };
     const renderLink = () => {
         if (path) {
             if (externalLink) {
@@ -33,14 +30,14 @@ export function EntityStatus({ status = EFlag.Grey, name = '', renderName = defa
         }
         return name && _jsx("span", { className: b('name'), children: renderName(name) });
     };
-    return (_jsxs("div", { className: b(null, className), children: [iconPath ? renderStatusLink(iconPath) : renderIcon(), label && (_jsx("span", { title: label, className: b('label', { size, state: status.toLowerCase() }), children: label })), (path || name) && (_jsxs("div", { className: b('wrapper', {
+    return (_jsxs("div", { className: b(null, className), children: [renderIcon(), (path || name) && (_jsxs("div", { className: b('wrapper', {
                     'with-clipboard-button': hasClipboardButton,
                     'with-info-button': Boolean(infoPopoverContent),
                 }), children: [_jsx("span", { className: b('link', { 'with-left-trim': withLeftTrim }), title: name, children: renderLink() }), (hasClipboardButton || infoPopoverContent) && (_jsxs("div", { className: b('controls-wrapper', {
                             visible: clipboardButtonAlwaysVisible || infoIconHovered,
-                        }), children: [infoPopoverContent && (_jsx(Popover, { className: YDB_POPOVER_CLASS_NAME, content: infoPopoverContent, placement: ['top-start', 'bottom-start'], onOpenChange: (visible) => setInfoIconHovered(visible), children: _jsx(Button, { view: "normal", size: "xs", children: _jsx(Icon, { data: CircleInfo, size: "12", className: b('info-icon', {
-                                            visible: clipboardButtonAlwaysVisible || infoIconHovered,
-                                        }) }) }) })), hasClipboardButton && (_jsx(ClipboardButton, { text: name, size: "xs", view: "normal", className: b('clipboard-button', {
+                        }), children: [infoPopoverContent && (_jsx(Popover, { className: YDB_POPOVER_CLASS_NAME, content: infoPopoverContent, placement: ['top-start', 'bottom-start'], onOpenChange: (visible) => setInfoIconHovered(visible), children: _jsx(Button, { view: "normal", size: "xs", className: b('info-icon', {
+                                        visible: clipboardButtonAlwaysVisible || infoIconHovered,
+                                    }), children: _jsx(Icon, { data: CircleInfo, size: "12" }) }) })), hasClipboardButton && (_jsx(ClipboardButton, { text: name, size: "xs", view: "normal", className: b('clipboard-button', {
                                     visible: clipboardButtonAlwaysVisible || infoIconHovered,
                                 }) }))] }))] }))] }));
 }

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

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

package/dist/components/EntityStatus/EntityStatus.scss

@@ -1,14 +1,16 @@
 @use '../../styles/mixins.scss';
 
 .entity-status {
-    --button-width: 28px;
+    --button-width: 24px;
+    --entity-status-height: 20px;
+
     position: relative;
 
     display: inline-flex;
     align-items: center;
 
     max-width: 100%;
-    height: 100%;
+    height: var(--entity-status-height);
 
     @include mixins.body-2-typography();
 
@@ -18,16 +20,27 @@
 
     &__info-icon,
     &__clipboard-button {
-        color: var(--g-color-text-secondary);
+        // Default button height is 20px. When focused it has 24px height because of outline
+        // Negative offset is needed to prevent button to have bigger size when focused
+        --g-button-focus-outline-offset: -2px;
+        --g-button-focus-outline-width: 2px;
 
-        @include mixins.table-hover-appearing-button();
+        opacity: 0;
+        color: var(--g-color-text-secondary);
 
-        &_visible {
+        &_visible,
+        &:focus-visible,
+        &:hover,
+        .entity-status__wrapper:focus-within &,
+        .data-table__row:hover &,
+        .ydb-paginated-table__row:hover & {
             opacity: 1;
         }
-    }
 
-    &__info-icon {
+        &:focus-visible,
+        .entity-status__wrapper:focus-within {
+            background-color: var(--g-color-base-float);
+        }
         &:hover {
             color: var(--g-color-text-primary);
         }
@@ -38,6 +51,8 @@
 
         overflow: hidden;
 
+        height: var(--entity-status-height);
+
         &_with-clipboard-button {
             padding-right: var(--button-width);
         }
@@ -63,34 +78,33 @@
         gap: var(--g-spacing-1);
 
         width: 0;
-        height: 100%;
 
-        &_visible {
+        &_visible,
+        &:focus-within {
             width: min-content;
-            padding: var(--g-spacing-1);
 
             background-color: var(--g-color-base-background);
         }
 
         .data-table__row:hover &,
-        .ydb-paginated-table__row:hover &,
-        .ydb-tree-view__item & {
+        .ydb-paginated-table__row:hover & {
             width: min-content;
-            padding: var(--g-spacing-1);
 
             background-color: var(--ydb-data-table-color-hover);
         }
     }
 
-    &__label {
-        margin-right: 2px;
-
-        color: var(--g-color-text-complementary);
+    &__wrapper_with-clipboard-button &__link {
+        width: calc(100% + var(--button-width));
+    }
 
-        @include mixins.body-2-typography();
+    &__wrapper_with-info-button &__link {
+        width: calc(100% + var(--button-width));
+    }
 
-        &_size_l {
-            font-size: var(--g-text-header-2-font-size);
+    &__wrapper_with-clipboard-button {
+        &.entity-status__wrapper_with-info-button .entity-status__link {
+            width: calc(100% + 2 * var(--button-width));
         }
     }
 
@@ -99,26 +113,11 @@
         overflow: hidden;
 
         width: 100%;
-        margin-top: 5px;
 
         white-space: nowrap;
         text-overflow: ellipsis;
     }
 
-    &__wrapper_with-clipboard-button &__link {
-        width: calc(100% + var(--button-width));
-    }
-
-    &__wrapper_with-info-button &__link {
-        width: calc(100% + var(--button-width));
-    }
-
-    &__wrapper_with-clipboard-button {
-        &.entity-status__wrapper_with-info-button .entity-status__link {
-            width: calc(100% + 2 * var(--button-width));
-        }
-    }
-
     &__link_with-left-trim {
         text-align: end;
         direction: rtl;
@@ -127,19 +126,4 @@
             unicode-bidi: plaintext;
         }
     }
-
-    &__label {
-        &_state_blue {
-            color: var(--ydb-color-status-blue);
-        }
-        &_state_yellow {
-            color: var(--ydb-color-status-yellow);
-        }
-        &_state_orange {
-            color: var(--ydb-color-status-orange);
-        }
-        &_state_red {
-            color: var(--ydb-color-status-red);
-        }
-    }
 }

package/dist/components/Errors/403/AccessDenied.d.ts

@@ -1,7 +1,6 @@
 import type { EmptyStateProps } from '../../EmptyState';
-interface AccessDeniedProps extends Omit<EmptyStateProps, 'image' | 'title' | 'description'> {
-    title?: string;
-    description?: string;
+interface AccessDeniedProps extends Omit<EmptyStateProps, 'title'> {
+    title?: React.ReactNode;
 }
-export declare const AccessDenied: ({ title, description, ...restProps }: AccessDeniedProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AccessDenied: ({ title, description, image, size, ...restProps }: AccessDeniedProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Errors/403/AccessDenied.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { EmptyState } from '../../EmptyState';
+import { EMPTY_STATE_SIZES, EmptyState } from '../../EmptyState';
 import { Illustration } from '../../Illustration';
 import i18n from '../i18n';
-export const AccessDenied = ({ title, description, ...restProps }) => {
-    return (_jsx(EmptyState, { image: _jsx(Illustration, { name: "403" }), title: title || i18n('403.title'), description: description || i18n('403.description'), ...restProps }));
+export const AccessDenied = ({ title, description, image, size = 'm', ...restProps }) => {
+    return (_jsx(EmptyState, { image: image || _jsx(Illustration, { name: "403", width: EMPTY_STATE_SIZES[size] }), title: title || i18n('403.title'), description: description || i18n('403.description'), ...restProps }));
 };
 //# sourceMappingURL=AccessDenied.js.map

package/dist/components/Errors/403/AccessDenied.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccessDenied.js","sourceRoot":"","sources":["../../../../src/components/Errors/403/AccessDenied.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,kBAAkB,CAAC;AAE5C,OAAO,EAAC,YAAY,EAAC,MAAM,oBAAoB,CAAC;AAChD,OAAO,IAAI,MAAM,SAAS,CAAC;AAO3B,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAC,KAAK,EAAE,WAAW,EAAE,GAAG,SAAS,EAAoB,EAAE,EAAE;IAClF,OAAO,CACH,KAAC,UAAU,IACP,KAAK,EAAE,KAAC,YAAY,IAAC,IAAI,EAAC,KAAK,GAAG,EAClC,KAAK,EAAE,KAAK,IAAI,IAAI,CAAC,WAAW,CAAC,EACjC,WAAW,EAAE,WAAW,IAAI,IAAI,CAAC,iBAAiB,CAAC,KAC/C,SAAS,GACf,CACL,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":"AccessDenied.js","sourceRoot":"","sources":["../../../../src/components/Errors/403/AccessDenied.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,iBAAiB,EAAE,UAAU,EAAC,MAAM,kBAAkB,CAAC;AAE/D,OAAO,EAAC,YAAY,EAAC,MAAM,oBAAoB,CAAC;AAChD,OAAO,IAAI,MAAM,SAAS,CAAC;AAM3B,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EACzB,KAAK,EACL,WAAW,EACX,KAAK,EACL,IAAI,GAAG,GAAG,EACV,GAAG,SAAS,EACI,EAAE,EAAE;IACpB,OAAO,CACH,KAAC,UAAU,IACP,KAAK,EAAE,KAAK,IAAI,KAAC,YAAY,IAAC,IAAI,EAAC,KAAK,EAAC,KAAK,EAAE,iBAAiB,CAAC,IAAI,CAAC,GAAI,EAC3E,KAAK,EAAE,KAAK,IAAI,IAAI,CAAC,WAAW,CAAC,EACjC,WAAW,EAAE,WAAW,IAAI,IAAI,CAAC,iBAAiB,CAAC,KAC/C,SAAS,GACf,CACL,CAAC;AACN,CAAC,CAAC"}

package/dist/components/Errors/PageError/PageError.d.ts

@@ -1,10 +1,11 @@
 import React from 'react';
 import type { EmptyStateProps } from '../../EmptyState';
-interface PageErrorProps extends Omit<EmptyStateProps, 'image' | 'title' | 'description'> {
-    title?: string;
-    description?: string;
+import './PageError.scss';
+interface PageErrorProps extends Omit<EmptyStateProps, 'image' | 'title'> {
+    title?: React.ReactNode;
     error: unknown;
     children?: React.ReactNode;
+    errorPageTitle?: string;
 }
-export declare function PageError({ title, description, error, children, ...restProps }: PageErrorProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function PageError({ title, description, error, children, size, errorPageTitle, ...restProps }: PageErrorProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/components/Errors/PageError/PageError.js

@@ -1,21 +1,24 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
+import { cn } from '../../../utils/cn';
 import { isAccessError, isRedirectToAuth } from '../../../utils/response';
-import { EmptyState } from '../../EmptyState';
+import { EMPTY_STATE_SIZES, EmptyState } from '../../EmptyState';
 import { Illustration } from '../../Illustration';
 import { AccessDenied } from '../403';
 import { ResponseError } from '../ResponseError';
 import i18n from '../i18n';
-export function PageError({ title, description, error, children, ...restProps }) {
+import './PageError.scss';
+const b = cn('ydb-page-error');
+export function PageError({ title, description, error, children, size = 'm', errorPageTitle, ...restProps }) {
     if (isRedirectToAuth(error)) {
         // Do not show an error, because we redirect to auth anyway.
         return null;
     }
     if (isAccessError(error)) {
-        return _jsx(AccessDenied, { title: title, description: description, ...restProps });
+        return (_jsx(AccessDenied, { title: title, description: description, ...restProps, pageTitle: errorPageTitle, className: b() }));
     }
     if (error || description) {
-        return (_jsx(EmptyState, { image: _jsx(Illustration, { name: "error" }), title: title || i18n('error.title'), description: error ? _jsx(ResponseError, { error: error }) : description, ...restProps }));
+        return (_jsx(EmptyState, { image: _jsx(Illustration, { name: "error", width: EMPTY_STATE_SIZES[size] }), title: title || i18n('error.title'), description: error ? _jsx(ResponseError, { error: error }) : description, pageTitle: errorPageTitle, className: b(), ...restProps }));
     }
     return _jsx(React.Fragment, { children: children });
 }

package/dist/components/Errors/PageError/PageError.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageError.js","sourceRoot":"","sources":["../../../../src/components/Errors/PageError/PageError.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,aAAa,EAAE,gBAAgB,EAAC,MAAM,yBAAyB,CAAC;AAExE,OAAO,EAAC,UAAU,EAAC,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAC,YAAY,EAAC,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAC,YAAY,EAAC,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAC,aAAa,EAAC,MAAM,kBAAkB,CAAC;AAC/C,OAAO,IAAI,MAAM,SAAS,CAAC;AAS3B,MAAM,UAAU,SAAS,CAAC,EAAC,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAiB;IACzF,IAAI,gBAAgB,CAAC,KAAK,CAAC,EAAE,CAAC;QAC1B,4DAA4D;QAC5D,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,IAAI,aAAa,CAAC,KAAK,CAAC,EAAE,CAAC;QACvB,OAAO,KAAC,YAAY,IAAC,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,KAAM,SAAS,GAAI,CAAC;IACnF,CAAC;IAED,IAAI,KAAK,IAAI,WAAW,EAAE,CAAC;QACvB,OAAO,CACH,KAAC,UAAU,IACP,KAAK,EAAE,KAAC,YAAY,IAAC,IAAI,EAAC,OAAO,GAAG,EACpC,KAAK,EAAE,KAAK,IAAI,IAAI,CAAC,aAAa,CAAC,EACnC,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,WAAW,KAC9D,SAAS,GACf,CACL,CAAC;IACN,CAAC;IAED,OAAO,KAAC,KAAK,CAAC,QAAQ,cAAE,QAAQ,GAAkB,CAAC;AACvD,CAAC"}
+{"version":3,"file":"PageError.js","sourceRoot":"","sources":["../../../../src/components/Errors/PageError/PageError.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,EAAE,EAAC,MAAM,mBAAmB,CAAC;AACrC,OAAO,EAAC,aAAa,EAAE,gBAAgB,EAAC,MAAM,yBAAyB,CAAC;AAExE,OAAO,EAAC,iBAAiB,EAAE,UAAU,EAAC,MAAM,kBAAkB,CAAC;AAC/D,OAAO,EAAC,YAAY,EAAC,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAC,YAAY,EAAC,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAC,aAAa,EAAC,MAAM,kBAAkB,CAAC;AAC/C,OAAO,IAAI,MAAM,SAAS,CAAC;AAE3B,OAAO,kBAAkB,CAAC;AAE1B,MAAM,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,CAAC;AAS/B,MAAM,UAAU,SAAS,CAAC,EACtB,KAAK,EACL,WAAW,EACX,KAAK,EACL,QAAQ,EACR,IAAI,GAAG,GAAG,EACV,cAAc,EACd,GAAG,SAAS,EACC;IACb,IAAI,gBAAgB,CAAC,KAAK,CAAC,EAAE,CAAC;QAC1B,4DAA4D;QAC5D,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,IAAI,aAAa,CAAC,KAAK,CAAC,EAAE,CAAC;QACvB,OAAO,CACH,KAAC,YAAY,IACT,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,KACpB,SAAS,EACb,SAAS,EAAE,cAAc,EACzB,SAAS,EAAE,CAAC,EAAE,GAChB,CACL,CAAC;IACN,CAAC;IAED,IAAI,KAAK,IAAI,WAAW,EAAE,CAAC;QACvB,OAAO,CACH,KAAC,UAAU,IACP,KAAK,EAAE,KAAC,YAAY,IAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,iBAAiB,CAAC,IAAI,CAAC,GAAI,EACpE,KAAK,EAAE,KAAK,IAAI,IAAI,CAAC,aAAa,CAAC,EACnC,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,WAAW,EAClE,SAAS,EAAE,cAAc,EACzB,SAAS,EAAE,CAAC,EAAE,KACV,SAAS,GACf,CACL,CAAC;IACN,CAAC;IAED,OAAO,KAAC,KAAK,CAAC,QAAQ,cAAE,QAAQ,GAAkB,CAAC;AACvD,CAAC"}

package/dist/components/Errors/PageError/PageError.scss

@@ -0,0 +1,7 @@
+.ydb-page-error {
+    display: grid;
+    align-items: center;
+    grid-template-rows: min-content auto;
+
+    height: 100%;
+}

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

@@ -1,2 +1,2 @@
-declare const _default: (key: "version" | "database" | "uptime" | "links" | "dc" | "no-data" | "rack" | "developer-ui" | "la-interval-1m" | "la-interval-5m" | "la-interval-15m" | "title.common-info" | "title.endpoints" | "title.roles" | "title.pools" | "title.load-average", params?: import("@gravity-ui/i18n").Params) => string;
+declare const _default: (key: "database" | "version" | "uptime" | "links" | "dc" | "no-data" | "rack" | "developer-ui" | "la-interval-1m" | "la-interval-5m" | "la-interval-15m" | "title.common-info" | "title.endpoints" | "title.roles" | "title.pools" | "title.load-average", params?: import("@gravity-ui/i18n").Params) => string;
 export default _default;

package/dist/components/Fullscreen/Fullscreen.d.ts

@@ -4,5 +4,5 @@ interface FullscreenProps {
     children: React.ReactNode;
     className?: string;
 }
-declare function Fullscreen({ children, className }: FullscreenProps): import("react/jsx-runtime").JSX.Element | null;
-export default Fullscreen;
+export declare function Fullscreen({ children, className }: FullscreenProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/Fullscreen/Fullscreen.js

@@ -1,4 +1,3 @@
-var _a;
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { Button, Icon } from '@gravity-ui/uikit';
@@ -6,13 +5,14 @@ import { disableFullscreen } from '../../store/reducers/fullscreen';
 import { cn } from '../../utils/cn';
 import { useTypedDispatch, useTypedSelector } from '../../utils/hooks';
 import { Portal } from '../Portal/Portal';
+import { useFullscreenContext } from './FullscreenContext';
 import disableFullscreenIcon from '../../assets/icons/disableFullscreen.svg';
 import './Fullscreen.scss';
 const b = cn('ydb-fullscreen');
-const fullscreenRoot = (_a = document.getElementById('fullscreen-root')) !== null && _a !== void 0 ? _a : undefined;
-function Fullscreen({ children, className }) {
+export function Fullscreen({ children, className }) {
     const isFullscreen = useTypedSelector((state) => state.fullscreen);
     const dispatch = useTypedDispatch();
+    const fullscreenRootRef = useFullscreenContext();
     const onDisableFullScreen = React.useCallback(() => {
         dispatch(disableFullscreen());
     }, [dispatch]);
@@ -29,24 +29,25 @@ function Fullscreen({ children, className }) {
     }, [onDisableFullScreen]);
     const [container, setContainer] = React.useState(null);
     React.useEffect(() => {
+        var _a;
         const div = document.createElement('div');
-        fullscreenRoot === null || fullscreenRoot === void 0 ? void 0 : fullscreenRoot.appendChild(div);
+        (_a = fullscreenRootRef.current) === null || _a === void 0 ? void 0 : _a.appendChild(div);
         div.style.display = 'contents';
         setContainer(div);
         return () => {
             setContainer(null);
             div.remove();
         };
-    }, []);
+    }, [fullscreenRootRef]);
     const ref = React.useRef(null);
     React.useLayoutEffect(() => {
-        var _a;
+        var _a, _b;
         if (container) {
             if (isFullscreen) {
-                fullscreenRoot === null || fullscreenRoot === void 0 ? void 0 : fullscreenRoot.appendChild(container);
+                (_a = fullscreenRootRef.current) === null || _a === void 0 ? void 0 : _a.appendChild(container);
             }
             else {
-                (_a = ref.current) === null || _a === void 0 ? void 0 : _a.appendChild(container);
+                (_b = ref.current) === null || _b === void 0 ? void 0 : _b.appendChild(container);
             }
             // Trigger recalculation for components relying on window resize
             // Dispatch after DOM repaint to ensure correct measurements
@@ -54,11 +55,10 @@ function Fullscreen({ children, className }) {
                 window.dispatchEvent(new Event('resize'));
             });
         }
-    }, [container, isFullscreen]);
+    }, [container, fullscreenRootRef, isFullscreen]);
     if (!container) {
         return null;
     }
     return (_jsx("div", { ref: ref, style: { display: 'contents' }, children: _jsx(Portal, { container: container, children: _jsxs("div", { className: b({ fullscreen: isFullscreen }, className), children: [_jsx(Button, { onClick: onDisableFullScreen, view: "raised", className: b('close-button'), children: _jsx(Icon, { data: disableFullscreenIcon }) }), _jsx("div", { className: b('content'), children: children })] }) }) }));
 }
-export default Fullscreen;
 //# sourceMappingURL=Fullscreen.js.map

package/dist/components/Fullscreen/Fullscreen.js.map

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