@gravity-ui/querieskit 1.0.4 → 1.2.0

package/build/esm/modules/HistoryHeader/HistoryHeader.js

@@ -1,29 +1,59 @@
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "core-js/modules/es.array.filter.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 "core-js/modules/es.regexp.exec.js";
 import "core-js/modules/es.string.search.js";
-import React from 'react';
-import { Flex } from '@gravity-ui/uikit';
-import { HistorySearch } from "./HistorySearch";
-import { HistoryFilter } from "../../components/HistoryFilter";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useEffect, useState } from 'react';
+import { FullSearchToggleButton } from "./internal/FullSearchToggleButton";
+import { HistoryFilter, SearchWithButtons } from "../../components";
+import { jsx as _jsx } from "react/jsx-runtime";
 export var HistoryHeader = function HistoryHeader(_ref) {
   var search = _ref.search,
     fullSearch = _ref.fullSearch,
     hasClear = _ref.hasClear,
     filter = _ref.filter,
-    onUpdate = _ref.onUpdate;
-  return /*#__PURE__*/_jsxs(Flex, {
-    gap: 1,
-    children: [/*#__PURE__*/_jsx(HistorySearch, {
-      value: search,
-      fullSearch: fullSearch,
-      hasClear: hasClear,
-      onUpdate: onUpdate
-    }), filter && /*#__PURE__*/_jsx(HistoryFilter, _objectSpread({}, filter))]
+    onUpdate = _ref.onUpdate,
+    className = _ref.className;
+  var _useState = useState(search || ''),
+    _useState2 = _slicedToArray(_useState, 2),
+    searchValue = _useState2[0],
+    setSearchValue = _useState2[1];
+  var _useState3 = useState(fullSearch || false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isFullSearch = _useState4[0],
+    setFullSearch = _useState4[1];
+  useEffect(function () {
+    setSearchValue(search || '');
+    setFullSearch(fullSearch || false);
+  }, [search, fullSearch]);
+  var handleOnUpdate = function handleOnUpdate(newValue) {
+    setSearchValue(newValue);
+    onUpdate({
+      value: newValue,
+      fullSearch: isFullSearch
+    });
+  };
+  var handleModeChange = function handleModeChange() {
+    var newValue = !isFullSearch;
+    setFullSearch(newValue);
+    onUpdate({
+      value: searchValue,
+      fullSearch: newValue
+    });
+  };
+  return /*#__PURE__*/_jsx(SearchWithButtons, {
+    className: className,
+    value: searchValue,
+    hasClear: hasClear,
+    onUpdate: handleOnUpdate,
+    innerButtons: [/*#__PURE__*/_jsx(FullSearchToggleButton, {
+      active: isFullSearch,
+      onClick: handleModeChange
+    }, "full-search")],
+    endButtons: filter ? [/*#__PURE__*/_jsx(HistoryFilter, _objectSpread({}, filter), "filter")] : undefined
   });
 };
 // #sourceMappingURL=HistoryHeader.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","Flex","HistorySearch","HistoryFilter","jsx","_jsx","jsxs","_jsxs","HistoryHeader","_ref","search","fullSearch","hasClear","filter","onUpdate","gap","children","value","_objectSpread"],"sources":["HistoryHeader.tsx"],"sourcesContent":["import React, {FC} from 'react';\nimport {Flex} from '@gravity-ui/uikit';\nimport {HistorySearch} from './HistorySearch';\nimport {HistoryFilter} from '../../components/HistoryFilter';\nimport {QueryHistoryFilterConfig} from '../../types/history';\n\ntype Props = {\n    search?: string;\n    fullSearch?: boolean;\n    hasClear?: boolean;\n    filter?: QueryHistoryFilterConfig;\n    onUpdate: (data: {value: string; fullSearch: boolean}) => void;\n};\n\nexport const HistoryHeader: FC<Props> = ({search, fullSearch, hasClear, filter, onUpdate}) => {\n    return (\n        <Flex gap={1}>\n            <HistorySearch\n                value={search}\n                fullSearch={fullSearch}\n                hasClear={hasClear}\n                onUpdate={onUpdate}\n            />\n            {filter && <HistoryFilter {...filter} />}\n        </Flex>\n    );\n};\n"],"mappings":";;;;;;;AAAA,OAAOA,KAAK,MAAY,OAAO;AAC/B,SAAQC,IAAI,QAAO,mBAAmB;AACtC,SAAQC,aAAa;AACrB,SAAQC,aAAa;AAAwC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAW7D,OAAO,IAAMC,aAAwB,GAAG,SAA3BA,aAAwBA,CAAAC,IAAA,EAAyD;EAAA,IAApDC,MAAM,GAAAD,IAAA,CAANC,MAAM;IAAEC,UAAU,GAAAF,IAAA,CAAVE,UAAU;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAEC,MAAM,GAAAJ,IAAA,CAANI,MAAM;IAAEC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;EACpF,oBACIP,KAAA,CAACN,IAAI;IAACc,GAAG,EAAE,CAAE;IAAAC,QAAA,gBACTX,IAAA,CAACH,aAAa;MACVe,KAAK,EAAEP,MAAO;MACdC,UAAU,EAAEA,UAAW;MACvBC,QAAQ,EAAEA,QAAS;MACnBE,QAAQ,EAAEA;IAAS,CACtB,CAAC,EACDD,MAAM,iBAAIR,IAAA,CAACF,aAAa,EAAAe,aAAA,KAAKL,MAAM,CAAG,CAAC;EAAA,CACtC,CAAC;AAEf,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useState","FullSearchToggleButton","HistoryFilter","SearchWithButtons","jsx","_jsx","HistoryHeader","_ref","search","fullSearch","hasClear","filter","onUpdate","className","_useState","_useState2","_slicedToArray","searchValue","setSearchValue","_useState3","_useState4","isFullSearch","setFullSearch","handleOnUpdate","newValue","value","handleModeChange","innerButtons","active","onClick","endButtons","_objectSpread","undefined"],"sources":["HistoryHeader.tsx"],"sourcesContent":["import React, {FC, useEffect, useState} from 'react';\nimport {FullSearchToggleButton} from './internal/FullSearchToggleButton';\nimport {HistoryFilter, SearchWithButtons} from '../../components';\nimport {QueryListFilterConfig} from '../../types/queryList';\n\ntype Props = {\n    search?: string;\n    fullSearch?: boolean;\n    hasClear?: boolean;\n    filter?: QueryListFilterConfig;\n    onUpdate: (data: {value: string; fullSearch: boolean}) => void;\n    className?: string;\n};\n\nexport const HistoryHeader: FC<Props> = ({\n    search,\n    fullSearch,\n    hasClear,\n    filter,\n    onUpdate,\n    className,\n}) => {\n    const [searchValue, setSearchValue] = useState(search || '');\n    const [isFullSearch, setFullSearch] = useState(fullSearch || false);\n\n    useEffect(() => {\n        setSearchValue(search || '');\n        setFullSearch(fullSearch || false);\n    }, [search, fullSearch]);\n\n    const handleOnUpdate = (newValue: string) => {\n        setSearchValue(newValue);\n        onUpdate({value: newValue, fullSearch: isFullSearch});\n    };\n\n    const handleModeChange = () => {\n        const newValue = !isFullSearch;\n        setFullSearch(newValue);\n        onUpdate({value: searchValue, fullSearch: newValue});\n    };\n\n    return (\n        <SearchWithButtons\n            className={className}\n            value={searchValue}\n            hasClear={hasClear}\n            onUpdate={handleOnUpdate}\n            innerButtons={[\n                <FullSearchToggleButton\n                    key=\"full-search\"\n                    active={isFullSearch}\n                    onClick={handleModeChange}\n                />,\n            ]}\n            endButtons={filter ? [<HistoryFilter key=\"filter\" {...filter} />] : undefined}\n        />\n    );\n};\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAK,IAAOC,SAAS,EAAEC,QAAQ,QAAO,OAAO;AACpD,SAAQC,sBAAsB;AAC9B,SAAQC,aAAa,EAAEC,iBAAiB;AAA0B,SAAAC,GAAA,IAAAC,IAAA;AAYlE,OAAO,IAAMC,aAAwB,GAAG,SAA3BA,aAAwBA,CAAAC,IAAA,EAO/B;EAAA,IANFC,MAAM,GAAAD,IAAA,CAANC,MAAM;IACNC,UAAU,GAAAF,IAAA,CAAVE,UAAU;IACVC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,MAAM,GAAAJ,IAAA,CAANI,MAAM;IACNC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IACRC,SAAS,GAAAN,IAAA,CAATM,SAAS;EAET,IAAAC,SAAA,GAAsCd,QAAQ,CAACQ,MAAM,IAAI,EAAE,CAAC;IAAAO,UAAA,GAAAC,cAAA,CAAAF,SAAA;IAArDG,WAAW,GAAAF,UAAA;IAAEG,cAAc,GAAAH,UAAA;EAClC,IAAAI,UAAA,GAAsCnB,QAAQ,CAACS,UAAU,IAAI,KAAK,CAAC;IAAAW,UAAA,GAAAJ,cAAA,CAAAG,UAAA;IAA5DE,YAAY,GAAAD,UAAA;IAAEE,aAAa,GAAAF,UAAA;EAElCrB,SAAS,CAAC,YAAM;IACZmB,cAAc,CAACV,MAAM,IAAI,EAAE,CAAC;IAC5Bc,aAAa,CAACb,UAAU,IAAI,KAAK,CAAC;EACtC,CAAC,EAAE,CAACD,MAAM,EAAEC,UAAU,CAAC,CAAC;EAExB,IAAMc,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,QAAgB,EAAK;IACzCN,cAAc,CAACM,QAAQ,CAAC;IACxBZ,QAAQ,CAAC;MAACa,KAAK,EAAED,QAAQ;MAAEf,UAAU,EAAEY;IAAY,CAAC,CAAC;EACzD,CAAC;EAED,IAAMK,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAA,EAAS;IAC3B,IAAMF,QAAQ,GAAG,CAACH,YAAY;IAC9BC,aAAa,CAACE,QAAQ,CAAC;IACvBZ,QAAQ,CAAC;MAACa,KAAK,EAAER,WAAW;MAAER,UAAU,EAAEe;IAAQ,CAAC,CAAC;EACxD,CAAC;EAED,oBACInB,IAAA,CAACF,iBAAiB;IACdU,SAAS,EAAEA,SAAU;IACrBY,KAAK,EAAER,WAAY;IACnBP,QAAQ,EAAEA,QAAS;IACnBE,QAAQ,EAAEW,cAAe;IACzBI,YAAY,EAAE,cACVtB,IAAA,CAACJ,sBAAsB;MAEnB2B,MAAM,EAAEP,YAAa;MACrBQ,OAAO,EAAEH;IAAiB,GAFtB,aAGP,CAAC,CACJ;IACFI,UAAU,EAAEnB,MAAM,GAAG,cAACN,IAAA,CAACH,aAAa,EAAA6B,aAAA,KAAkBpB,MAAM,GAAnB,QAAsB,CAAC,CAAC,GAAGqB;EAAU,CACjF,CAAC;AAEV,CAAC","ignoreList":[]}

package/build/esm/modules/HistoryHeader/internal/FullSearchToggleButton.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+type Props = {
+    active?: boolean;
+    onClick: () => void;
+};
+export declare const FullSearchToggleButton: FC<Props>;
+export {};

package/build/esm/modules/HistoryHeader/internal/FullSearchToggleButton.js

@@ -0,0 +1,46 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import React from 'react';
+import { Button, Icon } from '@gravity-ui/uikit';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var ChevronsExpandHorizontalIcon = function ChevronsExpandHorizontalIcon(props) {
+  return /*#__PURE__*/_jsxs("svg", _objectSpread(_objectSpread({}, props), {}, {
+    children: [/*#__PURE__*/_jsx("g", {
+      clipPath: "url(#a)",
+      children: /*#__PURE__*/_jsx("path", {
+        fill: "currentColor",
+        fillRule: "evenodd",
+        d: "M11.891 3.58a.75.75 0 0 0-1.06 1.061L14.188 8l-3.353 3.354a.75.75 0 1 0 1.06 1.06L15.78 8.53a.75.75 0 0 0 0-1.06zM4.11 12.42a.75.75 0 0 0 1.06-1.061L1.811 8l3.353-3.354a.75.75 0 1 0-1.06-1.06L.22 7.47a.75.75 0 0 0 0 1.06z",
+        clipRule: "evenodd"
+      })
+    }), /*#__PURE__*/_jsx("defs", {
+      children: /*#__PURE__*/_jsx("clipPath", {
+        id: "a",
+        children: /*#__PURE__*/_jsx("path", {
+          fill: "currentColor",
+          d: "M0 0h16v16H0z"
+        })
+      })
+    })]
+  }));
+};
+ChevronsExpandHorizontalIcon.defaultProps = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  fill: "none",
+  viewBox: "0 0 16 16"
+};
+export var FullSearchToggleButton = function FullSearchToggleButton(_ref) {
+  var active = _ref.active,
+    onClick = _ref.onClick;
+  return /*#__PURE__*/_jsx(Button, {
+    size: "xs",
+    view: active ? 'action' : undefined,
+    onClick: onClick,
+    children: /*#__PURE__*/_jsx(Icon, {
+      data: ChevronsExpandHorizontalIcon,
+      size: 12
+    })
+  });
+};
+// #sourceMappingURL=FullSearchToggleButton.js.map

package/build/esm/modules/HistoryHeader/internal/FullSearchToggleButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Button","Icon","jsx","_jsx","jsxs","_jsxs","ChevronsExpandHorizontalIcon","props","_objectSpread","children","clipPath","fill","fillRule","d","clipRule","id","defaultProps","xmlns","width","height","viewBox","FullSearchToggleButton","_ref","active","onClick","size","view","undefined","data"],"sources":["FullSearchToggleButton.tsx"],"sourcesContent":["import React, {FC} from 'react';\nimport {Button, Icon} from '@gravity-ui/uikit';\nimport ChevronsExpandHorizontalIcon from '@gravity-ui/icons/svgs/chevrons-expand-horizontal.svg';\n\ntype Props = {\n    active?: boolean;\n    onClick: () => void;\n};\n\nexport const FullSearchToggleButton: FC<Props> = ({active, onClick}) => {\n    return (\n        <Button size=\"xs\" view={active ? 'action' : undefined} onClick={onClick}>\n            <Icon data={ChevronsExpandHorizontalIcon} size={12} />\n        </Button>\n    );\n};\n"],"mappings":";AAAA,OAAOA,KAAK,MAAY,OAAO;AAC/B,SAAQC,MAAM,EAAEC,IAAI,QAAO,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAAA,IACxCC,4BAA4B,YAA5BA,4BAA4BA,CAAAC,KAAA;EAAA,oBAAAF,KAAA,QAAAG,aAAA,CAAAA,aAAA,KAAAD,KAAA;IAAAE,QAAA,gBAAAN,IAAA;MAAAO,QAAA;MAAAD,QAAA,eAAAN,IAAA;QAAAQ,IAAA;QAAAC,QAAA;QAAAC,CAAA;QAAAC,QAAA;MAAA;IAAA,iBAAAX,IAAA;MAAAM,QAAA,eAAAN,IAAA;QAAAY,EAAA;QAAAN,QAAA,eAAAN,IAAA;UAAAQ,IAAA;UAAAE,CAAA;QAAA;MAAA;IAAA;EAAA;AAAA;AAA5BP,4BAA4B,CAAAU,YAAA;EAAAC,KAAA;EAAAC,KAAA;EAAAC,MAAA;EAAAR,IAAA;EAAAS,OAAA;AAAA;AAOnC,OAAO,IAAMC,sBAAiC,GAAG,SAApCA,sBAAiCA,CAAAC,IAAA,EAA0B;EAAA,IAArBC,MAAM,GAAAD,IAAA,CAANC,MAAM;IAAEC,OAAO,GAAAF,IAAA,CAAPE,OAAO;EAC9D,oBACIrB,IAAA,CAACH,MAAM;IAACyB,IAAI,EAAC,IAAI;IAACC,IAAI,EAAEH,MAAM,GAAG,QAAQ,GAAGI,SAAU;IAACH,OAAO,EAAEA,OAAQ;IAAAf,QAAA,eACpEN,IAAA,CAACF,IAAI;MAAC2B,IAAI,EAAEtB,4BAA6B;MAACmB,IAAI,EAAE;IAAG,CAAE;EAAC,CAClD,CAAC;AAEjB,CAAC","ignoreList":[]}

package/build/esm/modules/HistoryLayout/HistoryLayout.css

@@ -1,4 +1,7 @@
 .qp-history-layout {
   position: relative;
 }
+.qp-history-layout__header {
+  padding: 0 12px;
+}
 /*# sourceMappingURL=HistoryLayout.css.map */

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

@@ -1 +1 @@
-{"version":3,"sources":["HistoryLayout.scss"],"names":[],"mappings":"AAAA;EACE,kBAAA;AACF","file":"HistoryLayout.css","sourcesContent":[".qp-history-layout {\n  position: relative;\n}\n"],"sourceRoot":""}
+{"version":3,"sources":["HistoryLayout.scss"],"names":[],"mappings":"AAAA;EACE,kBAAA;AACF;AACE;EACE,eAAA;AACJ","file":"HistoryLayout.css","sourcesContent":[".qp-history-layout {\n  position: relative;\n\n  &__header {\n    padding: 0 12px;\n  }\n}\n"],"sourceRoot":""}

package/build/esm/modules/HistoryLayout/HistoryLayout.js

@@ -16,14 +16,19 @@ export var HistoryLayout = function HistoryLayout(_ref) {
     direction: "column",
     gap: 1,
     className: block(null, className),
-    children: [(logo || actions) && /*#__PURE__*/_jsxs(Flex, {
-      alignItems: "center",
-      justifyContent: logo ? 'space-between' : 'flex-end',
-      children: [logo, actions]
-    }), /*#__PURE__*/_jsx(Text, {
-      variant: "subheader-1",
-      children: title
-    }), header, children, footer]
+    children: [/*#__PURE__*/_jsxs(Flex, {
+      direction: "column",
+      gap: 1,
+      className: block('header'),
+      children: [(logo || actions) && /*#__PURE__*/_jsxs(Flex, {
+        alignItems: "center",
+        justifyContent: logo ? 'space-between' : 'flex-end',
+        children: [logo, actions]
+      }), /*#__PURE__*/_jsx(Text, {
+        variant: "subheader-1",
+        children: title
+      }), header]
+    }), children, footer]
   });
 };
 // #sourceMappingURL=HistoryLayout.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","Flex","Text","cn","jsxs","_jsxs","jsx","_jsx","block","HistoryLayout","_ref","title","logo","actions","header","footer","className","children","direction","gap","alignItems","justifyContent","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,OAAOA,KAAK,MAAuB,OAAO;AAC1C,SAAQC,IAAI,EAAEC,IAAI,QAAO,mBAAmB;AAC5C,OAAOC,EAAE,MAAM,aAAa;AAC5B;AAA8B,SAAAC,IAAA,IAAAC,KAAA,EAAAC,GAAA,IAAAC,IAAA;AAE9B,IAAMC,KAAK,GAAGL,EAAE,CAAC,mBAAmB,CAAC;AAYrC,OAAO,IAAMM,aAAqC,GAAG,SAAxCA,aAAqCA,CAAAC,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,oBACIZ,KAAA,CAACJ,IAAI;IAACiB,SAAS,EAAC,QAAQ;IAACC,GAAG,EAAE,CAAE;IAACH,SAAS,EAAER,KAAK,CAAC,IAAI,EAAEQ,SAAS,CAAE;IAAAC,QAAA,GAC9D,CAACL,IAAI,IAAIC,OAAO,kBACbR,KAAA,CAACJ,IAAI;MAACmB,UAAU,EAAC,QAAQ;MAACC,cAAc,EAAET,IAAI,GAAG,eAAe,GAAG,UAAW;MAAAK,QAAA,GACzEL,IAAI,EACJC,OAAO;IAAA,CACN,CACT,eACDN,IAAA,CAACL,IAAI;MAACoB,OAAO,EAAC,aAAa;MAAAL,QAAA,EAAEN;IAAK,CAAO,CAAC,EACzCG,MAAM,EACNG,QAAQ,EACRF,MAAM;EAAA,CACL,CAAC;AAEf,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Flex","Text","cn","jsxs","_jsxs","jsx","_jsx","block","HistoryLayout","_ref","title","logo","actions","header","footer","className","children","direction","gap","alignItems","justifyContent","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            <Flex direction=\"column\" gap={1} className={block('header')}>\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            </Flex>\n            {children}\n            {footer}\n        </Flex>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAuB,OAAO;AAC1C,SAAQC,IAAI,EAAEC,IAAI,QAAO,mBAAmB;AAC5C,OAAOC,EAAE,MAAM,aAAa;AAC5B;AAA8B,SAAAC,IAAA,IAAAC,KAAA,EAAAC,GAAA,IAAAC,IAAA;AAE9B,IAAMC,KAAK,GAAGL,EAAE,CAAC,mBAAmB,CAAC;AAYrC,OAAO,IAAMM,aAAqC,GAAG,SAAxCA,aAAqCA,CAAAC,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,oBACIZ,KAAA,CAACJ,IAAI;IAACiB,SAAS,EAAC,QAAQ;IAACC,GAAG,EAAE,CAAE;IAACH,SAAS,EAAER,KAAK,CAAC,IAAI,EAAEQ,SAAS,CAAE;IAAAC,QAAA,gBAC/DZ,KAAA,CAACJ,IAAI;MAACiB,SAAS,EAAC,QAAQ;MAACC,GAAG,EAAE,CAAE;MAACH,SAAS,EAAER,KAAK,CAAC,QAAQ,CAAE;MAAAS,QAAA,GACvD,CAACL,IAAI,IAAIC,OAAO,kBACbR,KAAA,CAACJ,IAAI;QAACmB,UAAU,EAAC,QAAQ;QAACC,cAAc,EAAET,IAAI,GAAG,eAAe,GAAG,UAAW;QAAAK,QAAA,GACzEL,IAAI,EACJC,OAAO;MAAA,CACN,CACT,eACDN,IAAA,CAACL,IAAI;QAACoB,OAAO,EAAC,aAAa;QAAAL,QAAA,EAAEN;MAAK,CAAO,CAAC,EACzCG,MAAM;IAAA,CACL,CAAC,EACNG,QAAQ,EACRF,MAAM;EAAA,CACL,CAAC;AAEf,CAAC","ignoreList":[]}

