@ytsaurus/ui 0.0.4 → 0.2.0

package/build/img/svg/icons/learn.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="14" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.83623 2.20214L1.73981 4.38632C1.59433 4.44867 1.5 4.59172 1.5 4.75C1.5 4.90828 1.59433 5.05133 1.73981 5.11368L6.83623 7.29786C7.14742 7.43123 7.48246 7.5 7.82103 7.5H8.17897C8.51754 7.5 8.85258 7.43123 9.16377 7.29786L14.2602 5.11368C14.4057 5.05133 14.5 4.90828 14.5 4.75C14.5 4.59172 14.4057 4.44867 14.2602 4.38632L9.16377 2.20214C8.85258 2.06877 8.51754 2 8.17897 2H7.82103C7.48246 2 7.14742 2.06877 6.83623 2.20214ZM1.5 6.64286L2.99994 7.28569V10.5139C2.99994 11.2714 3.42795 11.9639 4.10553 12.3027L4.91188 12.7059C6.85869 13.6793 9.1475 13.6917 11.1047 12.7394L12.0136 12.2973C12.7018 11.9624 13.1386 11.2642 13.1386 10.4988V7.22631L14.8511 6.4924C15.5481 6.19368 16 5.50832 16 4.75C16 3.99168 15.5481 3.30632 14.8511 3.0076L9.75465 0.82342C9.25674 0.610031 8.72068 0.5 8.17897 0.5H7.82103C7.27932 0.5 6.74326 0.610031 6.24535 0.82342L1.14893 3.0076C0.451923 3.30632 0 3.99168 0 4.75V9.25C0 9.66421 0.335787 10 0.75 10C1.16421 10 1.5 9.66421 1.5 9.25V6.64286ZM4.49994 10.5139V7.92855L6.24535 8.67658C6.74326 8.88997 7.27932 9 7.82103 9H8.17897C8.72068 9 9.25674 8.88997 9.75465 8.67658L11.6386 7.86917V10.4988C11.6386 10.6902 11.5294 10.8647 11.3573 10.9484L10.4485 11.3906C8.91068 12.1388 7.11233 12.129 5.58269 11.3642L4.77634 10.9611C4.60694 10.8764 4.49994 10.7032 4.49994 10.5139Z" fill="currentColor"/>
+</svg>

package/build/img/svg/page-query-tracker.svg

