@gravity-ui/querieskit 1.0.1

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

@@ -0,0 +1,16 @@
+import React from 'react';
+import { QueryHistoryComparisonConfig, QueryHistoryEditingConfig, QueryHistoryItem, QueryHistoryRow, QueryHistoryRowAction, QueryHistoryRowRenderData, QueryHistoryRowVariant, QueryHistoryVisibleFieldsConfig } from '../../types/history';
+export type HistoryListProps<T extends QueryHistoryRow> = {
+    selectedRowId?: T['id'];
+    items: QueryHistoryItem<T>[];
+    rowVariant?: QueryHistoryRowVariant;
+    visibleFields?: QueryHistoryVisibleFieldsConfig<T>;
+    editing?: QueryHistoryEditingConfig<T>;
+    comparison?: QueryHistoryComparisonConfig<T>;
+    getRowActions?: (item: T) => QueryHistoryRowAction<T>[];
+    renderRowItem?: (data: QueryHistoryRowRenderData<T>) => React.ReactNode;
+    showFiltersHint?: boolean;
+    className?: string;
+    onItemClick?: (item: QueryHistoryItem<T>, index: number) => void;
+};
+export declare const HistoryList: <T extends QueryHistoryRow>({ renderRowItem, ...props }: HistoryListProps<T>) => React.JSX.Element;

package/build/esm/modules/HistoryList/HistoryList.js

@@ -0,0 +1,17 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["renderRowItem"];
+import React from 'react';
+import { RowsList } from "../RowsList";
+import { HistoryRowContent } from "./HistoryRowContent";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var HistoryList = function HistoryList(_ref) {
+  var renderRowItem = _ref.renderRowItem,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_jsx(RowsList, _objectSpread(_objectSpread({}, props), {}, {
+    renderRow: function renderRow(data) {
+      return renderRowItem ? renderRowItem(data) : /*#__PURE__*/_jsx(HistoryRowContent, _objectSpread({}, data));
+    }
+  }));
+};
+// #sourceMappingURL=HistoryList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","RowsList","HistoryRowContent","jsx","_jsx","HistoryList","_ref","renderRowItem","props","_objectWithoutProperties","_excluded","_objectSpread","renderRow","data"],"sources":["HistoryList.tsx"],"sourcesContent":["import React from 'react';\nimport {\n    QueryHistoryComparisonConfig,\n    QueryHistoryEditingConfig,\n    QueryHistoryItem,\n    QueryHistoryRow,\n    QueryHistoryRowAction,\n    QueryHistoryRowRenderData,\n    QueryHistoryRowVariant,\n    QueryHistoryVisibleFieldsConfig,\n} from '../../types/history';\nimport {RowsList} from '../RowsList';\nimport {HistoryRowContent} from './HistoryRowContent';\n\nexport type HistoryListProps<T extends QueryHistoryRow> = {\n    selectedRowId?: T['id'];\n    items: QueryHistoryItem<T>[];\n    rowVariant?: QueryHistoryRowVariant;\n    visibleFields?: QueryHistoryVisibleFieldsConfig<T>;\n    editing?: QueryHistoryEditingConfig<T>;\n    comparison?: QueryHistoryComparisonConfig<T>;\n    getRowActions?: (item: T) => QueryHistoryRowAction<T>[];\n    renderRowItem?: (data: QueryHistoryRowRenderData<T>) => React.ReactNode;\n    showFiltersHint?: boolean;\n    className?: string;\n    onItemClick?: (item: QueryHistoryItem<T>, index: number) => void;\n};\n\nexport const HistoryList = <T extends QueryHistoryRow>({\n    renderRowItem,\n    ...props\n}: HistoryListProps<T>) => {\n    return (\n        <RowsList\n            {...props}\n            renderRow={(data) =>\n                renderRowItem ? renderRowItem(data) : <HistoryRowContent {...data} />\n            }\n        />\n    );\n};\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAWzB,SAAQC,QAAQ;AAChB,SAAQC,iBAAiB;AAA6B,SAAAC,GAAA,IAAAC,IAAA;AAgBtD,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAAC,IAAA,EAGG;EAAA,IAFvBC,aAAa,GAAAD,IAAA,CAAbC,aAAa;IACVC,KAAK,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA;EAER,oBACIN,IAAA,CAACH,QAAQ,EAAAU,aAAA,CAAAA,aAAA,KACDH,KAAK;IACTI,SAAS,EAAE,SAAXA,SAASA,CAAGC,IAAI;MAAA,OACZN,aAAa,GAAGA,aAAa,CAACM,IAAI,CAAC,gBAAGT,IAAA,CAACF,iBAAiB,EAAAS,aAAA,KAAKE,IAAI,CAAG,CAAC;IAAA;EACxE,EACJ,CAAC;AAEV,CAAC","ignoreList":[]}

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

