@gravity-ui/querieskit 1.0.1

package/build/cjs/modules/HistoryLayout/HistoryLayout.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HistoryLayout = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _uikit = require("@gravity-ui/uikit");
+var _bemCnLite = _interopRequireDefault(require("bem-cn-lite"));
+require("./HistoryLayout.css");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var block = (0, _bemCnLite.default)('qp-history-layout');
+var HistoryLayout = exports.HistoryLayout = function HistoryLayout(_ref) {
+  var title = _ref.title,
+    logo = _ref.logo,
+    actions = _ref.actions,
+    header = _ref.header,
+    footer = _ref.footer,
+    className = _ref.className,
+    children = _ref.children;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikit.Flex, {
+    direction: "column",
+    gap: 1,
+    className: block(null, className),
+    children: [(logo || actions) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikit.Flex, {
+      alignItems: "center",
+      justifyContent: logo ? 'space-between' : 'flex-end',
+      children: [logo, actions]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Text, {
+      variant: "subheader-1",
+      children: title
+    }), header, children, footer]
+  });
+};
+// #sourceMappingURL=HistoryLayout.js.map

package/build/cjs/modules/HistoryLayout/HistoryLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_uikit","_bemCnLite","_jsxRuntime","e","__esModule","default","block","cn","HistoryLayout","exports","_ref","title","logo","actions","header","footer","className","children","_jsxs","Flex","direction","gap","alignItems","justifyContent","_jsx","Text","variant"],"sources":["HistoryLayout.tsx"],"sourcesContent":["import React, {FC, ReactNode} from 'react';\nimport {Flex, Text} from '@gravity-ui/uikit';\nimport cn from 'bem-cn-lite';\nimport './HistoryLayout.scss';\n\nconst block = cn('qp-history-layout');\n\nexport type HistoryLayoutProps = {\n    title: ReactNode;\n    logo?: ReactNode;\n    actions?: ReactNode;\n    header?: ReactNode;\n    footer?: ReactNode;\n    className?: string;\n    children: ReactNode;\n};\n\nexport const HistoryLayout: FC<HistoryLayoutProps> = ({\n    title,\n    logo,\n    actions,\n    header,\n    footer,\n    className,\n    children,\n}) => {\n    return (\n        <Flex direction=\"column\" gap={1} className={block(null, className)}>\n            {(logo || actions) && (\n                <Flex alignItems=\"center\" justifyContent={logo ? 'space-between' : 'flex-end'}>\n                    {logo}\n                    {actions}\n                </Flex>\n            )}\n            <Text variant=\"subheader-1\">{title}</Text>\n            {header}\n            {children}\n            {footer}\n        </Flex>\n    );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAH,sBAAA,CAAAC,OAAA;AACAA,OAAA;AAA8B,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE9B,IAAMG,KAAK,GAAG,IAAAC,kBAAE,EAAC,mBAAmB,CAAC;AAY9B,IAAMC,aAAqC,GAAAC,OAAA,CAAAD,aAAA,GAAG,SAAxCA,aAAqCA,CAAAE,IAAA,EAQ5C;EAAA,IAPFC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,OAAO,GAAAH,IAAA,CAAPG,OAAO;IACPC,MAAM,GAAAJ,IAAA,CAANI,MAAM;IACNC,MAAM,GAAAL,IAAA,CAANK,MAAM;IACNC,SAAS,GAAAN,IAAA,CAATM,SAAS;IACTC,QAAQ,GAAAP,IAAA,CAARO,QAAQ;EAER,oBACI,IAAAC,gBAAA,EAACC,WAAI;IAACC,SAAS,EAAC,QAAQ;IAACC,GAAG,EAAE,CAAE;IAACL,SAAS,EAAEV,KAAK,CAAC,IAAI,EAAEU,SAAS,CAAE;IAAAC,QAAA,GAC9D,CAACL,IAAI,IAAIC,OAAO,kBACb,IAAAK,gBAAA,EAACC,WAAI;MAACG,UAAU,EAAC,QAAQ;MAACC,cAAc,EAAEX,IAAI,GAAG,eAAe,GAAG,UAAW;MAAAK,QAAA,GACzEL,IAAI,EACJC,OAAO;IAAA,CACN,CACT,eACD,IAAAW,eAAA,EAACC,WAAI;MAACC,OAAO,EAAC,aAAa;MAAAT,QAAA,EAAEN;IAAK,CAAO,CAAC,EACzCG,MAAM,EACNG,QAAQ,EACRF,MAAM;EAAA,CACL,CAAC;AAEf,CAAC","ignoreList":[]}

package/build/cjs/modules/HistoryLayout/index.d.ts

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

package/build/cjs/modules/HistoryLayout/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "HistoryLayout", {
+  enumerable: true,
+  get: function () {
+    return _HistoryLayout.HistoryLayout;
+  }
+});
+var _HistoryLayout = require("./HistoryLayout");
+// #sourceMappingURL=index.js.map

