@gravity-ui/querieskit 1.0.1

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","HistoryRow","jsx","_jsx","now","Date","min","makeRow","overrides","_objectSpread","id","title","status","engine","mode","isPrivate","startTime","endTime","height","defaultActions","text","onClick","row","alert","concat","meta","component","tags","parameters","layout","args","item","isActive","index","actions","decorators","Story","style","width","children","Default","ComparisonMode","comparison","enabled","checked","ComparisonModeUnchecked","EditingMode","editing","onSubmit","_item","onCancel"],"sources":["HistoryRow.stories.tsx"],"sourcesContent":["import React from 'react';\nimport type {Meta, StoryObj} from '@storybook/react';\nimport {HistoryRow} from './HistoryRow';\nimport {QueryHistoryRow, QueryHistoryRowAction} from '../../types/history';\n\nconst now = Date.now();\nconst min = 60 * 1000;\n\nconst makeRow = (overrides: Partial<QueryHistoryRow>): QueryHistoryRow => ({\n    id: 1,\n    title: 'Query 1',\n    status: 'completed',\n    engine: 'YQL',\n    mode: 'batch',\n    isPrivate: false,\n    startTime: now - 5 * min,\n    endTime: now - min,\n    height: 64,\n    ...overrides,\n});\n\nconst defaultActions: Array<QueryHistoryRowAction<QueryHistoryRow>> = [\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\nconst meta: Meta<typeof HistoryRow> = {\n    title: 'Modules/HistoryRow',\n    component: HistoryRow,\n    tags: ['autodocs'],\n    parameters: {\n        layout: 'padded',\n    },\n    args: {\n        item: makeRow({}),\n        isActive: false,\n        index: 0,\n        actions: defaultActions,\n    },\n    decorators: [\n        (Story) => (\n            <div style={{width: 380}}>\n                <Story />\n            </div>\n        ),\n    ],\n};\n\nexport default meta;\ntype Story = StoryObj<typeof HistoryRow>;\n\n/** Default row with a ready-to-use actions menu */\nexport const Default: Story = {\n    args: {\n        item: makeRow({isPrivate: true}),\n        isActive: true,\n    },\n};\n\n/** Comparison mode — row highlighted as checked, menu is hidden */\nexport const ComparisonMode: Story = {\n    args: {\n        comparison: {\n            enabled: true,\n            checked: true,\n        },\n    },\n};\n\n/** Comparison mode is enabled globally, but this row is not checked yet */\nexport const ComparisonModeUnchecked: Story = {\n    args: {\n        comparison: {\n            enabled: true,\n            checked: false,\n        },\n    },\n};\n\n/** Title editing mode */\nexport const EditingMode: Story = {\n    args: {\n        editing: {\n            enabled: true,\n            onSubmit: (_item, title) => alert(`Saved: ${title}`),\n            onCancel: () => alert('Cancelled'),\n        },\n    },\n};\n"],"mappings":"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","ignoreList":[]}

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

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

@@ -0,0 +1,68 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import "core-js/modules/es.array.map.js";
+import "core-js/modules/es.iterator.constructor.js";
+import "core-js/modules/es.iterator.map.js";
+import "core-js/modules/es.object.to-string.js";
+import React, { useMemo } from 'react';
+import { Button, DropdownMenu, Icon } from '@gravity-ui/uikit';
+import { jsx as _jsx } from "react/jsx-runtime";
+var EllipsisIcon = function EllipsisIcon(props) {
+  return /*#__PURE__*/_jsx("svg", _objectSpread(_objectSpread({}, props), {}, {
+    children: /*#__PURE__*/_jsx("path", {
+      fill: "currentColor",
+      fillRule: "evenodd",
+      d: "M3 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3M9.5 8a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m5 0a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0",
+      clipRule: "evenodd"
+    })
+  }));
+};
+EllipsisIcon.defaultProps = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  fill: "none",
+  viewBox: "0 0 16 16"
+};
+export var HistoryRowMenu = function HistoryRowMenu(_ref) {
+  var item = _ref.item,
+    actions = _ref.actions;
+  var items = useMemo(function () {
+    return actions === null || actions === void 0 ? void 0 : actions.map(function (_ref2) {
+      var icon = _ref2.icon,
+        text = _ref2.text,
+        hidden = _ref2.hidden,
+        disabled = _ref2.disabled,
+        onClick = _ref2.onClick;
+      return {
+        text: text,
+        hidden: hidden,
+        disabled: disabled,
+        iconStart: icon,
+        action: function action() {
+          onClick(item);
+        }
+      };
+    });
+  }, [actions, item]);
+  if (!actions || !actions.length) return null;
+  var handleClick = function handleClick(e) {
+    e.preventDefault();
+  };
+  return /*#__PURE__*/_jsx("div", {
+    onClick: handleClick,
+    children: /*#__PURE__*/_jsx(DropdownMenu, {
+      size: "s",
+      renderSwitcher: function renderSwitcher(props) {
+        return /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({}, props), {}, {
+          size: "xs",
+          children: /*#__PURE__*/_jsx(Icon, {
+            data: EllipsisIcon,
+            size: 12
+          })
+        }));
+      },
+      items: items
+    })
+  });
+};
+// #sourceMappingURL=HistoryRowMenu.js.map

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

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

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