@@ -0,0 +1,14 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { HistoryList } from './HistoryList';
+declare const meta: Meta<typeof HistoryList>;
+export default meta;
+type Story = StoryObj<typeof HistoryList>;
+/** Basic list with groups and all statuses */
+export declare const Default: Story;
+/** Empty list */
+export declare const Empty: Story;
+/** With row actions (visible on hover) */
+export declare const WithActions: Story;
+export declare const WithComparison: Story;
+export declare const WithSelectedRow: Story;
+export declare const WithEditing: Story;

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

@@ -0,0 +1,237 @@
+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.filter.js";
+import "core-js/modules/es.array.join.js";
+import "core-js/modules/es.date.now.js";
+import "core-js/modules/es.iterator.constructor.js";
+import "core-js/modules/es.iterator.filter.js";
+import "core-js/modules/es.object.to-string.js";
+import React, { useState } from 'react';
+import { HistoryList } from "./HistoryList";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var now = Date.now();
+var min = 60 * 1000;
+var ITEMS = [{
+  header: 'Today',
+  height: 28
+}, {
+  id: 1,
+  title: 'Query 1',
+  status: 'completed',
+  engine: 'YQL',
+  startTime: now - 2 * min,
+  endTime: now - min,
+  height: 52
+}, {
+  id: 2,
+  title: 'Query 2',
+  status: 'failed',
+  engine: 'YQL',
+  startTime: now - 10 * min,
+  endTime: now - 9 * min,
+  height: 52
+}, {
+  id: 3,
+  title: 'Query 3',
+  status: 'running',
+  engine: 'YQL',
+  startTime: now - min,
+  height: 52
+}, {
+  header: 'Yesterday',
+  height: 28
+}, {
+  id: 4,
+  title: 'Query 4',
+  status: 'aborted',
+  engine: 'YQL',
+  startTime: now - 25 * 60 * min,
+  endTime: now - 24 * 60 * min,
+  height: 52
+}, {
+  id: 5,
+  title: 'Query 5',
+  status: 'draft',
+  engine: 'YQL',
+  startTime: now - 30 * 60 * min,
+  height: 52
+}];
+var meta = {
+  title: 'Modules/HistoryList',
+  component: HistoryList,
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'padded'
+  },
+  decorators: [function (Story) {
+    return /*#__PURE__*/_jsx("div", {
+      style: {
+        width: 420,
+        height: 480
+      },
+      children: /*#__PURE__*/_jsx(Story, {})
+    });
+  }]
+};
+export default meta;
+/** Basic list with groups and all statuses */
+export var Default = {
+  args: {
+    items: ITEMS
+  }
+};
+
+/** Empty list */
+export var Empty = {
+  args: {
+    items: []
+  }
+};
+
+/** With row actions (visible on hover) */
+export var WithActions = {
+  args: {
+    items: ITEMS,
+    getRowActions: function getRowActions(_item) {
+      return [{
+        text: 'Run again',
+        onClick: function onClick(row) {
+          return alert("Run: ".concat(row.title));
+        }
+      }, {
+        text: 'Copy',
+        onClick: function onClick(row) {
+          return alert("Copy: ".concat(row.title));
+        }
+      }, {
+        text: 'Delete',
+        onClick: function onClick(row) {
+          return alert("Delete: ".concat(row.title));
+        }
+      }];
+    }
+  }
+};
+
+/** Interactive row comparison mode */
+var WithComparisonStory = function WithComparisonStory() {
+  var _useState = useState([2]),
+    _useState2 = _slicedToArray(_useState, 2),
+    comparedRowIds = _useState2[0],
+    setComparedRowIds = _useState2[1];
+  var handleChange = function handleChange(item, selected) {
+    setComparedRowIds(function (prev) {
+      return selected ? [].concat(_toConsumableArray(prev), [item.id]) : prev.filter(function (id) {
+        return id !== item.id;
+      });
+    });
+  };
+  return /*#__PURE__*/_jsxs("div", {
+    style: {
+      width: 420,
+      height: 480
+    },
+    children: [/*#__PURE__*/_jsxs("div", {
+      style: {
+        marginBottom: 8,
+        fontSize: 12,
+        color: '#888'
+      },
+      children: ["Compared ids: ", comparedRowIds.join(', ') || 'none']
+    }), /*#__PURE__*/_jsx(HistoryList, {
+      items: ITEMS,
+      comparison: {
+        enabled: true,
+        comparedRowIds: comparedRowIds,
+        onChange: handleChange,
+        onCancel: function onCancel() {
+          return setComparedRowIds([]);
+        },
+        onCompare: function onCompare() {
+          return alert("Compare: ".concat(comparedRowIds.join(', ')));
+        }
+      }
+    })]
+  });
+};
+export var WithComparison = {
+  render: function render() {
+    return /*#__PURE__*/_jsx(WithComparisonStory, {});
+  }
+};
+
+/** Row highlighted via selectedRowId */
+var WithSelectedRowStory = function WithSelectedRowStory() {
+  var _useState3 = useState(1),
+    _useState4 = _slicedToArray(_useState3, 2),
+    selectedRowId = _useState4[0],
+    setSelectedRowId = _useState4[1];
+  return /*#__PURE__*/_jsxs("div", {
+    style: {
+      width: 420,
+      height: 480
+    },
+    children: [/*#__PURE__*/_jsxs("div", {
+      style: {
+        marginBottom: 8,
+        fontSize: 12,
+        color: '#888'
+      },
+      children: ["Selected row id: ", selectedRowId !== null && selectedRowId !== void 0 ? selectedRowId : 'none']
+    }), /*#__PURE__*/_jsx(HistoryList, {
+      items: ITEMS,
+      selectedRowId: selectedRowId,
+      onItemClick: function onItemClick(item, index) {
+        if (!('header' in item)) {
+          setSelectedRowId(index);
+        }
+      }
+    })]
+  });
+};
+export var WithSelectedRow = {
+  render: function render() {
+    return /*#__PURE__*/_jsx(WithSelectedRowStory, {});
+  }
+};
+
+/** Interactive row title editing mode */
+var WithEditingStory = function WithEditingStory() {
+  var _useState5 = useState(1),
+    _useState6 = _slicedToArray(_useState5, 2),
+    editingRowId = _useState6[0],
+    setEditingRowId = _useState6[1];
+  return /*#__PURE__*/_jsxs("div", {
+    style: {
+      width: 420,
+      height: 480
+    },
+    children: [/*#__PURE__*/_jsxs("div", {
+      style: {
+        marginBottom: 8,
+        fontSize: 12,
+        color: '#888'
+      },
+      children: ["Editing row id: ", editingRowId !== null && editingRowId !== void 0 ? editingRowId : 'none', " (row #1 is open for editing)"]
+    }), /*#__PURE__*/_jsx(HistoryList, {
+      items: ITEMS,
+      editing: {
+        rowId: editingRowId,
+        onSubmit: function onSubmit(item, title) {
+          alert("Saved row ".concat(item.id, ": \"").concat(title, "\""));
+          setEditingRowId(undefined);
+        },
+        onCancel: function onCancel() {
+          return setEditingRowId(undefined);
+        }
+      }
+    })]
+  });
+};
+export var WithEditing = {
+  render: function render() {
+    return /*#__PURE__*/_jsx(WithEditingStory, {});
+  }
+};
+// #sourceMappingURL=HistoryList.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","HistoryList","jsx","_jsx","jsxs","_jsxs","now","Date","min","ITEMS","header","height","id","title","status","engine","startTime","endTime","meta","component","tags","parameters","layout","decorators","Story","style","width","children","Default","args","items","Empty","WithActions","getRowActions","_item","text","onClick","row","alert","concat","WithComparisonStory","_useState","_useState2","_slicedToArray","comparedRowIds","setComparedRowIds","handleChange","item","selected","prev","_toConsumableArray","filter","marginBottom","fontSize","color","join","comparison","enabled","onChange","onCancel","onCompare","WithComparison","render","WithSelectedRowStory","_useState3","_useState4","selectedRowId","setSelectedRowId","onItemClick","index","WithSelectedRow","WithEditingStory","_useState5","_useState6","editingRowId","setEditingRowId","editing","rowId","onSubmit","undefined","WithEditing"],"sources":["HistoryList.stories.tsx"],"sourcesContent":["import React, {useState} from 'react';\nimport type {Meta, StoryObj} from '@storybook/react';\nimport {HistoryList} from './HistoryList';\nimport {QueryHistoryItem, QueryHistoryRow} from '../../types/history';\n\nconst now = Date.now();\nconst min = 60 * 1000;\n\nconst ITEMS: QueryHistoryItem<QueryHistoryRow>[] = [\n    {header: 'Today', height: 28},\n    {\n        id: 1,\n        title: 'Query 1',\n        status: 'completed',\n        engine: 'YQL',\n        startTime: now - 2 * min,\n        endTime: now - min,\n        height: 52,\n    },\n    {\n        id: 2,\n        title: 'Query 2',\n        status: 'failed',\n        engine: 'YQL',\n        startTime: now - 10 * min,\n        endTime: now - 9 * min,\n        height: 52,\n    },\n    {\n        id: 3,\n        title: 'Query 3',\n        status: 'running',\n        engine: 'YQL',\n        startTime: now - min,\n        height: 52,\n    },\n    {header: 'Yesterday', height: 28},\n    {\n        id: 4,\n        title: 'Query 4',\n        status: 'aborted',\n        engine: 'YQL',\n        startTime: now - 25 * 60 * min,\n        endTime: now - 24 * 60 * min,\n        height: 52,\n    },\n    {\n        id: 5,\n        title: 'Query 5',\n        status: 'draft',\n        engine: 'YQL',\n        startTime: now - 30 * 60 * min,\n        height: 52,\n    },\n];\n\nconst meta: Meta<typeof HistoryList> = {\n    title: 'Modules/HistoryList',\n    component: HistoryList,\n    tags: ['autodocs'],\n    parameters: {\n        layout: 'padded',\n    },\n    decorators: [\n        (Story) => (\n            <div style={{width: 420, height: 480}}>\n                <Story />\n            </div>\n        ),\n    ],\n};\n\nexport default meta;\ntype Story = StoryObj<typeof HistoryList>;\n\n/** Basic list with groups and all statuses */\nexport const Default: Story = {\n    args: {\n        items: ITEMS,\n    },\n};\n\n/** Empty list */\nexport const Empty: Story = {\n    args: {\n        items: [],\n    },\n};\n\n/** With row actions (visible on hover) */\nexport const WithActions: Story = {\n    args: {\n        items: ITEMS,\n        getRowActions: (_item) => [\n            {text: 'Run again', onClick: (row) => alert(`Run: ${row.title}`)},\n            {text: 'Copy', onClick: (row) => alert(`Copy: ${row.title}`)},\n            {text: 'Delete', onClick: (row) => alert(`Delete: ${row.title}`)},\n        ],\n    },\n};\n\n/** Interactive row comparison mode */\nconst WithComparisonStory = () => {\n    const [comparedRowIds, setComparedRowIds] = useState<number[]>([2]);\n\n    const handleChange = (item: QueryHistoryRow, selected: boolean) => {\n        setComparedRowIds((prev) =>\n            selected ? [...prev, item.id] : prev.filter((id) => id !== item.id),\n        );\n    };\n\n    return (\n        <div style={{width: 420, height: 480}}>\n            <div style={{marginBottom: 8, fontSize: 12, color: '#888'}}>\n                Compared ids: {comparedRowIds.join(', ') || 'none'}\n            </div>\n            <HistoryList\n                items={ITEMS}\n                comparison={{\n                    enabled: true,\n                    comparedRowIds,\n                    onChange: handleChange,\n                    onCancel: () => setComparedRowIds([]),\n                    onCompare: () => alert(`Compare: ${comparedRowIds.join(', ')}`),\n                }}\n            />\n        </div>\n    );\n};\n\nexport const WithComparison: Story = {render: () => <WithComparisonStory />};\n\n/** Row highlighted via selectedRowId */\nconst WithSelectedRowStory = () => {\n    const [selectedRowId, setSelectedRowId] = useState<number | undefined>(1);\n\n    return (\n        <div style={{width: 420, height: 480}}>\n            <div style={{marginBottom: 8, fontSize: 12, color: '#888'}}>\n                Selected row id: {selectedRowId ?? 'none'}\n            </div>\n            <HistoryList\n                items={ITEMS}\n                selectedRowId={selectedRowId}\n                onItemClick={(item, index) => {\n                    if (!('header' in item)) {\n                        setSelectedRowId(index);\n                    }\n                }}\n            />\n        </div>\n    );\n};\n\nexport const WithSelectedRow: Story = {render: () => <WithSelectedRowStory />};\n\n/** Interactive row title editing mode */\nconst WithEditingStory = () => {\n    const [editingRowId, setEditingRowId] = useState<number | undefined>(1);\n\n    return (\n        <div style={{width: 420, height: 480}}>\n            <div style={{marginBottom: 8, fontSize: 12, color: '#888'}}>\n                Editing row id: {editingRowId ?? 'none'} (row #1 is open for editing)\n            </div>\n            <HistoryList\n                items={ITEMS}\n                editing={{\n                    rowId: editingRowId,\n                    onSubmit: (item, title) => {\n                        alert(`Saved row ${item.id}: \"${title}\"`);\n                        setEditingRowId(undefined);\n                    },\n                    onCancel: () => setEditingRowId(undefined),\n                }}\n            />\n        </div>\n    );\n};\n\nexport const WithEditing: Story = {render: () => <WithEditingStory />};\n"],"mappings":"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","ignoreList":[]}

