@ytsaurus/ui 0.0.4 → 0.2.0

package/build/cjs/ui/pages/navigation/content/Table/TableOverview/TableOverview.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_bemCnLite","_reactSticky","_reactRedux","_ColumnSelectorButton","_FullScreenButton","_SettingsButton","_JupyterButton","_TableActions","_OffsetInput","_Paginator","_ErrorBoundary","_UIFactory","_index","_EditTableActions","_DatalensButton","_jsxRuntime","block","cn","TableOverview","props","isFullScreen","isSplit","_jsx","ErrorBoundary","children","Sticky","topOffset","HEADER_HEIGHT","_ref","_UIFactory$yqlWidgetS","isSticky","_jsxs","className","sticky","fullscreen","split","Paginator","OffsetInput","ColumnSelectorButton","SettingsButton","UIFactory","yqlWidgetSetup","renderButton","JupyterButton","DataLensButton","TableActions","FullScreenButton","EditTableActions","mapStateToProps","state","navigation","content","table","global","splitScreen","_default","connect"],"sources":["TableOverview.js"],"sourcesContent":["import React from 'react';\nimport cn from 'bem-cn-lite';\nimport PropTypes from 'prop-types';\nimport {Sticky} from 'react-sticky';\nimport {connect} from 'react-redux';\n\nimport ColumnSelectorButton from '../../../../../pages/navigation/content/Table/TableOverview/ColumnSelectorButton';\nimport FullScreenButton from '../../../../../pages/navigation/content/Table/TableOverview/FullScreenButton';\nimport SettingsButton from '../../../../../pages/navigation/content/Table/TableOverview/SettingsButton';\nimport JupyterButton from '../../../../../pages/navigation/content/Table/TableOverview/JupyterButton';\nimport TableActions from '../../../../../pages/navigation/content/Table/TableOverview/TableActions';\nimport OffsetInput from '../../../../../pages/navigation/content/Table/TableOverview/OffsetInput';\nimport Paginator from '../../../../../pages/navigation/content/Table/TableOverview/Paginator';\nimport ErrorBoundary from '../../../../../components/ErrorBoundary/ErrorBoundary';\nimport UIFactory from '../../../../../UIFactory';\n\nimport {HEADER_HEIGHT} from '../../../../../constants/index';\n\nimport './TableOverview.scss';\nimport EditTableActions from './EditTableActions';\nimport DataLensButton from './DatalensButton';\n\nconst block = cn('navigation-table-overview');\n\nTableOverview.propTypes = {\n    // from connect\n    isFullScreen: PropTypes.bool.isRequired,\n    isSplit: PropTypes.bool.isRequired,\n};\n\nfunction TableOverview(props) {\n    const {isFullScreen, isSplit} = props;\n\n    // TODO: add sticky for the Overview in the split mode https://github.com/captivationsoftware/react-sticky/issues/282\n    return (\n        <ErrorBoundary>\n            <Sticky topOffset={isFullScreen ? HEADER_HEIGHT : -HEADER_HEIGHT}>\n                {({isSticky}) => (\n                    <div\n                        className={block({\n                            sticky: isSticky && !isSplit,\n                            fullscreen: isFullScreen,\n                            split: isSplit,\n                        })}\n                    >\n                        <Paginator block={block} />\n                        <OffsetInput block={block} />\n                        {!isFullScreen && <ColumnSelectorButton block={block} />}\n                        {!isFullScreen && <SettingsButton block={block} />}\n                        {!isFullScreen &&\n                            UIFactory.yqlWidgetSetup?.renderButton({\n                                isSplit,\n                                className: block('yql'),\n                            })}\n                        {!isFullScreen && <JupyterButton block={block} />}\n                        {!isFullScreen && <DataLensButton className={block('datalens')} />}\n                        {!isFullScreen && <TableActions block={block} />}\n                        <FullScreenButton block={block} />\n                        {!isFullScreen && <EditTableActions />}\n                    </div>\n                )}\n            </Sticky>\n        </ErrorBoundary>\n    );\n}\n\nconst mapStateToProps = (state) => {\n    const {isFullScreen} = state.navigation.content.table;\n    const {isSplit} = state.global.splitScreen;\n\n    return {isFullScreen, isSplit};\n};\n\nexport default connect(mapStateToProps)(TableOverview);\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_bemCnLite","_reactSticky","_reactRedux","_ColumnSelectorButton","_FullScreenButton","_SettingsButton","_JupyterButton","_TableActions","_OffsetInput","_Paginator","_ErrorBoundary","_UIFactory","_CreateQueryFromTable","_index","_EditTableActions","_DatalensButton","_global","_jsxRuntime","block","cn","TableOverview","props","isFullScreen","isSplit","queriesAllowed","_jsx","ErrorBoundary","children","Sticky","topOffset","HEADER_HEIGHT","_ref","_UIFactory$yqlWidgetS","isSticky","_jsxs","className","sticky","fullscreen","split","Paginator","OffsetInput","ColumnSelectorButton","SettingsButton","CreateQueryFromTable","UIFactory","yqlWidgetSetup","renderButton","JupyterButton","DataLensButton","TableActions","FullScreenButton","EditTableActions","mapStateToProps","state","navigation","content","table","global","splitScreen","adminPages","getAdminPages","isAdmin","isDeveloper","includes","Page","QUERIES","_default","connect"],"sources":["TableOverview.js"],"sourcesContent":["import React from 'react';\nimport cn from 'bem-cn-lite';\nimport PropTypes from 'prop-types';\nimport {Sticky} from 'react-sticky';\nimport {connect} from 'react-redux';\n\nimport ColumnSelectorButton from '../../../../../pages/navigation/content/Table/TableOverview/ColumnSelectorButton';\nimport FullScreenButton from '../../../../../pages/navigation/content/Table/TableOverview/FullScreenButton';\nimport SettingsButton from '../../../../../pages/navigation/content/Table/TableOverview/SettingsButton';\nimport JupyterButton from '../../../../../pages/navigation/content/Table/TableOverview/JupyterButton';\nimport TableActions from '../../../../../pages/navigation/content/Table/TableOverview/TableActions';\nimport OffsetInput from '../../../../../pages/navigation/content/Table/TableOverview/OffsetInput';\nimport Paginator from '../../../../../pages/navigation/content/Table/TableOverview/Paginator';\nimport ErrorBoundary from '../../../../../components/ErrorBoundary/ErrorBoundary';\nimport UIFactory from '../../../../../UIFactory';\nimport {CreateQueryFromTable} from './CreateQueryFromTable';\n\nimport {HEADER_HEIGHT, Page} from '../../../../../constants/index';\n\nimport './TableOverview.scss';\nimport EditTableActions from './EditTableActions';\nimport DataLensButton from './DatalensButton';\nimport {getAdminPages, isDeveloper} from '../../../../../store/selectors/global';\n\nconst block = cn('navigation-table-overview');\n\nTableOverview.propTypes = {\n    // from connect\n    isFullScreen: PropTypes.bool.isRequired,\n    isSplit: PropTypes.bool.isRequired,\n    queriesAllowed: PropTypes.bool,\n};\n\nfunction TableOverview(props) {\n    const {isFullScreen, isSplit, queriesAllowed} = props;\n\n    // TODO: add sticky for the Overview in the split mode https://github.com/captivationsoftware/react-sticky/issues/282\n    return (\n        <ErrorBoundary>\n            <Sticky topOffset={isFullScreen ? HEADER_HEIGHT : -HEADER_HEIGHT}>\n                {({isSticky}) => (\n                    <div\n                        className={block({\n                            sticky: isSticky && !isSplit,\n                            fullscreen: isFullScreen,\n                            split: isSplit,\n                        })}\n                    >\n                        <Paginator block={block} />\n                        <OffsetInput block={block} />\n                        {!isFullScreen && <ColumnSelectorButton block={block} />}\n                        {!isFullScreen && <SettingsButton block={block} />}\n                        {!isFullScreen && queriesAllowed && (\n                            <CreateQueryFromTable className={block('query')} />\n                        )}\n                        {!isFullScreen &&\n                            UIFactory.yqlWidgetSetup?.renderButton({\n                                isSplit,\n                                className: block('yql'),\n                            })}\n                        {!isFullScreen && <JupyterButton block={block} />}\n                        {!isFullScreen && <DataLensButton className={block('datalens')} />}\n                        {!isFullScreen && <TableActions block={block} />}\n                        <FullScreenButton block={block} />\n                        {!isFullScreen && <EditTableActions />}\n                    </div>\n                )}\n            </Sticky>\n        </ErrorBoundary>\n    );\n}\n\nconst mapStateToProps = (state) => {\n    const {isFullScreen} = state.navigation.content.table;\n    const {isSplit} = state.global.splitScreen;\n    const adminPages = getAdminPages(state);\n    const isAdmin = isDeveloper(state);\n\n    return {\n        isFullScreen,\n        isSplit,\n        queriesAllowed: !adminPages?.includes(Page.QUERIES) || isAdmin,\n    };\n};\n\nexport default connect(mapStateToProps)(TableOverview);\n"],"mappings":"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"}

package/build/cjs/ui/pages/query-tracker/{QueriesHistoryList → QueriesList/QueriesHistoryList}/index.js

@@ -7,53 +7,29 @@ Object.defineProperty(exports, "__esModule", {
 exports.QueriesHistoryList = QueriesHistoryList;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _noop2 = _interopRequireDefault(require("lodash/noop"));
-var _hammer = _interopRequireDefault(require("../../../common/hammer"));
+var _hammer = _interopRequireDefault(require("../../../../common/hammer"));
 var _uikit = require("@gravity-ui/uikit");
 var _bemCnLite = _interopRequireDefault(require("bem-cn-lite"));
-var _reactRouter = require("react-router");
 var _react = require("react");
 var _reactRedux = require("react-redux");
-var _api = require("../module/api");
-var _actions = require("../module/queries_list/actions");
-var _selectors = require("../module/queries_list/selectors");
-var _QueryStatus = require("../QueryStatus");
-var _date = require("../utils/date");
-var _selectors2 = require("../module/query/selectors");
-var _QueriesHistoryFilter = require("./QueriesHistoryFilter");
-var _Pagination = _interopRequireDefault(require("../../../components/Pagination/Pagination"));
-var _context = require("../hooks/QueriesPooling/context");
-var _global = require("../../../store/selectors/global");
-var _util = require("../../../components/common/Timeline/util");
-var _navigation = require("../utils/navigation");
-var _query = require("../utils/query");
-var _DataTableYT = _interopRequireDefault(require("../../../components/DataTableYT/DataTableYT"));
+var _api = require("../../module/api");
+var _actions = require("../../module/queries_list/actions");
+var _selectors = require("../../module/queries_list/selectors");
+var _QueryStatus = require("../../QueryStatus");
+var _Pagination = _interopRequireDefault(require("../../../../components/Pagination/Pagination"));
+var _context = require("../../hooks/QueriesPooling/context");
+var _util = require("../../../../components/common/Timeline/util");
+var _query = require("../../utils/query");
+var _DataTableYT = _interopRequireDefault(require("../../../../components/DataTableYT/DataTableYT"));
 var _reactDataTable = _interopRequireDefault(require("@yandex-cloud/react-data-table"));
-var _QueryListFilter = require("../hooks/QueryListFilter");
-var _types = require("../module/queries_list/types");
+var _QueryListFilter = require("../../hooks/QueryListFilter");
+var _types = require("../../module/queries_list/types");
+var _QueryDuration = require("../../QueryDuration");
+var _Query = require("../../hooks/Query");
+var _QueriesList = require("../../hooks/QueriesList");
 var _jsxRuntime = require("react/jsx-runtime");
 var b = (0, _bemCnLite["default"])('queries-history-list');
 var itemBlock = (0, _bemCnLite["default"])('query-history-item');
-var useQueriesHistoryCursor = function useQueriesHistoryCursor() {
-  var dispatch = (0, _reactRedux.useDispatch)();
-  var cursor = (0, _reactRedux.useSelector)(_selectors.getQueriesHistoryCursor);
-  var hasNext = (0, _reactRedux.useSelector)(_selectors.hasQueriesListMore);
-  var goNext = (0, _react.useCallback)(function () {
-    dispatch((0, _actions.loadNextQueriesList)(_api.QueriesHistoryCursorDirection.PAST));
-  }, [dispatch]);
-  var goBack = (0, _react.useCallback)(function () {
-    dispatch((0, _actions.loadNextQueriesList)(_api.QueriesHistoryCursorDirection.FUTURE));
-  }, [dispatch]);
-  var reset = (0, _react.useCallback)(function () {
-    dispatch((0, _actions.resetCursor)());
-  }, [dispatch]);
-  return {
-    first: !(cursor !== null && cursor !== void 0 && cursor.cursorTime),
-    last: !hasNext,
-    goNext: goNext,
-    goBack: goBack,
-    goFirst: reset
-  };
-};
 function useQueriesHistoryUpdate() {
   var pollingContext = (0, _react.useContext)(_context.QueriesPoolingContext);
   var uncompletedItems = (0, _reactRedux.useSelector)(_selectors.getUncompletedItems);
@@ -78,7 +54,7 @@ function useRefreshHistoryList() {
     var timer;
     function start() {
       timer = setTimeout(function () {
-        dispatch((0, _actions.refreshQueryHistoryListIfNeeded)(start));
+        dispatch((0, _actions.refreshQueriesListIfNeeded)(start));
       }, timeout);
     }
     start();
@@ -90,25 +66,10 @@ function useRefreshHistoryList() {
   }, [timeout, dispatch]);
 }
 function useQueryHistoryList() {
-  var dispatch = (0, _reactRedux.useDispatch)();
-  var isLoading = (0, _reactRedux.useSelector)(_selectors.isQueriesListLoading);
-  var items = (0, _reactRedux.useSelector)(_selectors.getQueriesList);
-  (0, _react.useEffect)(function () {
-    dispatch((0, _actions.requestQueriesList)());
-  }, []);
+  useRefreshHistoryList();
   useQueriesHistoryUpdate();
-  useRefreshHistoryList(5000);
-  return [items, isLoading];
+  return (0, _QueriesList.useQueryList)();
 }
-var useQueryNavigation = function useQueryNavigation() {
-  var selectedItem = (0, _reactRedux.useSelector)(_selectors2.getQuery);
-  var cluster = (0, _reactRedux.useSelector)(_global.getCluster);
-  var history = (0, _reactRouter.useHistory)();
-  var goToQuery = (0, _react.useCallback)(function (item) {
-    history.push((0, _navigation.createQueryUrl)(cluster, item.id));
-  }, [history]);
-  return [selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.id, goToQuery];
-};
 var NameColumns = {
   name: 'Name',
   align: 'left',
@@ -154,8 +115,8 @@ var DurationColumns = {
     if (row.state === _api.QueryStatus.RUNNING) {
       return _hammer["default"].format.NO_VALUE;
     }
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Label, {
-      children: (0, _date.queryDuration)(row)
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_QueryDuration.QueryDuration, {
+      query: row
     });
   }
 };
@@ -196,22 +157,21 @@ var tableSettings = {
   syncHeadOnResize: true
 };
 function QueriesHistoryList() {
-  // const mainLocation = useParams();
   var _useQueryHistoryList = useQueryHistoryList(),
     _useQueryHistoryList2 = (0, _slicedToArray2["default"])(_useQueryHistoryList, 2),
     items = _useQueryHistoryList2[0],
     isLoading = _useQueryHistoryList2[1];
   var _useQuriesHistoryFilt = (0, _QueryListFilter.useQuriesHistoryFilter)(),
-    _useQuriesHistoryFilt2 = (0, _slicedToArray2["default"])(_useQuriesHistoryFilt, 2),
-    filter = _useQuriesHistoryFilt2[0],
-    setFilter = _useQuriesHistoryFilt2[1];
-  var _useQueriesHistoryCur = useQueriesHistoryCursor(),
-    first = _useQueriesHistoryCur.first,
-    last = _useQueriesHistoryCur.last,
-    goBack = _useQueriesHistoryCur.goBack,
-    goNext = _useQueriesHistoryCur.goNext,
-    goFirst = _useQueriesHistoryCur.goFirst;
-  var _useQueryNavigation = useQueryNavigation(),
+    _useQuriesHistoryFilt2 = (0, _slicedToArray2["default"])(_useQuriesHistoryFilt, 1),
+    filter = _useQuriesHistoryFilt2[0];
+  var timestamp = (0, _reactRedux.useSelector)(_selectors.getQueriesListTimestamp);
+  var _useQueriesPagination = (0, _QueriesList.useQueriesPagination)(),
+    first = _useQueriesPagination.first,
+    last = _useQueriesPagination.last,
+    goBack = _useQueriesPagination.goBack,
+    goNext = _useQueriesPagination.goNext,
+    goFirst = _useQueriesPagination.goFirst;
+  var _useQueryNavigation = (0, _Query.useQueryNavigation)(),
     _useQueryNavigation2 = (0, _slicedToArray2["default"])(_useQueryNavigation, 2),
     selectedId = _useQueryNavigation2[0],
     goToQuery = _useQueryNavigation2[1];
@@ -219,24 +179,27 @@ function QueriesHistoryList() {
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     columns = _useState2[0],
     setColumns = _useState2[1];
+  var scrollElemRef = (0, _react.useRef)(null);
   (0, _react.useEffect)(function () {
     if (!isLoading || !(items !== null && items !== void 0 && items.length)) {
-      setColumns(filter.user === _types.QueriesHistoryAuthor.My ? MyColumns : AllColumns);
+      setColumns(filter.user === _types.QueriesListAuthorFilter.My ? MyColumns : AllColumns);
     }
   }, [items, setColumns, filter.user, isLoading]);
+  (0, _react.useEffect)(function () {
+    if (scrollElemRef !== null && scrollElemRef !== void 0 && scrollElemRef.current) {
+      scrollElemRef.current.scrollTop = 0;
+    }
+  }, [scrollElemRef, timestamp]);
   var setClassName = (0, _react.useCallback)(function (item) {
     return itemBlock({
       selected: item.id === selectedId
     });
   }, [selectedId]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: b(),
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_QueriesHistoryFilter.QuriesHistoryListFilter, {
-      className: b('filter'),
-      filter: filter,
-      onChange: setFilter
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: b('list-wrapper'),
+      ref: scrollElemRef,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_DataTableYT["default"], {
         className: b('list'),
         loading: isLoading,
@@ -272,7 +235,7 @@ function QueriesHistoryList() {
           }
         })
       })]
-    })]
+    })
   });
 }
 // #sourceMappingURL=index.js.map

