@gravity-ui/querieskit 1.1.0 → 1.2.0

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

@@ -1,237 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,3 +0,0 @@
-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.map

@@ -1 +0,0 @@
-{"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

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

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

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

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

@@ -1 +0,0 @@
-{"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/HistoryRowMenu.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { QueryHistoryRow, QueryHistoryRowAction } from '../../types/history';
-type Props<T extends QueryHistoryRow> = {
-    item: T;
-    actions?: QueryHistoryRowAction<T>[];
-};
-export declare const HistoryRowMenu: <T extends QueryHistoryRow>({ item, actions }: Props<T>) => React.JSX.Element | null;
-export {};

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","useMemo","Button","DropdownMenu","Icon","jsx","_jsx","EllipsisIcon","props","_objectSpread","children","fill","fillRule","d","clipRule","defaultProps","xmlns","width","height","viewBox","HistoryRowMenu","_ref","item","actions","items","map","_ref2","icon","text","hidden","disabled","onClick","iconStart","action","length","handleClick","e","preventDefault","size","renderSwitcher","data"],"sources":["HistoryRowMenu.tsx"],"sourcesContent":["import React, {MouseEvent, useMemo} from 'react';\nimport {Button, DropdownMenu, DropdownMenuItem, Icon} from '@gravity-ui/uikit';\nimport EllipsisIcon from '@gravity-ui/icons/svgs/ellipsis.svg';\nimport {QueryHistoryRow, QueryHistoryRowAction} from '../../types/history';\n\ntype Props<T extends QueryHistoryRow> = {\n    item: T;\n    actions?: QueryHistoryRowAction<T>[];\n};\n\nexport const HistoryRowMenu = <T extends QueryHistoryRow>({item, actions}: Props<T>) => {\n    const items = useMemo(() => {\n        return actions?.map<DropdownMenuItem>(({icon, text, hidden, disabled, onClick}) => {\n            return {\n                text,\n                hidden,\n                disabled,\n                iconStart: icon,\n                action: () => {\n                    onClick(item);\n                },\n            };\n        });\n    }, [actions, item]);\n\n    if (!actions || !actions.length) return null;\n\n    const handleClick = (e: MouseEvent<HTMLDivElement>) => {\n        e.preventDefault();\n    };\n\n    return (\n        <div onClick={handleClick}>\n            <DropdownMenu\n                size=\"s\"\n                renderSwitcher={(props) => {\n                    return (\n                        <Button {...props} size=\"xs\">\n                            <Icon data={EllipsisIcon} size={12} />\n                        </Button>\n                    );\n                }}\n                items={items}\n            />\n        </div>\n    );\n};\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAeC,OAAO,QAAO,OAAO;AAChD,SAAQC,MAAM,EAAEC,YAAY,EAAoBC,IAAI,QAAO,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,IACxEC,YAAY,YAAZA,YAAYA,CAAAC,KAAA;EAAA,oBAAAF,IAAA,QAAAG,aAAA,CAAAA,aAAA,KAAAD,KAAA;IAAAE,QAAA,eAAAJ,IAAA;MAAAK,IAAA;MAAAC,QAAA;MAAAC,CAAA;MAAAC,QAAA;IAAA;EAAA;AAAA;AAAZP,YAAY,CAAAQ,YAAA;EAAAC,KAAA;EAAAC,KAAA;EAAAC,MAAA;EAAAP,IAAA;EAAAQ,OAAA;AAAA;AAQnB,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,IAAA,EAA6D;EAAA,IAA7BC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAEC,OAAO,GAAAF,IAAA,CAAPE,OAAO;EACpE,IAAMC,KAAK,GAAGvB,OAAO,CAAC,YAAM;IACxB,OAAOsB,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEE,GAAG,CAAmB,UAAAC,KAAA,EAA6C;MAAA,IAA3CC,IAAI,GAAAD,KAAA,CAAJC,IAAI;QAAEC,IAAI,GAAAF,KAAA,CAAJE,IAAI;QAAEC,MAAM,GAAAH,KAAA,CAANG,MAAM;QAAEC,QAAQ,GAAAJ,KAAA,CAARI,QAAQ;QAAEC,OAAO,GAAAL,KAAA,CAAPK,OAAO;MACzE,OAAO;QACHH,IAAI,EAAJA,IAAI;QACJC,MAAM,EAANA,MAAM;QACNC,QAAQ,EAARA,QAAQ;QACRE,SAAS,EAAEL,IAAI;QACfM,MAAM,EAAE,SAARA,MAAMA,CAAA,EAAQ;UACVF,OAAO,CAACT,IAAI,CAAC;QACjB;MACJ,CAAC;IACL,CAAC,CAAC;EACN,CAAC,EAAE,CAACC,OAAO,EAAED,IAAI,CAAC,CAAC;EAEnB,IAAI,CAACC,OAAO,IAAI,CAACA,OAAO,CAACW,MAAM,EAAE,OAAO,IAAI;EAE5C,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAIC,CAA6B,EAAK;IACnDA,CAAC,CAACC,cAAc,CAAC,CAAC;EACtB,CAAC;EAED,oBACI/B,IAAA;IAAKyB,OAAO,EAAEI,WAAY;IAAAzB,QAAA,eACtBJ,IAAA,CAACH,YAAY;MACTmC,IAAI,EAAC,GAAG;MACRC,cAAc,EAAE,SAAhBA,cAAcA,CAAG/B,KAAK,EAAK;QACvB,oBACIF,IAAA,CAACJ,MAAM,EAAAO,aAAA,CAAAA,aAAA,KAAKD,KAAK;UAAE8B,IAAI,EAAC,IAAI;UAAA5B,QAAA,eACxBJ,IAAA,CAACF,IAAI;YAACoC,IAAI,EAAEjC,YAAa;YAAC+B,IAAI,EAAE;UAAG,CAAE;QAAC,EAClC,CAAC;MAEjB,CAAE;MACFd,KAAK,EAAEA;IAAM,CAChB;EAAC,CACD,CAAC;AAEd,CAAC","ignoreList":[]}

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

@@ -1,8 +0,0 @@
-import React from 'react';
-import { QueryHistoryEditingRenderData, QueryHistoryRow } from '../../types/history';
-import './HistoryRow.scss';
-export type Props<T extends QueryHistoryRow> = {
-    item: T;
-    editing?: QueryHistoryEditingRenderData<T>;
-};
-export declare const HistoryRowTitle: <T extends QueryHistoryRow>({ item, editing }: Props<T>) => React.JSX.Element;

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","useState","Text","TextInput","jsx","_jsx","HistoryRowTitle","_ref","item","editing","_useState","title","_useState2","_slicedToArray","setTitle","isEditing","Boolean","enabled","isTitleEmpty","trim","useEffect","id","handleKeyDown","event","stopPropagation","key","_editing$onSubmit","preventDefault","nextTitle","_editing$onCancel","onCancel","call","onSubmit","_editing$onCancel2","onClick","onMouseDown","children","autoFocus","value","size","validationState","undefined","onKeyDown","onUpdate","variant","ellipsis"],"sources":["HistoryRowTitle.tsx"],"sourcesContent":["import React, {KeyboardEvent, useState} from 'react';\nimport {QueryHistoryEditingRenderData, QueryHistoryRow} from '../../types/history';\nimport {Text, TextInput} from '@gravity-ui/uikit';\nimport './HistoryRow.scss';\n\nexport type Props<T extends QueryHistoryRow> = {\n    item: T;\n    editing?: QueryHistoryEditingRenderData<T>;\n};\n\nexport const HistoryRowTitle = <T extends QueryHistoryRow>({item, editing}: Props<T>) => {\n    const [title, setTitle] = useState(item.title);\n    const isEditing = Boolean(editing?.enabled);\n    const isTitleEmpty = !title.trim();\n\n    React.useEffect(() => {\n        setTitle(item.title);\n    }, [item.id, item.title]);\n\n    const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n        event.stopPropagation();\n\n        if (event.key === 'Enter') {\n            event.preventDefault();\n            const nextTitle = title.trim();\n\n            if (!nextTitle) {\n                return;\n            }\n\n            if (nextTitle === item.title) {\n                editing?.onCancel?.(item);\n                setTitle(item.title);\n                return;\n            }\n\n            editing?.onSubmit?.(item, nextTitle);\n        }\n\n        if (event.key === 'Escape') {\n            editing?.onCancel?.(item);\n            setTitle(item.title);\n        }\n    };\n\n    if (isEditing) {\n        return (\n            <div\n                onClick={(event) => event.stopPropagation()}\n                onMouseDown={(event) => event.stopPropagation()}\n            >\n                <TextInput\n                    autoFocus\n                    value={title}\n                    size=\"s\"\n                    validationState={isTitleEmpty ? 'invalid' : undefined}\n                    onKeyDown={handleKeyDown}\n                    onUpdate={setTitle}\n                />\n            </div>\n        );\n    }\n\n    return (\n        <Text variant=\"subheader-1\" ellipsis>\n            {item.title}\n        </Text>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/build/esm/widgets/QueriesHistory/ComparisonActions.css

@@ -1,5 +0,0 @@
-.qp-query-history-comparison-action {
-  padding: 12px 20px;
-  background: var(--g-color-base-background);
-}
-/*# sourceMappingURL=ComparisonActions.css.map */

package/build/esm/widgets/QueriesHistory/ComparisonActions.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["ComparisonActions.scss"],"names":[],"mappings":"AAAA;EACE,kBAAA;EACA,0CAAA;AACF","file":"ComparisonActions.css","sourcesContent":[".qp-query-history-comparison-action {\n  padding: 12px 20px;\n  background: var(--g-color-base-background);\n}"],"sourceRoot":""}

package/build/esm/widgets/QueriesHistory/ComparisonActions.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { QueryHistoryComparisonConfig, QueryHistoryRow } from '../../types/history';
-import './ComparisonActions.scss';
-type Props<T extends QueryHistoryRow> = {
-    comparison: QueryHistoryComparisonConfig<T>;
-    className?: string;
-};
-export declare const ComparisonActions: <T extends QueryHistoryRow>({ comparison: { enabled, comparedRowIds, onCompare, onCancel }, className, }: Props<T>) => React.JSX.Element | null;
-export {};

package/build/esm/widgets/QueriesHistory/ComparisonActions.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","Button","Flex","Icon","ArrowRotateRightIcon","props","_jsx","_objectSpread","children","fill","fillRule","d","clipRule","defaultProps","xmlns","width","height","viewBox","ArrowRightArrowLeftIcon","cn","jsx","jsxs","_jsxs","block","ComparisonActions","_ref","_ref$comparison","comparison","enabled","comparedRowIds","onCompare","onCancel","className","gap","alignItems","justifyContent","onClick","data","size","view","disabled","length"],"sources":["ComparisonActions.tsx"],"sourcesContent":["import React from 'react';\nimport {Button, Flex, Icon} from '@gravity-ui/uikit';\nimport {QueryHistoryComparisonConfig, QueryHistoryRow} from '../../types/history';\nimport ArrowRotateRightIcon from '@gravity-ui/icons/svgs/arrow-rotate-right.svg';\nimport ArrowRightArrowLeftIcon from '@gravity-ui/icons/svgs/arrow-right-arrow-left.svg';\nimport './ComparisonActions.scss';\nimport cn from 'bem-cn-lite';\n\ntype Props<T extends QueryHistoryRow> = {\n    comparison: QueryHistoryComparisonConfig<T>;\n    className?: string;\n};\n\nconst block = cn('qp-query-history-comparison-action');\n\nexport const ComparisonActions = <T extends QueryHistoryRow>({\n    comparison: {enabled, comparedRowIds, onCompare, onCancel},\n    className,\n}: Props<T>) => {\n    if (!enabled) return null;\n\n    return (\n        <Flex\n            gap={3}\n            alignItems=\"center\"\n            justifyContent=\"center\"\n            className={block(null, className)}\n        >\n            <Button onClick={onCancel} width=\"max\">\n                <Icon data={ArrowRotateRightIcon} size={16} />\n            </Button>\n            <Button\n                view=\"action\"\n                onClick={onCompare}\n                disabled={comparedRowIds.length < 2}\n                width=\"max\"\n            >\n                <Icon data={ArrowRightArrowLeftIcon} size={16} />\n            </Button>\n        </Flex>\n    );\n};\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAQC,MAAM,EAAEC,IAAI,EAAEC,IAAI,QAAO,mBAAmB;AAAC,IAE9CC,oBAAoB,YAApBA,oBAAoBA,CAAAC,KAAA;EAAA,oBAAAC,IAAA,QAAAC,aAAA,CAAAA,aAAA,KAAAF,KAAA;IAAAG,QAAA,eAAAF,IAAA;MAAAG,IAAA;MAAAC,QAAA;MAAAC,CAAA;MAAAC,QAAA;IAAA;EAAA;AAAA;AAApBR,oBAAoB,CAAAS,YAAA;EAAAC,KAAA;EAAAC,KAAA;EAAAC,MAAA;EAAAP,IAAA;EAAAQ,OAAA;AAAA;AAAA,IACpBC,uBAAuB,YAAvBA,uBAAuBA,CAAAb,KAAA;EAAA,oBAAAC,IAAA,QAAAC,aAAA,CAAAA,aAAA,KAAAF,KAAA;IAAAG,QAAA,eAAAF,IAAA;MAAAG,IAAA;MAAAC,QAAA;MAAAC,CAAA;MAAAC,QAAA;IAAA;EAAA;AAAA;AAAvBM,uBAAuB,CAAAL,YAAA;EAAAC,KAAA;EAAAC,KAAA;EAAAC,MAAA;EAAAP,IAAA;EAAAQ,OAAA;AAAA;AAC9B;AACA,OAAOE,EAAE,MAAM,aAAa;AAAC,SAAAC,GAAA,IAAAd,IAAA,EAAAe,IAAA,IAAAC,KAAA;AAO7B,IAAMC,KAAK,GAAGJ,EAAE,CAAC,oCAAoC,CAAC;AAEtD,OAAO,IAAMK,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAAC,IAAA,EAGd;EAAA,IAAAC,eAAA,GAAAD,IAAA,CAFZE,UAAU;IAAGC,OAAO,GAAAF,eAAA,CAAPE,OAAO;IAAEC,cAAc,GAAAH,eAAA,CAAdG,cAAc;IAAEC,SAAS,GAAAJ,eAAA,CAATI,SAAS;IAAEC,QAAQ,GAAAL,eAAA,CAARK,QAAQ;IACzDC,SAAS,GAAAP,IAAA,CAATO,SAAS;EAET,IAAI,CAACJ,OAAO,EAAE,OAAO,IAAI;EAEzB,oBACIN,KAAA,CAACpB,IAAI;IACD+B,GAAG,EAAE,CAAE;IACPC,UAAU,EAAC,QAAQ;IACnBC,cAAc,EAAC,QAAQ;IACvBH,SAAS,EAAET,KAAK,CAAC,IAAI,EAAES,SAAS,CAAE;IAAAxB,QAAA,gBAElCF,IAAA,CAACL,MAAM;MAACmC,OAAO,EAAEL,QAAS;MAAChB,KAAK,EAAC,KAAK;MAAAP,QAAA,eAClCF,IAAA,CAACH,IAAI;QAACkC,IAAI,EAAEjC,oBAAqB;QAACkC,IAAI,EAAE;MAAG,CAAE;IAAC,CAC1C,CAAC,eACThC,IAAA,CAACL,MAAM;MACHsC,IAAI,EAAC,QAAQ;MACbH,OAAO,EAAEN,SAAU;MACnBU,QAAQ,EAAEX,cAAc,CAACY,MAAM,GAAG,CAAE;MACpC1B,KAAK,EAAC,KAAK;MAAAP,QAAA,eAEXF,IAAA,CAACH,IAAI;QAACkC,IAAI,EAAEnB,uBAAwB;QAACoB,IAAI,EAAE;MAAG,CAAE;IAAC,CAC7C,CAAC;EAAA,CACP,CAAC;AAEf,CAAC","ignoreList":[]}

package/src/modules/HistoryList/HistoryList.stories.tsx

@@ -1,181 +0,0 @@
-import React, {useState} from 'react';
-import type {Meta, StoryObj} from '@storybook/react';
-import {HistoryList} from './HistoryList';
-import {QueryHistoryItem, QueryHistoryRow} from '../../types/history';
-
-const now = Date.now();
-const min = 60 * 1000;
-
-const ITEMS: QueryHistoryItem<QueryHistoryRow>[] = [
-    {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,
-    },
-];
-
-const meta: Meta<typeof HistoryList> = {
-    title: 'Modules/HistoryList',
-    component: HistoryList,
-    tags: ['autodocs'],
-    parameters: {
-        layout: 'padded',
-    },
-    decorators: [
-        (Story) => (
-            <div style={{width: 420, height: 480}}>
-                <Story />
-            </div>
-        ),
-    ],
-};
-
-export default meta;
-type Story = StoryObj<typeof HistoryList>;
-
-/** Basic list with groups and all statuses */
-export const Default: Story = {
-    args: {
-        items: ITEMS,
-    },
-};
-
-/** Empty list */
-export const Empty: Story = {
-    args: {
-        items: [],
-    },
-};
-
-/** With row actions (visible on hover) */
-export const WithActions: Story = {
-    args: {
-        items: ITEMS,
-        getRowActions: (_item) => [
-            {text: 'Run again', onClick: (row) => alert(`Run: ${row.title}`)},
-            {text: 'Copy', onClick: (row) => alert(`Copy: ${row.title}`)},
-            {text: 'Delete', onClick: (row) => alert(`Delete: ${row.title}`)},
-        ],
-    },
-};
-
-/** Interactive row comparison mode */
-const WithComparisonStory = () => {
-    const [comparedRowIds, setComparedRowIds] = useState<number[]>([2]);
-
-    const handleChange = (item: QueryHistoryRow, selected: boolean) => {
-        setComparedRowIds((prev) =>
-            selected ? [...prev, item.id] : prev.filter((id) => id !== item.id),
-        );
-    };
-
-    return (
-        <div style={{width: 420, height: 480}}>
-            <div style={{marginBottom: 8, fontSize: 12, color: '#888'}}>
-                Compared ids: {comparedRowIds.join(', ') || 'none'}
-            </div>
-            <HistoryList
-                items={ITEMS}
-                comparison={{
-                    enabled: true,
-                    comparedRowIds,
-                    onChange: handleChange,
-                    onCancel: () => setComparedRowIds([]),
-                    onCompare: () => alert(`Compare: ${comparedRowIds.join(', ')}`),
-                }}
-            />
-        </div>
-    );
-};
-
-export const WithComparison: Story = {render: () => <WithComparisonStory />};
-
-/** Row highlighted via selectedRowId */
-const WithSelectedRowStory = () => {
-    const [selectedRowId, setSelectedRowId] = useState<number | undefined>(1);
-
-    return (
-        <div style={{width: 420, height: 480}}>
-            <div style={{marginBottom: 8, fontSize: 12, color: '#888'}}>
-                Selected row id: {selectedRowId ?? 'none'}
-            </div>
-            <HistoryList
-                items={ITEMS}
-                selectedRowId={selectedRowId}
-                onItemClick={(item, index) => {
-                    if (!('header' in item)) {
-                        setSelectedRowId(index);
-                    }
-                }}
-            />
-        </div>
-    );
-};
-
-export const WithSelectedRow: Story = {render: () => <WithSelectedRowStory />};
-
-/** Interactive row title editing mode */
-const WithEditingStory = () => {
-    const [editingRowId, setEditingRowId] = useState<number | undefined>(1);
-
-    return (
-        <div style={{width: 420, height: 480}}>
-            <div style={{marginBottom: 8, fontSize: 12, color: '#888'}}>
-                Editing row id: {editingRowId ?? 'none'} (row #1 is open for editing)
-            </div>
-            <HistoryList
-                items={ITEMS}
-                editing={{
-                    rowId: editingRowId,
-                    onSubmit: (item, title) => {
-                        alert(`Saved row ${item.id}: "${title}"`);
-                        setEditingRowId(undefined);
-                    },
-                    onCancel: () => setEditingRowId(undefined),
-                }}
-            />
-        </div>
-    );
-};
-
-export const WithEditing: Story = {render: () => <WithEditingStory />};

package/src/modules/HistoryList/HistoryList.tsx

@@ -1,41 +0,0 @@
-import React from 'react';
-import {
-    QueryHistoryComparisonConfig,
-    QueryHistoryEditingConfig,
-    QueryHistoryItem,
-    QueryHistoryRow,
-    QueryHistoryRowAction,
-    QueryHistoryRowRenderData,
-    QueryHistoryRowVariant,
-    QueryHistoryVisibleFieldsConfig,
-} from '../../types/history';
-import {RowsList} from '../RowsList';
-import {HistoryRowContent} from './HistoryRowContent';
-
-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 const HistoryList = <T extends QueryHistoryRow>({
-    renderRowItem,
-    ...props
-}: HistoryListProps<T>) => {
-    return (
-        <RowsList
-            {...props}
-            renderRow={(data) =>
-                renderRowItem ? renderRowItem(data) : <HistoryRowContent {...data} />
-            }
-        />
-    );
-};

package/src/modules/HistoryList/index.ts

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

package/src/modules/HistoryRow/HistoryRowMenu.tsx

@@ -1,47 +0,0 @@
-import React, {MouseEvent, useMemo} from 'react';
-import {Button, DropdownMenu, DropdownMenuItem, Icon} from '@gravity-ui/uikit';
-import EllipsisIcon from '@gravity-ui/icons/svgs/ellipsis.svg';
-import {QueryHistoryRow, QueryHistoryRowAction} from '../../types/history';
-
-type Props<T extends QueryHistoryRow> = {
-    item: T;
-    actions?: QueryHistoryRowAction<T>[];
-};
-
-export const HistoryRowMenu = <T extends QueryHistoryRow>({item, actions}: Props<T>) => {
-    const items = useMemo(() => {
-        return actions?.map<DropdownMenuItem>(({icon, text, hidden, disabled, onClick}) => {
-            return {
-                text,
-                hidden,
-                disabled,
-                iconStart: icon,
-                action: () => {
-                    onClick(item);
-                },
-            };
-        });
-    }, [actions, item]);
-
-    if (!actions || !actions.length) return null;
-
-    const handleClick = (e: MouseEvent<HTMLDivElement>) => {
-        e.preventDefault();
-    };
-
-    return (
-        <div onClick={handleClick}>
-            <DropdownMenu
-                size="s"
-                renderSwitcher={(props) => {
-                    return (
-                        <Button {...props} size="xs">
-                            <Icon data={EllipsisIcon} size={12} />
-                        </Button>
-                    );
-                }}
-                items={items}
-            />
-        </div>
-    );
-};