@gravity-ui/querieskit 1.1.0 → 1.3.0

package/build/esm/modules/Attachments/i18n/index.js

@@ -0,0 +1,4 @@
+import { addI18Keysets } from "../../../i18n";
+import dicts from "./dicts";
+export default addI18Keysets('qp:attachments', dicts);
+// #sourceMappingURL=index.js.map

package/build/esm/modules/Attachments/i18n/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["addI18Keysets","dicts"],"sources":["index.ts"],"sourcesContent":["import {addI18Keysets} from '../../../i18n';\n\nimport dicts from './dicts';\n\nexport default addI18Keysets('qp:attachments', dicts);\n"],"mappings":"AAAA,SAAQA,aAAa;AAErB,OAAOC,KAAK;AAEZ,eAAeD,aAAa,CAAC,gBAAgB,EAAEC,KAAK,CAAC","ignoreList":[]}

package/build/esm/modules/Attachments/i18n/ru.json

@@ -0,0 +1,5 @@
+{
+  "action_add-file": "Файл",
+  "action_add-link": "Ссылка",
+  "action_remove-all": "Удалить все"
+}

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

@@ -0,0 +1,2 @@
+export { Attachments } from './Attachments';
+export type { AttachmentsProps, AttachItem } from './Attachments';

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

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

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

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

package/build/esm/modules/HistoryComparisonActions/HistoryComparisonActions.css

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

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

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

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { QueryListComparisonConfig, QueryListRow } from '../../types/queryList';
+import './HistoryComparisonActions.scss';
+export type HistoryComparisonActionsProps<T extends QueryListRow = QueryListRow> = {
+    comparison: QueryListComparisonConfig<T>;
+    className?: string;
+};
+export declare const HistoryComparisonActions: <T extends QueryListRow>({ comparison: { enabled, comparedRowIds, onCompare, onCancel }, className, }: HistoryComparisonActionsProps<T>) => React.JSX.Element | null;

package/build/esm/{widgets/QueriesHistory/ComparisonActions.js → modules/HistoryComparisonActions/HistoryComparisonActions.js}

@@ -1,45 +1,45 @@
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import React from 'react';
 import { Button, Flex, Icon } from '@gravity-ui/uikit';
-var ArrowRotateRightIcon = function ArrowRotateRightIcon(props) {
+var ArrowRightArrowLeftIcon = function ArrowRightArrowLeftIcon(props) {
   return /*#__PURE__*/_jsx("svg", _objectSpread(_objectSpread({}, props), {}, {
     children: /*#__PURE__*/_jsx("path", {
       fill: "currentColor",
       fillRule: "evenodd",
-      d: "M8 1.5a6.5 6.5 0 1 0 6.445 7.348.75.75 0 1 0-1.487-.194A5.001 5.001 0 1 1 11.57 4.5h-1.32a.75.75 0 0 0 0 1.5h3a.75.75 0 0 0 .75-.75v-3a.75.75 0 0 0-1.5 0v1.06A6.48 6.48 0 0 0 8 1.5",
+      d: "M13.78 3.72a.75.75 0 0 1 0 1.06l-3 3a.75.75 0 1 1-1.06-1.06L11.44 5H2.75a.75.75 0 1 1 0-1.5h8.69L9.72 1.78A.75.75 0 0 1 10.78.72zM2 11.75a.75.75 0 0 1 .22-.53l3-3a.75.75 0 1 1 1.06 1.06L4.56 11h8.69a.75.75 0 0 1 0 1.5H4.56l1.72 1.72a.75.75 0 1 1-1.06 1.06l-3-3a.75.75 0 0 1-.22-.53",
       clipRule: "evenodd"
     })
   }));
 };
-ArrowRotateRightIcon.defaultProps = {
+ArrowRightArrowLeftIcon.defaultProps = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "16",
   height: "16",
   fill: "none",
   viewBox: "0 0 16 16"
 };
-var ArrowRightArrowLeftIcon = function ArrowRightArrowLeftIcon(props) {
+var ArrowRotateRightIcon = function ArrowRotateRightIcon(props) {
   return /*#__PURE__*/_jsx("svg", _objectSpread(_objectSpread({}, props), {}, {
     children: /*#__PURE__*/_jsx("path", {
       fill: "currentColor",
       fillRule: "evenodd",
-      d: "M13.78 3.72a.75.75 0 0 1 0 1.06l-3 3a.75.75 0 1 1-1.06-1.06L11.44 5H2.75a.75.75 0 1 1 0-1.5h8.69L9.72 1.78A.75.75 0 0 1 10.78.72zM2 11.75a.75.75 0 0 1 .22-.53l3-3a.75.75 0 1 1 1.06 1.06L4.56 11h8.69a.75.75 0 0 1 0 1.5H4.56l1.72 1.72a.75.75 0 1 1-1.06 1.06l-3-3a.75.75 0 0 1-.22-.53",
+      d: "M8 1.5a6.5 6.5 0 1 0 6.445 7.348.75.75 0 1 0-1.487-.194A5.001 5.001 0 1 1 11.57 4.5h-1.32a.75.75 0 0 0 0 1.5h3a.75.75 0 0 0 .75-.75v-3a.75.75 0 0 0-1.5 0v1.06A6.48 6.48 0 0 0 8 1.5",
       clipRule: "evenodd"
     })
   }));
 };
-ArrowRightArrowLeftIcon.defaultProps = {
+ArrowRotateRightIcon.defaultProps = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "16",
   height: "16",
   fill: "none",
   viewBox: "0 0 16 16"
 };
-import "./ComparisonActions.css";
 import cn from 'bem-cn-lite';
+import "./HistoryComparisonActions.css";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-var block = cn('qp-query-history-comparison-action');
-export var ComparisonActions = function ComparisonActions(_ref) {
+var block = cn('qp-history-comparison-actions');
+export var HistoryComparisonActions = function HistoryComparisonActions(_ref) {
   var _ref$comparison = _ref.comparison,
     enabled = _ref$comparison.enabled,
     comparedRowIds = _ref$comparison.comparedRowIds,
@@ -71,4 +71,4 @@ export var ComparisonActions = function ComparisonActions(_ref) {
     })]
   });
 };