package/build/cjs/ui/pages/query-tracker/QueriesList/QueriesHistoryList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_hammer","_interopRequireDefault","require","_uikit","_bemCnLite","_react","_reactRedux","_api","_actions","_selectors","_QueryStatus","_Pagination","_context","_util","_query","_DataTableYT","_reactDataTable","_QueryListFilter","_types","_QueryDuration","_Query","_QueriesList","_jsxRuntime","b","block","itemBlock","useQueriesHistoryUpdate","pollingContext","useContext","QueriesPoolingContext","uncompletedItems","useSelector","getUncompletedItems","dispatch","useDispatch","useEffect","pollingEffect","length","watch","items","type","UPDATE_QUERIES_LIST","data","useRefreshHistoryList","timeout","arguments","undefined","timer","start","setTimeout","refreshQueriesListIfNeeded","clearTimeout","useQueryHistoryList","useQueryList","NameColumns","name","align","className","render","_ref","_row$annotations","row","annotations","title","_jsxs","children","_jsx","QueryStatusIcon","status","state","Text","color","ellipsis","TypeColumns","width","_ref2","variant","engine","QueryEnginesNames","DurationColumns","_ref3","QueryStatus","RUNNING","hammer","format","NO_VALUE","QueryDuration","query","StartedColumns","_ref4","formatDateCompact","start_time","AuthorColumns","_ref5","user","MyColumns","AllColumns","tableSettings","displayIndices","sortable","stickyHead","DataTable","MOVING","syncHeadOnResize","QueriesHistoryList","_useQueryHistoryList","_useQueryHistoryList2","_slicedToArray","isLoading","_useQuriesHistoryFilt","useQuriesHistoryFilter","_useQuriesHistoryFilt2","filter","timestamp","getQueriesListTimestamp","_useQueriesPagination","useQueriesPagination","first","last","goBack","goNext","goFirst","_useQueryNavigation","useQueryNavigation","_useQueryNavigation2","selectedId","goToQuery","_useState","useState","_useState2","columns","setColumns","scrollElemRef","useRef","QueriesListAuthorFilter","My","current","scrollTop","setClassName","useCallback","item","selected","id","ref","DataTableYT","loading","useThemeYT","rowKey","onRowClick","disableRightGap","settings","rowClassName","Pagination","size","handler","disabled","previous","next","_noop"],"sources":["index.tsx"],"sourcesContent":["import hammer from '../../../../common/hammer';\nimport {Text} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\nimport React, {useCallback, useContext, useEffect, useRef, useState} from 'react';\nimport {useDispatch, useSelector} from 'react-redux';\nimport {QueryItem, QueryStatus} from '../../module/api';\nimport {refreshQueriesListIfNeeded, UPDATE_QUERIES_LIST} from '../../module/queries_list/actions';\nimport {getQueriesListTimestamp, getUncompletedItems} from '../../module/queries_list/selectors';\nimport {QueryStatusIcon} from '../../QueryStatus';\n\nimport './index.scss';\nimport Pagination from '../../../../components/Pagination/Pagination';\nimport {noop} from 'lodash';\nimport {QueriesPoolingContext} from '../../hooks/QueriesPooling/context';\nimport {formatDateCompact} from '../../../../components/common/Timeline/util';\nimport {QueryEnginesNames} from '../../utils/query';\nimport DataTableYT from '../../../../components/DataTableYT/DataTableYT';\nimport DataTable, {Column, Settings} from '@yandex-cloud/react-data-table';\nimport {useQuriesHistoryFilter} from '../../hooks/QueryListFilter';\nimport {QueriesListAuthorFilter} from '../../module/queries_list/types';\nimport {QueryDuration} from '../../QueryDuration';\nimport {useQueryNavigation} from '../../hooks/Query';\nimport {useQueriesPagination, useQueryList} from '../../hooks/QueriesList';\n\nconst b = block('queries-history-list');\n\nconst itemBlock = block('query-history-item');\n\nfunction useQueriesHistoryUpdate() {\n    const pollingContext = useContext(QueriesPoolingContext);\n    const uncompletedItems = useSelector(getUncompletedItems);\n    const dispatch = useDispatch();\n\n    useEffect(\n        function pollingEffect() {\n            if (!uncompletedItems?.length) {\n                return;\n            }\n            return pollingContext.watch(uncompletedItems, (items) => {\n                dispatch({\n                    type: UPDATE_QUERIES_LIST,\n                    data: items,\n                });\n            });\n        },\n        [uncompletedItems],\n    );\n}\n\nfunction useRefreshHistoryList(timeout = 5000) {\n    // Naive history list's polling impl\n    const dispatch = useDispatch();\n    useEffect(() => {\n        let timer: ReturnType<typeof setTimeout>;\n        function start() {\n            timer = setTimeout(() => {\n                dispatch(refreshQueriesListIfNeeded(start));\n            }, timeout);\n        }\n\n        start();\n\n        return () => {\n            if (timer) {\n                clearTimeout(timer);\n            }\n        };\n    }, [timeout, dispatch]);\n}\n\nfunction useQueryHistoryList() {\n    useRefreshHistoryList();\n    useQueriesHistoryUpdate();\n    return useQueryList();\n}\n\nconst NameColumns: Column<QueryItem> = {\n    name: 'Name',\n    align: 'left',\n    className: itemBlock('name_row'),\n    render: ({row}) => {\n        const name = row.annotations?.title;\n        return (\n            <div className={itemBlock('name')} title={name}>\n                <QueryStatusIcon className={itemBlock('status-icon')} status={row.state} />\n                <Text\n                    className={itemBlock('name-container')}\n                    color={name ? 'primary' : 'secondary'}\n                    ellipsis\n                >\n                    {name || 'No name'}\n                </Text>\n            </div>\n        );\n    },\n};\n\nconst TypeColumns: Column<QueryItem> = {\n    name: 'Type',\n    align: 'center',\n    width: 60,\n    render: ({row}) => {\n        return (\n            <Text variant=\"body-1\" color=\"secondary\">\n                {row.engine in QueryEnginesNames ? QueryEnginesNames[row.engine] : row.engine}\n            </Text>\n        );\n    },\n};\n\nconst DurationColumns: Column<QueryItem> = {\n    name: 'Duration',\n    align: 'left',\n    width: 100,\n    render: ({row}) => {\n        if (row.state === QueryStatus.RUNNING) {\n            return hammer.format.NO_VALUE;\n        }\n        return <QueryDuration query={row} />;\n    },\n};\n\nconst StartedColumns: Column<QueryItem> = {\n    name: 'Started',\n    align: 'left',\n    width: 120,\n    render: ({row}) => {\n        return (\n            <Text variant=\"body-1\" color=\"secondary\">\n                {formatDateCompact(row.start_time)}\n            </Text>\n        );\n    },\n};\n\nconst AuthorColumns: Column<QueryItem> = {\n    name: 'Author',\n    align: 'left',\n    width: 120,\n    className: itemBlock('author_row'),\n    render: ({row}) => {\n        return (\n            <Text variant=\"body-1\" ellipsis title={row.user}>\n                {row.user}\n            </Text>\n        );\n    },\n};\n\nconst MyColumns: Column<QueryItem>[] = [NameColumns, TypeColumns, DurationColumns, StartedColumns];\nconst AllColumns: Column<QueryItem>[] = [\n    NameColumns,\n    TypeColumns,\n    DurationColumns,\n    AuthorColumns,\n    StartedColumns,\n];\n\nconst tableSettings: Settings = {\n    displayIndices: false,\n    sortable: false,\n    stickyHead: DataTable.MOVING,\n    syncHeadOnResize: true,\n};\n\nexport function QueriesHistoryList() {\n    const [items, isLoading] = useQueryHistoryList();\n\n    const [filter] = useQuriesHistoryFilter();\n\n    const timestamp = useSelector(getQueriesListTimestamp);\n\n    const {first, last, goBack, goNext, goFirst} = useQueriesPagination();\n\n    const [selectedId, goToQuery] = useQueryNavigation();\n\n    const [columns, setColumns] = useState<Column<QueryItem>[]>([]);\n\n    const scrollElemRef = useRef<HTMLDivElement | null>(null);\n\n    useEffect(() => {\n        if (!isLoading || !items?.length) {\n            setColumns(filter.user === QueriesListAuthorFilter.My ? MyColumns : AllColumns);\n        }\n    }, [items, setColumns, filter.user, isLoading]);\n\n    useEffect(() => {\n        if (scrollElemRef?.current) {\n            scrollElemRef.current.scrollTop = 0;\n        }\n    }, [scrollElemRef, timestamp]);\n\n    const setClassName = useCallback(\n        (item: QueryItem) => {\n            return itemBlock({\n                selected: item.id === selectedId,\n            });\n        },\n        [selectedId],\n    );\n\n    return (\n        <div className={b()}>\n            <div className={b('list-wrapper')} ref={scrollElemRef}>\n                <DataTableYT\n                    className={b('list')}\n                    loading={isLoading}\n                    columns={columns}\n                    data={items}\n                    useThemeYT={true}\n                    rowKey={(row) => row.id}\n                    onRowClick={goToQuery}\n                    disableRightGap={true}\n                    settings={tableSettings}\n                    rowClassName={setClassName}\n                />\n                <div className={b('pagination')}>\n                    {(!first || !last) && (\n                        <Pagination\n                            size=\"m\"\n                            first={{\n                                handler: goFirst,\n                                disabled: first,\n                            }}\n                            previous={{\n                                handler: goBack,\n                                disabled: first,\n                            }}\n                            next={{\n                                handler: goNext,\n                                disabled: last,\n                            }}\n                            last={{\n                                handler: noop,\n                                disabled: true,\n                            }}\n                        />\n                    )}\n                </div>\n            </div>\n        </div>\n    );\n}\n"],"mappings":";;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,IAAA,GAAAL,OAAA;AACA,IAAAM,QAAA,GAAAN,OAAA;AACA,IAAAO,UAAA,GAAAP,OAAA;AACA,IAAAQ,YAAA,GAAAR,OAAA;AAGA,IAAAS,WAAA,GAAAV,sBAAA,CAAAC,OAAA;AAEA,IAAAU,QAAA,GAAAV,OAAA;AACA,IAAAW,KAAA,GAAAX,OAAA;AACA,IAAAY,MAAA,GAAAZ,OAAA;AACA,IAAAa,YAAA,GAAAd,sBAAA,CAAAC,OAAA;AACA,IAAAc,eAAA,GAAAf,sBAAA,CAAAC,OAAA;AACA,IAAAe,gBAAA,GAAAf,OAAA;AACA,IAAAgB,MAAA,GAAAhB,OAAA;AACA,IAAAiB,cAAA,GAAAjB,OAAA;AACA,IAAAkB,MAAA,GAAAlB,OAAA;AACA,IAAAmB,YAAA,GAAAnB,OAAA;AAA2E,IAAAoB,WAAA,GAAApB,OAAA;AAE3E,IAAMqB,CAAC,GAAG,IAAAC,qBAAK,EAAC,sBAAsB,CAAC;AAEvC,IAAMC,SAAS,GAAG,IAAAD,qBAAK,EAAC,oBAAoB,CAAC;AAE7C,SAASE,uBAAuBA,CAAA,EAAG;EAC/B,IAAMC,cAAc,GAAG,IAAAC,iBAAU,EAACC,8BAAqB,CAAC;EACxD,IAAMC,gBAAgB,GAAG,IAAAC,uBAAW,EAACC,8BAAmB,CAAC;EACzD,IAAMC,QAAQ,GAAG,IAAAC,uBAAW,GAAE;EAE9B,IAAAC,gBAAS,EACL,SAASC,aAAaA,CAAA,EAAG;IACrB,IAAI,EAACN,gBAAgB,aAAhBA,gBAAgB,eAAhBA,gBAAgB,CAAEO,MAAM,GAAE;MAC3B;IACJ;IACA,OAAOV,cAAc,CAACW,KAAK,CAACR,gBAAgB,EAAE,UAACS,KAAK,EAAK;MACrDN,QAAQ,CAAC;QACLO,IAAI,EAAEC,4BAAmB;QACzBC,IAAI,EAAEH;MACV,CAAC,CAAC;IACN,CAAC,CAAC;EACN,CAAC,EACD,CAACT,gBAAgB,CAAC,CACrB;AACL;AAEA,SAASa,qBAAqBA,CAAA,EAAiB;EAAA,IAAhBC,OAAO,GAAAC,SAAA,CAAAR,MAAA,QAAAQ,SAAA,QAAAC,SAAA,GAAAD,SAAA,MAAG,IAAI;EACzC;EACA,IAAMZ,QAAQ,GAAG,IAAAC,uBAAW,GAAE;EAC9B,IAAAC,gBAAS,EAAC,YAAM;IACZ,IAAIY,KAAoC;IACxC,SAASC,KAAKA,CAAA,EAAG;MACbD,KAAK,GAAGE,UAAU,CAAC,YAAM;QACrBhB,QAAQ,CAAC,IAAAiB,mCAA0B,EAACF,KAAK,CAAC,CAAC;MAC/C,CAAC,EAAEJ,OAAO,CAAC;IACf;IAEAI,KAAK,EAAE;IAEP,OAAO,YAAM;MACT,IAAID,KAAK,EAAE;QACPI,YAAY,CAACJ,KAAK,CAAC;MACvB;IACJ,CAAC;EACL,CAAC,EAAE,CAACH,OAAO,EAAEX,QAAQ,CAAC,CAAC;AAC3B;AAEA,SAASmB,mBAAmBA,CAAA,EAAG;EAC3BT,qBAAqB,EAAE;EACvBjB,uBAAuB,EAAE;EACzB,OAAO,IAAA2B,yBAAY,GAAE;AACzB;AAEA,IAAMC,WAA8B,GAAG;EACnCC,IAAI,EAAE,MAAM;EACZC,KAAK,EAAE,MAAM;EACbC,SAAS,EAAEhC,SAAS,CAAC,UAAU,CAAC;EAChCiC,MAAM,EAAE,SAAAA,OAAAC,IAAA,EAAW;IAAA,IAAAC,gBAAA;IAAA,IAATC,GAAG,GAAAF,IAAA,CAAHE,GAAG;IACT,IAAMN,IAAI,IAAAK,gBAAA,GAAGC,GAAG,CAACC,WAAW,cAAAF,gBAAA,uBAAfA,gBAAA,CAAiBG,KAAK;IACnC,oBACI,IAAAC,gBAAA;MAAKP,SAAS,EAAEhC,SAAS,CAAC,MAAM,CAAE;MAACsC,KAAK,EAAER,IAAK;MAAAU,QAAA,gBAC3C,IAAAC,eAAA,EAACC,4BAAe;QAACV,SAAS,EAAEhC,SAAS,CAAC,aAAa,CAAE;QAAC2C,MAAM,EAAEP,GAAG,CAACQ;MAAM,EAAG,eAC3E,IAAAH,eAAA,EAACI,WAAI;QACDb,SAAS,EAAEhC,SAAS,CAAC,gBAAgB,CAAE;QACvC8C,KAAK,EAAEhB,IAAI,GAAG,SAAS,GAAG,WAAY;QACtCiB,QAAQ;QAAAP,QAAA,EAEPV,IAAI,IAAI;MAAS,EACf;IAAA,EACL;EAEd;AACJ,CAAC;AAED,IAAMkB,WAA8B,GAAG;EACnClB,IAAI,EAAE,MAAM;EACZC,KAAK,EAAE,QAAQ;EACfkB,KAAK,EAAE,EAAE;EACThB,MAAM,EAAE,SAAAA,OAAAiB,KAAA,EAAW;IAAA,IAATd,GAAG,GAAAc,KAAA,CAAHd,GAAG;IACT,oBACI,IAAAK,eAAA,EAACI,WAAI;MAACM,OAAO,EAAC,QAAQ;MAACL,KAAK,EAAC,WAAW;MAAAN,QAAA,EACnCJ,GAAG,CAACgB,MAAM,IAAIC,wBAAiB,GAAGA,wBAAiB,CAACjB,GAAG,CAACgB,MAAM,CAAC,GAAGhB,GAAG,CAACgB;IAAM,EAC1E;EAEf;AACJ,CAAC;AAED,IAAME,eAAkC,GAAG;EACvCxB,IAAI,EAAE,UAAU;EAChBC,KAAK,EAAE,MAAM;EACbkB,KAAK,EAAE,GAAG;EACVhB,MAAM,EAAE,SAAAA,OAAAsB,KAAA,EAAW;IAAA,IAATnB,GAAG,GAAAmB,KAAA,CAAHnB,GAAG;IACT,IAAIA,GAAG,CAACQ,KAAK,KAAKY,gBAAW,CAACC,OAAO,EAAE;MACnC,OAAOC,kBAAM,CAACC,MAAM,CAACC,QAAQ;IACjC;IACA,oBAAO,IAAAnB,eAAA,EAACoB,4BAAa;MAACC,KAAK,EAAE1B;IAAI,EAAG;EACxC;AACJ,CAAC;AAED,IAAM2B,cAAiC,GAAG;EACtCjC,IAAI,EAAE,SAAS;EACfC,KAAK,EAAE,MAAM;EACbkB,KAAK,EAAE,GAAG;EACVhB,MAAM,EAAE,SAAAA,OAAA+B,KAAA,EAAW;IAAA,IAAT5B,GAAG,GAAA4B,KAAA,CAAH5B,GAAG;IACT,oBACI,IAAAK,eAAA,EAACI,WAAI;MAACM,OAAO,EAAC,QAAQ;MAACL,KAAK,EAAC,WAAW;MAAAN,QAAA,EACnC,IAAAyB,uBAAiB,EAAC7B,GAAG,CAAC8B,UAAU;IAAC,EAC/B;EAEf;AACJ,CAAC;AAED,IAAMC,aAAgC,GAAG;EACrCrC,IAAI,EAAE,QAAQ;EACdC,KAAK,EAAE,MAAM;EACbkB,KAAK,EAAE,GAAG;EACVjB,SAAS,EAAEhC,SAAS,CAAC,YAAY,CAAC;EAClCiC,MAAM,EAAE,SAAAA,OAAAmC,KAAA,EAAW;IAAA,IAAThC,GAAG,GAAAgC,KAAA,CAAHhC,GAAG;IACT,oBACI,IAAAK,eAAA,EAACI,WAAI;MAACM,OAAO,EAAC,QAAQ;MAACJ,QAAQ;MAACT,KAAK,EAAEF,GAAG,CAACiC,IAAK;MAAA7B,QAAA,EAC3CJ,GAAG,CAACiC;IAAI,EACN;EAEf;AACJ,CAAC;AAED,IAAMC,SAA8B,GAAG,CAACzC,WAAW,EAAEmB,WAAW,EAAEM,eAAe,EAAES,cAAc,CAAC;AAClG,IAAMQ,UAA+B,GAAG,CACpC1C,WAAW,EACXmB,WAAW,EACXM,eAAe,EACfa,aAAa,EACbJ,cAAc,CACjB;AAED,IAAMS,aAAuB,GAAG;EAC5BC,cAAc,EAAE,KAAK;EACrBC,QAAQ,EAAE,KAAK;EACfC,UAAU,EAAEC,0BAAS,CAACC,MAAM;EAC5BC,gBAAgB,EAAE;AACtB,CAAC;AAEM,SAASC,kBAAkBA,CAAA,EAAG;EACjC,IAAAC,oBAAA,GAA2BrD,mBAAmB,EAAE;IAAAsD,qBAAA,OAAAC,0BAAA,EAAAF,oBAAA;IAAzClE,KAAK,GAAAmE,qBAAA;IAAEE,SAAS,GAAAF,qBAAA;EAEvB,IAAAG,qBAAA,GAAiB,IAAAC,uCAAsB,GAAE;IAAAC,sBAAA,OAAAJ,0BAAA,EAAAE,qBAAA;IAAlCG,MAAM,GAAAD,sBAAA;EAEb,IAAME,SAAS,GAAG,IAAAlF,uBAAW,EAACmF,kCAAuB,CAAC;EAEtD,IAAAC,qBAAA,GAA+C,IAAAC,iCAAoB,GAAE;IAA9DC,KAAK,GAAAF,qBAAA,CAALE,KAAK;IAAEC,IAAI,GAAAH,qBAAA,CAAJG,IAAI;IAAEC,MAAM,GAAAJ,qBAAA,CAANI,MAAM;IAAEC,MAAM,GAAAL,qBAAA,CAANK,MAAM;IAAEC,OAAO,GAAAN,qBAAA,CAAPM,OAAO;EAE3C,IAAAC,mBAAA,GAAgC,IAAAC,yBAAkB,GAAE;IAAAC,oBAAA,OAAAjB,0BAAA,EAAAe,mBAAA;IAA7CG,UAAU,GAAAD,oBAAA;IAAEE,SAAS,GAAAF,oBAAA;EAE5B,IAAAG,SAAA,GAA8B,IAAAC,eAAQ,EAAsB,EAAE,CAAC;IAAAC,UAAA,OAAAtB,0BAAA,EAAAoB,SAAA;IAAxDG,OAAO,GAAAD,UAAA;IAAEE,UAAU,GAAAF,UAAA;EAE1B,IAAMG,aAAa,GAAG,IAAAC,aAAM,EAAwB,IAAI,CAAC;EAEzD,IAAAlG,gBAAS,EAAC,YAAM;IACZ,IAAI,CAACyE,SAAS,IAAI,EAACrE,KAAK,aAALA,KAAK,eAALA,KAAK,CAAEF,MAAM,GAAE;MAC9B8F,UAAU,CAACnB,MAAM,CAAClB,IAAI,KAAKwC,8BAAuB,CAACC,EAAE,GAAGxC,SAAS,GAAGC,UAAU,CAAC;IACnF;EACJ,CAAC,EAAE,CAACzD,KAAK,EAAE4F,UAAU,EAAEnB,MAAM,CAAClB,IAAI,EAAEc,SAAS,CAAC,CAAC;EAE/C,IAAAzE,gBAAS,EAAC,YAAM;IACZ,IAAIiG,aAAa,aAAbA,aAAa,eAAbA,aAAa,CAAEI,OAAO,EAAE;MACxBJ,aAAa,CAACI,OAAO,CAACC,SAAS,GAAG,CAAC;IACvC;EACJ,CAAC,EAAE,CAACL,aAAa,EAAEnB,SAAS,CAAC,CAAC;EAE9B,IAAMyB,YAAY,GAAG,IAAAC,kBAAW,EAC5B,UAACC,IAAe,EAAK;IACjB,OAAOnH,SAAS,CAAC;MACboH,QAAQ,EAAED,IAAI,CAACE,EAAE,KAAKjB;IAC1B,CAAC,CAAC;EACN,CAAC,EACD,CAACA,UAAU,CAAC,CACf;EAED,oBACI,IAAA3D,eAAA;IAAKT,SAAS,EAAElC,CAAC,EAAG;IAAA0C,QAAA,eAChB,IAAAD,gBAAA;MAAKP,SAAS,EAAElC,CAAC,CAAC,cAAc,CAAE;MAACwH,GAAG,EAAEX,aAAc;MAAAnE,QAAA,gBAClD,IAAAC,eAAA,EAAC8E,uBAAW;QACRvF,SAAS,EAAElC,CAAC,CAAC,MAAM,CAAE;QACrB0H,OAAO,EAAErC,SAAU;QACnBsB,OAAO,EAAEA,OAAQ;QACjBxF,IAAI,EAAEH,KAAM;QACZ2G,UAAU,EAAE,IAAK;QACjBC,MAAM,EAAE,SAAAA,OAACtF,GAAG;UAAA,OAAKA,GAAG,CAACiF,EAAE;QAAA,CAAC;QACxBM,UAAU,EAAEtB,SAAU;QACtBuB,eAAe,EAAE,IAAK;QACtBC,QAAQ,EAAErD,aAAc;QACxBsD,YAAY,EAAEb;MAAa,EAC7B,eACF,IAAAxE,eAAA;QAAKT,SAAS,EAAElC,CAAC,CAAC,YAAY,CAAE;QAAA0C,QAAA,EAC3B,CAAC,CAACoD,KAAK,IAAI,CAACC,IAAI,kBACb,IAAApD,eAAA,EAACsF,sBAAU;UACPC,IAAI,EAAC,GAAG;UACRpC,KAAK,EAAE;YACHqC,OAAO,EAAEjC,OAAO;YAChBkC,QAAQ,EAAEtC;UACd,CAAE;UACFuC,QAAQ,EAAE;YACNF,OAAO,EAAEnC,MAAM;YACfoC,QAAQ,EAAEtC;UACd,CAAE;UACFwC,IAAI,EAAE;YACFH,OAAO,EAAElC,MAAM;YACfmC,QAAQ,EAAErC;UACd,CAAE;UACFA,IAAI,EAAE;YACFoC,OAAO,EAAAI,iBAAM;YACbH,QAAQ,EAAE;UACd;QAAE;MAET,EACC;IAAA;EACJ,EACJ;AAEd"}

package/build/cjs/ui/pages/query-tracker/QueriesList/QueriesListFilter/QueryEngineFilter.d.ts

@@ -0,0 +1,7 @@
+import { QueryEngine } from '../../module/api';
+export declare function QueryEngineFilter({ value, onChange, className, engines, }: {
+    engines?: QueryEngine[];
+    value?: QueryEngine;
+    className?: string;
+    onChange: (value?: QueryEngine) => void;
+}): JSX.Element;

package/build/cjs/ui/pages/query-tracker/QueriesList/QueriesListFilter/QueryEngineFilter.js

@@ -0,0 +1,43 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.QueryEngineFilter = QueryEngineFilter;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _react = require("react");
+var _uikit = require("@gravity-ui/uikit");
+var _api = require("../../module/api");
+var _query = require("../../utils/query");
+var _jsxRuntime = require("react/jsx-runtime");
+var ALL_ENGINE_KEY = '__all';
+function QueryEngineFilter(_ref) {
+  var value = _ref.value,
+    onChange = _ref.onChange,
+    className = _ref.className,
+    _ref$engines = _ref.engines,
+    engines = _ref$engines === void 0 ? _api.Engines : _ref$engines;
+  var enginesList = (0, _react.useMemo)(function () {
+    return [{
+      value: ALL_ENGINE_KEY,
+      content: 'All'
+    }].concat((0, _toConsumableArray2["default"])(engines.map(function (engine) {
+      return {
+        value: engine,
+        content: _query.QueryEnginesNames[engine]
+      };
+    })));
+  }, [engines]);
+  var onChangeEngineFilter = (0, _react.useCallback)(function (engine) {
+    onChange(engine === ALL_ENGINE_KEY ? undefined : engine);
+  }, [onChange]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.RadioButton, {
+    className: className,
+    options: enginesList,
+    value: value || ALL_ENGINE_KEY,
+    onUpdate: onChangeEngineFilter
+  });
+}
+// #sourceMappingURL=QueryEngineFilter.js.map
+// #sourceMappingURL=QueryEngineFilter.js.map

package/build/cjs/ui/pages/query-tracker/QueriesList/QueriesListFilter/QueryEngineFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_uikit","_api","_query","_jsxRuntime","ALL_ENGINE_KEY","QueryEngineFilter","_ref","value","onChange","className","_ref$engines","engines","Engines","enginesList","useMemo","content","concat","_toConsumableArray","map","engine","QueryEnginesNames","onChangeEngineFilter","useCallback","undefined","_jsx","RadioButton","options","onUpdate"],"sources":["QueryEngineFilter.tsx"],"sourcesContent":["import React, {useCallback, useMemo} from 'react';\nimport {ControlGroupOption, RadioButton} from '@gravity-ui/uikit';\nimport {Engines, QueryEngine} from '../../module/api';\nimport {QueryEnginesNames} from '../../utils/query';\n\nconst ALL_ENGINE_KEY = '__all';\n\nexport function QueryEngineFilter({\n    value,\n    onChange,\n    className,\n    engines = Engines,\n}: {\n    engines?: QueryEngine[];\n    value?: QueryEngine;\n    className?: string;\n    onChange: (value?: QueryEngine) => void;\n}) {\n    const enginesList = useMemo<ControlGroupOption[]>(() => {\n        return [\n            {\n                value: ALL_ENGINE_KEY,\n                content: 'All',\n            },\n            ...engines.map((engine) => {\n                return {\n                    value: engine,\n                    content: QueryEnginesNames[engine],\n                };\n            }),\n        ];\n    }, [engines]);\n\n    const onChangeEngineFilter = useCallback(\n        (engine: string) => {\n            onChange(engine === ALL_ENGINE_KEY ? undefined : (engine as QueryEngine));\n        },\n        [onChange],\n    );\n    return (\n        <RadioButton\n            className={className}\n            options={enginesList}\n            value={value || ALL_ENGINE_KEY}\n            onUpdate={onChangeEngineFilter}\n        />\n    );\n}\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,IAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAAoD,IAAAI,WAAA,GAAAJ,OAAA;AAEpD,IAAMK,cAAc,GAAG,OAAO;AAEvB,SAASC,iBAAiBA,CAAAC,IAAA,EAU9B;EAAA,IATCC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,SAAS,GAAAH,IAAA,CAATG,SAAS;IAAAC,YAAA,GAAAJ,IAAA,CACTK,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAGE,YAAO,GAAAF,YAAA;EAOjB,IAAMG,WAAW,GAAG,IAAAC,cAAO,EAAuB,YAAM;IACpD,QACI;MACIP,KAAK,EAAEH,cAAc;MACrBW,OAAO,EAAE;IACb,CAAC,EAAAC,MAAA,KAAAC,8BAAA,EACEN,OAAO,CAACO,GAAG,CAAC,UAACC,MAAM,EAAK;MACvB,OAAO;QACHZ,KAAK,EAAEY,MAAM;QACbJ,OAAO,EAAEK,wBAAiB,CAACD,MAAM;MACrC,CAAC;IACL,CAAC,CAAC;EAEV,CAAC,EAAE,CAACR,OAAO,CAAC,CAAC;EAEb,IAAMU,oBAAoB,GAAG,IAAAC,kBAAW,EACpC,UAACH,MAAc,EAAK;IAChBX,QAAQ,CAACW,MAAM,KAAKf,cAAc,GAAGmB,SAAS,GAAIJ,MAAsB,CAAC;EAC7E,CAAC,EACD,CAACX,QAAQ,CAAC,CACb;EACD,oBACI,IAAAgB,eAAA,EAACC,kBAAW;IACRhB,SAAS,EAAEA,SAAU;IACrBiB,OAAO,EAAEb,WAAY;IACrBN,KAAK,EAAEA,KAAK,IAAIH,cAAe;IAC/BuB,QAAQ,EAAEN;EAAqB,EACjC;AAEV"}

package/build/cjs/ui/pages/query-tracker/QueriesList/QueriesListFilter/QueryTextFilter.d.ts

@@ -0,0 +1,7 @@
+export type QueryTextFilterProps = {
+    value?: string;
+    placeholder: string;
+    onChange: (value?: string) => void;
+    delay?: number;
+};
+export declare function QueryTextFilter({ value, placeholder, onChange, delay }: QueryTextFilterProps): JSX.Element;

package/build/cjs/ui/pages/query-tracker/QueriesList/QueriesListFilter/QueryTextFilter.js

@@ -0,0 +1,44 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.QueryTextFilter = QueryTextFilter;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _uikit = require("@gravity-ui/uikit");
+var _debounce = _interopRequireDefault(require("lodash/debounce"));
+var _react = require("react");
+var _jsxRuntime = require("react/jsx-runtime");
+function QueryTextFilter(_ref) {
+  var value = _ref.value,
+    placeholder = _ref.placeholder,
+    onChange = _ref.onChange,
+    _ref$delay = _ref.delay,
+    delay = _ref$delay === void 0 ? 200 : _ref$delay;
+  var _useState = (0, _react.useState)(value || ''),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    pattern = _useState2[0],
+    setPattern = _useState2[1];
+  var debouncedChange = (0, _react.useMemo)(function () {
+    return (0, _debounce["default"])(function (value) {
+      onChange(value);
+    }, delay);
+  }, [onChange, delay]);
+  (0, _react.useEffect)(function () {
+    debouncedChange(pattern);
+    return function () {
+      debouncedChange.cancel();
+    };
+  }, [pattern, debouncedChange]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.TextInput, {
+    placeholder: placeholder,
+    value: pattern,
+    onBlur: function onBlur() {
+      return debouncedChange.flush();
+    },
+    onUpdate: setPattern
+  });
+}
+// #sourceMappingURL=QueryTextFilter.js.map
+// #sourceMappingURL=QueryTextFilter.js.map

package/build/cjs/ui/pages/query-tracker/QueriesList/QueriesListFilter/QueryTextFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_uikit","require","_debounce","_interopRequireDefault","_react","_jsxRuntime","QueryTextFilter","_ref","value","placeholder","onChange","_ref$delay","delay","_useState","useState","_useState2","_slicedToArray","pattern","setPattern","debouncedChange","useMemo","debounce","useEffect","cancel","_jsx","TextInput","onBlur","flush","onUpdate"],"sources":["QueryTextFilter.tsx"],"sourcesContent":["import {TextInput} from '@gravity-ui/uikit';\nimport debounce from 'lodash/debounce';\nimport React, {useEffect, useMemo, useState} from 'react';\n\nexport type QueryTextFilterProps = {\n    value?: string;\n    placeholder: string;\n    onChange: (value?: string) => void;\n    delay?: number;\n};\n\nexport function QueryTextFilter({value, placeholder, onChange, delay = 200}: QueryTextFilterProps) {\n    const [pattern, setPattern] = useState<string>(value || '');\n\n    const debouncedChange = useMemo(() => {\n        return debounce((value: string) => {\n            onChange(value);\n        }, delay);\n    }, [onChange, delay]);\n\n    useEffect(() => {\n        debouncedChange(pattern);\n        return () => {\n            debouncedChange.cancel();\n        };\n    }, [pattern, debouncedChange]);\n\n    return (\n        <TextInput\n            placeholder={placeholder}\n            value={pattern}\n            onBlur={() => debouncedChange.flush()}\n            onUpdate={setPattern}\n        />\n    );\n}\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAA0D,IAAAI,WAAA,GAAAJ,OAAA;AASnD,SAASK,eAAeA,CAAAC,IAAA,EAAoE;EAAA,IAAlEC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,WAAW,GAAAF,IAAA,CAAXE,WAAW;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAAC,UAAA,GAAAJ,IAAA,CAAEK,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,GAAG,GAAAA,UAAA;EACtE,IAAAE,SAAA,GAA8B,IAAAC,eAAQ,EAASN,KAAK,IAAI,EAAE,CAAC;IAAAO,UAAA,OAAAC,0BAAA,EAAAH,SAAA;IAApDI,OAAO,GAAAF,UAAA;IAAEG,UAAU,GAAAH,UAAA;EAE1B,IAAMI,eAAe,GAAG,IAAAC,cAAO,EAAC,YAAM;IAClC,OAAO,IAAAC,oBAAQ,EAAC,UAACb,KAAa,EAAK;MAC/BE,QAAQ,CAACF,KAAK,CAAC;IACnB,CAAC,EAAEI,KAAK,CAAC;EACb,CAAC,EAAE,CAACF,QAAQ,EAAEE,KAAK,CAAC,CAAC;EAErB,IAAAU,gBAAS,EAAC,YAAM;IACZH,eAAe,CAACF,OAAO,CAAC;IACxB,OAAO,YAAM;MACTE,eAAe,CAACI,MAAM,EAAE;IAC5B,CAAC;EACL,CAAC,EAAE,CAACN,OAAO,EAAEE,eAAe,CAAC,CAAC;EAE9B,oBACI,IAAAK,eAAA,EAACC,gBAAS;IACNhB,WAAW,EAAEA,WAAY;IACzBD,KAAK,EAAES,OAAQ;IACfS,MAAM,EAAE,SAAAA,OAAA;MAAA,OAAMP,eAAe,CAACQ,KAAK,EAAE;IAAA,CAAC;IACtCC,QAAQ,EAAEV;EAAW,EACvB;AAEV"}

package/build/cjs/ui/pages/query-tracker/QueriesList/QueriesListFilter/index.d.ts

@@ -0,0 +1,6 @@
+import './index.scss';
+type QueriesHistoryListFilterProps = {
+    className?: string;
+};
+export declare function QueriesHistoryListFilter({ className }: QueriesHistoryListFilterProps): JSX.Element;
+export {};

package/build/cjs/ui/pages/query-tracker/QueriesList/QueriesListFilter/index.js

@@ -0,0 +1,66 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.QueriesHistoryListFilter = QueriesHistoryListFilter;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _bemCnLite = _interopRequireDefault(require("bem-cn-lite"));
+var _uikit = require("@gravity-ui/uikit");
+var _types = require("../../module/queries_list/types");
+var _QueryEngineFilter = require("./QueryEngineFilter");
+var _QueryTextFilter = require("./QueryTextFilter");
+var _QueryListFilter = require("../../hooks/QueryListFilter");
+var _jsxRuntime = require("react/jsx-runtime");
+var AuthorFilter = [{
+  value: _types.QueriesListAuthorFilter.My,
+  content: 'My'
+}, {
+  value: _types.QueriesListAuthorFilter.All,
+  content: 'All'
+}];
+var b = (0, _bemCnLite["default"])('queries-history-filter');
+function QueriesHistoryListFilter(_ref) {
+  var className = _ref.className;
+  var _useQuriesHistoryFilt = (0, _QueryListFilter.useQuriesHistoryFilter)(),
+    _useQuriesHistoryFilt2 = (0, _slicedToArray2["default"])(_useQuriesHistoryFilt, 3),
+    filter = _useQuriesHistoryFilt2[0],
+    filterViewMode = _useQuriesHistoryFilt2[1],
+    onChange = _useQuriesHistoryFilt2[2];
+  var onChangeAuthorFilter = (0, _react.useCallback)(function (user) {
+    onChange('user', user);
+  }, [onChange]);
+  var onChangeEngineFilter = (0, _react.useCallback)(function (engine) {
+    onChange('engine', engine);
+  }, [onChange]);
+  var onChangeTextFilter = (0, _react.useCallback)(function (text) {
+    onChange('filter', text || undefined);
+  }, [onChange]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: b(null, className),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: b('row'),
+      children: [filterViewMode === _types.QueriesListMode.History && /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.RadioButton, {
+        className: b('row-item'),
+        options: AuthorFilter,
+        value: (filter === null || filter === void 0 ? void 0 : filter.user) || _types.QueriesListAuthorFilter.My,
+        onUpdate: onChangeAuthorFilter
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_QueryEngineFilter.QueryEngineFilter, {
+        className: b('row-item'),
+        value: filter === null || filter === void 0 ? void 0 : filter.engine,
+        onChange: onChangeEngineFilter
+      })]
+    }), filterViewMode === _types.QueriesListMode.History && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: b('row'),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_QueryTextFilter.QueryTextFilter, {
+        placeholder: "Search in query name and body",
+        value: filter === null || filter === void 0 ? void 0 : filter.filter,
+        onChange: onChangeTextFilter
+      })
+    })]
+  });
+}
+// #sourceMappingURL=index.js.map
+// #sourceMappingURL=index.js.map