@@ -0,0 +1,66 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import "core-js/modules/es.string.trim.js";
+import React, { useState } from 'react';
+import { Text, TextInput } from '@gravity-ui/uikit';
+import "./HistoryRow.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var HistoryRowTitle = function HistoryRowTitle(_ref) {
+  var item = _ref.item,
+    editing = _ref.editing;
+  var _useState = useState(item.title),
+    _useState2 = _slicedToArray(_useState, 2),
+    title = _useState2[0],
+    setTitle = _useState2[1];
+  var isEditing = Boolean(editing === null || editing === void 0 ? void 0 : editing.enabled);
+  var isTitleEmpty = !title.trim();
+  React.useEffect(function () {
+    setTitle(item.title);
+  }, [item.id, item.title]);
+  var handleKeyDown = function handleKeyDown(event) {
+    event.stopPropagation();
+    if (event.key === 'Enter') {
+      var _editing$onSubmit;
+      event.preventDefault();
+      var nextTitle = title.trim();
+      if (!nextTitle) {
+        return;
+      }
+      if (nextTitle === item.title) {
+        var _editing$onCancel;
+        editing === null || editing === void 0 || (_editing$onCancel = editing.onCancel) === null || _editing$onCancel === void 0 || _editing$onCancel.call(editing, item);
+        setTitle(item.title);
+        return;
+      }
+      editing === null || editing === void 0 || (_editing$onSubmit = editing.onSubmit) === null || _editing$onSubmit === void 0 || _editing$onSubmit.call(editing, item, nextTitle);
+    }
+    if (event.key === 'Escape') {
+      var _editing$onCancel2;
+      editing === null || editing === void 0 || (_editing$onCancel2 = editing.onCancel) === null || _editing$onCancel2 === void 0 || _editing$onCancel2.call(editing, item);
+      setTitle(item.title);
+    }
+  };
+  if (isEditing) {
+    return /*#__PURE__*/_jsx("div", {
+      onClick: function onClick(event) {
+        return event.stopPropagation();
+      },
+      onMouseDown: function onMouseDown(event) {
+        return event.stopPropagation();
+      },
+      children: /*#__PURE__*/_jsx(TextInput, {
+        autoFocus: true,
+        value: title,
+        size: "s",
+        validationState: isTitleEmpty ? 'invalid' : undefined,
+        onKeyDown: handleKeyDown,
+        onUpdate: setTitle
+      })
+    });
+  }
+  return /*#__PURE__*/_jsx(Text, {
+    variant: "subheader-1",
+    ellipsis: true,
+    children: item.title
+  });
+};
+// #sourceMappingURL=HistoryRowTitle.js.map

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

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

@@ -0,0 +1 @@
+export { HistoryRow } from './HistoryRow';

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

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

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

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

package/build/esm/modules/HistorySearchRow/HistorySearchRow.css