@@ -1,5 +1,5 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M12.0017 11.249C12.0007 11.2328 12.0001 11.2165 12.0001 11.2L12.0001 4.89996C12.0001 4.48575 12.3359 4.14996 12.7501 4.14996C13.1643 4.14996 13.5001 4.48575 13.5001 4.89996L13.5001 10.55H15.25C15.6642 10.55 16 10.8858 16 11.3C16 11.7142 15.6642 12.05 15.25 12.05H12.75C12.3358 12.05 12 11.7142 12 11.3C12 11.2829 12.0006 11.2659 12.0017 11.249Z" fill="#3B6080"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M0 6.4C0 5.07452 0.967065 4 2.16 4H4.08C4.47765 4 4.8 4.35817 4.8 4.8C4.8 5.24183 4.47765 5.6 4.08 5.6H2.16C1.76236 5.6 1.44 5.95817 1.44 6.4C1.44 6.84183 1.76236 7.2 2.16 7.2H2.64C3.83294 7.2 4.8 8.27452 4.8 9.6C4.8 10.9255 3.83294 12 2.64 12H0.72C0.322355 12 0 11.6418 0 11.2C0 10.7582 0.322355 10.4 0.72 10.4H2.64C3.03765 10.4 3.36 10.0418 3.36 9.6C3.36 9.15817 3.03765 8.8 2.64 8.8H2.16C0.967065 8.8 0 7.72548 0 6.4Z" fill="#3B6080"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M7.80005 5.5H8.60005C9.15233 5.5 9.60005 5.94771 9.60005 6.5V9.5C9.60005 9.55446 9.5957 9.6079 9.58732 9.66L9.11239 9.15227C8.82943 8.84977 8.37067 8.84977 8.08771 9.15227C7.80475 9.45477 7.80475 9.94523 8.08771 10.2477L8.32368 10.5H7.80005C7.24776 10.5 6.80005 10.0523 6.80005 9.5V6.5C6.80005 5.94772 7.24776 5.5 7.80005 5.5ZM9.55148 11.8126C9.2582 11.9334 8.9369 12 8.60005 12H7.80005C6.41934 12 5.30005 10.8807 5.30005 9.5V6.5C5.30005 5.11929 6.41934 4 7.80005 4H8.60005C9.98076 4 11.1 5.11929 11.1 6.5V9.5C11.1 9.99838 10.9542 10.4627 10.7029 10.8526L11.0022 11.1726C11.2851 11.4751 11.2851 11.9655 11.0022 12.268C10.7192 12.5705 10.2605 12.5705 9.9775 12.268L9.55148 11.8126Z" fill="#3B6080"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M12.0017 11.249C12.0007 11.2328 12.0001 11.2165 12.0001 11.2L12.0001 4.89996C12.0001 4.48575 12.3359 4.14996 12.7501 4.14996C13.1643 4.14996 13.5001 4.48575 13.5001 4.89996L13.5001 10.55H15.25C15.6642 10.55 16 10.8858 16 11.3C16 11.7142 15.6642 12.05 15.25 12.05H12.75C12.3358 12.05 12 11.7142 12 11.3C12 11.2829 12.0006 11.2659 12.0017 11.249Z" fill="currentColor"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M0 6.4C0 5.07452 0.967065 4 2.16 4H4.08C4.47765 4 4.8 4.35817 4.8 4.8C4.8 5.24183 4.47765 5.6 4.08 5.6H2.16C1.76236 5.6 1.44 5.95817 1.44 6.4C1.44 6.84183 1.76236 7.2 2.16 7.2H2.64C3.83294 7.2 4.8 8.27452 4.8 9.6C4.8 10.9255 3.83294 12 2.64 12H0.72C0.322355 12 0 11.6418 0 11.2C0 10.7582 0.322355 10.4 0.72 10.4H2.64C3.03765 10.4 3.36 10.0418 3.36 9.6C3.36 9.15817 3.03765 8.8 2.64 8.8H2.16C0.967065 8.8 0 7.72548 0 6.4Z" fill="currentColor"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M7.80005 5.5H8.60005C9.15233 5.5 9.60005 5.94771 9.60005 6.5V9.5C9.60005 9.55446 9.5957 9.6079 9.58732 9.66L9.11239 9.15227C8.82943 8.84977 8.37067 8.84977 8.08771 9.15227C7.80475 9.45477 7.80475 9.94523 8.08771 10.2477L8.32368 10.5H7.80005C7.24776 10.5 6.80005 10.0523 6.80005 9.5V6.5C6.80005 5.94772 7.24776 5.5 7.80005 5.5ZM9.55148 11.8126C9.2582 11.9334 8.9369 12 8.60005 12H7.80005C6.41934 12 5.30005 10.8807 5.30005 9.5V6.5C5.30005 5.11929 6.41934 4 7.80005 4H8.60005C9.98076 4 11.1 5.11929 11.1 6.5V9.5C11.1 9.99838 10.9542 10.4627 10.7029 10.8526L11.0022 11.1726C11.2851 11.4751 11.2851 11.9655 11.0022 12.268C10.7192 12.5705 10.2605 12.5705 9.9775 12.268L9.55148 11.8126Z" fill="currentColor"/>
 </svg>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ytsaurus/ui",
-  "version": "0.0.4",
+  "version": "0.2.0",
   "repository": {
     "type": "github",
     "url": "https://github.com/YTsaurus/ytsaurus-ui/tree/main/packages/ui"
@@ -55,7 +55,7 @@
   },
   "dependencies": {
     "@gravity-ui/app-layout": "^1.1.1",
-    "@gravity-ui/dialog-fields": "^1.0.1",
+    "@gravity-ui/dialog-fields": "^1.1.1",
     "@gravity-ui/expresskit": "^0.1.2",
     "@gravity-ui/navigation": "^0.3.0",
     "@gravity-ui/nodekit": "^0.1.0",
@@ -170,5 +170,5 @@
   "docker": {
     "image": "ytsaurus/ui"
   },
-  "gitHead": "b08645925fea0e4bce172d2b53ddca0fe06f8141"
+  "gitHead": "f5ce55f7062caaf2ad2a7b556e52e4795028852d"
 }

package/build/cjs/ui/pages/query-tracker/QueriesHistoryList/QueriesHistoryFilter/index.d.ts