package/build/esm/modules/HistoryList/HistoryRowContent.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { QueryHistoryRow, QueryHistoryRowRenderData } from '../../types/history';
+export declare const HistoryRowContent: <T extends QueryHistoryRow>({ variant, ...data }: QueryHistoryRowRenderData<T>) => React.JSX.Element;

package/build/esm/modules/HistoryList/HistoryRowContent.js

@@ -0,0 +1,24 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["variant"];
+import React from 'react';
+import { HistoryGroupHeader } from "../../components";
+import { HistoryRow } from "../HistoryRow";
+import { HistorySearchRow } from "../HistorySearchRow";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var HistoryRowContent = function HistoryRowContent(_ref) {
+  var variant = _ref.variant,
+    data = _objectWithoutProperties(_ref, _excluded);
+  var item = data.item;
+  if ('header' in item) {
+    return /*#__PURE__*/_jsx(HistoryGroupHeader, {
+      title: item.header
+    });
+  }
+  return variant === 'search' ? /*#__PURE__*/_jsx(HistorySearchRow, _objectSpread(_objectSpread({}, data), {}, {
+    item: item
+  })) : /*#__PURE__*/_jsx(HistoryRow, _objectSpread(_objectSpread({}, data), {}, {
+    item: item
+  }));
+};
+// #sourceMappingURL=HistoryRowContent.js.map

