@gravity-ui/querieskit 1.2.0 → 1.3.0

package/build/esm/modules/QueryStatistics/QueryStatistics.js

@@ -0,0 +1,143 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import "core-js/modules/es.array.concat.js";
+import "core-js/modules/es.array.every.js";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.array.for-each.js";
+import "core-js/modules/es.array.from.js";
+import "core-js/modules/es.array.iterator.js";
+import "core-js/modules/es.iterator.constructor.js";
+import "core-js/modules/es.iterator.every.js";
+import "core-js/modules/es.iterator.filter.js";
+import "core-js/modules/es.iterator.for-each.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.regexp.exec.js";
+import "core-js/modules/es.set.js";
+import "core-js/modules/es.set.difference.v2.js";
+import "core-js/modules/es.set.intersection.v2.js";
+import "core-js/modules/es.set.is-disjoint-from.v2.js";
+import "core-js/modules/es.set.is-subset-of.v2.js";
+import "core-js/modules/es.set.is-superset-of.v2.js";
+import "core-js/modules/es.set.symmetric-difference.v2.js";
+import "core-js/modules/es.set.union.v2.js";
+import "core-js/modules/es.string.iterator.js";
+import "core-js/modules/es.string.search.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import "core-js/modules/web.dom-collections.iterator.js";
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import cn from 'bem-cn-lite';
+import { useDebouncedValue } from "../../helpers/useDebouncedValue";
+import { collectQueryStatisticsGroupIds, filterQueryStatistics, flattenQueryStatistics } from "./helpers";
+import { QueryStatisticsTable } from "./internal/QueryStatisticsTable";
+import { QueryStatisticsToolbar } from "./internal/QueryStatisticsToolbar";
+import "./QueryStatistics.css";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var block = cn('qp-query-statistics');
+var DEFAULT_VISIBLE_COLUMNS = ['min', 'max', 'avg', 'sum', 'count'];
+var DEFAULT_SEARCH_DEBOUNCE_MS = 500;
+function setsEqual(left, right) {
+  return left.size === right.size && Array.from(left).every(function (value) {
+    return right.has(value);
+  });
+}
+export function QueryStatistics(_ref) {
+  var data = _ref.data,
+    _ref$visibleColumns = _ref.visibleColumns,
+    visibleColumns = _ref$visibleColumns === void 0 ? DEFAULT_VISIBLE_COLUMNS : _ref$visibleColumns,
+    columnConfig = _ref.columnConfig,
+    extraColumns = _ref.extraColumns,
+    className = _ref.className,
+    _ref$virtual = _ref.virtual,
+    virtual = _ref$virtual === void 0 ? false : _ref$virtual,
+    _ref$fixedHeader = _ref.fixedHeader,
+    fixedHeader = _ref$fixedHeader === void 0 ? false : _ref$fixedHeader,
+    formatValue = _ref.formatValue,
+    controlledSearch = _ref.search,
+    _ref$defaultSearch = _ref.defaultSearch,
+    defaultSearch = _ref$defaultSearch === void 0 ? '' : _ref$defaultSearch,
+    onSearchUpdate = _ref.onSearchUpdate,
+    controlledExpandedIds = _ref.expandedIds,
+    defaultExpandedIds = _ref.defaultExpandedIds,
+    onExpandedIdsChange = _ref.onExpandedIdsChange,
+    _ref$searchDebounceMs = _ref.searchDebounceMs,
+    searchDebounceMs = _ref$searchDebounceMs === void 0 ? DEFAULT_SEARCH_DEBOUNCE_MS : _ref$searchDebounceMs;
+  var groupIds = useMemo(function () {
+    return collectQueryStatisticsGroupIds(data);
+  }, [data]);
+  var knownGroupIdsRef = useRef(new Set(groupIds));
+  var _useState = useState(function () {
+      return new Set(defaultExpandedIds !== null && defaultExpandedIds !== void 0 ? defaultExpandedIds : groupIds);
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    uncontrolledExpandedIds = _useState2[0],
+    setUncontrolledExpandedIds = _useState2[1];
+  var _useState3 = useState(defaultSearch),
+    _useState4 = _slicedToArray(_useState3, 2),
+    uncontrolledSearch = _useState4[0],
+    setUncontrolledSearch = _useState4[1];
+  var search = controlledSearch !== null && controlledSearch !== void 0 ? controlledSearch : uncontrolledSearch;
+  var expandedIds = useMemo(function () {
+    return new Set(controlledExpandedIds !== null && controlledExpandedIds !== void 0 ? controlledExpandedIds : uncontrolledExpandedIds);
+  }, [controlledExpandedIds, uncontrolledExpandedIds]);
+  var debouncedSearch = useDebouncedValue(search, searchDebounceMs);
+  var updateSearch = useCallback(function (value) {
+    if (controlledSearch === undefined) setUncontrolledSearch(value);
+    onSearchUpdate === null || onSearchUpdate === void 0 || onSearchUpdate(value);
+  }, [controlledSearch, onSearchUpdate]);
+  var updateExpandedIds = useCallback(function (next) {
+    if (controlledExpandedIds === undefined) setUncontrolledExpandedIds(next);
+    onExpandedIdsChange === null || onExpandedIdsChange === void 0 || onExpandedIdsChange(Array.from(next));
+  }, [controlledExpandedIds, onExpandedIdsChange]);
+  useEffect(function () {
+    var currentGroupIds = new Set(groupIds);
+    var previousGroupIds = knownGroupIdsRef.current;
+    var next = new Set(Array.from(expandedIds).filter(function (id) {
+      return currentGroupIds.has(id);
+    }));
+    groupIds.forEach(function (id) {
+      if (!previousGroupIds.has(id)) next.add(id);
+    });
+    if (!setsEqual(expandedIds, next)) updateExpandedIds(next);
+    knownGroupIdsRef.current = currentGroupIds;
+  }, [expandedIds, groupIds, updateExpandedIds]);
+  var filtered = useMemo(function () {
+    return filterQueryStatistics(data, debouncedSearch);
+  }, [data, debouncedSearch]);
+  var effectiveExpandedIds = useMemo(function () {
+    return new Set([].concat(_toConsumableArray(expandedIds), _toConsumableArray(filtered.forcedExpandedIds)));
+  }, [expandedIds, filtered.forcedExpandedIds]);
+  var rows = useMemo(function () {
+    return flattenQueryStatistics(filtered.data, effectiveExpandedIds);
+  }, [effectiveExpandedIds, filtered.data]);
+  var toggleGroup = useCallback(function (id) {
+    var next = new Set(expandedIds);
+    if (next.has(id)) next["delete"](id);else next.add(id);
+    updateExpandedIds(next);
+  }, [expandedIds, updateExpandedIds]);
+  return /*#__PURE__*/_jsxs("div", {
+    className: block(null, className),
+    children: [/*#__PURE__*/_jsx(QueryStatisticsToolbar, {
+      search: search,
+      hasGroups: Boolean(groupIds.length),
+      onSearchUpdate: updateSearch,
+      onExpandAll: function onExpandAll() {
+        return updateExpandedIds(new Set(groupIds));
+      },
+      onCollapseAll: function onCollapseAll() {
+        return updateExpandedIds(new Set());
+      }
+    }), /*#__PURE__*/_jsx(QueryStatisticsTable, {
+      rows: rows,
+      visibleColumns: visibleColumns,
+      columnConfig: columnConfig,
+      extraColumns: extraColumns,
+      expandedIds: effectiveExpandedIds,
+      fixedHeader: fixedHeader,
+      virtual: virtual,
+      formatValue: formatValue,
+      isSearching: Boolean(search),
+      onToggleGroup: toggleGroup
+    })]
+  });
+}
+// #sourceMappingURL=QueryStatistics.js.map

package/build/esm/modules/QueryStatistics/QueryStatistics.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useEffect","useMemo","useRef","useState","cn","useDebouncedValue","collectQueryStatisticsGroupIds","filterQueryStatistics","flattenQueryStatistics","QueryStatisticsTable","QueryStatisticsToolbar","jsx","_jsx","jsxs","_jsxs","block","DEFAULT_VISIBLE_COLUMNS","DEFAULT_SEARCH_DEBOUNCE_MS","setsEqual","left","right","size","Array","from","every","value","has","QueryStatistics","_ref","data","_ref$visibleColumns","visibleColumns","columnConfig","extraColumns","className","_ref$virtual","virtual","_ref$fixedHeader","fixedHeader","formatValue","controlledSearch","search","_ref$defaultSearch","defaultSearch","onSearchUpdate","controlledExpandedIds","expandedIds","defaultExpandedIds","onExpandedIdsChange","_ref$searchDebounceMs","searchDebounceMs","groupIds","knownGroupIdsRef","Set","_useState","_useState2","_slicedToArray","uncontrolledExpandedIds","setUncontrolledExpandedIds","_useState3","_useState4","uncontrolledSearch","setUncontrolledSearch","debouncedSearch","updateSearch","undefined","updateExpandedIds","next","currentGroupIds","previousGroupIds","current","filter","id","forEach","add","filtered","effectiveExpandedIds","concat","_toConsumableArray","forcedExpandedIds","rows","toggleGroup","children","hasGroups","Boolean","length","onExpandAll","onCollapseAll","isSearching","onToggleGroup"],"sources":["QueryStatistics.tsx"],"sourcesContent":["import React, {useCallback, useEffect, useMemo, useRef, useState} from 'react';\nimport cn from 'bem-cn-lite';\n\nimport {useDebouncedValue} from '../../helpers/useDebouncedValue';\nimport type {QueryStatisticsColumn, QueryStatisticsProps} from '../../types/queryStatistics';\nimport {\n    collectQueryStatisticsGroupIds,\n    filterQueryStatistics,\n    flattenQueryStatistics,\n} from './helpers';\nimport {QueryStatisticsTable} from './internal/QueryStatisticsTable';\nimport {QueryStatisticsToolbar} from './internal/QueryStatisticsToolbar';\n\nimport './QueryStatistics.scss';\n\nconst block = cn('qp-query-statistics');\nconst DEFAULT_VISIBLE_COLUMNS: QueryStatisticsColumn[] = ['min', 'max', 'avg', 'sum', 'count'];\nconst DEFAULT_SEARCH_DEBOUNCE_MS = 500;\n\nfunction setsEqual(left: Set<string>, right: Set<string>) {\n    return left.size === right.size && Array.from(left).every((value) => right.has(value));\n}\n\nexport function QueryStatistics({\n    data,\n    visibleColumns = DEFAULT_VISIBLE_COLUMNS,\n    columnConfig,\n    extraColumns,\n    className,\n    virtual = false,\n    fixedHeader = false,\n    formatValue,\n    search: controlledSearch,\n    defaultSearch = '',\n    onSearchUpdate,\n    expandedIds: controlledExpandedIds,\n    defaultExpandedIds,\n    onExpandedIdsChange,\n    searchDebounceMs = DEFAULT_SEARCH_DEBOUNCE_MS,\n}: QueryStatisticsProps) {\n    const groupIds = useMemo(() => collectQueryStatisticsGroupIds(data), [data]);\n    const knownGroupIdsRef = useRef(new Set(groupIds));\n    const [uncontrolledExpandedIds, setUncontrolledExpandedIds] = useState(\n        () => new Set(defaultExpandedIds ?? groupIds),\n    );\n    const [uncontrolledSearch, setUncontrolledSearch] = useState(defaultSearch);\n    const search = controlledSearch ?? uncontrolledSearch;\n    const expandedIds = useMemo(\n        () => new Set(controlledExpandedIds ?? uncontrolledExpandedIds),\n        [controlledExpandedIds, uncontrolledExpandedIds],\n    );\n    const debouncedSearch = useDebouncedValue(search, searchDebounceMs);\n\n    const updateSearch = useCallback(\n        (value: string) => {\n            if (controlledSearch === undefined) setUncontrolledSearch(value);\n            onSearchUpdate?.(value);\n        },\n        [controlledSearch, onSearchUpdate],\n    );\n    const updateExpandedIds = useCallback(\n        (next: Set<string>) => {\n            if (controlledExpandedIds === undefined) setUncontrolledExpandedIds(next);\n            onExpandedIdsChange?.(Array.from(next));\n        },\n        [controlledExpandedIds, onExpandedIdsChange],\n    );\n\n    useEffect(() => {\n        const currentGroupIds = new Set(groupIds);\n        const previousGroupIds = knownGroupIdsRef.current;\n        const next = new Set(Array.from(expandedIds).filter((id) => currentGroupIds.has(id)));\n        groupIds.forEach((id) => {\n            if (!previousGroupIds.has(id)) next.add(id);\n        });\n        if (!setsEqual(expandedIds, next)) updateExpandedIds(next);\n        knownGroupIdsRef.current = currentGroupIds;\n    }, [expandedIds, groupIds, updateExpandedIds]);\n\n    const filtered = useMemo(\n        () => filterQueryStatistics(data, debouncedSearch),\n        [data, debouncedSearch],\n    );\n    const effectiveExpandedIds = useMemo(\n        () => new Set([...expandedIds, ...filtered.forcedExpandedIds]),\n        [expandedIds, filtered.forcedExpandedIds],\n    );\n    const rows = useMemo(\n        () => flattenQueryStatistics(filtered.data, effectiveExpandedIds),\n        [effectiveExpandedIds, filtered.data],\n    );\n    const toggleGroup = useCallback(\n        (id: string) => {\n            const next = new Set(expandedIds);\n            if (next.has(id)) next.delete(id);\n            else next.add(id);\n            updateExpandedIds(next);\n        },\n        [expandedIds, updateExpandedIds],\n    );\n\n    return (\n        <div className={block(null, className)}>\n            <QueryStatisticsToolbar\n                search={search}\n                hasGroups={Boolean(groupIds.length)}\n                onSearchUpdate={updateSearch}\n                onExpandAll={() => updateExpandedIds(new Set(groupIds))}\n                onCollapseAll={() => updateExpandedIds(new Set())}\n            />\n            <QueryStatisticsTable\n                rows={rows}\n                visibleColumns={visibleColumns}\n                columnConfig={columnConfig}\n                extraColumns={extraColumns}\n                expandedIds={effectiveExpandedIds}\n                fixedHeader={fixedHeader}\n                virtual={virtual}\n                formatValue={formatValue}\n                isSearching={Boolean(search)}\n                onToggleGroup={toggleGroup}\n            />\n        </div>\n    );\n}\n"],"mappings":"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","ignoreList":[]}

package/build/esm/modules/QueryStatistics/QueryStatistics.scss

@@ -0,0 +1,3 @@
+.qp-query-statistics {
+    min-width: 0;
+}

package/build/esm/modules/QueryStatistics/helpers.d.ts

@@ -0,0 +1,15 @@
+import type { QueryStatisticsGroup, QueryStatisticsItem, QueryStatisticsMetric } from '../../types/queryStatistics';
+export type QueryStatisticsRow = {
+    item: QueryStatisticsItem;
+    level: number;
+};
+export type FilterQueryStatisticsResult = {
+    data: QueryStatisticsItem[];
+    forcedExpandedIds: Set<string>;
+};
+export declare function isQueryStatisticsGroup(item: QueryStatisticsItem): item is QueryStatisticsGroup;
+export declare function isQueryStatisticsMetric(item: QueryStatisticsItem): item is QueryStatisticsMetric;
+export declare function getQueryStatisticsValue(item: QueryStatisticsMetric, column: keyof QueryStatisticsMetric['values']): number | undefined;
+export declare function collectQueryStatisticsGroupIds(data: QueryStatisticsItem[]): string[];
+export declare function filterQueryStatistics(data: QueryStatisticsItem[], search: string): FilterQueryStatisticsResult;
+export declare function flattenQueryStatistics(data: QueryStatisticsItem[], expandedIds: Set<string>, level?: number): QueryStatisticsRow[];

package/build/esm/modules/QueryStatistics/helpers.js

@@ -0,0 +1,106 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.symbol.description.js";
+import "core-js/modules/es.array.concat.js";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.array.flat-map.js";
+import "core-js/modules/es.array.for-each.js";
+import "core-js/modules/es.array.includes.js";
+import "core-js/modules/es.array.is-array.js";
+import "core-js/modules/es.array.iterator.js";
+import "core-js/modules/es.array.some.js";
+import "core-js/modules/es.array.unscopables.flat-map.js";
+import "core-js/modules/es.function.name.js";
+import "core-js/modules/es.iterator.constructor.js";
+import "core-js/modules/es.iterator.flat-map.js";
+import "core-js/modules/es.iterator.for-each.js";
+import "core-js/modules/es.iterator.some.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.set.js";
+import "core-js/modules/es.set.difference.v2.js";
+import "core-js/modules/es.set.intersection.v2.js";
+import "core-js/modules/es.set.is-disjoint-from.v2.js";
+import "core-js/modules/es.set.is-subset-of.v2.js";
+import "core-js/modules/es.set.is-superset-of.v2.js";
+import "core-js/modules/es.set.symmetric-difference.v2.js";
+import "core-js/modules/es.set.union.v2.js";
+import "core-js/modules/es.string.includes.js";
+import "core-js/modules/es.string.iterator.js";
+import "core-js/modules/es.string.trim.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import "core-js/modules/web.dom-collections.iterator.js";
+export function isQueryStatisticsGroup(item) {
+  return Array.isArray(item.children);
+}
+export function isQueryStatisticsMetric(item) {
+  return !isQueryStatisticsGroup(item);
+}
+export function getQueryStatisticsValue(item, column) {
+  if (column !== 'avg' || item.values.avg !== undefined) {
+    return item.values[column];
+  }
+  var _item$values = item.values,
+    count = _item$values.count,
+    sum = _item$values.sum;
+  return count === undefined || count === 0 || sum === undefined ? undefined : sum / count;
+}
+export function collectQueryStatisticsGroupIds(data) {
+  return data.flatMap(function (item) {
+    return isQueryStatisticsGroup(item) && item.children.length > 0 ? [item.id].concat(_toConsumableArray(collectQueryStatisticsGroupIds(item.children))) : [];
+  });
+}
+function addSubtreeGroupIds(item, target) {
+  if (item.children.length > 0) {
+    target.add(item.id);
+  }
+  item.children.forEach(function (child) {
+    if (isQueryStatisticsGroup(child)) {
+      addSubtreeGroupIds(child, target);
+    }
+  });
+}
+function matchesSearch(item, search) {
+  return [item.name, item.description, item.unit].filter(Boolean).some(function (value) {
+    return value === null || value === void 0 ? void 0 : value.toLocaleLowerCase().includes(search);
+  });
+}
+export function filterQueryStatistics(data, search) {
+  var normalizedSearch = search.trim().toLocaleLowerCase();
+  if (!normalizedSearch) return {
+    data: data,
+    forcedExpandedIds: new Set()
+  };
+  var forcedExpandedIds = new Set();
+  var _filterItems = function filterItems(items) {
+    return items.flatMap(function (item) {
+      if (!isQueryStatisticsGroup(item)) {
+        return matchesSearch(item, normalizedSearch) ? [item] : [];
+      }
+      if (matchesSearch(item, normalizedSearch)) {
+        addSubtreeGroupIds(item, forcedExpandedIds);
+        return [item];
+      }
+      var children = _filterItems(item.children);
+      if (!children.length) return [];
+      if (item.children.length > 0) forcedExpandedIds.add(item.id);
+      return [_objectSpread(_objectSpread({}, item), {}, {
+        children: children
+      })];
+    });
+  };
+  return {
+    data: _filterItems(data),
+    forcedExpandedIds: forcedExpandedIds
+  };
+}
+export function flattenQueryStatistics(data, expandedIds) {
+  var level = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+  return data.flatMap(function (item) {
+    return [{
+      item: item,
+      level: level
+    }].concat(_toConsumableArray(isQueryStatisticsGroup(item) && expandedIds.has(item.id) ? flattenQueryStatistics(item.children, expandedIds, level + 1) : []));
+  });
+}
+// #sourceMappingURL=helpers.js.map

package/build/esm/modules/QueryStatistics/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isQueryStatisticsGroup","item","Array","isArray","children","isQueryStatisticsMetric","getQueryStatisticsValue","column","values","avg","undefined","_item$values","count","sum","collectQueryStatisticsGroupIds","data","flatMap","length","id","concat","_toConsumableArray","addSubtreeGroupIds","target","add","forEach","child","matchesSearch","search","name","description","unit","filter","Boolean","some","value","toLocaleLowerCase","includes","filterQueryStatistics","normalizedSearch","trim","forcedExpandedIds","Set","filterItems","items","_objectSpread","flattenQueryStatistics","expandedIds","level","arguments","has"],"sources":["helpers.ts"],"sourcesContent":["import type {\n    QueryStatisticsGroup,\n    QueryStatisticsItem,\n    QueryStatisticsMetric,\n} from '../../types/queryStatistics';\n\nexport type QueryStatisticsRow = {item: QueryStatisticsItem; level: number};\n\nexport type FilterQueryStatisticsResult = {\n    data: QueryStatisticsItem[];\n    forcedExpandedIds: Set<string>;\n};\n\nexport function isQueryStatisticsGroup(item: QueryStatisticsItem): item is QueryStatisticsGroup {\n    return Array.isArray(item.children);\n}\n\nexport function isQueryStatisticsMetric(item: QueryStatisticsItem): item is QueryStatisticsMetric {\n    return !isQueryStatisticsGroup(item);\n}\n\nexport function getQueryStatisticsValue(\n    item: QueryStatisticsMetric,\n    column: keyof QueryStatisticsMetric['values'],\n) {\n    if (column !== 'avg' || item.values.avg !== undefined) {\n        return item.values[column];\n    }\n\n    const {count, sum} = item.values;\n    return count === undefined || count === 0 || sum === undefined ? undefined : sum / count;\n}\n\nexport function collectQueryStatisticsGroupIds(data: QueryStatisticsItem[]): string[] {\n    return data.flatMap((item) =>\n        isQueryStatisticsGroup(item) && item.children.length > 0\n            ? [item.id, ...collectQueryStatisticsGroupIds(item.children)]\n            : [],\n    );\n}\n\nfunction addSubtreeGroupIds(item: QueryStatisticsGroup, target: Set<string>) {\n    if (item.children.length > 0) {\n        target.add(item.id);\n    }\n    item.children.forEach((child) => {\n        if (isQueryStatisticsGroup(child)) {\n            addSubtreeGroupIds(child, target);\n        }\n    });\n}\n\nfunction matchesSearch(item: QueryStatisticsItem, search: string) {\n    return [item.name, item.description, item.unit]\n        .filter(Boolean)\n        .some((value) => value?.toLocaleLowerCase().includes(search));\n}\n\nexport function filterQueryStatistics(\n    data: QueryStatisticsItem[],\n    search: string,\n): FilterQueryStatisticsResult {\n    const normalizedSearch = search.trim().toLocaleLowerCase();\n    if (!normalizedSearch) return {data, forcedExpandedIds: new Set()};\n\n    const forcedExpandedIds = new Set<string>();\n    const filterItems = (items: QueryStatisticsItem[]): QueryStatisticsItem[] =>\n        items.flatMap<QueryStatisticsItem>((item) => {\n            if (!isQueryStatisticsGroup(item)) {\n                return matchesSearch(item, normalizedSearch) ? [item] : [];\n            }\n            if (matchesSearch(item, normalizedSearch)) {\n                addSubtreeGroupIds(item, forcedExpandedIds);\n                return [item];\n            }\n            const children = filterItems(item.children);\n            if (!children.length) return [];\n            if (item.children.length > 0) forcedExpandedIds.add(item.id);\n            return [{...item, children}];\n        });\n\n    return {data: filterItems(data), forcedExpandedIds};\n}\n\nexport function flattenQueryStatistics(\n    data: QueryStatisticsItem[],\n    expandedIds: Set<string>,\n    level = 0,\n): QueryStatisticsRow[] {\n    return data.flatMap((item) => [\n        {item, level},\n        ...(isQueryStatisticsGroup(item) && expandedIds.has(item.id)\n            ? flattenQueryStatistics(item.children, expandedIds, level + 1)\n            : []),\n    ]);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/esm/modules/QueryStatistics/i18n/dicts.d.ts

@@ -0,0 +1,35 @@
+declare const _default: {
+    en: {
+        "action_collapse-all": string;
+        "action_collapse-group": string;
+        "action_expand-all": string;
+        "action_expand-group": string;
+        field_avg: string;
+        field_count: string;
+        field_description: string;
+        field_last: string;
+        field_max: string;
+        field_metric: string;
+        field_min: string;
+        field_search: string;
+        field_sum: string;
+        field_unit: string;
+    };
+    ru: {
+        "action_collapse-all": string;
+        "action_collapse-group": string;
+        "action_expand-all": string;
+        "action_expand-group": string;
+        field_avg: string;
+        field_count: string;
+        field_description: string;
+        field_last: string;
+        field_max: string;
+        field_metric: string;
+        field_min: string;
+        field_search: string;
+        field_sum: string;
+        field_unit: string;
+    };
+};
+export default _default;

package/build/esm/modules/QueryStatistics/i18n/dicts.js

@@ -0,0 +1,7 @@
+import en from "./en.json";
+import ru from "./ru.json";
+export default {
+  en: en,
+  ru: ru
+};
+// #sourceMappingURL=dicts.js.map

package/build/esm/modules/QueryStatistics/i18n/dicts.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["en","ru"],"sources":["dicts.ts"],"sourcesContent":["import en from './en.json';\nimport ru from './ru.json';\n\nexport default {en, ru};\n"],"mappings":"AAAA,OAAOA,EAAE;AACT,OAAOC,EAAE;AAET,eAAe;EAACD,EAAE,EAAFA,EAAE;EAAEC,EAAE,EAAFA;AAAE,CAAC","ignoreList":[]}

package/build/esm/modules/QueryStatistics/i18n/en.json

@@ -0,0 +1,16 @@
+{
+  "action_collapse-all": "Collapse all",
+  "action_collapse-group": "Collapse group",
+  "action_expand-all": "Expand all",
+  "action_expand-group": "Expand group",
+  "field_avg": "Avg",
+  "field_count": "Count",
+  "field_description": "Description",
+  "field_last": "Last",
+  "field_max": "Max",
+  "field_metric": "Metric",
+  "field_min": "Min",
+  "field_search": "Search",
+  "field_sum": "Sum",
+  "field_unit": "Unit"
+}

package/build/esm/modules/QueryStatistics/i18n/index.d.ts

@@ -0,0 +1,6 @@
+declare const _default: ((key: "action_collapse-all" | "action_collapse-group" | "action_expand-all" | "action_expand-group" | "field_avg" | "field_count" | "field_description" | "field_last" | "field_max" | "field_metric" | "field_min" | "field_search" | "field_sum" | "field_unit", params?: import("@gravity-ui/i18n").Params) => string) & {
+    keysetData: {
+        "qp:query-statistics": Record<"action_collapse-all" | "action_collapse-group" | "action_expand-all" | "action_expand-group" | "field_avg" | "field_count" | "field_description" | "field_last" | "field_max" | "field_metric" | "field_min" | "field_search" | "field_sum" | "field_unit", import("@gravity-ui/i18n").KeyData>;
+    };
+};
+export default _default;

package/build/esm/modules/QueryStatistics/i18n/index.js

@@ -0,0 +1,4 @@
+import { addI18Keysets } from "../../../i18n";
+import dicts from "./dicts";
+export default addI18Keysets('qp:query-statistics', dicts);
+// #sourceMappingURL=index.js.map

package/build/esm/modules/QueryStatistics/i18n/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["addI18Keysets","dicts"],"sources":["index.ts"],"sourcesContent":["import {addI18Keysets} from '../../../i18n';\nimport dicts from './dicts';\n\nexport default addI18Keysets('qp:query-statistics', dicts);\n"],"mappings":"AAAA,SAAQA,aAAa;AACrB,OAAOC,KAAK;AAEZ,eAAeD,aAAa,CAAC,qBAAqB,EAAEC,KAAK,CAAC","ignoreList":[]}

package/build/esm/modules/QueryStatistics/i18n/ru.json

@@ -0,0 +1,16 @@
+{
+  "action_collapse-all": "Свернуть все",
+  "action_collapse-group": "Свернуть группу",
+  "action_expand-all": "Развернуть все",
+  "action_expand-group": "Развернуть группу",
+  "field_avg": "Среднее",
+  "field_count": "Количество",
+  "field_description": "Описание",
+  "field_last": "Последнее",
+  "field_max": "Максимум",
+  "field_metric": "Метрика",
+  "field_min": "Минимум",
+  "field_search": "Поиск",
+  "field_sum": "Сумма",
+  "field_unit": "Единица измерения"
+}

package/build/esm/modules/QueryStatistics/index.d.ts

@@ -0,0 +1,2 @@
+export { QueryStatistics } from './QueryStatistics';
+export type { QueryStatisticsColumn, QueryStatisticsColumnConfig, QueryStatisticsExtraColumn, QueryStatisticsExtraColumnContext, QueryStatisticsFormatValueContext, QueryStatisticsGroup, QueryStatisticsItem, QueryStatisticsMetric, QueryStatisticsProps, QueryStatisticsValues, } from '../../types/queryStatistics';

package/build/esm/modules/QueryStatistics/index.js

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

package/build/esm/modules/QueryStatistics/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["QueryStatistics"],"sources":["index.ts"],"sourcesContent":["export {QueryStatistics} from './QueryStatistics';\nexport type {\n    QueryStatisticsColumn,\n    QueryStatisticsColumnConfig,\n    QueryStatisticsExtraColumn,\n    QueryStatisticsExtraColumnContext,\n    QueryStatisticsFormatValueContext,\n    QueryStatisticsGroup,\n    QueryStatisticsItem,\n    QueryStatisticsMetric,\n    QueryStatisticsProps,\n    QueryStatisticsValues,\n} from '../../types/queryStatistics';\n"],"mappings":"AAAA,SAAQA,eAAe","ignoreList":[]}