@@ -0,0 +1,10 @@
+.qp-history-search-row__header {
+  overflow: hidden;
+}
+.qp-history-search-row__start-time {
+  flex-shrink: 0;
+}
+.qp-history-search-row__icon {
+  flex-shrink: 0;
+}
+/*# sourceMappingURL=HistorySearchRow.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["HistorySearchRow.scss"],"names":[],"mappings":"AACE;EACE,gBAAA;AAAJ;AAGE;EACE,cAAA;AADJ;AAIE;EACE,cAAA;AAFJ","file":"HistorySearchRow.css","sourcesContent":[".qp-history-search-row {\n  &__header {\n    overflow: hidden;\n  }\n\n  &__start-time {\n    flex-shrink: 0;\n  }\n\n  &__icon {\n    flex-shrink: 0;\n  }\n}\n"],"sourceRoot":""}

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

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

package/build/esm/modules/HistorySearchRow/HistorySearchRow.js

@@ -0,0 +1,57 @@
+import React from 'react';
+import { Flex, Text } from '@gravity-ui/uikit';
+import { HistoryPrivateIcon, QueryDuration, QueryStatusIcon, SearchRowLayout } from "../../components";
+import { formatTimeCanonical } from "../../helpers/time";
+import { isFieldVisible } from "../../helpers/isFieldVisible";
+import { resolveMonacoLanguage } from "./helpers/resolveMonacoLanguage";
+import "./HistorySearchRow.css";
+import cn from 'bem-cn-lite';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var block = cn('qp-history-search-row');
+export var HistorySearchRow = function HistorySearchRow(_ref) {
+  var item = _ref.item,
+    visibleFields = _ref.visibleFields,
+    editing = _ref.editing,
+    comparison = _ref.comparison;
+  var href = item.href,
+    status = item.status,
+    startTime = item.startTime,
+    endTime = item.endTime,
+    engine = item.engine,
+    mode = item.mode,
+    isPrivate = item.isPrivate,
+    query = item.query;
+  return /*#__PURE__*/_jsx(SearchRowLayout, {
+    query: query,
+    language: resolveMonacoLanguage(engine),
+    href: href,
+    disabled: Boolean(editing === null || editing === void 0 ? void 0 : editing.enabled) || Boolean(comparison === null || comparison === void 0 ? void 0 : comparison.enabled),
+    className: block(),
+    header: /*#__PURE__*/_jsxs(Flex, {
+      gap: 2,
+      alignItems: "center",
+      className: block('header'),
+      children: [/*#__PURE__*/_jsx(QueryStatusIcon, {
+        status: status,
+        className: block('icon')
+      }), isFieldVisible(visibleFields, 'duration') && startTime && /*#__PURE__*/_jsx(QueryDuration, {
+        status: status,
+        startTime: startTime,
+        endTime: endTime
+      }), isFieldVisible(visibleFields, 'mode') && mode && /*#__PURE__*/_jsx(Text, {
+        color: "complementary",
+        children: mode
+      }), isFieldVisible(visibleFields, 'startTime') && startTime && /*#__PURE__*/_jsx(Text, {
+        color: "complementary",
+        className: block('start-time'),
+        children: formatTimeCanonical(startTime)
+      }), isFieldVisible(visibleFields, 'engine') && engine && /*#__PURE__*/_jsx(Text, {
+        color: "complementary",
+        children: engine
+      }), isFieldVisible(visibleFields, 'isPrivate') && /*#__PURE__*/_jsx(HistoryPrivateIcon, {
+        isPrivate: isPrivate
+      })]
+    })
+  });
+};
+// #sourceMappingURL=HistorySearchRow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Flex","Text","HistoryPrivateIcon","QueryDuration","QueryStatusIcon","SearchRowLayout","formatTimeCanonical","isFieldVisible","resolveMonacoLanguage","cn","jsx","_jsx","jsxs","_jsxs","block","HistorySearchRow","_ref","item","visibleFields","editing","comparison","href","status","startTime","endTime","engine","mode","isPrivate","query","language","disabled","Boolean","enabled","className","header","gap","alignItems","children","color"],"sources":["HistorySearchRow.tsx"],"sourcesContent":["import React from 'react';\nimport {Flex, Text} from '@gravity-ui/uikit';\nimport {QueryHistoryRow, QueryHistoryRowRenderData} from '../../types/history';\nimport {\n    HistoryPrivateIcon,\n    QueryDuration,\n    QueryStatusIcon,\n    SearchRowLayout,\n} from '../../components';\nimport {formatTimeCanonical} from '../../helpers/time';\nimport {isFieldVisible} from '../../helpers/isFieldVisible';\nimport {resolveMonacoLanguage} from './helpers/resolveMonacoLanguage';\nimport './HistorySearchRow.scss';\nimport cn from 'bem-cn-lite';\n\nconst block = cn('qp-history-search-row');\n\nexport type Props<T extends QueryHistoryRow> = {\n    item: T;\n} & Omit<QueryHistoryRowRenderData<T>, 'item' | 'variant'>;\n\nexport const HistorySearchRow = <T extends QueryHistoryRow>({\n    item,\n    visibleFields,\n    editing,\n    comparison,\n}: Props<T>) => {\n    const {href, status, startTime, endTime, engine, mode, isPrivate, query} = item;\n\n    return (\n        <SearchRowLayout\n            query={query}\n            language={resolveMonacoLanguage(engine)}\n            href={href}\n            disabled={Boolean(editing?.enabled) || Boolean(comparison?.enabled)}\n            className={block()}\n            header={\n                <Flex gap={2} alignItems=\"center\" className={block('header')}>\n                    <QueryStatusIcon status={status} className={block('icon')} />\n                    {isFieldVisible(visibleFields, 'duration') && startTime && (\n                        <QueryDuration status={status} startTime={startTime} endTime={endTime} />\n                    )}\n                    {isFieldVisible(visibleFields, 'mode') && mode && (\n                        <Text color=\"complementary\">{mode}</Text>\n                    )}\n                    {isFieldVisible(visibleFields, 'startTime') && startTime && (\n                        <Text color=\"complementary\" className={block('start-time')}>\n                            {formatTimeCanonical(startTime)}\n                        </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            }\n        />\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/build/esm/modules/HistorySearchRow/HistorySearchRow.scss