package/build/esm/modules/HistoryList/HistoryRowContent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","HistoryGroupHeader","HistoryRow","HistorySearchRow","jsx","_jsx","HistoryRowContent","_ref","variant","data","_objectWithoutProperties","_excluded","item","title","header","_objectSpread"],"sources":["HistoryRowContent.tsx"],"sourcesContent":["import React from 'react';\nimport {QueryHistoryRow, QueryHistoryRowRenderData} from '../../types/history';\nimport {HistoryGroupHeader} from '../../components';\nimport {HistoryRow} from '../HistoryRow';\nimport {HistorySearchRow} from '../HistorySearchRow';\n\nexport const HistoryRowContent = <T extends QueryHistoryRow>({\n    variant,\n    ...data\n}: QueryHistoryRowRenderData<T>) => {\n    const {item} = data;\n\n    if ('header' in item) {\n        return <HistoryGroupHeader title={item.header} />;\n    }\n\n    return variant === 'search' ? (\n        <HistorySearchRow {...data} item={item} />\n    ) : (\n        <HistoryRow {...data} item={item} />\n    );\n};\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAAQC,kBAAkB;AAC1B,SAAQC,UAAU;AAClB,SAAQC,gBAAgB;AAA6B,SAAAC,GAAA,IAAAC,IAAA;AAErD,OAAO,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAAC,IAAA,EAGM;EAAA,IAFhCC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IACJC,IAAI,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA;EAEP,IAAOC,IAAI,GAAIH,IAAI,CAAZG,IAAI;EAEX,IAAI,QAAQ,IAAIA,IAAI,EAAE;IAClB,oBAAOP,IAAA,CAACJ,kBAAkB;MAACY,KAAK,EAAED,IAAI,CAACE;IAAO,CAAE,CAAC;EACrD;EAEA,OAAON,OAAO,KAAK,QAAQ,gBACvBH,IAAA,CAACF,gBAAgB,EAAAY,aAAA,CAAAA,aAAA,KAAKN,IAAI;IAAEG,IAAI,EAAEA;EAAK,EAAE,CAAC,gBAE1CP,IAAA,CAACH,UAAU,EAAAa,aAAA,CAAAA,aAAA,KAAKN,IAAI;IAAEG,IAAI,EAAEA;EAAK,EAAE,CACtC;AACL,CAAC","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+export { HistoryList } from './HistoryList';
+export type { HistoryListProps } from './HistoryList';

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["HistoryList"],"sources":["index.ts"],"sourcesContent":["export {HistoryList} from './HistoryList';\nexport type {HistoryListProps} from './HistoryList';\n"],"mappings":"AAAA,SAAQA,WAAW","ignoreList":[]}