@@ -1,9 +0,0 @@
-import { QueriesListState } from '../../module/queries_list/reducer';
-import './index.scss';
-type QuriesHistoryListFilterProps = {
-    className?: string;
-    filter: QueriesListState['filter'];
-    onChange: <K extends keyof QueriesListState['filter']>(filter: K, value: QueriesListState['filter'][K]) => void;
-};
-export declare function QuriesHistoryListFilter({ className, filter, onChange, }: QuriesHistoryListFilterProps): JSX.Element;
-export {};

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

@@ -1,76 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.QuriesHistoryListFilter = QuriesHistoryListFilter;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-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 _query = require("../../utils/query");
-var _jsxRuntime = require("react/jsx-runtime");
-var AuthorFilter = [{
-  value: _types.QueriesHistoryAuthor.My,
-  content: 'My'
-}, {
-  value: _types.QueriesHistoryAuthor.All,
-  content: 'All'
-}];
-var ALL_ENGINE_KEY = '__all';
-var EngineFilter = [{
-  value: ALL_ENGINE_KEY,
-  content: 'All'
-}].concat((0, _toConsumableArray2["default"])(Object.entries(_query.QueryEnginesNames).map(function (_ref) {
-  var _ref2 = (0, _slicedToArray2["default"])(_ref, 2),
-    key = _ref2[0],
-    name = _ref2[1];
-  return {
-    value: key,
-    content: name
-  };
-})));
-var b = (0, _bemCnLite["default"])('queries-history-filter');
-function QuriesHistoryListFilter(_ref3) {
-  var className = _ref3.className,
-    filter = _ref3.filter,
-    onChange = _ref3.onChange;
-  var onChangeAuthorFilter = (0, _react.useCallback)(function (user) {
-    onChange('user', user);
-  }, [onChange, filter]);
-  var onChangeEngineFilter = (0, _react.useCallback)(function (engine) {
-    onChange('engine', engine === ALL_ENGINE_KEY ? undefined : engine);
-  }, [onChange, filter]);
-  var onChangeTextFilter = (0, _react.useCallback)(function (text) {
-    onChange('filter', text || undefined);
-  }, [onChange, filter]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: b(null, className),
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: b('row'),
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.RadioButton, {
-        className: b('row-item'),
-        options: AuthorFilter,
-        value: filter.user || _types.QueriesHistoryAuthor.My,
-        onUpdate: onChangeAuthorFilter
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.RadioButton, {
-        className: b('row-item'),
-        options: EngineFilter,
-        value: filter.engine || ALL_ENGINE_KEY,
-        onUpdate: onChangeEngineFilter
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: b('row'),
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.TextInput, {
-        placeholder: "Search in query body",
-        value: filter === null || filter === void 0 ? void 0 : filter.filter,
-        onUpdate: onChangeTextFilter
-      })
-    })]
-  });
-}
-// #sourceMappingURL=index.js.map
-// #sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["_react","require","_bemCnLite","_interopRequireDefault","_uikit","_types","_query","_jsxRuntime","AuthorFilter","value","QueriesHistoryAuthor","My","content","All","ALL_ENGINE_KEY","EngineFilter","concat","_toConsumableArray","Object","entries","QueryEnginesNames","map","_ref","_ref2","_slicedToArray","key","name","b","block","QuriesHistoryListFilter","_ref3","className","filter","onChange","onChangeAuthorFilter","useCallback","user","onChangeEngineFilter","engine","undefined","onChangeTextFilter","text","_jsxs","children","_jsx","RadioButton","options","onUpdate","TextInput","placeholder"],"sources":["index.tsx"],"sourcesContent":["import React, {useCallback} from 'react';\nimport block from 'bem-cn-lite';\nimport {ControlGroupOption, RadioButton, TextInput} from '@gravity-ui/uikit';\nimport {QueriesHistoryAuthor} from '../../module/queries_list/types';\nimport {QueryEnginesNames} from '../../utils/query';\nimport {QueriesListState} from '../../module/queries_list/reducer';\n\nimport './index.scss';\n\nconst AuthorFilter: ControlGroupOption[] = [\n    {\n        value: QueriesHistoryAuthor.My,\n        content: 'My',\n    },\n    {\n        value: QueriesHistoryAuthor.All,\n        content: 'All',\n    },\n];\n\nconst ALL_ENGINE_KEY = '__all';\nconst EngineFilter: ControlGroupOption[] = [\n    {\n        value: ALL_ENGINE_KEY,\n        content: 'All',\n    },\n    ...Object.entries(QueryEnginesNames).map(([key, name]) => {\n        return {\n            value: key,\n            content: name,\n        };\n    }),\n];\n\nconst b = block('queries-history-filter');\n\ntype QuriesHistoryListFilterProps = {\n    className?: string;\n    filter: QueriesListState['filter'];\n    onChange: <K extends keyof QueriesListState['filter']>(\n        filter: K,\n        value: QueriesListState['filter'][K],\n    ) => void;\n};\nexport function QuriesHistoryListFilter({\n    className,\n    filter,\n    onChange,\n}: QuriesHistoryListFilterProps) {\n    const onChangeAuthorFilter = useCallback(\n        (user: string) => {\n            onChange('user', user as QueriesHistoryAuthor);\n        },\n        [onChange, filter],\n    );\n    const onChangeEngineFilter = useCallback(\n        (engine: string) => {\n            onChange('engine', engine === ALL_ENGINE_KEY ? undefined : engine);\n        },\n        [onChange, filter],\n    );\n    const onChangeTextFilter = useCallback(\n        (text: string) => {\n            onChange('filter', text || undefined);\n        },\n        [onChange, filter],\n    );\n    return (\n        <div className={b(null, className)}>\n            <div className={b('row')}>\n                <RadioButton\n                    className={b('row-item')}\n                    options={AuthorFilter}\n                    value={filter.user || QueriesHistoryAuthor.My}\n                    onUpdate={onChangeAuthorFilter}\n                />\n                <RadioButton\n                    className={b('row-item')}\n                    options={EngineFilter}\n                    value={filter.engine || ALL_ENGINE_KEY}\n                    onUpdate={onChangeEngineFilter}\n                />\n            </div>\n            <div className={b('row')}>\n                <TextInput\n                    placeholder=\"Search in query body\"\n                    value={filter?.filter}\n                    onUpdate={onChangeTextFilter}\n                />\n            </div>\n        </div>\n    );\n}\n"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"names":["_hammer","_interopRequireDefault","require","_uikit","_bemCnLite","_reactRouter","_react","_reactRedux","_api","_actions","_selectors","_QueryStatus","_date","_selectors2","_QueriesHistoryFilter","_Pagination","_context","_global","_util","_navigation","_query","_DataTableYT","_reactDataTable","_QueryListFilter","_types","_jsxRuntime","b","block","itemBlock","useQueriesHistoryCursor","dispatch","useDispatch","cursor","useSelector","getQueriesHistoryCursor","hasNext","hasQueriesListMore","goNext","useCallback","loadNextQueriesList","QueriesHistoryCursorDirection","PAST","goBack","FUTURE","reset","resetCursor","first","cursorTime","last","goFirst","useQueriesHistoryUpdate","pollingContext","useContext","QueriesPoolingContext","uncompletedItems","getUncompletedItems","useEffect","pollingEffect","length","watch","items","type","UPDATE_QUERIES_LIST","data","useRefreshHistoryList","timeout","arguments","undefined","timer","start","setTimeout","refreshQueryHistoryListIfNeeded","clearTimeout","useQueryHistoryList","isLoading","isQueriesListLoading","getQueriesList","requestQueriesList","useQueryNavigation","selectedItem","getQuery","cluster","getCluster","history","useHistory","goToQuery","item","push","createQueryUrl","id","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","Label","queryDuration","StartedColumns","_ref4","formatDateCompact","start_time","AuthorColumns","_ref5","user","MyColumns","AllColumns","tableSettings","displayIndices","sortable","stickyHead","DataTable","MOVING","syncHeadOnResize","QueriesHistoryList","_useQueryHistoryList","_useQueryHistoryList2","_slicedToArray","_useQuriesHistoryFilt","useQuriesHistoryFilter","_useQuriesHistoryFilt2","filter","setFilter","_useQueriesHistoryCur","_useQueryNavigation","_useQueryNavigation2","selectedId","_useState","useState","_useState2","columns","setColumns","QueriesHistoryAuthor","My","setClassName","selected","QuriesHistoryListFilter","onChange","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 {Label, Text} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\nimport {useHistory} from 'react-router';\nimport React, {useCallback, useContext, useEffect, useState} from 'react';\nimport {useDispatch, useSelector} from 'react-redux';\nimport {QueriesHistoryCursorDirection, QueryItem, QueryStatus} from '../module/api';\nimport {\n    refreshQueryHistoryListIfNeeded,\n    loadNextQueriesList,\n    requestQueriesList,\n    resetCursor,\n    UPDATE_QUERIES_LIST,\n} from '../module/queries_list/actions';\nimport {\n    isQueriesListLoading,\n    getQueriesList,\n    getQueriesHistoryCursor,\n    hasQueriesListMore,\n    getUncompletedItems,\n} from '../module/queries_list/selectors';\nimport {QueryStatusIcon} from '../QueryStatus';\nimport {queryDuration} from '../utils/date';\n\nimport './index.scss';\nimport {getQuery} from '../module/query/selectors';\nimport {QuriesHistoryListFilter} from './QueriesHistoryFilter';\nimport Pagination from '../../../components/Pagination/Pagination';\nimport {noop} from 'lodash';\nimport {QueriesPoolingContext} from '../hooks/QueriesPooling/context';\nimport {getCluster} from '../../../store/selectors/global';\nimport {formatDateCompact} from '../../../components/common/Timeline/util';\nimport {createQueryUrl} from '../utils/navigation';\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 {QueriesHistoryAuthor} from '../module/queries_list/types';\n\nconst b = block('queries-history-list');\n\nconst itemBlock = block('query-history-item');\n\nconst useQueriesHistoryCursor = () => {\n    const dispatch = useDispatch();\n    const cursor = useSelector(getQueriesHistoryCursor);\n    const hasNext = useSelector(hasQueriesListMore);\n\n    const goNext = useCallback(() => {\n        dispatch(loadNextQueriesList(QueriesHistoryCursorDirection.PAST));\n    }, [dispatch]);\n\n    const goBack = useCallback(() => {\n        dispatch(loadNextQueriesList(QueriesHistoryCursorDirection.FUTURE));\n    }, [dispatch]);\n\n    const reset = useCallback(() => {\n        dispatch(resetCursor());\n    }, [dispatch]);\n\n    return {\n        first: !cursor?.cursorTime,\n        last: !hasNext,\n        goNext,\n        goBack,\n        goFirst: reset,\n    };\n};\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(refreshQueryHistoryListIfNeeded(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(): [QueryItem[], boolean] {\n    const dispatch = useDispatch();\n    const isLoading = useSelector(isQueriesListLoading);\n    const items = useSelector(getQueriesList);\n    useEffect(() => {\n        dispatch(requestQueriesList());\n    }, []);\n    useQueriesHistoryUpdate();\n    useRefreshHistoryList(5000);\n    return [items, isLoading];\n}\n\nconst useQueryNavigation = (): [QueryItem['id'] | undefined, (id: QueryItem) => void] => {\n    const selectedItem = useSelector(getQuery);\n    const cluster = useSelector(getCluster);\n    const history = useHistory();\n\n    const goToQuery = useCallback(\n        (item: QueryItem) => {\n            history.push(createQueryUrl(cluster, item.id));\n        },\n        [history],\n    );\n\n    return [selectedItem?.id, goToQuery];\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 <Label>{queryDuration(row)}</Label>;\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 mainLocation = useParams();\n    const [items, isLoading] = useQueryHistoryList();\n\n    const [filter, setFilter] = useQuriesHistoryFilter();\n\n    const {first, last, goBack, goNext, goFirst} = useQueriesHistoryCursor();\n\n    const [selectedId, goToQuery] = useQueryNavigation();\n\n    const [columns, setColumns] = useState<Column<QueryItem>[]>([]);\n\n    useEffect(() => {\n        if (!isLoading || !items?.length) {\n            setColumns(filter.user === QueriesHistoryAuthor.My ? MyColumns : AllColumns);\n        }\n    }, [items, setColumns, filter.user, isLoading]);\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            <QuriesHistoryListFilter className={b('filter')} filter={filter} onChange={setFilter} />\n            <div className={b('list-wrapper')}>\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":"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"}