@@ -0,0 +1,13 @@
+.qp-history-search-row {
+  &__header {
+    overflow: hidden;
+  }
+
+  &__start-time {
+    flex-shrink: 0;
+  }
+
+  &__icon {
+    flex-shrink: 0;
+  }
+}

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

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { HistorySearchRow } from './HistorySearchRow';
+declare const meta: Meta<typeof HistorySearchRow>;
+export default meta;
+type Story = StoryObj<typeof HistorySearchRow>;
+/** Completed query, basic view */
+export declare const Completed: Story;
+/** Row with mode and a private (locked) query */
+export declare const WithModeAndPrivate: Story;

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

@@ -0,0 +1,56 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import "core-js/modules/es.date.now.js";
+import React from 'react';
+import { HistorySearchRow } from "./HistorySearchRow";
+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',
+    query: 'SELECT *\nFROM `//home/some/table`\nWHERE status = "completed"\nLIMIT 100',
+    status: 'completed',
+    engine: 'YQL',
+    startTime: now - 5 * min,
+    endTime: now - min,
+    height: 64
+  }, overrides);
+};
+var meta = {
+  title: 'Modules/HistorySearchRow',
+  component: HistorySearchRow,
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'padded'
+  },
+  decorators: [function (Story) {
+    return /*#__PURE__*/_jsx("div", {
+      style: {
+        width: 480
+      },
+      children: /*#__PURE__*/_jsx(Story, {})
+    });
+  }]
+};
+export default meta;
+/** Completed query, basic view */
+export var Completed = {
+  args: {
+    item: makeRow({
+      status: 'completed'
+    })
+  }
+};
+
+/** Row with mode and a private (locked) query */
+export var WithModeAndPrivate = {
+  args: {
+    item: makeRow({
+      status: 'completed',
+      mode: 'batch',
+      isPrivate: true
+    })
+  }
+};
+// #sourceMappingURL=HistorySearchRow.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","HistorySearchRow","jsx","_jsx","now","Date","min","makeRow","overrides","_objectSpread","id","title","query","status","engine","startTime","endTime","height","meta","component","tags","parameters","layout","decorators","Story","style","width","children","Completed","args","item","WithModeAndPrivate","mode","isPrivate"],"sources":["HistorySearchRow.stories.tsx"],"sourcesContent":["import React from 'react';\nimport type {Meta, StoryObj} from '@storybook/react';\nimport {HistorySearchRow} from './HistorySearchRow';\nimport {QueryHistoryRow} from '../../types/history';\n\nconst now = Date.now();\nconst min = 60 * 1000;\n\nconst makeRow = (overrides: Partial<QueryHistoryRow>): QueryHistoryRow => ({\n    id: 1,\n    title: 'Query 1',\n    query: 'SELECT *\\nFROM `//home/some/table`\\nWHERE status = \"completed\"\\nLIMIT 100',\n    status: 'completed',\n    engine: 'YQL',\n    startTime: now - 5 * min,\n    endTime: now - min,\n    height: 64,\n    ...overrides,\n});\n\nconst meta: Meta<typeof HistorySearchRow> = {\n    title: 'Modules/HistorySearchRow',\n    component: HistorySearchRow,\n    tags: ['autodocs'],\n    parameters: {\n        layout: 'padded',\n    },\n    decorators: [\n        (Story) => (\n            <div style={{width: 480}}>\n                <Story />\n            </div>\n        ),\n    ],\n};\n\nexport default meta;\ntype Story = StoryObj<typeof HistorySearchRow>;\n\n/** Completed query, basic view */\nexport const Completed: Story = {\n    args: {\n        item: makeRow({status: 'completed'}),\n    },\n};\n\n/** Row with mode and a private (locked) query */\nexport const WithModeAndPrivate: Story = {\n    args: {\n        item: makeRow({status: 'completed', mode: 'batch', isPrivate: true}),\n    },\n};\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAAQC,gBAAgB;AAA4B,SAAAC,GAAA,IAAAC,IAAA;AAGpD,IAAMC,GAAG,GAAGC,IAAI,CAACD,GAAG,CAAC,CAAC;AACtB,IAAME,GAAG,GAAG,EAAE,GAAG,IAAI;AAErB,IAAMC,OAAO,GAAG,SAAVA,OAAOA,CAAIC,SAAmC;EAAA,OAAAC,aAAA;IAChDC,EAAE,EAAE,CAAC;IACLC,KAAK,EAAE,SAAS;IAChBC,KAAK,EAAE,2EAA2E;IAClFC,MAAM,EAAE,WAAW;IACnBC,MAAM,EAAE,KAAK;IACbC,SAAS,EAAEX,GAAG,GAAG,CAAC,GAAGE,GAAG;IACxBU,OAAO,EAAEZ,GAAG,GAAGE,GAAG;IAClBW,MAAM,EAAE;EAAE,GACPT,SAAS;AAAA,CACd;AAEF,IAAMU,IAAmC,GAAG;EACxCP,KAAK,EAAE,0BAA0B;EACjCQ,SAAS,EAAElB,gBAAgB;EAC3BmB,IAAI,EAAE,CAAC,UAAU,CAAC;EAClBC,UAAU,EAAE;IACRC,MAAM,EAAE;EACZ,CAAC;EACDC,UAAU,EAAE,CACR,UAACC,KAAK;IAAA,oBACFrB,IAAA;MAAKsB,KAAK,EAAE;QAACC,KAAK,EAAE;MAAG,CAAE;MAAAC,QAAA,eACrBxB,IAAA,CAACqB,KAAK,IAAE;IAAC,CACR,CAAC;EAAA,CACT;AAET,CAAC;AAED,eAAeN,IAAI;AAGnB;AACA,OAAO,IAAMU,SAAgB,GAAG;EAC5BC,IAAI,EAAE;IACFC,IAAI,EAAEvB,OAAO,CAAC;MAACM,MAAM,EAAE;IAAW,CAAC;EACvC;AACJ,CAAC;;AAED;AACA,OAAO,IAAMkB,kBAAyB,GAAG;EACrCF,IAAI,EAAE;IACFC,IAAI,EAAEvB,OAAO,CAAC;MAACM,MAAM,EAAE,WAAW;MAAEmB,IAAI,EAAE,OAAO;MAAEC,SAAS,EAAE;IAAI,CAAC;EACvE;AACJ,CAAC","ignoreList":[]}