package/build/cjs/modules/HistoryLayout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_HistoryLayout","require"],"sources":["index.ts"],"sourcesContent":["export {HistoryLayout} from './HistoryLayout';\nexport type {HistoryLayoutProps} from './HistoryLayout';\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA","ignoreList":[]}

package/build/cjs/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/cjs/modules/HistoryList/HistoryList.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HistoryList = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _RowsList = require("../RowsList");
+var _HistoryRowContent = require("./HistoryRowContent");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _excluded = ["renderRowItem"];
+var HistoryList = exports.HistoryList = function HistoryList(_ref) {
+  var renderRowItem = _ref.renderRowItem,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_RowsList.RowsList, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+    renderRow: function renderRow(data) {
+      return renderRowItem ? renderRowItem(data) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_HistoryRowContent.HistoryRowContent, (0, _objectSpread2.default)({}, data));
+    }
+  }));
+};
+// #sourceMappingURL=HistoryList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_RowsList","_HistoryRowContent","_jsxRuntime","e","__esModule","default","HistoryList","exports","_ref","renderRowItem","props","_objectWithoutProperties","_excluded","_jsx","RowsList","_objectSpread","renderRow","data","HistoryRowContent"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAWA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;AAAsD,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;;AAgB/C,IAAMG,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,SAAdA,WAAWA,CAAAE,IAAA,EAGG;EAAA,IAFvBC,aAAa,GAAAD,IAAA,CAAbC,aAAa;IACVC,KAAK,OAAAC,iCAAA,EAAAH,IAAA,EAAAI,SAAA;EAER,oBACI,IAAAC,eAAA,EAACC,kBAAQ,MAAAC,sBAAA,MAAAA,sBAAA,MACDL,KAAK;IACTM,SAAS,EAAE,SAAXA,SAASA,CAAGC,IAAI;MAAA,OACZR,aAAa,GAAGA,aAAa,CAACQ,IAAI,CAAC,gBAAG,IAAAJ,eAAA,EAACK,oCAAiB,MAAAH,sBAAA,MAAKE,IAAI,CAAG,CAAC;IAAA;EACxE,EACJ,CAAC;AAEV,CAAC","ignoreList":[]}

package/build/cjs/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/cjs/modules/HistoryList/HistoryList.stories.js