package/build/esm/ui/pages/query-tracker/QueriesHistoryList/QueriesHistoryFilter/index.d.ts

@@ -1,9 +0,0 @@
-import { QueriesListState } from '../../module/queries_list/reducer';
-import './index.scss';
-type QuriesHistoryListFilterProps = {
-    className?: string;
-    filter: QueriesListState['filter'];
-    onChange: <K extends keyof QueriesListState['filter']>(filter: K, value: QueriesListState['filter'][K]) => void;
-};
-export declare function QuriesHistoryListFilter({ className, filter, onChange, }: QuriesHistoryListFilterProps): JSX.Element;
-export {};

package/build/esm/ui/pages/query-tracker/QueriesHistoryList/QueriesHistoryFilter/index.js

@@ -1,70 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import React, { useCallback } from 'react';
-import block from 'bem-cn-lite';
-import { RadioButton, TextInput } from '@gravity-ui/uikit';
-import { QueriesHistoryAuthor } from '../../module/queries_list/types';
-import { QueryEnginesNames } from '../../utils/query';
-import './index.css';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var AuthorFilter = [{
-  value: QueriesHistoryAuthor.My,
-  content: 'My'
-}, {
-  value: QueriesHistoryAuthor.All,
-  content: 'All'
-}];
-var ALL_ENGINE_KEY = '__all';
-var EngineFilter = [{
-  value: ALL_ENGINE_KEY,
-  content: 'All'
-}].concat(_toConsumableArray(Object.entries(QueryEnginesNames).map(function (_ref) {
-  var _ref2 = _slicedToArray(_ref, 2),
-    key = _ref2[0],
-    name = _ref2[1];
-  return {
-    value: key,
-    content: name
-  };
-})));
-var b = block('queries-history-filter');
-export function QuriesHistoryListFilter(_ref3) {
-  var className = _ref3.className,
-    filter = _ref3.filter,
-    onChange = _ref3.onChange;
-  var onChangeAuthorFilter = useCallback(function (user) {
-    onChange('user', user);
-  }, [onChange, filter]);
-  var onChangeEngineFilter = useCallback(function (engine) {
-    onChange('engine', engine === ALL_ENGINE_KEY ? undefined : engine);
-  }, [onChange, filter]);
-  var onChangeTextFilter = useCallback(function (text) {
-    onChange('filter', text || undefined);
-  }, [onChange, filter]);
-  return /*#__PURE__*/_jsxs("div", {
-    className: b(null, className),
-    children: [/*#__PURE__*/_jsxs("div", {
-      className: b('row'),
-      children: [/*#__PURE__*/_jsx(RadioButton, {
-        className: b('row-item'),
-        options: AuthorFilter,
-        value: filter.user || QueriesHistoryAuthor.My,
-        onUpdate: onChangeAuthorFilter
-      }), /*#__PURE__*/_jsx(RadioButton, {
-        className: b('row-item'),
-        options: EngineFilter,
-        value: filter.engine || ALL_ENGINE_KEY,
-        onUpdate: onChangeEngineFilter
-      })]
-    }), /*#__PURE__*/_jsx("div", {
-      className: b('row'),
-      children: /*#__PURE__*/_jsx(TextInput, {
-        placeholder: "Search in query body",
-        value: filter === null || filter === void 0 ? void 0 : filter.filter,
-        onUpdate: onChangeTextFilter
-      })
-    })]
-  });
-}
-// #sourceMappingURL=index.js.map