package/build/esm/modules/HistorySearchRow/helpers/resolveMonacoLanguage.d.ts

@@ -0,0 +1,2 @@
+import { MonacoLanguage } from '../../../components';
+export declare const resolveMonacoLanguage: (engine?: string) => MonacoLanguage;

package/build/esm/modules/HistorySearchRow/helpers/resolveMonacoLanguage.js

@@ -0,0 +1,23 @@
+import { MonacoLanguage } from "../../../components";
+export var resolveMonacoLanguage = function resolveMonacoLanguage(engine) {
+  var normalized = engine === null || engine === void 0 ? void 0 : engine.toLowerCase();
+  switch (normalized) {
+    case 'chyt':
+      {
+        return MonacoLanguage.CHYT;
+      }
+    case 'spyt':
+      {
+        return MonacoLanguage.SPYT;
+      }
+    case 'ytql':
+      {
+        return MonacoLanguage.YTQL;
+      }
+    default:
+      {
+        return MonacoLanguage.YQL;
+      }
+  }
+};
+// #sourceMappingURL=resolveMonacoLanguage.js.map

package/build/esm/modules/HistorySearchRow/helpers/resolveMonacoLanguage.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MonacoLanguage","resolveMonacoLanguage","engine","normalized","toLowerCase","CHYT","SPYT","YTQL","YQL"],"sources":["resolveMonacoLanguage.ts"],"sourcesContent":["import {MonacoLanguage} from '../../../components';\n\nexport const resolveMonacoLanguage = (engine?: string) => {\n    const normalized = engine?.toLowerCase();\n    switch (normalized) {\n        case 'chyt': {\n            return MonacoLanguage.CHYT;\n        }\n        case 'spyt': {\n            return MonacoLanguage.SPYT;\n        }\n        case 'ytql': {\n            return MonacoLanguage.YTQL;\n        }\n        default: {\n            return MonacoLanguage.YQL;\n        }\n    }\n};\n"],"mappings":"AAAA,SAAQA,cAAc;AAEtB,OAAO,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAIC,MAAe,EAAK;EACtD,IAAMC,UAAU,GAAGD,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEE,WAAW,CAAC,CAAC;EACxC,QAAQD,UAAU;IACd,KAAK,MAAM;MAAE;QACT,OAAOH,cAAc,CAACK,IAAI;MAC9B;IACA,KAAK,MAAM;MAAE;QACT,OAAOL,cAAc,CAACM,IAAI;MAC9B;IACA,KAAK,MAAM;MAAE;QACT,OAAON,cAAc,CAACO,IAAI;MAC9B;IACA;MAAS;QACL,OAAOP,cAAc,CAACQ,GAAG;MAC7B;EACJ;AACJ,CAAC","ignoreList":[]}

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

@@ -0,0 +1 @@
+export { HistorySearchRow } from './HistorySearchRow';

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

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

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

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

package/build/esm/modules/RowsList/RowsList.css

