@gravity-ui/querieskit 1.5.1 → 1.7.0

package/build/esm/modules/QueryProgress/QueryProgress.css

@@ -0,0 +1,64 @@
+.qp-query-progress {
+  min-width: 0;
+  min-height: 0;
+  height: 100%;
+}
+.qp-query-progress__toolbar {
+  flex-shrink: 0;
+  flex-wrap: wrap;
+}
+.qp-query-progress__statuses {
+  margin-left: auto;
+}
+.qp-query-progress__status {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--g-spacing-1);
+  padding: var(--g-spacing-1) var(--g-spacing-2);
+  border-radius: var(--g-border-radius-s);
+  color: var(--g-color-text-secondary);
+  background: var(--g-color-base-background);
+}
+.qp-query-progress__status_status_not-started {
+  color: var(--g-color-text-primary);
+  box-shadow: inset 0 0 0 1px var(--g-color-line-generic);
+}
+.qp-query-progress__status_status_waiting {
+  color: var(--g-color-text-misc-heavy);
+  background: var(--g-color-base-misc-light);
+}
+.qp-query-progress__status_status_running {
+  color: var(--g-color-text-info);
+  background: var(--g-color-base-info-light);
+}
+.qp-query-progress__status_status_completed {
+  color: var(--g-color-text-positive);
+  background: var(--g-color-base-positive-light);
+}
+.qp-query-progress__status_status_failed {
+  color: var(--g-color-text-danger);
+  background: var(--g-color-base-danger-light);
+}
+.qp-query-progress__status_status_aborted {
+  color: var(--g-color-text-complementary);
+  background: var(--g-color-base-generic);
+}
+.qp-query-progress__content, .qp-query-progress__view {
+  flex: 1;
+  min-height: 0;
+  height: 100%;
+}
+.qp-query-progress__view_hidden {
+  visibility: hidden;
+  position: absolute;
+  pointer-events: none;
+}
+.qp-query-progress__timeline {
+  min-height: 360px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: 1px dashed var(--g-color-line-generic);
+  border-radius: var(--g-border-radius-l);
+}
+/*# sourceMappingURL=QueryProgress.css.map */

package/build/esm/modules/QueryProgress/QueryProgress.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["QueryProgress.scss"],"names":[],"mappings":"AAAA;EACI,YAAA;EACA,aAAA;EACA,YAAA;AACJ;AACI;EACI,cAAA;EACA,eAAA;AACR;AAEI;EACI,iBAAA;AAAR;AAGI;EACI,oBAAA;EACA,mBAAA;EACA,uBAAA;EACA,8CAAA;EACA,uCAAA;EACA,oCAAA;EACA,0CAAA;AADR;AAGQ;EACI,kCAAA;EACA,uDAAA;AADZ;AAIQ;EACI,qCAAA;EACA,0CAAA;AAFZ;AAIQ;EACI,+BAAA;EACA,0CAAA;AAFZ;AAIQ;EACI,mCAAA;EACA,8CAAA;AAFZ;AAIQ;EACI,iCAAA;EACA,4CAAA;AAFZ;AAIQ;EACI,wCAAA;EACA,uCAAA;AAFZ;AAMI;EAEI,OAAA;EACA,aAAA;EACA,YAAA;AALR;AAQI;EACI,kBAAA;EACA,kBAAA;EACA,oBAAA;AANR;AASI;EACI,iBAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,8CAAA;EACA,uCAAA;AAPR","file":"QueryProgress.css","sourcesContent":[".qp-query-progress {\n    min-width: 0;\n    min-height: 0;\n    height: 100%;\n\n    &__toolbar {\n        flex-shrink: 0;\n        flex-wrap: wrap;\n    }\n\n    &__statuses {\n        margin-left: auto;\n    }\n\n    &__status {\n        display: inline-flex;\n        align-items: center;\n        gap: var(--g-spacing-1);\n        padding: var(--g-spacing-1) var(--g-spacing-2);\n        border-radius: var(--g-border-radius-s);\n        color: var(--g-color-text-secondary);\n        background: var(--g-color-base-background);\n\n        &_status_not-started {\n            color: var(--g-color-text-primary);\n            box-shadow: inset 0 0 0 1px var(--g-color-line-generic);\n        }\n\n        &_status_waiting {\n            color: var(--g-color-text-misc-heavy);\n            background: var(--g-color-base-misc-light);\n        }\n        &_status_running {\n            color: var(--g-color-text-info);\n            background: var(--g-color-base-info-light);\n        }\n        &_status_completed {\n            color: var(--g-color-text-positive);\n            background: var(--g-color-base-positive-light);\n        }\n        &_status_failed {\n            color: var(--g-color-text-danger);\n            background: var(--g-color-base-danger-light);\n        }\n        &_status_aborted {\n            color: var(--g-color-text-complementary);\n            background: var(--g-color-base-generic);\n        }\n    }\n\n    &__content,\n    &__view {\n        flex: 1;\n        min-height: 0;\n        height: 100%;\n    }\n\n    &__view_hidden {\n        visibility: hidden;\n        position: absolute;\n        pointer-events: none;\n    }\n\n    &__timeline {\n        min-height: 360px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border: 1px dashed var(--g-color-line-generic);\n        border-radius: var(--g-border-radius-l);\n    }\n}\n"],"sourceRoot":""}

package/build/esm/modules/QueryProgress/QueryProgress.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { QueryProgressProps } from '../../types/queryGraph';
+import './QueryProgress.scss';
+export declare function QueryProgress({ graphProps, view: controlledView, defaultView, onViewChange, className, }: QueryProgressProps): React.JSX.Element;

package/build/esm/modules/QueryProgress/QueryProgress.js

