ydb-embedded-ui 8.12.0 → 8.14.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ydb-embedded-ui",
-  "version": "8.12.0",
+  "version": "8.14.0",
   "files": [
     "dist"
   ],
@@ -19,6 +19,7 @@
     "@gravity-ui/date-utils": "^2.5.6",
     "@gravity-ui/i18n": "^1.7.0",
     "@gravity-ui/icons": "^2.12.0",
+    "@gravity-ui/illustrations": "^2.0.0",
     "@gravity-ui/navigation": "^2.30.0",
     "@gravity-ui/paranoid": "^2.0.1",
     "@gravity-ui/react-data-table": "^2.2.1",
@@ -41,6 +42,7 @@
     "monaco-editor": "^0.52.2",
     "numeral": "^2.0.6",
     "path-to-regexp": "^3.3.0",
+    "qrcode": "^1.5.4",
     "qs": "^6.13.1",
     "react-error-boundary": "^4.1.2",
     "react-helmet-async": "^2.0.5",
@@ -56,7 +58,7 @@
     "use-query-params": "^2.2.1",
     "uuid": "^10.0.0",
     "web-vitals": "^1.1.2",
-    "ydb-ui-components": "^4.4.0",
+    "ydb-ui-components": "^4.6.0",
     "zod": "^3.24.1"
   },
   "scripts": {
@@ -128,13 +130,14 @@
     "@gravity-ui/prettier-config": "^1.1.0",
     "@gravity-ui/stylelint-config": "^4.0.1",
     "@gravity-ui/tsconfig": "^1.0.0",
-    "@playwright/test": "^1.49.1",
+    "@playwright/test": "^1.50.1",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.1.0",
     "@testing-library/user-event": "^14.5.2",
     "@types/jest": "^29.5.14",
     "@types/lodash": "^4.17.14",
     "@types/numeral": "^2.0.5",
+    "@types/qrcode": "^1.5.5",
     "@types/qs": "^6.9.18",
     "@types/react": "^18.3.18",
     "@types/react-dom": "^18.3.5",

package/dist/components/ElapsedTime/ElapsedTime.d.ts

@@ -1,5 +0,0 @@
-interface ElapsedTimeProps {
-    className?: string;
-}
-export default function ElapsedTime({ className }: ElapsedTimeProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/ElapsedTime/ElapsedTime.js

@@ -1,25 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import { duration } from '@gravity-ui/date-utils';
-import { Label } from '@gravity-ui/uikit';
-import { cn } from '../../utils/cn';
-import { HOUR_IN_SECONDS, SECOND_IN_MS } from '../../utils/constants';
-const b = cn('ydb-query-elapsed-time');
-export default function ElapsedTime({ className }) {
-    const [, reRender] = React.useState({});
-    const [startTime] = React.useState(Date.now());
-    const elapsedTime = Date.now() - startTime;
-    React.useEffect(() => {
-        const timerId = setInterval(() => {
-            reRender({});
-        }, SECOND_IN_MS);
-        return () => {
-            clearInterval(timerId);
-        };
-    }, []);
-    const elapsedTimeFormatted = elapsedTime > HOUR_IN_SECONDS * SECOND_IN_MS
-        ? duration(elapsedTime).format('hh:mm:ss')
-        : duration(elapsedTime).format('mm:ss');
-    return _jsx(Label, { className: b(null, className), children: elapsedTimeFormatted });
-}
-//# sourceMappingURL=ElapsedTime.js.map

package/dist/components/ElapsedTime/ElapsedTime.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ElapsedTime.js","sourceRoot":"","sources":["../../../src/components/ElapsedTime/ElapsedTime.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,QAAQ,EAAC,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAC,KAAK,EAAC,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,eAAe,EAAE,YAAY,EAAC,MAAM,uBAAuB,CAAC;AAEpE,MAAM,CAAC,GAAG,EAAE,CAAC,wBAAwB,CAAC,CAAC;AAMvC,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAAC,SAAS,EAAmB;IAC7D,MAAM,CAAC,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IACxC,MAAM,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;IAC/C,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,EAAE,GAAG,SAAS,CAAC;IAE3C,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE;YAC7B,QAAQ,CAAC,EAAE,CAAC,CAAC;QACjB,CAAC,EAAE,YAAY,CAAC,CAAC;QACjB,OAAO,GAAG,EAAE;YACR,aAAa,CAAC,OAAO,CAAC,CAAC;QAC3B,CAAC,CAAC;IACN,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,oBAAoB,GACtB,WAAW,GAAG,eAAe,GAAG,YAAY;QACxC,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC;QAC1C,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IAEhD,OAAO,KAAC,KAAK,IAAC,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,YAAG,oBAAoB,GAAS,CAAC;AAChF,CAAC"}

package/dist/components/ElapsedTime/ElapsedTime.scss

@@ -1,3 +0,0 @@
-.ydb-query-elapsed-time {
-    visibility: visible;
-}

package/dist/components/ErrorBoundary/i18n/ru.json

@@ -1,7 +0,0 @@
-{
-    "error-title": "Что-то пошло не так",
-    "error-description": "У нас что-то сломалось, но не переживайте, это ненадолго",
-    "show-details": "Показать детали",
-    "report-problem": "Сообщить о проблеме",
-    "button-reset": "Попробовать снова"
-}

package/dist/components/PDiskInfo/PDiskInfo.scss

@@ -1,7 +0,0 @@
-.ydb-pdisk-info {
-    &__links {
-        display: flex;
-        flex-flow: row wrap;
-        gap: var(--g-spacing-2);
-    }
-}

package/dist/containers/Tenant/Query/CancelQueryButton/CancelQueryButton.d.ts

@@ -1,8 +0,0 @@
-import './CancelQueryButton.scss';
-interface CancelQueryButtonProps {
-    isLoading: boolean;
-    isError: boolean;
-    onClick?: VoidFunction;
-}
-export declare function CancelQueryButton({ isLoading, isError, onClick }: CancelQueryButtonProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/containers/Tenant/Query/CancelQueryButton/CancelQueryButton.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { StopFill } from '@gravity-ui/icons';
-import { Button, Icon } from '@gravity-ui/uikit';
-import { cn } from '../../../../utils/cn';
-import i18n from '../i18n';
-import './CancelQueryButton.scss';
-const b = cn('cancel-query-button');
-export function CancelQueryButton({ isLoading, isError, onClick }) {
-    return (_jsxs(Button, { loading: isLoading, onClick: onClick, className: b('stop-button', { error: isError }), children: [_jsx(Icon, { data: StopFill, size: 16 }), i18n('action.stop')] }));
-}
-//# sourceMappingURL=CancelQueryButton.js.map

package/dist/containers/Tenant/Query/CancelQueryButton/CancelQueryButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CancelQueryButton.js","sourceRoot":"","sources":["../../../../../src/containers/Tenant/Query/CancelQueryButton/CancelQueryButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAC,MAAM,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAE/C,OAAO,EAAC,EAAE,EAAC,MAAM,sBAAsB,CAAC;AACxC,OAAO,IAAI,MAAM,SAAS,CAAC;AAE3B,OAAO,0BAA0B,CAAC;AAElC,MAAM,CAAC,GAAG,EAAE,CAAC,qBAAqB,CAAC,CAAC;AAQpC,MAAM,UAAU,iBAAiB,CAAC,EAAC,SAAS,EAAE,OAAO,EAAE,OAAO,EAAyB;IACnF,OAAO,CACH,MAAC,MAAM,IACH,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,CAAC,CAAC,aAAa,EAAE,EAAC,KAAK,EAAE,OAAO,EAAC,CAAC,aAE7C,KAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,GAAI,EACjC,IAAI,CAAC,aAAa,CAAC,IACf,CACZ,CAAC;AACN,CAAC"}

package/dist/containers/Tenant/Query/QueryDuration/QueryDuration.d.ts

@@ -1,6 +0,0 @@
-import './QueryDuration.scss';
-interface QueryDurationProps {
-    duration?: string | number;
-}
-export declare const QueryDuration: ({ duration }: QueryDurationProps) => import("react/jsx-runtime").JSX.Element | null;
-export {};

package/dist/containers/Tenant/Query/QueryDuration/QueryDuration.js

@@ -1,15 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { LabelWithPopover } from '../../../../components/LabelWithPopover';
-import { cn } from '../../../../utils/cn';
-import { formatDurationToShortTimeFormat, parseUsToMs } from '../../../../utils/timeParsers';
-import i18n from '../i18n';
-import './QueryDuration.scss';
-const b = cn('ydb-query-duration');
-export const QueryDuration = ({ duration }) => {
-    if (!duration) {
-        return null;
-    }
-    const parsedDuration = formatDurationToShortTimeFormat(parseUsToMs(duration), 1);
-    return (_jsx("span", { className: b(), children: _jsx(LabelWithPopover, { className: b('item-with-popover'), contentClassName: b('popover-content'), text: parsedDuration, popoverClassName: b('popover'), popoverContent: i18n('query-duration.description'), buttonProps: { className: b('popover-button') } }) }));
-};
-//# sourceMappingURL=QueryDuration.js.map

package/dist/containers/Tenant/Query/QueryDuration/QueryDuration.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"QueryDuration.js","sourceRoot":"","sources":["../../../../../src/containers/Tenant/Query/QueryDuration/QueryDuration.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,gBAAgB,EAAC,MAAM,yCAAyC,CAAC;AACzE,OAAO,EAAC,EAAE,EAAC,MAAM,sBAAsB,CAAC;AACxC,OAAO,EAAC,+BAA+B,EAAE,WAAW,EAAC,MAAM,+BAA+B,CAAC;AAC3F,OAAO,IAAI,MAAM,SAAS,CAAC;AAE3B,OAAO,sBAAsB,CAAC;AAM9B,MAAM,CAAC,GAAG,EAAE,CAAC,oBAAoB,CAAC,CAAC;AAEnC,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAC,QAAQ,EAAqB,EAAE,EAAE;IAC5D,IAAI,CAAC,QAAQ,EAAE,CAAC;QACZ,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,MAAM,cAAc,GAAG,+BAA+B,CAAC,WAAW,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC;IAEjF,OAAO,CACH,eAAM,SAAS,EAAE,CAAC,EAAE,YAChB,KAAC,gBAAgB,IACb,SAAS,EAAE,CAAC,CAAC,mBAAmB,CAAC,EACjC,gBAAgB,EAAE,CAAC,CAAC,iBAAiB,CAAC,EACtC,IAAI,EAAE,cAAc,EACpB,gBAAgB,EAAE,CAAC,CAAC,SAAS,CAAC,EAC9B,cAAc,EAAE,IAAI,CAAC,4BAA4B,CAAC,EAClD,WAAW,EAAE,EAAC,SAAS,EAAE,CAAC,CAAC,gBAAgB,CAAC,EAAC,GAC/C,GACC,CACV,CAAC;AACN,CAAC,CAAC"}

package/dist/containers/Tenant/Query/QueryDuration/QueryDuration.scss

@@ -1,27 +0,0 @@
-.ydb-query-duration {
-    display: flex;
-    align-items: center;
-
-    margin-left: 10px;
-
-    color: var(--g-color-text-complementary);
-
-    &__item-with-popover {
-        display: flex;
-
-        white-space: nowrap;
-    }
-
-    &__popover {
-        display: flex;
-        align-items: center;
-    }
-
-    &__popover-content {
-        max-width: 300px;
-    }
-
-    &__popover-button {
-        display: flex;
-    }
-}

package/dist/containers/Tenant/Query/QueryResult/components/QueryInfoDropdown/utils.d.ts

@@ -1 +0,0 @@
-export declare function downloadFile(url: string, filename: string): void;

package/dist/containers/Tenant/Query/QueryResult/components/QueryInfoDropdown/utils.js

@@ -1,9 +0,0 @@
-export function downloadFile(url, filename) {
-    const link = document.createElement('a');
-    link.href = url;
-    link.download = filename;
-    document.body.appendChild(link);
-    link.click();
-    document.body.removeChild(link);
-}
-//# sourceMappingURL=utils.js.map

package/dist/containers/Tenant/Query/QueryResult/components/QueryInfoDropdown/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../../../src/containers/Tenant/Query/QueryResult/components/QueryInfoDropdown/utils.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,YAAY,CAAC,GAAW,EAAE,QAAgB;IACtD,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACzC,IAAI,CAAC,IAAI,GAAG,GAAG,CAAC;IAChB,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;IACzB,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IAChC,IAAI,CAAC,KAAK,EAAE,CAAC;IACb,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;AACpC,CAAC"}