@@ -0,0 +1,4 @@
+.qp-rows-list .g-list__item_selected:hover {
+  background-color: var(--g-color-base-selection-hover);
+}
+/*# sourceMappingURL=RowsList.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["RowsList.scss"],"names":[],"mappings":"AACE;EACE,qDAAA;AAAJ","file":"RowsList.css","sourcesContent":[".qp-rows-list {\n  .g-list__item_selected:hover {\n    background-color: var(--g-color-base-selection-hover);\n  }\n}\n"],"sourceRoot":""}

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

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

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

@@ -0,0 +1,72 @@
+import "core-js/modules/es.array.includes.js";
+import "core-js/modules/es.array.reduce.js";
+import "core-js/modules/es.iterator.constructor.js";
+import "core-js/modules/es.iterator.reduce.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.string.includes.js";
+import React from 'react';
+import { List } from '@gravity-ui/uikit';
+import cn from 'bem-cn-lite';
+import { HistoryListEmpty } from "../../components";
+import { prepareRowData } from "./helpers/prepareRowData";
+import { SEARCH_ROW_HEIGHT } from "../../constants/row";
+import "./RowsList.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+var block = cn('qp-rows-list');
+export var RowsList = function RowsList(_ref) {
+  var items = _ref.items,
+    selectedRowId = _ref.selectedRowId,
+    _ref$rowVariant = _ref.rowVariant,
+    rowVariant = _ref$rowVariant === void 0 ? 'default' : _ref$rowVariant,
+    visibleFields = _ref.visibleFields,
+    editing = _ref.editing,
+    comparison = _ref.comparison,
+    getRowActions = _ref.getRowActions,
+    renderRow = _ref.renderRow,
+    showFiltersHint = _ref.showFiltersHint,
+    className = _ref.className,
+    onItemClick = _ref.onItemClick;
+  var getItemHeight = function getItemHeight(item) {
+    return rowVariant === 'search' && !('header' in item) ? SEARCH_ROW_HEIGHT : item.height;
+  };
+  var handleItemClick = function handleItemClick(item, index) {
+    if ('header' in item || !(comparison !== null && comparison !== void 0 && comparison.enabled)) {
+      onItemClick === null || onItemClick === void 0 || onItemClick(item, index);
+      return;
+    }
+    var selected = comparison.comparedRowIds.includes(item.id);
+    comparison.onChange(item, !selected);
+  };
+  if (!items.length) {
+    return /*#__PURE__*/_jsx(HistoryListEmpty, {
+      showFiltersHint: showFiltersHint,
+      className: className
+    });
+  }
+  return /*#__PURE__*/_jsx(List, {
+    className: block(null, className),
+    filterable: false,
+    items: items,
+    itemHeight: getItemHeight,
+    itemsHeight: function itemsHeight(listItems) {
+      return listItems.reduce(function (totalHeight, item) {
+        return totalHeight + getItemHeight(item);
+      }, 0);
+    },
+    renderItem: function renderItem(item, isActive, index) {
+      return renderRow(prepareRowData({
+        item: item,
+        isActive: isActive,
+        index: index,
+        variant: rowVariant,
+        visibleFields: visibleFields,
+        editing: editing,
+        comparison: comparison,
+        getRowActions: getRowActions
+      }));
+    },
+    selectedItemIndex: selectedRowId,
+    onItemClick: handleItemClick
+  });
+};
+// #sourceMappingURL=RowsList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","List","cn","HistoryListEmpty","prepareRowData","SEARCH_ROW_HEIGHT","jsx","_jsx","block","RowsList","_ref","items","selectedRowId","_ref$rowVariant","rowVariant","visibleFields","editing","comparison","getRowActions","renderRow","showFiltersHint","className","onItemClick","getItemHeight","item","height","handleItemClick","index","enabled","selected","comparedRowIds","includes","id","onChange","length","filterable","itemHeight","itemsHeight","listItems","reduce","totalHeight","renderItem","isActive","variant","selectedItemIndex"],"sources":["RowsList.tsx"],"sourcesContent":["import React from 'react';\nimport {List} from '@gravity-ui/uikit';\nimport cn from 'bem-cn-lite';\nimport {\n    BaseHistoryRow,\n    QueryHistoryComparisonConfig,\n    QueryHistoryEditingConfig,\n    QueryHistoryItem,\n    QueryHistoryRowAction,\n    QueryHistoryRowRenderData,\n    QueryHistoryRowVariant,\n    QueryHistoryVisibleFieldsConfig,\n} from '../../types/history';\nimport {HistoryListEmpty} from '../../components';\nimport {prepareRowData} from './helpers/prepareRowData';\nimport {SEARCH_ROW_HEIGHT} from '../../constants/row';\nimport './RowsList.scss';\n\nconst block = cn('qp-rows-list');\n\nexport type RowsListProps<T extends BaseHistoryRow> = {\n    items: QueryHistoryItem<T>[];\n    selectedRowId?: T['id'];\n    rowVariant?: QueryHistoryRowVariant;\n    visibleFields?: QueryHistoryVisibleFieldsConfig<T>;\n    editing?: QueryHistoryEditingConfig<T>;\n    comparison?: QueryHistoryComparisonConfig<T>;\n    getRowActions?: (item: T) => QueryHistoryRowAction<T>[];\n    renderRow: (data: QueryHistoryRowRenderData<T>) => React.ReactNode;\n    showFiltersHint?: boolean;\n    className?: string;\n    onItemClick?: (item: QueryHistoryItem<T>, index: number) => void;\n};\n\nexport const RowsList = <T extends BaseHistoryRow>({\n    items,\n    selectedRowId,\n    rowVariant = 'default',\n    visibleFields,\n    editing,\n    comparison,\n    getRowActions,\n    renderRow,\n    showFiltersHint,\n    className,\n    onItemClick,\n}: RowsListProps<T>) => {\n    const getItemHeight = (item: QueryHistoryItem<T>) =>\n        rowVariant === 'search' && !('header' in item) ? SEARCH_ROW_HEIGHT : item.height;\n\n    const handleItemClick = (item: QueryHistoryItem<T>, index: number) => {\n        if ('header' in item || !comparison?.enabled) {\n            onItemClick?.(item, index);\n            return;\n        }\n\n        const selected = comparison.comparedRowIds.includes(item.id);\n        comparison.onChange(item, !selected);\n    };\n\n    if (!items.length) {\n        return <HistoryListEmpty showFiltersHint={showFiltersHint} className={className} />;\n    }\n\n    return (\n        <List\n            className={block(null, className)}\n            filterable={false}\n            items={items}\n            itemHeight={getItemHeight}\n            itemsHeight={(listItems) =>\n                listItems.reduce((totalHeight, item) => totalHeight + getItemHeight(item), 0)\n            }\n            renderItem={(item, isActive, index) =>\n                renderRow(\n                    prepareRowData({\n                        item,\n                        isActive,\n                        index,\n                        variant: rowVariant,\n                        visibleFields,\n                        editing,\n                        comparison,\n                        getRowActions,\n                    }),\n                )\n            }\n            selectedItemIndex={selectedRowId}\n            onItemClick={handleItemClick}\n        />\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/build/esm/modules/RowsList/RowsList.scss

