npm - ydb-embedded-ui - Versions diffs - 8.20.1 → 8.22.0 - Mend

ydb-embedded-ui 8.20.1 → 8.22.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (135) hide show

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

@@ -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 ADDED Viewed

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

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

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

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

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

package/dist/containers/AsideNavigation/InformationPopup/types.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+import type React from 'react';
+export interface FooterItem {
+    id: string;
+    text: string;
+    url?: string;
+    rightContent?: React.ReactNode;
+    onClick?: () => void;
+    icon?: React.ReactNode;
+    disableClickHandler?: boolean;
+}
+export type FooterItemsArray = FooterItem[];

package/dist/containers/AsideNavigation/InformationPopup/types.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export {};
2	+ //# sourceMappingURL=types.js.map

package/dist/containers/AsideNavigation/InformationPopup/types.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/containers/AsideNavigation/InformationPopup/types.ts"],"names":[],"mappings":""}

package/dist/containers/AsideNavigation/constants.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+export declare const SHORTCUTS_HOTKEY: string;
+export declare const HOTKEYS: {
+    title: string;
+    items: {
+        title: string;
+        value: string;
+    }[];
+}[];

package/dist/containers/AsideNavigation/constants.js ADDED Viewed

@@ -0,0 +1,34 @@
+import { isMac } from './utils';
+export const SHORTCUTS_HOTKEY = isMac() ? 'cmd+K' : 'ctrl+K';
+export const HOTKEYS = [
+    {
+        title: 'Query Editor',
+        items: [
+            {
+                title: 'Execute query',
+                value: isMac() ? 'cmd+enter' : 'ctrl+enter',
+            },
+            {
+                title: 'Execute selected query',
+                value: isMac() ? 'cmd+shift+enter' : 'ctrl+shift+enter',
+            },
+            {
+                title: 'Previous query',
+                value: isMac() ? 'cmd+arrowUp' : 'ctrl+arrowUp',
+            },
+            {
+                title: 'Next query',
+                value: isMac() ? 'cmd+arrowDown' : 'ctrl+arrowDown',
+            },
+            {
+                title: 'Save query',
+                value: isMac() ? 'cmd+s' : 'ctrl+s',
+            },
+            {
+                title: 'Save selected query',
+                value: isMac() ? 'cmd+shift+s' : 'ctrl+shift+s',
+            },
+        ],
+    },
+];
+//# sourceMappingURL=constants.js.map

package/dist/containers/AsideNavigation/constants.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/containers/AsideNavigation/constants.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,EAAC,MAAM,SAAS,CAAC;AAE9B,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC;AAE7D,MAAM,CAAC,MAAM,OAAO,GAAG;IACnB;QACI,KAAK,EAAE,cAAc;QACrB,KAAK,EAAE;YACH;gBACI,KAAK,EAAE,eAAe;gBACtB,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY;aAC9C;YACD;gBACI,KAAK,EAAE,wBAAwB;gBAC/B,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,kBAAkB;aAC1D;YACD;gBACI,KAAK,EAAE,gBAAgB;gBACvB,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,cAAc;aAClD;YACD;gBACI,KAAK,EAAE,YAAY;gBACnB,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,gBAAgB;aACtD;YACD;gBACI,KAAK,EAAE,YAAY;gBACnB,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ;aACtC;YACD;gBACI,KAAK,EAAE,qBAAqB;gBAC5B,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,cAAc;aAClD;SACJ;KACJ;CACJ,CAAC"}

package/dist/containers/AsideNavigation/i18n/en.json CHANGED Viewed