package/build/esm/modules/HistoryRow/HistoryRow.css

@@ -0,0 +1,28 @@
+.qp-history-row {
+  height: 100%;
+  display: grid;
+  grid-template-columns: 20px 1fr;
+  grid-gap: 4px;
+  gap: 4px;
+}
+.qp-history-row_compared {
+  background-color: var(--g-color-base-utility-light);
+}
+.qp-history-row__icon {
+  flex: 0 0 20px;
+}
+.qp-history-row__header {
+  height: 20px;
+}
+.qp-history-row__right-column {
+  overflow: hidden;
+}
+.qp-history-row__data {
+  display: grid;
+  grid-template-columns: 52px 1fr;
+  grid-gap: 8px;
+}
+.qp-history-row__duration {
+  text-align: center;
+}
+/*# sourceMappingURL=HistoryRow.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["HistoryRow.scss"],"names":[],"mappings":"AAAA;EACE,YAAA;EACA,aAAA;EACA,+BAAA;EACA,aAAA;EAAA,QAAA;AACF;AACE;EACE,mDAAA;AACJ;AAEE;EACE,cAAA;AAAJ;AAGE;EACE,YAAA;AADJ;AAIE;EACE,gBAAA;AAFJ;AAKE;EACE,aAAA;EACA,+BAAA;EACA,aAAA;AAHJ;AAME;EACE,kBAAA;AAJJ","file":"HistoryRow.css","sourcesContent":[".qp-history-row {\n  height: 100%;\n  display: grid;\n  grid-template-columns: 20px 1fr;\n  gap: 4px;\n\n  &_compared {\n    background-color: var(--g-color-base-utility-light);\n  }\n\n  &__icon {\n    flex: 0 0 20px;\n  }\n\n  &__header {\n    height: 20px;\n  }\n\n  &__right-column {\n    overflow: hidden;\n  }\n\n  &__data {\n    display: grid;\n    grid-template-columns: 52px 1fr;\n    grid-gap: 8px;\n  }\n\n  &__duration {\n    text-align: center;\n  }\n}\n"],"sourceRoot":""}

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import { QueryHistoryRow, QueryHistoryRowRenderData } from '../../types/history';
+import './HistoryRow.scss';
+export type Props<T extends QueryHistoryRow> = {
+    item: T;
+} & Omit<QueryHistoryRowRenderData<T>, 'item' | 'variant'>;
+export declare const HistoryRow: <T extends QueryHistoryRow>({ item, actions, isActive, comparison, editing, visibleFields, }: Props<T>) => React.JSX.Element;

package/build/esm/modules/HistoryRow/HistoryRow.js

@@ -0,0 +1,77 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import React from 'react';
+import { Flex, Text } from '@gravity-ui/uikit';
+import "./HistoryRow.css";
+import cn from 'bem-cn-lite';
+import { HistoryPrivateIcon, QueryDuration, QueryStatusIcon, RowLink } from "../../components";
+import { formatTime } from "../../helpers/time";
+import { isFieldVisible } from "../../helpers/isFieldVisible";
+import { HistoryRowTitle } from "./HistoryRowTitle";
+import { HistoryRowMenu } from "./HistoryRowMenu";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var block = cn('qp-history-row');
+export var HistoryRow = function HistoryRow(_ref) {
+  var item = _ref.item,
+    actions = _ref.actions,
+    isActive = _ref.isActive,
+    comparison = _ref.comparison,
+    editing = _ref.editing,
+    visibleFields = _ref.visibleFields;
+  var href = item.href,
+    status = item.status,
+    mode = item.mode,
+    startTime = item.startTime,
+    endTime = item.endTime,
+    engine = item.engine,
+    isPrivate = item.isPrivate;
+  var isEditing = Boolean(editing === null || editing === void 0 ? void 0 : editing.enabled);
+  var isComparisonMode = Boolean(comparison === null || comparison === void 0 ? void 0 : comparison.enabled);
+  var isChecked = Boolean(comparison === null || comparison === void 0 ? void 0 : comparison.checked);
+  var showMenu = isActive && Boolean(actions === null || actions === void 0 ? void 0 : actions.length) && !isComparisonMode;
+  return /*#__PURE__*/_jsxs(RowLink, {
+    href: href,
+    disabled: isEditing || isComparisonMode,
+    className: block(_defineProperty(_defineProperty({}, status, true), "compared", isChecked)),
+    children: [/*#__PURE__*/_jsx(QueryStatusIcon, {
+      status: status
+    }), /*#__PURE__*/_jsxs(Flex, {
+      direction: "column",
+      gap: 1,
+      className: block('right-column'),
+      children: [/*#__PURE__*/_jsxs(Flex, {
+        justifyContent: "space-between",
+        className: block('header'),
+        children: [/*#__PURE__*/_jsx(HistoryRowTitle, {
+          item: item,
+          editing: editing
+        }), showMenu && /*#__PURE__*/_jsx(HistoryRowMenu, {
+          item: item,
+          actions: actions
+        })]
+      }), /*#__PURE__*/_jsxs("div", {
+        className: block('data'),
+        children: [isFieldVisible(visibleFields, 'duration') && startTime && /*#__PURE__*/_jsx(QueryDuration, {
+          className: block('duration'),
+          status: status,
+          startTime: startTime,
+          endTime: endTime
+        }), /*#__PURE__*/_jsxs(Flex, {
+          gap: 2,
+          children: [isFieldVisible(visibleFields, 'mode') && mode && /*#__PURE__*/_jsx(Text, {
+            color: "complementary",
+            children: mode
+          }), isFieldVisible(visibleFields, 'startTime') && startTime && /*#__PURE__*/_jsx(Text, {
+            color: "complementary",
+            children: formatTime(startTime)
+          }), isFieldVisible(visibleFields, 'engine') && engine && /*#__PURE__*/_jsx(Text, {
+            color: "complementary",
+            children: engine
+          }), isFieldVisible(visibleFields, 'isPrivate') && /*#__PURE__*/_jsx(HistoryPrivateIcon, {
+            isPrivate: isPrivate
+          })]
+        })]
+      })]
+    })]
+  });
+};
+// #sourceMappingURL=HistoryRow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Flex","Text","cn","HistoryPrivateIcon","QueryDuration","QueryStatusIcon","RowLink","formatTime","isFieldVisible","HistoryRowTitle","HistoryRowMenu","jsx","_jsx","jsxs","_jsxs","block","HistoryRow","_ref","item","actions","isActive","comparison","editing","visibleFields","href","status","mode","startTime","endTime","engine","isPrivate","isEditing","Boolean","enabled","isComparisonMode","isChecked","checked","showMenu","length","disabled","className","_defineProperty","children","direction","gap","justifyContent","color"],"sources":["HistoryRow.tsx"],"sourcesContent":["import React from 'react';\nimport {QueryHistoryRow, QueryHistoryRowRenderData} from '../../types/history';\nimport {Flex, Text} from '@gravity-ui/uikit';\nimport './HistoryRow.scss';\nimport cn from 'bem-cn-lite';\nimport {HistoryPrivateIcon, QueryDuration, QueryStatusIcon, RowLink} from '../../components';\nimport {formatTime} from '../../helpers/time';\nimport {isFieldVisible} from '../../helpers/isFieldVisible';\nimport {HistoryRowTitle} from './HistoryRowTitle';\nimport {HistoryRowMenu} from './HistoryRowMenu';\n\nexport type Props<T extends QueryHistoryRow> = {\n    item: T;\n} & Omit<QueryHistoryRowRenderData<T>, 'item' | 'variant'>;\n\nconst block = cn('qp-history-row');\n\nexport const HistoryRow = <T extends QueryHistoryRow>({\n    item,\n    actions,\n    isActive,\n    comparison,\n    editing,\n    visibleFields,\n}: Props<T>) => {\n    const {href, status, mode, startTime, endTime, engine, isPrivate} = 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\n    return (\n        <RowLink\n            href={href}\n            disabled={isEditing || isComparisonMode}\n            className={block({[status]: true, compared: isChecked})}\n        >\n            <QueryStatusIcon status={status} />\n            <Flex direction=\"column\" gap={1} className={block('right-column')}>\n                <Flex justifyContent=\"space-between\" className={block('header')}>\n                    <HistoryRowTitle item={item} editing={editing} />\n                    {showMenu && <HistoryRowMenu item={item} actions={actions} />}\n                </Flex>\n                <div className={block('data')}>\n                    {isFieldVisible(visibleFields, 'duration') && startTime && (\n                        <QueryDuration\n                            className={block('duration')}\n                            status={status}\n                            startTime={startTime}\n                            endTime={endTime}\n                        />\n                    )}\n                    <Flex gap={2}>\n                        {isFieldVisible(visibleFields, 'mode') && mode && (\n                            <Text color=\"complementary\">{mode}</Text>\n                        )}\n                        {isFieldVisible(visibleFields, 'startTime') && startTime && (\n                            <Text color=\"complementary\">{formatTime(startTime)}</Text>\n                        )}\n                        {isFieldVisible(visibleFields, 'engine') && engine && (\n                            <Text color=\"complementary\">{engine}</Text>\n                        )}\n                        {isFieldVisible(visibleFields, 'isPrivate') && (\n                            <HistoryPrivateIcon isPrivate={isPrivate} />\n                        )}\n                    </Flex>\n                </div>\n            </Flex>\n        </RowLink>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/build/esm/modules/HistoryRow/HistoryRow.scss