-// #sourceMappingURL=ComparisonActions.js.map
+// #sourceMappingURL=HistoryComparisonActions.js.map

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

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

package/build/esm/{widgets/QueriesHistory/ComparisonActions.scss → modules/HistoryComparisonActions/HistoryComparisonActions.scss}

@@ -1,4 +1,4 @@
-.qp-query-history-comparison-action {
+.qp-history-comparison-actions {
   padding: 12px 20px;
   background: var(--g-color-base-background);
-}
+}

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

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

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

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

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

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

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

@@ -1,10 +1,10 @@
 import { FC } from 'react';
-import { QueryHistoryFilterConfig } from '../../types/history';
+import { QueryListFilterConfig } from '../../types/queryList';
 type Props = {
     search?: string;
     fullSearch?: boolean;
     hasClear?: boolean;
-    filter?: QueryHistoryFilterConfig;
+    filter?: QueryListFilterConfig;
     onUpdate: (data: {
         value: string;
         fullSearch: boolean;

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

@@ -1 +1 @@
-{"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 {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    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":[]}
+{"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/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/NavigationItemsList/internal/NavigationItemsListHeader.js

@@ -67,13 +67,7 @@ export var NavigationItemsListHeader = function NavigationItemsListHeader(_ref)
     onSortUpdate = _ref.onSortUpdate,
     className = _ref.className;
   if (!onSortUpdate) {
-    return /*#__PURE__*/_jsx(Flex, {
-      alignItems: "center",
-      className: block(null, className),
-      children: /*#__PURE__*/_jsx(Text, {
-        children: titleLabel
-      })
-    });
+    return null;
   }
   var handleClick = function handleClick() {
     onSortUpdate(sort === 'asc' ? 'desc' : 'asc');

package/build/esm/modules/NavigationItemsList/internal/NavigationItemsListHeader.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Flex","Icon","Text","ArrowUpIcon","props","_jsx","_objectSpread","children","fill","fillRule","d","clipRule","defaultProps","xmlns","width","height","viewBox","ArrowDownIcon","ArrowUpArrowDownIcon","cn","jsx","jsxs","_jsxs","block","SORT_ICONS","asc","desc","NavigationItemsListHeader","_ref","titleLabel","sort","onSortUpdate","className","alignItems","handleClick","icon","inline","gap","onClick","data","size"],"sources":["NavigationItemsListHeader.tsx"],"sourcesContent":["import React, {FC} from 'react';\nimport {Flex, Icon, Text} from '@gravity-ui/uikit';\nimport ArrowUpIcon from '@gravity-ui/icons/svgs/arrow-up.svg';\nimport ArrowDownIcon from '@gravity-ui/icons/svgs/arrow-down.svg';\nimport ArrowUpArrowDownIcon from '@gravity-ui/icons/svgs/arrow-up-arrow-down.svg';\nimport cn from 'bem-cn-lite';\nimport {NavigationSortOrder} from '../../../types/navigation';\nimport './NavigationItemsListHeader.scss';\n\nconst block = cn('qp-navigation-items-list-header');\n\nconst SORT_ICONS: Record<NavigationSortOrder, typeof ArrowUpIcon> = {\n    asc: ArrowUpIcon,\n    desc: ArrowDownIcon,\n};\n\nexport type NavigationItemsListHeaderProps = {\n    titleLabel: string;\n    sort?: NavigationSortOrder;\n    onSortUpdate?: (sort: NavigationSortOrder) => void;\n    className?: string;\n};\n\nexport const NavigationItemsListHeader: FC<NavigationItemsListHeaderProps> = ({\n    titleLabel,\n    sort,\n    onSortUpdate,\n    className,\n}) => {\n    if (!onSortUpdate) {\n        return (\n            <Flex alignItems=\"center\" className={block(null, className)}>\n                <Text>{titleLabel}</Text>\n            </Flex>\n        );\n    }\n\n    const handleClick = () => {\n        onSortUpdate(sort === 'asc' ? 'desc' : 'asc');\n    };\n\n    const icon = sort ? SORT_ICONS[sort] : ArrowUpArrowDownIcon;\n\n    return (\n        <Flex alignItems=\"center\" className={block(null, className)}>\n            <Flex\n                inline\n                gap={2}\n                alignItems=\"center\"\n                className={block('sort')}\n                onClick={handleClick}\n            >\n                <Text>{titleLabel}</Text>\n                <Icon data={icon} size={16} />\n            </Flex>\n        </Flex>\n    );\n};\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAY,OAAO;AAC/B,SAAQC,IAAI,EAAEC,IAAI,EAAEC,IAAI,QAAO,mBAAmB;AAAC,IAC5CC,WAAW,YAAXA,WAAWA,CAAAC,KAAA;EAAA,oBAAAC,IAAA,QAAAC,aAAA,CAAAA,aAAA,KAAAF,KAAA;IAAAG,QAAA,eAAAF,IAAA;MAAAG,IAAA;MAAAC,QAAA;MAAAC,CAAA;MAAAC,QAAA;IAAA;EAAA;AAAA;AAAXR,WAAW,CAAAS,YAAA;EAAAC,KAAA;EAAAC,KAAA;EAAAC,MAAA;EAAAP,IAAA;EAAAQ,OAAA;AAAA;AAAA,IACXC,aAAa,YAAbA,aAAaA,CAAAb,KAAA;EAAA,oBAAAC,IAAA,QAAAC,aAAA,CAAAA,aAAA,KAAAF,KAAA;IAAAG,QAAA,eAAAF,IAAA;MAAAG,IAAA;MAAAC,QAAA;MAAAC,CAAA;MAAAC,QAAA;IAAA;EAAA;AAAA;AAAbM,aAAa,CAAAL,YAAA;EAAAC,KAAA;EAAAC,KAAA;EAAAC,MAAA;EAAAP,IAAA;EAAAQ,OAAA;AAAA;AAAA,IACbE,oBAAoB,YAApBA,oBAAoBA,CAAAd,KAAA;EAAA,oBAAAC,IAAA,QAAAC,aAAA,CAAAA,aAAA,KAAAF,KAAA;IAAAG,QAAA,eAAAF,IAAA;MAAAG,IAAA;MAAAC,QAAA;MAAAC,CAAA;MAAAC,QAAA;IAAA;EAAA;AAAA;AAApBO,oBAAoB,CAAAN,YAAA;EAAAC,KAAA;EAAAC,KAAA;EAAAC,MAAA;EAAAP,IAAA;EAAAQ,OAAA;AAAA;AAC3B,OAAOG,EAAE,MAAM,aAAa;AAE5B;AAA0C,SAAAC,GAAA,IAAAf,IAAA,EAAAgB,IAAA,IAAAC,KAAA;AAE1C,IAAMC,KAAK,GAAGJ,EAAE,CAAC,iCAAiC,CAAC;AAEnD,IAAMK,UAA2D,GAAG;EAChEC,GAAG,EAAEtB,WAAW;EAChBuB,IAAI,EAAET;AACV,CAAC;AASD,OAAO,IAAMU,yBAA6D,GAAG,SAAhEA,yBAA6DA,CAAAC,IAAA,EAKpE;EAAA,IAJFC,UAAU,GAAAD,IAAA,CAAVC,UAAU;IACVC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,YAAY,GAAAH,IAAA,CAAZG,YAAY;IACZC,SAAS,GAAAJ,IAAA,CAATI,SAAS;EAET,IAAI,CAACD,YAAY,EAAE;IACf,oBACI1B,IAAA,CAACL,IAAI;MAACiC,UAAU,EAAC,QAAQ;MAACD,SAAS,EAAET,KAAK,CAAC,IAAI,EAAES,SAAS,CAAE;MAAAzB,QAAA,eACxDF,IAAA,CAACH,IAAI;QAAAK,QAAA,EAAEsB;MAAU,CAAO;IAAC,CACvB,CAAC;EAEf;EAEA,IAAMK,WAAW,GAAG,SAAdA,WAAWA,CAAA,EAAS;IACtBH,YAAY,CAACD,IAAI,KAAK,KAAK,GAAG,MAAM,GAAG,KAAK,CAAC;EACjD,CAAC;EAED,IAAMK,IAAI,GAAGL,IAAI,GAAGN,UAAU,CAACM,IAAI,CAAC,GAAGZ,oBAAoB;EAE3D,oBACIb,IAAA,CAACL,IAAI;IAACiC,UAAU,EAAC,QAAQ;IAACD,SAAS,EAAET,KAAK,CAAC,IAAI,EAAES,SAAS,CAAE;IAAAzB,QAAA,eACxDe,KAAA,CAACtB,IAAI;MACDoC,MAAM;MACNC,GAAG,EAAE,CAAE;MACPJ,UAAU,EAAC,QAAQ;MACnBD,SAAS,EAAET,KAAK,CAAC,MAAM,CAAE;MACzBe,OAAO,EAAEJ,WAAY;MAAA3B,QAAA,gBAErBF,IAAA,CAACH,IAAI;QAAAK,QAAA,EAAEsB;MAAU,CAAO,CAAC,eACzBxB,IAAA,CAACJ,IAAI;QAACsC,IAAI,EAAEJ,IAAK;QAACK,IAAI,EAAE;MAAG,CAAE,CAAC;IAAA,CAC5B;EAAC,CACL,CAAC;AAEf,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Flex","Icon","Text","ArrowUpIcon","props","_jsx","_objectSpread","children","fill","fillRule","d","clipRule","defaultProps","xmlns","width","height","viewBox","ArrowDownIcon","ArrowUpArrowDownIcon","cn","jsx","jsxs","_jsxs","block","SORT_ICONS","asc","desc","NavigationItemsListHeader","_ref","titleLabel","sort","onSortUpdate","className","handleClick","icon","alignItems","inline","gap","onClick","data","size"],"sources":["NavigationItemsListHeader.tsx"],"sourcesContent":["import React, {FC} from 'react';\nimport {Flex, Icon, Text} from '@gravity-ui/uikit';\nimport ArrowUpIcon from '@gravity-ui/icons/svgs/arrow-up.svg';\nimport ArrowDownIcon from '@gravity-ui/icons/svgs/arrow-down.svg';\nimport ArrowUpArrowDownIcon from '@gravity-ui/icons/svgs/arrow-up-arrow-down.svg';\nimport cn from 'bem-cn-lite';\nimport {NavigationSortOrder} from '../../../types/navigation';\nimport './NavigationItemsListHeader.scss';\n\nconst block = cn('qp-navigation-items-list-header');\n\nconst SORT_ICONS: Record<NavigationSortOrder, typeof ArrowUpIcon> = {\n    asc: ArrowUpIcon,\n    desc: ArrowDownIcon,\n};\n\nexport type NavigationItemsListHeaderProps = {\n    titleLabel: string;\n    sort?: NavigationSortOrder;\n    onSortUpdate?: (sort: NavigationSortOrder) => void;\n    className?: string;\n};\n\nexport const NavigationItemsListHeader: FC<NavigationItemsListHeaderProps> = ({\n    titleLabel,\n    sort,\n    onSortUpdate,\n    className,\n}) => {\n    if (!onSortUpdate) {\n        return null;\n    }\n\n    const handleClick = () => {\n        onSortUpdate(sort === 'asc' ? 'desc' : 'asc');\n    };\n\n    const icon = sort ? SORT_ICONS[sort] : ArrowUpArrowDownIcon;\n\n    return (\n        <Flex alignItems=\"center\" className={block(null, className)}>\n            <Flex\n                inline\n                gap={2}\n                alignItems=\"center\"\n                className={block('sort')}\n                onClick={handleClick}\n            >\n                <Text>{titleLabel}</Text>\n                <Icon data={icon} size={16} />\n            </Flex>\n        </Flex>\n    );\n};\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAY,OAAO;AAC/B,SAAQC,IAAI,EAAEC,IAAI,EAAEC,IAAI,QAAO,mBAAmB;AAAC,IAC5CC,WAAW,YAAXA,WAAWA,CAAAC,KAAA;EAAA,oBAAAC,IAAA,QAAAC,aAAA,CAAAA,aAAA,KAAAF,KAAA;IAAAG,QAAA,eAAAF,IAAA;MAAAG,IAAA;MAAAC,QAAA;MAAAC,CAAA;MAAAC,QAAA;IAAA;EAAA;AAAA;AAAXR,WAAW,CAAAS,YAAA;EAAAC,KAAA;EAAAC,KAAA;EAAAC,MAAA;EAAAP,IAAA;EAAAQ,OAAA;AAAA;AAAA,IACXC,aAAa,YAAbA,aAAaA,CAAAb,KAAA;EAAA,oBAAAC,IAAA,QAAAC,aAAA,CAAAA,aAAA,KAAAF,KAAA;IAAAG,QAAA,eAAAF,IAAA;MAAAG,IAAA;MAAAC,QAAA;MAAAC,CAAA;MAAAC,QAAA;IAAA;EAAA;AAAA;AAAbM,aAAa,CAAAL,YAAA;EAAAC,KAAA;EAAAC,KAAA;EAAAC,MAAA;EAAAP,IAAA;EAAAQ,OAAA;AAAA;AAAA,IACbE,oBAAoB,YAApBA,oBAAoBA,CAAAd,KAAA;EAAA,oBAAAC,IAAA,QAAAC,aAAA,CAAAA,aAAA,KAAAF,KAAA;IAAAG,QAAA,eAAAF,IAAA;MAAAG,IAAA;MAAAC,QAAA;MAAAC,CAAA;MAAAC,QAAA;IAAA;EAAA;AAAA;AAApBO,oBAAoB,CAAAN,YAAA;EAAAC,KAAA;EAAAC,KAAA;EAAAC,MAAA;EAAAP,IAAA;EAAAQ,OAAA;AAAA;AAC3B,OAAOG,EAAE,MAAM,aAAa;AAE5B;AAA0C,SAAAC,GAAA,IAAAf,IAAA,EAAAgB,IAAA,IAAAC,KAAA;AAE1C,IAAMC,KAAK,GAAGJ,EAAE,CAAC,iCAAiC,CAAC;AAEnD,IAAMK,UAA2D,GAAG;EAChEC,GAAG,EAAEtB,WAAW;EAChBuB,IAAI,EAAET;AACV,CAAC;AASD,OAAO,IAAMU,yBAA6D,GAAG,SAAhEA,yBAA6DA,CAAAC,IAAA,EAKpE;EAAA,IAJFC,UAAU,GAAAD,IAAA,CAAVC,UAAU;IACVC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,YAAY,GAAAH,IAAA,CAAZG,YAAY;IACZC,SAAS,GAAAJ,IAAA,CAATI,SAAS;EAET,IAAI,CAACD,YAAY,EAAE;IACf,OAAO,IAAI;EACf;EAEA,IAAME,WAAW,GAAG,SAAdA,WAAWA,CAAA,EAAS;IACtBF,YAAY,CAACD,IAAI,KAAK,KAAK,GAAG,MAAM,GAAG,KAAK,CAAC;EACjD,CAAC;EAED,IAAMI,IAAI,GAAGJ,IAAI,GAAGN,UAAU,CAACM,IAAI,CAAC,GAAGZ,oBAAoB;EAE3D,oBACIb,IAAA,CAACL,IAAI;IAACmC,UAAU,EAAC,QAAQ;IAACH,SAAS,EAAET,KAAK,CAAC,IAAI,EAAES,SAAS,CAAE;IAAAzB,QAAA,eACxDe,KAAA,CAACtB,IAAI;MACDoC,MAAM;MACNC,GAAG,EAAE,CAAE;MACPF,UAAU,EAAC,QAAQ;MACnBH,SAAS,EAAET,KAAK,CAAC,MAAM,CAAE;MACzBe,OAAO,EAAEL,WAAY;MAAA1B,QAAA,gBAErBF,IAAA,CAACH,IAAI;QAAAK,QAAA,EAAEsB;MAAU,CAAO,CAAC,eACzBxB,IAAA,CAACJ,IAAI;QAACsC,IAAI,EAAEL,IAAK;QAACM,IAAI,EAAE;MAAG,CAAE,CAAC;IAAA,CAC5B;EAAC,CACL,CAAC;AAEf,CAAC","ignoreList":[]}

package/build/esm/modules/NavigationPreview/NavigationPreview.css

@@ -9,7 +9,13 @@
   overflow-x: auto;
 }
 .qp-navigation-preview .data-table__row,
-.qp-navigation-preview .data-table__head {
+.qp-navigation-preview .data-table__head-row {
+  height: 40px;
+}
+.qp-navigation-preview .data-table__box_sticky-head_moving .data-table__head-row {
+  height: auto;
+}
+.qp-navigation-preview .data-table__sticky_head .data-table__head-row {
   height: 40px;
 }
 .qp-navigation-preview .data-table__th,

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

@@ -1 +1 @@
-{"version":3,"sources":["NavigationPreview.scss"],"names":[],"mappings":"AAAA;EACE,sDAAA;EAEA,YAAA;AAAF;AAEE;EACE,cAAA;AAAJ;AAGE;EACE,gBAAA;AADJ;AAIE;;EAEE,YAAA;AAFJ;AAKE;;EAEE,qBAAA;EACA,sBAAA;AAHJ","file":"NavigationPreview.css","sourcesContent":[".qp-navigation-preview {\n  --data-table-border-color: var(--g-color-line-generic);\n\n  min-width: 0;\n\n  &__error {\n    display: block;\n  }\n\n  &__table {\n    overflow-x: auto;\n  }\n\n  .data-table__row,\n  .data-table__head {\n    height: 40px;\n  }\n\n  .data-table__th,\n  .data-table__td {\n    border-width: 0 0 1px;\n    vertical-align: middle;\n  }\n}\n"],"sourceRoot":""}
+{"version":3,"sources":["NavigationPreview.scss"],"names":[],"mappings":"AAAA;EACI,sDAAA;EAEA,YAAA;AAAJ;AAEI;EACI,cAAA;AAAR;AAGI;EACI,gBAAA;AADR;AAII;;EAEI,YAAA;AAFR;AAKI;EACI,YAAA;AAHR;AAMI;EACI,YAAA;AAJR;AAOI;;EAEI,qBAAA;EACA,sBAAA;AALR","file":"NavigationPreview.css","sourcesContent":[".qp-navigation-preview {\n    --data-table-border-color: var(--g-color-line-generic);\n\n    min-width: 0;\n\n    &__error {\n        display: block;\n    }\n\n    &__table {\n        overflow-x: auto;\n    }\n\n    .data-table__row,\n    .data-table__head-row {\n        height: 40px;\n    }\n\n    .data-table__box_sticky-head_moving .data-table__head-row {\n        height: auto;\n    }\n\n    .data-table__sticky_head .data-table__head-row {\n        height: 40px;\n    }\n\n    .data-table__th,\n    .data-table__td {\n        border-width: 0 0 1px;\n        vertical-align: middle;\n    }\n}\n"],"sourceRoot":""}

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

@@ -1,8 +1,8 @@
 import React from 'react';
 import { type Column } from '../../components';
-import type { NavigationPreviewConfig, NavigationPreviewRow } from '../../types/navigation';
+import type { NavigationPreviewConfig, NavigationPreviewFormatterConfig, NavigationPreviewRow } from '../../types/navigation';
 import './NavigationPreview.scss';
-export type NavigationPreviewViewConfig<TRow extends NavigationPreviewRow = NavigationPreviewRow> = {
+export type NavigationPreviewViewConfig<TRow extends NavigationPreviewRow = NavigationPreviewRow> = NavigationPreviewFormatterConfig & {
     tableColumns?: Array<Column<TRow>>;
     extraColumns?: Array<Column<TRow>>;
 };

package/build/esm/modules/NavigationPreview/NavigationPreview.js

@@ -4,6 +4,7 @@ import "core-js/modules/es.array.concat.js";
 import "core-js/modules/es.array.filter.js";
 import "core-js/modules/es.array.includes.js";
 import "core-js/modules/es.array.map.js";
+import "core-js/modules/es.function.name.js";
 import "core-js/modules/es.iterator.constructor.js";
 import "core-js/modules/es.iterator.filter.js";
 import "core-js/modules/es.iterator.map.js";
@@ -14,7 +15,7 @@ import "core-js/modules/es.string.search.js";
 import React, { useMemo } from 'react';
 import { Flex, Text } from '@gravity-ui/uikit';
 import cn from 'bem-cn-lite';
-import { DataTable, FieldsSearchToolbar } from "../../components";
+import { DataTable, FieldsSearchToolbar, QueryResultsTable } from "../../components";
 import { useVisibleColumns } from "../../helpers/useVisibleColumns";
 import { buildPreviewColumns } from "./helpers/buildPreviewColumns";
 import { filterPreviewRows } from "./helpers/filterPreviewRows";
@@ -22,6 +23,12 @@ import i18n from "./i18n";
 import "./NavigationPreview.css";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var block = cn('qp-navigation-preview');
+function getColumnName(column) {
+  return typeof column === 'string' ? column : column.name;
+}
+function isQueryResultColumn(column) {
+  return typeof column !== 'string';
+}
 export function NavigationPreview(_ref) {
   var data = _ref.data,
     view = _ref.view,
@@ -41,8 +48,13 @@ export function NavigationPreview(_ref) {
     errorContent = data.errorContent;
   var _ref2 = view !== null && view !== void 0 ? view : {},
     tableColumns = _ref2.tableColumns,
-    extraColumns = _ref2.extraColumns;
-  var _useVisibleColumns = useVisibleColumns(columns, {
+    extraColumns = _ref2.extraColumns,
+    formatterSettings = _ref2.formatterSettings,
+    maxVisibleLines = _ref2.maxVisibleLines;
+  var columnNames = useMemo(function () {
+    return columns.map(getColumnName);
+  }, [columns]);
+  var _useVisibleColumns = useVisibleColumns(columnNames, {
       value: visibleColumns,
       onChange: onVisibleColumnsChange,
       defaultValue: defaultVisibleColumns
@@ -50,11 +62,18 @@ export function NavigationPreview(_ref) {
     _useVisibleColumns2 = _slicedToArray(_useVisibleColumns, 2),
     activeVisibleColumns = _useVisibleColumns2[0],
     handleVisibleColumnsChange = _useVisibleColumns2[1];
-  var displayedColumnNames = useMemo(function () {
+  var displayedColumns = useMemo(function () {
     return columns.filter(function (column) {
-      return activeVisibleColumns.includes(column);
+      return activeVisibleColumns.includes(getColumnName(column));
     });
   }, [columns, activeVisibleColumns]);
+  var displayedColumnNames = useMemo(function () {
+    return displayedColumns.map(getColumnName);
+  }, [displayedColumns]);
+  var typedColumns = useMemo(function () {
+    return displayedColumns.filter(isQueryResultColumn);
+  }, [displayedColumns]);
+  var canUseQueryResultsTable = !tableColumns && !(extraColumns !== null && extraColumns !== void 0 && extraColumns.length) && typedColumns.length === displayedColumns.length;
   var resolvedColumns = useMemo(function () {
     if (tableColumns) {
       return tableColumns;
@@ -63,9 +82,10 @@ export function NavigationPreview(_ref) {
   }, [tableColumns, extraColumns, displayedColumnNames]);
   var fieldsOptions = useMemo(function () {
     return columns.map(function (column) {
+      var _column$header;
       return {
-        id: column,
-        title: column
+        id: getColumnName(column),
+        title: typeof column === 'string' ? column : (_column$header = column.header) !== null && _column$header !== void 0 ? _column$header : column.name
       };
     });
   }, [columns]);
@@ -91,7 +111,17 @@ export function NavigationPreview(_ref) {
       visibleFields: activeVisibleColumns,
       onVisibleFieldsChange: handleVisibleColumnsChange,
       hideFieldsSelector: hideFieldsSelector
-    }), /*#__PURE__*/_jsx(DataTable, {
+    }), canUseQueryResultsTable ? /*#__PURE__*/_jsx(QueryResultsTable, {
+      columns: typedColumns,
+      rows: filteredRows,
+      loading: loading,
+      loaded: loaded,
+      formatterSettings: formatterSettings,
+      maxVisibleLines: maxVisibleLines,
+      emptyVariant: search ? 'nothing-found' : 'no-data',
+      displayIndices: false,
+      className: block('table')
+    }) : /*#__PURE__*/_jsx(DataTable, {
       columns: resolvedColumns,
       data: filteredRows,
       loading: loading,

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

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","Flex","Text","cn","DataTable","FieldsSearchToolbar","useVisibleColumns","buildPreviewColumns","filterPreviewRows","i18n","jsx","_jsx","jsxs","_jsxs","block","NavigationPreview","_ref","data","view","search","onSearchUpdate","searchPlaceholder","visibleColumns","onVisibleColumnsChange","defaultVisibleColumns","hideToolbar","hideFieldsSelector","className","columns","rows","loading","loaded","errorContent","_ref2","tableColumns","extraColumns","_useVisibleColumns","value","onChange","defaultValue","_useVisibleColumns2","_slicedToArray","activeVisibleColumns","handleVisibleColumnsChange","displayedColumnNames","filter","column","includes","resolvedColumns","concat","_toConsumableArray","fieldsOptions","map","id","title","filteredRows","color","children","direction","gap","fields","visibleFields","onVisibleFieldsChange","emptyVariant","settings","displayIndices"],"sources":["NavigationPreview.tsx"],"sourcesContent":["import React, {useMemo} from 'react';\nimport {Flex, Text} from '@gravity-ui/uikit';\nimport cn from 'bem-cn-lite';\nimport {type Column, DataTable, FieldsSearchToolbar} from '../../components';\nimport {useVisibleColumns} from '../../helpers/useVisibleColumns';\nimport type {NavigationPreviewConfig, NavigationPreviewRow} from '../../types/navigation';\nimport {buildPreviewColumns} from './helpers/buildPreviewColumns';\nimport {filterPreviewRows} from './helpers/filterPreviewRows';\nimport i18n from './i18n';\nimport './NavigationPreview.scss';\n\nconst block = cn('qp-navigation-preview');\n\nexport type NavigationPreviewViewConfig<TRow extends NavigationPreviewRow = NavigationPreviewRow> =\n    {\n        tableColumns?: Array<Column<TRow>>;\n        extraColumns?: Array<Column<TRow>>;\n    };\n\nexport type NavigationPreviewProps<TRow extends NavigationPreviewRow = NavigationPreviewRow> = {\n    data: NavigationPreviewConfig<TRow>;\n    view?: NavigationPreviewViewConfig<TRow>;\n    search?: string;\n    onSearchUpdate?: (value: string) => void;\n    searchPlaceholder?: string;\n    visibleColumns?: string[];\n    onVisibleColumnsChange?: (value: string[]) => void;\n    defaultVisibleColumns?: string[];\n    hideToolbar?: boolean;\n    hideFieldsSelector?: boolean;\n    className?: string;\n};\n\nexport function NavigationPreview<TRow extends NavigationPreviewRow = NavigationPreviewRow>({\n    data,\n    view,\n    search,\n    onSearchUpdate,\n    searchPlaceholder,\n    visibleColumns,\n    onVisibleColumnsChange,\n    defaultVisibleColumns,\n    hideToolbar,\n    hideFieldsSelector,\n    className,\n}: NavigationPreviewProps<TRow>) {\n    const {columns, rows, loading, loaded, errorContent} = data;\n    const {tableColumns, extraColumns} = view ?? {};\n\n    const [activeVisibleColumns, handleVisibleColumnsChange] = useVisibleColumns(columns, {\n        value: visibleColumns,\n        onChange: onVisibleColumnsChange,\n        defaultValue: defaultVisibleColumns,\n    });\n\n    const displayedColumnNames = useMemo(\n        () => columns.filter((column) => activeVisibleColumns.includes(column)),\n        [columns, activeVisibleColumns],\n    );\n\n    const resolvedColumns = useMemo(() => {\n        if (tableColumns) {\n            return tableColumns;\n        }\n        return [...buildPreviewColumns<TRow>(displayedColumnNames, i18n), ...(extraColumns ?? [])];\n    }, [tableColumns, extraColumns, displayedColumnNames]);\n\n    const fieldsOptions = useMemo(\n        () => columns.map((column) => ({id: column, title: column})),\n        [columns],\n    );\n\n    const filteredRows = useMemo(\n        () => filterPreviewRows(rows, displayedColumnNames, search),\n        [rows, displayedColumnNames, search],\n    );\n\n    if (errorContent) {\n        return (\n            <Text color=\"danger\" className={block('error')}>\n                {errorContent}\n            </Text>\n        );\n    }\n\n    return (\n        <Flex direction=\"column\" gap={2} className={block(null, className)}>\n            {!hideToolbar && (\n                <FieldsSearchToolbar\n                    search={search}\n                    onSearchUpdate={onSearchUpdate}\n                    searchPlaceholder={searchPlaceholder}\n                    fields={fieldsOptions}\n                    visibleFields={activeVisibleColumns}\n                    onVisibleFieldsChange={handleVisibleColumnsChange}\n                    hideFieldsSelector={hideFieldsSelector}\n                />\n            )}\n            <DataTable<TRow>\n                columns={resolvedColumns}\n                data={filteredRows}\n                loading={loading}\n                loaded={loaded}\n                emptyVariant={search ? 'nothing-found' : 'no-data'}\n                settings={{displayIndices: false}}\n                className={block('table')}\n            />\n        </Flex>\n    );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useMemo","Flex","Text","cn","DataTable","FieldsSearchToolbar","QueryResultsTable","useVisibleColumns","buildPreviewColumns","filterPreviewRows","i18n","jsx","_jsx","jsxs","_jsxs","block","getColumnName","column","name","isQueryResultColumn","NavigationPreview","_ref","data","view","search","onSearchUpdate","searchPlaceholder","visibleColumns","onVisibleColumnsChange","defaultVisibleColumns","hideToolbar","hideFieldsSelector","className","columns","rows","loading","loaded","errorContent","_ref2","tableColumns","extraColumns","formatterSettings","maxVisibleLines","columnNames","map","_useVisibleColumns","value","onChange","defaultValue","_useVisibleColumns2","_slicedToArray","activeVisibleColumns","handleVisibleColumnsChange","displayedColumns","filter","includes","displayedColumnNames","typedColumns","canUseQueryResultsTable","length","resolvedColumns","concat","_toConsumableArray","fieldsOptions","_column$header","id","title","header","filteredRows","color","children","direction","gap","fields","visibleFields","onVisibleFieldsChange","emptyVariant","displayIndices","settings"],"sources":["NavigationPreview.tsx"],"sourcesContent":["import React, {useMemo} from 'react';\nimport {Flex, Text} from '@gravity-ui/uikit';\nimport cn from 'bem-cn-lite';\nimport {type Column, DataTable, FieldsSearchToolbar, QueryResultsTable} from '../../components';\nimport {useVisibleColumns} from '../../helpers/useVisibleColumns';\nimport type {\n    NavigationPreviewColumn,\n    NavigationPreviewConfig,\n    NavigationPreviewFormatterConfig,\n    NavigationPreviewRow,\n} from '../../types/navigation';\nimport type {QueryResultColumn} from '../../types/queryResults';\nimport {buildPreviewColumns} from './helpers/buildPreviewColumns';\nimport {filterPreviewRows} from './helpers/filterPreviewRows';\nimport i18n from './i18n';\nimport './NavigationPreview.scss';\n\nconst block = cn('qp-navigation-preview');\n\nexport type NavigationPreviewViewConfig<TRow extends NavigationPreviewRow = NavigationPreviewRow> =\n    NavigationPreviewFormatterConfig & {\n        tableColumns?: Array<Column<TRow>>;\n        extraColumns?: Array<Column<TRow>>;\n    };\n\nexport type NavigationPreviewProps<TRow extends NavigationPreviewRow = NavigationPreviewRow> = {\n    data: NavigationPreviewConfig<TRow>;\n    view?: NavigationPreviewViewConfig<TRow>;\n    search?: string;\n    onSearchUpdate?: (value: string) => void;\n    searchPlaceholder?: string;\n    visibleColumns?: string[];\n    onVisibleColumnsChange?: (value: string[]) => void;\n    defaultVisibleColumns?: string[];\n    hideToolbar?: boolean;\n    hideFieldsSelector?: boolean;\n    className?: string;\n};\n\nfunction getColumnName<TRow extends NavigationPreviewRow>(column: NavigationPreviewColumn<TRow>) {\n    return typeof column === 'string' ? column : column.name;\n}\n\nfunction isQueryResultColumn<TRow extends NavigationPreviewRow>(\n    column: NavigationPreviewColumn<TRow>,\n): column is QueryResultColumn<TRow> {\n    return typeof column !== 'string';\n}\n\nexport function NavigationPreview<TRow extends NavigationPreviewRow = NavigationPreviewRow>({\n    data,\n    view,\n    search,\n    onSearchUpdate,\n    searchPlaceholder,\n    visibleColumns,\n    onVisibleColumnsChange,\n    defaultVisibleColumns,\n    hideToolbar,\n    hideFieldsSelector,\n    className,\n}: NavigationPreviewProps<TRow>) {\n    const {columns, rows, loading, loaded, errorContent} = data;\n    const {tableColumns, extraColumns, formatterSettings, maxVisibleLines} = view ?? {};\n    const columnNames = useMemo(() => columns.map(getColumnName), [columns]);\n\n    const [activeVisibleColumns, handleVisibleColumnsChange] = useVisibleColumns(columnNames, {\n        value: visibleColumns,\n        onChange: onVisibleColumnsChange,\n        defaultValue: defaultVisibleColumns,\n    });\n\n    const displayedColumns = useMemo(\n        () => columns.filter((column) => activeVisibleColumns.includes(getColumnName(column))),\n        [columns, activeVisibleColumns],\n    );\n    const displayedColumnNames = useMemo(\n        () => displayedColumns.map(getColumnName),\n        [displayedColumns],\n    );\n    const typedColumns = useMemo(\n        () => displayedColumns.filter(isQueryResultColumn),\n        [displayedColumns],\n    );\n    const canUseQueryResultsTable =\n        !tableColumns && !extraColumns?.length && typedColumns.length === displayedColumns.length;\n\n    const resolvedColumns = useMemo(() => {\n        if (tableColumns) {\n            return tableColumns;\n        }\n        return [...buildPreviewColumns<TRow>(displayedColumnNames, i18n), ...(extraColumns ?? [])];\n    }, [tableColumns, extraColumns, displayedColumnNames]);\n\n    const fieldsOptions = useMemo(\n        () =>\n            columns.map((column) => ({\n                id: getColumnName(column),\n                title: typeof column === 'string' ? column : (column.header ?? column.name),\n            })),\n        [columns],\n    );\n\n    const filteredRows = useMemo(\n        () => filterPreviewRows(rows, displayedColumnNames, search),\n        [rows, displayedColumnNames, search],\n    );\n\n    if (errorContent) {\n        return (\n            <Text color=\"danger\" className={block('error')}>\n                {errorContent}\n            </Text>\n        );\n    }\n\n    return (\n        <Flex direction=\"column\" gap={2} className={block(null, className)}>\n            {!hideToolbar && (\n                <FieldsSearchToolbar\n                    search={search}\n                    onSearchUpdate={onSearchUpdate}\n                    searchPlaceholder={searchPlaceholder}\n                    fields={fieldsOptions}\n                    visibleFields={activeVisibleColumns}\n                    onVisibleFieldsChange={handleVisibleColumnsChange}\n                    hideFieldsSelector={hideFieldsSelector}\n                />\n            )}\n            {canUseQueryResultsTable ? (\n                <QueryResultsTable<TRow>\n                    columns={typedColumns}\n                    rows={filteredRows}\n                    loading={loading}\n                    loaded={loaded}\n                    formatterSettings={formatterSettings}\n                    maxVisibleLines={maxVisibleLines}\n                    emptyVariant={search ? 'nothing-found' : 'no-data'}\n                    displayIndices={false}\n                    className={block('table')}\n                />\n            ) : (\n                <DataTable<TRow>\n                    columns={resolvedColumns}\n                    data={filteredRows}\n                    loading={loading}\n                    loaded={loaded}\n                    emptyVariant={search ? 'nothing-found' : 'no-data'}\n                    settings={{displayIndices: false}}\n                    className={block('table')}\n                />\n            )}\n        </Flex>\n    );\n}\n"],"mappings":"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","ignoreList":[]}