@@ -0,0 +1,127 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import "core-js/modules/es.array.for-each.js";
+import "core-js/modules/es.array.iterator.js";
+import "core-js/modules/es.array.map.js";
+import "core-js/modules/es.iterator.constructor.js";
+import "core-js/modules/es.iterator.for-each.js";
+import "core-js/modules/es.object.from-entries.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.promise.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import React, { Suspense, useCallback, useMemo, useState } from 'react';
+import { Circle, CircleCheck, CircleDashed, CircleMinus, CirclePlay, CircleXmark } from '@gravity-ui/icons';
+import { Flex, Icon, Loader, SegmentedRadioGroup, Text } from '@gravity-ui/uikit';
+import cn from 'bem-cn-lite';
+import i18n from "./i18n";
+import "./QueryProgress.css";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var QueryGraph = /*#__PURE__*/React.lazy(function () {
+  return import("../../components/QueryGraph/QueryGraph").then(function (module) {
+    return {
+      "default": module.QueryGraph
+    };
+  });
+});
+var block = cn('qp-query-progress');
+var statuses = ['not-started', 'waiting', 'running', 'completed', 'failed', 'aborted'];
+var statusIcons = {
+  'not-started': CircleDashed,
+  waiting: Circle,
+  running: CirclePlay,
+  completed: CircleCheck,
+  failed: CircleXmark,
+  aborted: CircleMinus
+};
+export function QueryProgress(_ref) {
+  var graphProps = _ref.graphProps,
+    controlledView = _ref.view,
+    _ref$defaultView = _ref.defaultView,
+    defaultView = _ref$defaultView === void 0 ? 'graph' : _ref$defaultView,
+    onViewChange = _ref.onViewChange,
+    className = _ref.className;
+  var _useState = useState(defaultView),
+    _useState2 = _slicedToArray(_useState, 2),
+    uncontrolledView = _useState2[0],
+    setUncontrolledView = _useState2[1];
+  var view = controlledView !== null && controlledView !== void 0 ? controlledView : uncontrolledView;
+  var _useState3 = useState(view === 'graph'),
+    _useState4 = _slicedToArray(_useState3, 2),
+    hasOpenedGraph = _useState4[0],
+    setHasOpenedGraph = _useState4[1];
+  var counts = useMemo(function () {
+    var result = Object.fromEntries(statuses.map(function (status) {
+      return [status, 0];
+    }));
+    graphProps.nodes.forEach(function (node) {
+      var _node$status;
+      if (node.kind === 'operation') result[(_node$status = node.status) !== null && _node$status !== void 0 ? _node$status : 'not-started']++;
+    });
+    return result;
+  }, [graphProps.nodes]);
+  var updateView = useCallback(function (value) {
+    var nextView = value;
+    if (controlledView === undefined) setUncontrolledView(nextView);
+    if (nextView === 'graph') setHasOpenedGraph(true);
+    onViewChange === null || onViewChange === void 0 || onViewChange(nextView);
+  }, [controlledView, onViewChange]);
+  return /*#__PURE__*/_jsxs(Flex, {
+    direction: "column",
+    gap: 3,
+    className: block(null, className),
+    children: [/*#__PURE__*/_jsxs(Flex, {
+      alignItems: "center",
+      gap: 4,
+      className: block('toolbar'),
+      children: [/*#__PURE__*/_jsxs(SegmentedRadioGroup, {
+        size: "m",
+        value: view,
+        onUpdate: updateView,
+        children: [/*#__PURE__*/_jsx(SegmentedRadioGroup.Option, {
+          value: "graph",
+          children: i18n('tab_graph')
+        }), /*#__PURE__*/_jsx(SegmentedRadioGroup.Option, {
+          value: "timeline",
+          children: i18n('tab_timeline')
+        })]
+      }), /*#__PURE__*/_jsx(Flex, {
+        gap: 2,
+        wrap: true,
+        className: block('statuses'),
+        children: statuses.map(function (status) {
+          return /*#__PURE__*/_jsxs("span", {
+            className: block('status', {
+              status: status
+            }),
+            children: [/*#__PURE__*/_jsx(Icon, {
+              data: statusIcons[status],
+              size: 14
+            }), i18n("status_".concat(status)), ": ", counts[status]]
+          }, status);
+        })
+      })]
+    }), /*#__PURE__*/_jsxs("div", {
+      className: block('content'),
+      children: [hasOpenedGraph && /*#__PURE__*/_jsx("div", {
+        className: block('view', {
+          hidden: view !== 'graph'
+        }),
+        children: /*#__PURE__*/_jsx(Suspense, {
+          fallback: /*#__PURE__*/_jsx(Loader, {
+            size: "m"
+          }),
+          children: /*#__PURE__*/_jsx(QueryGraph, _objectSpread(_objectSpread({}, graphProps), {}, {
+            active: view === 'graph'
+          }))
+        })
+      }), view === 'timeline' && /*#__PURE__*/_jsx("div", {
+        className: block('timeline'),
+        children: /*#__PURE__*/_jsx(Text, {
+          color: "secondary",
+          children: i18n('context_timeline-unavailable')
+        })
+      })]
+    })]
+  });
+}
+// #sourceMappingURL=QueryProgress.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Suspense","useCallback","useMemo","useState","Circle","CircleCheck","CircleDashed","CircleMinus","CirclePlay","CircleXmark","Flex","Icon","Loader","SegmentedRadioGroup","Text","cn","i18n","jsx","_jsx","jsxs","_jsxs","QueryGraph","lazy","then","module","block","statuses","statusIcons","waiting","running","completed","failed","aborted","QueryProgress","_ref","graphProps","controlledView","view","_ref$defaultView","defaultView","onViewChange","className","_useState","_useState2","_slicedToArray","uncontrolledView","setUncontrolledView","_useState3","_useState4","hasOpenedGraph","setHasOpenedGraph","counts","result","Object","fromEntries","map","status","nodes","forEach","node","_node$status","kind","updateView","value","nextView","undefined","direction","gap","children","alignItems","size","onUpdate","Option","wrap","data","concat","hidden","fallback","_objectSpread","active","color"],"sources":["QueryProgress.tsx"],"sourcesContent":["import React, {Suspense, useCallback, useMemo, useState} from 'react';\nimport {\n    Circle,\n    CircleCheck,\n    CircleDashed,\n    CircleMinus,\n    CirclePlay,\n    CircleXmark,\n} from '@gravity-ui/icons';\nimport {Flex, Icon, Loader, SegmentedRadioGroup, Text} from '@gravity-ui/uikit';\nimport cn from 'bem-cn-lite';\n\nimport type {\n    QueryGraphNodeStatus,\n    QueryProgressProps,\n    QueryProgressView,\n} from '../../types/queryGraph';\nimport i18n from './i18n';\n\nimport './QueryProgress.scss';\n\nconst QueryGraph = React.lazy(() =>\n    import('../../components/QueryGraph/QueryGraph').then((module) => ({\n        default: module.QueryGraph,\n    })),\n);\nconst block = cn('qp-query-progress');\nconst statuses: QueryGraphNodeStatus[] = [\n    'not-started',\n    'waiting',\n    'running',\n    'completed',\n    'failed',\n    'aborted',\n];\nconst statusIcons = {\n    'not-started': CircleDashed,\n    waiting: Circle,\n    running: CirclePlay,\n    completed: CircleCheck,\n    failed: CircleXmark,\n    aborted: CircleMinus,\n} satisfies Record<QueryGraphNodeStatus, typeof Circle>;\n\nexport function QueryProgress({\n    graphProps,\n    view: controlledView,\n    defaultView = 'graph',\n    onViewChange,\n    className,\n}: QueryProgressProps) {\n    const [uncontrolledView, setUncontrolledView] = useState(defaultView);\n    const view = controlledView ?? uncontrolledView;\n    const [hasOpenedGraph, setHasOpenedGraph] = useState(view === 'graph');\n    const counts = useMemo(() => {\n        const result = Object.fromEntries(statuses.map((status) => [status, 0])) as Record<\n            QueryGraphNodeStatus,\n            number\n        >;\n        graphProps.nodes.forEach((node) => {\n            if (node.kind === 'operation') result[node.status ?? 'not-started']++;\n        });\n        return result;\n    }, [graphProps.nodes]);\n\n    const updateView = useCallback(\n        (value: string) => {\n            const nextView = value as QueryProgressView;\n            if (controlledView === undefined) setUncontrolledView(nextView);\n            if (nextView === 'graph') setHasOpenedGraph(true);\n            onViewChange?.(nextView);\n        },\n        [controlledView, onViewChange],\n    );\n\n    return (\n        <Flex direction=\"column\" gap={3} className={block(null, className)}>\n            <Flex alignItems=\"center\" gap={4} className={block('toolbar')}>\n                <SegmentedRadioGroup size=\"m\" value={view} onUpdate={updateView}>\n                    <SegmentedRadioGroup.Option value=\"graph\">\n                        {i18n('tab_graph')}\n                    </SegmentedRadioGroup.Option>\n                    <SegmentedRadioGroup.Option value=\"timeline\">\n                        {i18n('tab_timeline')}\n                    </SegmentedRadioGroup.Option>\n                </SegmentedRadioGroup>\n                <Flex gap={2} wrap className={block('statuses')}>\n                    {statuses.map((status) => (\n                        <span key={status} className={block('status', {status})}>\n                            <Icon data={statusIcons[status]} size={14} />\n                            {i18n(`status_${status}`)}: {counts[status]}\n                        </span>\n                    ))}\n                </Flex>\n            </Flex>\n            <div className={block('content')}>\n                {hasOpenedGraph && (\n                    <div className={block('view', {hidden: view !== 'graph'})}>\n                        <Suspense fallback={<Loader size=\"m\" />}>\n                            <QueryGraph {...graphProps} active={view === 'graph'} />\n                        </Suspense>\n                    </div>\n                )}\n                {view === 'timeline' && (\n                    <div className={block('timeline')}>\n                        <Text color=\"secondary\">{i18n('context_timeline-unavailable')}</Text>\n                    </div>\n                )}\n            </div>\n        </Flex>\n    );\n}\n"],"mappings":"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","ignoreList":[]}