@@ -1,7 +1,10 @@
 {
-    "navigation-item.documentation": "Documentation",
+    "navigation-item.information": "information",
     "navigation-item.settings": "Settings",
     "navigation-item.account": "Account",
+    "help-center.header.title": "Documentation",
+    "help-center.item.documentation": "View documentation",
+    "help-center.footer.shortcuts": "Keyboard shortcuts",
     "account.user": "YDB User",
     "account.login": "Login",
     "account.logout": "Logout"

package/dist/containers/AsideNavigation/i18n/index.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-declare const _default: (key: "navigation-item.documentation" | "navigation-item.settings" | "navigation-item.account" | "account.user" | "account.login" | "account.logout", params?: import("@gravity-ui/i18n").Params) => string;
+declare const _default: (key: "navigation-item.information" | "navigation-item.settings" | "navigation-item.account" | "help-center.header.title" | "help-center.item.documentation" | "help-center.footer.shortcuts" | "account.user" | "account.login" | "account.logout", params?: import("@gravity-ui/i18n").Params) => string;
 export default _default;

package/dist/containers/AsideNavigation/utils.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export declare const isMac: () => boolean;

package/dist/containers/AsideNavigation/utils.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export const isMac = () => navigator.platform.toUpperCase().includes('MAC');
2	+ //# sourceMappingURL=utils.js.map

package/dist/containers/AsideNavigation/utils.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/containers/AsideNavigation/utils.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC"}

package/dist/containers/Clusters/columns.js CHANGED Viewed

@@ -7,7 +7,7 @@ import { ProgressViewer } from '../../components/ProgressViewer/ProgressViewer';
 import { UserCard } from '../../components/User/User';
 import { formatStorageValuesToTb } from '../../utils/dataFormatters/dataFormatters';
 import { createDeveloperUIMonitoringPageHref } from '../../utils/developerUI/developerUI';
-import { getCleanBalancerValue, removeViewerPathname } from '../../utils/parseBalancer';
+import { getCleanBalancerValue } from '../../utils/parseBalancer';
 import { clusterTabsIds, getClusterPath } from '../Cluster/utils';
 import { COLUMNS_NAMES, COLUMNS_TITLES } from './constants';
 import i18n from './i18n';
@@ -21,8 +21,7 @@ export const CLUSTERS_COLUMNS = [
         width: 230,
         render: ({ row }) => {
             var _a, _b;
-            const { balancer, name: clusterName, use_embedded_ui: useEmbeddedUi } = row;
-            const backend = balancer && removeViewerPathname(balancer);
+            const { name: clusterName, use_embedded_ui: useEmbeddedUi, preparedBackend: backend, } = row;
             const clusterPath = useEmbeddedUi && backend
                 ? createDeveloperUIMonitoringPageHref(backend)
                 : getClusterPath(undefined, { backend, clusterName });
@@ -45,7 +44,7 @@ export const CLUSTERS_COLUMNS = [
             return versions[0] || undefined;
         },
         render: ({ row }) => {
-            const { preparedVersions, versions = [], balancer, name: clusterName } = row;
+            const { preparedVersions, versions = [], name: clusterName, preparedBackend: backend, } = row;
             const hasErrors = !versions.length || versions.some((item) => !item.version);
             if (hasErrors) {
                 return EMPTY_CELL;
@@ -58,7 +57,6 @@ export const CLUSTERS_COLUMNS = [
                     color: (_a = preparedVersions.find((versionItem) => versionItem.version === item.version)) === null || _a === void 0 ? void 0 : _a.color,
                 };
             });
-            const backend = balancer && removeViewerPathname(balancer);
             return (preparedVersions.length > 0 && (_jsx(ExternalLink, { className: b('cluster-versions'), href: getClusterPath(clusterTabsIds.versions, { backend, clusterName }), children: _jsxs(React.Fragment, { children: [preparedVersions.map((item, index) => (_jsx("div", { className: b('cluster-version'), style: { color: item.color }, title: item.version, children: item.version }, index))), _jsx(Progress, { size: "s", value: 100, stack: versionsValues })] }) })));
         },
     },

package/dist/containers/Clusters/columns.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"columns.js","sourceRoot":"","sources":["../../../src/containers/Clusters/columns.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,WAAW,EAAC,MAAM,wBAAwB,CAAC;AACnD,OAAO,SAAS,MAAM,8BAA8B,CAAC;AAErD,OAAO,EAAC,eAAe,EAAE,IAAI,IAAI,YAAY,EAAE,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAElF,OAAO,EAAC,cAAc,EAAC,MAAM,gDAAgD,CAAC;AAC9E,OAAO,EAAC,QAAQ,EAAC,MAAM,4BAA4B,CAAC;AAEpD,OAAO,EAAC,uBAAuB,EAAC,MAAM,2CAA2C,CAAC;AAClF,OAAO,EAAC,mCAAmC,EAAC,MAAM,qCAAqC,CAAC;AACxF,OAAO,EAAC,qBAAqB,~~EAAE,oBAAoB,~~EAAC,MAAM,2BAA2B,CAAC;~~AACtF~~,OAAO,EAAC,cAAc,EAAE,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAEhE,OAAO,EAAC,aAAa,EAAE,cAAc,EAAC,MAAM,aAAa,CAAC;AAC1D,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,EAAC,CAAC,EAAC,MAAM,UAAU,CAAC;AAE3B,MAAM,CAAC,MAAM,6BAA6B,GAAG,2BAA2B,CAAC;AAEzE,MAAM,UAAU,GAAG,eAAM,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,uBAAU,CAAC;AAE9D,MAAM,CAAC,MAAM,gBAAgB,GAA8B;IACvD;QACI,IAAI,EAAE,aAAa,CAAC,KAAK;QACzB,MAAM,EAAE,cAAc,CAAC,aAAa,CAAC,KAAK,CAAC;QAC3C,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,CAAC,EAAC,GAAG,EAAC,EAAE,EAAE;;YACd,MAAM,~~EAAC~~,~~QAAQ,EAAE,~~IAAI,EAAE,WAAW,~~EAAE~~,eAAe,EAAE,aAAa,~~EAAC~~,~~GAAG~~,~~GAAG~~,~~CAAC;YAE1E~~,~~MAAM~~,~~OAAO~~,GAAG,~~QAAQ,IAAI,oBAAoB,~~CAAC~~,QAAQ,CAAC,CAAC~~;~~YAE3D~~,MAAM,WAAW,GACb,aAAa,IAAI,OAAO;gBACpB,CAAC,CAAC,mCAAmC,CAAC,OAAO,CAAC;gBAC9C,CAAC,CAAC,cAAc,CAAC,SAAS,EAAE,EAAC,OAAO,EAAE,WAAW,EAAC,CAAC,CAAC;YAE5D,MAAM,aAAa,GAAG,MAAA,GAAG,CAAC,OAAO,0CAAE,OAAO,CAAC;YAE3C,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,aACvB,aAAa,CAAC,CAAC,CAAC,CACb,KAAC,YAAY,IAAC,IAAI,EAAE,WAAW,YAC3B,cACI,SAAS,EAAE,CAAC,CAAC,gBAAgB,EAAE;gCAC3B,IAAI,EAAE,aAAa,IAAI,aAAa,CAAC,WAAW,EAAE;6BACrD,CAAC,GACJ,GACS,CAClB,CAAC,CAAC,CAAC,CACA,cAAK,SAAS,EAAE,CAAC,CAAC,gBAAgB,CAAC,YAC/B,KAAC,WAAW,IACR,OAAO,EACH,eAAM,SAAS,EAAE,CAAC,CAAC,iBAAiB,CAAC,YAChC,CAAA,MAAA,GAAG,CAAC,OAAO,0CAAE,KAAK,KAAI,IAAI,CAAC,yBAAyB,CAAC,GACnD,EAEX,MAAM,EAAE,EAAC,IAAI,EAAE,CAAC,EAAC,GACnB,GACA,CACT,EACD,cAAK,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,YAC7B,KAAC,YAAY,IAAC,IAAI,EAAE,WAAW,YAAG,GAAG,CAAC,KAAK,GAAgB,GACzD,IACJ,CACT,CAAC;QACN,CAAC;QACD,YAAY,EAAE,SAAS,CAAC,SAAS;KACpC;IACD;QACI,IAAI,EAAE,aAAa,CAAC,QAAQ;QAC5B,MAAM,EAAE,cAAc,CAAC,aAAa,CAAC,QAAQ,CAAC;QAC9C,KAAK,EAAE,GAAG;QACV,YAAY,EAAE,SAAS,CAAC,UAAU;QAClC,YAAY,EAAE,CAAC,EAAC,gBAAgB,EAAC,EAAE,EAAE;YACjC,MAAM,QAAQ,GAAG,gBAAgB;iBAC5B,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC;iBACtD,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC,CAAC;YAE5C,OAAO,QAAQ,CAAC,CAAC,CAAC,IAAI,SAAS,CAAC;QACpC,CAAC;QACD,MAAM,EAAE,CAAC,EAAC,GAAG,EAAC,EAAE,EAAE;YACd,MAAM,~~EAAC~~,gBAAgB,~~EAAE~~,QAAQ,GAAG,EAAE,~~EAAE~~,~~QAAQ~~,EAAE,~~IAAI~~,EAAE,~~WAAW~~,~~EAAC~~,GAAG,GAAG,CAAC;~~YAE3E~~,MAAM,SAAS,GAAG,CAAC,QAAQ,CAAC,MAAM,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YAE7E,IAAI,SAAS,EAAE,CAAC;gBACZ,OAAO,UAAU,CAAC;YACtB,CAAC;YAED,MAAM,KAAK,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE,CAAC,GAAG,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;YAClE,MAAM,cAAc,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;;gBACzC,OAAO;oBACH,KAAK,EAAE,CAAC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,GAAG,GAAG;oBACjC,KAAK,EAAE,MAAA,gBAAgB,CAAC,IAAI,CACxB,CAAC,WAAW,EAAE,EAAE,CAAC,WAAW,CAAC,OAAO,KAAK,IAAI,CAAC,OAAO,CACxD,0CAAE,KAAK;iBACX,CAAC;YACN,CAAC,CAAC,CAAC;YAEH,~~MAAM,~~OAAO,~~GAAG,QAAQ,IAAI,oBAAoB,CAAC,QAAQ,CAAC,CAAC;YAE3D,OAAO,~~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"}
1	+ {"version":3,"file":"columns.js","sourceRoot":"","sources":["../../../src/containers/Clusters/columns.tsx"],"names":[],"mappings":"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"}

package/dist/containers/Clusters/constants.d.ts CHANGED Viewed

@@ -14,7 +14,7 @@ export declare const COLUMNS_NAMES: {
     readonly DESCRIPTION: "description";
     readonly BALANCER: "balancer";
 };
-export declare const DEFAULT_COLUMNS: ("nodes" | "storage" | "status" | "hosts" | "versions" | "tenants" | "service" | "load" | "owner" | "title" | "balancer")[];
+export declare const DEFAULT_COLUMNS: ("status" | "nodes" | "storage" | "hosts" | "versions" | "tenants" | "service" | "load" | "owner" | "title" | "balancer")[];
 export declare const COLUMNS_TITLES: {
     readonly title: "Cluster";
     readonly versions: "Versions";

package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantCpu/TopQueries.js CHANGED Viewed

@@ -6,7 +6,7 @@ import { parseQuery } from '../../../../../routes';
 import { setTopQueriesFilters, topQueriesApi, } from '../../../../../store/reducers/executeTopQueries/executeTopQueries';
 import { changeUserInput, setIsDirty } from '../../../../../store/reducers/query/query';
 import { TENANT_DIAGNOSTICS_TABS_IDS, TENANT_PAGE, TENANT_PAGES_IDS, TENANT_QUERY_TABS_ID, } from '../../../../../store/reducers/tenant/constants';
-import { TENANT_OVERVIEW_TABLES_SETTINGS } from '../../../../../utils/constants';
+import { TENANT_OVERVIEW_TABLES_LIMIT, TENANT_OVERVIEW_TABLES_SETTINGS, } from '../../../../../utils/constants';
 import { useAutoRefreshInterval, useTypedDispatch } from '../../../../../utils/hooks';
 import { useChangeInputWithConfirmation } from '../../../../../utils/hooks/withConfirmation/useChangeInputWithConfirmation';
 import { parseQueryErrorToString } from '../../../../../utils/query';
@@ -27,7 +27,7 @@ export function TopQueries({ tenantName }) {
     const columns = React.useMemo(() => {
         return getTenantOverviewTopQueriesColumns();
     }, []);
-    const { currentData, isFetching, error } = topQueriesApi.useGetTopQueriesQuery({ database: tenantName }, { pollingInterval: autoRefreshInterval });
+    const { currentData, isFetching, error } = topQueriesApi.useGetTopQueriesQuery({ database: tenantName, timeFrame: 'hour', limit: TENANT_OVERVIEW_TABLES_LIMIT }, { pollingInterval: autoRefreshInterval });
     const loading = isFetching && currentData === undefined;
     const data = ((_b = (_a = currentData === null || currentData === void 0 ? void 0 : currentData.resultSets) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.result) || [];
     const applyRowClick = React.useCallback((row) => {

package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantCpu/TopQueries.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TopQueries.js","sourceRoot":"","sources":["../../../../../../src/containers/Tenant/Diagnostics/TenantOverview/TenantCpu/TopQueries.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,UAAU,EAAE,WAAW,EAAC,MAAM,kBAAkB,CAAC;AAEzD,OAAO,EAAC,mBAAmB,EAAC,MAAM,mEAAmE,CAAC;AACtG,OAAO,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAC;AACjD,OAAO,EACH,oBAAoB,EACpB,aAAa,GAChB,MAAM,mEAAmE,CAAC;AAC3E,OAAO,EAAC,eAAe,EAAE,UAAU,EAAC,MAAM,2CAA2C,CAAC;AACtF,OAAO,EACH,2BAA2B,EAC3B,WAAW,EACX,gBAAgB,EAChB,oBAAoB,GACvB,MAAM,gDAAgD,CAAC;AACxD,OAAO,~~EAAC~~,+BAA+B,~~EAAC~~,MAAM,gCAAgC,CAAC;~~AAC/E~~,OAAO,EAAC,sBAAsB,EAAE,gBAAgB,EAAC,MAAM,4BAA4B,CAAC;AACpF,OAAO,EAAC,8BAA8B,EAAC,MAAM,4EAA4E,CAAC;AAC1H,OAAO,EAAC,uBAAuB,EAAC,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAC,gBAAgB,EAAE,aAAa,EAAC,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAC,kCAAkC,EAAC,MAAM,kCAAkC,CAAC;AACpF,OAAO,EAAC,gCAAgC,EAAC,MAAM,oCAAoC,CAAC;AACpF,OAAO,EAAC,yBAAyB,EAAC,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAC,eAAe,EAAC,MAAM,oBAAoB,CAAC;AACnD,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,EAAC,CAAC,EAAC,MAAM,UAAU,CAAC;AAM3B,MAAM,UAAU,UAAU,CAAC,EAAC,UAAU,EAAkB;;IACpD,MAAM,QAAQ,GAAG,gBAAgB,EAAE,CAAC;IACpC,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAE7B,MAAM,KAAK,GAAG,UAAU,CAAC,QAAQ,CAAC,CAAC;IAEnC,MAAM,CAAC,mBAAmB,CAAC,GAAG,sBAAsB,EAAE,CAAC;IAEvD,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAC/B,OAAO,kCAAkC,EAAE,CAAC;IAChD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,EAAC,WAAW,EAAE,UAAU,EAAE,KAAK,EAAC,GAAG,aAAa,CAAC,qBAAqB,CACxE,EAAC,QAAQ,EAAE,UAAU,EAAC,~~EACtB~~,EAAC,eAAe,EAAE,mBAAmB,EAAC,CACzC,CAAC;IAEF,MAAM,OAAO,GAAG,UAAU,IAAI,WAAW,KAAK,SAAS,CAAC;IACxD,MAAM,IAAI,GAAG,CAAA,MAAA,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,UAAU,0CAAG,CAAC,CAAC,0CAAE,MAAM,KAAI,EAAE,CAAC;IAExD,MAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CACnC,CAAC,GAAQ,EAAE,EAAE;QACT,MAAM,EAAC,SAAS,EAAE,KAAK,EAAC,GAAG,GAAG,CAAC;QAE/B,QAAQ,CAAC,eAAe,CAAC,EAAC,KAAK,EAAC,CAAC,CAAC,CAAC;QACnC,QAAQ,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC;QAE5B,MAAM,WAAW,GAAG,UAAU,CAAC,QAAQ,CAAC,CAAC;QAEzC,MAAM,SAAS,GAAG,aAAa,CAAC;YAC5B,GAAG,WAAW;YACd,CAAC,WAAW,CAAC,EAAE,gBAAgB,CAAC,KAAK;YACrC,CAAC,gBAAgB,CAAC,QAAQ,CAAC,EAAE,oBAAoB,CAAC,QAAQ;SAC7D,CAAC,CAAC;QAEH,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC5B,CAAC,EACD,CAAC,QAAQ,EAAE,OAAO,EAAE,QAAQ,CAAC,CAChC,CAAC;IAEF,MAAM,cAAc,GAAG,8BAA8B,CAAC,aAAa,CAAC,CAAC;IAErE,MAAM,KAAK,GAAG,eAAe,CAAC;QAC1B,MAAM,EAAE,IAAI,CAAC,SAAS,CAAC;QACvB,OAAO,EAAE,IAAI,CAAC,aAAa,EAAE,EAAC,eAAe,EAAE,IAAI,CAAC,oBAAoB,CAAC,EAAC,CAAC;QAC3E,OAAO,EAAE,GAAG,EAAE;YACV,QAAQ,CAAC,oBAAoB,CAAC,EAAC,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,EAAC,CAAC,CAAC,CAAC;QACrE,CAAC;QACD,IAAI,EAAE,aAAa,CAAC;YAChB,GAAG,KAAK;YACR,CAAC,gBAAgB,CAAC,cAAc,CAAC,EAAE,2BAA2B,CAAC,UAAU;SAC5E,CAAC;KACL,CAAC,CAAC;IAEH,OAAO,CACH,KAAC,yBAAyB,IACtB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,uBAAuB,CAAC,KAAK,CAAC,EACrC,QAAQ,EAAE,OAAO,CAAC,WAAW,CAAC,YAE9B,KAAC,mBAAmB,IAChB,iBAAiB,EAAE,gCAAgC,EACnD,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,cAAc,EAC1B,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,iBAAiB,CAAC,EACxC,QAAQ,EAAE,+BAA+B,GAC3C,GACsB,CAC/B,CAAC;AACN,CAAC"}
1	+ {"version":3,"file":"TopQueries.js","sourceRoot":"","sources":["../../../../../../src/containers/Tenant/Diagnostics/TenantOverview/TenantCpu/TopQueries.tsx"],"names":[],"mappings":"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"}

package/dist/containers/Tenant/Diagnostics/TenantOverview/i18n/index.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-declare const _default: (key: "nodes" | "queries" | "tables" | "no-data" | "top" | "groups" | "shards" | "no-pools-data" | "top-nodes.empty-data" | "top-groups.empty-data" | "by-pools-usage" | "by-cpu-time" | "by-cpu-usage" | "by-load" | "by-memory" | "by-usage" | "by-size" | "cards.cpu-label" | "cards.storage-label" | "cards.memory-label" | "charts.queries-per-second" | "charts.transaction-latency" | "charts.cpu-usage" | "charts.storage-usage" | "charts.memory-usage" | "storage.tablet-storage-title" | "storage.tablet-storage-description" | "storage.db-storage-title" | "storage.db-storage-description" | "executed-last-hour" | "column-header.process", params?: import("@gravity-ui/i18n").Params) => string;
+declare const _default: (key: "queries" | "nodes" | "tables" | "no-data" | "top" | "groups" | "shards" | "no-pools-data" | "top-nodes.empty-data" | "top-groups.empty-data" | "by-pools-usage" | "by-cpu-time" | "by-cpu-usage" | "by-load" | "by-memory" | "by-usage" | "by-size" | "cards.cpu-label" | "cards.storage-label" | "cards.memory-label" | "charts.queries-per-second" | "charts.transaction-latency" | "charts.cpu-usage" | "charts.storage-usage" | "charts.memory-usage" | "storage.tablet-storage-title" | "storage.tablet-storage-description" | "storage.db-storage-title" | "storage.db-storage-description" | "executed-last-hour" | "column-header.process", params?: import("@gravity-ui/i18n").Params) => string;
 export default _default;

package/dist/containers/Tenant/Diagnostics/TopQueries/RunningQueriesData.d.ts CHANGED Viewed

@@ -1,7 +1,9 @@
-interface Props {
-    database: string;
+import React from 'react';
+interface RunningQueriesDataProps {
+    tenantName: string;
+    renderQueryModeControl: () => React.ReactNode;
     onRowClick: (query: string) => void;
-    rowClassName: string;
+    handleTextSearchUpdate: (text: string) => void;
 }
-export declare const RunningQueriesData: ({ database, onRowClick, rowClassName }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const RunningQueriesData: ({ tenantName, renderQueryModeControl, onRowClick, handleTextSearchUpdate, }: RunningQueriesDataProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/containers/Tenant/Diagnostics/TopQueries/RunningQueriesData.js CHANGED Viewed

@@ -1,33 +1,39 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
+import { TableColumnSetup } from '@gravity-ui/uikit';
 import { ResponseError } from '../../../../components/Errors/ResponseError';
 import { ResizeableDataTable } from '../../../../components/ResizeableDataTable/ResizeableDataTable';
+import { Search } from '../../../../components/Search';
 import { TableWithControlsLayout } from '../../../../components/TableWithControlsLayout/TableWithControlsLayout';
 import { topQueriesApi } from '../../../../store/reducers/executeTopQueries/executeTopQueries';
+import { cn } from '../../../../utils/cn';
 import { useAutoRefreshInterval, useTypedSelector } from '../../../../utils/hooks';
+import { useSelectedColumns } from '../../../../utils/hooks/useSelectedColumns';
 import { parseQueryErrorToString } from '../../../../utils/query';
 import { getRunningQueriesColumns } from './columns/columns';
-import { RUNNING_QUERIES_COLUMNS_WIDTH_LS_KEY } from './columns/constants';
+import { DEFAULT_RUNNING_QUERIES_COLUMNS, QUERIES_COLUMNS_TITLES, REQUIRED_RUNNING_QUERIES_COLUMNS, RUNNING_QUERIES_COLUMNS_WIDTH_LS_KEY, RUNNING_QUERIES_SELECTED_COLUMNS_LS_KEY, } from './columns/constants';
 import i18n from './i18n';
 import { TOP_QUERIES_TABLE_SETTINGS, useRunningQueriesSort } from './utils';
-export const RunningQueriesData = ({ database, onRowClick, rowClassName }) => {
+const b = cn('kv-top-queries');
+export const RunningQueriesData = ({ tenantName, renderQueryModeControl, onRowClick, handleTextSearchUpdate, }) => {
     var _a;
     const [autoRefreshInterval] = useAutoRefreshInterval();
     const filters = useTypedSelector((state) => state.executeTopQueries);
+    // Get columns for running queries
+    const columns = React.useMemo(() => {
+        return getRunningQueriesColumns();
+    }, []);
+    // Use selected columns hook
+    const { columnsToShow, columnsToSelect, setColumns } = useSelectedColumns(columns, RUNNING_QUERIES_SELECTED_COLUMNS_LS_KEY, QUERIES_COLUMNS_TITLES, DEFAULT_RUNNING_QUERIES_COLUMNS, REQUIRED_RUNNING_QUERIES_COLUMNS);
     const { tableSort, handleTableSort, backendSort } = useRunningQueriesSort();
-    const { currentData, isFetching, error } = topQueriesApi.useGetRunningQueriesQuery({
-        database,
+    const { currentData, data, isFetching, isLoading, error } = topQueriesApi.useGetRunningQueriesQuery({
+        database: tenantName,
         filters,
         sortOrder: backendSort,
     }, { pollingInterval: autoRefreshInterval });
-    const loading = isFetching && currentData === undefined;
-    const data = ((_a = currentData === null || currentData === void 0 ? void 0 : currentData.resultSets) === null || _a === void 0 ? void 0 : _a[0].result) || [];
-    const columns = React.useMemo(() => {
-        return getRunningQueriesColumns();
-    }, []);
     const handleRowClick = (row) => {
         return onRowClick(row.QueryText);
     };
-    return (_jsxs(React.Fragment, { children: [error ? _jsx(ResponseError, { error: parseQueryErrorToString(error) }) : null, _jsx(TableWithControlsLayout.Table, { loading: loading, children: _jsx(ResizeableDataTable, { emptyDataMessage: i18n('no-data'), columnsWidthLSKey: RUNNING_QUERIES_COLUMNS_WIDTH_LS_KEY, columns: columns, data: data, settings: TOP_QUERIES_TABLE_SETTINGS, onRowClick: handleRowClick, rowClassName: () => rowClassName, sortOrder: tableSort, onSort: handleTableSort }) })] }));
+    return (_jsxs(TableWithControlsLayout, { children: [_jsxs(TableWithControlsLayout.Controls, { children: [renderQueryModeControl(), _jsx(Search, { value: filters.text, onChange: handleTextSearchUpdate, placeholder: i18n('filter.text.placeholder'), className: b('search') }), _jsx(TableColumnSetup, { popupWidth: 200, items: columnsToSelect, showStatus: true, onUpdate: setColumns, sortable: false })] }), error ? _jsx(ResponseError, { error: parseQueryErrorToString(error) }) : null, _jsx(TableWithControlsLayout.Table, { loading: isLoading, children: _jsx(ResizeableDataTable, { emptyDataMessage: i18n('no-data'), columnsWidthLSKey: RUNNING_QUERIES_COLUMNS_WIDTH_LS_KEY, columns: columnsToShow, data: ((_a = data === null || data === void 0 ? void 0 : data.resultSets) === null || _a === void 0 ? void 0 : _a[0].result) || [], loading: isFetching && currentData === undefined, settings: TOP_QUERIES_TABLE_SETTINGS, onRowClick: handleRowClick, rowClassName: () => b('row'), sortOrder: tableSort, onSort: handleTableSort }) })] }));
 };
 //# sourceMappingURL=RunningQueriesData.js.map

package/dist/containers/Tenant/Diagnostics/TopQueries/RunningQueriesData.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RunningQueriesData.js","sourceRoot":"","sources":["../../../../../src/containers/Tenant/Diagnostics/TopQueries/RunningQueriesData.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;~~AAE1B~~,OAAO,EAAC,aAAa,EAAC,MAAM,6CAA6C,CAAC;AAC1E,OAAO,EAAC,mBAAmB,EAAC,MAAM,gEAAgE,CAAC;AACnG,OAAO,EAAC,uBAAuB,EAAC,MAAM,wEAAwE,CAAC;AAC/G,OAAO,EAAC,aAAa,EAAC,MAAM,gEAAgE,CAAC;AAE7F,OAAO,EAAC,sBAAsB,EAAE,gBAAgB,EAAC,MAAM,yBAAyB,CAAC;AACjF,OAAO,EAAC,uBAAuB,EAAC,MAAM,yBAAyB,CAAC;AAEhE,OAAO,EAAC,wBAAwB,EAAC,MAAM,mBAAmB,CAAC;AAC3D,OAAO,~~EAAC~~,oCAAoC,~~EAAC~~,MAAM,qBAAqB,CAAC;~~AACzE~~,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,EAAC,0BAA0B,EAAE,qBAAqB,EAAC,MAAM,SAAS,CAAC;~~AAQ1E~~,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,~~EAAC~~,~~QAAQ~~,~~EAAE~~,UAAU,~~EAAE~~,~~YAAY~~,~~EAAQ~~,EAAE,EAAE;;~~IAC9E~~,MAAM,CAAC,mBAAmB,CAAC,GAAG,sBAAsB,EAAE,CAAC;IACvD,MAAM,OAAO,GAAG,gBAAgB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC;IAErE,MAAM,EAAC,SAAS,EAAE,eAAe,EAAE,WAAW,EAAC,GAAG,qBAAqB,EAAE,CAAC;IAE1E,MAAM,EAAC,WAAW,EAAE,UAAU,EAAE,KAAK,EAAC,~~GAAG~~,aAAa,CAAC,yBAAyB,~~CAC5E~~;QACI,QAAQ;~~QACR~~,OAAO;QACP,SAAS,EAAE,WAAW;KACzB,EACD,EAAC,eAAe,EAAE,mBAAmB,EAAC,CACzC,CAAC;~~IAEF~~,MAAM,~~OAAO~~,GAAG,~~UAAU~~,~~IAAI~~,~~WAAW~~,~~KAAK~~,~~SAAS~~,CAAC~~;IAExD~~,~~MAAM~~,~~IAAI~~,~~GAAG~~,~~CAAA~~,~~MAAA~~,~~WAAW~~,~~aAAX~~,~~WAAW~~,~~uBAAX~~,~~WAAW~~,~~CAAE~~,~~UAAU~~,~~0CAAG~~,CAAC,~~EAAE~~,~~MAAM~~,~~KAAI~~,EAAE,~~CAAC;IAEvD~~,MAAM,~~OAAO~~,~~GAAG,~~KAAK,~~CAAC~~,OAAO,CAAC,~~GAAG~~,EAAE~~;QAC/B~~,~~OAAO~~,~~wBAAwB~~,EAAE,CAAC~~;IACtC~~,CAAC,~~EAAE~~,EAAE,CAAC,CAAC~~;IAEP~~,~~MAAM~~,~~cAAc~~,~~GAAG~~,~~CAAC~~,~~GAAgB~~,~~EAAE~~,~~EAAE;QACxC~~,~~OAAO,~~UAAU,~~CAAC~~,GAAG,~~CAAC~~,~~SAAmB~~,~~CAAC~~,~~CAAC;IAC/C~~,~~CAAC~~,~~CAAC;IAEF~~,~~OAAO~~,~~CACH~~,~~MAAC~~,~~KAAK~~,~~CAAC~~,QAAQ,~~eACV~~,KAAK,CAAC,CAAC,CAAC,KAAC,aAAa,IAAC,KAAK,EAAE,uBAAuB,CAAC,KAAK,CAAC,GAAI,CAAC,CAAC,CAAC,IAAI,EACxE,KAAC,uBAAuB,CAAC,KAAK,IAAC,OAAO,EAAE,~~OAAO~~,~~YAC3C~~,KAAC,mBAAmB,IAChB,gBAAgB,EAAE,IAAI,CAAC,SAAS,CAAC,EACjC,iBAAiB,EAAE,oCAAoC,EACvD,OAAO,EAAE,~~OAAO~~,~~EAChB~~,IAAI,EAAE,IAAI,~~EACV~~,QAAQ,EAAE,0BAA0B,EACpC,UAAU,EAAE,cAAc,EAC1B,YAAY,EAAE,GAAG,EAAE,CAAC,~~YAAY~~,~~EAChC~~,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,eAAe,GACzB,GAC0B,~~IACnB~~,~~CACpB~~,CAAC;AACN,CAAC,CAAC"}
1	+ {"version":3,"file":"RunningQueriesData.js","sourceRoot":"","sources":["../../../../../src/containers/Tenant/Diagnostics/TopQueries/RunningQueriesData.tsx"],"names":[],"mappings":"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"}

package/dist/containers/Tenant/Diagnostics/TopQueries/TopQueries.js CHANGED Viewed

@@ -1,25 +1,21 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { RadioButton } from '@gravity-ui/uikit';
 import { useHistory, useLocation } from 'react-router-dom';
 import { StringParam, useQueryParam } from 'use-query-params';
 import { z } from 'zod';
-import { DateRange } from '../../../../components/DateRange';
-import { Search } from '../../../../components/Search';
-import { TableWithControlsLayout } from '../../../../components/TableWithControlsLayout/TableWithControlsLayout';
 import { parseQuery } from '../../../../routes';
 import { setTopQueriesFilters } from '../../../../store/reducers/executeTopQueries/executeTopQueries';
 import { changeUserInput, setIsDirty } from '../../../../store/reducers/query/query';
 import { TENANT_PAGE, TENANT_PAGES_IDS, TENANT_QUERY_TABS_ID, } from '../../../../store/reducers/tenant/constants';
-import { cn } from '../../../../utils/cn';
-import { useTypedDispatch, useTypedSelector } from '../../../../utils/hooks';
+import { useTypedDispatch } from '../../../../utils/hooks';
 import { useChangeInputWithConfirmation } from '../../../../utils/hooks/withConfirmation/useChangeInputWithConfirmation';
 import { TenantTabsGroups, getTenantPath } from '../../TenantPages';
 import { RunningQueriesData } from './RunningQueriesData';
 import { TopQueriesData } from './TopQueriesData';
+import { TimeFrameIds } from './constants';
 import i18n from './i18n';
 import './TopQueries.scss';
-const b = cn('kv-top-queries');
 const QueryModeIds = {
     top: 'top',
     running: 'running',
@@ -39,14 +35,16 @@ const QUERY_MODE_OPTIONS = [
     },
 ];
 const queryModeSchema = z.nativeEnum(QueryModeIds).catch(QueryModeIds.top);
+const timeFrameSchema = z.nativeEnum(TimeFrameIds).catch(TimeFrameIds.hour);
 export const TopQueries = ({ tenantName }) => {
     const dispatch = useTypedDispatch();
     const location = useLocation();
     const history = useHistory();
     const [_queryMode = QueryModeIds.top, setQueryMode] = useQueryParam('queryMode', StringParam);
+    const [_timeFrame = TimeFrameIds.hour, setTimeFrame] = useQueryParam('timeFrame', StringParam);
     const queryMode = queryModeSchema.parse(_queryMode);
+    const timeFrame = timeFrameSchema.parse(_timeFrame);
     const isTopQueries = queryMode === QueryModeIds.top;
-    const filters = useTypedSelector((state) => state.executeTopQueries);
     const applyRowClick = React.useCallback((input) => {
         dispatch(changeUserInput({ input }));
         dispatch(setIsDirty(false));
@@ -62,10 +60,15 @@ export const TopQueries = ({ tenantName }) => {
     const handleTextSearchUpdate = (text) => {
         dispatch(setTopQueriesFilters({ text }));
     };
+    const handleTimeFrameChange = (value) => {
+        setTimeFrame(value[0], 'replaceIn');
+    };
     const handleDateRangeChange = (value) => {
         dispatch(setTopQueriesFilters(value));
     };
-    const DataComponent = isTopQueries ? TopQueriesData : RunningQueriesData;
-    return (_jsxs(TableWithControlsLayout, { children: [_jsxs(TableWithControlsLayout.Controls, { children: [_jsx(RadioButton, { options: QUERY_MODE_OPTIONS, value: queryMode, onUpdate: setQueryMode }), _jsx(Search, { value: filters.text, onChange: handleTextSearchUpdate, placeholder: i18n('filter.text.placeholder'), className: b('search') }), isTopQueries ? (_jsx(DateRange, { from: filters.from, to: filters.to, onChange: handleDateRangeChange })) : null] }), _jsx(DataComponent, { database: tenantName, onRowClick: onRowClick, rowClassName: b('row') })] }));
+    const renderQueryModeControl = React.useCallback(() => {
+        return (_jsx(RadioButton, { options: QUERY_MODE_OPTIONS, value: queryMode, onUpdate: setQueryMode }));
+    }, [queryMode, setQueryMode]);
+    return isTopQueries ? (_jsx(TopQueriesData, { tenantName: tenantName, timeFrame: timeFrame, renderQueryModeControl: renderQueryModeControl, onRowClick: onRowClick, handleTimeFrameChange: handleTimeFrameChange, handleDateRangeChange: handleDateRangeChange, handleTextSearchUpdate: handleTextSearchUpdate })) : (_jsx(RunningQueriesData, { tenantName: tenantName, renderQueryModeControl: renderQueryModeControl, onRowClick: onRowClick, handleTextSearchUpdate: handleTextSearchUpdate }));
 };
 //# sourceMappingURL=TopQueries.js.map

package/dist/containers/Tenant/Diagnostics/TopQueries/TopQueries.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TopQueries.js","sourceRoot":"","sources":["../../../../../src/containers/Tenant/Diagnostics/TopQueries/TopQueries.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAC,WAAW,EAAC,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAC,UAAU,EAAE,WAAW,EAAC,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAC,WAAW,EAAE,aAAa,EAAC,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAC,CAAC,EAAC,MAAM,KAAK,CAAC;AAGtB,OAAO,EAAC,~~SAAS,EAAC,MAAM,kCAAkC,CAAC;AAC3D,OAAO,EAAC,MAAM,EAAC,MAAM,+BAA+B,CAAC;AACrD,OAAO,EAAC,uBAAuB,EAAC,MAAM,wEAAwE,CAAC;AAC/G,OAAO,EAAC,~~UAAU,EAAC,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAC,oBAAoB,EAAC,MAAM,gEAAgE,CAAC;~~AACpG~~,OAAO,EAAC,eAAe,EAAE,UAAU,EAAC,MAAM,wCAAwC,CAAC;AACnF,OAAO,EACH,WAAW,EACX,gBAAgB,EAChB,oBAAoB,GACvB,MAAM,6CAA6C,CAAC;AACrD,OAAO,EAAC,~~EAAE,EAAC,MAAM,sBAAsB,CAAC;AACxC,OAAO,EAAC,~~gBAAgB,~~EAAE,gBAAgB,~~EAAC,MAAM,yBAAyB,CAAC;~~AAC3E~~,OAAO,EAAC,8BAA8B,EAAC,MAAM,yEAAyE,CAAC;AACvH,OAAO,EAAC,gBAAgB,EAAE,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAElE,OAAO,EAAC,kBAAkB,EAAC,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAChD,OAAO,~~IAAI~~,MAAM,~~QAAQ~~,CAAC;~~AAE1B~~,OAAO,~~mBAAmB~~,~~CAAC;AAE3B,~~MAAM,~~CAAC~~,~~GAAG,EAAE,~~CAAC,~~gBAAgB~~,~~CAAC~~,CAAC;~~AAE/B~~,MAAM,YAAY,GAAG;IACjB,GAAG,EAAE,KAAK;IACV,OAAO,EAAE,SAAS;CACZ,CAAC;AAEX,MAAM,kBAAkB,GAAwB;IAC5C;QACI,KAAK,EAAE,YAAY,CAAC,GAAG;QACvB,IAAI,OAAO;YACP,OAAO,IAAI,CAAC,UAAU,CAAC,CAAC;QAC5B,CAAC;KACJ;IACD;QACI,KAAK,EAAE,YAAY,CAAC,OAAO;QAC3B,IAAI,OAAO;YACP,OAAO,IAAI,CAAC,cAAc,CAAC,CAAC;QAChC,CAAC;KACJ;CACJ,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;~~AAM3E~~,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAC,UAAU,EAAkB,EAAE,EAAE;IACxD,MAAM,QAAQ,GAAG,gBAAgB,EAAE,CAAC;IACpC,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAC7B,MAAM,CAAC,UAAU,GAAG,YAAY,CAAC,GAAG,EAAE,YAAY,CAAC,GAAG,aAAa,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;~~IAE9F~~,MAAM,~~SAAS~~,GAAG,~~eAAe~~,CAAC,~~KAAK~~,CAAC,~~UAAU~~,CAAC,CAAC;~~IAEpD~~,MAAM,~~YAAY~~,GAAG,~~SAAS~~,KAAK,~~YAAY,~~CAAC,~~GAAG~~,CAAC;~~IAEpD~~,MAAM,~~OAAO~~,GAAG,~~gBAAgB~~,CAAC,~~CAAC,~~KAAK,~~EAAE~~,~~EAAE~~,CAAC,KAAK,CAAC,~~iBAAiB~~,CAAC~~,CAAC~~;~~IAErE~~,MAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CACnC,CAAC,KAAa,EAAE,EAAE;QACd,QAAQ,CAAC,eAAe,CAAC,EAAC,KAAK,EAAC,CAAC,CAAC,CAAC;QACnC,QAAQ,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC;QAE5B,MAAM,WAAW,GAAG,UAAU,CAAC,QAAQ,CAAC,CAAC;QAEzC,MAAM,SAAS,GAAG,aAAa,CAAC;YAC5B,GAAG,WAAW;YACd,CAAC,WAAW,CAAC,EAAE,gBAAgB,CAAC,KAAK;YACrC,CAAC,gBAAgB,CAAC,QAAQ,CAAC,EAAE,oBAAoB,CAAC,QAAQ;SAC7D,CAAC,CAAC;QAEH,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC5B,CAAC,EACD,CAAC,QAAQ,EAAE,OAAO,EAAE,QAAQ,CAAC,CAChC,CAAC;IAEF,MAAM,UAAU,GAAG,8BAA8B,CAAC,aAAa,CAAC,CAAC;IAEjE,MAAM,sBAAsB,GAAG,CAAC,IAAY,EAAE,EAAE;QAC5C,QAAQ,CAAC,oBAAoB,CAAC,EAAC,IAAI,EAAC,CAAC,CAAC,CAAC;IAC3C,CAAC,CAAC;IAEF,MAAM,qBAAqB,GAAG,CAAC,~~KAAsB~~,EAAE,EAAE;~~QACrD~~,~~QAAQ~~,CAAC,~~oBAAoB~~,CAAC,~~KAAK,~~CAAC,CAAC,CAAC;~~IAC1C~~,CAAC,CAAC;IAEF,MAAM,~~aAAa~~,GAAG,~~YAAY,~~CAAC,CAAC,CAAC,~~cAAc~~,CAAC,CAAC,CAAC,~~kBAAkB~~,CAAC;~~IAEzE~~,~~OAAO~~,~~CACH~~,~~MAAC~~,~~uBAAuB~~,~~eACpB~~,~~MAAC~~,~~uBAAuB,~~CAAC,~~QAAQ~~,~~eAC7B~~,KAAC,WAAW,~~IACR~~,OAAO,EAAE,kBAAkB,~~EAC3B~~,KAAK,EAAE,SAAS,~~EAChB~~,QAAQ,EAAE,YAAY,~~GACxB~~,~~EACF~~,~~KAAC~~,~~MAAM~~,~~IACH,KAAK,~~EAAE,~~OAAO,~~CAAC,~~IAAI~~,~~EACnB,QAAQ,~~EAAE,~~sBAAsB~~,~~EAChC~~,~~WAAW,EAAE,IAAI,~~CAAC,~~yBAAyB,~~CAAC,~~EAC5C~~,~~SAAS~~,~~EAAE~~,CAAC,CAAC,~~QAAQ~~,~~CAAC~~,~~GACxB~~,~~EACD~~,~~YAAY~~,~~CAAC~~,~~CAAC~~,~~CAAC~~,~~CACZ~~,~~KAAC~~,SAAS,~~IACN~~,~~IAAI~~,EAAE,~~OAAO~~,~~CAAC~~,~~IAAI~~,~~EAClB,~~EAAE,~~EAAE~~,~~OAAO~~,~~CAAC~~,EAAE,~~EACd~~,~~QAAQ~~,EAAE,qBAAqB,~~GACjC~~,CACL,CAAC,CAAC,CAAC,~~IAAI~~,~~IACuB,EACnC,~~KAAC,~~aAAa~~,~~IAAC~~,~~QAAQ~~,EAAE,UAAU,~~EAAE~~,~~UAAU~~,EAAE,~~UAAU~~,~~EAAE~~,~~YAAY~~,EAAE,~~CAAC~~,~~CAAC~~,~~KAAK~~,~~CAAC~~,~~GAAI~~,~~IACjE~~,~~CAC7B~~,CAAC;AACN,CAAC,CAAC"}
1	+ {"version":3,"file":"TopQueries.js","sourceRoot":"","sources":["../../../../../src/containers/Tenant/Diagnostics/TopQueries/TopQueries.tsx"],"names":[],"mappings":"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"}

package/dist/containers/Tenant/Diagnostics/TopQueries/TopQueriesData.d.ts CHANGED Viewed

@@ -1,7 +1,14 @@
-interface Props {
-    database: string;
+import React from 'react';
+import type { DateRangeValues } from '../../../../components/DateRange';
+import type { TimeFrame } from '../../../../store/reducers/executeTopQueries/types';
+interface TopQueriesDataProps {
+    tenantName: string;
+    timeFrame: TimeFrame;
+    renderQueryModeControl: () => React.ReactNode;
     onRowClick: (query: string) => void;
-    rowClassName: string;
+    handleTimeFrameChange: (value: string[]) => void;
+    handleDateRangeChange: (value: DateRangeValues) => void;
+    handleTextSearchUpdate: (text: string) => void;
 }
-export declare const TopQueriesData: ({ database, onRowClick, rowClassName }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const TopQueriesData: ({ tenantName, timeFrame, renderQueryModeControl, onRowClick, handleTimeFrameChange, handleDateRangeChange, handleTextSearchUpdate, }: TopQueriesDataProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/containers/Tenant/Diagnostics/TopQueries/TopQueriesData.js CHANGED Viewed

@@ -1,33 +1,42 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
+import { Select, TableColumnSetup } from '@gravity-ui/uikit';
+import { DateRange } from '../../../../components/DateRange';
 import { ResponseError } from '../../../../components/Errors/ResponseError';
 import { ResizeableDataTable } from '../../../../components/ResizeableDataTable/ResizeableDataTable';
+import { Search } from '../../../../components/Search';
 import { TableWithControlsLayout } from '../../../../components/TableWithControlsLayout/TableWithControlsLayout';
 import { topQueriesApi } from '../../../../store/reducers/executeTopQueries/executeTopQueries';
+import { cn } from '../../../../utils/cn';
 import { useAutoRefreshInterval, useTypedSelector } from '../../../../utils/hooks';
+import { useSelectedColumns } from '../../../../utils/hooks/useSelectedColumns';
 import { parseQueryErrorToString } from '../../../../utils/query';
 import { getTopQueriesColumns } from './columns/columns';
-import { TOP_QUERIES_COLUMNS_WIDTH_LS_KEY } from './columns/constants';
+import { DEFAULT_TOP_QUERIES_COLUMNS, QUERIES_COLUMNS_TITLES, REQUIRED_TOP_QUERIES_COLUMNS, TOP_QUERIES_COLUMNS_WIDTH_LS_KEY, TOP_QUERIES_SELECTED_COLUMNS_LS_KEY, } from './columns/constants';
+import { DEFAULT_TIME_FILTER_VALUE, TIME_FRAME_OPTIONS } from './constants';
 import i18n from './i18n';
 import { TOP_QUERIES_TABLE_SETTINGS, useTopQueriesSort } from './utils';
-export const TopQueriesData = ({ database, onRowClick, rowClassName }) => {
-    var _a, _b;
+const b = cn('kv-top-queries');
+export const TopQueriesData = ({ tenantName, timeFrame, renderQueryModeControl, onRowClick, handleTimeFrameChange, handleDateRangeChange, handleTextSearchUpdate, }) => {
+    var _a;
     const [autoRefreshInterval] = useAutoRefreshInterval();
     const filters = useTypedSelector((state) => state.executeTopQueries);
+    // Get columns for top queries
+    const columns = React.useMemo(() => {
+        return getTopQueriesColumns();
+    }, []);
+    // Use selected columns hook
+    const { columnsToShow, columnsToSelect, setColumns } = useSelectedColumns(columns, TOP_QUERIES_SELECTED_COLUMNS_LS_KEY, QUERIES_COLUMNS_TITLES, DEFAULT_TOP_QUERIES_COLUMNS, REQUIRED_TOP_QUERIES_COLUMNS);
     const { tableSort, handleTableSort, backendSort } = useTopQueriesSort();
-    const { currentData, isFetching, error } = topQueriesApi.useGetTopQueriesQuery({
-        database,
+    const { currentData, data, isFetching, isLoading, error } = topQueriesApi.useGetTopQueriesQuery({
+        database: tenantName,
         filters,
         sortOrder: backendSort,
+        timeFrame,
     }, { pollingInterval: autoRefreshInterval });
-    const loading = isFetching && currentData === undefined;
-    const data = ((_b = (_a = currentData === null || currentData === void 0 ? void 0 : currentData.resultSets) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.result) || [];
-    const columns = React.useMemo(() => {
-        return getTopQueriesColumns();
-    }, []);
     const handleRowClick = (row) => {
         return onRowClick(row.QueryText);
     };
-    return (_jsxs(React.Fragment, { children: [error ? _jsx(ResponseError, { error: parseQueryErrorToString(error) }) : null, _jsx(TableWithControlsLayout.Table, { loading: loading, children: _jsx(ResizeableDataTable, { emptyDataMessage: i18n('no-data'), columnsWidthLSKey: TOP_QUERIES_COLUMNS_WIDTH_LS_KEY, columns: columns, data: data || [], settings: TOP_QUERIES_TABLE_SETTINGS, onRowClick: handleRowClick, rowClassName: () => rowClassName, sortOrder: tableSort, onSort: handleTableSort }) })] }));
+    return (_jsxs(TableWithControlsLayout, { children: [_jsxs(TableWithControlsLayout.Controls, { children: [renderQueryModeControl(), _jsx(Select, { options: TIME_FRAME_OPTIONS, value: [timeFrame], onUpdate: handleTimeFrameChange }), _jsx(DateRange, { from: filters.from, to: filters.to, onChange: handleDateRangeChange, defaultValue: DEFAULT_TIME_FILTER_VALUE }), _jsx(Search, { value: filters.text, onChange: handleTextSearchUpdate, placeholder: i18n('filter.text.placeholder'), className: b('search') }), _jsx(TableColumnSetup, { popupWidth: 200, items: columnsToSelect, showStatus: true, onUpdate: setColumns, sortable: false })] }), error ? _jsx(ResponseError, { error: parseQueryErrorToString(error) }) : null, _jsx(TableWithControlsLayout.Table, { loading: isLoading, children: _jsx(ResizeableDataTable, { emptyDataMessage: i18n('no-data'), columnsWidthLSKey: TOP_QUERIES_COLUMNS_WIDTH_LS_KEY, columns: columnsToShow, data: ((_a = data === null || data === void 0 ? void 0 : data.resultSets) === null || _a === void 0 ? void 0 : _a[0].result) || [], loading: isFetching && currentData === undefined, settings: TOP_QUERIES_TABLE_SETTINGS, onRowClick: handleRowClick, rowClassName: () => b('row'), sortOrder: tableSort, onSort: handleTableSort }) })] }));
 };
 //# sourceMappingURL=TopQueriesData.js.map