ydb-embedded-ui 8.20.1 → 8.21.0

package/dist/components/ConnectToDB/ConnectToDBDialog.js

@@ -24,7 +24,7 @@ function ConnectToDBDialog({ open, onClose, database, endpoint }) {
     const [activeTab, setActiveTab] = React.useState('bash');
     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, withCopy: 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(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/i18n/index.d.ts

@@ -1,2 +1,2 @@
-declare const _default: (key: "header" | "close" | "documentation" | "connection-info-message" | "docs_bash" | "docs_cpp" | "docs_dotnet" | "docs_go" | "docs_java" | "docs_nodejs" | "docs_php" | "docs_python", params?: import("@gravity-ui/i18n").Params) => string;
+declare const _default: (key: "header" | "close" | "connection-info-message" | "documentation" | "docs_bash" | "docs_cpp" | "docs_dotnet" | "docs_go" | "docs_java" | "docs_nodejs" | "docs_php" | "docs_python", params?: import("@gravity-ui/i18n").Params) => string;
 export default _default;

package/dist/components/DateRange/DateRange.d.ts

@@ -1,3 +1,4 @@
+import type { RelativeRangeDatePickerValue } from '@gravity-ui/date-components';
 import './DateRange.scss';
 export interface DateRangeValues {
     /** ms from epoch or special values like now, 1h, 1m, etc*/
@@ -7,7 +8,8 @@ export interface DateRangeValues {
 }
 interface DateRangeProps extends DateRangeValues {
     className?: string;
+    defaultValue?: RelativeRangeDatePickerValue;
     onChange?: (value: DateRangeValues) => void;
 }
-export declare const DateRange: ({ from, to, className, onChange }: DateRangeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DateRange: ({ from, to, className, defaultValue, onChange }: DateRangeProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/DateRange/DateRange.js

@@ -6,17 +6,7 @@ import i18n from './i18n';
 import { fromDateRangeValues, getdatePickerSize, toDateRangeValues } from './utils';
 import './DateRange.scss';
 const b = cn('date-range');
-const DEFAULT_VALUE = {
-    start: {
-        value: 'now-1h',
-        type: 'relative',
-    },
-    end: {
-        value: 'now',
-        type: 'relative',
-    },
-};
-export const DateRange = ({ from, to, className, onChange }) => {
+export const DateRange = ({ from, to, className, defaultValue, onChange }) => {
     const handleUpdate = React.useCallback((pickerValue) => onChange === null || onChange === void 0 ? void 0 : onChange(toDateRangeValues(pickerValue)), [onChange]);
     const value = React.useMemo(() => {
         if (!from && !to) {
@@ -26,6 +16,7 @@ export const DateRange = ({ from, to, className, onChange }) => {
     }, [from, to]);
     // eslint-disable-next-line new-cap
     const timeZoneString = Intl.DateTimeFormat().resolvedOptions().timeZone;
-    return (_jsx("div", { className: b(null, className), children: _jsx(RelativeRangeDatePicker, { withPresets: true, className: b('range-input', { [getdatePickerSize(value)]: true }), timeZone: timeZoneString, value: value || DEFAULT_VALUE, allowNullableValues: true, size: "m", format: i18n('date-time-format'), onUpdate: handleUpdate, placeholder: `${i18n('date-time-format')} - ${i18n('date-time-format')}`, withApplyButton: true }) }));
+    const currentValue = value || defaultValue;
+    return (_jsx("div", { className: b(null, className), children: _jsx(RelativeRangeDatePicker, { withPresets: true, className: b('range-input', { [getdatePickerSize(currentValue)]: true }), timeZone: timeZoneString, value: currentValue, allowNullableValues: true, size: "m", format: i18n('date-time-format'), onUpdate: handleUpdate, placeholder: `${i18n('date-time-format')} - ${i18n('date-time-format')}`, withApplyButton: true }) }));
 };
 //# sourceMappingURL=DateRange.js.map

package/dist/components/DateRange/DateRange.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateRange.js","sourceRoot":"","sources":["../../../src/components/DateRange/DateRange.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAC,uBAAuB,EAAC,MAAM,6BAA6B,CAAC;AAEpE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,EAAC,mBAAmB,EAAE,iBAAiB,EAAE,iBAAiB,EAAC,MAAM,SAAS,CAAC;AAElF,OAAO,kBAAkB,CAAC;AAE1B,MAAM,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC;AAS3B,MAAM,aAAa,GAAG;IAClB,KAAK,EAAE;QACH,KAAK,EAAE,QAAQ;QACf,IAAI,EAAE,UAAU;KACnB;IACD,GAAG,EAAE;QACD,KAAK,EAAE,KAAK;QACZ,IAAI,EAAE,UAAU;KACnB;CACK,CAAC;AAOX,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAiB,EAAE,EAAE;IACzE,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAClC,CAAC,WAAW,EAAE,EAAE,CAAC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,iBAAiB,CAAC,WAAW,CAAC,CAAC,EAC3D,CAAC,QAAQ,CAAC,CACb,CAAC;IAEF,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAC7B,IAAI,CAAC,IAAI,IAAI,CAAC,EAAE,EAAE,CAAC;YACf,OAAO,SAAS,CAAC;QACrB,CAAC;QACD,OAAO,mBAAmB,CAAC,EAAC,IAAI,EAAE,EAAE,EAAC,CAAC,CAAC;IAC3C,CAAC,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC;IAEf,mCAAmC;IACnC,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC,eAAe,EAAE,CAAC,QAAQ,CAAC;IACxE,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,YAC9B,KAAC,uBAAuB,IACpB,WAAW,QACX,SAAS,EAAE,CAAC,CAAC,aAAa,EAAE,EAAC,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,EAAC,CAAC,EAC/D,QAAQ,EAAE,cAAc,EACxB,KAAK,EAAE,KAAK,IAAI,aAAa,EAC7B,mBAAmB,QACnB,IAAI,EAAC,GAAG,EACR,MAAM,EAAE,IAAI,CAAC,kBAAkB,CAAC,EAChC,QAAQ,EAAE,YAAY,EACtB,WAAW,EAAE,GAAG,IAAI,CAAC,kBAAkB,CAAC,MAAM,IAAI,CAAC,kBAAkB,CAAC,EAAE,EACxE,eAAe,SACjB,GACA,CACT,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":"DateRange.js","sourceRoot":"","sources":["../../../src/components/DateRange/DateRange.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAC,uBAAuB,EAAC,MAAM,6BAA6B,CAAC;AAEpE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,EAAC,mBAAmB,EAAE,iBAAiB,EAAE,iBAAiB,EAAC,MAAM,SAAS,CAAC;AAElF,OAAO,kBAAkB,CAAC;AAE1B,MAAM,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC;AAe3B,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,YAAY,EAAE,QAAQ,EAAiB,EAAE,EAAE;IACvF,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAClC,CAAC,WAAW,EAAE,EAAE,CAAC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,iBAAiB,CAAC,WAAW,CAAC,CAAC,EAC3D,CAAC,QAAQ,CAAC,CACb,CAAC;IAEF,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAC7B,IAAI,CAAC,IAAI,IAAI,CAAC,EAAE,EAAE,CAAC;YACf,OAAO,SAAS,CAAC;QACrB,CAAC;QACD,OAAO,mBAAmB,CAAC,EAAC,IAAI,EAAE,EAAE,EAAC,CAAC,CAAC;IAC3C,CAAC,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC;IAEf,mCAAmC;IACnC,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC,eAAe,EAAE,CAAC,QAAQ,CAAC;IACxE,MAAM,YAAY,GAAG,KAAK,IAAI,YAAY,CAAC;IAC3C,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,YAC9B,KAAC,uBAAuB,IACpB,WAAW,QACX,SAAS,EAAE,CAAC,CAAC,aAAa,EAAE,EAAC,CAAC,iBAAiB,CAAC,YAAY,CAAC,CAAC,EAAE,IAAI,EAAC,CAAC,EACtE,QAAQ,EAAE,cAAc,EACxB,KAAK,EAAE,YAAY,EACnB,mBAAmB,QACnB,IAAI,EAAC,GAAG,EACR,MAAM,EAAE,IAAI,CAAC,kBAAkB,CAAC,EAChC,QAAQ,EAAE,YAAY,EACtB,WAAW,EAAE,GAAG,IAAI,CAAC,kBAAkB,CAAC,MAAM,IAAI,CAAC,kBAAkB,CAAC,EAAE,EACxE,eAAe,SACjB,GACA,CACT,CAAC;AACN,CAAC,CAAC"}

package/dist/components/DateRange/DateRange.scss

@@ -1,7 +1,7 @@
 .date-range {
     &__range-input {
         &_s {
-            width: 200px;
+            width: 130px;
         }
 
         &_m {

package/dist/components/ResizeableDataTable/ResizeableDataTable.d.ts

@@ -3,5 +3,6 @@ import './ResizeableDataTable.scss';
 export interface ResizeableDataTableProps<T> extends Omit<DataTableProps<T>, 'theme' | 'onResize'> {
     columnsWidthLSKey?: string;
     wrapperClassName?: string;
+    loading?: boolean;
 }
-export declare function ResizeableDataTable<T>({ columnsWidthLSKey, columns, settings, wrapperClassName, ...props }: ResizeableDataTableProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function ResizeableDataTable<T>({ columnsWidthLSKey, columns, settings, wrapperClassName, loading, ...props }: ResizeableDataTableProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/components/ResizeableDataTable/ResizeableDataTable.js

@@ -1,12 +1,20 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import DataTable, { updateColumnsWidth } from '@gravity-ui/react-data-table';
+import { Skeleton } from '@gravity-ui/uikit';
 import { cn } from '../../utils/cn';
 import { useTableResize } from '../../utils/hooks/useTableResize';
 import './ResizeableDataTable.scss';
 const b = cn('ydb-resizeable-data-table');
-export function ResizeableDataTable({ columnsWidthLSKey, columns, settings, wrapperClassName, ...props }) {
+export function ResizeableDataTable({ columnsWidthLSKey, columns, settings, wrapperClassName, loading, ...props }) {
     const [tableColumnsWidth, setTableColumnsWidth] = useTableResize(columnsWidthLSKey);
-    const updatedColumns = updateColumnsWidth(columns, tableColumnsWidth);
+    // If loading is true, override the render method of each column to display a Skeleton
+    const processedColumns = loading
+        ? columns.map((column) => ({
+            ...column,
+            render: () => _jsx(Skeleton, { className: b('row-skeleton') }),
+        }))
+        : columns;
+    const updatedColumns = updateColumnsWidth(processedColumns, tableColumnsWidth);
     const newSettings = {
         ...settings,
         defaultResizeable: true,

package/dist/components/ResizeableDataTable/ResizeableDataTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResizeableDataTable.js","sourceRoot":"","sources":["../../../src/components/ResizeableDataTable/ResizeableDataTable.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,EAAE,EAAC,kBAAkB,EAAC,MAAM,8BAA8B,CAAC;AAE3E,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,cAAc,EAAC,MAAM,kCAAkC,CAAC;AAEhE,OAAO,4BAA4B,CAAC;AAEpC,MAAM,CAAC,GAAG,EAAE,CAAC,2BAA2B,CAAC,CAAC;AAO1C,MAAM,UAAU,mBAAmB,CAAI,EACnC,iBAAiB,EACjB,OAAO,EACP,QAAQ,EACR,gBAAgB,EAChB,GAAG,KAAK,EACkB;IAC1B,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,cAAc,CAAC,iBAAiB,CAAC,CAAC;IAEpF,MAAM,cAAc,GAAG,kBAAkB,CAAC,OAAO,EAAE,iBAAiB,CAAC,CAAC;IAEtE,MAAM,WAAW,GAAa;QAC1B,GAAG,QAAQ;QACX,iBAAiB,EAAE,IAAI;KAC1B,CAAC;IAEF,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,gBAAgB,CAAC,YACrC,KAAC,SAAS,IACN,KAAK,EAAC,cAAc,EACpB,OAAO,EAAE,cAAc,EACvB,QAAQ,EAAE,oBAAoB,EAC9B,QAAQ,EAAE,WAAW,KACjB,KAAK,GACX,GACA,CACT,CAAC;AACN,CAAC"}
+{"version":3,"file":"ResizeableDataTable.js","sourceRoot":"","sources":["../../../src/components/ResizeableDataTable/ResizeableDataTable.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,EAAE,EAAC,kBAAkB,EAAC,MAAM,8BAA8B,CAAC;AAC3E,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,cAAc,EAAC,MAAM,kCAAkC,CAAC;AAEhE,OAAO,4BAA4B,CAAC;AAEpC,MAAM,CAAC,GAAG,EAAE,CAAC,2BAA2B,CAAC,CAAC;AAQ1C,MAAM,UAAU,mBAAmB,CAAI,EACnC,iBAAiB,EACjB,OAAO,EACP,QAAQ,EACR,gBAAgB,EAChB,OAAO,EACP,GAAG,KAAK,EACkB;IAC1B,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,cAAc,CAAC,iBAAiB,CAAC,CAAC;IAEpF,sFAAsF;IACtF,MAAM,gBAAgB,GAAG,OAAO;QAC5B,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAiB,EAAE,EAAE,CAAC,CAAC;YAChC,GAAG,MAAM;YACT,MAAM,EAAE,GAAG,EAAE,CAAC,KAAC,QAAQ,IAAC,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,GAAI;SAC3D,CAAC,CAAC;QACL,CAAC,CAAC,OAAO,CAAC;IAEd,MAAM,cAAc,GAAG,kBAAkB,CAAC,gBAAgB,EAAE,iBAAiB,CAAC,CAAC;IAE/E,MAAM,WAAW,GAAa;QAC1B,GAAG,QAAQ;QACX,iBAAiB,EAAE,IAAI;KAC1B,CAAC;IAEF,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,gBAAgB,CAAC,YACrC,KAAC,SAAS,IACN,KAAK,EAAC,cAAc,EACpB,OAAO,EAAE,cAAc,EACvB,QAAQ,EAAE,oBAAoB,EAC9B,QAAQ,EAAE,WAAW,KACjB,KAAK,GACX,GACA,CACT,CAAC;AACN,CAAC"}

package/dist/components/ResizeableDataTable/ResizeableDataTable.scss

@@ -5,4 +5,13 @@
 
     // padding for easier resize of the last column
     padding-right: 20px;
+
+    &__row-skeleton {
+        width: 100%;
+        height: 50%;
+    }
+
+    &__row-skeleton::after {
+        animation: none !important;
+    }
 }

package/dist/components/SyntaxHighlighter/YDBSyntaxHighlighter.d.ts

@@ -1,11 +1,17 @@
 import type { Language } from './types';
 import './YDBSyntaxHighlighter.scss';
+interface ClipboardButtonOptions {
+    alwaysVisible?: boolean;
+    copyText?: string;
+    withLabel?: boolean;
+}
+export type WithClipboardButtonProp = ClipboardButtonOptions | boolean;
 type YDBSyntaxHighlighterProps = {
     text: string;
     language: Language;
     className?: string;
     transparentBackground?: boolean;
-    withCopy?: boolean;
+    withClipboardButton?: WithClipboardButtonProp;
 };
-export declare function YDBSyntaxHighlighter({ text, language, className, transparentBackground, withCopy, }: YDBSyntaxHighlighterProps): import("react/jsx-runtime").JSX.Element;
+export declare function YDBSyntaxHighlighter({ text, language, className, transparentBackground, withClipboardButton, }: YDBSyntaxHighlighterProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/SyntaxHighlighter/YDBSyntaxHighlighter.js

@@ -17,7 +17,7 @@ async function registerLanguage(lang) {
         ReactSyntaxHighlighter.registerLanguage(lang, syntax);
     }
 }
-export function YDBSyntaxHighlighter({ text, language, className, transparentBackground = true, withCopy, }) {
+export function YDBSyntaxHighlighter({ text, language, className, transparentBackground = true, withClipboardButton, }) {
     const [highlighterKey, setHighlighterKey] = React.useState('');
     const style = useSyntaxHighlighterStyle(transparentBackground);
     React.useEffect(() => {
@@ -28,8 +28,16 @@ export function YDBSyntaxHighlighter({ text, language, className, transparentBac
         registerLangAndUpdateKey();
     }, [language]);
     const renderCopyButton = () => {
-        if (withCopy) {
-            return (_jsx("div", { className: b('sticky-container'), children: _jsx(ClipboardButton, { view: "flat-secondary", size: "s", className: b('copy'), text: text, children: i18n('copy') }) }));
+        if (withClipboardButton) {
+            return (_jsx("div", { className: b('sticky-container'), onClick: (e) => e.stopPropagation(), children: _jsx(ClipboardButton, { view: "flat-secondary", size: "s", className: b('copy', {
+                        visible: typeof withClipboardButton === 'object' &&
+                            withClipboardButton.alwaysVisible,
+                    }), text: (typeof withClipboardButton === 'object' &&
+                        withClipboardButton.copyText) ||
+                        text, children: typeof withClipboardButton === 'object' &&
+                        withClipboardButton.withLabel === false
+                        ? null
+                        : i18n('copy') }) }));
         }
         return null;
     };

package/dist/components/SyntaxHighlighter/YDBSyntaxHighlighter.js.map

@@ -1 +1 @@
-{"version":3,"file":"YDBSyntaxHighlighter.js","sourceRoot":"","sources":["../../../src/components/SyntaxHighlighter/YDBSyntaxHighlighter.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAC,MAAM,EAAC,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAC,UAAU,IAAI,sBAAsB,EAAC,MAAM,0BAA0B,CAAC;AAE9E,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,EAAC,CAAC,EAAC,MAAM,UAAU,CAAC;AAC3B,OAAO,EAAC,yBAAyB,EAAC,MAAM,UAAU,CAAC;AAEnD,OAAO,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAE1B,OAAO,6BAA6B,CAAC;AAErC,KAAK,UAAU,gBAAgB,CAAC,IAAc;IAC1C,IAAI,IAAI,KAAK,KAAK,EAAE,CAAC;QACjB,sBAAsB,CAAC,gBAAgB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;IACxD,CAAC;SAAM,CAAC;QACJ,MAAM,EAAC,OAAO,EAAE,MAAM,EAAC,GAAG,MAAM,MAAM,CAClC,qDAAqD,IAAI,EAAE,CAC9D,CAAC;QACF,sBAAsB,CAAC,gBAAgB,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IAC1D,CAAC;AACL,CAAC;AAUD,MAAM,UAAU,oBAAoB,CAAC,EACjC,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,qBAAqB,GAAG,IAAI,EAC5B,QAAQ,GACgB;IACxB,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IAE/D,MAAM,KAAK,GAAG,yBAAyB,CAAC,qBAAqB,CAAC,CAAC;IAE/D,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,KAAK,UAAU,wBAAwB;YACnC,MAAM,gBAAgB,CAAC,QAAQ,CAAC,CAAC;YACjC,iBAAiB,CAAC,MAAM,EAAE,CAAC,CAAC;QAChC,CAAC;QACD,wBAAwB,EAAE,CAAC;IAC/B,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC1B,IAAI,QAAQ,EAAE,CAAC;YACX,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,CAAC,kBAAkB,CAAC,YACjC,KAAC,eAAe,IACZ,IAAI,EAAC,gBAAgB,EACrB,IAAI,EAAC,GAAG,EACR,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EACpB,IAAI,EAAE,IAAI,YAET,IAAI,CAAC,MAAM,CAAC,GACC,GAChB,CACT,CAAC;QACN,CAAC;QAED,OAAO,IAAI,CAAC;IAChB,CAAC,CAAC;IAEF,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,aAC7B,gBAAgB,EAAE,EAEnB,KAAC,sBAAsB,IAEnB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,EAAC,MAAM,EAAE,MAAM,EAAC,YAE5B,IAAI,IALA,cAAc,CAME,IACvB,CACT,CAAC;AACN,CAAC"}
+{"version":3,"file":"YDBSyntaxHighlighter.js","sourceRoot":"","sources":["../../../src/components/SyntaxHighlighter/YDBSyntaxHighlighter.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAC,MAAM,EAAC,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAC,UAAU,IAAI,sBAAsB,EAAC,MAAM,0BAA0B,CAAC;AAE9E,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,EAAC,CAAC,EAAC,MAAM,UAAU,CAAC;AAC3B,OAAO,EAAC,yBAAyB,EAAC,MAAM,UAAU,CAAC;AAEnD,OAAO,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAE1B,OAAO,6BAA6B,CAAC;AAErC,KAAK,UAAU,gBAAgB,CAAC,IAAc;IAC1C,IAAI,IAAI,KAAK,KAAK,EAAE,CAAC;QACjB,sBAAsB,CAAC,gBAAgB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;IACxD,CAAC;SAAM,CAAC;QACJ,MAAM,EAAC,OAAO,EAAE,MAAM,EAAC,GAAG,MAAM,MAAM,CAClC,qDAAqD,IAAI,EAAE,CAC9D,CAAC;QACF,sBAAsB,CAAC,gBAAgB,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IAC1D,CAAC;AACL,CAAC;AAkBD,MAAM,UAAU,oBAAoB,CAAC,EACjC,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,qBAAqB,GAAG,IAAI,EAC5B,mBAAmB,GACK;IACxB,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IAE/D,MAAM,KAAK,GAAG,yBAAyB,CAAC,qBAAqB,CAAC,CAAC;IAE/D,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,KAAK,UAAU,wBAAwB;YACnC,MAAM,gBAAgB,CAAC,QAAQ,CAAC,CAAC;YACjC,iBAAiB,CAAC,MAAM,EAAE,CAAC,CAAC;QAChC,CAAC;QACD,wBAAwB,EAAE,CAAC;IAC/B,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC1B,IAAI,mBAAmB,EAAE,CAAC;YACtB,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,CAAC,kBAAkB,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,YACtE,KAAC,eAAe,IACZ,IAAI,EAAC,gBAAgB,EACrB,IAAI,EAAC,GAAG,EACR,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE;wBACjB,OAAO,EACH,OAAO,mBAAmB,KAAK,QAAQ;4BACvC,mBAAmB,CAAC,aAAa;qBACxC,CAAC,EACF,IAAI,EACA,CAAC,OAAO,mBAAmB,KAAK,QAAQ;wBACpC,mBAAmB,CAAC,QAAQ,CAAC;wBACjC,IAAI,YAGP,OAAO,mBAAmB,KAAK,QAAQ;wBACxC,mBAAmB,CAAC,SAAS,KAAK,KAAK;wBACnC,CAAC,CAAC,IAAI;wBACN,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,GACJ,GAChB,CACT,CAAC;QACN,CAAC;QAED,OAAO,IAAI,CAAC;IAChB,CAAC,CAAC;IAEF,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,aAC7B,gBAAgB,EAAE,EAEnB,KAAC,sBAAsB,IAEnB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,EAAC,MAAM,EAAE,MAAM,EAAC,YAE5B,IAAI,IALA,cAAc,CAME,IACvB,CACT,CAAC;AACN,CAAC"}

package/dist/components/SyntaxHighlighter/YDBSyntaxHighlighter.scss

@@ -16,5 +16,18 @@
         position: absolute;
         top: 13px;
         right: 14px;
+
+        pointer-events: all;
+
+        opacity: 0;
+
+        &_visible {
+            opacity: 1;
+        }
+    }
+
+    .data-table__row:hover &__copy,
+    .ydb-paginated-table__row:hover &__copy {
+        opacity: 1;
     }
 }

package/dist/components/SyntaxHighlighter/lazy.d.ts

@@ -3,5 +3,5 @@ export declare const YDBSyntaxHighlighterLazy: import("react").ForwardRefExoticC
     language: import("./types").Language;
     className?: string;
     transparentBackground?: boolean;
-    withCopy?: boolean;
+    withClipboardButton?: import("./YDBSyntaxHighlighter").WithClipboardButtonProp;
 } & import("react").RefAttributes<typeof import("./YDBSyntaxHighlighter").YDBSyntaxHighlighter>>;

package/dist/components/TruncatedQuery/TruncatedQuery.d.ts

@@ -2,6 +2,8 @@ import './TruncatedQuery.scss';
 interface TruncatedQueryProps {
     value?: string;
     maxQueryHeight?: number;
+    hasClipboardButton?: boolean;
+    clipboardButtonAlwaysVisible?: boolean;
 }
-export declare const TruncatedQuery: ({ value, maxQueryHeight }: TruncatedQueryProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TruncatedQuery: ({ value, maxQueryHeight, hasClipboardButton, clipboardButtonAlwaysVisible, }: TruncatedQueryProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/TruncatedQuery/TruncatedQuery.js

@@ -4,14 +4,26 @@ import { cn } from '../../utils/cn';
 import { YDBSyntaxHighlighter } from '../SyntaxHighlighter/YDBSyntaxHighlighter';
 import './TruncatedQuery.scss';
 const b = cn('kv-truncated-query');
-export const TruncatedQuery = ({ value = '', maxQueryHeight = 6 }) => {
+export const TruncatedQuery = ({ value = '', maxQueryHeight = 6, hasClipboardButton, clipboardButtonAlwaysVisible, }) => {
     const lines = value.split('\n');
     const truncated = lines.length > maxQueryHeight;
     if (truncated) {
         const content = lines.slice(0, maxQueryHeight).join('\n');
         const message = '\n...\nThe request was truncated. Click on the line to show the full query on the query tab';
-        return (_jsxs(React.Fragment, { children: [_jsx(YDBSyntaxHighlighter, { language: "yql", className: b(), text: content }), _jsx("span", { className: b('message', { color: 'secondary' }), children: message })] }));
+        return (_jsxs(React.Fragment, { children: [_jsx(YDBSyntaxHighlighter, { language: "yql", className: b(), text: content, withClipboardButton: hasClipboardButton
+                        ? {
+                            alwaysVisible: clipboardButtonAlwaysVisible,
+                            copyText: value,
+                            withLabel: false,
+                        }
+                        : false }), _jsx("span", { className: b('message', { color: 'secondary' }), children: message })] }));
     }
-    return _jsx(YDBSyntaxHighlighter, { language: "yql", text: value });
+    return (_jsx(YDBSyntaxHighlighter, { language: "yql", text: value, withClipboardButton: hasClipboardButton
+            ? {
+                alwaysVisible: clipboardButtonAlwaysVisible,
+                copyText: value,
+                withLabel: false,
+            }
+            : false }));
 };
 //# sourceMappingURL=TruncatedQuery.js.map

package/dist/components/TruncatedQuery/TruncatedQuery.js.map

@@ -1 +1 @@
-{"version":3,"file":"TruncatedQuery.js","sourceRoot":"","sources":["../../../src/components/TruncatedQuery/TruncatedQuery.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,oBAAoB,EAAC,MAAM,2CAA2C,CAAC;AAE/E,OAAO,uBAAuB,CAAC;AAE/B,MAAM,CAAC,GAAG,EAAE,CAAC,oBAAoB,CAAC,CAAC;AAOnC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAC,KAAK,GAAG,EAAE,EAAE,cAAc,GAAG,CAAC,EAAsB,EAAE,EAAE;IACpF,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAChC,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,GAAG,cAAc,CAAC;IAEhD,IAAI,SAAS,EAAE,CAAC;QACZ,MAAM,OAAO,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,cAAc,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC1D,MAAM,OAAO,GACT,6FAA6F,CAAC;QAClG,OAAO,CACH,MAAC,KAAK,CAAC,QAAQ,eACX,KAAC,oBAAoB,IAAC,QAAQ,EAAC,KAAK,EAAC,SAAS,EAAE,CAAC,EAAE,EAAE,IAAI,EAAE,OAAO,GAAI,EACtE,eAAM,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,EAAC,KAAK,EAAE,WAAW,EAAC,CAAC,YAAG,OAAO,GAAQ,IACxD,CACpB,CAAC;IACN,CAAC;IACD,OAAO,KAAC,oBAAoB,IAAC,QAAQ,EAAC,KAAK,EAAC,IAAI,EAAE,KAAK,GAAI,CAAC;AAChE,CAAC,CAAC"}
+{"version":3,"file":"TruncatedQuery.js","sourceRoot":"","sources":["../../../src/components/TruncatedQuery/TruncatedQuery.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,oBAAoB,EAAC,MAAM,2CAA2C,CAAC;AAE/E,OAAO,uBAAuB,CAAC;AAE/B,MAAM,CAAC,GAAG,EAAE,CAAC,oBAAoB,CAAC,CAAC;AASnC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC3B,KAAK,GAAG,EAAE,EACV,cAAc,GAAG,CAAC,EAClB,kBAAkB,EAClB,4BAA4B,GACV,EAAE,EAAE;IACtB,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAChC,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,GAAG,cAAc,CAAC;IAEhD,IAAI,SAAS,EAAE,CAAC;QACZ,MAAM,OAAO,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,cAAc,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC1D,MAAM,OAAO,GACT,6FAA6F,CAAC;QAClG,OAAO,CACH,MAAC,KAAK,CAAC,QAAQ,eACX,KAAC,oBAAoB,IACjB,QAAQ,EAAC,KAAK,EACd,SAAS,EAAE,CAAC,EAAE,EACd,IAAI,EAAE,OAAO,EACb,mBAAmB,EACf,kBAAkB;wBACd,CAAC,CAAC;4BACI,aAAa,EAAE,4BAA4B;4BAC3C,QAAQ,EAAE,KAAK;4BACf,SAAS,EAAE,KAAK;yBACnB;wBACH,CAAC,CAAC,KAAK,GAEjB,EACF,eAAM,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,EAAC,KAAK,EAAE,WAAW,EAAC,CAAC,YAAG,OAAO,GAAQ,IACxD,CACpB,CAAC;IACN,CAAC;IACD,OAAO,CACH,KAAC,oBAAoB,IACjB,QAAQ,EAAC,KAAK,EACd,IAAI,EAAE,KAAK,EACX,mBAAmB,EACf,kBAAkB;YACd,CAAC,CAAC;gBACI,aAAa,EAAE,4BAA4B;gBAC3C,QAAQ,EAAE,KAAK;gBACf,SAAS,EAAE,KAAK;aACnB;YACH,CAAC,CAAC,KAAK,GAEjB,CACL,CAAC;AACN,CAAC,CAAC"}

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

@@ -1,2 +1,2 @@
-declare const _default: (key: "tablets" | "cpu" | "memory" | "missing" | "version" | "database" | "host" | "uptime" | "load" | "dc" | "min" | "ping" | "send" | "node-id" | "max" | "node-name" | "rack" | "ram" | "pools" | "disk-usage" | "load-average" | "sessions" | "pdisks" | "field_memory-used" | "field_memory-limit" | "system-state" | "connect-status" | "utilization" | "network-utilization" | "connections" | "clock-skew" | "skew" | "ping-time" | "receive" | "avg" | "sum", params?: import("@gravity-ui/i18n").Params) => string;
+declare const _default: (key: "tablets" | "cpu" | "memory" | "missing" | "version" | "database" | "host" | "uptime" | "load" | "dc" | "min" | "ping" | "send" | "max" | "node-id" | "node-name" | "rack" | "ram" | "pools" | "disk-usage" | "load-average" | "sessions" | "pdisks" | "field_memory-used" | "field_memory-limit" | "system-state" | "connect-status" | "utilization" | "network-utilization" | "connections" | "clock-skew" | "skew" | "ping-time" | "receive" | "avg" | "sum", params?: import("@gravity-ui/i18n").Params) => string;
 export default _default;

package/dist/containers/AsideNavigation/AsideNavigation.js

@@ -1,12 +1,15 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { CircleQuestion, Gear, Person } from '@gravity-ui/icons';
-import { AsideHeader, FooterItem } from '@gravity-ui/navigation';
+import { AsideHeader, FooterItem, HotkeysPanel } from '@gravity-ui/navigation';
+import { Hotkey } from '@gravity-ui/uikit';
+import hotkeys from 'hotkeys-js';
 import { useHistory } from 'react-router-dom';
-import { settingsManager } from '../../services/settings';
 import { cn } from '../../utils/cn';
-import { ASIDE_HEADER_COMPACT_KEY, LANGUAGE_KEY } from '../../utils/constants';
+import { ASIDE_HEADER_COMPACT_KEY } from '../../utils/constants';
 import { useSetting } from '../../utils/hooks';
+import { InformationPopup } from './InformationPopup';
+import { HOTKEYS, SHORTCUTS_HOTKEY } from './constants';
 import i18n from './i18n';
 import userSecret from '../../assets/icons/user-secret.svg';
 import ydbLogoIcon from '../../assets/icons/ydb.svg';
@@ -27,31 +30,64 @@ function UserDropdown({ isCompact, popupAnchor, user, children }) {
 var Panel;
 (function (Panel) {
     Panel["UserSettings"] = "UserSettings";
+    Panel["Information"] = "Information";
+    Panel["Hotkeys"] = "Hotkeys";
 })(Panel || (Panel = {}));
-function getDocumentationLink() {
-    // Use saved language from settings if it's present, otherwise use browser language
-    const lang = settingsManager.readUserSettingsValue(LANGUAGE_KEY, navigator.language);
-    if (lang === 'ru') {
-        return 'https://ydb.tech/docs/ru/';
-    }
-    return 'https://ydb.tech/docs/en/';
+/**
+ * HotkeysPanelWrapper creates a render cycle separation between mounting and visibility change.
+ * This is necessary for smooth animations as HotkeysPanel uses CSSTransition internally.
+ *
+ * When a component is both mounted and set to visible at once, CSSTransition can't
+ * properly sequence its transition classes (panel → panel-active) because it's already active when mounted
+ * and counts transition as it has already happened.
+ * This wrapper ensures the component mounts first, then sets visible=true in a subsequent render cycle
+ * to make transition actually happen.
+ */
+function HotkeysPanelWrapper({ visiblePanel, closePanel, }) {
+    const [visible, setVisible] = React.useState(false);
+    React.useEffect(() => {
+        setVisible(visiblePanel === Panel.Hotkeys);
+    }, [visiblePanel]);
+    return (_jsx(HotkeysPanel, { visible: visible, hotkeys: HOTKEYS, className: b('hotkeys-panel'), title: _jsxs("div", { className: b('hotkeys-panel-title'), children: [i18n('help-center.footer.shortcuts'), _jsx(Hotkey, { value: SHORTCUTS_HOTKEY })] }), onClose: closePanel }));
 }
 export function AsideNavigation(props) {
     const history = useHistory();
     const [visiblePanel, setVisiblePanel] = React.useState();
+    const [informationPopupVisible, setInformationPopupVisible] = React.useState(false);
     const [compact, setIsCompact] = useSetting(ASIDE_HEADER_COMPACT_KEY);
+    const toggleInformationPopup = () => setInformationPopupVisible((prev) => !prev);
+    const closeInformationPopup = React.useCallback(() => setInformationPopupVisible(false), []);
+    const openHotkeysPanel = React.useCallback(() => {
+        closeInformationPopup();
+        setVisiblePanel(Panel.Hotkeys);
+    }, [closeInformationPopup]);
+    const closePanel = React.useCallback(() => {
+        setVisiblePanel(undefined);
+    }, []);
+    const renderInformationPopup = () => {
+        return _jsx(InformationPopup, { onKeyboardShortcutsClick: openHotkeysPanel });
+    };
+    React.useEffect(() => {
+        // Register hotkey for keyboard shortcuts
+        hotkeys(SHORTCUTS_HOTKEY, openHotkeysPanel);
+        // Add listener for custom event from Monaco editor
+        window.addEventListener('openKeyboardShortcutsPanel', openHotkeysPanel);
+        return () => {
+            hotkeys.unbind(SHORTCUTS_HOTKEY);
+            window.removeEventListener('openKeyboardShortcutsPanel', openHotkeysPanel);
+        };
+    }, [openHotkeysPanel]);
     return (_jsx(React.Fragment, { children: _jsx(AsideHeader, { logo: {
                 text: 'YDB',
                 icon: ydbLogoIcon,
                 onClick: () => history.push('/'),
             }, menuItems: props.menuItems, compact: compact, onChangeCompact: setIsCompact, className: b(), renderContent: () => props.content, renderFooter: ({ compact, asideRef }) => (_jsxs(React.Fragment, { children: [_jsx(FooterItem, { compact: compact, item: {
-                            id: 'documentation',
-                            title: i18n('navigation-item.documentation'),
+                            id: 'information',
+                            title: i18n('navigation-item.information'),
                             icon: CircleQuestion,
-                            onItemClick: () => {
-                                window.open(getDocumentationLink(), '_blank', 'noreferrer');
-                            },
-                        } }), _jsx(FooterItem, { item: {
+                            current: informationPopupVisible,
+                            onItemClick: toggleInformationPopup,
+                        }, enableTooltip: !informationPopupVisible, popupVisible: informationPopupVisible, onClosePopup: closeInformationPopup, renderPopupContent: renderInformationPopup }), _jsx(FooterItem, { item: {
                             id: 'user-settings',
                             title: i18n('navigation-item.settings'),
                             icon: Gear,
@@ -67,8 +103,16 @@ export function AsideNavigation(props) {
                     visible: visiblePanel === Panel.UserSettings,
                     content: props.settings,
                 },
-            ], onClosePanel: () => {
-                setVisiblePanel(undefined);
-            } }) }));
+                {
+                    id: 'information',
+                    visible: visiblePanel === Panel.Information,
+                },
+                {
+                    id: 'hotkeys',
+                    visible: visiblePanel === Panel.Hotkeys,
+                    keepMounted: true,
+                    content: (_jsx(HotkeysPanelWrapper, { visiblePanel: visiblePanel, closePanel: closePanel })),
+                },
+            ], onClosePanel: closePanel }) }));
 }
 //# sourceMappingURL=AsideNavigation.js.map

package/dist/containers/AsideNavigation/AsideNavigation.js.map

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

package/dist/containers/AsideNavigation/AsideNavigation.scss

@@ -19,4 +19,9 @@
         width: 300px;
         padding: 10px;
     }
+
+    &__hotkeys-panel-title {
+        display: flex;
+        gap: var(--g-spacing-2);
+    }
 }

package/dist/containers/AsideNavigation/InformationPopup/InformationPopup.d.ts

@@ -0,0 +1,5 @@
+import './InformationPopup.scss';
+export interface InformationPopupProps {
+    onKeyboardShortcutsClick?: () => void;
+}
+export declare function InformationPopup({ onKeyboardShortcutsClick }: InformationPopupProps): import("react/jsx-runtime").JSX.Element;

package/dist/containers/AsideNavigation/InformationPopup/InformationPopup.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Keyboard } from '@gravity-ui/icons';
+import { Flex, Hotkey, Icon, Link, List, Text } from '@gravity-ui/uikit';
+import { settingsManager } from '../../../services/settings';
+import { cn } from '../../../utils/cn';
+import { LANGUAGE_KEY } from '../../../utils/constants';
+import { SHORTCUTS_HOTKEY } from '../constants';
+import i18n from '../i18n';
+import './InformationPopup.scss';
+const b = cn('information-popup');
+export function InformationPopup({ onKeyboardShortcutsClick }) {
+    const getDocumentationLink = () => {
+        const lang = settingsManager.readUserSettingsValue(LANGUAGE_KEY, navigator.language);
+        return lang === 'ru' ? 'https://ydb.tech/docs/ru/' : 'https://ydb.tech/docs/en/';
+    };
+    return (_jsxs("div", { className: b('content', {}), children: [_jsxs("div", { className: b('docs'), children: [_jsx(Text, { variant: "subheader-3", color: "primary", className: b('title'), children: "Documentation" }), _jsx("div", { className: b('docs-list-wrap'), children: _jsx(List, { items: [
+                                {
+                                    text: i18n('help-center.item.documentation'),
+                                    url: getDocumentationLink(),
+                                },
+                            ], filterable: false, virtualized: false, renderItem: ({ text, url }) => (_jsx(Link, { className: b('docs-link'), rel: "noopener", target: "_blank", href: url, title: typeof text === 'string' ? text : undefined, children: text })), itemClassName: b('item') }) })] }), _jsx("div", { className: b('footer'), children: _jsxs(Flex, { justifyContent: "space-between", className: b('shortcuts-item'), onClick: onKeyboardShortcutsClick, children: [_jsxs(Flex, { alignItems: "center", children: [_jsx("div", { className: b('item-icon-wrap'), children: _jsx(Icon, { data: Keyboard }) }), i18n('help-center.footer.shortcuts')] }), _jsx(Hotkey, { value: SHORTCUTS_HOTKEY })] }) })] }));
+}
+//# sourceMappingURL=InformationPopup.js.map

package/dist/containers/AsideNavigation/InformationPopup/InformationPopup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InformationPopup.js","sourceRoot":"","sources":["../../../../src/containers/AsideNavigation/InformationPopup/InformationPopup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAEvE,OAAO,EAAC,eAAe,EAAC,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAC,EAAE,EAAC,MAAM,mBAAmB,CAAC;AACrC,OAAO,EAAC,YAAY,EAAC,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAC,gBAAgB,EAAC,MAAM,cAAc,CAAC;AAC9C,OAAO,IAAI,MAAM,SAAS,CAAC;AAE3B,OAAO,yBAAyB,CAAC;AAEjC,MAAM,CAAC,GAAG,EAAE,CAAC,mBAAmB,CAAC,CAAC;AAMlC,MAAM,UAAU,gBAAgB,CAAC,EAAC,wBAAwB,EAAwB;IAC9E,MAAM,oBAAoB,GAAG,GAAG,EAAE;QAC9B,MAAM,IAAI,GAAG,eAAe,CAAC,qBAAqB,CAAC,YAAY,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC;QACrF,OAAO,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,2BAA2B,CAAC;IACrF,CAAC,CAAC;IAEF,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,aAC5B,eAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,aACrB,KAAC,IAAI,IAAC,OAAO,EAAC,aAAa,EAAC,KAAK,EAAC,SAAS,EAAC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,8BAE1D,EACP,cAAK,SAAS,EAAE,CAAC,CAAC,gBAAgB,CAAC,YAC/B,KAAC,IAAI,IACD,KAAK,EAAE;gCACH;oCACI,IAAI,EAAE,IAAI,CAAC,gCAAgC,CAAC;oCAC5C,GAAG,EAAE,oBAAoB,EAAE;iCAC9B;6BACJ,EACD,UAAU,EAAE,KAAK,EACjB,WAAW,EAAE,KAAK,EAClB,UAAU,EAAE,CAAC,EAAC,IAAI,EAAE,GAAG,EAAC,EAAE,EAAE,CAAC,CACzB,KAAC,IAAI,IACD,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,EACzB,GAAG,EAAC,UAAU,EACd,MAAM,EAAC,QAAQ,EACf,IAAI,EAAE,GAAG,EACT,KAAK,EAAE,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,YAEjD,IAAI,GACF,CACV,EACD,aAAa,EAAE,CAAC,CAAC,MAAM,CAAC,GAC1B,GACA,IACJ,EAEN,cAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,YACvB,MAAC,IAAI,IACD,cAAc,EAAC,eAAe,EAC9B,SAAS,EAAE,CAAC,CAAC,gBAAgB,CAAC,EAC9B,OAAO,EAAE,wBAAwB,aAEjC,MAAC,IAAI,IAAC,UAAU,EAAC,QAAQ,aACrB,cAAK,SAAS,EAAE,CAAC,CAAC,gBAAgB,CAAC,YAC/B,KAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,GAAI,GACtB,EACL,IAAI,CAAC,8BAA8B,CAAC,IAClC,EACP,KAAC,MAAM,IAAC,KAAK,EAAE,gBAAgB,GAAI,IAChC,GACL,IACJ,CACT,CAAC;AACN,CAAC"}

package/dist/containers/AsideNavigation/InformationPopup/InformationPopup.scss

@@ -0,0 +1,105 @@
+@import '../../../styles/mixins.scss';
+
+:root {
+    --information-popup-padding: 16px;
+    --information-popup-header-padding: 16px;
+}
+
+.information-popup {
+    &__content {
+        position: relative;
+
+        display: flex;
+        flex-direction: column;
+
+        box-sizing: border-box;
+        width: 280px;
+        padding: var(--information-popup-header-padding) 0 0 0;
+    }
+
+    &__docs,
+    &__footer {
+        display: flex;
+        flex-direction: column;
+        flex-shrink: 0;
+    }
+
+    &__docs {
+        padding-bottom: 8px;
+    }
+
+    &__footer {
+        position: relative;
+
+        padding: 12px 0 8px;
+
+        border-top: 1px solid var(--g-color-line-generic);
+        background-color: var(--g-color-base-generic);
+    }
+
+    &__title {
+        flex-shrink: 0;
+
+        margin-bottom: 4px;
+        padding: 4px var(--information-popup-padding);
+    }
+
+    &__docs-list-wrap {
+        display: flex;
+        flex-direction: column;
+        flex-shrink: 0;
+
+        margin-bottom: 12px;
+
+        &:last-child {
+            margin-bottom: 0;
+        }
+    }
+
+    &__docs-link,
+    &__shortcuts-item {
+        display: flex;
+        flex-grow: 1;
+        align-items: center;
+
+        box-sizing: border-box;
+        width: 100%;
+        height: 100%;
+        padding: 8px var(--information-popup-padding);
+
+        line-height: var(--g-text-body-1-line-height);
+        cursor: pointer;
+
+        &:hover {
+            background-color: var(--g-color-base-simple-hover);
+        }
+    }
+
+    &__shortcuts-item {
+        justify-content: space-between;
+    }
+
+    &__docs-link {
+        &,
+        &:hover,
+        &:active,
+        &:visited,
+        &:focus {
+            text-decoration: none;
+
+            color: inherit;
+            outline: none;
+        }
+    }
+
+    &__item-icon-wrap {
+        width: 16px;
+        height: 16px;
+        margin-right: 10px;
+    }
+
+    &__shortcuts-content {
+        display: flex;
+        align-items: center;
+    }
+}

package/dist/containers/AsideNavigation/InformationPopup/index.d.ts

@@ -0,0 +1 @@
+export { InformationPopup } from './InformationPopup';

package/dist/containers/AsideNavigation/InformationPopup/index.js

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

package/dist/containers/AsideNavigation/InformationPopup/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/containers/AsideNavigation/InformationPopup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAC"}