package/build/esm/modules/QueryProgress/QueryProgress.scss

@@ -0,0 +1,72 @@
+.qp-query-progress {
+    min-width: 0;
+    min-height: 0;
+    height: 100%;
+
+    &__toolbar {
+        flex-shrink: 0;
+        flex-wrap: wrap;
+    }
+
+    &__statuses {
+        margin-left: auto;
+    }
+
+    &__status {
+        display: inline-flex;
+        align-items: center;
+        gap: var(--g-spacing-1);
+        padding: var(--g-spacing-1) var(--g-spacing-2);
+        border-radius: var(--g-border-radius-s);
+        color: var(--g-color-text-secondary);
+        background: var(--g-color-base-background);
+
+        &_status_not-started {
+            color: var(--g-color-text-primary);
+            box-shadow: inset 0 0 0 1px var(--g-color-line-generic);
+        }
+
+        &_status_waiting {
+            color: var(--g-color-text-misc-heavy);
+            background: var(--g-color-base-misc-light);
+        }
+        &_status_running {
+            color: var(--g-color-text-info);
+            background: var(--g-color-base-info-light);
+        }
+        &_status_completed {
+            color: var(--g-color-text-positive);
+            background: var(--g-color-base-positive-light);
+        }
+        &_status_failed {
+            color: var(--g-color-text-danger);
+            background: var(--g-color-base-danger-light);
+        }
+        &_status_aborted {
+            color: var(--g-color-text-complementary);
+            background: var(--g-color-base-generic);
+        }
+    }
+
+    &__content,
+    &__view {
+        flex: 1;
+        min-height: 0;
+        height: 100%;
+    }
+
+    &__view_hidden {
+        visibility: hidden;
+        position: absolute;
+        pointer-events: none;
+    }
+
+    &__timeline {
+        min-height: 360px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        border: 1px dashed var(--g-color-line-generic);
+        border-radius: var(--g-border-radius-l);
+    }
+}

package/build/esm/modules/QueryProgress/QueryProgress.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { QueryProgress } from './QueryProgress';
+declare const meta: Meta<typeof QueryProgress>;
+export default meta;
+type Story = StoryObj<typeof QueryProgress>;
+export declare const Default: Story;
+export declare const TimelinePlaceholder: Story;

package/build/esm/modules/QueryProgress/QueryProgress.stories.js

@@ -0,0 +1,31 @@
+import React from 'react';
+import { demoEdges, demoNodes } from "../../components/QueryGraph/QueryGraph.stories";
+import { QueryProgress } from "./QueryProgress";
+import { jsx as _jsx } from "react/jsx-runtime";
+var meta = {
+  title: 'Modules/QueryProgress',
+  component: QueryProgress,
+  tags: ['autodocs'],
+  args: {
+    graphProps: {
+      nodes: demoNodes,
+      edges: demoEdges
+    }
+  },
+  decorators: [function (Story) {
+    return /*#__PURE__*/_jsx("div", {
+      style: {
+        height: 640
+      },
+      children: /*#__PURE__*/_jsx(Story, {})
+    });
+  }]
+};
+export default meta;
+export var Default = {};
+export var TimelinePlaceholder = {
+  args: {
+    defaultView: 'timeline'
+  }
+};
+// #sourceMappingURL=QueryProgress.stories.js.map

package/build/esm/modules/QueryProgress/QueryProgress.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","demoEdges","demoNodes","QueryProgress","jsx","_jsx","meta","title","component","tags","args","graphProps","nodes","edges","decorators","Story","style","height","children","Default","TimelinePlaceholder","defaultView"],"sources":["QueryProgress.stories.tsx"],"sourcesContent":["import React from 'react';\nimport type {Meta, StoryObj} from '@storybook/react';\n\nimport {demoEdges, demoNodes} from '../../components/QueryGraph/QueryGraph.stories';\nimport {QueryProgress} from './QueryProgress';\n\nconst meta: Meta<typeof QueryProgress> = {\n    title: 'Modules/QueryProgress',\n    component: QueryProgress,\n    tags: ['autodocs'],\n    args: {graphProps: {nodes: demoNodes, edges: demoEdges}},\n    decorators: [\n        (Story) => (\n            <div style={{height: 640}}>\n                <Story />\n            </div>\n        ),\n    ],\n};\n\nexport default meta;\ntype Story = StoryObj<typeof QueryProgress>;\n\nexport const Default: Story = {};\nexport const TimelinePlaceholder: Story = {args: {defaultView: 'timeline'}};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,SAAQC,SAAS,EAAEC,SAAS;AAC5B,SAAQC,aAAa;AAAyB,SAAAC,GAAA,IAAAC,IAAA;AAE9C,IAAMC,IAAgC,GAAG;EACrCC,KAAK,EAAE,uBAAuB;EAC9BC,SAAS,EAAEL,aAAa;EACxBM,IAAI,EAAE,CAAC,UAAU,CAAC;EAClBC,IAAI,EAAE;IAACC,UAAU,EAAE;MAACC,KAAK,EAAEV,SAAS;MAAEW,KAAK,EAAEZ;IAAS;EAAC,CAAC;EACxDa,UAAU,EAAE,CACR,UAACC,KAAK;IAAA,oBACFV,IAAA;MAAKW,KAAK,EAAE;QAACC,MAAM,EAAE;MAAG,CAAE;MAAAC,QAAA,eACtBb,IAAA,CAACU,KAAK,IAAE;IAAC,CACR,CAAC;EAAA,CACT;AAET,CAAC;AAED,eAAeT,IAAI;AAGnB,OAAO,IAAMa,OAAc,GAAG,CAAC,CAAC;AAChC,OAAO,IAAMC,mBAA0B,GAAG;EAACV,IAAI,EAAE;IAACW,WAAW,EAAE;EAAU;AAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,25 @@
+declare const _default: {
+    en: {
+        tab_graph: string;
+        tab_timeline: string;
+        "context_timeline-unavailable": string;
+        "status_not-started": string;
+        status_waiting: string;
+        status_running: string;
+        status_completed: string;
+        status_failed: string;
+        status_aborted: string;
+    };
+    ru: {
+        tab_graph: string;
+        tab_timeline: string;
+        "context_timeline-unavailable": string;
+        "status_not-started": string;
+        status_waiting: string;
+        status_running: string;
+        status_completed: string;
+        status_failed: string;
+        status_aborted: string;
+    };
+};
+export default _default;