package/build/esm/modules/QueryStatistics/internal/MetricCell.css

@@ -0,0 +1,36 @@
+.qp-query-statistics-metric-cell__indent {
+  display: inline-flex;
+  flex-shrink: 0;
+}
+.qp-query-statistics-metric-cell__indent-step {
+  width: var(--g-spacing-10);
+  flex-shrink: 0;
+}
+.qp-query-statistics-metric-cell__row-button, .qp-query-statistics-metric-cell__row-icon, .qp-query-statistics-metric-cell__info-icon {
+  flex-shrink: 0;
+}
+.qp-query-statistics-metric-cell__name {
+  min-width: 0;
+  white-space: nowrap;
+}
+.qp-query-statistics-metric-cell__info-icon {
+  margin-left: var(--g-spacing-1);
+  color: var(--g-color-text-secondary);
+  vertical-align: text-bottom;
+}
+.qp-query-statistics-metric-cell__tooltip {
+  display: grid;
+  grid-gap: var(--g-spacing-2);
+  gap: var(--g-spacing-2);
+  max-width: 24rem;
+}
+.qp-query-statistics-metric-cell__tooltip-row {
+  display: grid;
+  grid-template-columns: max-content minmax(0, 1fr);
+  grid-gap: var(--g-spacing-2);
+  gap: var(--g-spacing-2);
+}
+.qp-query-statistics-metric-cell__tooltip-label {
+  color: var(--g-color-text-secondary);
+}
+/*# sourceMappingURL=MetricCell.css.map */