package/build/esm/modules/HistoryLayout/HistoryLayout.scss

@@ -1,3 +1,7 @@
 .qp-history-layout {
   position: relative;
+
+  &__header {
+    padding: 0 12px;
+  }
 }

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

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

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

@@ -3,11 +3,9 @@ import React from 'react';
 import { Flex, Text } from '@gravity-ui/uikit';
 import "./HistoryRow.css";
 import cn from 'bem-cn-lite';
-import { HistoryPrivateIcon, QueryDuration, QueryStatusIcon, RowLink } from "../../components";
+import { EditableRowTitle, HistoryPrivateIcon, QueryDuration, QueryStatusIcon, RowActionsMenu, RowLink } from "../../components";
 import { formatTime } from "../../helpers/time";
 import { isFieldVisible } from "../../helpers/isFieldVisible";
-import { HistoryRowTitle } from "./HistoryRowTitle";
-import { HistoryRowMenu } from "./HistoryRowMenu";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var block = cn('qp-history-row');
 export var HistoryRow = function HistoryRow(_ref) {
@@ -41,10 +39,10 @@ export var HistoryRow = function HistoryRow(_ref) {
       children: [/*#__PURE__*/_jsxs(Flex, {
         justifyContent: "space-between",
         className: block('header'),
-        children: [/*#__PURE__*/_jsx(HistoryRowTitle, {
+        children: [/*#__PURE__*/_jsx(EditableRowTitle, {
           item: item,
           editing: editing
-        }), showMenu && /*#__PURE__*/_jsx(HistoryRowMenu, {
+        }), showMenu && /*#__PURE__*/_jsx(RowActionsMenu, {
           item: item,
           actions: actions
         })]

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

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

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

@@ -1 +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":[]}
+{"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 {QueryListRowAction} from '../../types/queryList';\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    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<QueryListRowAction<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/HistorySearchRow/HistorySearchRow.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
-import { QueryHistoryRow, QueryHistoryRowRenderData } from '../../types/history';
+import { QueryListRowRenderData } from '../../types/queryList';
+import { QueryHistoryRow } from '../../types/history';
 import './HistorySearchRow.scss';
 export type Props<T extends QueryHistoryRow> = {
     item: T;
-} & Omit<QueryHistoryRowRenderData<T>, 'item' | 'variant'>;
+} & Omit<QueryListRowRenderData<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.map

@@ -1 +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":[]}
+{"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 {QueryListRowRenderData} from '../../types/queryList';\nimport {QueryHistoryRow} 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<QueryListRowRenderData<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/NavigationDetail/NavigationDetail.css

@@ -0,0 +1,12 @@
+.qp-navigation-detail {
+  min-width: 0;
+}
+.qp-navigation-detail__tabs {
+  overflow-x: auto;
+}
+.qp-navigation-detail__content {
+  min-width: 0;
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+/*# sourceMappingURL=NavigationDetail.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["NavigationDetail.scss"],"names":[],"mappings":"AAAA;EACE,YAAA;AACF;AACE;EACE,gBAAA;AACJ;AAEE;EACE,YAAA;EACA,kBAAA;EACA,gBAAA;AAAJ","file":"NavigationDetail.css","sourcesContent":[".qp-navigation-detail {\n  min-width: 0;\n\n  &__tabs {\n    overflow-x: auto;\n  }\n\n  &__content {\n    min-width: 0;\n    overflow-x: hidden;\n    overflow-y: auto;\n  }\n}\n"],"sourceRoot":""}

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import { NavigationDetailConfig, NavigationHeaderAction, NavigationLocation } from '../../types/navigation';
+import type { LoadPathSuggestions } from '../../types/pathEditor';
+import './NavigationDetail.scss';
+export type NavigationDetailProps = {
+    config: NavigationDetailConfig;
+    location: NavigationLocation;
+    onUpdate: (location: NavigationLocation) => void;
+    onLoadSuggestions?: LoadPathSuggestions;
+    actions?: NavigationHeaderAction[];
+    activeTab?: string;
+    onTabUpdate?: (tab: string) => void;
+    search?: string;
+    onSearchUpdate?: (value: string) => void;
+    className?: string;
+};
+export declare const NavigationDetail: React.FC<NavigationDetailProps>;

package/build/esm/modules/NavigationDetail/NavigationDetail.js

@@ -0,0 +1,104 @@
+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.find.js";
+import "core-js/modules/es.iterator.constructor.js";
+import "core-js/modules/es.iterator.find.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.regexp.exec.js";
+import "core-js/modules/es.string.search.js";
+import React, { useMemo, useState } from 'react';
+import cn from 'bem-cn-lite';
+import { Flex } from '@gravity-ui/uikit';
+import { NavigationHeader } from "../NavigationHeader";
+import { SearchWithButtons } from "../../components";
+import { NavigationDetailTabs } from "./internal/NavigationDetailTabs";
+import { getInitialTab } from "./helpers/getInitialTab";
+import { getVisibleTabs } from "./helpers/getVisibleTabs";
+import "./NavigationDetail.css";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+var block = cn('qp-navigation-detail');
+export var NavigationDetail = function NavigationDetail(_ref) {
+  var _ref2, _activeTabConfig$rend, _activeTabConfig$rend2;
+  var config = _ref.config,
+    location = _ref.location,
+    onUpdate = _ref.onUpdate,
+    onLoadSuggestions = _ref.onLoadSuggestions,
+    actions = _ref.actions,
+    activeTabProp = _ref.activeTab,
+    onTabUpdate = _ref.onTabUpdate,
+    searchProp = _ref.search,
+    onSearchUpdate = _ref.onSearchUpdate,
+    className = _ref.className;
+  var isTabControlled = activeTabProp !== undefined;
+  var isSearchControlled = searchProp !== undefined;
+  var visibleTabs = useMemo(function () {
+    return getVisibleTabs(config.tabs);
+  }, [config.tabs]);
+  var _useState = useState(function () {
+      return getInitialTab(visibleTabs, config.defaultTab);
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    activeTabState = _useState2[0],
+    setActiveTabState = _useState2[1];
+  var _useState3 = useState(''),
+    _useState4 = _slicedToArray(_useState3, 2),
+    searchState = _useState4[0],
+    setSearchState = _useState4[1];
+  var activeTab = isTabControlled ? activeTabProp : activeTabState;
+  var search = isSearchControlled ? searchProp : searchState;
+  var handleTabUpdate = function handleTabUpdate(tab) {
+    if (!isTabControlled) {
+      setActiveTabState(tab);
+    }
+    onTabUpdate === null || onTabUpdate === void 0 || onTabUpdate(tab);
+  };
+  var handleSearchUpdate = function handleSearchUpdate(value) {
+    if (!isSearchControlled) {
+      setSearchState(value);
+    }
+    onSearchUpdate === null || onSearchUpdate === void 0 || onSearchUpdate(value);
+  };
+  var mergedActions = useMemo(function () {
+    var _config$actions;
+    if (!actions && !config.actions) {
+      return undefined;
+    }
+    return [].concat(_toConsumableArray(actions !== null && actions !== void 0 ? actions : []), _toConsumableArray((_config$actions = config.actions) !== null && _config$actions !== void 0 ? _config$actions : []));
+  }, [actions, config.actions]);
+  var activeTabConfig = visibleTabs.find(function (tab) {
+    return tab.id === activeTab;
+  });
+  var activeContent = activeTabConfig ? (_ref2 = (_activeTabConfig$rend = (_activeTabConfig$rend2 = activeTabConfig.renderContent) === null || _activeTabConfig$rend2 === void 0 ? void 0 : _activeTabConfig$rend2.call(activeTabConfig, {
+    search: search,
+    onSearchUpdate: handleSearchUpdate,
+    searchPlaceholder: config.searchPlaceholder
+  })) !== null && _activeTabConfig$rend !== void 0 ? _activeTabConfig$rend : activeTabConfig.content) !== null && _ref2 !== void 0 ? _ref2 : null : null;
+  var hasTabs = visibleTabs.length > 0;
+  return /*#__PURE__*/_jsxs(Flex, {
+    direction: "column",
+    gap: 2,
+    className: block(null, className),
+    children: [/*#__PURE__*/_jsx(NavigationHeader, {
+      location: location,
+      actions: mergedActions,
+      onUpdate: onUpdate,
+      onLoadSuggestions: onLoadSuggestions
+    }), hasTabs ? /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(NavigationDetailTabs, {
+        tabs: visibleTabs,
+        activeTab: activeTab,
+        onUpdate: handleTabUpdate,
+        className: block('tabs')
+      }), config.hasSearch && /*#__PURE__*/_jsx(SearchWithButtons, {
+        placeholder: config.searchPlaceholder,
+        value: search,
+        onUpdate: handleSearchUpdate
+      }), /*#__PURE__*/_jsx("div", {
+        className: block('content'),
+        children: activeContent
+      })]
+    }) : config.emptyContent]
+  });
+};
+// #sourceMappingURL=NavigationDetail.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","useState","cn","Flex","NavigationHeader","SearchWithButtons","NavigationDetailTabs","getInitialTab","getVisibleTabs","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","block","NavigationDetail","_ref","_ref2","_activeTabConfig$rend","_activeTabConfig$rend2","config","location","onUpdate","onLoadSuggestions","actions","activeTabProp","activeTab","onTabUpdate","searchProp","search","onSearchUpdate","className","isTabControlled","undefined","isSearchControlled","visibleTabs","tabs","_useState","defaultTab","_useState2","_slicedToArray","activeTabState","setActiveTabState","_useState3","_useState4","searchState","setSearchState","handleTabUpdate","tab","handleSearchUpdate","value","mergedActions","_config$actions","concat","_toConsumableArray","activeTabConfig","find","id","activeContent","renderContent","call","searchPlaceholder","content","hasTabs","length","direction","gap","children","hasSearch","placeholder","emptyContent"],"sources":["NavigationDetail.tsx"],"sourcesContent":["import React, {useMemo, useState} from 'react';\nimport cn from 'bem-cn-lite';\nimport {Flex} from '@gravity-ui/uikit';\nimport {NavigationHeader} from '../NavigationHeader';\nimport {SearchWithButtons} from '../../components';\nimport {\n    NavigationDetailConfig,\n    NavigationHeaderAction,\n    NavigationLocation,\n} from '../../types/navigation';\nimport type {LoadPathSuggestions} from '../../types/pathEditor';\nimport {NavigationDetailTabs} from './internal/NavigationDetailTabs';\nimport {getInitialTab} from './helpers/getInitialTab';\nimport {getVisibleTabs} from './helpers/getVisibleTabs';\nimport './NavigationDetail.scss';\n\nconst block = cn('qp-navigation-detail');\n\nexport type NavigationDetailProps = {\n    config: NavigationDetailConfig;\n    location: NavigationLocation;\n    onUpdate: (location: NavigationLocation) => void;\n    onLoadSuggestions?: LoadPathSuggestions;\n    actions?: NavigationHeaderAction[];\n    activeTab?: string;\n    onTabUpdate?: (tab: string) => void;\n    search?: string;\n    onSearchUpdate?: (value: string) => void;\n    className?: string;\n};\n\nexport const NavigationDetail: React.FC<NavigationDetailProps> = ({\n    config,\n    location,\n    onUpdate,\n    onLoadSuggestions,\n    actions,\n    activeTab: activeTabProp,\n    onTabUpdate,\n    search: searchProp,\n    onSearchUpdate,\n    className,\n}) => {\n    const isTabControlled = activeTabProp !== undefined;\n    const isSearchControlled = searchProp !== undefined;\n\n    const visibleTabs = useMemo(() => getVisibleTabs(config.tabs), [config.tabs]);\n\n    const [activeTabState, setActiveTabState] = useState(() =>\n        getInitialTab(visibleTabs, config.defaultTab),\n    );\n    const [searchState, setSearchState] = useState('');\n\n    const activeTab = isTabControlled ? activeTabProp : activeTabState;\n    const search = isSearchControlled ? searchProp : searchState;\n\n    const handleTabUpdate = (tab: string) => {\n        if (!isTabControlled) {\n            setActiveTabState(tab);\n        }\n        onTabUpdate?.(tab);\n    };\n\n    const handleSearchUpdate = (value: string) => {\n        if (!isSearchControlled) {\n            setSearchState(value);\n        }\n        onSearchUpdate?.(value);\n    };\n\n    const mergedActions = useMemo(() => {\n        if (!actions && !config.actions) {\n            return undefined;\n        }\n        return [...(actions ?? []), ...(config.actions ?? [])];\n    }, [actions, config.actions]);\n\n    const activeTabConfig = visibleTabs.find((tab) => tab.id === activeTab);\n    const activeContent = activeTabConfig\n        ? (activeTabConfig.renderContent?.({\n              search,\n              onSearchUpdate: handleSearchUpdate,\n              searchPlaceholder: config.searchPlaceholder,\n          }) ??\n          activeTabConfig.content ??\n          null)\n        : null;\n\n    const hasTabs = visibleTabs.length > 0;\n\n    return (\n        <Flex direction=\"column\" gap={2} className={block(null, className)}>\n            <NavigationHeader\n                location={location}\n                actions={mergedActions}\n                onUpdate={onUpdate}\n                onLoadSuggestions={onLoadSuggestions}\n            />\n            {hasTabs ? (\n                <>\n                    <NavigationDetailTabs\n                        tabs={visibleTabs}\n                        activeTab={activeTab}\n                        onUpdate={handleTabUpdate}\n                        className={block('tabs')}\n                    />\n                    {config.hasSearch && (\n                        <SearchWithButtons\n                            placeholder={config.searchPlaceholder}\n                            value={search}\n                            onUpdate={handleSearchUpdate}\n                        />\n                    )}\n                    <div className={block('content')}>{activeContent}</div>\n                </>\n            ) : (\n                config.emptyContent\n            )}\n        </Flex>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/build/esm/modules/NavigationDetail/NavigationDetail.scss

@@ -0,0 +1,13 @@
+.qp-navigation-detail {
+  min-width: 0;
+
+  &__tabs {
+    overflow-x: auto;
+  }
+
+  &__content {
+    min-width: 0;
+    overflow-x: hidden;
+    overflow-y: auto;
+  }
+}

package/build/esm/modules/NavigationDetail/helpers/getInitialTab.d.ts

@@ -0,0 +1,2 @@
+import type { NavigationDetailTab } from '../../../types/navigation';
+export declare function getInitialTab(visibleTabs: NavigationDetailTab[], defaultTab?: string): string;

package/build/esm/modules/NavigationDetail/helpers/getInitialTab.js

@@ -0,0 +1,15 @@
+import "core-js/modules/es.array.find.js";
+import "core-js/modules/es.iterator.constructor.js";
+import "core-js/modules/es.iterator.find.js";
+import "core-js/modules/es.object.to-string.js";
+export function getInitialTab(visibleTabs, defaultTab) {
+  var _id, _ref, _ref2;
+  var defaultTabConfig = defaultTab ? visibleTabs.find(function (tab) {
+    return tab.id === defaultTab;
+  }) : undefined;
+  var firstEnabled = visibleTabs.find(function (tab) {
+    return !tab.disabled;
+  });
+  return (_id = (_ref = (_ref2 = defaultTabConfig !== null && defaultTabConfig !== void 0 ? defaultTabConfig : firstEnabled) !== null && _ref2 !== void 0 ? _ref2 : visibleTabs[0]) === null || _ref === void 0 ? void 0 : _ref.id) !== null && _id !== void 0 ? _id : '';
+}
+// #sourceMappingURL=getInitialTab.js.map

package/build/esm/modules/NavigationDetail/helpers/getInitialTab.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getInitialTab","visibleTabs","defaultTab","_id","_ref","_ref2","defaultTabConfig","find","tab","id","undefined","firstEnabled","disabled"],"sources":["getInitialTab.ts"],"sourcesContent":["import type {NavigationDetailTab} from '../../../types/navigation';\n\nexport function getInitialTab(visibleTabs: NavigationDetailTab[], defaultTab?: string): string {\n    const defaultTabConfig = defaultTab\n        ? visibleTabs.find((tab) => tab.id === defaultTab)\n        : undefined;\n    const firstEnabled = visibleTabs.find((tab) => !tab.disabled);\n    return (defaultTabConfig ?? firstEnabled ?? visibleTabs[0])?.id ?? '';\n}\n"],"mappings":";;;;AAEA,OAAO,SAASA,aAAaA,CAACC,WAAkC,EAAEC,UAAmB,EAAU;EAAA,IAAAC,GAAA,EAAAC,IAAA,EAAAC,KAAA;EAC3F,IAAMC,gBAAgB,GAAGJ,UAAU,GAC7BD,WAAW,CAACM,IAAI,CAAC,UAACC,GAAG;IAAA,OAAKA,GAAG,CAACC,EAAE,KAAKP,UAAU;EAAA,EAAC,GAChDQ,SAAS;EACf,IAAMC,YAAY,GAAGV,WAAW,CAACM,IAAI,CAAC,UAACC,GAAG;IAAA,OAAK,CAACA,GAAG,CAACI,QAAQ;EAAA,EAAC;EAC7D,QAAAT,GAAA,IAAAC,IAAA,IAAAC,KAAA,GAAQC,gBAAgB,aAAhBA,gBAAgB,cAAhBA,gBAAgB,GAAIK,YAAY,cAAAN,KAAA,cAAAA,KAAA,GAAIJ,WAAW,CAAC,CAAC,CAAC,cAAAG,IAAA,uBAAnDA,IAAA,CAAsDK,EAAE,cAAAN,GAAA,cAAAA,GAAA,GAAI,EAAE;AACzE","ignoreList":[]}

package/build/esm/modules/NavigationDetail/helpers/getVisibleTabs.d.ts

@@ -0,0 +1,2 @@
+import type { NavigationDetailTab } from '../../../types/navigation';
+export declare function getVisibleTabs(tabs: NavigationDetailTab[]): NavigationDetailTab[];

package/build/esm/modules/NavigationDetail/helpers/getVisibleTabs.js

@@ -0,0 +1,10 @@
+import "core-js/modules/es.array.filter.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";
+export function getVisibleTabs(tabs) {
+  return tabs.filter(function (tab) {
+    return !tab.hidden;
+  });
+}
+// #sourceMappingURL=getVisibleTabs.js.map

package/build/esm/modules/NavigationDetail/helpers/getVisibleTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getVisibleTabs","tabs","filter","tab","hidden"],"sources":["getVisibleTabs.ts"],"sourcesContent":["import type {NavigationDetailTab} from '../../../types/navigation';\n\nexport function getVisibleTabs(tabs: NavigationDetailTab[]): NavigationDetailTab[] {\n    return tabs.filter((tab) => !tab.hidden);\n}\n"],"mappings":";;;;AAEA,OAAO,SAASA,cAAcA,CAACC,IAA2B,EAAyB;EAC/E,OAAOA,IAAI,CAACC,MAAM,CAAC,UAACC,GAAG;IAAA,OAAK,CAACA,GAAG,CAACC,MAAM;EAAA,EAAC;AAC5C","ignoreList":[]}

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

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

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

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