@gravity-ui/querieskit 1.3.2 → 1.4.0

package/build/cjs/components/LazyList/LazyList.js

@@ -40,7 +40,9 @@ var LazyList = exports.LazyList = function LazyList(_ref) {
     emptyContent = _ref.emptyContent,
     isEmpty = _ref.isEmpty,
     className = _ref.className;
-  var sentinelRef = (0, _useLoadMoreSentinel.useLoadMoreSentinel)(hasMore, onLoadMore);
+  var listRef = (0, _react.useRef)(null);
+  var previousItemsLengthRef = (0, _react.useRef)(items.length);
+  var sentinelRef = (0, _useLoadMoreSentinel.useLoadMoreSentinel)(hasMore, onLoadMore, loading, items.length);
   var rows = (0, _react.useMemo)(function () {
     return hasMore ? [].concat((0, _toConsumableArray2.default)(items), [{
       __sentinel: true
@@ -49,6 +51,14 @@ var LazyList = exports.LazyList = function LazyList(_ref) {
   var getRowHeight = function getRowHeight(row) {
     return isSentinelRow(row) ? SENTINEL_ROW_HEIGHT : itemHeight(row);
   };
+  (0, _react.useLayoutEffect)(function () {
+    var previousItemsLength = previousItemsLengthRef.current;
+    if (previousItemsLength !== items.length) {
+      var _listRef$current;
+      (_listRef$current = listRef.current) === null || _listRef$current === void 0 || (_listRef$current = _listRef$current.refContainer.current) === null || _listRef$current === void 0 || _listRef$current.resetAfterIndex(Math.min(previousItemsLength, items.length), true);
+      previousItemsLengthRef.current = items.length;
+    }
+  }, [items.length]);
   if (error) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.default.Fragment, {
       children: error
@@ -66,6 +76,7 @@ var LazyList = exports.LazyList = function LazyList(_ref) {
     });
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.List, {
+    ref: listRef,
     className: block(null, className),
     filterable: filterable,
     items: rows,

package/build/cjs/components/LazyList/LazyList.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_uikit","_bemCnLite","_interopRequireDefault","_useLoadMoreSentinel","_ListSpinner","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","block","cn","SENTINEL_ROW_HEIGHT","isSentinelRow","row","Boolean","_typeof","LazyList","exports","_ref","items","itemHeight","renderItem","hasMore","onLoadMore","onItemClick","selectedItemIndex","_ref$filterable","filterable","loading","error","emptyContent","isEmpty","className","sentinelRef","useLoadMoreSentinel","rows","useMemo","concat","_toConsumableArray","__sentinel","getRowHeight","_jsx","React","Fragment","children","empty","length","ListSpinner","List","itemsHeight","listRows","reduce","total","isActive","index","ref","_renderItem","_onItemClick"],"sources":["LazyList.tsx"],"sourcesContent":["import React, {useMemo} from 'react';\nimport {List} from '@gravity-ui/uikit';\nimport cn from 'bem-cn-lite';\nimport {useLoadMoreSentinel} from '../../helpers/useLoadMoreSentinel';\nimport {ListSpinner} from '../ListSpinner';\nimport './LazyList.scss';\n\nconst block = cn('qp-lazy-list');\n\nconst SENTINEL_ROW_HEIGHT = 1;\n\ntype SentinelRow = {__sentinel: true};\ntype LazyListRow<T> = T | SentinelRow;\n\nconst isSentinelRow = <T,>(row: LazyListRow<T>): row is SentinelRow =>\n    Boolean(row) && typeof row === 'object' && '__sentinel' in (row as object);\n\nexport type LazyListProps<T extends object> = {\n    items: T[];\n    itemHeight: (item: T) => number;\n    renderItem: (item: T, isActive: boolean, index: number) => React.ReactNode;\n    hasMore?: boolean;\n    onLoadMore?: () => void;\n    onItemClick?: (item: T, index: number) => void;\n    selectedItemIndex?: T[keyof T] | number;\n    filterable?: boolean;\n    loading?: boolean;\n    error?: React.ReactNode;\n    emptyContent?: React.ReactNode;\n    isEmpty?: boolean;\n    className?: string;\n};\n\nexport const LazyList = <T extends object>({\n    items,\n    itemHeight,\n    renderItem,\n    hasMore,\n    onLoadMore,\n    onItemClick,\n    selectedItemIndex,\n    filterable = false,\n    loading,\n    error,\n    emptyContent,\n    isEmpty,\n    className,\n}: LazyListProps<T>) => {\n    const sentinelRef = useLoadMoreSentinel(hasMore, onLoadMore);\n\n    const rows: LazyListRow<T>[] = useMemo(\n        () => (hasMore ? [...items, {__sentinel: true}] : items),\n        [items, hasMore],\n    );\n\n    const getRowHeight = (row: LazyListRow<T>) =>\n        isSentinelRow(row) ? SENTINEL_ROW_HEIGHT : itemHeight(row);\n\n    if (error) {\n        return <React.Fragment>{error}</React.Fragment>;\n    }\n\n    const empty = isEmpty ?? !items.length;\n\n    if (loading && empty) {\n        return <ListSpinner className={block('spinner', className)} />;\n    }\n\n    if (empty) {\n        return <React.Fragment>{emptyContent}</React.Fragment>;\n    }\n\n    return (\n        <List<LazyListRow<T>>\n            className={block(null, className)}\n            filterable={filterable}\n            items={rows}\n            itemHeight={getRowHeight}\n            itemsHeight={(listRows) =>\n                listRows.reduce((total, row) => total + getRowHeight(row), 0)\n            }\n            renderItem={(row, isActive, index) =>\n                isSentinelRow(row) ? (\n                    <div ref={sentinelRef} className={block('sentinel')} />\n                ) : (\n                    renderItem(row, isActive, index)\n                )\n            }\n            selectedItemIndex={selectedItemIndex as never}\n            onItemClick={(row, index) => {\n                if (!isSentinelRow(row)) {\n                    onItemClick?.(row, index);\n                }\n            }}\n        />\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_uikit","_bemCnLite","_interopRequireDefault","_useLoadMoreSentinel","_ListSpinner","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","block","cn","SENTINEL_ROW_HEIGHT","isSentinelRow","row","Boolean","_typeof","LazyList","exports","_ref","items","itemHeight","renderItem","hasMore","onLoadMore","onItemClick","selectedItemIndex","_ref$filterable","filterable","loading","error","emptyContent","isEmpty","className","listRef","useRef","previousItemsLengthRef","length","sentinelRef","useLoadMoreSentinel","rows","useMemo","concat","_toConsumableArray","__sentinel","getRowHeight","useLayoutEffect","previousItemsLength","current","_listRef$current","refContainer","resetAfterIndex","Math","min","_jsx","React","Fragment","children","empty","ListSpinner","List","ref","itemsHeight","listRows","reduce","total","isActive","index","_renderItem","_onItemClick"],"sources":["LazyList.tsx"],"sourcesContent":["import React, {useLayoutEffect, useMemo, useRef} from 'react';\nimport {List} from '@gravity-ui/uikit';\nimport cn from 'bem-cn-lite';\nimport {useLoadMoreSentinel} from '../../helpers/useLoadMoreSentinel';\nimport {ListSpinner} from '../ListSpinner';\nimport './LazyList.scss';\n\nconst block = cn('qp-lazy-list');\n\nconst SENTINEL_ROW_HEIGHT = 1;\n\ntype SentinelRow = {__sentinel: true};\ntype LazyListRow<T> = T | SentinelRow;\n\nconst isSentinelRow = <T,>(row: LazyListRow<T>): row is SentinelRow =>\n    Boolean(row) && typeof row === 'object' && '__sentinel' in (row as object);\n\nexport type LazyListProps<T extends object> = {\n    items: T[];\n    itemHeight: (item: T) => number;\n    renderItem: (item: T, isActive: boolean, index: number) => React.ReactNode;\n    hasMore?: boolean;\n    onLoadMore?: () => void;\n    onItemClick?: (item: T, index: number) => void;\n    selectedItemIndex?: T[keyof T] | number;\n    filterable?: boolean;\n    loading?: boolean;\n    error?: React.ReactNode;\n    emptyContent?: React.ReactNode;\n    isEmpty?: boolean;\n    className?: string;\n};\n\nexport const LazyList = <T extends object>({\n    items,\n    itemHeight,\n    renderItem,\n    hasMore,\n    onLoadMore,\n    onItemClick,\n    selectedItemIndex,\n    filterable = false,\n    loading,\n    error,\n    emptyContent,\n    isEmpty,\n    className,\n}: LazyListProps<T>) => {\n    const listRef = useRef<List<LazyListRow<T>>>(null);\n    const previousItemsLengthRef = useRef(items.length);\n    const sentinelRef = useLoadMoreSentinel(hasMore, onLoadMore, loading, items.length);\n\n    const rows: LazyListRow<T>[] = useMemo(\n        () => (hasMore ? [...items, {__sentinel: true}] : items),\n        [items, hasMore],\n    );\n\n    const getRowHeight = (row: LazyListRow<T>) =>\n        isSentinelRow(row) ? SENTINEL_ROW_HEIGHT : itemHeight(row);\n\n    useLayoutEffect(() => {\n        const previousItemsLength = previousItemsLengthRef.current;\n\n        if (previousItemsLength !== items.length) {\n            listRef.current?.refContainer.current?.resetAfterIndex(\n                Math.min(previousItemsLength, items.length),\n                true,\n            );\n            previousItemsLengthRef.current = items.length;\n        }\n    }, [items.length]);\n\n    if (error) {\n        return <React.Fragment>{error}</React.Fragment>;\n    }\n\n    const empty = isEmpty ?? !items.length;\n\n    if (loading && empty) {\n        return <ListSpinner className={block('spinner', className)} />;\n    }\n\n    if (empty) {\n        return <React.Fragment>{emptyContent}</React.Fragment>;\n    }\n\n    return (\n        <List<LazyListRow<T>>\n            ref={listRef}\n            className={block(null, className)}\n            filterable={filterable}\n            items={rows}\n            itemHeight={getRowHeight}\n            itemsHeight={(listRows) =>\n                listRows.reduce((total, row) => total + getRowHeight(row), 0)\n            }\n            renderItem={(row, isActive, index) =>\n                isSentinelRow(row) ? (\n                    <div ref={sentinelRef} className={block('sentinel')} />\n                ) : (\n                    renderItem(row, isActive, index)\n                )\n            }\n            selectedItemIndex={selectedItemIndex as never}\n            onItemClick={(row, index) => {\n                if (!isSentinelRow(row)) {\n                    onItemClick?.(row, index);\n                }\n            }}\n        />\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/build/cjs/components/RowLink/RowLink.d.ts

@@ -1,9 +1,9 @@
-import { FC, ReactNode } from 'react';
+import React, { FC } from 'react';
+import { QueryListLinkRenderer } from '../../types/queryList';
 import './RowLink.scss';
-export type RowLinkProps = {
+export type RowLinkProps = Omit<React.ComponentPropsWithoutRef<'a'>, 'href'> & {
     href?: string;
     disabled?: boolean;
-    className?: string;
-    children: ReactNode;
+    renderLink?: QueryListLinkRenderer;
 };
 export declare const RowLink: FC<RowLinkProps>;

package/build/cjs/components/RowLink/RowLink.js

@@ -4,23 +4,34 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.RowLink = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _bemCnLite = _interopRequireDefault(require("bem-cn-lite"));
 require("./RowLink.css");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _excluded = ["href", "disabled", "renderLink", "className", "children"];
 var block = (0, _bemCnLite.default)('qp-row-link');
 var RowLink = exports.RowLink = function RowLink(_ref) {
   var href = _ref.href,
     disabled = _ref.disabled,
+    renderLink = _ref.renderLink,
     className = _ref.className,
-    children = _ref.children;
+    children = _ref.children,
+    linkProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var isLink = Boolean(href) && !disabled;
-  var Wrap = isLink ? 'a' : 'div';
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Wrap, {
-    href: isLink ? href : undefined,
+  if (!isLink) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: block(null, className),
+      children: children
+    });
+  }
+  var props = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, linkProps), {}, {
+    href: href,
     className: block(null, className),
     children: children
   });
+  return renderLink ? renderLink(props) : /*#__PURE__*/(0, _jsxRuntime.jsx)("a", (0, _objectSpread2.default)({}, props));
 };
 // #sourceMappingURL=RowLink.js.map

package/build/cjs/components/RowLink/RowLink.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_bemCnLite","_jsxRuntime","e","__esModule","default","block","cn","RowLink","exports","_ref","href","disabled","className","children","isLink","Boolean","Wrap","_jsx","undefined"],"sources":["RowLink.tsx"],"sourcesContent":["import React, {FC, ReactNode} from 'react';\nimport cn from 'bem-cn-lite';\nimport './RowLink.scss';\n\nconst block = cn('qp-row-link');\n\nexport type RowLinkProps = {\n    href?: string;\n    disabled?: boolean;\n    className?: string;\n    children: ReactNode;\n};\n\nexport const RowLink: FC<RowLinkProps> = ({href, disabled, className, children}) => {\n    const isLink = Boolean(href) && !disabled;\n    const Wrap = isLink ? 'a' : 'div';\n\n    return (\n        <Wrap href={isLink ? href : undefined} className={block(null, className)}>\n            {children}\n        </Wrap>\n    );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACAA,OAAA;AAAwB,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAExB,IAAMG,KAAK,GAAG,IAAAC,kBAAE,EAAC,aAAa,CAAC;AASxB,IAAMC,OAAyB,GAAAC,OAAA,CAAAD,OAAA,GAAG,SAA5BA,OAAyBA,CAAAE,IAAA,EAA8C;EAAA,IAAzCC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,SAAS,GAAAH,IAAA,CAATG,SAAS;IAAEC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;EAC1E,IAAMC,MAAM,GAAGC,OAAO,CAACL,IAAI,CAAC,IAAI,CAACC,QAAQ;EACzC,IAAMK,IAAI,GAAGF,MAAM,GAAG,GAAG,GAAG,KAAK;EAEjC,oBACI,IAAAG,eAAA,EAACD,IAAI;IAACN,IAAI,EAAEI,MAAM,GAAGJ,IAAI,GAAGQ,SAAU;IAACN,SAAS,EAAEP,KAAK,CAAC,IAAI,EAAEO,SAAS,CAAE;IAAAC,QAAA,EACpEA;EAAQ,CACP,CAAC;AAEf,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_bemCnLite","_jsxRuntime","e","__esModule","default","block","cn","RowLink","exports","_ref","href","disabled","renderLink","className","children","linkProps","_objectWithoutProperties","_excluded","isLink","Boolean","_jsx","props","_objectSpread"],"sources":["RowLink.tsx"],"sourcesContent":["import React, {FC} from 'react';\nimport cn from 'bem-cn-lite';\nimport {QueryListLinkRenderer} from '../../types/queryList';\nimport './RowLink.scss';\n\nconst block = cn('qp-row-link');\n\nexport type RowLinkProps = Omit<React.ComponentPropsWithoutRef<'a'>, 'href'> & {\n    href?: string;\n    disabled?: boolean;\n    renderLink?: QueryListLinkRenderer;\n};\n\nexport const RowLink: FC<RowLinkProps> = ({\n    href,\n    disabled,\n    renderLink,\n    className,\n    children,\n    ...linkProps\n}) => {\n    const isLink = Boolean(href) && !disabled;\n\n    if (!isLink) {\n        return <div className={block(null, className)}>{children}</div>;\n    }\n\n    const props: React.ComponentPropsWithoutRef<'a'> = {\n        ...linkProps,\n        href,\n        className: block(null, className),\n        children,\n    };\n\n    return renderLink ? renderLink(props) : <a {...props} />;\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEAA,OAAA;AAAwB,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;;AAExB,IAAMG,KAAK,GAAG,IAAAC,kBAAE,EAAC,aAAa,CAAC;AAQxB,IAAMC,OAAyB,GAAAC,OAAA,CAAAD,OAAA,GAAG,SAA5BA,OAAyBA,CAAAE,IAAA,EAOhC;EAAA,IANFC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IACJC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,UAAU,GAAAH,IAAA,CAAVG,UAAU;IACVC,SAAS,GAAAJ,IAAA,CAATI,SAAS;IACTC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IACLC,SAAS,OAAAC,iCAAA,EAAAP,IAAA,EAAAQ,SAAA;EAEZ,IAAMC,MAAM,GAAGC,OAAO,CAACT,IAAI,CAAC,IAAI,CAACC,QAAQ;EAEzC,IAAI,CAACO,MAAM,EAAE;IACT,oBAAO,IAAAE,eAAA;MAAKP,SAAS,EAAER,KAAK,CAAC,IAAI,EAAEQ,SAAS,CAAE;MAAAC,QAAA,EAAEA;IAAQ,CAAM,CAAC;EACnE;EAEA,IAAMO,KAA0C,OAAAC,sBAAA,MAAAA,sBAAA,MACzCP,SAAS;IACZL,IAAI,EAAJA,IAAI;IACJG,SAAS,EAAER,KAAK,CAAC,IAAI,EAAEQ,SAAS,CAAC;IACjCC,QAAQ,EAARA;EAAQ,EACX;EAED,OAAOF,UAAU,GAAGA,UAAU,CAACS,KAAK,CAAC,gBAAG,IAAAD,eAAA,WAAAE,sBAAA,MAAOD,KAAK,CAAG,CAAC;AAC5D,CAAC","ignoreList":[]}

package/build/cjs/components/SearchRowLayout/SearchRowLayout.d.ts

@@ -1,4 +1,5 @@
 import { FC, ReactNode } from 'react';
+import { QueryListLinkRenderer } from '../../types/queryList';
 import './SearchRowLayout.scss';
 export type SearchRowLayoutProps = {
     header: ReactNode;
@@ -6,6 +7,7 @@ export type SearchRowLayoutProps = {
     language: string;
     href?: string;
     disabled?: boolean;
+    renderLink?: QueryListLinkRenderer;
     className?: string;
 };
 export declare const SearchRowLayout: FC<SearchRowLayoutProps>;

package/build/cjs/components/SearchRowLayout/SearchRowLayout.js

@@ -21,10 +21,12 @@ var SearchRowLayout = exports.SearchRowLayout = function SearchRowLayout(_ref) {
     language = _ref.language,
     href = _ref.href,
     disabled = _ref.disabled,
+    renderLink = _ref.renderLink,
     className = _ref.className;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_RowLink.RowLink, {
     href: href,
     disabled: disabled,
+    renderLink: renderLink,
     className: block(null, className),
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikit.Flex, {
       direction: "column",

package/build/cjs/components/SearchRowLayout/SearchRowLayout.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_uikit","_bemCnLite","_MonacoEditor","_RowLink","_fitQueryToVisibleLines","_monacoConfig","_jsxRuntime","e","__esModule","default","block","cn","SearchRowLayout","exports","_ref","header","query","language","href","disabled","className","_jsx","RowLink","children","_jsxs","Flex","direction","gap","alignItems","MonacoEditor","value","fitQueryToVisibleLines","readOnly","monacoConfig","MONACO_CONFIG"],"sources":["SearchRowLayout.tsx"],"sourcesContent":["import React, {FC, ReactNode} from 'react';\nimport {Flex} from '@gravity-ui/uikit';\nimport cn from 'bem-cn-lite';\nimport {MonacoEditor} from '../MonacoEditor';\nimport {RowLink} from '../RowLink';\nimport {fitQueryToVisibleLines} from './helpers/fitQueryToVisibleLines';\nimport {MONACO_CONFIG} from './helpers/monacoConfig';\nimport './SearchRowLayout.scss';\n\nconst block = cn('qp-search-row-layout');\n\nexport type SearchRowLayoutProps = {\n    header: ReactNode;\n    query?: string;\n    language: string;\n    href?: string;\n    disabled?: boolean;\n    className?: string;\n};\n\nexport const SearchRowLayout: FC<SearchRowLayoutProps> = ({\n    header,\n    query,\n    language,\n    href,\n    disabled,\n    className,\n}) => {\n    return (\n        <RowLink href={href} disabled={disabled} className={block(null, className)}>\n            <Flex direction=\"column\" gap={2} className={block('content')}>\n                <Flex gap={2} alignItems=\"center\">\n                    {header}\n                </Flex>\n                <MonacoEditor\n                    value={fitQueryToVisibleLines(query)}\n                    language={language}\n                    readOnly\n                    monacoConfig={MONACO_CONFIG}\n                    className={block('monaco')}\n                />\n            </Flex>\n        </RowLink>\n    );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,uBAAA,GAAAL,OAAA;AACA,IAAAM,aAAA,GAAAN,OAAA;AACAA,OAAA;AAAgC,IAAAO,WAAA,GAAAP,OAAA;AAAA,SAAAD,uBAAAS,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhC,IAAMG,KAAK,GAAG,IAAAC,kBAAE,EAAC,sBAAsB,CAAC;AAWjC,IAAMC,eAAyC,GAAAC,OAAA,CAAAD,eAAA,GAAG,SAA5CA,eAAyCA,CAAAE,IAAA,EAOhD;EAAA,IANFC,MAAM,GAAAD,IAAA,CAANC,MAAM;IACNC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,IAAI,GAAAJ,IAAA,CAAJI,IAAI;IACJC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IACRC,SAAS,GAAAN,IAAA,CAATM,SAAS;EAET,oBACI,IAAAC,eAAA,EAACC,gBAAO;IAACJ,IAAI,EAAEA,IAAK;IAACC,QAAQ,EAAEA,QAAS;IAACC,SAAS,EAAEV,KAAK,CAAC,IAAI,EAAEU,SAAS,CAAE;IAAAG,QAAA,eACvE,IAAAC,gBAAA,EAACC,WAAI;MAACC,SAAS,EAAC,QAAQ;MAACC,GAAG,EAAE,CAAE;MAACP,SAAS,EAAEV,KAAK,CAAC,SAAS,CAAE;MAAAa,QAAA,gBACzD,IAAAF,eAAA,EAACI,WAAI;QAACE,GAAG,EAAE,CAAE;QAACC,UAAU,EAAC,QAAQ;QAAAL,QAAA,EAC5BR;MAAM,CACL,CAAC,eACP,IAAAM,eAAA,EAACQ,0BAAY;QACTC,KAAK,EAAE,IAAAC,8CAAsB,EAACf,KAAK,CAAE;QACrCC,QAAQ,EAAEA,QAAS;QACnBe,QAAQ;QACRC,YAAY,EAAEC,2BAAc;QAC5Bd,SAAS,EAAEV,KAAK,CAAC,QAAQ;MAAE,CAC9B,CAAC;IAAA,CACA;EAAC,CACF,CAAC;AAElB,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_uikit","_bemCnLite","_MonacoEditor","_RowLink","_fitQueryToVisibleLines","_monacoConfig","_jsxRuntime","e","__esModule","default","block","cn","SearchRowLayout","exports","_ref","header","query","language","href","disabled","renderLink","className","_jsx","RowLink","children","_jsxs","Flex","direction","gap","alignItems","MonacoEditor","value","fitQueryToVisibleLines","readOnly","monacoConfig","MONACO_CONFIG"],"sources":["SearchRowLayout.tsx"],"sourcesContent":["import React, {FC, ReactNode} from 'react';\nimport {Flex} from '@gravity-ui/uikit';\nimport cn from 'bem-cn-lite';\nimport {MonacoEditor} from '../MonacoEditor';\nimport {RowLink} from '../RowLink';\nimport {QueryListLinkRenderer} from '../../types/queryList';\nimport {fitQueryToVisibleLines} from './helpers/fitQueryToVisibleLines';\nimport {MONACO_CONFIG} from './helpers/monacoConfig';\nimport './SearchRowLayout.scss';\n\nconst block = cn('qp-search-row-layout');\n\nexport type SearchRowLayoutProps = {\n    header: ReactNode;\n    query?: string;\n    language: string;\n    href?: string;\n    disabled?: boolean;\n    renderLink?: QueryListLinkRenderer;\n    className?: string;\n};\n\nexport const SearchRowLayout: FC<SearchRowLayoutProps> = ({\n    header,\n    query,\n    language,\n    href,\n    disabled,\n    renderLink,\n    className,\n}) => {\n    return (\n        <RowLink\n            href={href}\n            disabled={disabled}\n            renderLink={renderLink}\n            className={block(null, className)}\n        >\n            <Flex direction=\"column\" gap={2} className={block('content')}>\n                <Flex gap={2} alignItems=\"center\">\n                    {header}\n                </Flex>\n                <MonacoEditor\n                    value={fitQueryToVisibleLines(query)}\n                    language={language}\n                    readOnly\n                    monacoConfig={MONACO_CONFIG}\n                    className={block('monaco')}\n                />\n            </Flex>\n        </RowLink>\n    );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AAEA,IAAAK,uBAAA,GAAAL,OAAA;AACA,IAAAM,aAAA,GAAAN,OAAA;AACAA,OAAA;AAAgC,IAAAO,WAAA,GAAAP,OAAA;AAAA,SAAAD,uBAAAS,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhC,IAAMG,KAAK,GAAG,IAAAC,kBAAE,EAAC,sBAAsB,CAAC;AAYjC,IAAMC,eAAyC,GAAAC,OAAA,CAAAD,eAAA,GAAG,SAA5CA,eAAyCA,CAAAE,IAAA,EAQhD;EAAA,IAPFC,MAAM,GAAAD,IAAA,CAANC,MAAM;IACNC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,IAAI,GAAAJ,IAAA,CAAJI,IAAI;IACJC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IACRC,UAAU,GAAAN,IAAA,CAAVM,UAAU;IACVC,SAAS,GAAAP,IAAA,CAATO,SAAS;EAET,oBACI,IAAAC,eAAA,EAACC,gBAAO;IACJL,IAAI,EAAEA,IAAK;IACXC,QAAQ,EAAEA,QAAS;IACnBC,UAAU,EAAEA,UAAW;IACvBC,SAAS,EAAEX,KAAK,CAAC,IAAI,EAAEW,SAAS,CAAE;IAAAG,QAAA,eAElC,IAAAC,gBAAA,EAACC,WAAI;MAACC,SAAS,EAAC,QAAQ;MAACC,GAAG,EAAE,CAAE;MAACP,SAAS,EAAEX,KAAK,CAAC,SAAS,CAAE;MAAAc,QAAA,gBACzD,IAAAF,eAAA,EAACI,WAAI;QAACE,GAAG,EAAE,CAAE;QAACC,UAAU,EAAC,QAAQ;QAAAL,QAAA,EAC5BT;MAAM,CACL,CAAC,eACP,IAAAO,eAAA,EAACQ,0BAAY;QACTC,KAAK,EAAE,IAAAC,8CAAsB,EAAChB,KAAK,CAAE;QACrCC,QAAQ,EAAEA,QAAS;QACnBgB,QAAQ;QACRC,YAAY,EAAEC,2BAAc;QAC5Bd,SAAS,EAAEX,KAAK,CAAC,QAAQ;MAAE,CAC9B,CAAC;IAAA,CACA;EAAC,CACF,CAAC;AAElB,CAAC","ignoreList":[]}

package/build/cjs/helpers/getListKey.d.ts

@@ -1,2 +1,3 @@
 import { QueryListItem, QueryListRow, QueryListRowVariant } from '../types/queryList';
+export declare const getListItemKey: <T extends QueryListRow>(item: QueryListItem<T>) => string;
 export declare const getListKey: <T extends QueryListRow>(items: QueryListItem<T>[], variant: QueryListRowVariant) => string;

package/build/cjs/helpers/getListKey.js

@@ -3,17 +3,18 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getListKey = void 0;
+exports.getListKey = exports.getListItemKey = void 0;
 require("core-js/modules/es.array.concat.js");
 require("core-js/modules/es.array.join.js");
 require("core-js/modules/es.array.map.js");
 require("core-js/modules/es.iterator.constructor.js");
 require("core-js/modules/es.iterator.map.js");
 require("core-js/modules/es.object.to-string.js");
+var getListItemKey = exports.getListItemKey = function getListItemKey(item) {
+  return 'header' in item ? "h:".concat(item.header) : "r:".concat(item.id);
+};
 var getListKey = exports.getListKey = function getListKey(items, variant) {
-  var itemsKey = items.map(function (item) {
-    return 'header' in item ? "h:".concat(item.header) : "r:".concat(item.id);
-  }).join(',');
+  var itemsKey = items.map(getListItemKey).join(',');
   return "".concat(variant, ":").concat(itemsKey);
 };
 // #sourceMappingURL=getListKey.js.map

package/build/cjs/helpers/getListKey.js.map

@@ -1 +1 @@
-{"version":3,"names":["getListKey","exports","items","variant","itemsKey","map","item","concat","header","id","join"],"sources":["getListKey.ts"],"sourcesContent":["import {QueryListItem, QueryListRow, QueryListRowVariant} from '../types/queryList';\n\nexport const getListKey = <T extends QueryListRow>(\n    items: QueryListItem<T>[],\n    variant: QueryListRowVariant,\n): string => {\n    const itemsKey = items\n        .map((item) => ('header' in item ? `h:${item.header}` : `r:${item.id}`))\n        .join(',');\n\n    return `${variant}:${itemsKey}`;\n};\n"],"mappings":";;;;;;;;;;;;AAEO,IAAMA,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,SAAbA,UAAUA,CACnBE,KAAyB,EACzBC,OAA4B,EACnB;EACT,IAAMC,QAAQ,GAAGF,KAAK,CACjBG,GAAG,CAAC,UAACC,IAAI;IAAA,OAAM,QAAQ,IAAIA,IAAI,QAAAC,MAAA,CAAQD,IAAI,CAACE,MAAM,SAAAD,MAAA,CAAUD,IAAI,CAACG,EAAE,CAAE;EAAA,CAAC,CAAC,CACvEC,IAAI,CAAC,GAAG,CAAC;EAEd,UAAAH,MAAA,CAAUJ,OAAO,OAAAI,MAAA,CAAIH,QAAQ;AACjC,CAAC","ignoreList":[]}
+{"version":3,"names":["getListItemKey","exports","item","concat","header","id","getListKey","items","variant","itemsKey","map","join"],"sources":["getListKey.ts"],"sourcesContent":["import {QueryListItem, QueryListRow, QueryListRowVariant} from '../types/queryList';\n\nexport const getListItemKey = <T extends QueryListRow>(item: QueryListItem<T>): string =>\n    'header' in item ? `h:${item.header}` : `r:${item.id}`;\n\nexport const getListKey = <T extends QueryListRow>(\n    items: QueryListItem<T>[],\n    variant: QueryListRowVariant,\n): string => {\n    const itemsKey = items.map(getListItemKey).join(',');\n\n    return `${variant}:${itemsKey}`;\n};\n"],"mappings":";;;;;;;;;;;;AAEO,IAAMA,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,SAAjBA,cAAcA,CAA4BE,IAAsB;EAAA,OACzE,QAAQ,IAAIA,IAAI,QAAAC,MAAA,CAAQD,IAAI,CAACE,MAAM,SAAAD,MAAA,CAAUD,IAAI,CAACG,EAAE,CAAE;AAAA;AAEnD,IAAMC,UAAU,GAAAL,OAAA,CAAAK,UAAA,GAAG,SAAbA,UAAUA,CACnBC,KAAyB,EACzBC,OAA4B,EACnB;EACT,IAAMC,QAAQ,GAAGF,KAAK,CAACG,GAAG,CAACV,cAAc,CAAC,CAACW,IAAI,CAAC,GAAG,CAAC;EAEpD,UAAAR,MAAA,CAAUK,OAAO,OAAAL,MAAA,CAAIM,QAAQ;AACjC,CAAC","ignoreList":[]}

package/build/cjs/helpers/useListKey.d.ts

@@ -0,0 +1,2 @@
+import { QueryListItem, QueryListRow, QueryListRowVariant } from '../types/queryList';
+export declare const useListKey: <T extends QueryListRow>(items: QueryListItem<T>[], rowVariant: QueryListRowVariant, paginationEnabled: boolean) => string;

package/build/cjs/helpers/useListKey.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useListKey = void 0;
+require("core-js/modules/es.array.every.js");
+require("core-js/modules/es.array.map.js");
+require("core-js/modules/es.iterator.constructor.js");
+require("core-js/modules/es.iterator.every.js");
+require("core-js/modules/es.iterator.map.js");
+require("core-js/modules/es.object.to-string.js");
+var _react = require("react");
+var _getListKey = require("./getListKey");
+var useListKey = exports.useListKey = function useListKey(items, rowVariant, paginationEnabled) {
+  var itemKeys = items.map(_getListKey.getListItemKey);
+  var currentKey = (0, _getListKey.getListKey)(items, rowVariant);
+  var stateRef = (0, _react.useRef)(undefined);
+  var previousState = stateRef.current;
+  var isAppend = (previousState === null || previousState === void 0 ? void 0 : previousState.paginationEnabled) && previousState.rowVariant === rowVariant && previousState.itemKeys.length <= itemKeys.length && previousState.itemKeys.every(function (key, index) {
+    return key === itemKeys[index];
+  });
+  var key = paginationEnabled && isAppend ? previousState.key : currentKey;
+  stateRef.current = {
+    key: key,
+    itemKeys: itemKeys,
+    rowVariant: rowVariant,
+    paginationEnabled: paginationEnabled
+  };
+  return key;
+};
+// #sourceMappingURL=useListKey.js.map

package/build/cjs/helpers/useListKey.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_getListKey","useListKey","exports","items","rowVariant","paginationEnabled","itemKeys","map","getListItemKey","currentKey","getListKey","stateRef","useRef","undefined","previousState","current","isAppend","length","every","key","index"],"sources":["useListKey.ts"],"sourcesContent":["import {useRef} from 'react';\nimport {getListItemKey, getListKey} from './getListKey';\nimport {QueryListItem, QueryListRow, QueryListRowVariant} from '../types/queryList';\n\ntype ListKeyState = {\n    key: string;\n    itemKeys: string[];\n    rowVariant: QueryListRowVariant;\n    paginationEnabled: boolean;\n};\n\nexport const useListKey = <T extends QueryListRow>(\n    items: QueryListItem<T>[],\n    rowVariant: QueryListRowVariant,\n    paginationEnabled: boolean,\n) => {\n    const itemKeys = items.map(getListItemKey);\n    const currentKey = getListKey(items, rowVariant);\n    const stateRef = useRef<ListKeyState | undefined>(undefined);\n    const previousState = stateRef.current;\n    const isAppend =\n        previousState?.paginationEnabled &&\n        previousState.rowVariant === rowVariant &&\n        previousState.itemKeys.length <= itemKeys.length &&\n        previousState.itemKeys.every((key, index) => key === itemKeys[index]);\n    const key = paginationEnabled && isAppend ? previousState.key : currentKey;\n\n    stateRef.current = {key, itemKeys, rowVariant, paginationEnabled};\n\n    return key;\n};\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAUO,IAAME,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,SAAbA,UAAUA,CACnBE,KAAyB,EACzBC,UAA+B,EAC/BC,iBAA0B,EACzB;EACD,IAAMC,QAAQ,GAAGH,KAAK,CAACI,GAAG,CAACC,0BAAc,CAAC;EAC1C,IAAMC,UAAU,GAAG,IAAAC,sBAAU,EAACP,KAAK,EAAEC,UAAU,CAAC;EAChD,IAAMO,QAAQ,GAAG,IAAAC,aAAM,EAA2BC,SAAS,CAAC;EAC5D,IAAMC,aAAa,GAAGH,QAAQ,CAACI,OAAO;EACtC,IAAMC,QAAQ,GACV,CAAAF,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAET,iBAAiB,KAChCS,aAAa,CAACV,UAAU,KAAKA,UAAU,IACvCU,aAAa,CAACR,QAAQ,CAACW,MAAM,IAAIX,QAAQ,CAACW,MAAM,IAChDH,aAAa,CAACR,QAAQ,CAACY,KAAK,CAAC,UAACC,GAAG,EAAEC,KAAK;IAAA,OAAKD,GAAG,KAAKb,QAAQ,CAACc,KAAK,CAAC;EAAA,EAAC;EACzE,IAAMD,GAAG,GAAGd,iBAAiB,IAAIW,QAAQ,GAAGF,aAAa,CAACK,GAAG,GAAGV,UAAU;EAE1EE,QAAQ,CAACI,OAAO,GAAG;IAACI,GAAG,EAAHA,GAAG;IAAEb,QAAQ,EAARA,QAAQ;IAAEF,UAAU,EAAVA,UAAU;IAAEC,iBAAiB,EAAjBA;EAAiB,CAAC;EAEjE,OAAOc,GAAG;AACd,CAAC","ignoreList":[]}

package/build/cjs/helpers/useLoadMoreSentinel.d.ts

@@ -1 +1 @@
-export declare function useLoadMoreSentinel(hasMore: boolean | undefined, onLoadMore?: () => void): (node: HTMLElement | null) => void;
+export declare function useLoadMoreSentinel(hasMore: boolean | undefined, onLoadMore?: () => void, loading?: boolean, itemsCount?: number): (node: HTMLElement | null) => void;

package/build/cjs/helpers/useLoadMoreSentinel.js

@@ -9,18 +9,26 @@ require("core-js/modules/es.iterator.constructor.js");
 require("core-js/modules/es.iterator.some.js");
 require("core-js/modules/es.object.to-string.js");
 var _react = require("react");
-function useLoadMoreSentinel(hasMore, onLoadMore) {
+function useLoadMoreSentinel(hasMore, onLoadMore, loading, itemsCount) {
   var observerRef = (0, _react.useRef)(null);
+  var loadRequestedRef = (0, _react.useRef)(false);
   var hasMoreRef = (0, _react.useRef)(hasMore);
   hasMoreRef.current = hasMore;
   var onLoadMoreRef = (0, _react.useRef)(onLoadMore);
   onLoadMoreRef.current = onLoadMore;
+  var preventRepeatedLoad = loading !== undefined;
   (0, _react.useEffect)(function () {
     return function () {
       var _observerRef$current;
       (_observerRef$current = observerRef.current) === null || _observerRef$current === void 0 || _observerRef$current.disconnect();
     };
   }, []);
+  (0, _react.useEffect)(function () {
+    if (!loading) {
+      // Cached pages can add items without changing the loading state.
+      loadRequestedRef.current = false;
+    }
+  }, [loading, itemsCount]);
   return (0, _react.useCallback)(function (node) {
     var _observerRef$current2;
     (_observerRef$current2 = observerRef.current) === null || _observerRef$current2 === void 0 || _observerRef$current2.disconnect();
@@ -30,12 +38,13 @@ function useLoadMoreSentinel(hasMore, onLoadMore) {
     observerRef.current = new IntersectionObserver(function (entries) {
       if (entries.some(function (entry) {
         return entry.isIntersecting;
-      }) && hasMoreRef.current) {
+      }) && hasMoreRef.current && !loading && (!preventRepeatedLoad || !loadRequestedRef.current) && onLoadMoreRef.current) {
         var _onLoadMoreRef$curren;
+        loadRequestedRef.current = preventRepeatedLoad;
         (_onLoadMoreRef$curren = onLoadMoreRef.current) === null || _onLoadMoreRef$curren === void 0 || _onLoadMoreRef$curren.call(onLoadMoreRef);
       }
     });
     observerRef.current.observe(node);
-  }, []);
+  }, [loading, preventRepeatedLoad]);
 }
 // #sourceMappingURL=useLoadMoreSentinel.js.map

package/build/cjs/helpers/useLoadMoreSentinel.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","useLoadMoreSentinel","hasMore","onLoadMore","observerRef","useRef","hasMoreRef","current","onLoadMoreRef","useEffect","_observerRef$current","disconnect","useCallback","node","_observerRef$current2","IntersectionObserver","entries","some","entry","isIntersecting","_onLoadMoreRef$curren","call","observe"],"sources":["useLoadMoreSentinel.ts"],"sourcesContent":["import {useCallback, useEffect, useRef} from 'react';\n\nexport function useLoadMoreSentinel(hasMore: boolean | undefined, onLoadMore?: () => void) {\n    const observerRef = useRef<IntersectionObserver | null>(null);\n    const hasMoreRef = useRef(hasMore);\n    hasMoreRef.current = hasMore;\n    const onLoadMoreRef = useRef(onLoadMore);\n    onLoadMoreRef.current = onLoadMore;\n\n    useEffect(() => {\n        return () => {\n            observerRef.current?.disconnect();\n        };\n    }, []);\n\n    return useCallback((node: HTMLElement | null) => {\n        observerRef.current?.disconnect();\n\n        if (!node) {\n            return;\n        }\n\n        observerRef.current = new IntersectionObserver((entries) => {\n            if (entries.some((entry) => entry.isIntersecting) && hasMoreRef.current) {\n                onLoadMoreRef.current?.();\n            }\n        });\n\n        observerRef.current.observe(node);\n    }, []);\n}\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEO,SAASC,mBAAmBA,CAACC,OAA4B,EAAEC,UAAuB,EAAE;EACvF,IAAMC,WAAW,GAAG,IAAAC,aAAM,EAA8B,IAAI,CAAC;EAC7D,IAAMC,UAAU,GAAG,IAAAD,aAAM,EAACH,OAAO,CAAC;EAClCI,UAAU,CAACC,OAAO,GAAGL,OAAO;EAC5B,IAAMM,aAAa,GAAG,IAAAH,aAAM,EAACF,UAAU,CAAC;EACxCK,aAAa,CAACD,OAAO,GAAGJ,UAAU;EAElC,IAAAM,gBAAS,EAAC,YAAM;IACZ,OAAO,YAAM;MAAA,IAAAC,oBAAA;MACT,CAAAA,oBAAA,GAAAN,WAAW,CAACG,OAAO,cAAAG,oBAAA,eAAnBA,oBAAA,CAAqBC,UAAU,CAAC,CAAC;IACrC,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,IAAAC,kBAAW,EAAC,UAACC,IAAwB,EAAK;IAAA,IAAAC,qBAAA;IAC7C,CAAAA,qBAAA,GAAAV,WAAW,CAACG,OAAO,cAAAO,qBAAA,eAAnBA,qBAAA,CAAqBH,UAAU,CAAC,CAAC;IAEjC,IAAI,CAACE,IAAI,EAAE;MACP;IACJ;IAEAT,WAAW,CAACG,OAAO,GAAG,IAAIQ,oBAAoB,CAAC,UAACC,OAAO,EAAK;MACxD,IAAIA,OAAO,CAACC,IAAI,CAAC,UAACC,KAAK;QAAA,OAAKA,KAAK,CAACC,cAAc;MAAA,EAAC,IAAIb,UAAU,CAACC,OAAO,EAAE;QAAA,IAAAa,qBAAA;QACrE,CAAAA,qBAAA,GAAAZ,aAAa,CAACD,OAAO,cAAAa,qBAAA,eAArBA,qBAAA,CAAAC,IAAA,CAAAb,aAAwB,CAAC;MAC7B;IACJ,CAAC,CAAC;IAEFJ,WAAW,CAACG,OAAO,CAACe,OAAO,CAACT,IAAI,CAAC;EACrC,CAAC,EAAE,EAAE,CAAC;AACV","ignoreList":[]}
+{"version":3,"names":["_react","require","useLoadMoreSentinel","hasMore","onLoadMore","loading","itemsCount","observerRef","useRef","loadRequestedRef","hasMoreRef","current","onLoadMoreRef","preventRepeatedLoad","undefined","useEffect","_observerRef$current","disconnect","useCallback","node","_observerRef$current2","IntersectionObserver","entries","some","entry","isIntersecting","_onLoadMoreRef$curren","call","observe"],"sources":["useLoadMoreSentinel.ts"],"sourcesContent":["import {useCallback, useEffect, useRef} from 'react';\n\nexport function useLoadMoreSentinel(\n    hasMore: boolean | undefined,\n    onLoadMore?: () => void,\n    loading?: boolean,\n    itemsCount?: number,\n) {\n    const observerRef = useRef<IntersectionObserver | null>(null);\n    const loadRequestedRef = useRef(false);\n    const hasMoreRef = useRef(hasMore);\n    hasMoreRef.current = hasMore;\n    const onLoadMoreRef = useRef(onLoadMore);\n    onLoadMoreRef.current = onLoadMore;\n    const preventRepeatedLoad = loading !== undefined;\n\n    useEffect(() => {\n        return () => {\n            observerRef.current?.disconnect();\n        };\n    }, []);\n\n    useEffect(() => {\n        if (!loading) {\n            // Cached pages can add items without changing the loading state.\n            loadRequestedRef.current = false;\n        }\n    }, [loading, itemsCount]);\n\n    return useCallback(\n        (node: HTMLElement | null) => {\n            observerRef.current?.disconnect();\n\n            if (!node) {\n                return;\n            }\n\n            observerRef.current = new IntersectionObserver((entries) => {\n                if (\n                    entries.some((entry) => entry.isIntersecting) &&\n                    hasMoreRef.current &&\n                    !loading &&\n                    (!preventRepeatedLoad || !loadRequestedRef.current) &&\n                    onLoadMoreRef.current\n                ) {\n                    loadRequestedRef.current = preventRepeatedLoad;\n                    onLoadMoreRef.current?.();\n                }\n            });\n\n            observerRef.current.observe(node);\n        },\n        [loading, preventRepeatedLoad],\n    );\n}\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEO,SAASC,mBAAmBA,CAC/BC,OAA4B,EAC5BC,UAAuB,EACvBC,OAAiB,EACjBC,UAAmB,EACrB;EACE,IAAMC,WAAW,GAAG,IAAAC,aAAM,EAA8B,IAAI,CAAC;EAC7D,IAAMC,gBAAgB,GAAG,IAAAD,aAAM,EAAC,KAAK,CAAC;EACtC,IAAME,UAAU,GAAG,IAAAF,aAAM,EAACL,OAAO,CAAC;EAClCO,UAAU,CAACC,OAAO,GAAGR,OAAO;EAC5B,IAAMS,aAAa,GAAG,IAAAJ,aAAM,EAACJ,UAAU,CAAC;EACxCQ,aAAa,CAACD,OAAO,GAAGP,UAAU;EAClC,IAAMS,mBAAmB,GAAGR,OAAO,KAAKS,SAAS;EAEjD,IAAAC,gBAAS,EAAC,YAAM;IACZ,OAAO,YAAM;MAAA,IAAAC,oBAAA;MACT,CAAAA,oBAAA,GAAAT,WAAW,CAACI,OAAO,cAAAK,oBAAA,eAAnBA,oBAAA,CAAqBC,UAAU,CAAC,CAAC;IACrC,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,IAAAF,gBAAS,EAAC,YAAM;IACZ,IAAI,CAACV,OAAO,EAAE;MACV;MACAI,gBAAgB,CAACE,OAAO,GAAG,KAAK;IACpC;EACJ,CAAC,EAAE,CAACN,OAAO,EAAEC,UAAU,CAAC,CAAC;EAEzB,OAAO,IAAAY,kBAAW,EACd,UAACC,IAAwB,EAAK;IAAA,IAAAC,qBAAA;IAC1B,CAAAA,qBAAA,GAAAb,WAAW,CAACI,OAAO,cAAAS,qBAAA,eAAnBA,qBAAA,CAAqBH,UAAU,CAAC,CAAC;IAEjC,IAAI,CAACE,IAAI,EAAE;MACP;IACJ;IAEAZ,WAAW,CAACI,OAAO,GAAG,IAAIU,oBAAoB,CAAC,UAACC,OAAO,EAAK;MACxD,IACIA,OAAO,CAACC,IAAI,CAAC,UAACC,KAAK;QAAA,OAAKA,KAAK,CAACC,cAAc;MAAA,EAAC,IAC7Cf,UAAU,CAACC,OAAO,IAClB,CAACN,OAAO,KACP,CAACQ,mBAAmB,IAAI,CAACJ,gBAAgB,CAACE,OAAO,CAAC,IACnDC,aAAa,CAACD,OAAO,EACvB;QAAA,IAAAe,qBAAA;QACEjB,gBAAgB,CAACE,OAAO,GAAGE,mBAAmB;QAC9C,CAAAa,qBAAA,GAAAd,aAAa,CAACD,OAAO,cAAAe,qBAAA,eAArBA,qBAAA,CAAAC,IAAA,CAAAf,aAAwB,CAAC;MAC7B;IACJ,CAAC,CAAC;IAEFL,WAAW,CAACI,OAAO,CAACiB,OAAO,CAACT,IAAI,CAAC;EACrC,CAAC,EACD,CAACd,OAAO,EAAEQ,mBAAmB,CACjC,CAAC;AACL","ignoreList":[]}

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

@@ -3,6 +3,7 @@ import { QueryListFilterConfig } from '../../types/queryList';
 type Props = {
     search?: string;
     fullSearch?: boolean;
+    fullSearchAvailable?: boolean;
     hasClear?: boolean;
     filter?: QueryListFilterConfig;
     onUpdate: (data: {

package/build/cjs/modules/HistoryHeader/HistoryHeader.js

@@ -21,6 +21,8 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 var HistoryHeader = exports.HistoryHeader = function HistoryHeader(_ref) {
   var search = _ref.search,
     fullSearch = _ref.fullSearch,
+    _ref$fullSearchAvaila = _ref.fullSearchAvailable,
+    fullSearchAvailable = _ref$fullSearchAvaila === void 0 ? true : _ref$fullSearchAvaila,
     hasClear = _ref.hasClear,
     filter = _ref.filter,
     onUpdate = _ref.onUpdate,
@@ -29,19 +31,19 @@ var HistoryHeader = exports.HistoryHeader = function HistoryHeader(_ref) {
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     searchValue = _useState2[0],
     setSearchValue = _useState2[1];
-  var _useState3 = (0, _react.useState)(fullSearch || false),
+  var _useState3 = (0, _react.useState)(fullSearchAvailable && Boolean(fullSearch)),
     _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
     isFullSearch = _useState4[0],
     setFullSearch = _useState4[1];
   (0, _react.useEffect)(function () {
     setSearchValue(search || '');
-    setFullSearch(fullSearch || false);
-  }, [search, fullSearch]);
+    setFullSearch(fullSearchAvailable && Boolean(fullSearch));
+  }, [search, fullSearch, fullSearchAvailable]);
   var handleOnUpdate = function handleOnUpdate(newValue) {
     setSearchValue(newValue);
     onUpdate({
       value: newValue,
-      fullSearch: isFullSearch
+      fullSearch: fullSearchAvailable && isFullSearch
     });
   };
   var handleModeChange = function handleModeChange() {
@@ -57,10 +59,10 @@ var HistoryHeader = exports.HistoryHeader = function HistoryHeader(_ref) {
     value: searchValue,
     hasClear: hasClear,
     onUpdate: handleOnUpdate,
-    innerButtons: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_FullSearchToggleButton.FullSearchToggleButton, {
+    innerButtons: fullSearchAvailable ? [/*#__PURE__*/(0, _jsxRuntime.jsx)(_FullSearchToggleButton.FullSearchToggleButton, {
       active: isFullSearch,
       onClick: handleModeChange
-    }, "full-search")],
+    }, "full-search")] : undefined,
     endButtons: filter ? [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.HistoryFilter, (0, _objectSpread2.default)({}, filter), "filter")] : undefined
   });
 };

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_FullSearchToggleButton","_components","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_interopRequireDefault","HistoryHeader","exports","_ref","search","fullSearch","hasClear","filter","onUpdate","className","_useState","useState","_useState2","_slicedToArray","searchValue","setSearchValue","_useState3","_useState4","isFullSearch","setFullSearch","useEffect","handleOnUpdate","newValue","value","handleModeChange","_jsx","SearchWithButtons","innerButtons","FullSearchToggleButton","active","onClick","endButtons","HistoryFilter","_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":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_FullSearchToggleButton","_components","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_interopRequireDefault","HistoryHeader","exports","_ref","search","fullSearch","_ref$fullSearchAvaila","fullSearchAvailable","hasClear","filter","onUpdate","className","_useState","useState","_useState2","_slicedToArray","searchValue","setSearchValue","_useState3","Boolean","_useState4","isFullSearch","setFullSearch","useEffect","handleOnUpdate","newValue","value","handleModeChange","_jsx","SearchWithButtons","innerButtons","FullSearchToggleButton","active","onClick","undefined","endButtons","HistoryFilter","_objectSpread"],"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    fullSearchAvailable?: 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    fullSearchAvailable = true,\n    hasClear,\n    filter,\n    onUpdate,\n    className,\n}) => {\n    const [searchValue, setSearchValue] = useState(search || '');\n    const [isFullSearch, setFullSearch] = useState(fullSearchAvailable && Boolean(fullSearch));\n\n    useEffect(() => {\n        setSearchValue(search || '');\n        setFullSearch(fullSearchAvailable && Boolean(fullSearch));\n    }, [search, fullSearch, fullSearchAvailable]);\n\n    const handleOnUpdate = (newValue: string) => {\n        setSearchValue(newValue);\n        onUpdate({value: newValue, fullSearch: fullSearchAvailable && 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                fullSearchAvailable\n                    ? [\n                          <FullSearchToggleButton\n                              key=\"full-search\"\n                              active={isFullSearch}\n                              onClick={handleModeChange}\n                          />,\n                      ]\n                    : undefined\n            }\n            endButtons={filter ? [<HistoryFilter key=\"filter\" {...filter} />] : undefined}\n        />\n    );\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -5,4 +5,4 @@ import './HistoryRow.scss';
 export type Props<T extends QueryHistoryRow> = {
     item: T;
 } & Omit<QueryListRowRenderData<T>, 'item' | 'variant'>;
-export declare const HistoryRow: <T extends QueryHistoryRow>({ item, actions, isActive, comparison, editing, visibleFields, }: Props<T>) => React.JSX.Element;
+export declare const HistoryRow: <T extends QueryHistoryRow>({ item, actions, isActive, comparison, editing, visibleFields, renderLink, }: Props<T>) => React.JSX.Element;

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

@@ -21,7 +21,8 @@ var HistoryRow = exports.HistoryRow = function HistoryRow(_ref) {
     isActive = _ref.isActive,
     comparison = _ref.comparison,
     editing = _ref.editing,
-    visibleFields = _ref.visibleFields;
+    visibleFields = _ref.visibleFields,
+    renderLink = _ref.renderLink;
   var href = item.href,
     status = item.status,
     mode = item.mode,
@@ -36,6 +37,7 @@ var HistoryRow = exports.HistoryRow = function HistoryRow(_ref) {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.RowLink, {
     href: href,
     disabled: isEditing || isComparisonMode,
+    renderLink: renderLink,
     className: block((0, _defineProperty2.default)((0, _defineProperty2.default)({}, status, true), "compared", isChecked)),
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.QueryStatusIcon, {
       status: status

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

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

@@ -5,4 +5,4 @@ import './HistorySearchRow.scss';
 export type Props<T extends QueryHistoryRow> = {
     item: T;
 } & Omit<QueryListRowRenderData<T>, 'item' | 'variant'>;
-export declare const HistorySearchRow: <T extends QueryHistoryRow>({ item, visibleFields, editing, comparison, }: Props<T>) => React.JSX.Element;
+export declare const HistorySearchRow: <T extends QueryHistoryRow>({ item, visibleFields, editing, comparison, renderLink, }: Props<T>) => React.JSX.Element;

package/build/cjs/modules/HistorySearchRow/HistorySearchRow.js

@@ -19,7 +19,8 @@ var HistorySearchRow = exports.HistorySearchRow = function HistorySearchRow(_ref
   var item = _ref.item,
     visibleFields = _ref.visibleFields,
     editing = _ref.editing,
-    comparison = _ref.comparison;
+    comparison = _ref.comparison,
+    renderLink = _ref.renderLink;
   var href = item.href,
     status = item.status,
     startTime = item.startTime,
@@ -33,6 +34,7 @@ var HistorySearchRow = exports.HistorySearchRow = function HistorySearchRow(_ref
     language: (0, _resolveMonacoLanguage.resolveMonacoLanguage)(engine),
     href: href,
     disabled: Boolean(editing === null || editing === void 0 ? void 0 : editing.enabled) || Boolean(comparison === null || comparison === void 0 ? void 0 : comparison.enabled),
+    renderLink: renderLink,
     className: block(),
     header: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikit.Flex, {
       gap: 2,

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_uikit","_components","_time","_isFieldVisible","_resolveMonacoLanguage","_bemCnLite","_jsxRuntime","e","__esModule","default","block","cn","HistorySearchRow","exports","_ref","item","visibleFields","editing","comparison","href","status","startTime","endTime","engine","mode","isPrivate","query","_jsx","SearchRowLayout","language","resolveMonacoLanguage","disabled","Boolean","enabled","className","header","_jsxs","Flex","gap","alignItems","children","QueryStatusIcon","isFieldVisible","QueryDuration","Text","color","formatTimeCanonical","HistoryPrivateIcon"],"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":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAGA,IAAAE,WAAA,GAAAF,OAAA;AAMA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AACA,IAAAK,sBAAA,GAAAL,OAAA;AACAA,OAAA;AACA,IAAAM,UAAA,GAAAP,sBAAA,CAAAC,OAAA;AAA6B,IAAAO,WAAA,GAAAP,OAAA;AAAA,SAAAD,uBAAAS,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE7B,IAAMG,KAAK,GAAG,IAAAC,kBAAE,EAAC,uBAAuB,CAAC;AAMlC,IAAMC,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,SAAnBA,gBAAgBA,CAAAE,IAAA,EAKb;EAAA,IAJZC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IACJC,aAAa,GAAAF,IAAA,CAAbE,aAAa;IACbC,OAAO,GAAAH,IAAA,CAAPG,OAAO;IACPC,UAAU,GAAAJ,IAAA,CAAVI,UAAU;EAEV,IAAOC,IAAI,GAAgEJ,IAAI,CAAxEI,IAAI;IAAEC,MAAM,GAAwDL,IAAI,CAAlEK,MAAM;IAAEC,SAAS,GAA6CN,IAAI,CAA1DM,SAAS;IAAEC,OAAO,GAAoCP,IAAI,CAA/CO,OAAO;IAAEC,MAAM,GAA4BR,IAAI,CAAtCQ,MAAM;IAAEC,IAAI,GAAsBT,IAAI,CAA9BS,IAAI;IAAEC,SAAS,GAAWV,IAAI,CAAxBU,SAAS;IAAEC,KAAK,GAAIX,IAAI,CAAbW,KAAK;EAEvE,oBACI,IAAAC,eAAA,EAACC,2BAAe;IACZF,KAAK,EAAEA,KAAM;IACbG,QAAQ,EAAE,IAAAC,4CAAqB,EAACP,MAAM,CAAE;IACxCJ,IAAI,EAAEA,IAAK;IACXY,QAAQ,EAAEC,OAAO,CAACf,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEgB,OAAO,CAAC,IAAID,OAAO,CAACd,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEe,OAAO,CAAE;IACpEC,SAAS,EAAExB,KAAK,CAAC,CAAE;IACnByB,MAAM,eACF,IAAAC,gBAAA,EAACC,WAAI;MAACC,GAAG,EAAE,CAAE;MAACC,UAAU,EAAC,QAAQ;MAACL,SAAS,EAAExB,KAAK,CAAC,QAAQ,CAAE;MAAA8B,QAAA,gBACzD,IAAAb,eAAA,EAACc,2BAAe;QAACrB,MAAM,EAAEA,MAAO;QAACc,SAAS,EAAExB,KAAK,CAAC,MAAM;MAAE,CAAE,CAAC,EAC5D,IAAAgC,8BAAc,EAAC1B,aAAa,EAAE,UAAU,CAAC,IAAIK,SAAS,iBACnD,IAAAM,eAAA,EAACgB,yBAAa;QAACvB,MAAM,EAAEA,MAAO;QAACC,SAAS,EAAEA,SAAU;QAACC,OAAO,EAAEA;MAAQ,CAAE,CAC3E,EACA,IAAAoB,8BAAc,EAAC1B,aAAa,EAAE,MAAM,CAAC,IAAIQ,IAAI,iBAC1C,IAAAG,eAAA,EAACiB,WAAI;QAACC,KAAK,EAAC,eAAe;QAAAL,QAAA,EAAEhB;MAAI,CAAO,CAC3C,EACA,IAAAkB,8BAAc,EAAC1B,aAAa,EAAE,WAAW,CAAC,IAAIK,SAAS,iBACpD,IAAAM,eAAA,EAACiB,WAAI;QAACC,KAAK,EAAC,eAAe;QAACX,SAAS,EAAExB,KAAK,CAAC,YAAY,CAAE;QAAA8B,QAAA,EACtD,IAAAM,yBAAmB,EAACzB,SAAS;MAAC,CAC7B,CACT,EACA,IAAAqB,8BAAc,EAAC1B,aAAa,EAAE,QAAQ,CAAC,IAAIO,MAAM,iBAC9C,IAAAI,eAAA,EAACiB,WAAI;QAACC,KAAK,EAAC,eAAe;QAAAL,QAAA,EAAEjB;MAAM,CAAO,CAC7C,EACA,IAAAmB,8BAAc,EAAC1B,aAAa,EAAE,WAAW,CAAC,iBACvC,IAAAW,eAAA,EAACoB,8BAAkB;QAACtB,SAAS,EAAEA;MAAU,CAAE,CAC9C;IAAA,CACC;EACT,CACJ,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_uikit","_components","_time","_isFieldVisible","_resolveMonacoLanguage","_bemCnLite","_jsxRuntime","e","__esModule","default","block","cn","HistorySearchRow","exports","_ref","item","visibleFields","editing","comparison","renderLink","href","status","startTime","endTime","engine","mode","isPrivate","query","_jsx","SearchRowLayout","language","resolveMonacoLanguage","disabled","Boolean","enabled","className","header","_jsxs","Flex","gap","alignItems","children","QueryStatusIcon","isFieldVisible","QueryDuration","Text","color","formatTimeCanonical","HistoryPrivateIcon"],"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    renderLink,\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            renderLink={renderLink}\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/cjs/modules/QueriesList/QueriesList.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { QueryListComparisonConfig, QueryListEditingConfig, QueryListFilterConfig, QueryListItem, QueryListRow, QueryListRowAction, QueryListRowRenderData, QueryListSearchConfig, QueryListVisibleFieldsConfig } from '../../types/queryList';
+import { QueryListComparisonConfig, QueryListEditingConfig, QueryListFilterConfig, QueryListItem, QueryListLinkRenderer, QueryListRow, QueryListRowAction, QueryListRowRenderData, QueryListSearchConfig, QueryListVisibleFieldsConfig } from '../../types/queryList';
 import './QueriesList.scss';
 export type QueriesListProps<T extends QueryListRow> = {
     className?: string;
@@ -15,5 +15,9 @@ export type QueriesListProps<T extends QueryListRow> = {
     getRowActions?: (item: T) => QueryListRowAction<T>[];
     renderRow: (data: QueryListRowRenderData<T>) => React.ReactNode;
     onListItemClick?: (item: QueryListItem<T>) => void;
+    hasMore?: boolean;
+    loading?: boolean;
+    onLoadMore?: () => void;
+    renderLink?: QueryListLinkRenderer;
 };
-export declare const QueriesList: <T extends QueryListRow>({ title, logo, search, filter, items, selectedRowId, editing, comparison, visibleFields, getRowActions, renderRow, onListItemClick, className, }: QueriesListProps<T>) => React.JSX.Element;
+export declare const QueriesList: <T extends QueryListRow>({ title, logo, search, filter, items, selectedRowId, editing, comparison, visibleFields, getRowActions, renderRow, onListItemClick, hasMore, loading, onLoadMore, renderLink, className, }: QueriesListProps<T>) => React.JSX.Element;