package/build/esm/modules/QueryStatistics/internal/MetricCell.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["MetricCell.scss"],"names":[],"mappings":"AACI;EAAY,oBAAA;EAAsB,cAAA;AAEtC;AADI;EAAiB,0BAAA;EAA4B,cAAA;AAKjD;AAJI;EAEe,cAAA;AAKnB;AAJI;EAAU,YAAA;EAAc,mBAAA;AAQ5B;AAPI;EAAe,+BAAA;EAAyC,oCAAA;EAAsC,2BAAA;AAYlG;AAXI;EAAa,aAAA;EAAe,4BAAA;EAAA,uBAAA;EAAyB,gBAAA;AAgBzD;AAfI;EAAiB,aAAA;EAAe,iDAAA;EAAmD,4BAAA;EAAA,uBAAA;AAoBvF;AAnBI;EAAmB,oCAAA;AAsBvB","file":"MetricCell.css","sourcesContent":[".qp-query-statistics-metric-cell {\n    &__indent { display: inline-flex; flex-shrink: 0; }\n    &__indent-step { width: var(--g-spacing-10); flex-shrink: 0; }\n    &__row-button,\n    &__row-icon,\n    &__info-icon { flex-shrink: 0; }\n    &__name { min-width: 0; white-space: nowrap; }\n    &__info-icon { margin-inline-start: var(--g-spacing-1); color: var(--g-color-text-secondary); vertical-align: text-bottom; }\n    &__tooltip { display: grid; gap: var(--g-spacing-2); max-width: 24rem; }\n    &__tooltip-row { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: var(--g-spacing-2); }\n    &__tooltip-label { color: var(--g-color-text-secondary); }\n}\n"],"sourceRoot":""}