package/build/cjs/ui/pages/query-tracker/QueriesList/QueriesListFilter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_bemCnLite","_interopRequireDefault","_uikit","_types","_QueryEngineFilter","_QueryTextFilter","_QueryListFilter","_jsxRuntime","AuthorFilter","value","QueriesListAuthorFilter","My","content","All","b","block","QueriesHistoryListFilter","_ref","className","_useQuriesHistoryFilt","useQuriesHistoryFilter","_useQuriesHistoryFilt2","_slicedToArray","filter","filterViewMode","onChange","onChangeAuthorFilter","useCallback","user","onChangeEngineFilter","engine","onChangeTextFilter","text","undefined","_jsxs","children","QueriesListMode","History","_jsx","RadioButton","options","onUpdate","QueryEngineFilter","QueryTextFilter","placeholder"],"sources":["index.tsx"],"sourcesContent":["import React, {useCallback} from 'react';\nimport block from 'bem-cn-lite';\nimport {ControlGroupOption, RadioButton} from '@gravity-ui/uikit';\nimport {QueriesListAuthorFilter, QueriesListMode} from '../../module/queries_list/types';\n\nimport './index.scss';\nimport {QueryEngineFilter} from './QueryEngineFilter';\nimport {QueryEngine} from '../../module/api';\nimport {QueryTextFilter} from './QueryTextFilter';\nimport {useQuriesHistoryFilter} from '../../hooks/QueryListFilter';\n\nconst AuthorFilter: ControlGroupOption[] = [\n    {\n        value: QueriesListAuthorFilter.My,\n        content: 'My',\n    },\n    {\n        value: QueriesListAuthorFilter.All,\n        content: 'All',\n    },\n];\n\nconst b = block('queries-history-filter');\n\ntype QueriesHistoryListFilterProps = {\n    className?: string;\n};\nexport function QueriesHistoryListFilter({className}: QueriesHistoryListFilterProps) {\n    const [filter, filterViewMode, onChange] = useQuriesHistoryFilter();\n\n    const onChangeAuthorFilter = useCallback(\n        (user: string) => {\n            onChange('user', user as QueriesListAuthorFilter);\n        },\n        [onChange],\n    );\n    const onChangeEngineFilter = useCallback(\n        (engine?: QueryEngine) => {\n            onChange('engine', engine);\n        },\n        [onChange],\n    );\n    const onChangeTextFilter = useCallback(\n        (text?: string) => {\n            onChange('filter', text || undefined);\n        },\n        [onChange],\n    );\n    return (\n        <div className={b(null, className)}>\n            <div className={b('row')}>\n                {filterViewMode === QueriesListMode.History && (\n                    <RadioButton\n                        className={b('row-item')}\n                        options={AuthorFilter}\n                        value={filter?.user || QueriesListAuthorFilter.My}\n                        onUpdate={onChangeAuthorFilter}\n                    />\n                )}\n                <QueryEngineFilter\n                    className={b('row-item')}\n                    value={filter?.engine}\n                    onChange={onChangeEngineFilter}\n                />\n            </div>\n            {filterViewMode === QueriesListMode.History && (\n                <div className={b('row')}>\n                    <QueryTextFilter\n                        placeholder=\"Search in query name and body\"\n                        value={filter?.filter}\n                        onChange={onChangeTextFilter}\n                    />\n                </div>\n            )}\n        </div>\n    );\n}\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAGA,IAAAK,kBAAA,GAAAL,OAAA;AAEA,IAAAM,gBAAA,GAAAN,OAAA;AACA,IAAAO,gBAAA,GAAAP,OAAA;AAAmE,IAAAQ,WAAA,GAAAR,OAAA;AAEnE,IAAMS,YAAkC,GAAG,CACvC;EACIC,KAAK,EAAEC,8BAAuB,CAACC,EAAE;EACjCC,OAAO,EAAE;AACb,CAAC,EACD;EACIH,KAAK,EAAEC,8BAAuB,CAACG,GAAG;EAClCD,OAAO,EAAE;AACb,CAAC,CACJ;AAED,IAAME,CAAC,GAAG,IAAAC,qBAAK,EAAC,wBAAwB,CAAC;AAKlC,SAASC,wBAAwBA,CAAAC,IAAA,EAA6C;EAAA,IAA3CC,SAAS,GAAAD,IAAA,CAATC,SAAS;EAC/C,IAAAC,qBAAA,GAA2C,IAAAC,uCAAsB,GAAE;IAAAC,sBAAA,OAAAC,0BAAA,EAAAH,qBAAA;IAA5DI,MAAM,GAAAF,sBAAA;IAAEG,cAAc,GAAAH,sBAAA;IAAEI,QAAQ,GAAAJ,sBAAA;EAEvC,IAAMK,oBAAoB,GAAG,IAAAC,kBAAW,EACpC,UAACC,IAAY,EAAK;IACdH,QAAQ,CAAC,MAAM,EAAEG,IAAI,CAA4B;EACrD,CAAC,EACD,CAACH,QAAQ,CAAC,CACb;EACD,IAAMI,oBAAoB,GAAG,IAAAF,kBAAW,EACpC,UAACG,MAAoB,EAAK;IACtBL,QAAQ,CAAC,QAAQ,EAAEK,MAAM,CAAC;EAC9B,CAAC,EACD,CAACL,QAAQ,CAAC,CACb;EACD,IAAMM,kBAAkB,GAAG,IAAAJ,kBAAW,EAClC,UAACK,IAAa,EAAK;IACfP,QAAQ,CAAC,QAAQ,EAAEO,IAAI,IAAIC,SAAS,CAAC;EACzC,CAAC,EACD,CAACR,QAAQ,CAAC,CACb;EACD,oBACI,IAAAS,gBAAA;IAAKhB,SAAS,EAAEJ,CAAC,CAAC,IAAI,EAAEI,SAAS,CAAE;IAAAiB,QAAA,gBAC/B,IAAAD,gBAAA;MAAKhB,SAAS,EAAEJ,CAAC,CAAC,KAAK,CAAE;MAAAqB,QAAA,GACpBX,cAAc,KAAKY,sBAAe,CAACC,OAAO,iBACvC,IAAAC,eAAA,EAACC,kBAAW;QACRrB,SAAS,EAAEJ,CAAC,CAAC,UAAU,CAAE;QACzB0B,OAAO,EAAEhC,YAAa;QACtBC,KAAK,EAAE,CAAAc,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEK,IAAI,KAAIlB,8BAAuB,CAACC,EAAG;QAClD8B,QAAQ,EAAEf;MAAqB,EAEtC,eACD,IAAAY,eAAA,EAACI,oCAAiB;QACdxB,SAAS,EAAEJ,CAAC,CAAC,UAAU,CAAE;QACzBL,KAAK,EAAEc,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEO,MAAO;QACtBL,QAAQ,EAAEI;MAAqB,EACjC;IAAA,EACA,EACLL,cAAc,KAAKY,sBAAe,CAACC,OAAO,iBACvC,IAAAC,eAAA;MAAKpB,SAAS,EAAEJ,CAAC,CAAC,KAAK,CAAE;MAAAqB,QAAA,eACrB,IAAAG,eAAA,EAACK,gCAAe;QACZC,WAAW,EAAC,+BAA+B;QAC3CnC,KAAK,EAAEc,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEA,MAAO;QACtBE,QAAQ,EAAEM;MAAmB;IAC/B,EAET;EAAA,EACC;AAEd"}

package/build/cjs/ui/pages/query-tracker/QueriesList/QueriesTutorialList/index.d.ts

@@ -0,0 +1,4 @@
+import './index.scss';
+export declare function QueriesTutorialList({ className }: {
+    className: string;
+}): JSX.Element;

package/build/cjs/ui/pages/query-tracker/QueriesList/QueriesTutorialList/index.js

@@ -0,0 +1,82 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.QueriesTutorialList = QueriesTutorialList;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _bemCnLite = _interopRequireDefault(require("bem-cn-lite"));
+var _uikit = require("@gravity-ui/uikit");
+var _QueriesList = require("../../hooks/QueriesList");
+var _Query = require("../../hooks/Query");
+var _learn = _interopRequireDefault(require("../../../../../../img/svg/icons/learn.svg"));
+var _jsxRuntime = require("react/jsx-runtime");
+var itemCn = (0, _bemCnLite["default"])('query-tutorial-item');
+var block = (0, _bemCnLite["default"])('queries-tutorial-list');
+function renderItem(item) {
+  var _item$annotations, _item$annotations2;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Icon, {
+      className: itemCn('icon'),
+      data: _learn["default"]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Text, {
+      className: itemCn('text'),
+      ellipsis: true,
+      title: item === null || item === void 0 ? void 0 : (_item$annotations = item.annotations) === null || _item$annotations === void 0 ? void 0 : _item$annotations.title,
+      children: (item === null || item === void 0 ? void 0 : (_item$annotations2 = item.annotations) === null || _item$annotations2 === void 0 ? void 0 : _item$annotations2.title) || 'No name'
+    })]
+  });
+}
+function QueriesTutorialList(_ref) {
+  var className = _ref.className;
+  var _useQueryList = (0, _QueriesList.useQueryList)(),
+    _useQueryList2 = (0, _slicedToArray2["default"])(_useQueryList, 2),
+    items = _useQueryList2[0],
+    isLoading = _useQueryList2[1];
+  var _useQueryNavigation = (0, _Query.useQueryNavigation)(),
+    _useQueryNavigation2 = (0, _slicedToArray2["default"])(_useQueryNavigation, 2),
+    selectedId = _useQueryNavigation2[0],
+    goToQuery = _useQueryNavigation2[1];
+  var selectedIndex = (0, _react.useMemo)(function () {
+    return items.findIndex(function (query) {
+      return query.id === selectedId;
+    });
+  }, [selectedId, items]);
+  var tutorialFilter = (0, _react.useMemo)(function () {
+    return function (filter) {
+      return function (item) {
+        var _item$annotations3, _item$annotations3$ti;
+        return (item === null || item === void 0 ? void 0 : (_item$annotations3 = item.annotations) === null || _item$annotations3 === void 0 ? void 0 : (_item$annotations3$ti = _item$annotations3.title) === null || _item$annotations3$ti === void 0 ? void 0 : _item$annotations3$ti.toLocaleLowerCase().includes(filter.toLocaleLowerCase())) || false;
+      };
+    };
+  }, []);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: block(null, className),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.List, {
+      className: block('list', {
+        loading: isLoading
+      }),
+      filterable: true,
+      filterClassName: block('filter'),
+      filterPlaceholder: 'Filter by name',
+      filterItem: tutorialFilter,
+      virtualized: false,
+      selectedItemIndex: selectedIndex,
+      sortable: false,
+      itemHeight: 32,
+      itemClassName: itemCn(),
+      items: isLoading ? [] : items,
+      renderItem: renderItem,
+      onItemClick: goToQuery
+    }), isLoading && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: block('loader'),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Loader, {
+        size: "l"
+      })
+    })]
+  });
+}
+// #sourceMappingURL=index.js.map
+// #sourceMappingURL=index.js.map