@@ -0,0 +1,245 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.WithSelectedRow = exports.WithEditing = exports.WithComparison = exports.WithActions = exports.Empty = exports.Default = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+require("core-js/modules/es.array.concat.js");
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.array.join.js");
+require("core-js/modules/es.date.now.js");
+require("core-js/modules/es.iterator.constructor.js");
+require("core-js/modules/es.iterator.filter.js");
+require("core-js/modules/es.object.to-string.js");
+var _react = _interopRequireWildcard(require("react"));
+var _HistoryList = require("./HistoryList");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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.HistoryList,
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'padded'
+  },
+  decorators: [function (Story) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      style: {
+        width: 420,
+        height: 480
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Story, {})
+    });
+  }]
+};
+var _default = exports.default = meta;
+/** Basic list with groups and all statuses */
+var Default = exports.Default = {
+  args: {
+    items: ITEMS
+  }
+};
+
+/** Empty list */
+var Empty = exports.Empty = {
+  args: {
+    items: []
+  }
+};
+
+/** With row actions (visible on hover) */
+var WithActions = exports.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 = (0, _react.useState)([2]),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    comparedRowIds = _useState2[0],
+    setComparedRowIds = _useState2[1];
+  var handleChange = function handleChange(item, selected) {
+    setComparedRowIds(function (prev) {
+      return selected ? [].concat((0, _toConsumableArray2.default)(prev), [item.id]) : prev.filter(function (id) {
+        return id !== item.id;
+      });
+    });
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    style: {
+      width: 420,
+      height: 480
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      style: {
+        marginBottom: 8,
+        fontSize: 12,
+        color: '#888'
+      },
+      children: ["Compared ids: ", comparedRowIds.join(', ') || 'none']
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_HistoryList.HistoryList, {
+      items: ITEMS,
+      comparison: {
+        enabled: true,
+        comparedRowIds: comparedRowIds,
+        onChange: handleChange,
+        onCancel: function onCancel() {
+          return setComparedRowIds([]);
+        },
+        onCompare: function onCompare() {
+          return alert("Compare: ".concat(comparedRowIds.join(', ')));
+        }
+      }
+    })]
+  });
+};
+var WithComparison = exports.WithComparison = {
+  render: function render() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(WithComparisonStory, {});
+  }
+};
+
+/** Row highlighted via selectedRowId */
+var WithSelectedRowStory = function WithSelectedRowStory() {
+  var _useState3 = (0, _react.useState)(1),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    selectedRowId = _useState4[0],
+    setSelectedRowId = _useState4[1];
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    style: {
+      width: 420,
+      height: 480
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      style: {
+        marginBottom: 8,
+        fontSize: 12,
+        color: '#888'
+      },
+      children: ["Selected row id: ", selectedRowId !== null && selectedRowId !== void 0 ? selectedRowId : 'none']
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_HistoryList.HistoryList, {
+      items: ITEMS,
+      selectedRowId: selectedRowId,
+      onItemClick: function onItemClick(item, index) {
+        if (!('header' in item)) {
+          setSelectedRowId(index);
+        }
+      }
+    })]
+  });
+};
+var WithSelectedRow = exports.WithSelectedRow = {
+  render: function render() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(WithSelectedRowStory, {});
+  }
+};
+
+/** Interactive row title editing mode */
+var WithEditingStory = function WithEditingStory() {
+  var _useState5 = (0, _react.useState)(1),
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    editingRowId = _useState6[0],
+    setEditingRowId = _useState6[1];
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    style: {
+      width: 420,
+      height: 480
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.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__*/(0, _jsxRuntime.jsx)(_HistoryList.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);
+        }
+      }
+    })]
+  });
+};
+var WithEditing = exports.WithEditing = {
+  render: function render() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(WithEditingStory, {});
+  }
+};
+// #sourceMappingURL=HistoryList.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_HistoryList","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_interopRequireDefault","now","Date","min","ITEMS","header","height","id","title","status","engine","startTime","endTime","meta","component","HistoryList","tags","parameters","layout","decorators","Story","_jsx","style","width","children","_default","exports","Default","args","items","Empty","WithActions","getRowActions","_item","text","onClick","row","alert","concat","WithComparisonStory","_useState","useState","_useState2","_slicedToArray","comparedRowIds","setComparedRowIds","handleChange","item","selected","prev","_toConsumableArray","filter","_jsxs","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/cjs/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/cjs/modules/HistoryList/HistoryRowContent.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HistoryRowContent = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _components = require("../../components");
+var _HistoryRow = require("../HistoryRow");
+var _HistorySearchRow = require("../HistorySearchRow");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _excluded = ["variant"];
+var HistoryRowContent = exports.HistoryRowContent = function HistoryRowContent(_ref) {
+  var variant = _ref.variant,
+    data = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var item = data.item;
+  if ('header' in item) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.HistoryGroupHeader, {
+      title: item.header
+    });
+  }
+  return variant === 'search' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_HistorySearchRow.HistorySearchRow, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, data), {}, {
+    item: item
+  })) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_HistoryRow.HistoryRow, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, data), {}, {
+    item: item
+  }));
+};
+// #sourceMappingURL=HistoryRowContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_components","_HistoryRow","_HistorySearchRow","_jsxRuntime","e","__esModule","default","HistoryRowContent","exports","_ref","variant","data","_objectWithoutProperties","_excluded","item","_jsx","HistoryGroupHeader","title","header","HistorySearchRow","_objectSpread","HistoryRow"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AAAqD,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;;AAE9C,IAAMG,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,SAApBA,iBAAiBA,CAAAE,IAAA,EAGM;EAAA,IAFhCC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IACJC,IAAI,OAAAC,iCAAA,EAAAH,IAAA,EAAAI,SAAA;EAEP,IAAOC,IAAI,GAAIH,IAAI,CAAZG,IAAI;EAEX,IAAI,QAAQ,IAAIA,IAAI,EAAE;IAClB,oBAAO,IAAAC,eAAA,EAACC,8BAAkB;MAACC,KAAK,EAAEH,IAAI,CAACI;IAAO,CAAE,CAAC;EACrD;EAEA,OAAOR,OAAO,KAAK,QAAQ,gBACvB,IAAAK,eAAA,EAACI,kCAAgB,MAAAC,sBAAA,MAAAA,sBAAA,MAAKT,IAAI;IAAEG,IAAI,EAAEA;EAAK,EAAE,CAAC,gBAE1C,IAAAC,eAAA,EAACM,sBAAU,MAAAD,sBAAA,MAAAA,sBAAA,MAAKT,IAAI;IAAEG,IAAI,EAAEA;EAAK,EAAE,CACtC;AACL,CAAC","ignoreList":[]}

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

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

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

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "HistoryList", {
+  enumerable: true,
+  get: function () {
+    return _HistoryList.HistoryList;
+  }
+});
+var _HistoryList = require("./HistoryList");
+// #sourceMappingURL=index.js.map

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

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

