@gravity-ui/querieskit 1.3.2 → 1.5.0

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

@@ -1 +1 @@
-{"version":3,"names":["useCallback","useEffect","useRef","useLoadMoreSentinel","hasMore","onLoadMore","observerRef","hasMoreRef","current","onLoadMoreRef","_observerRef$current","disconnect","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,SAAQA,WAAW,EAAEC,SAAS,EAAEC,MAAM,QAAO,OAAO;AAEpD,OAAO,SAASC,mBAAmBA,CAACC,OAA4B,EAAEC,UAAuB,EAAE;EACvF,IAAMC,WAAW,GAAGJ,MAAM,CAA8B,IAAI,CAAC;EAC7D,IAAMK,UAAU,GAAGL,MAAM,CAACE,OAAO,CAAC;EAClCG,UAAU,CAACC,OAAO,GAAGJ,OAAO;EAC5B,IAAMK,aAAa,GAAGP,MAAM,CAACG,UAAU,CAAC;EACxCI,aAAa,CAACD,OAAO,GAAGH,UAAU;EAElCJ,SAAS,CAAC,YAAM;IACZ,OAAO,YAAM;MAAA,IAAAS,oBAAA;MACT,CAAAA,oBAAA,GAAAJ,WAAW,CAACE,OAAO,cAAAE,oBAAA,eAAnBA,oBAAA,CAAqBC,UAAU,CAAC,CAAC;IACrC,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOX,WAAW,CAAC,UAACY,IAAwB,EAAK;IAAA,IAAAC,qBAAA;IAC7C,CAAAA,qBAAA,GAAAP,WAAW,CAACE,OAAO,cAAAK,qBAAA,eAAnBA,qBAAA,CAAqBF,UAAU,CAAC,CAAC;IAEjC,IAAI,CAACC,IAAI,EAAE;MACP;IACJ;IAEAN,WAAW,CAACE,OAAO,GAAG,IAAIM,oBAAoB,CAAC,UAACC,OAAO,EAAK;MACxD,IAAIA,OAAO,CAACC,IAAI,CAAC,UAACC,KAAK;QAAA,OAAKA,KAAK,CAACC,cAAc;MAAA,EAAC,IAAIX,UAAU,CAACC,OAAO,EAAE;QAAA,IAAAW,qBAAA;QACrE,CAAAA,qBAAA,GAAAV,aAAa,CAACD,OAAO,cAAAW,qBAAA,eAArBA,qBAAA,CAAAC,IAAA,CAAAX,aAAwB,CAAC;MAC7B;IACJ,CAAC,CAAC;IAEFH,WAAW,CAACE,OAAO,CAACa,OAAO,CAACT,IAAI,CAAC;EACrC,CAAC,EAAE,EAAE,CAAC;AACV","ignoreList":[]}
+{"version":3,"names":["useCallback","useEffect","useRef","useLoadMoreSentinel","hasMore","onLoadMore","loading","itemsCount","observerRef","loadRequestedRef","hasMoreRef","current","onLoadMoreRef","preventRepeatedLoad","undefined","_observerRef$current","disconnect","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,SAAQA,WAAW,EAAEC,SAAS,EAAEC,MAAM,QAAO,OAAO;AAEpD,OAAO,SAASC,mBAAmBA,CAC/BC,OAA4B,EAC5BC,UAAuB,EACvBC,OAAiB,EACjBC,UAAmB,EACrB;EACE,IAAMC,WAAW,GAAGN,MAAM,CAA8B,IAAI,CAAC;EAC7D,IAAMO,gBAAgB,GAAGP,MAAM,CAAC,KAAK,CAAC;EACtC,IAAMQ,UAAU,GAAGR,MAAM,CAACE,OAAO,CAAC;EAClCM,UAAU,CAACC,OAAO,GAAGP,OAAO;EAC5B,IAAMQ,aAAa,GAAGV,MAAM,CAACG,UAAU,CAAC;EACxCO,aAAa,CAACD,OAAO,GAAGN,UAAU;EAClC,IAAMQ,mBAAmB,GAAGP,OAAO,KAAKQ,SAAS;EAEjDb,SAAS,CAAC,YAAM;IACZ,OAAO,YAAM;MAAA,IAAAc,oBAAA;MACT,CAAAA,oBAAA,GAAAP,WAAW,CAACG,OAAO,cAAAI,oBAAA,eAAnBA,oBAAA,CAAqBC,UAAU,CAAC,CAAC;IACrC,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAENf,SAAS,CAAC,YAAM;IACZ,IAAI,CAACK,OAAO,EAAE;MACV;MACAG,gBAAgB,CAACE,OAAO,GAAG,KAAK;IACpC;EACJ,CAAC,EAAE,CAACL,OAAO,EAAEC,UAAU,CAAC,CAAC;EAEzB,OAAOP,WAAW,CACd,UAACiB,IAAwB,EAAK;IAAA,IAAAC,qBAAA;IAC1B,CAAAA,qBAAA,GAAAV,WAAW,CAACG,OAAO,cAAAO,qBAAA,eAAnBA,qBAAA,CAAqBF,UAAU,CAAC,CAAC;IAEjC,IAAI,CAACC,IAAI,EAAE;MACP;IACJ;IAEAT,WAAW,CAACG,OAAO,GAAG,IAAIQ,oBAAoB,CAAC,UAACC,OAAO,EAAK;MACxD,IACIA,OAAO,CAACC,IAAI,CAAC,UAACC,KAAK;QAAA,OAAKA,KAAK,CAACC,cAAc;MAAA,EAAC,IAC7Cb,UAAU,CAACC,OAAO,IAClB,CAACL,OAAO,KACP,CAACO,mBAAmB,IAAI,CAACJ,gBAAgB,CAACE,OAAO,CAAC,IACnDC,aAAa,CAACD,OAAO,EACvB;QAAA,IAAAa,qBAAA;QACEf,gBAAgB,CAACE,OAAO,GAAGE,mBAAmB;QAC9C,CAAAW,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,EACD,CAACX,OAAO,EAAEO,mBAAmB,CACjC,CAAC;AACL","ignoreList":[]}

package/build/esm/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/esm/modules/HistoryHeader/HistoryHeader.js

@@ -13,6 +13,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 export var 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,
@@ -21,19 +23,19 @@ export var HistoryHeader = function HistoryHeader(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     searchValue = _useState2[0],
     setSearchValue = _useState2[1];
-  var _useState3 = useState(fullSearch || false),
+  var _useState3 = useState(fullSearchAvailable && Boolean(fullSearch)),
     _useState4 = _slicedToArray(_useState3, 2),
     isFullSearch = _useState4[0],
     setFullSearch = _useState4[1];
   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() {
@@ -49,10 +51,10 @@ export var HistoryHeader = function HistoryHeader(_ref) {
     value: searchValue,
     hasClear: hasClear,
     onUpdate: handleOnUpdate,
-    innerButtons: [/*#__PURE__*/_jsx(FullSearchToggleButton, {
+    innerButtons: fullSearchAvailable ? [/*#__PURE__*/_jsx(FullSearchToggleButton, {
       active: isFullSearch,
       onClick: handleModeChange
-    }, "full-search")],
+    }, "full-search")] : undefined,
     endButtons: filter ? [/*#__PURE__*/_jsx(HistoryFilter, _objectSpread({}, filter), "filter")] : undefined
   });
 };

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 {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":[]}
+{"version":3,"names":["React","useEffect","useState","FullSearchToggleButton","HistoryFilter","SearchWithButtons","jsx","_jsx","HistoryHeader","_ref","search","fullSearch","_ref$fullSearchAvaila","fullSearchAvailable","hasClear","filter","onUpdate","className","_useState","_useState2","_slicedToArray","searchValue","setSearchValue","_useState3","Boolean","_useState4","isFullSearch","setFullSearch","handleOnUpdate","newValue","value","handleModeChange","innerButtons","active","onClick","undefined","endButtons","_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":";;;;;;;;AAAA,OAAOA,KAAK,IAAOC,SAAS,EAAEC,QAAQ,QAAO,OAAO;AACpD,SAAQC,sBAAsB;AAC9B,SAAQC,aAAa,EAAEC,iBAAiB;AAA0B,SAAAC,GAAA,IAAAC,IAAA;AAalE,OAAO,IAAMC,aAAwB,GAAG,SAA3BA,aAAwBA,CAAAC,IAAA,EAQ/B;EAAA,IAPFC,MAAM,GAAAD,IAAA,CAANC,MAAM;IACNC,UAAU,GAAAF,IAAA,CAAVE,UAAU;IAAAC,qBAAA,GAAAH,IAAA,CACVI,mBAAmB;IAAnBA,mBAAmB,GAAAD,qBAAA,cAAG,IAAI,GAAAA,qBAAA;IAC1BE,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IACRC,MAAM,GAAAN,IAAA,CAANM,MAAM;IACNC,QAAQ,GAAAP,IAAA,CAARO,QAAQ;IACRC,SAAS,GAAAR,IAAA,CAATQ,SAAS;EAET,IAAAC,SAAA,GAAsChB,QAAQ,CAACQ,MAAM,IAAI,EAAE,CAAC;IAAAS,UAAA,GAAAC,cAAA,CAAAF,SAAA;IAArDG,WAAW,GAAAF,UAAA;IAAEG,cAAc,GAAAH,UAAA;EAClC,IAAAI,UAAA,GAAsCrB,QAAQ,CAACW,mBAAmB,IAAIW,OAAO,CAACb,UAAU,CAAC,CAAC;IAAAc,UAAA,GAAAL,cAAA,CAAAG,UAAA;IAAnFG,YAAY,GAAAD,UAAA;IAAEE,aAAa,GAAAF,UAAA;EAElCxB,SAAS,CAAC,YAAM;IACZqB,cAAc,CAACZ,MAAM,IAAI,EAAE,CAAC;IAC5BiB,aAAa,CAACd,mBAAmB,IAAIW,OAAO,CAACb,UAAU,CAAC,CAAC;EAC7D,CAAC,EAAE,CAACD,MAAM,EAAEC,UAAU,EAAEE,mBAAmB,CAAC,CAAC;EAE7C,IAAMe,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,QAAgB,EAAK;IACzCP,cAAc,CAACO,QAAQ,CAAC;IACxBb,QAAQ,CAAC;MAACc,KAAK,EAAED,QAAQ;MAAElB,UAAU,EAAEE,mBAAmB,IAAIa;IAAY,CAAC,CAAC;EAChF,CAAC;EAED,IAAMK,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAA,EAAS;IAC3B,IAAMF,QAAQ,GAAG,CAACH,YAAY;IAC9BC,aAAa,CAACE,QAAQ,CAAC;IACvBb,QAAQ,CAAC;MAACc,KAAK,EAAET,WAAW;MAAEV,UAAU,EAAEkB;IAAQ,CAAC,CAAC;EACxD,CAAC;EAED,oBACItB,IAAA,CAACF,iBAAiB;IACdY,SAAS,EAAEA,SAAU;IACrBa,KAAK,EAAET,WAAY;IACnBP,QAAQ,EAAEA,QAAS;IACnBE,QAAQ,EAAEY,cAAe;IACzBI,YAAY,EACRnB,mBAAmB,GACb,cACIN,IAAA,CAACJ,sBAAsB;MAEnB8B,MAAM,EAAEP,YAAa;MACrBQ,OAAO,EAAEH;IAAiB,GAFtB,aAGP,CAAC,CACL,GACDI,SACT;IACDC,UAAU,EAAErB,MAAM,GAAG,cAACR,IAAA,CAACH,aAAa,EAAAiC,aAAA,KAAkBtB,MAAM,GAAnB,QAAsB,CAAC,CAAC,GAAGoB;EAAU,CACjF,CAAC;AAEV,CAAC","ignoreList":[]}

package/build/esm/modules/HistoryRow/HistoryRow.css

@@ -19,10 +19,11 @@
 }
 .qp-history-row__data {
   display: grid;
-  grid-template-columns: 52px 1fr;
+  grid-template-columns: minmax(64px, max-content) 1fr;
   grid-gap: 8px;
 }
 .qp-history-row__duration {
   text-align: center;
+  white-space: nowrap;
 }
 /*# sourceMappingURL=HistoryRow.css.map */

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

@@ -1 +1 @@
-{"version":3,"sources":["HistoryRow.scss"],"names":[],"mappings":"AAAA;EACE,YAAA;EACA,aAAA;EACA,+BAAA;EACA,aAAA;EAAA,QAAA;AACF;AACE;EACE,mDAAA;AACJ;AAEE;EACE,cAAA;AAAJ;AAGE;EACE,YAAA;AADJ;AAIE;EACE,gBAAA;AAFJ;AAKE;EACE,aAAA;EACA,+BAAA;EACA,aAAA;AAHJ;AAME;EACE,kBAAA;AAJJ","file":"HistoryRow.css","sourcesContent":[".qp-history-row {\n  height: 100%;\n  display: grid;\n  grid-template-columns: 20px 1fr;\n  gap: 4px;\n\n  &_compared {\n    background-color: var(--g-color-base-utility-light);\n  }\n\n  &__icon {\n    flex: 0 0 20px;\n  }\n\n  &__header {\n    height: 20px;\n  }\n\n  &__right-column {\n    overflow: hidden;\n  }\n\n  &__data {\n    display: grid;\n    grid-template-columns: 52px 1fr;\n    grid-gap: 8px;\n  }\n\n  &__duration {\n    text-align: center;\n  }\n}\n"],"sourceRoot":""}
+{"version":3,"sources":["HistoryRow.scss"],"names":[],"mappings":"AAAA;EACE,YAAA;EACA,aAAA;EACA,+BAAA;EACA,aAAA;EAAA,QAAA;AACF;AACE;EACE,mDAAA;AACJ;AAEE;EACE,cAAA;AAAJ;AAGE;EACE,YAAA;AADJ;AAIE;EACE,gBAAA;AAFJ;AAKE;EACE,aAAA;EACA,oDAAA;EACA,aAAA;AAHJ;AAME;EACE,kBAAA;EACA,mBAAA;AAJJ","file":"HistoryRow.css","sourcesContent":[".qp-history-row {\n  height: 100%;\n  display: grid;\n  grid-template-columns: 20px 1fr;\n  gap: 4px;\n\n  &_compared {\n    background-color: var(--g-color-base-utility-light);\n  }\n\n  &__icon {\n    flex: 0 0 20px;\n  }\n\n  &__header {\n    height: 20px;\n  }\n\n  &__right-column {\n    overflow: hidden;\n  }\n\n  &__data {\n    display: grid;\n    grid-template-columns: minmax(64px, max-content) 1fr;\n    grid-gap: 8px;\n  }\n\n  &__duration {\n    text-align: center;\n    white-space: nowrap;\n  }\n}\n"],"sourceRoot":""}

package/build/esm/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/esm/modules/HistoryRow/HistoryRow.js

@@ -14,7 +14,8 @@ export var 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,
@@ -29,6 +30,7 @@ export var HistoryRow = function HistoryRow(_ref) {
   return /*#__PURE__*/_jsxs(RowLink, {
     href: href,
     disabled: isEditing || isComparisonMode,
+    renderLink: renderLink,
     className: block(_defineProperty(_defineProperty({}, status, true), "compared", isChecked)),
     children: [/*#__PURE__*/_jsx(QueryStatusIcon, {
       status: status
@@ -48,7 +50,7 @@ export var HistoryRow = function HistoryRow(_ref) {
         })]
       }), /*#__PURE__*/_jsxs("div", {
         className: block('data'),
-        children: [isFieldVisible(visibleFields, 'duration') && startTime && /*#__PURE__*/_jsx(QueryDuration, {
+        children: [isFieldVisible(visibleFields, 'duration') && startTime !== undefined && /*#__PURE__*/_jsx(QueryDuration, {
           className: block('duration'),
           status: status,
           startTime: startTime,
@@ -58,7 +60,7 @@ export var HistoryRow = function HistoryRow(_ref) {
           children: [isFieldVisible(visibleFields, 'mode') && mode && /*#__PURE__*/_jsx(Text, {
             color: "complementary",
             children: mode
-          }), isFieldVisible(visibleFields, 'startTime') && startTime && /*#__PURE__*/_jsx(Text, {
+          }), isFieldVisible(visibleFields, 'startTime') && startTime !== undefined && /*#__PURE__*/_jsx(Text, {
             color: "complementary",
             children: formatTime(startTime)
           }), isFieldVisible(visibleFields, 'engine') && engine && /*#__PURE__*/_jsx(Text, {

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

@@ -1 +1 @@
-{"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":[]}
+{"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","renderLink","href","status","mode","startTime","endTime","engine","isPrivate","isEditing","Boolean","enabled","isComparisonMode","isChecked","checked","showMenu","length","disabled","className","_defineProperty","children","direction","gap","justifyContent","undefined","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    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 !== undefined && (\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 !== undefined && (\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.scss

@@ -22,11 +22,12 @@
 
   &__data {
     display: grid;
-    grid-template-columns: 52px 1fr;
+    grid-template-columns: minmax(64px, max-content) 1fr;
     grid-gap: 8px;
   }
 
   &__duration {
     text-align: center;
+    white-space: nowrap;
   }
 }

package/build/esm/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/esm/modules/HistorySearchRow/HistorySearchRow.js

@@ -12,7 +12,8 @@ export var 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,
@@ -26,6 +27,7 @@ export var HistorySearchRow = function HistorySearchRow(_ref) {
     language: resolveMonacoLanguage(engine),
     href: href,
     disabled: Boolean(editing === null || editing === void 0 ? void 0 : editing.enabled) || Boolean(comparison === null || comparison === void 0 ? void 0 : comparison.enabled),
+    renderLink: renderLink,
     className: block(),
     header: /*#__PURE__*/_jsxs(Flex, {
       gap: 2,

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 {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":[]}
+{"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","renderLink","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    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/esm/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;

package/build/esm/modules/QueriesList/QueriesList.js

@@ -9,7 +9,7 @@ import "core-js/modules/es.string.trim.js";
 import React from 'react';
 import cn from 'bem-cn-lite';
 import { FieldsSelector } from "../../components";
-import { getListKey } from "../../helpers/getListKey";
+import { useListKey } from "../../helpers/useListKey";
 import { HistoryComparisonActions } from "../HistoryComparisonActions";
 import { HistoryHeader } from "../HistoryHeader";
 import { HistoryLayout } from "../HistoryLayout";
@@ -31,9 +31,15 @@ export var QueriesList = function QueriesList(_ref) {
     getRowActions = _ref.getRowActions,
     renderRow = _ref.renderRow,
     onListItemClick = _ref.onListItemClick,
+    hasMore = _ref.hasMore,
+    loading = _ref.loading,
+    onLoadMore = _ref.onLoadMore,
+    renderLink = _ref.renderLink,
     className = _ref.className;
-  var showSearchResults = Boolean(search.fullSearch && ((_search$value = search.value) === null || _search$value === void 0 ? void 0 : _search$value.trim()));
+  var fullSearchAvailable = search.fullSearchAvailable !== false;
+  var showSearchResults = Boolean(fullSearchAvailable && search.fullSearch && ((_search$value = search.value) === null || _search$value === void 0 ? void 0 : _search$value.trim()));
   var rowVariant = showSearchResults ? 'search' : 'default';
+  var listKey = useListKey(items, rowVariant, Boolean(onLoadMore));
   return /*#__PURE__*/_jsx(HistoryLayout, {
     className: block(null, className),
     title: title,
@@ -43,6 +49,7 @@ export var QueriesList = function QueriesList(_ref) {
       className: block('header'),
       search: search.value,
       fullSearch: search.fullSearch,
+      fullSearchAvailable: fullSearchAvailable,
       hasClear: search.hasClear,
       filter: filter,
       onUpdate: search.onUpdate
@@ -61,8 +68,12 @@ export var QueriesList = function QueriesList(_ref) {
       getRowActions: getRowActions,
       renderRow: renderRow,
       showFiltersHint: Boolean(filter),
+      hasMore: hasMore,
+      loading: loading,
+      onLoadMore: onLoadMore,
+      renderLink: renderLink,
       onItemClick: onListItemClick
-    }, getListKey(items, rowVariant))
+    }, listKey)
   });
 };
 // #sourceMappingURL=QueriesList.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","cn","FieldsSelector","getListKey","HistoryComparisonActions","HistoryHeader","HistoryLayout","RowsList","jsx","_jsx","block","QueriesList","_ref","_search$value","title","logo","search","filter","items","selectedRowId","editing","comparison","visibleFields","getRowActions","renderRow","onListItemClick","className","showSearchResults","Boolean","fullSearch","value","trim","rowVariant","actions","_objectSpread","header","hasClear","onUpdate","footer","children","showFiltersHint","onItemClick"],"sources":["QueriesList.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'bem-cn-lite';\nimport {FieldsSelector} from '../../components';\nimport {getListKey} from '../../helpers/getListKey';\nimport {\n    QueryListComparisonConfig,\n    QueryListEditingConfig,\n    QueryListFilterConfig,\n    QueryListItem,\n    QueryListRow,\n    QueryListRowAction,\n    QueryListRowRenderData,\n    QueryListSearchConfig,\n    QueryListVisibleFieldsConfig,\n} from '../../types/queryList';\nimport {HistoryComparisonActions} from '../HistoryComparisonActions';\nimport {HistoryHeader} from '../HistoryHeader';\nimport {HistoryLayout} from '../HistoryLayout';\nimport {RowsList} from '../RowsList';\nimport './QueriesList.scss';\n\nconst block = cn('qp-queries-list');\n\nexport type QueriesListProps<T extends QueryListRow> = {\n    className?: string;\n    title: React.ReactNode;\n    logo?: React.ReactNode;\n    search: QueryListSearchConfig;\n    filter?: QueryListFilterConfig;\n    items: QueryListItem<T>[];\n    selectedRowId?: T['id'];\n    editing?: QueryListEditingConfig<T>;\n    comparison?: QueryListComparisonConfig<T>;\n    visibleFields?: QueryListVisibleFieldsConfig<T>;\n    getRowActions?: (item: T) => QueryListRowAction<T>[];\n    renderRow: (data: QueryListRowRenderData<T>) => React.ReactNode;\n    onListItemClick?: (item: QueryListItem<T>) => void;\n};\n\nexport const QueriesList = <T extends QueryListRow>({\n    title,\n    logo,\n    search,\n    filter,\n    items,\n    selectedRowId,\n    editing,\n    comparison,\n    visibleFields,\n    getRowActions,\n    renderRow,\n    onListItemClick,\n    className,\n}: QueriesListProps<T>) => {\n    const showSearchResults = Boolean(search.fullSearch && search.value?.trim());\n    const rowVariant = showSearchResults ? 'search' : 'default';\n\n    return (\n        <HistoryLayout\n            className={block(null, className)}\n            title={title}\n            logo={logo}\n            actions={visibleFields && <FieldsSelector {...visibleFields} />}\n            header={\n                <HistoryHeader\n                    className={block('header')}\n                    search={search.value}\n                    fullSearch={search.fullSearch}\n                    hasClear={search.hasClear}\n                    filter={filter}\n                    onUpdate={search.onUpdate}\n                />\n            }\n            footer={\n                comparison && (\n                    <HistoryComparisonActions\n                        comparison={comparison}\n                        className={block('comparison-actions')}\n                    />\n                )\n            }\n        >\n            <RowsList\n                key={getListKey(items, rowVariant)}\n                items={items}\n                rowVariant={rowVariant}\n                selectedRowId={selectedRowId}\n                visibleFields={visibleFields}\n                editing={editing}\n                comparison={comparison}\n                getRowActions={getRowActions}\n                renderRow={renderRow}\n                showFiltersHint={Boolean(filter)}\n                onItemClick={onListItemClick}\n            />\n        </HistoryLayout>\n    );\n};\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,EAAE,MAAM,aAAa;AAC5B,SAAQC,cAAc;AACtB,SAAQC,UAAU;AAYlB,SAAQC,wBAAwB;AAChC,SAAQC,aAAa;AACrB,SAAQC,aAAa;AACrB,SAAQC,QAAQ;AAChB;AAA4B,SAAAC,GAAA,IAAAC,IAAA;AAE5B,IAAMC,KAAK,GAAGT,EAAE,CAAC,iBAAiB,CAAC;AAkBnC,OAAO,IAAMU,WAAW,GAAG,SAAdA,WAAWA,CAAAC,IAAA,EAcG;EAAA,IAAAC,aAAA;EAAA,IAbvBC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,IAAI,GAAAH,IAAA,CAAJG,IAAI;IACJC,MAAM,GAAAJ,IAAA,CAANI,MAAM;IACNC,MAAM,GAAAL,IAAA,CAANK,MAAM;IACNC,KAAK,GAAAN,IAAA,CAALM,KAAK;IACLC,aAAa,GAAAP,IAAA,CAAbO,aAAa;IACbC,OAAO,GAAAR,IAAA,CAAPQ,OAAO;IACPC,UAAU,GAAAT,IAAA,CAAVS,UAAU;IACVC,aAAa,GAAAV,IAAA,CAAbU,aAAa;IACbC,aAAa,GAAAX,IAAA,CAAbW,aAAa;IACbC,SAAS,GAAAZ,IAAA,CAATY,SAAS;IACTC,eAAe,GAAAb,IAAA,CAAfa,eAAe;IACfC,SAAS,GAAAd,IAAA,CAATc,SAAS;EAET,IAAMC,iBAAiB,GAAGC,OAAO,CAACZ,MAAM,CAACa,UAAU,MAAAhB,aAAA,GAAIG,MAAM,CAACc,KAAK,cAAAjB,aAAA,uBAAZA,aAAA,CAAckB,IAAI,CAAC,CAAC,EAAC;EAC5E,IAAMC,UAAU,GAAGL,iBAAiB,GAAG,QAAQ,GAAG,SAAS;EAE3D,oBACIlB,IAAA,CAACH,aAAa;IACVoB,SAAS,EAAEhB,KAAK,CAAC,IAAI,EAAEgB,SAAS,CAAE;IAClCZ,KAAK,EAAEA,KAAM;IACbC,IAAI,EAAEA,IAAK;IACXkB,OAAO,EAAEX,aAAa,iBAAIb,IAAA,CAACP,cAAc,EAAAgC,aAAA,KAAKZ,aAAa,CAAG,CAAE;IAChEa,MAAM,eACF1B,IAAA,CAACJ,aAAa;MACVqB,SAAS,EAAEhB,KAAK,CAAC,QAAQ,CAAE;MAC3BM,MAAM,EAAEA,MAAM,CAACc,KAAM;MACrBD,UAAU,EAAEb,MAAM,CAACa,UAAW;MAC9BO,QAAQ,EAAEpB,MAAM,CAACoB,QAAS;MAC1BnB,MAAM,EAAEA,MAAO;MACfoB,QAAQ,EAAErB,MAAM,CAACqB;IAAS,CAC7B,CACJ;IACDC,MAAM,EACFjB,UAAU,iBACNZ,IAAA,CAACL,wBAAwB;MACrBiB,UAAU,EAAEA,UAAW;MACvBK,SAAS,EAAEhB,KAAK,CAAC,oBAAoB;IAAE,CAC1C,CAER;IAAA6B,QAAA,eAED9B,IAAA,CAACF,QAAQ;MAELW,KAAK,EAAEA,KAAM;MACbc,UAAU,EAAEA,UAAW;MACvBb,aAAa,EAAEA,aAAc;MAC7BG,aAAa,EAAEA,aAAc;MAC7BF,OAAO,EAAEA,OAAQ;MACjBC,UAAU,EAAEA,UAAW;MACvBE,aAAa,EAAEA,aAAc;MAC7BC,SAAS,EAAEA,SAAU;MACrBgB,eAAe,EAAEZ,OAAO,CAACX,MAAM,CAAE;MACjCwB,WAAW,EAAEhB;IAAgB,GAVxBtB,UAAU,CAACe,KAAK,EAAEc,UAAU,CAWpC;EAAC,CACS,CAAC;AAExB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","cn","FieldsSelector","useListKey","HistoryComparisonActions","HistoryHeader","HistoryLayout","RowsList","jsx","_jsx","block","QueriesList","_ref","_search$value","title","logo","search","filter","items","selectedRowId","editing","comparison","visibleFields","getRowActions","renderRow","onListItemClick","hasMore","loading","onLoadMore","renderLink","className","fullSearchAvailable","showSearchResults","Boolean","fullSearch","value","trim","rowVariant","listKey","actions","_objectSpread","header","hasClear","onUpdate","footer","children","showFiltersHint","onItemClick"],"sources":["QueriesList.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'bem-cn-lite';\nimport {FieldsSelector} from '../../components';\nimport {useListKey} from '../../helpers/useListKey';\nimport {\n    QueryListComparisonConfig,\n    QueryListEditingConfig,\n    QueryListFilterConfig,\n    QueryListItem,\n    QueryListLinkRenderer,\n    QueryListRow,\n    QueryListRowAction,\n    QueryListRowRenderData,\n    QueryListSearchConfig,\n    QueryListVisibleFieldsConfig,\n} from '../../types/queryList';\nimport {HistoryComparisonActions} from '../HistoryComparisonActions';\nimport {HistoryHeader} from '../HistoryHeader';\nimport {HistoryLayout} from '../HistoryLayout';\nimport {RowsList} from '../RowsList';\nimport './QueriesList.scss';\n\nconst block = cn('qp-queries-list');\n\nexport type QueriesListProps<T extends QueryListRow> = {\n    className?: string;\n    title: React.ReactNode;\n    logo?: React.ReactNode;\n    search: QueryListSearchConfig;\n    filter?: QueryListFilterConfig;\n    items: QueryListItem<T>[];\n    selectedRowId?: T['id'];\n    editing?: QueryListEditingConfig<T>;\n    comparison?: QueryListComparisonConfig<T>;\n    visibleFields?: QueryListVisibleFieldsConfig<T>;\n    getRowActions?: (item: T) => QueryListRowAction<T>[];\n    renderRow: (data: QueryListRowRenderData<T>) => React.ReactNode;\n    onListItemClick?: (item: QueryListItem<T>) => void;\n    hasMore?: boolean;\n    loading?: boolean;\n    onLoadMore?: () => void;\n    renderLink?: QueryListLinkRenderer;\n};\n\nexport const QueriesList = <T extends QueryListRow>({\n    title,\n    logo,\n    search,\n    filter,\n    items,\n    selectedRowId,\n    editing,\n    comparison,\n    visibleFields,\n    getRowActions,\n    renderRow,\n    onListItemClick,\n    hasMore,\n    loading,\n    onLoadMore,\n    renderLink,\n    className,\n}: QueriesListProps<T>) => {\n    const fullSearchAvailable = search.fullSearchAvailable !== false;\n    const showSearchResults = Boolean(\n        fullSearchAvailable && search.fullSearch && search.value?.trim(),\n    );\n    const rowVariant = showSearchResults ? 'search' : 'default';\n    const listKey = useListKey(items, rowVariant, Boolean(onLoadMore));\n\n    return (\n        <HistoryLayout\n            className={block(null, className)}\n            title={title}\n            logo={logo}\n            actions={visibleFields && <FieldsSelector {...visibleFields} />}\n            header={\n                <HistoryHeader\n                    className={block('header')}\n                    search={search.value}\n                    fullSearch={search.fullSearch}\n                    fullSearchAvailable={fullSearchAvailable}\n                    hasClear={search.hasClear}\n                    filter={filter}\n                    onUpdate={search.onUpdate}\n                />\n            }\n            footer={\n                comparison && (\n                    <HistoryComparisonActions\n                        comparison={comparison}\n                        className={block('comparison-actions')}\n                    />\n                )\n            }\n        >\n            <RowsList\n                key={listKey}\n                items={items}\n                rowVariant={rowVariant}\n                selectedRowId={selectedRowId}\n                visibleFields={visibleFields}\n                editing={editing}\n                comparison={comparison}\n                getRowActions={getRowActions}\n                renderRow={renderRow}\n                showFiltersHint={Boolean(filter)}\n                hasMore={hasMore}\n                loading={loading}\n                onLoadMore={onLoadMore}\n                renderLink={renderLink}\n                onItemClick={onListItemClick}\n            />\n        </HistoryLayout>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { QueryListComparisonConfig, QueryListEditingConfig, QueryListItem, QueryListRow, QueryListRowAction, QueryListRowRenderData, QueryListRowVariant, QueryListVisibleFieldsConfig } from '../../types/queryList';
+import { QueryListComparisonConfig, QueryListEditingConfig, QueryListItem, QueryListLinkRenderer, QueryListRow, QueryListRowAction, QueryListRowRenderData, QueryListRowVariant, QueryListVisibleFieldsConfig } from '../../types/queryList';
 import './RowsList.scss';
 export type RowsListProps<T extends QueryListRow> = {
     items: QueryListItem<T>[];
@@ -11,7 +11,11 @@ export type RowsListProps<T extends QueryListRow> = {
     getRowActions?: (item: T) => QueryListRowAction<T>[];
     renderRow: (data: QueryListRowRenderData<T>) => React.ReactNode;
     showFiltersHint?: boolean;
+    hasMore?: boolean;
+    loading?: boolean;
+    onLoadMore?: () => void;
+    renderLink?: QueryListLinkRenderer;
     className?: string;
     onItemClick?: (item: QueryListItem<T>, index: number) => void;
 };
-export declare const RowsList: <T extends QueryListRow>({ items, selectedRowId, rowVariant, visibleFields, editing, comparison, getRowActions, renderRow, showFiltersHint, className, onItemClick, }: RowsListProps<T>) => React.JSX.Element;
+export declare const RowsList: <T extends QueryListRow>({ items, selectedRowId, rowVariant, visibleFields, editing, comparison, getRowActions, renderRow, showFiltersHint, hasMore, loading, onLoadMore, renderLink, className, onItemClick, }: RowsListProps<T>) => React.JSX.Element;

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

@@ -20,6 +20,10 @@ export var RowsList = function RowsList(_ref) {
     getRowActions = _ref.getRowActions,
     renderRow = _ref.renderRow,
     showFiltersHint = _ref.showFiltersHint,
+    hasMore = _ref.hasMore,
+    loading = _ref.loading,
+    onLoadMore = _ref.onLoadMore,
+    renderLink = _ref.renderLink,
     className = _ref.className,
     onItemClick = _ref.onItemClick;
   var getItemHeight = function getItemHeight(item) {
@@ -36,12 +40,6 @@ export var RowsList = function RowsList(_ref) {
     var selected = comparison.comparedRowIds.includes(item.id);
     comparison.onChange(item, !selected);
   };
-  if (!items.length) {
-    return /*#__PURE__*/_jsx(EmptyContent, {
-      variant: showFiltersHint ? 'nothing-found' : 'no-files',
-      className: className
-    });
-  }
   return /*#__PURE__*/_jsx(LazyList, {
     className: block(null, className),
     items: items,
@@ -55,10 +53,18 @@ export var RowsList = function RowsList(_ref) {
         visibleFields: visibleFields,
         editing: editing,
         comparison: comparison,
-        getRowActions: getRowActions
+        getRowActions: getRowActions,
+        renderLink: renderLink
       }));
     },
     selectedItemIndex: selectedItemIndex,
+    hasMore: hasMore,
+    loading: loading,
+    onLoadMore: onLoadMore,
+    emptyContent: /*#__PURE__*/_jsx(EmptyContent, {
+      variant: showFiltersHint ? 'nothing-found' : 'no-files',
+      className: className
+    }),
     onItemClick: handleItemClick
   });
 };

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

@@ -1 +1 @@
-{"version":3,"names":["React","cn","EmptyContent","LazyList","prepareRowData","SEARCH_ROW_HEIGHT","jsx","_jsx","block","RowsList","_ref","items","selectedRowId","_ref$rowVariant","rowVariant","visibleFields","editing","comparison","getRowActions","renderRow","showFiltersHint","className","onItemClick","getItemHeight","item","height","selectedItemIndex","undefined","findIndex","id","handleItemClick","index","enabled","selected","comparedRowIds","includes","onChange","length","variant","itemHeight","renderItem","isActive"],"sources":["RowsList.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'bem-cn-lite';\nimport {\n    QueryListComparisonConfig,\n    QueryListEditingConfig,\n    QueryListItem,\n    QueryListRow,\n    QueryListRowAction,\n    QueryListRowRenderData,\n    QueryListRowVariant,\n    QueryListVisibleFieldsConfig,\n} from '../../types/queryList';\nimport {EmptyContent, LazyList} from '../../components';\nimport {prepareRowData} from './helpers/prepareRowData';\nimport {SEARCH_ROW_HEIGHT} from '../../constants/row';\nimport './RowsList.scss';\n\nconst block = cn('qp-rows-list');\n\nexport type RowsListProps<T extends QueryListRow> = {\n    items: QueryListItem<T>[];\n    selectedRowId?: T['id'];\n    rowVariant?: QueryListRowVariant;\n    visibleFields?: QueryListVisibleFieldsConfig<T>;\n    editing?: QueryListEditingConfig<T>;\n    comparison?: QueryListComparisonConfig<T>;\n    getRowActions?: (item: T) => QueryListRowAction<T>[];\n    renderRow: (data: QueryListRowRenderData<T>) => React.ReactNode;\n    showFiltersHint?: boolean;\n    className?: string;\n    onItemClick?: (item: QueryListItem<T>, index: number) => void;\n};\n\nexport const RowsList = <T extends QueryListRow>({\n    items,\n    selectedRowId,\n    rowVariant = 'default',\n    visibleFields,\n    editing,\n    comparison,\n    getRowActions,\n    renderRow,\n    showFiltersHint,\n    className,\n    onItemClick,\n}: RowsListProps<T>) => {\n    const getItemHeight = (item: QueryListItem<T>) =>\n        rowVariant === 'search' && !('header' in item) ? SEARCH_ROW_HEIGHT : item.height;\n    const selectedItemIndex =\n        selectedRowId === undefined\n            ? undefined\n            : items.findIndex((item) => !('header' in item) && item.id === selectedRowId);\n\n    const handleItemClick = (item: QueryListItem<T>, index: number) => {\n        if ('header' in item || !comparison?.enabled) {\n            onItemClick?.(item, index);\n            return;\n        }\n\n        const selected = comparison.comparedRowIds.includes(item.id);\n        comparison.onChange(item, !selected);\n    };\n\n    if (!items.length) {\n        return (\n            <EmptyContent\n                variant={showFiltersHint ? 'nothing-found' : 'no-files'}\n                className={className}\n            />\n        );\n    }\n\n    return (\n        <LazyList<QueryListItem<T>>\n            className={block(null, className)}\n            items={items}\n            itemHeight={getItemHeight}\n            renderItem={(item, isActive, index) =>\n                renderRow(\n                    prepareRowData({\n                        item,\n                        isActive,\n                        index,\n                        variant: rowVariant,\n                        visibleFields,\n                        editing,\n                        comparison,\n                        getRowActions,\n                    }),\n                )\n            }\n            selectedItemIndex={selectedItemIndex}\n            onItemClick={handleItemClick}\n        />\n    );\n};\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,EAAE,MAAM,aAAa;AAW5B,SAAQC,YAAY,EAAEC,QAAQ;AAC9B,SAAQC,cAAc;AACtB,SAAQC,iBAAiB;AACzB;AAAyB,SAAAC,GAAA,IAAAC,IAAA;AAEzB,IAAMC,KAAK,GAAGP,EAAE,CAAC,cAAc,CAAC;AAgBhC,OAAO,IAAMQ,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA,EAYG;EAAA,IAXpBC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,aAAa,GAAAF,IAAA,CAAbE,aAAa;IAAAC,eAAA,GAAAH,IAAA,CACbI,UAAU;IAAVA,UAAU,GAAAD,eAAA,cAAG,SAAS,GAAAA,eAAA;IACtBE,aAAa,GAAAL,IAAA,CAAbK,aAAa;IACbC,OAAO,GAAAN,IAAA,CAAPM,OAAO;IACPC,UAAU,GAAAP,IAAA,CAAVO,UAAU;IACVC,aAAa,GAAAR,IAAA,CAAbQ,aAAa;IACbC,SAAS,GAAAT,IAAA,CAATS,SAAS;IACTC,eAAe,GAAAV,IAAA,CAAfU,eAAe;IACfC,SAAS,GAAAX,IAAA,CAATW,SAAS;IACTC,WAAW,GAAAZ,IAAA,CAAXY,WAAW;EAEX,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,IAAsB;IAAA,OACzCV,UAAU,KAAK,QAAQ,IAAI,EAAE,QAAQ,IAAIU,IAAI,CAAC,GAAGnB,iBAAiB,GAAGmB,IAAI,CAACC,MAAM;EAAA;EACpF,IAAMC,iBAAiB,GACnBd,aAAa,KAAKe,SAAS,GACrBA,SAAS,GACThB,KAAK,CAACiB,SAAS,CAAC,UAACJ,IAAI;IAAA,OAAK,EAAE,QAAQ,IAAIA,IAAI,CAAC,IAAIA,IAAI,CAACK,EAAE,KAAKjB,aAAa;EAAA,EAAC;EAErF,IAAMkB,eAAe,GAAG,SAAlBA,eAAeA,CAAIN,IAAsB,EAAEO,KAAa,EAAK;IAC/D,IAAI,QAAQ,IAAIP,IAAI,IAAI,EAACP,UAAU,aAAVA,UAAU,eAAVA,UAAU,CAAEe,OAAO,GAAE;MAC1CV,WAAW,aAAXA,WAAW,eAAXA,WAAW,CAAGE,IAAI,EAAEO,KAAK,CAAC;MAC1B;IACJ;IAEA,IAAME,QAAQ,GAAGhB,UAAU,CAACiB,cAAc,CAACC,QAAQ,CAACX,IAAI,CAACK,EAAE,CAAC;IAC5DZ,UAAU,CAACmB,QAAQ,CAACZ,IAAI,EAAE,CAACS,QAAQ,CAAC;EACxC,CAAC;EAED,IAAI,CAACtB,KAAK,CAAC0B,MAAM,EAAE;IACf,oBACI9B,IAAA,CAACL,YAAY;MACToC,OAAO,EAAElB,eAAe,GAAG,eAAe,GAAG,UAAW;MACxDC,SAAS,EAAEA;IAAU,CACxB,CAAC;EAEV;EAEA,oBACId,IAAA,CAACJ,QAAQ;IACLkB,SAAS,EAAEb,KAAK,CAAC,IAAI,EAAEa,SAAS,CAAE;IAClCV,KAAK,EAAEA,KAAM;IACb4B,UAAU,EAAEhB,aAAc;IAC1BiB,UAAU,EAAE,SAAZA,UAAUA,CAAGhB,IAAI,EAAEiB,QAAQ,EAAEV,KAAK;MAAA,OAC9BZ,SAAS,CACLf,cAAc,CAAC;QACXoB,IAAI,EAAJA,IAAI;QACJiB,QAAQ,EAARA,QAAQ;QACRV,KAAK,EAALA,KAAK;QACLO,OAAO,EAAExB,UAAU;QACnBC,aAAa,EAAbA,aAAa;QACbC,OAAO,EAAPA,OAAO;QACPC,UAAU,EAAVA,UAAU;QACVC,aAAa,EAAbA;MACJ,CAAC,CACL,CAAC;IAAA,CACJ;IACDQ,iBAAiB,EAAEA,iBAAkB;IACrCJ,WAAW,EAAEQ;EAAgB,CAChC,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"names":["React","cn","EmptyContent","LazyList","prepareRowData","SEARCH_ROW_HEIGHT","jsx","_jsx","block","RowsList","_ref","items","selectedRowId","_ref$rowVariant","rowVariant","visibleFields","editing","comparison","getRowActions","renderRow","showFiltersHint","hasMore","loading","onLoadMore","renderLink","className","onItemClick","getItemHeight","item","height","selectedItemIndex","undefined","findIndex","id","handleItemClick","index","enabled","selected","comparedRowIds","includes","onChange","itemHeight","renderItem","isActive","variant","emptyContent"],"sources":["RowsList.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'bem-cn-lite';\nimport {\n    QueryListComparisonConfig,\n    QueryListEditingConfig,\n    QueryListItem,\n    QueryListLinkRenderer,\n    QueryListRow,\n    QueryListRowAction,\n    QueryListRowRenderData,\n    QueryListRowVariant,\n    QueryListVisibleFieldsConfig,\n} from '../../types/queryList';\nimport {EmptyContent, LazyList} from '../../components';\nimport {prepareRowData} from './helpers/prepareRowData';\nimport {SEARCH_ROW_HEIGHT} from '../../constants/row';\nimport './RowsList.scss';\n\nconst block = cn('qp-rows-list');\n\nexport type RowsListProps<T extends QueryListRow> = {\n    items: QueryListItem<T>[];\n    selectedRowId?: T['id'];\n    rowVariant?: QueryListRowVariant;\n    visibleFields?: QueryListVisibleFieldsConfig<T>;\n    editing?: QueryListEditingConfig<T>;\n    comparison?: QueryListComparisonConfig<T>;\n    getRowActions?: (item: T) => QueryListRowAction<T>[];\n    renderRow: (data: QueryListRowRenderData<T>) => React.ReactNode;\n    showFiltersHint?: boolean;\n    hasMore?: boolean;\n    loading?: boolean;\n    onLoadMore?: () => void;\n    renderLink?: QueryListLinkRenderer;\n    className?: string;\n    onItemClick?: (item: QueryListItem<T>, index: number) => void;\n};\n\nexport const RowsList = <T extends QueryListRow>({\n    items,\n    selectedRowId,\n    rowVariant = 'default',\n    visibleFields,\n    editing,\n    comparison,\n    getRowActions,\n    renderRow,\n    showFiltersHint,\n    hasMore,\n    loading,\n    onLoadMore,\n    renderLink,\n    className,\n    onItemClick,\n}: RowsListProps<T>) => {\n    const getItemHeight = (item: QueryListItem<T>) =>\n        rowVariant === 'search' && !('header' in item) ? SEARCH_ROW_HEIGHT : item.height;\n    const selectedItemIndex =\n        selectedRowId === undefined\n            ? undefined\n            : items.findIndex((item) => !('header' in item) && item.id === selectedRowId);\n\n    const handleItemClick = (item: QueryListItem<T>, index: number) => {\n        if ('header' in item || !comparison?.enabled) {\n            onItemClick?.(item, index);\n            return;\n        }\n\n        const selected = comparison.comparedRowIds.includes(item.id);\n        comparison.onChange(item, !selected);\n    };\n\n    return (\n        <LazyList<QueryListItem<T>>\n            className={block(null, className)}\n            items={items}\n            itemHeight={getItemHeight}\n            renderItem={(item, isActive, index) =>\n                renderRow(\n                    prepareRowData({\n                        item,\n                        isActive,\n                        index,\n                        variant: rowVariant,\n                        visibleFields,\n                        editing,\n                        comparison,\n                        getRowActions,\n                        renderLink,\n                    }),\n                )\n            }\n            selectedItemIndex={selectedItemIndex}\n            hasMore={hasMore}\n            loading={loading}\n            onLoadMore={onLoadMore}\n            emptyContent={\n                <EmptyContent\n                    variant={showFiltersHint ? 'nothing-found' : 'no-files'}\n                    className={className}\n                />\n            }\n            onItemClick={handleItemClick}\n        />\n    );\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,4 +1,4 @@
-import { QueryListComparisonConfig, QueryListEditingConfig, QueryListItem, QueryListRow, QueryListRowAction, QueryListRowRenderData, QueryListRowVariant, QueryListVisibleFieldsConfig } from '../../../types/queryList';
+import { QueryListComparisonConfig, QueryListEditingConfig, QueryListItem, QueryListLinkRenderer, QueryListRow, QueryListRowAction, QueryListRowRenderData, QueryListRowVariant, QueryListVisibleFieldsConfig } from '../../../types/queryList';
 type Props<T extends QueryListRow> = {
     item: QueryListItem<T>;
     isActive: boolean;
@@ -8,6 +8,7 @@ type Props<T extends QueryListRow> = {
     editing?: QueryListEditingConfig<T>;
     comparison?: QueryListComparisonConfig<T>;
     getRowActions?: (item: T) => QueryListRowAction<T>[];
+    renderLink?: QueryListLinkRenderer;
 };
-export declare const prepareRowData: <T extends QueryListRow>({ item, isActive, index, variant, visibleFields, editing, comparison, getRowActions, }: Props<T>) => QueryListRowRenderData<T>;
+export declare const prepareRowData: <T extends QueryListRow>({ item, isActive, index, variant, visibleFields, editing, comparison, getRowActions, renderLink, }: Props<T>) => QueryListRowRenderData<T>;
 export {};

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

@@ -8,7 +8,8 @@ export var prepareRowData = function prepareRowData(_ref) {
     visibleFields = _ref.visibleFields,
     editing = _ref.editing,
     comparison = _ref.comparison,
-    getRowActions = _ref.getRowActions;
+    getRowActions = _ref.getRowActions,
+    renderLink = _ref.renderLink;
   var isRow = !('header' in item);
   var actions = isRow && getRowActions ? getRowActions(item) : undefined;
   var editingData = isRow && editing ? {
@@ -28,7 +29,8 @@ export var prepareRowData = function prepareRowData(_ref) {
     visibleFields: visibleFields,
     actions: actions,
     editing: editingData,
-    comparison: comparisonData
+    comparison: comparisonData,
+    renderLink: renderLink
   };
 };
 // #sourceMappingURL=prepareRowData.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["prepareRowData","_ref","item","isActive","index","variant","visibleFields","editing","comparison","getRowActions","isRow","actions","undefined","editingData","enabled","rowId","id","onSubmit","onCancel","comparisonData","checked","comparedRowIds","includes"],"sources":["prepareRowData.ts"],"sourcesContent":["import {\n    QueryListComparisonConfig,\n    QueryListEditingConfig,\n    QueryListItem,\n    QueryListRow,\n    QueryListRowAction,\n    QueryListRowRenderData,\n    QueryListRowVariant,\n    QueryListVisibleFieldsConfig,\n} from '../../../types/queryList';\n\ntype Props<T extends QueryListRow> = {\n    item: QueryListItem<T>;\n    isActive: boolean;\n    index: number;\n    variant: QueryListRowVariant;\n    visibleFields?: QueryListVisibleFieldsConfig<T>;\n    editing?: QueryListEditingConfig<T>;\n    comparison?: QueryListComparisonConfig<T>;\n    getRowActions?: (item: T) => QueryListRowAction<T>[];\n};\n\nexport const prepareRowData = <T extends QueryListRow>({\n    item,\n    isActive,\n    index,\n    variant,\n    visibleFields,\n    editing,\n    comparison,\n    getRowActions,\n}: Props<T>): QueryListRowRenderData<T> => {\n    const isRow = !('header' in item);\n    const actions = isRow && getRowActions ? getRowActions(item) : undefined;\n    const editingData =\n        isRow && editing\n            ? {\n                  enabled: editing.rowId === item.id,\n                  onSubmit: editing.onSubmit,\n                  onCancel: editing.onCancel,\n              }\n            : undefined;\n    const comparisonData =\n        isRow && comparison && comparison.enabled\n            ? {\n                  enabled: true,\n                  checked: comparison.comparedRowIds.includes(item.id),\n              }\n            : undefined;\n\n    return {\n        item,\n        index,\n        isActive,\n        variant,\n        visibleFields,\n        actions,\n        editing: editingData,\n        comparison: comparisonData,\n    };\n};\n"],"mappings":";;AAsBA,OAAO,IAAMA,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,IAAA,EASgB;EAAA,IARvCC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IACJC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,KAAK,GAAAH,IAAA,CAALG,KAAK;IACLC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IACPC,aAAa,GAAAL,IAAA,CAAbK,aAAa;IACbC,OAAO,GAAAN,IAAA,CAAPM,OAAO;IACPC,UAAU,GAAAP,IAAA,CAAVO,UAAU;IACVC,aAAa,GAAAR,IAAA,CAAbQ,aAAa;EAEb,IAAMC,KAAK,GAAG,EAAE,QAAQ,IAAIR,IAAI,CAAC;EACjC,IAAMS,OAAO,GAAGD,KAAK,IAAID,aAAa,GAAGA,aAAa,CAACP,IAAI,CAAC,GAAGU,SAAS;EACxE,IAAMC,WAAW,GACbH,KAAK,IAAIH,OAAO,GACV;IACIO,OAAO,EAAEP,OAAO,CAACQ,KAAK,KAAKb,IAAI,CAACc,EAAE;IAClCC,QAAQ,EAAEV,OAAO,CAACU,QAAQ;IAC1BC,QAAQ,EAAEX,OAAO,CAACW;EACtB,CAAC,GACDN,SAAS;EACnB,IAAMO,cAAc,GAChBT,KAAK,IAAIF,UAAU,IAAIA,UAAU,CAACM,OAAO,GACnC;IACIA,OAAO,EAAE,IAAI;IACbM,OAAO,EAAEZ,UAAU,CAACa,cAAc,CAACC,QAAQ,CAACpB,IAAI,CAACc,EAAE;EACvD,CAAC,GACDJ,SAAS;EAEnB,OAAO;IACHV,IAAI,EAAJA,IAAI;IACJE,KAAK,EAALA,KAAK;IACLD,QAAQ,EAARA,QAAQ;IACRE,OAAO,EAAPA,OAAO;IACPC,aAAa,EAAbA,aAAa;IACbK,OAAO,EAAPA,OAAO;IACPJ,OAAO,EAAEM,WAAW;IACpBL,UAAU,EAAEW;EAChB,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"names":["prepareRowData","_ref","item","isActive","index","variant","visibleFields","editing","comparison","getRowActions","renderLink","isRow","actions","undefined","editingData","enabled","rowId","id","onSubmit","onCancel","comparisonData","checked","comparedRowIds","includes"],"sources":["prepareRowData.ts"],"sourcesContent":["import {\n    QueryListComparisonConfig,\n    QueryListEditingConfig,\n    QueryListItem,\n    QueryListLinkRenderer,\n    QueryListRow,\n    QueryListRowAction,\n    QueryListRowRenderData,\n    QueryListRowVariant,\n    QueryListVisibleFieldsConfig,\n} from '../../../types/queryList';\n\ntype Props<T extends QueryListRow> = {\n    item: QueryListItem<T>;\n    isActive: boolean;\n    index: number;\n    variant: QueryListRowVariant;\n    visibleFields?: QueryListVisibleFieldsConfig<T>;\n    editing?: QueryListEditingConfig<T>;\n    comparison?: QueryListComparisonConfig<T>;\n    getRowActions?: (item: T) => QueryListRowAction<T>[];\n    renderLink?: QueryListLinkRenderer;\n};\n\nexport const prepareRowData = <T extends QueryListRow>({\n    item,\n    isActive,\n    index,\n    variant,\n    visibleFields,\n    editing,\n    comparison,\n    getRowActions,\n    renderLink,\n}: Props<T>): QueryListRowRenderData<T> => {\n    const isRow = !('header' in item);\n    const actions = isRow && getRowActions ? getRowActions(item) : undefined;\n    const editingData =\n        isRow && editing\n            ? {\n                  enabled: editing.rowId === item.id,\n                  onSubmit: editing.onSubmit,\n                  onCancel: editing.onCancel,\n              }\n            : undefined;\n    const comparisonData =\n        isRow && comparison && comparison.enabled\n            ? {\n                  enabled: true,\n                  checked: comparison.comparedRowIds.includes(item.id),\n              }\n            : undefined;\n\n    return {\n        item,\n        index,\n        isActive,\n        variant,\n        visibleFields,\n        actions,\n        editing: editingData,\n        comparison: comparisonData,\n        renderLink,\n    };\n};\n"],"mappings":";;AAwBA,OAAO,IAAMA,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,IAAA,EAUgB;EAAA,IATvCC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IACJC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,KAAK,GAAAH,IAAA,CAALG,KAAK;IACLC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IACPC,aAAa,GAAAL,IAAA,CAAbK,aAAa;IACbC,OAAO,GAAAN,IAAA,CAAPM,OAAO;IACPC,UAAU,GAAAP,IAAA,CAAVO,UAAU;IACVC,aAAa,GAAAR,IAAA,CAAbQ,aAAa;IACbC,UAAU,GAAAT,IAAA,CAAVS,UAAU;EAEV,IAAMC,KAAK,GAAG,EAAE,QAAQ,IAAIT,IAAI,CAAC;EACjC,IAAMU,OAAO,GAAGD,KAAK,IAAIF,aAAa,GAAGA,aAAa,CAACP,IAAI,CAAC,GAAGW,SAAS;EACxE,IAAMC,WAAW,GACbH,KAAK,IAAIJ,OAAO,GACV;IACIQ,OAAO,EAAER,OAAO,CAACS,KAAK,KAAKd,IAAI,CAACe,EAAE;IAClCC,QAAQ,EAAEX,OAAO,CAACW,QAAQ;IAC1BC,QAAQ,EAAEZ,OAAO,CAACY;EACtB,CAAC,GACDN,SAAS;EACnB,IAAMO,cAAc,GAChBT,KAAK,IAAIH,UAAU,IAAIA,UAAU,CAACO,OAAO,GACnC;IACIA,OAAO,EAAE,IAAI;IACbM,OAAO,EAAEb,UAAU,CAACc,cAAc,CAACC,QAAQ,CAACrB,IAAI,CAACe,EAAE;EACvD,CAAC,GACDJ,SAAS;EAEnB,OAAO;IACHX,IAAI,EAAJA,IAAI;IACJE,KAAK,EAALA,KAAK;IACLD,QAAQ,EAARA,QAAQ;IACRE,OAAO,EAAPA,OAAO;IACPC,aAAa,EAAbA,aAAa;IACbM,OAAO,EAAPA,OAAO;IACPL,OAAO,EAAEO,WAAW;IACpBN,UAAU,EAAEY,cAAc;IAC1BV,UAAU,EAAVA;EACJ,CAAC;AACL,CAAC","ignoreList":[]}

package/build/esm/types/queryList.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import type { ComponentPropsWithoutRef, ReactElement, ReactNode } from 'react';
 import { RegisteredFormFields } from './forms';
 /** ISO 8601 date string or Unix timestamp in milliseconds. */
 export type QueryTimestamp = string | number;
@@ -16,6 +16,7 @@ export type QueryListRow = {
 } & QueryListRowRenderProps;
 export type QueryListItem<T extends QueryListRow = QueryListRow> = QueryListHeader | T;
 export type QueryListRowVariant = 'default' | 'search';
+export type QueryListLinkRenderer = (props: ComponentPropsWithoutRef<'a'>) => ReactElement;
 export type QueryListRowAction<T extends QueryListRow = QueryListRow> = {
     text: ReactNode;
     icon?: ReactNode;
@@ -27,6 +28,7 @@ export type QueryListRowAction<T extends QueryListRow = QueryListRow> = {
 export type QueryListSearchConfig = {
     value?: string;
     fullSearch?: boolean;
+    fullSearchAvailable?: boolean;
     hasClear?: boolean;
     onUpdate: (data: {
         value: string;
@@ -79,5 +81,6 @@ export type QueryListRowRenderData<T extends QueryListRow = QueryListRow> = {
     visibleFields?: QueryListVisibleFieldsConfig<T>;
     actions?: QueryListRowAction<T>[];
     editing?: QueryListEditingRenderData<T>;
+    renderLink?: QueryListLinkRenderer;
 };
 export {};

package/build/esm/types/queryList.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["queryList.ts"],"sourcesContent":["import {ReactNode} from 'react';\nimport {RegisteredFormFields} from './forms';\n\n/** ISO 8601 date string or Unix timestamp in milliseconds. */\nexport type QueryTimestamp = string | number;\n\nexport type QueryListRowRenderProps = {height: number};\n\nexport type QueryListHeader = {header: string} & QueryListRowRenderProps;\n\nexport type QueryListRow = {\n    id: number | string;\n    title: string;\n    query?: string;\n    href?: string;\n} & QueryListRowRenderProps;\n\nexport type QueryListItem<T extends QueryListRow = QueryListRow> = QueryListHeader | T;\n\nexport type QueryListRowVariant = 'default' | 'search';\n\nexport type QueryListRowAction<T extends QueryListRow = QueryListRow> = {\n    text: ReactNode;\n    icon?: ReactNode;\n    theme?: 'normal' | 'danger';\n    hidden?: boolean;\n    disabled?: boolean;\n    onClick: (item: T) => void;\n};\n\nexport type QueryListSearchConfig = {\n    value?: string;\n    fullSearch?: boolean;\n    hasClear?: boolean;\n    onUpdate: (data: {value: string; fullSearch: boolean}) => void;\n};\n\nexport type QueryListFilterConfig = {\n    fields?: RegisteredFormFields[];\n    values?: Record<string, any>;\n    initialValues?: Record<string, any>;\n    isChanged?: boolean;\n    onApply?: (values: Record<string, any>) => void;\n    onReset?: () => void;\n};\n\nexport type QueryListEditingConfig<T extends QueryListRow = QueryListRow> = {\n    rowId?: T['id'];\n    onSubmit?: (item: T, title: string) => void;\n    onCancel?: (item: T) => void;\n};\n\nexport type QueryListComparisonConfig<T extends QueryListRow = QueryListRow> = {\n    enabled: boolean;\n    comparedRowIds: T['id'][];\n    onChange: (item: T, selected: boolean) => void;\n    onCancel: () => void;\n    onCompare: () => void;\n};\n\ntype RowFieldKey<T extends QueryListRow> = Exclude<keyof T & string, keyof QueryListRowRenderProps>;\n\nexport type QueryListFieldKey<T extends QueryListRow = QueryListRow> = RowFieldKey<T> | 'duration';\n\nexport type QueryListFieldOption<K extends string = string> = {\n    id: K;\n    title: ReactNode;\n};\n\nexport type QueryListVisibleFieldsConfig<T extends QueryListRow = QueryListRow> = {\n    value: QueryListFieldKey<T>[];\n    fields: QueryListFieldOption<QueryListFieldKey<T>>[];\n    onChange: (value: QueryListFieldKey<T>[]) => void;\n};\n\nexport type QueryListEditingRenderData<T extends QueryListRow = QueryListRow> = {\n    enabled: boolean;\n} & Pick<QueryListEditingConfig<T>, 'onSubmit' | 'onCancel'>;\n\nexport type QueryListRowRenderData<T extends QueryListRow = QueryListRow> = {\n    item: QueryListItem<T>;\n    index: number;\n    isActive: boolean;\n    variant: QueryListRowVariant;\n    comparison?: {\n        enabled: boolean;\n        checked: boolean;\n    };\n    visibleFields?: QueryListVisibleFieldsConfig<T>;\n    actions?: QueryListRowAction<T>[];\n    editing?: QueryListEditingRenderData<T>;\n};\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["queryList.ts"],"sourcesContent":["import type {ComponentPropsWithoutRef, ReactElement, ReactNode} from 'react';\nimport {RegisteredFormFields} from './forms';\n\n/** ISO 8601 date string or Unix timestamp in milliseconds. */\nexport type QueryTimestamp = string | number;\n\nexport type QueryListRowRenderProps = {height: number};\n\nexport type QueryListHeader = {header: string} & QueryListRowRenderProps;\n\nexport type QueryListRow = {\n    id: number | string;\n    title: string;\n    query?: string;\n    href?: string;\n} & QueryListRowRenderProps;\n\nexport type QueryListItem<T extends QueryListRow = QueryListRow> = QueryListHeader | T;\n\nexport type QueryListRowVariant = 'default' | 'search';\n\nexport type QueryListLinkRenderer = (props: ComponentPropsWithoutRef<'a'>) => ReactElement;\n\nexport type QueryListRowAction<T extends QueryListRow = QueryListRow> = {\n    text: ReactNode;\n    icon?: ReactNode;\n    theme?: 'normal' | 'danger';\n    hidden?: boolean;\n    disabled?: boolean;\n    onClick: (item: T) => void;\n};\n\nexport type QueryListSearchConfig = {\n    value?: string;\n    fullSearch?: boolean;\n    fullSearchAvailable?: boolean;\n    hasClear?: boolean;\n    onUpdate: (data: {value: string; fullSearch: boolean}) => void;\n};\n\nexport type QueryListFilterConfig = {\n    fields?: RegisteredFormFields[];\n    values?: Record<string, any>;\n    initialValues?: Record<string, any>;\n    isChanged?: boolean;\n    onApply?: (values: Record<string, any>) => void;\n    onReset?: () => void;\n};\n\nexport type QueryListEditingConfig<T extends QueryListRow = QueryListRow> = {\n    rowId?: T['id'];\n    onSubmit?: (item: T, title: string) => void;\n    onCancel?: (item: T) => void;\n};\n\nexport type QueryListComparisonConfig<T extends QueryListRow = QueryListRow> = {\n    enabled: boolean;\n    comparedRowIds: T['id'][];\n    onChange: (item: T, selected: boolean) => void;\n    onCancel: () => void;\n    onCompare: () => void;\n};\n\ntype RowFieldKey<T extends QueryListRow> = Exclude<keyof T & string, keyof QueryListRowRenderProps>;\n\nexport type QueryListFieldKey<T extends QueryListRow = QueryListRow> = RowFieldKey<T> | 'duration';\n\nexport type QueryListFieldOption<K extends string = string> = {\n    id: K;\n    title: ReactNode;\n};\n\nexport type QueryListVisibleFieldsConfig<T extends QueryListRow = QueryListRow> = {\n    value: QueryListFieldKey<T>[];\n    fields: QueryListFieldOption<QueryListFieldKey<T>>[];\n    onChange: (value: QueryListFieldKey<T>[]) => void;\n};\n\nexport type QueryListEditingRenderData<T extends QueryListRow = QueryListRow> = {\n    enabled: boolean;\n} & Pick<QueryListEditingConfig<T>, 'onSubmit' | 'onCancel'>;\n\nexport type QueryListRowRenderData<T extends QueryListRow = QueryListRow> = {\n    item: QueryListItem<T>;\n    index: number;\n    isActive: boolean;\n    variant: QueryListRowVariant;\n    comparison?: {\n        enabled: boolean;\n        checked: boolean;\n    };\n    visibleFields?: QueryListVisibleFieldsConfig<T>;\n    actions?: QueryListRowAction<T>[];\n    editing?: QueryListEditingRenderData<T>;\n    renderLink?: QueryListLinkRenderer;\n};\n"],"mappings":"","ignoreList":[]}