package/build/cjs/ui/pages/query-tracker/QueriesList/QueriesTutorialList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_bemCnLite","_interopRequireDefault","_uikit","_QueriesList","_Query","_learn","_jsxRuntime","itemCn","cn","block","renderItem","item","_item$annotations","_item$annotations2","_jsxs","_Fragment","children","_jsx","Icon","className","data","tutorialIcon","Text","ellipsis","title","annotations","QueriesTutorialList","_ref","_useQueryList","useQueryList","_useQueryList2","_slicedToArray","items","isLoading","_useQueryNavigation","useQueryNavigation","_useQueryNavigation2","selectedId","goToQuery","selectedIndex","useMemo","findIndex","query","id","tutorialFilter","filter","_item$annotations3","_item$annotations3$ti","toLocaleLowerCase","includes","List","loading","filterable","filterClassName","filterPlaceholder","filterItem","virtualized","selectedItemIndex","sortable","itemHeight","itemClassName","onItemClick","Loader","size"],"sources":["index.tsx"],"sourcesContent":["import React, {useMemo} from 'react';\nimport cn from 'bem-cn-lite';\nimport {Icon, Text, List, ListItemData, Loader} from '@gravity-ui/uikit';\nimport {QueryItem} from '../../module/api';\nimport {useQueryList} from '../../hooks/QueriesList';\nimport {useQueryNavigation} from '../../hooks/Query';\nimport tutorialIcon from '../../../../../../img/svg/icons/learn.svg';\nimport './index.scss';\n\nconst itemCn = cn('query-tutorial-item');\nconst block = cn('queries-tutorial-list');\n\nfunction renderItem(item: QueryItem) {\n    return (\n        <>\n            <Icon className={itemCn('icon')} data={tutorialIcon} />\n            <Text className={itemCn('text')} ellipsis title={item?.annotations?.title}>\n                {item?.annotations?.title || 'No name'}\n            </Text>\n        </>\n    );\n}\n\nexport function QueriesTutorialList({className}: {className: string}) {\n    const [items, isLoading] = useQueryList();\n\n    const [selectedId, goToQuery] = useQueryNavigation();\n\n    const selectedIndex = useMemo(() => {\n        return items.findIndex((query) => query.id === selectedId);\n    }, [selectedId, items]);\n\n    const tutorialFilter = useMemo(() => {\n        return (filter: string) => {\n            return (item: ListItemData<QueryItem>) => {\n                return (\n                    item?.annotations?.title\n                        ?.toLocaleLowerCase()\n                        .includes(filter.toLocaleLowerCase()) || false\n                );\n            };\n        };\n    }, []);\n\n    return (\n        <div className={block(null, className)}>\n            <List\n                className={block('list', {loading: isLoading})}\n                filterable={true}\n                filterClassName={block('filter')}\n                filterPlaceholder={'Filter by name'}\n                filterItem={tutorialFilter}\n                virtualized={false}\n                selectedItemIndex={selectedIndex}\n                sortable={false}\n                itemHeight={32}\n                itemClassName={itemCn()}\n                items={isLoading ? [] : items}\n                renderItem={renderItem}\n                onItemClick={goToQuery}\n            />\n            {isLoading && (\n                <div className={block('loader')}>\n                    <Loader size=\"l\" />\n                </div>\n            )}\n        </div>\n    );\n}\n"],"mappings":"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"}