package/build/esm/modules/QueryProgress/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/QueryProgress/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/QueryProgress/i18n/en.json

@@ -0,0 +1,11 @@
+{
+  "tab_graph": "Graph",
+  "tab_timeline": "Timeline",
+  "context_timeline-unavailable": "Timeline is not available yet",
+  "status_not-started": "Not started",
+  "status_waiting": "Waiting",
+  "status_running": "Running",
+  "status_completed": "Completed",
+  "status_failed": "Failed",
+  "status_aborted": "Aborted"
+}

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

@@ -0,0 +1,6 @@
+declare const _default: ((key: "status_running" | "status_completed" | "status_failed" | "status_aborted" | "tab_graph" | "tab_timeline" | "context_timeline-unavailable" | "status_not-started" | "status_waiting", params?: import("@gravity-ui/i18n").Params) => string) & {
+    keysetData: {
+        "qp:query-progress": Record<"status_running" | "status_completed" | "status_failed" | "status_aborted" | "tab_graph" | "tab_timeline" | "context_timeline-unavailable" | "status_not-started" | "status_waiting", import("@gravity-ui/i18n").KeyData>;
+    };
+};
+export default _default;

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

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

package/build/esm/modules/QueryProgress/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-progress', dicts);\n"],"mappings":"AAAA,SAAQA,aAAa;AACrB,OAAOC,KAAK;AAEZ,eAAeD,aAAa,CAAC,mBAAmB,EAAEC,KAAK,CAAC","ignoreList":[]}

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

@@ -0,0 +1,11 @@
+{
+  "tab_graph": "Граф",
+  "tab_timeline": "Таймлайн",
+  "context_timeline-unavailable": "Таймлайн пока недоступен",
+  "status_not-started": "Не запущено",
+  "status_waiting": "Ожидание",
+  "status_running": "Выполняется",
+  "status_completed": "Завершено",
+  "status_failed": "Ошибка",
+  "status_aborted": "Прервано"
+}

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

@@ -0,0 +1,2 @@
+export { QueryProgress } from './QueryProgress';
+export type { QueryProgressProps, QueryProgressView } from '../../types/queryGraph';

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["QueryProgress"],"sources":["index.ts"],"sourcesContent":["export {QueryProgress} from './QueryProgress';\nexport type {QueryProgressProps, QueryProgressView} from '../../types/queryGraph';\n"],"mappings":"AAAA,SAAQA,aAAa","ignoreList":[]}

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