package/build/esm/modules/QueryStatistics/internal/MetricCell.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { type QueryStatisticsRow } from '../helpers';
+import './MetricCell.scss';
+export type MetricCellProps = {
+    row: QueryStatisticsRow;
+    expanded: boolean;
+    onToggle: (id: string) => void;
+};
+export declare function MetricCell({ row, expanded, onToggle }: MetricCellProps): React.JSX.Element;

package/build/esm/modules/QueryStatistics/internal/MetricCell.js

@@ -0,0 +1,114 @@
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.symbol.description.js";
+import "core-js/modules/es.array.from.js";
+import "core-js/modules/es.function.name.js";
+import "core-js/modules/es.string.iterator.js";
+import React from 'react';
+import { ChartLine, ChevronDown, ChevronRight, CircleQuestion, FolderArrowRight } from '@gravity-ui/icons';
+import { Button, Flex, Icon, Tooltip } from '@gravity-ui/uikit';
+import cn from 'bem-cn-lite';
+import { isQueryStatisticsGroup } from "../helpers";
+import i18n from "../i18n";
+import "./MetricCell.css";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var block = cn('qp-query-statistics-metric-cell');
+function MetricInfo(_ref) {
+  var item = _ref.item;
+  var hasInfo = Boolean(item.description || item.unit);
+  var content = /*#__PURE__*/_jsxs("span", {
+    className: block('name'),
+    tabIndex: hasInfo ? 0 : undefined,
+    children: [item.name, hasInfo && /*#__PURE__*/_jsx(Icon, {
+      data: CircleQuestion,
+      size: 14,
+      className: block('info-icon')
+    })]
+  });
+  if (!hasInfo) return content;
+  return /*#__PURE__*/_jsx(Tooltip, {
+    content: /*#__PURE__*/_jsx(MetricTooltip, {
+      item: item
+    }),
+    children: content
+  });
+}
+function MetricTooltip(_ref2) {
+  var item = _ref2.item;
+  return /*#__PURE__*/_jsxs("span", {
+    className: block('tooltip'),
+    children: [item.description && /*#__PURE__*/_jsxs("span", {
+      className: block('tooltip-row'),
+      children: [/*#__PURE__*/_jsx("span", {
+        className: block('tooltip-label'),
+        children: i18n('field_description')
+      }), /*#__PURE__*/_jsx("span", {
+        children: item.description
+      })]
+    }), item.unit && /*#__PURE__*/_jsxs("span", {
+      className: block('tooltip-row'),
+      children: [/*#__PURE__*/_jsx("span", {
+        className: block('tooltip-label'),
+        children: i18n('field_unit')
+      }), /*#__PURE__*/_jsx("span", {
+        children: item.unit
+      })]
+    })]
+  });
+}
+function Indent(_ref3) {
+  var level = _ref3.level;
+  if (!level) return null;
+  return /*#__PURE__*/_jsx("span", {
+    className: block('indent'),
+    "aria-hidden": "true",
+    children: Array.from({
+      length: level
+    }, function (_, index) {
+      return /*#__PURE__*/_jsx("span", {
+        className: block('indent-step')
+      }, index);
+    })
+  });
+}
+export function MetricCell(_ref4) {
+  var row = _ref4.row,
+    expanded = _ref4.expanded,
+    onToggle = _ref4.onToggle;
+  var item = row.item,
+    level = row.level;
+  var isGroup = isQueryStatisticsGroup(item);
+  return /*#__PURE__*/_jsxs(Flex, {
+    alignItems: "center",
+    gap: 2,
+    className: block(),
+    children: [/*#__PURE__*/_jsx(Indent, {
+      level: level
+    }), isGroup ? /*#__PURE__*/_jsxs(React.Fragment, {
+      children: [/*#__PURE__*/_jsx(Button, {
+        view: "flat",
+        size: "xs",
+        "aria-label": expanded ? i18n('action_collapse-group') : i18n('action_expand-group'),
+        "aria-expanded": expanded,
+        onClick: function onClick() {
+          return onToggle(item.id);
+        },
+        className: block('row-button'),
+        children: /*#__PURE__*/_jsx(Icon, {
+          data: expanded ? ChevronDown : ChevronRight,
+          size: 16
+        })
+      }), /*#__PURE__*/_jsx(Icon, {
+        data: FolderArrowRight,
+        size: 16,
+        className: block('row-icon')
+      })]
+    }) : /*#__PURE__*/_jsx(Icon, {
+      data: ChartLine,
+      size: 16,
+      className: block('row-icon')
+    }), /*#__PURE__*/_jsx(MetricInfo, {
+      item: item
+    })]
+  });
+}
+// #sourceMappingURL=MetricCell.js.map