package/build/esm/ui/pages/query-tracker/QueriesHistoryList/QueriesHistoryFilter/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","useCallback","block","RadioButton","TextInput","QueriesHistoryAuthor","QueryEnginesNames","jsx","_jsx","jsxs","_jsxs","AuthorFilter","value","My","content","All","ALL_ENGINE_KEY","EngineFilter","concat","_toConsumableArray","Object","entries","map","_ref","_ref2","_slicedToArray","key","name","b","QuriesHistoryListFilter","_ref3","className","filter","onChange","onChangeAuthorFilter","user","onChangeEngineFilter","engine","undefined","onChangeTextFilter","text","children","options","onUpdate","placeholder"],"sources":["index.tsx"],"sourcesContent":["import React, {useCallback} from 'react';\nimport block from 'bem-cn-lite';\nimport {ControlGroupOption, RadioButton, TextInput} from '@gravity-ui/uikit';\nimport {QueriesHistoryAuthor} from '../../module/queries_list/types';\nimport {QueryEnginesNames} from '../../utils/query';\nimport {QueriesListState} from '../../module/queries_list/reducer';\n\nimport './index.scss';\n\nconst AuthorFilter: ControlGroupOption[] = [\n    {\n        value: QueriesHistoryAuthor.My,\n        content: 'My',\n    },\n    {\n        value: QueriesHistoryAuthor.All,\n        content: 'All',\n    },\n];\n\nconst ALL_ENGINE_KEY = '__all';\nconst EngineFilter: ControlGroupOption[] = [\n    {\n        value: ALL_ENGINE_KEY,\n        content: 'All',\n    },\n    ...Object.entries(QueryEnginesNames).map(([key, name]) => {\n        return {\n            value: key,\n            content: name,\n        };\n    }),\n];\n\nconst b = block('queries-history-filter');\n\ntype QuriesHistoryListFilterProps = {\n    className?: string;\n    filter: QueriesListState['filter'];\n    onChange: <K extends keyof QueriesListState['filter']>(\n        filter: K,\n        value: QueriesListState['filter'][K],\n    ) => void;\n};\nexport function QuriesHistoryListFilter({\n    className,\n    filter,\n    onChange,\n}: QuriesHistoryListFilterProps) {\n    const onChangeAuthorFilter = useCallback(\n        (user: string) => {\n            onChange('user', user as QueriesHistoryAuthor);\n        },\n        [onChange, filter],\n    );\n    const onChangeEngineFilter = useCallback(\n        (engine: string) => {\n            onChange('engine', engine === ALL_ENGINE_KEY ? undefined : engine);\n        },\n        [onChange, filter],\n    );\n    const onChangeTextFilter = useCallback(\n        (text: string) => {\n            onChange('filter', text || undefined);\n        },\n        [onChange, filter],\n    );\n    return (\n        <div className={b(null, className)}>\n            <div className={b('row')}>\n                <RadioButton\n                    className={b('row-item')}\n                    options={AuthorFilter}\n                    value={filter.user || QueriesHistoryAuthor.My}\n                    onUpdate={onChangeAuthorFilter}\n                />\n                <RadioButton\n                    className={b('row-item')}\n                    options={EngineFilter}\n                    value={filter.engine || ALL_ENGINE_KEY}\n                    onUpdate={onChangeEngineFilter}\n                />\n            </div>\n            <div className={b('row')}>\n                <TextInput\n                    placeholder=\"Search in query body\"\n                    value={filter?.filter}\n                    onUpdate={onChangeTextFilter}\n                />\n            </div>\n        </div>\n    );\n}\n"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"names":["hammer","Label","Text","block","useHistory","React","useCallback","useContext","useEffect","useState","useDispatch","useSelector","QueriesHistoryCursorDirection","QueryStatus","refreshQueryHistoryListIfNeeded","loadNextQueriesList","requestQueriesList","resetCursor","UPDATE_QUERIES_LIST","isQueriesListLoading","getQueriesList","getQueriesHistoryCursor","hasQueriesListMore","getUncompletedItems","QueryStatusIcon","queryDuration","getQuery","QuriesHistoryListFilter","Pagination","QueriesPoolingContext","getCluster","formatDateCompact","createQueryUrl","QueryEnginesNames","DataTableYT","DataTable","useQuriesHistoryFilter","QueriesHistoryAuthor","jsx","_jsx","jsxs","_jsxs","b","itemBlock","useQueriesHistoryCursor","dispatch","cursor","hasNext","goNext","PAST","goBack","FUTURE","reset","first","cursorTime","last","goFirst","useQueriesHistoryUpdate","pollingContext","uncompletedItems","pollingEffect","length","watch","items","type","data","useRefreshHistoryList","timeout","arguments","undefined","timer","start","setTimeout","clearTimeout","useQueryHistoryList","isLoading","useQueryNavigation","selectedItem","cluster","history","goToQuery","item","push","id","NameColumns","name","align","className","render","_ref","_row$annotations","row","annotations","title","children","status","state","color","ellipsis","TypeColumns","width","_ref2","variant","engine","DurationColumns","_ref3","RUNNING","format","NO_VALUE","StartedColumns","_ref4","start_time","AuthorColumns","_ref5","user","MyColumns","AllColumns","tableSettings","displayIndices","sortable","stickyHead","MOVING","syncHeadOnResize","QueriesHistoryList","_useQueryHistoryList","_useQueryHistoryList2","_slicedToArray","_useQuriesHistoryFilt","_useQuriesHistoryFilt2","filter","setFilter","_useQueriesHistoryCur","_useQueryNavigation","_useQueryNavigation2","selectedId","_useState","_useState2","columns","setColumns","My","setClassName","selected","onChange","loading","useThemeYT","rowKey","onRowClick","disableRightGap","settings","rowClassName","size","handler","disabled","previous","next","_noop"],"sources":["index.tsx"],"sourcesContent":["import hammer from '../../../common/hammer';\nimport {Label, Text} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\nimport {useHistory} from 'react-router';\nimport React, {useCallback, useContext, useEffect, useState} from 'react';\nimport {useDispatch, useSelector} from 'react-redux';\nimport {QueriesHistoryCursorDirection, QueryItem, QueryStatus} from '../module/api';\nimport {\n    refreshQueryHistoryListIfNeeded,\n    loadNextQueriesList,\n    requestQueriesList,\n    resetCursor,\n    UPDATE_QUERIES_LIST,\n} from '../module/queries_list/actions';\nimport {\n    isQueriesListLoading,\n    getQueriesList,\n    getQueriesHistoryCursor,\n    hasQueriesListMore,\n    getUncompletedItems,\n} from '../module/queries_list/selectors';\nimport {QueryStatusIcon} from '../QueryStatus';\nimport {queryDuration} from '../utils/date';\n\nimport './index.scss';\nimport {getQuery} from '../module/query/selectors';\nimport {QuriesHistoryListFilter} from './QueriesHistoryFilter';\nimport Pagination from '../../../components/Pagination/Pagination';\nimport {noop} from 'lodash';\nimport {QueriesPoolingContext} from '../hooks/QueriesPooling/context';\nimport {getCluster} from '../../../store/selectors/global';\nimport {formatDateCompact} from '../../../components/common/Timeline/util';\nimport {createQueryUrl} from '../utils/navigation';\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 {QueriesHistoryAuthor} from '../module/queries_list/types';\n\nconst b = block('queries-history-list');\n\nconst itemBlock = block('query-history-item');\n\nconst useQueriesHistoryCursor = () => {\n    const dispatch = useDispatch();\n    const cursor = useSelector(getQueriesHistoryCursor);\n    const hasNext = useSelector(hasQueriesListMore);\n\n    const goNext = useCallback(() => {\n        dispatch(loadNextQueriesList(QueriesHistoryCursorDirection.PAST));\n    }, [dispatch]);\n\n    const goBack = useCallback(() => {\n        dispatch(loadNextQueriesList(QueriesHistoryCursorDirection.FUTURE));\n    }, [dispatch]);\n\n    const reset = useCallback(() => {\n        dispatch(resetCursor());\n    }, [dispatch]);\n\n    return {\n        first: !cursor?.cursorTime,\n        last: !hasNext,\n        goNext,\n        goBack,\n        goFirst: reset,\n    };\n};\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(refreshQueryHistoryListIfNeeded(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(): [QueryItem[], boolean] {\n    const dispatch = useDispatch();\n    const isLoading = useSelector(isQueriesListLoading);\n    const items = useSelector(getQueriesList);\n    useEffect(() => {\n        dispatch(requestQueriesList());\n    }, []);\n    useQueriesHistoryUpdate();\n    useRefreshHistoryList(5000);\n    return [items, isLoading];\n}\n\nconst useQueryNavigation = (): [QueryItem['id'] | undefined, (id: QueryItem) => void] => {\n    const selectedItem = useSelector(getQuery);\n    const cluster = useSelector(getCluster);\n    const history = useHistory();\n\n    const goToQuery = useCallback(\n        (item: QueryItem) => {\n            history.push(createQueryUrl(cluster, item.id));\n        },\n        [history],\n    );\n\n    return [selectedItem?.id, goToQuery];\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 <Label>{queryDuration(row)}</Label>;\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 mainLocation = useParams();\n    const [items, isLoading] = useQueryHistoryList();\n\n    const [filter, setFilter] = useQuriesHistoryFilter();\n\n    const {first, last, goBack, goNext, goFirst} = useQueriesHistoryCursor();\n\n    const [selectedId, goToQuery] = useQueryNavigation();\n\n    const [columns, setColumns] = useState<Column<QueryItem>[]>([]);\n\n    useEffect(() => {\n        if (!isLoading || !items?.length) {\n            setColumns(filter.user === QueriesHistoryAuthor.My ? MyColumns : AllColumns);\n        }\n    }, [items, setColumns, filter.user, isLoading]);\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            <QuriesHistoryListFilter className={b('filter')} filter={filter} onChange={setFilter} />\n            <div className={b('list-wrapper')}>\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":"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"}