@@ -0,0 +1,5 @@
+.qp-rows-list {
+  .g-list__item_selected:hover {
+    background-color: var(--g-color-base-selection-hover);
+  }
+}

package/build/esm/modules/RowsList/helpers/prepareRowData.d.ts

@@ -0,0 +1,13 @@
+import { BaseHistoryRow, QueryHistoryComparisonConfig, QueryHistoryEditingConfig, QueryHistoryItem, QueryHistoryRowAction, QueryHistoryRowRenderData, QueryHistoryRowVariant, QueryHistoryVisibleFieldsConfig } from '../../../types/history';
+type Props<T extends BaseHistoryRow> = {
+    item: QueryHistoryItem<T>;
+    isActive: boolean;
+    index: number;
+    variant: QueryHistoryRowVariant;
+    visibleFields?: QueryHistoryVisibleFieldsConfig<T>;
+    editing?: QueryHistoryEditingConfig<T>;
+    comparison?: QueryHistoryComparisonConfig<T>;
+    getRowActions?: (item: T) => QueryHistoryRowAction<T>[];
+};
+export declare const prepareRowData: <T extends BaseHistoryRow>({ item, isActive, index, variant, visibleFields, editing, comparison, getRowActions, }: Props<T>) => QueryHistoryRowRenderData<T>;
+export {};

package/build/esm/modules/RowsList/helpers/prepareRowData.js