package/build/esm/modules/QueryStatistics/internal/MetricCell.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ChartLine","ChevronDown","ChevronRight","CircleQuestion","FolderArrowRight","Button","Flex","Icon","Tooltip","cn","isQueryStatisticsGroup","i18n","jsx","_jsx","jsxs","_jsxs","block","MetricInfo","_ref","item","hasInfo","Boolean","description","unit","content","className","tabIndex","undefined","children","name","data","size","MetricTooltip","_ref2","Indent","_ref3","level","Array","from","length","_","index","MetricCell","_ref4","row","expanded","onToggle","isGroup","alignItems","gap","Fragment","view","onClick","id"],"sources":["MetricCell.tsx"],"sourcesContent":["import React from 'react';\nimport {\n    ChartLine,\n    ChevronDown,\n    ChevronRight,\n    CircleQuestion,\n    FolderArrowRight,\n} from '@gravity-ui/icons';\nimport {Button, Flex, Icon, Tooltip} from '@gravity-ui/uikit';\nimport cn from 'bem-cn-lite';\n\nimport type {QueryStatisticsItem} from '../../../types/queryStatistics';\nimport {type QueryStatisticsRow, isQueryStatisticsGroup} from '../helpers';\nimport i18n from '../i18n';\n\nimport './MetricCell.scss';\n\nconst block = cn('qp-query-statistics-metric-cell');\n\nfunction MetricInfo({item}: {item: QueryStatisticsItem}) {\n    const hasInfo = Boolean(item.description || item.unit);\n    const content = (\n        <span className={block('name')} tabIndex={hasInfo ? 0 : undefined}>\n            {item.name}\n            {hasInfo && <Icon data={CircleQuestion} size={14} className={block('info-icon')} />}\n        </span>\n    );\n\n    if (!hasInfo) return content;\n\n    return <Tooltip content={<MetricTooltip item={item} />}>{content}</Tooltip>;\n}\n\nfunction MetricTooltip({item}: {item: QueryStatisticsItem}) {\n    return (\n        <span className={block('tooltip')}>\n            {item.description && (\n                <span className={block('tooltip-row')}>\n                    <span className={block('tooltip-label')}>{i18n('field_description')}</span>\n                    <span>{item.description}</span>\n                </span>\n            )}\n            {item.unit && (\n                <span className={block('tooltip-row')}>\n                    <span className={block('tooltip-label')}>{i18n('field_unit')}</span>\n                    <span>{item.unit}</span>\n                </span>\n            )}\n        </span>\n    );\n}\n\nfunction Indent({level}: {level: number}) {\n    if (!level) return null;\n    return (\n        <span className={block('indent')} aria-hidden=\"true\">\n            {Array.from({length: level}, (_, index) => (\n                <span className={block('indent-step')} key={index} />\n            ))}\n        </span>\n    );\n}\n\nexport type MetricCellProps = {\n    row: QueryStatisticsRow;\n    expanded: boolean;\n    onToggle: (id: string) => void;\n};\n\nexport function MetricCell({row, expanded, onToggle}: MetricCellProps) {\n    const {item, level} = row;\n    const isGroup = isQueryStatisticsGroup(item);\n\n    return (\n        <Flex alignItems=\"center\" gap={2} className={block()}>\n            <Indent level={level} />\n            {isGroup ? (\n                <React.Fragment>\n                    <Button\n                        view=\"flat\"\n                        size=\"xs\"\n                        aria-label={\n                            expanded ? i18n('action_collapse-group') : i18n('action_expand-group')\n                        }\n                        aria-expanded={expanded}\n                        onClick={() => onToggle(item.id)}\n                        className={block('row-button')}\n                    >\n                        <Icon data={expanded ? ChevronDown : ChevronRight} size={16} />\n                    </Button>\n                    <Icon data={FolderArrowRight} size={16} className={block('row-icon')} />\n                </React.Fragment>\n            ) : (\n                <Icon data={ChartLine} size={16} className={block('row-icon')} />\n            )}\n            <MetricInfo item={item} />\n        </Flex>\n    );\n}\n"],"mappings":"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","ignoreList":[]}

package/build/esm/modules/QueryStatistics/internal/MetricCell.scss

@@ -0,0 +1,12 @@
+.qp-query-statistics-metric-cell {
+    &__indent { display: inline-flex; flex-shrink: 0; }
+    &__indent-step { width: var(--g-spacing-10); flex-shrink: 0; }
+    &__row-button,
+    &__row-icon,
+    &__info-icon { flex-shrink: 0; }
+    &__name { min-width: 0; white-space: nowrap; }
+    &__info-icon { margin-inline-start: var(--g-spacing-1); color: var(--g-color-text-secondary); vertical-align: text-bottom; }
+    &__tooltip { display: grid; gap: var(--g-spacing-2); max-width: 24rem; }
+    &__tooltip-row { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: var(--g-spacing-2); }
+    &__tooltip-label { color: var(--g-color-text-secondary); }
+}