@@ -1,6 +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) & {
+declare const _default: ((key: "field_count" | "action_collapse-all" | "action_collapse-group" | "action_expand-all" | "action_expand-group" | "field_avg" | "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>;
+        "qp:query-statistics": Record<"field_count" | "action_collapse-all" | "action_collapse-group" | "action_expand-all" | "action_expand-group" | "field_avg" | "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/RowsList/RowsList.js

@@ -3,7 +3,8 @@ import "core-js/modules/es.array.includes.js";
 import "core-js/modules/es.string.includes.js";
 import React from 'react';
 import cn from 'bem-cn-lite';
-import { EmptyContent, LazyList } from "../../components";
+import { EmptyContent } from "../../components/EmptyContent";
+import { LazyList } from "../../components/LazyList";
 import { prepareRowData } from "./helpers/prepareRowData";
 import { SEARCH_ROW_HEIGHT } from "../../constants/row";
 import "./RowsList.css";

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

@@ -1 +1 @@
-{"version":3,"names":["React","cn","EmptyContent","LazyList","prepareRowData","SEARCH_ROW_HEIGHT","jsx","_jsx","block","RowsList","_ref","items","selectedRowId","_ref$rowVariant","rowVariant","visibleFields","editing","comparison","getRowActions","renderRow","showFiltersHint","hasMore","loading","onLoadMore","renderLink","className","onItemClick","getItemHeight","item","height","selectedItemIndex","undefined","findIndex","id","handleItemClick","index","enabled","selected","comparedRowIds","includes","onChange","itemHeight","renderItem","isActive","variant","emptyContent"],"sources":["RowsList.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'bem-cn-lite';\nimport {\n    QueryListComparisonConfig,\n    QueryListEditingConfig,\n    QueryListItem,\n    QueryListLinkRenderer,\n    QueryListRow,\n    QueryListRowAction,\n    QueryListRowRenderData,\n    QueryListRowVariant,\n    QueryListVisibleFieldsConfig,\n} from '../../types/queryList';\nimport {EmptyContent, LazyList} from '../../components';\nimport {prepareRowData} from './helpers/prepareRowData';\nimport {SEARCH_ROW_HEIGHT} from '../../constants/row';\nimport './RowsList.scss';\n\nconst block = cn('qp-rows-list');\n\nexport type RowsListProps<T extends QueryListRow> = {\n    items: QueryListItem<T>[];\n    selectedRowId?: T['id'];\n    rowVariant?: QueryListRowVariant;\n    visibleFields?: QueryListVisibleFieldsConfig<T>;\n    editing?: QueryListEditingConfig<T>;\n    comparison?: QueryListComparisonConfig<T>;\n    getRowActions?: (item: T) => QueryListRowAction<T>[];\n    renderRow: (data: QueryListRowRenderData<T>) => React.ReactNode;\n    showFiltersHint?: boolean;\n    hasMore?: boolean;\n    loading?: boolean;\n    onLoadMore?: () => void;\n    renderLink?: QueryListLinkRenderer;\n    className?: string;\n    onItemClick?: (item: QueryListItem<T>, index: number) => void;\n};\n\nexport const RowsList = <T extends QueryListRow>({\n    items,\n    selectedRowId,\n    rowVariant = 'default',\n    visibleFields,\n    editing,\n    comparison,\n    getRowActions,\n    renderRow,\n    showFiltersHint,\n    hasMore,\n    loading,\n    onLoadMore,\n    renderLink,\n    className,\n    onItemClick,\n}: RowsListProps<T>) => {\n    const getItemHeight = (item: QueryListItem<T>) =>\n        rowVariant === 'search' && !('header' in item) ? SEARCH_ROW_HEIGHT : item.height;\n    const selectedItemIndex =\n        selectedRowId === undefined\n            ? undefined\n            : items.findIndex((item) => !('header' in item) && item.id === selectedRowId);\n\n    const handleItemClick = (item: QueryListItem<T>, index: number) => {\n        if ('header' in item || !comparison?.enabled) {\n            onItemClick?.(item, index);\n            return;\n        }\n\n        const selected = comparison.comparedRowIds.includes(item.id);\n        comparison.onChange(item, !selected);\n    };\n\n    return (\n        <LazyList<QueryListItem<T>>\n            className={block(null, className)}\n            items={items}\n            itemHeight={getItemHeight}\n            renderItem={(item, isActive, index) =>\n                renderRow(\n                    prepareRowData({\n                        item,\n                        isActive,\n                        index,\n                        variant: rowVariant,\n                        visibleFields,\n                        editing,\n                        comparison,\n                        getRowActions,\n                        renderLink,\n                    }),\n                )\n            }\n            selectedItemIndex={selectedItemIndex}\n            hasMore={hasMore}\n            loading={loading}\n            onLoadMore={onLoadMore}\n            emptyContent={\n                <EmptyContent\n                    variant={showFiltersHint ? 'nothing-found' : 'no-files'}\n                    className={className}\n                />\n            }\n            onItemClick={handleItemClick}\n        />\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","cn","EmptyContent","LazyList","prepareRowData","SEARCH_ROW_HEIGHT","jsx","_jsx","block","RowsList","_ref","items","selectedRowId","_ref$rowVariant","rowVariant","visibleFields","editing","comparison","getRowActions","renderRow","showFiltersHint","hasMore","loading","onLoadMore","renderLink","className","onItemClick","getItemHeight","item","height","selectedItemIndex","undefined","findIndex","id","handleItemClick","index","enabled","selected","comparedRowIds","includes","onChange","itemHeight","renderItem","isActive","variant","emptyContent"],"sources":["RowsList.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'bem-cn-lite';\nimport {\n    QueryListComparisonConfig,\n    QueryListEditingConfig,\n    QueryListItem,\n    QueryListLinkRenderer,\n    QueryListRow,\n    QueryListRowAction,\n    QueryListRowRenderData,\n    QueryListRowVariant,\n    QueryListVisibleFieldsConfig,\n} from '../../types/queryList';\nimport {EmptyContent} from '../../components/EmptyContent';\nimport {LazyList} from '../../components/LazyList';\nimport {prepareRowData} from './helpers/prepareRowData';\nimport {SEARCH_ROW_HEIGHT} from '../../constants/row';\nimport './RowsList.scss';\n\nconst block = cn('qp-rows-list');\n\nexport type RowsListProps<T extends QueryListRow> = {\n    items: QueryListItem<T>[];\n    selectedRowId?: T['id'];\n    rowVariant?: QueryListRowVariant;\n    visibleFields?: QueryListVisibleFieldsConfig<T>;\n    editing?: QueryListEditingConfig<T>;\n    comparison?: QueryListComparisonConfig<T>;\n    getRowActions?: (item: T) => QueryListRowAction<T>[];\n    renderRow: (data: QueryListRowRenderData<T>) => React.ReactNode;\n    showFiltersHint?: boolean;\n    hasMore?: boolean;\n    loading?: boolean;\n    onLoadMore?: () => void;\n    renderLink?: QueryListLinkRenderer;\n    className?: string;\n    onItemClick?: (item: QueryListItem<T>, index: number) => void;\n};\n\nexport const RowsList = <T extends QueryListRow>({\n    items,\n    selectedRowId,\n    rowVariant = 'default',\n    visibleFields,\n    editing,\n    comparison,\n    getRowActions,\n    renderRow,\n    showFiltersHint,\n    hasMore,\n    loading,\n    onLoadMore,\n    renderLink,\n    className,\n    onItemClick,\n}: RowsListProps<T>) => {\n    const getItemHeight = (item: QueryListItem<T>) =>\n        rowVariant === 'search' && !('header' in item) ? SEARCH_ROW_HEIGHT : item.height;\n    const selectedItemIndex =\n        selectedRowId === undefined\n            ? undefined\n            : items.findIndex((item) => !('header' in item) && item.id === selectedRowId);\n\n    const handleItemClick = (item: QueryListItem<T>, index: number) => {\n        if ('header' in item || !comparison?.enabled) {\n            onItemClick?.(item, index);\n            return;\n        }\n\n        const selected = comparison.comparedRowIds.includes(item.id);\n        comparison.onChange(item, !selected);\n    };\n\n    return (\n        <LazyList<QueryListItem<T>>\n            className={block(null, className)}\n            items={items}\n            itemHeight={getItemHeight}\n            renderItem={(item, isActive, index) =>\n                renderRow(\n                    prepareRowData({\n                        item,\n                        isActive,\n                        index,\n                        variant: rowVariant,\n                        visibleFields,\n                        editing,\n                        comparison,\n                        getRowActions,\n                        renderLink,\n                    }),\n                )\n            }\n            selectedItemIndex={selectedItemIndex}\n            hasMore={hasMore}\n            loading={loading}\n            onLoadMore={onLoadMore}\n            emptyContent={\n                <EmptyContent\n                    variant={showFiltersHint ? 'nothing-found' : 'no-files'}\n                    className={className}\n                />\n            }\n            onItemClick={handleItemClick}\n        />\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/build/esm/modules/SavedQueryRow/SavedQueryRow.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { QueryListRowRenderData } from '../../types/queryList';
-import { SavedQuery } from '../../types/savedQueries';
+import type { QueryListRowRenderData } from '../../types/queryList';
+import type { SavedQuery } from '../../types/savedQueries';
 import './SavedQueryRow.scss';
 export type SavedQueryRowProps<T extends SavedQuery = SavedQuery> = {
     item: T;

package/build/esm/modules/SavedQueryRow/SavedQueryRow.js

@@ -3,7 +3,9 @@ import "core-js/modules/es.string.includes.js";
 import React from 'react';
 import { Avatar, Flex, Text } from '@gravity-ui/uikit';
 import cn from 'bem-cn-lite';
-import { EditableRowTitle, RowActionsMenu, RowLink } from "../../components";
+import { EditableRowTitle } from "../../components/EditableRowTitle";
+import { RowActionsMenu } from "../../components/RowActionsMenu";
+import { RowLink } from "../../components/RowLink";
 import { formatDateCanonical } from "../../helpers/time";
 import "./SavedQueryRow.css";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";

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

@@ -1 +1 @@
-{"version":3,"names":["React","Avatar","Flex","Text","cn","EditableRowTitle","RowActionsMenu","RowLink","formatDateCanonical","jsx","_jsx","jsxs","_jsxs","block","SavedQueryRow","_ref","_renderAuthor","item","actions","isActive","comparison","editing","visibleFields","renderAuthor","author","engine","href","savedAt","isEditing","Boolean","enabled","isComparisonMode","isChecked","checked","showMenu","length","isFieldVisible","field","undefined","value","includes","authorContent","size","text","title","disabled","className","compared","children","direction","gap","justifyContent","alignItems","color"],"sources":["SavedQueryRow.tsx"],"sourcesContent":["import React from 'react';\nimport {Avatar, Flex, Text} from '@gravity-ui/uikit';\nimport cn from 'bem-cn-lite';\nimport {EditableRowTitle, RowActionsMenu, RowLink} from '../../components';\nimport {formatDateCanonical} from '../../helpers/time';\nimport {QueryListRowRenderData} from '../../types/queryList';\nimport {SavedQuery} from '../../types/savedQueries';\nimport './SavedQueryRow.scss';\n\nconst block = cn('qp-saved-query-row');\n\nexport type SavedQueryRowProps<T extends SavedQuery = SavedQuery> = {\n    item: T;\n    renderAuthor?: (item: T) => React.ReactNode;\n} & Omit<QueryListRowRenderData<T>, 'item' | 'variant'>;\n\nexport const SavedQueryRow = <T extends SavedQuery>({\n    item,\n    actions,\n    isActive,\n    comparison,\n    editing,\n    visibleFields,\n    renderAuthor,\n}: SavedQueryRowProps<T>) => {\n    const {author, engine, href, savedAt} = item;\n    const isEditing = Boolean(editing?.enabled);\n    const isComparisonMode = Boolean(comparison?.enabled);\n    const isChecked = Boolean(comparison?.checked);\n    const showMenu = isActive && Boolean(actions?.length) && !isComparisonMode;\n    const isFieldVisible = (field: string) =>\n        visibleFields === undefined || (visibleFields.value as string[]).includes(field);\n    const authorContent =\n        renderAuthor?.(item) ??\n        (author ? <Avatar size=\"3xs\" text={author} title={author} /> : null);\n\n    return (\n        <RowLink\n            href={href}\n            disabled={isEditing || isComparisonMode}\n            className={block({compared: isChecked})}\n        >\n            <Flex direction=\"column\" gap={1} className={block('content')}>\n                <Flex justifyContent=\"space-between\" className={block('header')}>\n                    <EditableRowTitle item={item} editing={editing} />\n                    {showMenu && <RowActionsMenu item={item} actions={actions} />}\n                </Flex>\n                <Flex gap={2} alignItems=\"center\" className={block('metadata')}>\n                    {isFieldVisible('savedAt') && savedAt && (\n                        <Text color=\"complementary\">{formatDateCanonical(savedAt)}</Text>\n                    )}\n                    {isFieldVisible('engine') && engine && (\n                        <Text color=\"complementary\">{engine}</Text>\n                    )}\n                    {isFieldVisible('author') && authorContent}\n                </Flex>\n            </Flex>\n        </RowLink>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Avatar","Flex","Text","cn","EditableRowTitle","RowActionsMenu","RowLink","formatDateCanonical","jsx","_jsx","jsxs","_jsxs","block","SavedQueryRow","_ref","_renderAuthor","item","actions","isActive","comparison","editing","visibleFields","renderAuthor","author","engine","href","savedAt","isEditing","Boolean","enabled","isComparisonMode","isChecked","checked","showMenu","length","isFieldVisible","field","undefined","value","includes","authorContent","size","text","title","disabled","className","compared","children","direction","gap","justifyContent","alignItems","color"],"sources":["SavedQueryRow.tsx"],"sourcesContent":["import React from 'react';\nimport {Avatar, Flex, Text} from '@gravity-ui/uikit';\nimport cn from 'bem-cn-lite';\nimport {EditableRowTitle} from '../../components/EditableRowTitle';\nimport {RowActionsMenu} from '../../components/RowActionsMenu';\nimport {RowLink} from '../../components/RowLink';\nimport {formatDateCanonical} from '../../helpers/time';\nimport type {QueryListRowRenderData} from '../../types/queryList';\nimport type {SavedQuery} from '../../types/savedQueries';\nimport './SavedQueryRow.scss';\n\nconst block = cn('qp-saved-query-row');\n\nexport type SavedQueryRowProps<T extends SavedQuery = SavedQuery> = {\n    item: T;\n    renderAuthor?: (item: T) => React.ReactNode;\n} & Omit<QueryListRowRenderData<T>, 'item' | 'variant'>;\n\nexport const SavedQueryRow = <T extends SavedQuery>({\n    item,\n    actions,\n    isActive,\n    comparison,\n    editing,\n    visibleFields,\n    renderAuthor,\n}: SavedQueryRowProps<T>) => {\n    const {author, engine, href, savedAt} = item;\n    const isEditing = Boolean(editing?.enabled);\n    const isComparisonMode = Boolean(comparison?.enabled);\n    const isChecked = Boolean(comparison?.checked);\n    const showMenu = isActive && Boolean(actions?.length) && !isComparisonMode;\n    const isFieldVisible = (field: string) =>\n        visibleFields === undefined || (visibleFields.value as string[]).includes(field);\n    const authorContent =\n        renderAuthor?.(item) ??\n        (author ? <Avatar size=\"3xs\" text={author} title={author} /> : null);\n\n    return (\n        <RowLink\n            href={href}\n            disabled={isEditing || isComparisonMode}\n            className={block({compared: isChecked})}\n        >\n            <Flex direction=\"column\" gap={1} className={block('content')}>\n                <Flex justifyContent=\"space-between\" className={block('header')}>\n                    <EditableRowTitle item={item} editing={editing} />\n                    {showMenu && <RowActionsMenu item={item} actions={actions} />}\n                </Flex>\n                <Flex gap={2} alignItems=\"center\" className={block('metadata')}>\n                    {isFieldVisible('savedAt') && savedAt && (\n                        <Text color=\"complementary\">{formatDateCanonical(savedAt)}</Text>\n                    )}\n                    {isFieldVisible('engine') && engine && (\n                        <Text color=\"complementary\">{engine}</Text>\n                    )}\n                    {isFieldVisible('author') && authorContent}\n                </Flex>\n            </Flex>\n        </RowLink>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/build/esm/modules/SavedQuerySearchRow/SavedQuerySearchRow.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { QueryListRowRenderData } from '../../types/queryList';
-import { SavedQuery } from '../../types/savedQueries';
+import type { QueryListRowRenderData } from '../../types/queryList';
+import type { SavedQuery } from '../../types/savedQueries';
 import './SavedQuerySearchRow.scss';
 export type SavedQuerySearchRowProps<T extends SavedQuery = SavedQuery> = {
     item: T;

package/build/esm/modules/SavedQuerySearchRow/SavedQuerySearchRow.js

@@ -3,7 +3,8 @@ import "core-js/modules/es.string.includes.js";
 import React from 'react';
 import { Avatar, Flex, Text } from '@gravity-ui/uikit';
 import cn from 'bem-cn-lite';
-import { MonacoLanguage, SearchRowLayout } from "../../components";
+import { MonacoLanguage } from "../../components/MonacoEditor";
+import { SearchRowLayout } from "../../components/SearchRowLayout";
 import { formatDateCanonical } from "../../helpers/time";
 import "./SavedQuerySearchRow.css";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";

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

@@ -1 +1 @@
-{"version":3,"names":["React","Avatar","Flex","Text","cn","MonacoLanguage","SearchRowLayout","formatDateCanonical","jsx","_jsx","jsxs","_jsxs","block","SavedQuerySearchRow","_ref","_renderAuthor","item","comparison","editing","visibleFields","renderAuthor","author","engine","href","query","savedAt","authorContent","size","text","title","isFieldVisible","field","undefined","value","includes","language","YQL","disabled","Boolean","enabled","className","header","gap","alignItems","children","variant","ellipsis","color"],"sources":["SavedQuerySearchRow.tsx"],"sourcesContent":["import React from 'react';\nimport {Avatar, Flex, Text} from '@gravity-ui/uikit';\nimport cn from 'bem-cn-lite';\nimport {MonacoLanguage, SearchRowLayout} from '../../components';\nimport {formatDateCanonical} from '../../helpers/time';\nimport {QueryListRowRenderData} from '../../types/queryList';\nimport {SavedQuery} from '../../types/savedQueries';\nimport './SavedQuerySearchRow.scss';\n\nconst block = cn('qp-saved-query-search-row');\n\nexport type SavedQuerySearchRowProps<T extends SavedQuery = SavedQuery> = {\n    item: T;\n    renderAuthor?: (item: T) => React.ReactNode;\n} & Omit<QueryListRowRenderData<T>, 'item' | 'variant'>;\n\nexport const SavedQuerySearchRow = <T extends SavedQuery>({\n    item,\n    comparison,\n    editing,\n    visibleFields,\n    renderAuthor,\n}: SavedQuerySearchRowProps<T>) => {\n    const {author, engine, href, query, savedAt} = item;\n    const authorContent =\n        renderAuthor?.(item) ??\n        (author ? <Avatar size=\"3xs\" text={author} title={author} /> : null);\n    const isFieldVisible = (field: string) =>\n        visibleFields === undefined || (visibleFields.value as string[]).includes(field);\n\n    return (\n        <SearchRowLayout\n            query={query}\n            language={MonacoLanguage.YQL}\n            href={href}\n            disabled={Boolean(editing?.enabled) || Boolean(comparison?.enabled)}\n            className={block()}\n            header={\n                <Flex gap={2} alignItems=\"center\" className={block('header')}>\n                    <Text variant=\"subheader-1\" ellipsis className={block('title')}>\n                        {item.title}\n                    </Text>\n                    {isFieldVisible('savedAt') && savedAt && (\n                        <Text color=\"complementary\" className={block('fixed-metadata')}>\n                            {formatDateCanonical(savedAt)}\n                        </Text>\n                    )}\n                    {isFieldVisible('engine') && engine && (\n                        <Text color=\"complementary\" className={block('fixed-metadata')}>\n                            {engine}\n                        </Text>\n                    )}\n                    {isFieldVisible('author') && authorContent}\n                </Flex>\n            }\n        />\n    );\n};\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAQC,MAAM,EAAEC,IAAI,EAAEC,IAAI,QAAO,mBAAmB;AACpD,OAAOC,EAAE,MAAM,aAAa;AAC5B,SAAQC,cAAc,EAAEC,eAAe;AACvC,SAAQC,mBAAmB;AAG3B;AAAoC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEpC,IAAMC,KAAK,GAAGR,EAAE,CAAC,2BAA2B,CAAC;AAO7C,OAAO,IAAMS,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAAC,IAAA,EAMG;EAAA,IAAAC,aAAA;EAAA,IAL/BC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,UAAU,GAAAH,IAAA,CAAVG,UAAU;IACVC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IACPC,aAAa,GAAAL,IAAA,CAAbK,aAAa;IACbC,YAAY,GAAAN,IAAA,CAAZM,YAAY;EAEZ,IAAOC,MAAM,GAAkCL,IAAI,CAA5CK,MAAM;IAAEC,MAAM,GAA0BN,IAAI,CAApCM,MAAM;IAAEC,IAAI,GAAoBP,IAAI,CAA5BO,IAAI;IAAEC,KAAK,GAAaR,IAAI,CAAtBQ,KAAK;IAAEC,OAAO,GAAIT,IAAI,CAAfS,OAAO;EAC3C,IAAMC,aAAa,IAAAX,aAAA,GACfK,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAGJ,IAAI,CAAC,cAAAD,aAAA,cAAAA,aAAA,GACnBM,MAAM,gBAAGZ,IAAA,CAACR,MAAM;IAAC0B,IAAI,EAAC,KAAK;IAACC,IAAI,EAAEP,MAAO;IAACQ,KAAK,EAAER;EAAO,CAAE,CAAC,GAAG,IAAK;EACxE,IAAMS,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,KAAa;IAAA,OACjCZ,aAAa,KAAKa,SAAS,IAAKb,aAAa,CAACc,KAAK,CAAcC,QAAQ,CAACH,KAAK,CAAC;EAAA;EAEpF,oBACItB,IAAA,CAACH,eAAe;IACZkB,KAAK,EAAEA,KAAM;IACbW,QAAQ,EAAE9B,cAAc,CAAC+B,GAAI;IAC7Bb,IAAI,EAAEA,IAAK;IACXc,QAAQ,EAAEC,OAAO,CAACpB,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEqB,OAAO,CAAC,IAAID,OAAO,CAACrB,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEsB,OAAO,CAAE;IACpEC,SAAS,EAAE5B,KAAK,CAAC,CAAE;IACnB6B,MAAM,eACF9B,KAAA,CAACT,IAAI;MAACwC,GAAG,EAAE,CAAE;MAACC,UAAU,EAAC,QAAQ;MAACH,SAAS,EAAE5B,KAAK,CAAC,QAAQ,CAAE;MAAAgC,QAAA,gBACzDnC,IAAA,CAACN,IAAI;QAAC0C,OAAO,EAAC,aAAa;QAACC,QAAQ;QAACN,SAAS,EAAE5B,KAAK,CAAC,OAAO,CAAE;QAAAgC,QAAA,EAC1D5B,IAAI,CAACa;MAAK,CACT,CAAC,EACNC,cAAc,CAAC,SAAS,CAAC,IAAIL,OAAO,iBACjChB,IAAA,CAACN,IAAI;QAAC4C,KAAK,EAAC,eAAe;QAACP,SAAS,EAAE5B,KAAK,CAAC,gBAAgB,CAAE;QAAAgC,QAAA,EAC1DrC,mBAAmB,CAACkB,OAAO;MAAC,CAC3B,CACT,EACAK,cAAc,CAAC,QAAQ,CAAC,IAAIR,MAAM,iBAC/Bb,IAAA,CAACN,IAAI;QAAC4C,KAAK,EAAC,eAAe;QAACP,SAAS,EAAE5B,KAAK,CAAC,gBAAgB,CAAE;QAAAgC,QAAA,EAC1DtB;MAAM,CACL,CACT,EACAQ,cAAc,CAAC,QAAQ,CAAC,IAAIJ,aAAa;IAAA,CACxC;EACT,CACJ,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Avatar","Flex","Text","cn","MonacoLanguage","SearchRowLayout","formatDateCanonical","jsx","_jsx","jsxs","_jsxs","block","SavedQuerySearchRow","_ref","_renderAuthor","item","comparison","editing","visibleFields","renderAuthor","author","engine","href","query","savedAt","authorContent","size","text","title","isFieldVisible","field","undefined","value","includes","language","YQL","disabled","Boolean","enabled","className","header","gap","alignItems","children","variant","ellipsis","color"],"sources":["SavedQuerySearchRow.tsx"],"sourcesContent":["import React from 'react';\nimport {Avatar, Flex, Text} from '@gravity-ui/uikit';\nimport cn from 'bem-cn-lite';\nimport {MonacoLanguage} from '../../components/MonacoEditor';\nimport {SearchRowLayout} from '../../components/SearchRowLayout';\nimport {formatDateCanonical} from '../../helpers/time';\nimport type {QueryListRowRenderData} from '../../types/queryList';\nimport type {SavedQuery} from '../../types/savedQueries';\nimport './SavedQuerySearchRow.scss';\n\nconst block = cn('qp-saved-query-search-row');\n\nexport type SavedQuerySearchRowProps<T extends SavedQuery = SavedQuery> = {\n    item: T;\n    renderAuthor?: (item: T) => React.ReactNode;\n} & Omit<QueryListRowRenderData<T>, 'item' | 'variant'>;\n\nexport const SavedQuerySearchRow = <T extends SavedQuery>({\n    item,\n    comparison,\n    editing,\n    visibleFields,\n    renderAuthor,\n}: SavedQuerySearchRowProps<T>) => {\n    const {author, engine, href, query, savedAt} = item;\n    const authorContent =\n        renderAuthor?.(item) ??\n        (author ? <Avatar size=\"3xs\" text={author} title={author} /> : null);\n    const isFieldVisible = (field: string) =>\n        visibleFields === undefined || (visibleFields.value as string[]).includes(field);\n\n    return (\n        <SearchRowLayout\n            query={query}\n            language={MonacoLanguage.YQL}\n            href={href}\n            disabled={Boolean(editing?.enabled) || Boolean(comparison?.enabled)}\n            className={block()}\n            header={\n                <Flex gap={2} alignItems=\"center\" className={block('header')}>\n                    <Text variant=\"subheader-1\" ellipsis className={block('title')}>\n                        {item.title}\n                    </Text>\n                    {isFieldVisible('savedAt') && savedAt && (\n                        <Text color=\"complementary\" className={block('fixed-metadata')}>\n                            {formatDateCanonical(savedAt)}\n                        </Text>\n                    )}\n                    {isFieldVisible('engine') && engine && (\n                        <Text color=\"complementary\" className={block('fixed-metadata')}>\n                            {engine}\n                        </Text>\n                    )}\n                    {isFieldVisible('author') && authorContent}\n                </Flex>\n            }\n        />\n    );\n};\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAQC,MAAM,EAAEC,IAAI,EAAEC,IAAI,QAAO,mBAAmB;AACpD,OAAOC,EAAE,MAAM,aAAa;AAC5B,SAAQC,cAAc;AACtB,SAAQC,eAAe;AACvB,SAAQC,mBAAmB;AAG3B;AAAoC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEpC,IAAMC,KAAK,GAAGR,EAAE,CAAC,2BAA2B,CAAC;AAO7C,OAAO,IAAMS,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAAC,IAAA,EAMG;EAAA,IAAAC,aAAA;EAAA,IAL/BC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,UAAU,GAAAH,IAAA,CAAVG,UAAU;IACVC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IACPC,aAAa,GAAAL,IAAA,CAAbK,aAAa;IACbC,YAAY,GAAAN,IAAA,CAAZM,YAAY;EAEZ,IAAOC,MAAM,GAAkCL,IAAI,CAA5CK,MAAM;IAAEC,MAAM,GAA0BN,IAAI,CAApCM,MAAM;IAAEC,IAAI,GAAoBP,IAAI,CAA5BO,IAAI;IAAEC,KAAK,GAAaR,IAAI,CAAtBQ,KAAK;IAAEC,OAAO,GAAIT,IAAI,CAAfS,OAAO;EAC3C,IAAMC,aAAa,IAAAX,aAAA,GACfK,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAGJ,IAAI,CAAC,cAAAD,aAAA,cAAAA,aAAA,GACnBM,MAAM,gBAAGZ,IAAA,CAACR,MAAM;IAAC0B,IAAI,EAAC,KAAK;IAACC,IAAI,EAAEP,MAAO;IAACQ,KAAK,EAAER;EAAO,CAAE,CAAC,GAAG,IAAK;EACxE,IAAMS,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,KAAa;IAAA,OACjCZ,aAAa,KAAKa,SAAS,IAAKb,aAAa,CAACc,KAAK,CAAcC,QAAQ,CAACH,KAAK,CAAC;EAAA;EAEpF,oBACItB,IAAA,CAACH,eAAe;IACZkB,KAAK,EAAEA,KAAM;IACbW,QAAQ,EAAE9B,cAAc,CAAC+B,GAAI;IAC7Bb,IAAI,EAAEA,IAAK;IACXc,QAAQ,EAAEC,OAAO,CAACpB,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEqB,OAAO,CAAC,IAAID,OAAO,CAACrB,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEsB,OAAO,CAAE;IACpEC,SAAS,EAAE5B,KAAK,CAAC,CAAE;IACnB6B,MAAM,eACF9B,KAAA,CAACT,IAAI;MAACwC,GAAG,EAAE,CAAE;MAACC,UAAU,EAAC,QAAQ;MAACH,SAAS,EAAE5B,KAAK,CAAC,QAAQ,CAAE;MAAAgC,QAAA,gBACzDnC,IAAA,CAACN,IAAI;QAAC0C,OAAO,EAAC,aAAa;QAACC,QAAQ;QAACN,SAAS,EAAE5B,KAAK,CAAC,OAAO,CAAE;QAAAgC,QAAA,EAC1D5B,IAAI,CAACa;MAAK,CACT,CAAC,EACNC,cAAc,CAAC,SAAS,CAAC,IAAIL,OAAO,iBACjChB,IAAA,CAACN,IAAI;QAAC4C,KAAK,EAAC,eAAe;QAACP,SAAS,EAAE5B,KAAK,CAAC,gBAAgB,CAAE;QAAAgC,QAAA,EAC1DrC,mBAAmB,CAACkB,OAAO;MAAC,CAC3B,CACT,EACAK,cAAc,CAAC,QAAQ,CAAC,IAAIR,MAAM,iBAC/Bb,IAAA,CAACN,IAAI;QAAC4C,KAAK,EAAC,eAAe;QAACP,SAAS,EAAE5B,KAAK,CAAC,gBAAgB,CAAE;QAAAgC,QAAA,EAC1DtB;MAAM,CACL,CACT,EACAQ,cAAc,CAAC,QAAQ,CAAC,IAAIJ,aAAa;IAAA,CACxC;EACT,CACJ,CAAC;AAEV,CAAC","ignoreList":[]}

package/build/esm/modules/TutorialRow/TutorialRow.d.ts

@@ -1,7 +1,9 @@
 import React from 'react';
-import { TutorialHistoryRow } from '../../types/tutorial';
+import type { QueryListLinkRenderer } from '../../types/queryList';
+import type { TutorialHistoryRow } from '../../types/tutorial';
 import './TutorialRow.scss';
 export type TutorialRowProps<T extends TutorialHistoryRow = TutorialHistoryRow> = {
     item: T;
+    renderLink?: QueryListLinkRenderer;
 };
-export declare const TutorialRow: <T extends TutorialHistoryRow>({ item }: TutorialRowProps<T>) => React.JSX.Element;
+export declare const TutorialRow: <T extends TutorialHistoryRow>({ item, renderLink, }: TutorialRowProps<T>) => React.JSX.Element;