package/build/cjs/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/cjs/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/cjs/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/cjs/modules/HistoryRow/HistoryRow.js

@@ -0,0 +1,84 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HistoryRow = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _uikit = require("@gravity-ui/uikit");
+require("./HistoryRow.css");
+var _bemCnLite = _interopRequireDefault(require("bem-cn-lite"));
+var _components = require("../../components");
+var _time = require("../../helpers/time");
+var _isFieldVisible = require("../../helpers/isFieldVisible");
+var _HistoryRowTitle = require("./HistoryRowTitle");
+var _HistoryRowMenu = require("./HistoryRowMenu");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var block = (0, _bemCnLite.default)('qp-history-row');
+var HistoryRow = exports.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__*/(0, _jsxRuntime.jsxs)(_components.RowLink, {
+    href: href,
+    disabled: isEditing || isComparisonMode,
+    className: block((0, _defineProperty2.default)((0, _defineProperty2.default)({}, status, true), "compared", isChecked)),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.QueryStatusIcon, {
+      status: status
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikit.Flex, {
+      direction: "column",
+      gap: 1,
+      className: block('right-column'),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikit.Flex, {
+        justifyContent: "space-between",
+        className: block('header'),
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_HistoryRowTitle.HistoryRowTitle, {
+          item: item,
+          editing: editing
+        }), showMenu && /*#__PURE__*/(0, _jsxRuntime.jsx)(_HistoryRowMenu.HistoryRowMenu, {
+          item: item,
+          actions: actions
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: block('data'),
+        children: [(0, _isFieldVisible.isFieldVisible)(visibleFields, 'duration') && startTime && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.QueryDuration, {
+          className: block('duration'),
+          status: status,
+          startTime: startTime,
+          endTime: endTime
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikit.Flex, {
+          gap: 2,
+          children: [(0, _isFieldVisible.isFieldVisible)(visibleFields, 'mode') && mode && /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Text, {
+            color: "complementary",
+            children: mode
+          }), (0, _isFieldVisible.isFieldVisible)(visibleFields, 'startTime') && startTime && /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Text, {
+            color: "complementary",
+            children: (0, _time.formatTime)(startTime)
+          }), (0, _isFieldVisible.isFieldVisible)(visibleFields, 'engine') && engine && /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Text, {
+            color: "complementary",
+            children: engine
+          }), (0, _isFieldVisible.isFieldVisible)(visibleFields, 'isPrivate') && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.HistoryPrivateIcon, {
+            isPrivate: isPrivate
+          })]
+        })]
+      })]
+    })]
+  });
+};
+// #sourceMappingURL=HistoryRow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_uikit","_bemCnLite","_components","_time","_isFieldVisible","_HistoryRowTitle","_HistoryRowMenu","_jsxRuntime","e","__esModule","default","block","cn","HistoryRow","exports","_ref","item","actions","isActive","comparison","editing","visibleFields","href","status","mode","startTime","endTime","engine","isPrivate","isEditing","Boolean","enabled","isComparisonMode","isChecked","checked","showMenu","length","_jsxs","RowLink","disabled","className","_defineProperty","children","_jsx","QueryStatusIcon","Flex","direction","gap","justifyContent","HistoryRowTitle","HistoryRowMenu","isFieldVisible","QueryDuration","Text","color","formatTime","HistoryPrivateIcon"],"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/cjs/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;