@@ -0,0 +1,34 @@
+import "core-js/modules/es.array.includes.js";
+import "core-js/modules/es.string.includes.js";
+export var prepareRowData = function prepareRowData(_ref) {
+  var item = _ref.item,
+    isActive = _ref.isActive,
+    index = _ref.index,
+    variant = _ref.variant,
+    visibleFields = _ref.visibleFields,
+    editing = _ref.editing,
+    comparison = _ref.comparison,
+    getRowActions = _ref.getRowActions;
+  var isRow = !('header' in item);
+  var actions = isRow && getRowActions ? getRowActions(item) : undefined;
+  var editingData = isRow && editing ? {
+    enabled: editing.rowId === item.id,
+    onSubmit: editing.onSubmit,
+    onCancel: editing.onCancel
+  } : undefined;
+  var comparisonData = isRow && comparison && comparison.enabled ? {
+    enabled: true,
+    checked: comparison.comparedRowIds.includes(item.id)
+  } : undefined;
+  return {
+    item: item,
+    index: index,
+    isActive: isActive,
+    variant: variant,
+    visibleFields: visibleFields,
+    actions: actions,
+    editing: editingData,
+    comparison: comparisonData
+  };
+};
+// #sourceMappingURL=prepareRowData.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["prepareRowData","_ref","item","isActive","index","variant","visibleFields","editing","comparison","getRowActions","isRow","actions","undefined","editingData","enabled","rowId","id","onSubmit","onCancel","comparisonData","checked","comparedRowIds","includes"],"sources":["prepareRowData.ts"],"sourcesContent":["import {\n    BaseHistoryRow,\n    QueryHistoryComparisonConfig,\n    QueryHistoryEditingConfig,\n    QueryHistoryItem,\n    QueryHistoryRowAction,\n    QueryHistoryRowRenderData,\n    QueryHistoryRowVariant,\n    QueryHistoryVisibleFieldsConfig,\n} from '../../../types/history';\n\ntype Props<T extends BaseHistoryRow> = {\n    item: QueryHistoryItem<T>;\n    isActive: boolean;\n    index: number;\n    variant: QueryHistoryRowVariant;\n    visibleFields?: QueryHistoryVisibleFieldsConfig<T>;\n    editing?: QueryHistoryEditingConfig<T>;\n    comparison?: QueryHistoryComparisonConfig<T>;\n    getRowActions?: (item: T) => QueryHistoryRowAction<T>[];\n};\n\nexport const prepareRowData = <T extends BaseHistoryRow>({\n    item,\n    isActive,\n    index,\n    variant,\n    visibleFields,\n    editing,\n    comparison,\n    getRowActions,\n}: Props<T>): QueryHistoryRowRenderData<T> => {\n    const isRow = !('header' in item);\n    const actions = isRow && getRowActions ? getRowActions(item) : undefined;\n    const editingData =\n        isRow && editing\n            ? {\n                  enabled: editing.rowId === item.id,\n                  onSubmit: editing.onSubmit,\n                  onCancel: editing.onCancel,\n              }\n            : undefined;\n    const comparisonData =\n        isRow && comparison && comparison.enabled\n            ? {\n                  enabled: true,\n                  checked: comparison.comparedRowIds.includes(item.id),\n              }\n            : undefined;\n\n    return {\n        item,\n        index,\n        isActive,\n        variant,\n        visibleFields,\n        actions,\n        editing: editingData,\n        comparison: comparisonData,\n    };\n};\n"],"mappings":";;AAsBA,OAAO,IAAMA,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,IAAA,EASmB;EAAA,IAR1CC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IACJC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,KAAK,GAAAH,IAAA,CAALG,KAAK;IACLC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IACPC,aAAa,GAAAL,IAAA,CAAbK,aAAa;IACbC,OAAO,GAAAN,IAAA,CAAPM,OAAO;IACPC,UAAU,GAAAP,IAAA,CAAVO,UAAU;IACVC,aAAa,GAAAR,IAAA,CAAbQ,aAAa;EAEb,IAAMC,KAAK,GAAG,EAAE,QAAQ,IAAIR,IAAI,CAAC;EACjC,IAAMS,OAAO,GAAGD,KAAK,IAAID,aAAa,GAAGA,aAAa,CAACP,IAAI,CAAC,GAAGU,SAAS;EACxE,IAAMC,WAAW,GACbH,KAAK,IAAIH,OAAO,GACV;IACIO,OAAO,EAAEP,OAAO,CAACQ,KAAK,KAAKb,IAAI,CAACc,EAAE;IAClCC,QAAQ,EAAEV,OAAO,CAACU,QAAQ;IAC1BC,QAAQ,EAAEX,OAAO,CAACW;EACtB,CAAC,GACDN,SAAS;EACnB,IAAMO,cAAc,GAChBT,KAAK,IAAIF,UAAU,IAAIA,UAAU,CAACM,OAAO,GACnC;IACIA,OAAO,EAAE,IAAI;IACbM,OAAO,EAAEZ,UAAU,CAACa,cAAc,CAACC,QAAQ,CAACpB,IAAI,CAACc,EAAE;EACvD,CAAC,GACDJ,SAAS;EAEnB,OAAO;IACHV,IAAI,EAAJA,IAAI;IACJE,KAAK,EAALA,KAAK;IACLD,QAAQ,EAARA,QAAQ;IACRE,OAAO,EAAPA,OAAO;IACPC,aAAa,EAAbA,aAAa;IACbK,OAAO,EAAPA,OAAO;IACPJ,OAAO,EAAEM,WAAW;IACpBL,UAAU,EAAEW;EAChB,CAAC;AACL,CAAC","ignoreList":[]}

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

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

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

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