@@ -0,0 +1,32 @@
+.qp-history-row {
+  height: 100%;
+  display: grid;
+  grid-template-columns: 20px 1fr;
+  gap: 4px;
+
+  &_compared {
+    background-color: var(--g-color-base-utility-light);
+  }
+
+  &__icon {
+    flex: 0 0 20px;
+  }
+
+  &__header {
+    height: 20px;
+  }
+
+  &__right-column {
+    overflow: hidden;
+  }
+
+  &__data {
+    display: grid;
+    grid-template-columns: 52px 1fr;
+    grid-gap: 8px;
+  }
+
+  &__duration {
+    text-align: center;
+  }
+}

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

@@ -0,0 +1,13 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { HistoryRow } from './HistoryRow';
+declare const meta: Meta<typeof HistoryRow>;
+export default meta;
+type Story = StoryObj<typeof HistoryRow>;
+/** Default row with a ready-to-use actions menu */
+export declare const Default: Story;
+/** Comparison mode — row highlighted as checked, menu is hidden */
+export declare const ComparisonMode: Story;
+/** Comparison mode is enabled globally, but this row is not checked yet */
+export declare const ComparisonModeUnchecked: Story;
+/** Title editing mode */
+export declare const EditingMode: Story;

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

@@ -0,0 +1,104 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import "core-js/modules/es.date.now.js";
+import React from 'react';
+import { HistoryRow } from "./HistoryRow";
+import { jsx as _jsx } from "react/jsx-runtime";
+var now = Date.now();
+var min = 60 * 1000;
+var makeRow = function makeRow(overrides) {
+  return _objectSpread({
+    id: 1,
+    title: 'Query 1',
+    status: 'completed',
+    engine: 'YQL',
+    mode: 'batch',
+    isPrivate: false,
+    startTime: now - 5 * min,
+    endTime: now - min,
+    height: 64
+  }, overrides);
+};
+var defaultActions = [{
+  text: 'Run again',
+  onClick: function onClick(row) {
+    return alert("Run: ".concat(row.title));
+  }
+}, {
+  text: 'Copy',
+  onClick: function onClick(row) {
+    return alert("Copy: ".concat(row.title));
+  }
+}, {
+  text: 'Delete',
+  onClick: function onClick(row) {
+    return alert("Delete: ".concat(row.title));
+  }
+}];
+var meta = {
+  title: 'Modules/HistoryRow',
+  component: HistoryRow,
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'padded'
+  },
+  args: {
+    item: makeRow({}),
+    isActive: false,
+    index: 0,
+    actions: defaultActions
+  },
+  decorators: [function (Story) {
+    return /*#__PURE__*/_jsx("div", {
+      style: {
+        width: 380
+      },
+      children: /*#__PURE__*/_jsx(Story, {})
+    });
+  }]
+};
+export default meta;
+/** Default row with a ready-to-use actions menu */
+export var Default = {
+  args: {
+    item: makeRow({
+      isPrivate: true
+    }),
+    isActive: true
+  }
+};
+
+/** Comparison mode — row highlighted as checked, menu is hidden */
+export var ComparisonMode = {
+  args: {
+    comparison: {
+      enabled: true,
+      checked: true
+    }
+  }
+};
+
+/** Comparison mode is enabled globally, but this row is not checked yet */
+export var ComparisonModeUnchecked = {
+  args: {
+    comparison: {
+      enabled: true,
+      checked: false
+    }
+  }
+};
+
+/** Title editing mode */
+export var EditingMode = {
+  args: {
+    editing: {
+      enabled: true,
+      onSubmit: function onSubmit(_item, title) {
+        return alert("Saved: ".concat(title));
+      },
+      onCancel: function onCancel() {
+        return alert('Cancelled');
+      }
+    }
+  }
+};
+// #sourceMappingURL=HistoryRow.stories.js.map