@ytsaurus/ui 0.0.4 → 0.2.0

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

@@ -5,19 +5,65 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.QueriesList = QueriesList;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = require("react");
 var _bemCnLite = _interopRequireDefault(require("bem-cn-lite"));
-var _QueriesHistoryList = require("../QueriesHistoryList");
+var _uikit = require("@gravity-ui/uikit");
+var _QueriesHistoryList = require("./QueriesHistoryList");
+var _selectors = require("../module/queries_list/selectors");
+var _reactRedux = require("react-redux");
+var _types = require("../module/queries_list/types");
+var _actions = require("../module/queries_list/actions");
+var _QueriesTutorialList = require("./QueriesTutorialList");
+var _QueriesListFilter = require("./QueriesListFilter");
 var _jsxRuntime = require("react/jsx-runtime");
+var _TabNames;
 // import {Tabs} from '@gravity-ui/uikit';
 
 var b = (0, _bemCnLite["default"])('queires-list');
+var TabNames = (_TabNames = {}, (0, _defineProperty2["default"])(_TabNames, _types.QueriesListMode.History, 'History'), (0, _defineProperty2["default"])(_TabNames, _types.QueriesListMode.Tutorials, 'Tutorials'), _TabNames);
+var useQueryTabs = function useQueryTabs() {
+  var dispatch = (0, _reactRedux.useDispatch)();
+  var selectedTab = (0, _reactRedux.useSelector)(_selectors.getQueriesListMode);
+  var setTab = (0, _react.useCallback)(function (tab) {
+    dispatch((0, _actions.applyListMode)(tab));
+  }, [dispatch]);
+  var tabOptions = (0, _react.useMemo)(function () {
+    return _types.QueriesListModes.map(function (tab) {
+      return {
+        id: tab,
+        title: TabNames[tab]
+      };
+    });
+  }, []);
+  return [tabOptions, (selectedTab || _types.QueriesListMode.History).toString(), setTab];
+};
 function QueriesList() {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+  var _useQueryTabs = useQueryTabs(),
+    _useQueryTabs2 = (0, _slicedToArray2["default"])(_useQueryTabs, 3),
+    tabs = _useQueryTabs2[0],
+    tab = _useQueryTabs2[1],
+    setTab = _useQueryTabs2[2];
+  var dispatch = (0, _reactRedux.useDispatch)();
+  (0, _react.useEffect)(function () {
+    dispatch((0, _actions.requestQueriesList)());
+  }, []);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: b(),
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Tabs, {
+      className: b('tabs'),
+      items: tabs,
+      activeTab: tab,
+      onSelectTab: setTab
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: b('content'),
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_QueriesHistoryList.QueriesHistoryList, {})
-    })
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_QueriesListFilter.QueriesHistoryListFilter, {
+        className: b('filter')
+      }), tab === _types.QueriesListMode.History && /*#__PURE__*/(0, _jsxRuntime.jsx)(_QueriesHistoryList.QueriesHistoryList, {}), tab === _types.QueriesListMode.Tutorials && /*#__PURE__*/(0, _jsxRuntime.jsx)(_QueriesTutorialList.QueriesTutorialList, {
+        className: b('list-content')
+      })]
+    })]
   });
 }
 // #sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_bemCnLite","_interopRequireDefault","require","_QueriesHistoryList","_jsxRuntime","b","block","QueriesList","_jsx","className","children","QueriesHistoryList"],"sources":["index.tsx"],"sourcesContent":["// import {Tabs} from '@gravity-ui/uikit';\nimport React from 'react';\nimport block from 'bem-cn-lite';\nimport {QueriesHistoryList} from '../QueriesHistoryList';\n\nimport './index.scss';\n\nconst b = block('queires-list');\n\nexport function QueriesList() {\n    return (\n        <div className={b()}>\n            <div className={b('content')}>\n                <QueriesHistoryList />\n            </div>\n        </div>\n    );\n}\n"],"mappings":";;;;;;;AAEA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,mBAAA,GAAAD,OAAA;AAEsB,IAAAE,WAAA,GAAAF,OAAA;AALtB;;AAOA,IAAMG,CAAC,GAAG,IAAAC,qBAAK,EAAC,cAAc,CAAC;AAExB,SAASC,WAAWA,CAAA,EAAG;EAC1B,oBACI,IAAAC,eAAA;IAAKC,SAAS,EAAEJ,CAAC,EAAG;IAAAK,QAAA,eAChB,IAAAF,eAAA;MAAKC,SAAS,EAAEJ,CAAC,CAAC,SAAS,CAAE;MAAAK,QAAA,eACzB,IAAAF,eAAA,EAACG,sCAAkB;IAAG;EACpB,EACJ;AAEd"}
+{"version":3,"names":["_react","require","_bemCnLite","_interopRequireDefault","_uikit","_QueriesHistoryList","_selectors","_reactRedux","_types","_actions","_QueriesTutorialList","_QueriesListFilter","_jsxRuntime","b","block","TabNames","_TabNames","_defineProperty","QueriesListMode","History","Tutorials","useQueryTabs","dispatch","useDispatch","selectedTab","useSelector","getQueriesListMode","setTab","useCallback","tab","applyListMode","tabOptions","useMemo","QueriesListModes","map","id","title","toString","QueriesList","_useQueryTabs","_useQueryTabs2","_slicedToArray","tabs","useEffect","requestQueriesList","_jsxs","className","children","_jsx","Tabs","items","activeTab","onSelectTab","QueriesHistoryListFilter","QueriesHistoryList","QueriesTutorialList"],"sources":["index.tsx"],"sourcesContent":["// import {Tabs} from '@gravity-ui/uikit';\nimport React, {useCallback, useEffect, useMemo} from 'react';\nimport block from 'bem-cn-lite';\nimport {Tabs, TabsItemProps} from '@gravity-ui/uikit';\nimport {QueriesHistoryList} from './QueriesHistoryList';\n\nimport {getQueriesListMode} from '../module/queries_list/selectors';\nimport {useSelector, useDispatch} from 'react-redux';\nimport {QueriesListMode, QueriesListModes} from '../module/queries_list/types';\nimport {applyListMode, requestQueriesList} from '../module/queries_list/actions';\n\nimport './index.scss';\nimport {QueriesTutorialList} from './QueriesTutorialList';\nimport {QueriesHistoryListFilter} from './QueriesListFilter';\n\nconst b = block('queires-list');\n\nconst TabNames = {\n    [QueriesListMode.History]: 'History',\n    [QueriesListMode.Tutorials]: 'Tutorials',\n};\n\nconst useQueryTabs = (): [TabsItemProps[], string, (tab: string) => void] => {\n    const dispatch = useDispatch();\n    const selectedTab = useSelector(getQueriesListMode);\n    const setTab = useCallback(\n        (tab: string) => {\n            dispatch(applyListMode(tab as QueriesListMode));\n        },\n        [dispatch],\n    );\n\n    const tabOptions = useMemo<TabsItemProps[]>(() => {\n        return QueriesListModes.map((tab) => {\n            return {\n                id: tab as unknown as string,\n                title: TabNames[tab],\n            };\n        });\n    }, []);\n    return [tabOptions, (selectedTab || QueriesListMode.History).toString(), setTab];\n};\n\nexport function QueriesList() {\n    const [tabs, tab, setTab] = useQueryTabs();\n\n    const dispatch = useDispatch();\n    useEffect(() => {\n        dispatch(requestQueriesList());\n    }, []);\n\n    return (\n        <div className={b()}>\n            <Tabs className={b('tabs')} items={tabs} activeTab={tab} onSelectTab={setTab} />\n            <div className={b('content')}>\n                <QueriesHistoryListFilter className={b('filter')} />\n\n                {tab === QueriesListMode.History && <QueriesHistoryList />}\n                {tab === QueriesListMode.Tutorials && (\n                    <QueriesTutorialList className={b('list-content')} />\n                )}\n            </div>\n        </div>\n    );\n}\n"],"mappings":";;;;;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,mBAAA,GAAAJ,OAAA;AAEA,IAAAK,UAAA,GAAAL,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AACA,IAAAQ,QAAA,GAAAR,OAAA;AAGA,IAAAS,oBAAA,GAAAT,OAAA;AACA,IAAAU,kBAAA,GAAAV,OAAA;AAA6D,IAAAW,WAAA,GAAAX,OAAA;;AAb7D;;AAeA,IAAMY,CAAC,GAAG,IAAAC,qBAAK,EAAC,cAAc,CAAC;AAE/B,IAAMC,QAAQ,IAAAC,SAAA,WAAAC,2BAAA,EAAAD,SAAA,EACTE,sBAAe,CAACC,OAAO,EAAG,SAAS,OAAAF,2BAAA,EAAAD,SAAA,EACnCE,sBAAe,CAACE,SAAS,EAAG,WAAW,GAAAJ,SAAA,CAC3C;AAED,IAAMK,YAAY,GAAG,SAAfA,YAAYA,CAAA,EAA2D;EACzE,IAAMC,QAAQ,GAAG,IAAAC,uBAAW,GAAE;EAC9B,IAAMC,WAAW,GAAG,IAAAC,uBAAW,EAACC,6BAAkB,CAAC;EACnD,IAAMC,MAAM,GAAG,IAAAC,kBAAW,EACtB,UAACC,GAAW,EAAK;IACbP,QAAQ,CAAC,IAAAQ,sBAAa,EAACD,GAAG,CAAoB,CAAC;EACnD,CAAC,EACD,CAACP,QAAQ,CAAC,CACb;EAED,IAAMS,UAAU,GAAG,IAAAC,cAAO,EAAkB,YAAM;IAC9C,OAAOC,uBAAgB,CAACC,GAAG,CAAC,UAACL,GAAG,EAAK;MACjC,OAAO;QACHM,EAAE,EAAEN,GAAwB;QAC5BO,KAAK,EAAErB,QAAQ,CAACc,GAAG;MACvB,CAAC;IACL,CAAC,CAAC;EACN,CAAC,EAAE,EAAE,CAAC;EACN,OAAO,CAACE,UAAU,EAAE,CAACP,WAAW,IAAIN,sBAAe,CAACC,OAAO,EAAEkB,QAAQ,EAAE,EAAEV,MAAM,CAAC;AACpF,CAAC;AAEM,SAASW,WAAWA,CAAA,EAAG;EAC1B,IAAAC,aAAA,GAA4BlB,YAAY,EAAE;IAAAmB,cAAA,OAAAC,0BAAA,EAAAF,aAAA;IAAnCG,IAAI,GAAAF,cAAA;IAAEX,GAAG,GAAAW,cAAA;IAAEb,MAAM,GAAAa,cAAA;EAExB,IAAMlB,QAAQ,GAAG,IAAAC,uBAAW,GAAE;EAC9B,IAAAoB,gBAAS,EAAC,YAAM;IACZrB,QAAQ,CAAC,IAAAsB,2BAAkB,GAAE,CAAC;EAClC,CAAC,EAAE,EAAE,CAAC;EAEN,oBACI,IAAAC,gBAAA;IAAKC,SAAS,EAAEjC,CAAC,EAAG;IAAAkC,QAAA,gBAChB,IAAAC,eAAA,EAACC,WAAI;MAACH,SAAS,EAAEjC,CAAC,CAAC,MAAM,CAAE;MAACqC,KAAK,EAAER,IAAK;MAACS,SAAS,EAAEtB,GAAI;MAACuB,WAAW,EAAEzB;IAAO,EAAG,eAChF,IAAAkB,gBAAA;MAAKC,SAAS,EAAEjC,CAAC,CAAC,SAAS,CAAE;MAAAkC,QAAA,gBACzB,IAAAC,eAAA,EAACK,2CAAwB;QAACP,SAAS,EAAEjC,CAAC,CAAC,QAAQ;MAAE,EAAG,EAEnDgB,GAAG,KAAKX,sBAAe,CAACC,OAAO,iBAAI,IAAA6B,eAAA,EAACM,sCAAkB,KAAG,EACzDzB,GAAG,KAAKX,sBAAe,CAACE,SAAS,iBAC9B,IAAA4B,eAAA,EAACO,wCAAmB;QAACT,SAAS,EAAEjC,CAAC,CAAC,cAAc;MAAE,EACrD;IAAA,EACC;EAAA,EACJ;AAEd"}

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

@@ -9,7 +9,9 @@ exports.QueryDuration = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _uikit = require("@gravity-ui/uikit");
 var _react = _interopRequireWildcard(require("react"));
+var _api = require("../module/api");
 var _date = require("../utils/date");
+var _query = require("../utils/query");
 var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -19,6 +21,14 @@ var useQueryDuration = function useQueryDuration(query) {
     duration = _useState2[0],
     setDuration = _useState2[1];
   (0, _react.useEffect)(function () {
+    if (query.state === _api.QueryStatus.DRAFT) {
+      setDuration(null);
+      return;
+    }
+    if ((0, _query.isQueryCompleted)(query)) {
+      setDuration(query.finish_time ? (0, _date.queryDuration)(query) : '-');
+      return;
+    }
     setDuration((0, _date.queryDuration)(query));
     if (query.finish_time) {
       return;
@@ -35,9 +45,10 @@ var useQueryDuration = function useQueryDuration(query) {
 var QueryDuration = /*#__PURE__*/_react["default"].memo(function QueryDuration(_ref) {
   var query = _ref.query,
     className = _ref.className;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Label, {
+  var duration = useQueryDuration(query);
+  return duration && /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Label, {
     className: className,
-    children: useQueryDuration(query)
+    children: duration
   });
 });
 // #sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_uikit","require","_react","_interopRequireWildcard","_date","_jsxRuntime","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","useQueryDuration","query","_useState","useState","queryDuration","_useState2","_slicedToArray","duration","setDuration","useEffect","finish_time","timer","setInterval","clearInterval","id","state","start_time","QueryDuration","React","memo","_ref","className","_jsx","Label","children"],"sources":["index.tsx"],"sourcesContent":["import {Label} from '@gravity-ui/uikit';\nimport React, {useEffect, useState} from 'react';\nimport {QueryItem} from '../module/api';\nimport {queryDuration} from '../utils/date';\n\nexport type QueryDurationProps = {\n    query: QueryItem;\n    className?: string;\n};\n\nconst useQueryDuration = (query: QueryItem) => {\n    const [duration, setDuration] = useState(queryDuration(query));\n    useEffect(() => {\n        setDuration(queryDuration(query));\n        if (query.finish_time) {\n            return;\n        }\n        const timer = setInterval(() => setDuration(queryDuration(query)), 1000);\n        return () => {\n            clearInterval(timer);\n        };\n    }, [query.id, query.state, query.start_time]);\n\n    return duration;\n};\n\nexport const QueryDuration = React.memo(function QueryDuration({\n    query,\n    className,\n}: QueryDurationProps) {\n    return <Label className={className}>{useQueryDuration(query)}</Label>;\n});\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AAEA,IAAAG,KAAA,GAAAH,OAAA;AAA4C,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAK,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAJ,wBAAAQ,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,aAAAE,OAAA,CAAAF,GAAA,yBAAAA,GAAA,uCAAAA,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,cAAAN,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAO5C,IAAMW,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,KAAgB,EAAK;EAC3C,IAAAC,SAAA,GAAgC,IAAAC,eAAQ,EAAC,IAAAC,mBAAa,EAACH,KAAK,CAAC,CAAC;IAAAI,UAAA,OAAAC,0BAAA,EAAAJ,SAAA;IAAvDK,QAAQ,GAAAF,UAAA;IAAEG,WAAW,GAAAH,UAAA;EAC5B,IAAAI,gBAAS,EAAC,YAAM;IACZD,WAAW,CAAC,IAAAJ,mBAAa,EAACH,KAAK,CAAC,CAAC;IACjC,IAAIA,KAAK,CAACS,WAAW,EAAE;MACnB;IACJ;IACA,IAAMC,KAAK,GAAGC,WAAW,CAAC;MAAA,OAAMJ,WAAW,CAAC,IAAAJ,mBAAa,EAACH,KAAK,CAAC,CAAC;IAAA,GAAE,IAAI,CAAC;IACxE,OAAO,YAAM;MACTY,aAAa,CAACF,KAAK,CAAC;IACxB,CAAC;EACL,CAAC,EAAE,CAACV,KAAK,CAACa,EAAE,EAAEb,KAAK,CAACc,KAAK,EAAEd,KAAK,CAACe,UAAU,CAAC,CAAC;EAE7C,OAAOT,QAAQ;AACnB,CAAC;AAEM,IAAMU,aAAa,gBAAGC,iBAAK,CAACC,IAAI,CAAC,SAASF,aAAaA,CAAAG,IAAA,EAGvC;EAAA,IAFnBnB,KAAK,GAAAmB,IAAA,CAALnB,KAAK;IACLoB,SAAS,GAAAD,IAAA,CAATC,SAAS;EAET,oBAAO,IAAAC,eAAA,EAACC,YAAK;IAACF,SAAS,EAAEA,SAAU;IAAAG,QAAA,EAAExB,gBAAgB,CAACC,KAAK;EAAC,EAAS;AACzE,CAAC,CAAC"}
+{"version":3,"names":["_uikit","require","_react","_interopRequireWildcard","_api","_date","_query","_jsxRuntime","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","useQueryDuration","query","_useState","useState","queryDuration","_useState2","_slicedToArray","duration","setDuration","useEffect","state","QueryStatus","DRAFT","isQueryCompleted","finish_time","timer","setInterval","clearInterval","id","start_time","QueryDuration","React","memo","_ref","className","_jsx","Label","children"],"sources":["index.tsx"],"sourcesContent":["import {Label} from '@gravity-ui/uikit';\nimport React, {useEffect, useState} from 'react';\nimport {QueryItem, QueryStatus} from '../module/api';\nimport {queryDuration} from '../utils/date';\nimport {isQueryCompleted} from '../utils/query';\n\nexport type QueryDurationProps = {\n    query: QueryItem;\n    className?: string;\n};\n\nconst useQueryDuration = (query: QueryItem) => {\n    const [duration, setDuration] = useState(queryDuration(query));\n    useEffect(() => {\n        if (query.state === QueryStatus.DRAFT) {\n            setDuration(null);\n            return;\n        }\n        if (isQueryCompleted(query)) {\n            setDuration(query.finish_time ? queryDuration(query) : '-');\n            return;\n        }\n        setDuration(queryDuration(query));\n        if (query.finish_time) {\n            return;\n        }\n        const timer = setInterval(() => setDuration(queryDuration(query)), 1000);\n        return () => {\n            clearInterval(timer);\n        };\n    }, [query.id, query.state, query.start_time]);\n\n    return duration;\n};\n\nexport const QueryDuration = React.memo(function QueryDuration({\n    query,\n    className,\n}: QueryDurationProps) {\n    const duration = useQueryDuration(query);\n    return duration && <Label className={className}>{duration}</Label>;\n});\n"],"mappings":"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"}

package/build/cjs/ui/pages/query-tracker/QueryEditor/QueryEditor.d.ts

@@ -1,2 +1,4 @@
 import './QueryEditor.scss';
-export declare function QueryEditor(): JSX.Element;
+export declare function QueryEditor({ onStartQuery }: {
+    onStartQuery?: (queryId: string) => boolean | void;
+}): JSX.Element;

package/build/cjs/ui/pages/query-tracker/QueryEditor/QueryEditor.js

@@ -21,18 +21,21 @@ var _QueryResults = require("../QueryResults");
 var _square = _interopRequireDefault(require("../../../../../img/svg/icons/square.svg"));
 var _squareSemifill = _interopRequireDefault(require("../../../../../img/svg/icons/square-semifill.svg"));
 var _closeIcon = _interopRequireDefault(require("../../../../../img/svg/close-icon.svg"));
+var _useCurrentQuery = require("../QueryResults/hooks/useCurrentQuery");
 var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var b = (0, _bemCnLite["default"])('query-container');
-var QueryEditorView = /*#__PURE__*/_react["default"].memo(function QueryEditorView() {
+var QueryEditorView = /*#__PURE__*/_react["default"].memo(function QueryEditorView(_ref) {
+  var onStartQuery = _ref.onStartQuery;
   var editorRef = (0, _react.useRef)();
   var activeQuery = (0, _reactRedux.useSelector)(_selectors.getQuery);
   var text = (0, _reactRedux.useSelector)(_selectors.getQueryText);
   var engine = (0, _reactRedux.useSelector)(_selectors.getQueryEngine);
   (0, _react.useEffect)(function () {
-    var _editorRef$current;
+    var _editorRef$current, _editorRef$current2;
     (_editorRef$current = editorRef.current) === null || _editorRef$current === void 0 ? void 0 : _editorRef$current.focus();
+    (_editorRef$current2 = editorRef.current) === null || _editorRef$current2 === void 0 ? void 0 : _editorRef$current2.setScrollTop(0);
   }, [editorRef.current, activeQuery === null || activeQuery === void 0 ? void 0 : activeQuery.id]);
   var monacoConfig = (0, _react.useMemo)(function () {
     return {
@@ -54,8 +57,8 @@ var QueryEditorView = /*#__PURE__*/_react["default"].memo(function QueryEditorVi
     });
   }, [dispatch]);
   var runQueryCallback = (0, _react.useCallback)(function () {
-    dispatch((0, _actions.runQuery)());
-  }, [dispatch]);
+    dispatch((0, _actions.runQuery)(onStartQuery));
+  }, [dispatch, onStartQuery]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: b('query'),
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_MonacoEditor["default"], {
@@ -81,10 +84,12 @@ var QueryEditorView = /*#__PURE__*/_react["default"].memo(function QueryEditorVi
     })]
   });
 });
-var ResultView = /*#__PURE__*/_react["default"].memo(function ResultView(_ref) {
-  var resultViewMode = _ref.resultViewMode,
-    setResultViewMode = _ref.setResultViewMode;
+var ResultView = /*#__PURE__*/_react["default"].memo(function ResultView(_ref2) {
+  var query = _ref2.query,
+    resultViewMode = _ref2.resultViewMode,
+    setResultViewMode = _ref2.setResultViewMode;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_QueryResults.QueryResults, {
+    query: query,
     className: b('results'),
     minimized: resultViewMode === 'minimized',
     toolbar: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
@@ -119,8 +124,9 @@ var ResultView = /*#__PURE__*/_react["default"].memo(function ResultView(_ref) {
     })
   });
 });
-function QueryEditor() {
-  var query = (0, _reactRedux.useSelector)(_selectors.getQuery);
+function QueryEditor(_ref3) {
+  var onStartQuery = _ref3.onStartQuery;
+  var query = (0, _useCurrentQuery.useCurrentQuery)();
   var _useState = (0, _react.useState)('minimized'),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     resultViewMode = _useState2[0],
@@ -145,7 +151,10 @@ function QueryEditor() {
       getInitialSizes: function getInitialSizes() {
         return partSizes;
       },
-      children: [resultViewMode !== 'full' && /*#__PURE__*/(0, _jsxRuntime.jsx)(QueryEditorView, {}), isExecuted && /*#__PURE__*/(0, _jsxRuntime.jsx)(ResultView, {
+      children: [resultViewMode !== 'full' && /*#__PURE__*/(0, _jsxRuntime.jsx)(QueryEditorView, {
+        onStartQuery: onStartQuery
+      }), (query === null || query === void 0 ? void 0 : query.id) && isExecuted && /*#__PURE__*/(0, _jsxRuntime.jsx)(ResultView, {
+        query: query,
         setResultViewMode: setResultViewMode,
         resultViewMode: resultViewMode
       })]

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_MonacoEditor","_interopRequireDefault","_bemCnLite","_uikit","_play","_reactRedux","_selectors","_actions","_FlexSplitPane","_QueryResults","_square","_squareSemifill","_closeIcon","_jsxRuntime","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","b","block","QueryEditorView","React","memo","editorRef","useRef","activeQuery","useSelector","getQuery","text","getQueryText","engine","getQueryEngine","useEffect","_editorRef$current","current","focus","id","monacoConfig","useMemo","fontSize","language","renderWhitespace","minimap","enabled","dispatch","useDispatch","upadteQueryText","useCallback","type","SET_QUERY_PATCH","data","query","runQueryCallback","runQuery","_jsxs","className","children","_jsx","MonacoEditor","value","onChange","Button","view","onClick","Icon","playIcon","ResultView","_ref","resultViewMode","setResultViewMode","QueryResults","minimized","toolbar","_Fragment","maximizeBlockIcon","minimazeBlockIcon","closeIcon","QueryEditor","_useState","useState","_useState2","_slicedToArray","_useState3","_useState4","partSizes","setSize","isExecuted","isQueryExecuted","isLoading","isQueryLoading","Loader","FlexSplitPane","_defineProperty","direction","VERTICAL","onResizeEnd","getInitialSizes"],"sources":["QueryEditor.tsx"],"sourcesContent":["import React, {useCallback, useEffect, useMemo, useRef, useState} from 'react';\nimport MonacoEditor, {MonacoEditorConfig} from '../../../components/MonacoEditor/MonacoEditor';\nimport block from 'bem-cn-lite';\nimport * as monaco from 'monaco-editor/esm/vs/editor/editor.api';\nimport {Button, Icon, Loader} from '@gravity-ui/uikit';\n\nimport playIcon from '../../../../../img/svg/play.svg';\nimport {useDispatch, useSelector} from 'react-redux';\nimport {\n    getQuery,\n    getQueryEngine,\n    getQueryText,\n    isQueryExecuted,\n    isQueryLoading,\n} from '../module/query/selectors';\nimport {runQuery, SET_QUERY_PATCH} from '../module/query/actions';\nimport FlexSplitPane from '../../../components/FlexSplitPane/FlexSplitPane';\nimport {QueryResults} from '../QueryResults';\nimport maximizeBlockIcon from '../../../../../img/svg/icons/square.svg';\nimport minimazeBlockIcon from '../../../../../img/svg/icons/square-semifill.svg';\nimport closeIcon from '../../../../../img/svg/close-icon.svg';\n\nimport './QueryEditor.scss';\n\nconst b = block('query-container');\n\nconst QueryEditorView = React.memo(function QueryEditorView() {\n    const editorRef = useRef<monaco.editor.IStandaloneCodeEditor>();\n    const activeQuery = useSelector(getQuery);\n    const text = useSelector(getQueryText);\n    const engine = useSelector(getQueryEngine);\n\n    useEffect(() => {\n        editorRef.current?.focus();\n    }, [editorRef.current, activeQuery?.id]);\n\n    const monacoConfig = useMemo<MonacoEditorConfig>(() => {\n        return {\n            fontSize: 14,\n            language: engine,\n            renderWhitespace: 'boundary',\n            minimap: {\n                enabled: true,\n            },\n        };\n    }, [engine]);\n    const dispatch = useDispatch();\n    const upadteQueryText = useCallback(\n        function (text: string) {\n            dispatch({type: SET_QUERY_PATCH, data: {query: text}});\n        },\n        [dispatch],\n    );\n\n    const runQueryCallback = useCallback(\n        function () {\n            dispatch(runQuery());\n        },\n        [dispatch],\n    );\n    return (\n        <div className={b('query')}>\n            <MonacoEditor\n                editorRef={editorRef}\n                value={text || ''}\n                language={'yql'}\n                className={b('editor')}\n                onChange={upadteQueryText}\n                monacoConfig={monacoConfig}\n            />\n            <div className={b('actions')}>\n                <div className=\"query-run-action\">\n                    <Button\n                        className=\"query-run-action-button\"\n                        view=\"action\"\n                        onClick={runQueryCallback}\n                    >\n                        <Icon data={playIcon} />\n                        Run\n                    </Button>\n                </div>\n            </div>\n        </div>\n    );\n});\n\nconst ResultView = React.memo(function ResultView({\n    resultViewMode,\n    setResultViewMode,\n}: {\n    resultViewMode: ResultMode;\n    setResultViewMode: (v: ResultMode) => void;\n}) {\n    return (\n        <QueryResults\n            className={b('results')}\n            minimized={resultViewMode === 'minimized'}\n            toolbar={\n                <>\n                    {resultViewMode === 'split' ? (\n                        <Button\n                            className={b('meta-action')}\n                            view=\"flat\"\n                            onClick={() => setResultViewMode('full')}\n                        >\n                            <Icon data={maximizeBlockIcon} />\n                        </Button>\n                    ) : (\n                        <Button\n                            className={b('meta-action')}\n                            view=\"flat\"\n                            onClick={() => setResultViewMode('split')}\n                        >\n                            <Icon data={minimazeBlockIcon} />\n                        </Button>\n                    )}\n                    {resultViewMode !== 'minimized' && (\n                        <Button\n                            className={b('meta-action')}\n                            view=\"flat\"\n                            onClick={() => setResultViewMode('minimized')}\n                        >\n                            <Icon data={closeIcon} />\n                        </Button>\n                    )}\n                </>\n            }\n        />\n    );\n});\n\ntype ResultMode = 'full' | 'minimized' | 'split';\nexport function QueryEditor() {\n    const query = useSelector(getQuery);\n\n    const [resultViewMode, setResultViewMode] = useState<ResultMode>('minimized');\n\n    const [partSizes, setSize] = useState([50, 50]);\n\n    useEffect(() => {\n        setResultViewMode('split');\n    }, [query?.id]);\n\n    const isExecuted = useSelector(isQueryExecuted);\n    const isLoading = useSelector(isQueryLoading);\n\n    return (\n        <>\n            {isLoading && (\n                <div className={b('loading')}>\n                    <Loader />\n                </div>\n            )}\n            <FlexSplitPane\n                className={b({[resultViewMode]: true})}\n                direction={FlexSplitPane.VERTICAL}\n                onResizeEnd={setSize}\n                getInitialSizes={() => partSizes}\n            >\n                {resultViewMode !== 'full' && <QueryEditorView />}\n\n                {isExecuted && (\n                    <ResultView\n                        setResultViewMode={setResultViewMode}\n                        resultViewMode={resultViewMode}\n                    />\n                )}\n            </FlexSplitPane>\n        </>\n    );\n}\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_MonacoEditor","_interopRequireDefault","_bemCnLite","_uikit","_play","_reactRedux","_selectors","_actions","_FlexSplitPane","_QueryResults","_square","_squareSemifill","_closeIcon","_useCurrentQuery","_jsxRuntime","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","b","block","QueryEditorView","React","memo","_ref","onStartQuery","editorRef","useRef","activeQuery","useSelector","getQuery","text","getQueryText","engine","getQueryEngine","useEffect","_editorRef$current","_editorRef$current2","current","focus","setScrollTop","id","monacoConfig","useMemo","fontSize","language","renderWhitespace","minimap","enabled","dispatch","useDispatch","upadteQueryText","useCallback","type","SET_QUERY_PATCH","data","query","runQueryCallback","runQuery","_jsxs","className","children","_jsx","MonacoEditor","value","onChange","Button","view","onClick","Icon","playIcon","ResultView","_ref2","resultViewMode","setResultViewMode","QueryResults","minimized","toolbar","_Fragment","maximizeBlockIcon","minimazeBlockIcon","closeIcon","QueryEditor","_ref3","useCurrentQuery","_useState","useState","_useState2","_slicedToArray","_useState3","_useState4","partSizes","setSize","isExecuted","isQueryExecuted","isLoading","isQueryLoading","Loader","FlexSplitPane","_defineProperty","direction","VERTICAL","onResizeEnd","getInitialSizes"],"sources":["QueryEditor.tsx"],"sourcesContent":["import React, {useCallback, useEffect, useMemo, useRef, useState} from 'react';\nimport MonacoEditor, {MonacoEditorConfig} from '../../../components/MonacoEditor/MonacoEditor';\nimport block from 'bem-cn-lite';\nimport * as monaco from 'monaco-editor/esm/vs/editor/editor.api';\nimport {Button, Icon, Loader} from '@gravity-ui/uikit';\n\nimport playIcon from '../../../../../img/svg/play.svg';\nimport {useDispatch, useSelector} from 'react-redux';\nimport {\n    getQuery,\n    getQueryEngine,\n    getQueryText,\n    isQueryExecuted,\n    isQueryLoading,\n} from '../module/query/selectors';\nimport {runQuery, SET_QUERY_PATCH} from '../module/query/actions';\nimport FlexSplitPane from '../../../components/FlexSplitPane/FlexSplitPane';\nimport {QueryResults} from '../QueryResults';\nimport maximizeBlockIcon from '../../../../../img/svg/icons/square.svg';\nimport minimazeBlockIcon from '../../../../../img/svg/icons/square-semifill.svg';\nimport closeIcon from '../../../../../img/svg/close-icon.svg';\n\nimport './QueryEditor.scss';\nimport {QueryItem} from '../module/api';\nimport {useCurrentQuery} from '../QueryResults/hooks/useCurrentQuery';\n\nconst b = block('query-container');\n\nconst QueryEditorView = React.memo(function QueryEditorView({\n    onStartQuery,\n}: {\n    onStartQuery?: (queryId: string) => boolean | void;\n}) {\n    const editorRef = useRef<monaco.editor.IStandaloneCodeEditor>();\n    const activeQuery = useSelector(getQuery);\n    const text = useSelector(getQueryText);\n    const engine = useSelector(getQueryEngine);\n\n    useEffect(() => {\n        editorRef.current?.focus();\n        editorRef.current?.setScrollTop(0);\n    }, [editorRef.current, activeQuery?.id]);\n\n    const monacoConfig = useMemo<MonacoEditorConfig>(() => {\n        return {\n            fontSize: 14,\n            language: engine,\n            renderWhitespace: 'boundary',\n            minimap: {\n                enabled: true,\n            },\n        };\n    }, [engine]);\n    const dispatch = useDispatch();\n    const upadteQueryText = useCallback(\n        function (text: string) {\n            dispatch({type: SET_QUERY_PATCH, data: {query: text}});\n        },\n        [dispatch],\n    );\n\n    const runQueryCallback = useCallback(\n        function () {\n            dispatch(runQuery(onStartQuery));\n        },\n        [dispatch, onStartQuery],\n    );\n    return (\n        <div className={b('query')}>\n            <MonacoEditor\n                editorRef={editorRef}\n                value={text || ''}\n                language={'yql'}\n                className={b('editor')}\n                onChange={upadteQueryText}\n                monacoConfig={monacoConfig}\n            />\n            <div className={b('actions')}>\n                <div className=\"query-run-action\">\n                    <Button\n                        className=\"query-run-action-button\"\n                        view=\"action\"\n                        onClick={runQueryCallback}\n                    >\n                        <Icon data={playIcon} />\n                        Run\n                    </Button>\n                </div>\n            </div>\n        </div>\n    );\n});\n\nconst ResultView = React.memo(function ResultView({\n    query,\n    resultViewMode,\n    setResultViewMode,\n}: {\n    query: QueryItem;\n    resultViewMode: ResultMode;\n    setResultViewMode: (v: ResultMode) => void;\n}) {\n    return (\n        <QueryResults\n            query={query}\n            className={b('results')}\n            minimized={resultViewMode === 'minimized'}\n            toolbar={\n                <>\n                    {resultViewMode === 'split' ? (\n                        <Button\n                            className={b('meta-action')}\n                            view=\"flat\"\n                            onClick={() => setResultViewMode('full')}\n                        >\n                            <Icon data={maximizeBlockIcon} />\n                        </Button>\n                    ) : (\n                        <Button\n                            className={b('meta-action')}\n                            view=\"flat\"\n                            onClick={() => setResultViewMode('split')}\n                        >\n                            <Icon data={minimazeBlockIcon} />\n                        </Button>\n                    )}\n                    {resultViewMode !== 'minimized' && (\n                        <Button\n                            className={b('meta-action')}\n                            view=\"flat\"\n                            onClick={() => setResultViewMode('minimized')}\n                        >\n                            <Icon data={closeIcon} />\n                        </Button>\n                    )}\n                </>\n            }\n        />\n    );\n});\n\ntype ResultMode = 'full' | 'minimized' | 'split';\nexport function QueryEditor({onStartQuery}: {onStartQuery?: (queryId: string) => boolean | void}) {\n    const query = useCurrentQuery();\n\n    const [resultViewMode, setResultViewMode] = useState<ResultMode>('minimized');\n\n    const [partSizes, setSize] = useState([50, 50]);\n\n    useEffect(() => {\n        setResultViewMode('split');\n    }, [query?.id]);\n\n    const isExecuted = useSelector(isQueryExecuted);\n    const isLoading = useSelector(isQueryLoading);\n\n    return (\n        <>\n            {isLoading && (\n                <div className={b('loading')}>\n                    <Loader />\n                </div>\n            )}\n            <FlexSplitPane\n                className={b({[resultViewMode]: true})}\n                direction={FlexSplitPane.VERTICAL}\n                onResizeEnd={setSize}\n                getInitialSizes={() => partSizes}\n            >\n                {resultViewMode !== 'full' && <QueryEditorView onStartQuery={onStartQuery} />}\n\n                {query?.id && isExecuted && (\n                    <ResultView\n                        query={query}\n                        setResultViewMode={setResultViewMode}\n                        resultViewMode={resultViewMode}\n                    />\n                )}\n            </FlexSplitPane>\n        </>\n    );\n}\n"],"mappings":"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"}

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

@@ -1,6 +1,8 @@
 import React from 'react';
+import { QueryItem } from '../module/api';
 import './index.scss';
 export declare const QueryResults: React.NamedExoticComponent<{
+    query: QueryItem;
     className: string;
     toolbar: React.ReactChild;
     minimized: boolean;

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

@@ -18,7 +18,6 @@ var _QueryMetaTable = _interopRequireDefault(require("../QueryMetaTable"));
 var _actions = require("../module/query_result/actions");
 var _QueryResultActions = require("./QueryResultActions");
 var _useQueryResultTabs3 = require("./hooks/useQueryResultTabs");
-var _useCurrentQuery = require("./hooks/useCurrentQuery");
 var _YQLStatistics = require("../QueryResultsView/YQLStatistics");
 var _NotRenderUntilFirstVisible = _interopRequireDefault(require("../NotRenderUntilFirstVisible/NotRenderUntilFirstVisible"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -40,11 +39,11 @@ function QueryResultContainer(_ref) {
   });
 }
 var QueryResults = /*#__PURE__*/_react["default"].memo(function QueryResults(_ref2) {
-  var className = _ref2.className,
+  var query = _ref2.query,
+    className = _ref2.className,
     toolbar = _ref2.toolbar,
     _ref2$minimized = _ref2.minimized,
     minimized = _ref2$minimized === void 0 ? false : _ref2$minimized;
-  var query = (0, _useCurrentQuery.useCurrentQuery)();
   var _useQueryResultTabs = (0, _useQueryResultTabs3.useQueryResultTabs)(query),
     _useQueryResultTabs2 = (0, _slicedToArray2["default"])(_useQueryResultTabs, 3),
     tabs = _useQueryResultTabs2[0],

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_bemCnLite","_interopRequireDefault","_uikit","_reactRedux","_QueryResultsView","_Error","_QueryMetaRow","_QueryMetaTable","_actions","_QueryResultActions","_useQueryResultTabs3","_useCurrentQuery","_YQLStatistics","_NotRenderUntilFirstVisible","_jsxRuntime","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","b","block","QueryResultContainer","_ref","resultIndex","query","dispatch","useDispatch","useEffect","result_count","loadQueryResult","id","_jsx","QueryResultsView","index","QueryResults","React","memo","_ref2","className","toolbar","_ref2$minimized","minimized","useCurrentQuery","_useQueryResultTabs","useQueryResultTabs","_useQueryResultTabs2","_slicedToArray","tabs","setTab","_useQueryResultTabs2$","activeTabId","category","_jsxs","children","QueryMetaInfo","NotRenderUntilFirstVisible","hide","Tabs","items","activeTab","onSelectTab","QueryResultTab","RESULT","Number","isInteger","QueryResultActions","ERROR","Error","error","META","QueryMetaTable","STATISTIC","YQLStatisticsTable"],"sources":["index.tsx"],"sourcesContent":["import React, {useEffect} from 'react';\nimport block from 'bem-cn-lite';\nimport {QueryItem} from '../module/api';\nimport {Tabs} from '@gravity-ui/uikit';\nimport {useDispatch} from 'react-redux';\nimport {QueryResultsView} from '../QueryResultsView';\nimport Error from '../../../components/Error/Error';\n\nimport './index.scss';\nimport {QueryMetaInfo} from './QueryMetaRow';\nimport QueryMetaTable from '../QueryMetaTable';\nimport {loadQueryResult} from '../module/query_result/actions';\nimport {QueryResultActions} from './QueryResultActions';\nimport {QueryResultTab, useQueryResultTabs} from './hooks/useQueryResultTabs';\nimport {useCurrentQuery} from './hooks/useCurrentQuery';\nimport {YQLStatisticsTable} from '../QueryResultsView/YQLStatistics';\nimport NotRenderUntilFirstVisible from '../NotRenderUntilFirstVisible/NotRenderUntilFirstVisible';\n\nconst b = block('query-results');\n\nfunction QueryResultContainer({resultIndex, query}: {resultIndex: number; query: QueryItem}) {\n    const dispatch = useDispatch();\n    useEffect(() => {\n        if (query.result_count) {\n            dispatch(loadQueryResult(query.id, resultIndex));\n        }\n    }, [query, resultIndex, dispatch]);\n    return <QueryResultsView query={query} index={resultIndex} />;\n}\n\nexport const QueryResults = React.memo(function QueryResults({\n    className,\n    toolbar,\n    minimized = false,\n}: {\n    className: string;\n    toolbar: React.ReactChild;\n    minimized: boolean;\n}) {\n    const query = useCurrentQuery();\n\n    const [tabs, setTab, {activeTabId, category, resultIndex}] = useQueryResultTabs(query);\n\n    return query ? (\n        <div className={b(null, className)}>\n            <div className={b('meta')}>\n                <QueryMetaInfo className={b('meta-info')} query={query} />\n                <div className={b('toolbar')}>{toolbar}</div>\n            </div>\n            <NotRenderUntilFirstVisible className={b('result', {minimized})} hide={minimized}>\n                <div className={b('header')}>\n                    <Tabs\n                        className={b('tabs')}\n                        items={tabs}\n                        activeTab={activeTabId}\n                        onSelectTab={setTab}\n                    />\n                    {category === QueryResultTab.RESULT && Number.isInteger(resultIndex) && (\n                        <div className={b('tab_actions')}>\n                            <QueryResultActions query={query} resultIndex={resultIndex ?? 0} />\n                        </div>\n                    )}\n                </div>\n                <div className={b('content')}>\n                    <NotRenderUntilFirstVisible\n                        hide={category !== QueryResultTab.RESULT && !Number.isInteger(resultIndex)}\n                        className={b('result-wrap')}\n                    >\n                        <QueryResultContainer query={query} resultIndex={resultIndex ?? 0} />\n                    </NotRenderUntilFirstVisible>\n                    {category === QueryResultTab.ERROR && <Error error={query.error} />}\n                    {category === QueryResultTab.META && <QueryMetaTable query={query} />}\n\n                    <NotRenderUntilFirstVisible hide={category !== QueryResultTab.STATISTIC}>\n                        <YQLStatisticsTable query={query} />\n                    </NotRenderUntilFirstVisible>\n                </div>\n            </NotRenderUntilFirstVisible>\n            <div></div>\n        </div>\n    ) : null;\n});\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_bemCnLite","_interopRequireDefault","_uikit","_reactRedux","_QueryResultsView","_Error","_QueryMetaRow","_QueryMetaTable","_actions","_QueryResultActions","_useQueryResultTabs3","_YQLStatistics","_NotRenderUntilFirstVisible","_jsxRuntime","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","b","block","QueryResultContainer","_ref","resultIndex","query","dispatch","useDispatch","useEffect","result_count","loadQueryResult","id","_jsx","QueryResultsView","index","QueryResults","React","memo","_ref2","className","toolbar","_ref2$minimized","minimized","_useQueryResultTabs","useQueryResultTabs","_useQueryResultTabs2","_slicedToArray","tabs","setTab","_useQueryResultTabs2$","activeTabId","category","_jsxs","children","QueryMetaInfo","NotRenderUntilFirstVisible","hide","Tabs","items","activeTab","onSelectTab","QueryResultTab","RESULT","Number","isInteger","QueryResultActions","ERROR","Error","error","META","QueryMetaTable","STATISTIC","YQLStatisticsTable"],"sources":["index.tsx"],"sourcesContent":["import React, {useEffect} from 'react';\nimport block from 'bem-cn-lite';\nimport {QueryItem} from '../module/api';\nimport {Tabs} from '@gravity-ui/uikit';\nimport {useDispatch} from 'react-redux';\nimport {QueryResultsView} from '../QueryResultsView';\nimport Error from '../../../components/Error/Error';\n\nimport './index.scss';\nimport {QueryMetaInfo} from './QueryMetaRow';\nimport QueryMetaTable from '../QueryMetaTable';\nimport {loadQueryResult} from '../module/query_result/actions';\nimport {QueryResultActions} from './QueryResultActions';\nimport {QueryResultTab, useQueryResultTabs} from './hooks/useQueryResultTabs';\nimport {YQLStatisticsTable} from '../QueryResultsView/YQLStatistics';\nimport NotRenderUntilFirstVisible from '../NotRenderUntilFirstVisible/NotRenderUntilFirstVisible';\n\nconst b = block('query-results');\n\nfunction QueryResultContainer({resultIndex, query}: {resultIndex: number; query: QueryItem}) {\n    const dispatch = useDispatch();\n    useEffect(() => {\n        if (query.result_count) {\n            dispatch(loadQueryResult(query.id, resultIndex));\n        }\n    }, [query, resultIndex, dispatch]);\n    return <QueryResultsView query={query} index={resultIndex} />;\n}\n\nexport const QueryResults = React.memo(function QueryResults({\n    query,\n    className,\n    toolbar,\n    minimized = false,\n}: {\n    query: QueryItem;\n    className: string;\n    toolbar: React.ReactChild;\n    minimized: boolean;\n}) {\n    const [tabs, setTab, {activeTabId, category, resultIndex}] = useQueryResultTabs(query);\n\n    return query ? (\n        <div className={b(null, className)}>\n            <div className={b('meta')}>\n                <QueryMetaInfo className={b('meta-info')} query={query} />\n                <div className={b('toolbar')}>{toolbar}</div>\n            </div>\n            <NotRenderUntilFirstVisible className={b('result', {minimized})} hide={minimized}>\n                <div className={b('header')}>\n                    <Tabs\n                        className={b('tabs')}\n                        items={tabs}\n                        activeTab={activeTabId}\n                        onSelectTab={setTab}\n                    />\n                    {category === QueryResultTab.RESULT && Number.isInteger(resultIndex) && (\n                        <div className={b('tab_actions')}>\n                            <QueryResultActions query={query} resultIndex={resultIndex ?? 0} />\n                        </div>\n                    )}\n                </div>\n                <div className={b('content')}>\n                    <NotRenderUntilFirstVisible\n                        hide={category !== QueryResultTab.RESULT && !Number.isInteger(resultIndex)}\n                        className={b('result-wrap')}\n                    >\n                        <QueryResultContainer query={query} resultIndex={resultIndex ?? 0} />\n                    </NotRenderUntilFirstVisible>\n                    {category === QueryResultTab.ERROR && <Error error={query.error} />}\n                    {category === QueryResultTab.META && <QueryMetaTable query={query} />}\n\n                    <NotRenderUntilFirstVisible hide={category !== QueryResultTab.STATISTIC}>\n                        <YQLStatisticsTable query={query} />\n                    </NotRenderUntilFirstVisible>\n                </div>\n            </NotRenderUntilFirstVisible>\n            <div></div>\n        </div>\n    ) : null;\n});\n"],"mappings":"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"}

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

@@ -52,15 +52,10 @@ var QueryResultsView = /*#__PURE__*/_react["default"].memo(function QueryResults
     }), (result === null || result === void 0 ? void 0 : result.resultReady) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(QueryReadyResultView, {
         result: result
-      }), result.settings.viewMode === _types.QueryResultsViewMode.Table && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: b('floating-bottom-left'),
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: b('padding_span')
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ResultPaginator.ResultPaginator, {
-          className: b('pagination'),
-          queryId: query.id,
-          resultIndex: index
-        })]
+      }), result.settings.viewMode === _types.QueryResultsViewMode.Table && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ResultPaginator.ResultPaginator, {
+        className: b('pagination'),
+        queryId: query.id,
+        resultIndex: index
       })]
     }), (result === null || result === void 0 ? void 0 : result.state) === _types.QueryResultState.Error && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Error["default"], {
       error: result.error

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

@@ -1 +1 @@
-{"version":3,"names":["_uikit","require","_react","_interopRequireDefault","_reactRedux","_bemCnLite","_selectors","_Error","_ResultsTable","_types","_YQLSchemeTable","_ResultPaginator","_NotRenderUntilFirstVisible","_jsxRuntime","b","block","QueryReadyResultView","_ref","_result$settings","result","mode","settings","viewMode","_jsxs","_Fragment","children","_jsx","NotRenderUntilFirstVisible","hide","QueryResultsViewMode","Scheme","YQLSchemeTable","Table","ResultsTable","QueryResultsView","React","memo","_ref2","query","index","useSelector","state","getQueryResult","id","className","QueryResultState","Init","Loading","Loader","size","resultReady","ResultPaginator","queryId","resultIndex","Error","error","prev","next"],"sources":["index.tsx"],"sourcesContent":["import {Loader} from '@gravity-ui/uikit';\nimport React from 'react';\nimport {useSelector} from 'react-redux';\nimport block from 'bem-cn-lite';\nimport {RootState} from '../../../store/reducers';\nimport {getQueryResult} from '../module/query_result/selectors';\nimport Error from '../../../components/Error/Error';\nimport {ResultsTable} from './ResultsTable';\nimport {QueryItem} from '../module/api';\nimport {\n    QueryResultReadyState,\n    QueryResultState,\n    QueryResultsViewMode,\n} from '../module/query_result/types';\nimport {YQLSchemeTable} from './YQLSchemeTable';\nimport {ResultPaginator} from './ResultPaginator';\nimport NotRenderUntilFirstVisible from '../NotRenderUntilFirstVisible/NotRenderUntilFirstVisible';\n\nimport './index.scss';\n\nconst b = block('query-result-table');\n\nfunction QueryReadyResultView({result}: {result: QueryResultReadyState}) {\n    const mode = result?.settings?.viewMode;\n    return (\n        <>\n            <NotRenderUntilFirstVisible hide={mode !== QueryResultsViewMode.Scheme}>\n                <YQLSchemeTable result={result} />\n            </NotRenderUntilFirstVisible>\n            <NotRenderUntilFirstVisible hide={mode !== QueryResultsViewMode.Table}>\n                <ResultsTable result={result} />\n            </NotRenderUntilFirstVisible>\n        </>\n    );\n}\n\nexport const QueryResultsView = React.memo(\n    function QueryResultsView({query, index}: {query: QueryItem; index: number}) {\n        const result = useSelector((state: RootState) => getQueryResult(state, query.id, index));\n\n        return (\n            <div className={b()}>\n                {(result?.state === QueryResultState.Init ||\n                    result?.state === QueryResultState.Loading) && (\n                    <div className={b('loading')}>\n                        <Loader size=\"m\" />\n                    </div>\n                )}\n                {result?.resultReady && (\n                    <>\n                        <QueryReadyResultView result={result} />\n                        {result.settings.viewMode === QueryResultsViewMode.Table && (\n                            <div className={b('floating-bottom-left')}>\n                                <div className={b('padding_span')} />\n                                <ResultPaginator\n                                    className={b('pagination')}\n                                    queryId={query.id}\n                                    resultIndex={index}\n                                />\n                            </div>\n                        )}\n                    </>\n                )}\n                {result?.state === QueryResultState.Error && <Error error={result.error} />}\n            </div>\n        );\n    },\n    (prev, next) => prev.query.id === next.query.id && prev.index === next.index,\n);\n"],"mappings":"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"}
+{"version":3,"names":["_uikit","require","_react","_interopRequireDefault","_reactRedux","_bemCnLite","_selectors","_Error","_ResultsTable","_types","_YQLSchemeTable","_ResultPaginator","_NotRenderUntilFirstVisible","_jsxRuntime","b","block","QueryReadyResultView","_ref","_result$settings","result","mode","settings","viewMode","_jsxs","_Fragment","children","_jsx","NotRenderUntilFirstVisible","hide","QueryResultsViewMode","Scheme","YQLSchemeTable","Table","ResultsTable","QueryResultsView","React","memo","_ref2","query","index","useSelector","state","getQueryResult","id","className","QueryResultState","Init","Loading","Loader","size","resultReady","ResultPaginator","queryId","resultIndex","Error","error","prev","next"],"sources":["index.tsx"],"sourcesContent":["import {Loader} from '@gravity-ui/uikit';\nimport React from 'react';\nimport {useSelector} from 'react-redux';\nimport block from 'bem-cn-lite';\nimport {RootState} from '../../../store/reducers';\nimport {getQueryResult} from '../module/query_result/selectors';\nimport Error from '../../../components/Error/Error';\nimport {ResultsTable} from './ResultsTable';\nimport {QueryItem} from '../module/api';\nimport {\n    QueryResultReadyState,\n    QueryResultState,\n    QueryResultsViewMode,\n} from '../module/query_result/types';\nimport {YQLSchemeTable} from './YQLSchemeTable';\nimport {ResultPaginator} from './ResultPaginator';\nimport NotRenderUntilFirstVisible from '../NotRenderUntilFirstVisible/NotRenderUntilFirstVisible';\n\nimport './index.scss';\n\nconst b = block('query-result-table');\n\nfunction QueryReadyResultView({result}: {result: QueryResultReadyState}) {\n    const mode = result?.settings?.viewMode;\n    return (\n        <>\n            <NotRenderUntilFirstVisible hide={mode !== QueryResultsViewMode.Scheme}>\n                <YQLSchemeTable result={result} />\n            </NotRenderUntilFirstVisible>\n            <NotRenderUntilFirstVisible hide={mode !== QueryResultsViewMode.Table}>\n                <ResultsTable result={result} />\n            </NotRenderUntilFirstVisible>\n        </>\n    );\n}\n\nexport const QueryResultsView = React.memo(\n    function QueryResultsView({query, index}: {query: QueryItem; index: number}) {\n        const result = useSelector((state: RootState) => getQueryResult(state, query.id, index));\n\n        return (\n            <div className={b()}>\n                {(result?.state === QueryResultState.Init ||\n                    result?.state === QueryResultState.Loading) && (\n                    <div className={b('loading')}>\n                        <Loader size=\"m\" />\n                    </div>\n                )}\n                {result?.resultReady && (\n                    <>\n                        <QueryReadyResultView result={result} />\n                        {result.settings.viewMode === QueryResultsViewMode.Table && (\n                            <ResultPaginator\n                                className={b('pagination')}\n                                queryId={query.id}\n                                resultIndex={index}\n                            />\n                        )}\n                    </>\n                )}\n                {result?.state === QueryResultState.Error && <Error error={result.error} />}\n            </div>\n        );\n    },\n    (prev, next) => prev.query.id === next.query.id && prev.index === next.index,\n);\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAF,sBAAA,CAAAF,OAAA;AAEA,IAAAK,UAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,aAAA,GAAAP,OAAA;AAEA,IAAAQ,MAAA,GAAAR,OAAA;AAKA,IAAAS,eAAA,GAAAT,OAAA;AACA,IAAAU,gBAAA,GAAAV,OAAA;AACA,IAAAW,2BAAA,GAAAT,sBAAA,CAAAF,OAAA;AAEsB,IAAAY,WAAA,GAAAZ,OAAA;AAEtB,IAAMa,CAAC,GAAG,IAAAC,qBAAK,EAAC,oBAAoB,CAAC;AAErC,SAASC,oBAAoBA,CAAAC,IAAA,EAA4C;EAAA,IAAAC,gBAAA;EAAA,IAA1CC,MAAM,GAAAF,IAAA,CAANE,MAAM;EACjC,IAAMC,IAAI,GAAGD,MAAM,aAANA,MAAM,wBAAAD,gBAAA,GAANC,MAAM,CAAEE,QAAQ,cAAAH,gBAAA,uBAAhBA,gBAAA,CAAkBI,QAAQ;EACvC,oBACI,IAAAC,gBAAA,EAAAC,oBAAA;IAAAC,QAAA,gBACI,IAAAC,eAAA,EAACC,sCAA0B;MAACC,IAAI,EAAER,IAAI,KAAKS,2BAAoB,CAACC,MAAO;MAAAL,QAAA,eACnE,IAAAC,eAAA,EAACK,8BAAc;QAACZ,MAAM,EAAEA;MAAO;IAAG,EACT,eAC7B,IAAAO,eAAA,EAACC,sCAA0B;MAACC,IAAI,EAAER,IAAI,KAAKS,2BAAoB,CAACG,KAAM;MAAAP,QAAA,eAClE,IAAAC,eAAA,EAACO,0BAAY;QAACd,MAAM,EAAEA;MAAO;IAAG,EACP;EAAA,EAC9B;AAEX;AAEO,IAAMe,gBAAgB,gBAAGC,iBAAK,CAACC,IAAI,CACtC,SAASF,gBAAgBA,CAAAG,KAAA,EAAoD;EAAA,IAAlDC,KAAK,GAAAD,KAAA,CAALC,KAAK;IAAEC,KAAK,GAAAF,KAAA,CAALE,KAAK;EACnC,IAAMpB,MAAM,GAAG,IAAAqB,uBAAW,EAAC,UAACC,KAAgB;IAAA,OAAK,IAAAC,yBAAc,EAACD,KAAK,EAAEH,KAAK,CAACK,EAAE,EAAEJ,KAAK,CAAC;EAAA,EAAC;EAExF,oBACI,IAAAhB,gBAAA;IAAKqB,SAAS,EAAE9B,CAAC,EAAG;IAAAW,QAAA,GACf,CAAC,CAAAN,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEsB,KAAK,MAAKI,uBAAgB,CAACC,IAAI,IACrC,CAAA3B,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEsB,KAAK,MAAKI,uBAAgB,CAACE,OAAO,kBAC1C,IAAArB,eAAA;MAAKkB,SAAS,EAAE9B,CAAC,CAAC,SAAS,CAAE;MAAAW,QAAA,eACzB,IAAAC,eAAA,EAACsB,aAAM;QAACC,IAAI,EAAC;MAAG;IAAG,EAE1B,EACA,CAAA9B,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAE+B,WAAW,kBAChB,IAAA3B,gBAAA,EAAAC,oBAAA;MAAAC,QAAA,gBACI,IAAAC,eAAA,EAACV,oBAAoB;QAACG,MAAM,EAAEA;MAAO,EAAG,EACvCA,MAAM,CAACE,QAAQ,CAACC,QAAQ,KAAKO,2BAAoB,CAACG,KAAK,iBACpD,IAAAN,eAAA,EAACyB,gCAAe;QACZP,SAAS,EAAE9B,CAAC,CAAC,YAAY,CAAE;QAC3BsC,OAAO,EAAEd,KAAK,CAACK,EAAG;QAClBU,WAAW,EAAEd;MAAM,EAE1B;IAAA,EAER,EACA,CAAApB,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEsB,KAAK,MAAKI,uBAAgB,CAACS,KAAK,iBAAI,IAAA5B,eAAA,EAAC4B,iBAAK;MAACC,KAAK,EAAEpC,MAAM,CAACoC;IAAM,EAAG;EAAA,EACzE;AAEd,CAAC,EACD,UAACC,IAAI,EAAEC,IAAI;EAAA,OAAKD,IAAI,CAAClB,KAAK,CAACK,EAAE,KAAKc,IAAI,CAACnB,KAAK,CAACK,EAAE,IAAIa,IAAI,CAACjB,KAAK,KAAKkB,IAAI,CAAClB,KAAK;AAAA,EAC/E"}

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

@@ -13,11 +13,12 @@ var _hammer = _interopRequireDefault(require("../../../common/hammer"));
 var _checkCircle = _interopRequireDefault(require("../../../../../img/svg/icons/check-circle.svg"));
 var _exclamationCircle = _interopRequireDefault(require("../../../../../img/svg/icons/exclamation-circle.svg"));
 var _stopCircle = _interopRequireDefault(require("../../../../../img/svg/icons/stop-circle.svg"));
+var _file = _interopRequireDefault(require("../../../../../img/svg/icons/file.svg"));
 var _api = require("../module/api");
 var _jsxRuntime = require("react/jsx-runtime");
 var _STATUS_ICONS;
 var b = (0, _bemCnLite["default"])('query-status');
-var STATUS_ICONS = (_STATUS_ICONS = {}, (0, _defineProperty2["default"])(_STATUS_ICONS, _api.QueryStatus.FAILED, _exclamationCircle["default"]), (0, _defineProperty2["default"])(_STATUS_ICONS, _api.QueryStatus.ABORTED, _stopCircle["default"]), (0, _defineProperty2["default"])(_STATUS_ICONS, _api.QueryStatus.COMPLETED, _checkCircle["default"]), _STATUS_ICONS);
+var STATUS_ICONS = (_STATUS_ICONS = {}, (0, _defineProperty2["default"])(_STATUS_ICONS, _api.QueryStatus.DRAFT, _file["default"]), (0, _defineProperty2["default"])(_STATUS_ICONS, _api.QueryStatus.FAILED, _exclamationCircle["default"]), (0, _defineProperty2["default"])(_STATUS_ICONS, _api.QueryStatus.ABORTED, _stopCircle["default"]), (0, _defineProperty2["default"])(_STATUS_ICONS, _api.QueryStatus.COMPLETED, _checkCircle["default"]), _STATUS_ICONS);
 function QueryStatusIcon(_ref) {
   var status = _ref.status,
     className = _ref.className;

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

@@ -1 +1 @@
-{"version":3,"names":["_uikit","require","_bemCnLite","_interopRequireDefault","_hammer","_checkCircle","_exclamationCircle","_stopCircle","_api","_jsxRuntime","b","block","STATUS_ICONS","_STATUS_ICONS","_defineProperty","QueryStatus","FAILED","errorIcon","ABORTED","abortedIcon","COMPLETED","doneIcon","QueryStatusIcon","_ref","status","className","ProgressStatuses","includes","_jsx","Spin","size","loading","Icon","toLocaleLowerCase","data","_Fragment","children","QueryStatusView","_ref2","mode","_jsxs","hammer","format","Readable"],"sources":["index.tsx"],"sourcesContent":["import {Icon, Spin} from '@gravity-ui/uikit';\nimport React from 'react';\nimport block from 'bem-cn-lite';\nimport hammer from '../../../common/hammer';\nimport doneIcon from '../../../../../img/svg/icons/check-circle.svg';\nimport errorIcon from '../../../../../img/svg/icons/exclamation-circle.svg';\nimport abortedIcon from '../../../../../img/svg/icons/stop-circle.svg';\nimport {SVGIconData} from '@gravity-ui/uikit/build/esm/components/Icon/types';\nimport {ProgressStatuses, QueryStatus} from '../module/api';\nimport './index.scss';\n\nconst b = block('query-status');\n\ntype Props = {\n    status: QueryStatus;\n    mode: 'icon' | 'text' | 'both';\n    className?: string;\n};\n\nconst STATUS_ICONS: Partial<Record<QueryStatus, SVGIconData>> = {\n    [QueryStatus.FAILED]: errorIcon,\n    [QueryStatus.ABORTED]: abortedIcon,\n    [QueryStatus.COMPLETED]: doneIcon,\n};\n\nexport function QueryStatusIcon({status, className}: {status: QueryStatus; className?: string}) {\n    if (ProgressStatuses.includes(status)) {\n        return <Spin size=\"xs\" className={b('icon-container', {loading: true}, className)} />;\n    }\n    if (STATUS_ICONS[status]) {\n        return (\n            <Icon\n                className={b(\n                    'icon-container',\n                    {\n                        [status.toLocaleLowerCase()]: true,\n                    },\n                    className,\n                )}\n                data={STATUS_ICONS[status]!}\n                size={16}\n            />\n        );\n    }\n    return <>{status}</>;\n}\n\nexport const QueryStatusView = ({mode, status, className}: Props) => {\n    return (\n        <div className={b(null, className)}>\n            {(mode === 'icon' || mode === 'both') && <QueryStatusIcon status={status} />}\n            {(mode === 'text' || mode === 'both') && hammer.format.Readable(status)}\n        </div>\n    );\n};\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,OAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,YAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,kBAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,WAAA,GAAAJ,sBAAA,CAAAF,OAAA;AAEA,IAAAO,IAAA,GAAAP,OAAA;AACsB,IAAAQ,WAAA,GAAAR,OAAA;;AAEtB,IAAMS,CAAC,GAAG,IAAAC,qBAAK,EAAC,cAAc,CAAC;AAQ/B,IAAMC,YAAuD,IAAAC,aAAA,WAAAC,2BAAA,EAAAD,aAAA,EACxDE,gBAAW,CAACC,MAAM,EAAGC,6BAAS,OAAAH,2BAAA,EAAAD,aAAA,EAC9BE,gBAAW,CAACG,OAAO,EAAGC,sBAAW,OAAAL,2BAAA,EAAAD,aAAA,EACjCE,gBAAW,CAACK,SAAS,EAAGC,uBAAQ,GAAAR,aAAA,CACpC;AAEM,SAASS,eAAeA,CAAAC,IAAA,EAAiE;EAAA,IAA/DC,MAAM,GAAAD,IAAA,CAANC,MAAM;IAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS;EAC9C,IAAIC,qBAAgB,CAACC,QAAQ,CAACH,MAAM,CAAC,EAAE;IACnC,oBAAO,IAAAI,eAAA,EAACC,WAAI;MAACC,IAAI,EAAC,IAAI;MAACL,SAAS,EAAEf,CAAC,CAAC,gBAAgB,EAAE;QAACqB,OAAO,EAAE;MAAI,CAAC,EAAEN,SAAS;IAAE,EAAG;EACzF;EACA,IAAIb,YAAY,CAACY,MAAM,CAAC,EAAE;IACtB,oBACI,IAAAI,eAAA,EAACI,WAAI;MACDP,SAAS,EAAEf,CAAC,CACR,gBAAgB,MAAAI,2BAAA,MAEXU,MAAM,CAACS,iBAAiB,EAAE,EAAG,IAAI,GAEtCR,SAAS,CACX;MACFS,IAAI,EAAEtB,YAAY,CAACY,MAAM,CAAG;MAC5BM,IAAI,EAAE;IAAG,EACX;EAEV;EACA,oBAAO,IAAAF,eAAA,EAAAO,oBAAA;IAAAC,QAAA,EAAGZ;EAAM,EAAI;AACxB;AAEO,IAAMa,eAAe,GAAG,SAAlBA,eAAeA,CAAAC,KAAA,EAAyC;EAAA,IAApCC,IAAI,GAAAD,KAAA,CAAJC,IAAI;IAAEf,MAAM,GAAAc,KAAA,CAANd,MAAM;IAAEC,SAAS,GAAAa,KAAA,CAATb,SAAS;EACpD,oBACI,IAAAe,gBAAA;IAAKf,SAAS,EAAEf,CAAC,CAAC,IAAI,EAAEe,SAAS,CAAE;IAAAW,QAAA,GAC9B,CAACG,IAAI,KAAK,MAAM,IAAIA,IAAI,KAAK,MAAM,kBAAK,IAAAX,eAAA,EAACN,eAAe;MAACE,MAAM,EAAEA;IAAO,EAAG,EAC3E,CAACe,IAAI,KAAK,MAAM,IAAIA,IAAI,KAAK,MAAM,KAAKE,kBAAM,CAACC,MAAM,CAACC,QAAQ,CAACnB,MAAM,CAAC;EAAA,EACrE;AAEd,CAAC"}
+{"version":3,"names":["_uikit","require","_bemCnLite","_interopRequireDefault","_hammer","_checkCircle","_exclamationCircle","_stopCircle","_file","_api","_jsxRuntime","b","block","STATUS_ICONS","_STATUS_ICONS","_defineProperty","QueryStatus","DRAFT","draftIcon","FAILED","errorIcon","ABORTED","abortedIcon","COMPLETED","doneIcon","QueryStatusIcon","_ref","status","className","ProgressStatuses","includes","_jsx","Spin","size","loading","Icon","toLocaleLowerCase","data","_Fragment","children","QueryStatusView","_ref2","mode","_jsxs","hammer","format","Readable"],"sources":["index.tsx"],"sourcesContent":["import {Icon, Spin} from '@gravity-ui/uikit';\nimport React from 'react';\nimport block from 'bem-cn-lite';\nimport hammer from '../../../common/hammer';\nimport doneIcon from '../../../../../img/svg/icons/check-circle.svg';\nimport errorIcon from '../../../../../img/svg/icons/exclamation-circle.svg';\nimport abortedIcon from '../../../../../img/svg/icons/stop-circle.svg';\nimport draftIcon from '../../../../../img/svg/icons/file.svg';\nimport {SVGIconData} from '@gravity-ui/uikit/build/esm/components/Icon/types';\nimport {ProgressStatuses, QueryStatus} from '../module/api';\nimport './index.scss';\n\nconst b = block('query-status');\n\ntype Props = {\n    status: QueryStatus;\n    mode: 'icon' | 'text' | 'both';\n    className?: string;\n};\n\nconst STATUS_ICONS: Partial<Record<QueryStatus, SVGIconData>> = {\n    [QueryStatus.DRAFT]: draftIcon,\n    [QueryStatus.FAILED]: errorIcon,\n    [QueryStatus.ABORTED]: abortedIcon,\n    [QueryStatus.COMPLETED]: doneIcon,\n};\n\nexport function QueryStatusIcon({status, className}: {status: QueryStatus; className?: string}) {\n    if (ProgressStatuses.includes(status)) {\n        return <Spin size=\"xs\" className={b('icon-container', {loading: true}, className)} />;\n    }\n    if (STATUS_ICONS[status]) {\n        return (\n            <Icon\n                className={b(\n                    'icon-container',\n                    {\n                        [status.toLocaleLowerCase()]: true,\n                    },\n                    className,\n                )}\n                data={STATUS_ICONS[status]!}\n                size={16}\n            />\n        );\n    }\n    return <>{status}</>;\n}\n\nexport const QueryStatusView = ({mode, status, className}: Props) => {\n    return (\n        <div className={b(null, className)}>\n            {(mode === 'icon' || mode === 'both') && <QueryStatusIcon status={status} />}\n            {(mode === 'text' || mode === 'both') && hammer.format.Readable(status)}\n        </div>\n    );\n};\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,OAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,YAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,kBAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,WAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,KAAA,GAAAL,sBAAA,CAAAF,OAAA;AAEA,IAAAQ,IAAA,GAAAR,OAAA;AACsB,IAAAS,WAAA,GAAAT,OAAA;;AAEtB,IAAMU,CAAC,GAAG,IAAAC,qBAAK,EAAC,cAAc,CAAC;AAQ/B,IAAMC,YAAuD,IAAAC,aAAA,WAAAC,2BAAA,EAAAD,aAAA,EACxDE,gBAAW,CAACC,KAAK,EAAGC,gBAAS,OAAAH,2BAAA,EAAAD,aAAA,EAC7BE,gBAAW,CAACG,MAAM,EAAGC,6BAAS,OAAAL,2BAAA,EAAAD,aAAA,EAC9BE,gBAAW,CAACK,OAAO,EAAGC,sBAAW,OAAAP,2BAAA,EAAAD,aAAA,EACjCE,gBAAW,CAACO,SAAS,EAAGC,uBAAQ,GAAAV,aAAA,CACpC;AAEM,SAASW,eAAeA,CAAAC,IAAA,EAAiE;EAAA,IAA/DC,MAAM,GAAAD,IAAA,CAANC,MAAM;IAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS;EAC9C,IAAIC,qBAAgB,CAACC,QAAQ,CAACH,MAAM,CAAC,EAAE;IACnC,oBAAO,IAAAI,eAAA,EAACC,WAAI;MAACC,IAAI,EAAC,IAAI;MAACL,SAAS,EAAEjB,CAAC,CAAC,gBAAgB,EAAE;QAACuB,OAAO,EAAE;MAAI,CAAC,EAAEN,SAAS;IAAE,EAAG;EACzF;EACA,IAAIf,YAAY,CAACc,MAAM,CAAC,EAAE;IACtB,oBACI,IAAAI,eAAA,EAACI,WAAI;MACDP,SAAS,EAAEjB,CAAC,CACR,gBAAgB,MAAAI,2BAAA,MAEXY,MAAM,CAACS,iBAAiB,EAAE,EAAG,IAAI,GAEtCR,SAAS,CACX;MACFS,IAAI,EAAExB,YAAY,CAACc,MAAM,CAAG;MAC5BM,IAAI,EAAE;IAAG,EACX;EAEV;EACA,oBAAO,IAAAF,eAAA,EAAAO,oBAAA;IAAAC,QAAA,EAAGZ;EAAM,EAAI;AACxB;AAEO,IAAMa,eAAe,GAAG,SAAlBA,eAAeA,CAAAC,KAAA,EAAyC;EAAA,IAApCC,IAAI,GAAAD,KAAA,CAAJC,IAAI;IAAEf,MAAM,GAAAc,KAAA,CAANd,MAAM;IAAEC,SAAS,GAAAa,KAAA,CAATb,SAAS;EACpD,oBACI,IAAAe,gBAAA;IAAKf,SAAS,EAAEjB,CAAC,CAAC,IAAI,EAAEiB,SAAS,CAAE;IAAAW,QAAA,GAC9B,CAACG,IAAI,KAAK,MAAM,IAAIA,IAAI,KAAK,MAAM,kBAAK,IAAAX,eAAA,EAACN,eAAe;MAACE,MAAM,EAAEA;IAAO,EAAG,EAC3E,CAACe,IAAI,KAAK,MAAM,IAAIA,IAAI,KAAK,MAAM,KAAKE,kBAAM,CAACC,MAAM,CAACC,QAAQ,CAACnB,MAAM,CAAC;EAAA,EACrE;AAEd,CAAC"}

package/build/cjs/ui/pages/query-tracker/QueryTracker/QueryTracker.js

@@ -24,7 +24,12 @@ function DefaultQueriesPage() {
   var dispatch = (0, _reactRedux.useDispatch)();
   var routeParams = (0, _reactRedux.useSelector)(_selectors.getQueryGetParams);
   (0, _react.useEffect)(function () {
-    dispatch((0, _actions.createEmptyQuery)(routeParams.engine && (0, _api.isEngine)(routeParams.engine) ? routeParams.engine : _api.QueryEngine.YQL, routeParams.query));
+    var engine = routeParams.engine && (0, _api.isEngine)(routeParams.engine) ? routeParams.engine : _api.QueryEngine.YQL;
+    if (routeParams.cluster && routeParams.path) {
+      dispatch((0, _actions.createQueryFromTablePath)(engine, routeParams.cluster, routeParams.path));
+    } else {
+      dispatch((0, _actions.createEmptyQuery)(engine));
+    }
   }, [dispatch, routeParams]);
   return null;
 }
@@ -50,6 +55,11 @@ var QueryTracker = function QueryTracker(_ref) {
       return sizes;
     };
   }, [sizes]);
+  var dispatch = (0, _reactRedux.useDispatch)();
+  var goToCreatedQuery = (0, _react.useCallback)(function (queryId) {
+    dispatch((0, _actions.goToQuery)(queryId));
+    return true;
+  }, [dispatch]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactRouter.Switch, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouter.Route, {
@@ -67,7 +77,9 @@ var QueryTracker = function QueryTracker(_ref) {
         onResizeEnd: setSize,
         minSize: minSize,
         getInitialSizes: getSize,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_QueriesList.QueriesList, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_QueryEditor.QueryEditor, {})]
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_QueriesList.QueriesList, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_QueryEditor.QueryEditor, {
+          onStartQuery: goToCreatedQuery
+        })]
       })
     })]
   });

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactRedux","_reactRouter","_FlexSplitPane","_interopRequireDefault","_context","_api","_actions","_selectors","_QueriesList","_QueryEditor","_jsxRuntime","initialSizes","minSize","DefaultQueriesPage","dispatch","useDispatch","routeParams","useSelector","getQueryGetParams","useEffect","createEmptyQuery","engine","isEngine","QueryEngine","YQL","query","QueryPage","props","match","params","queryId","loadQuery","QueryTracker","_ref","_useState","useState","_useState2","_slicedToArray","sizes","setSize","getSize","useMemo","_jsxs","_Fragment","children","Switch","_jsx","Route","exact","path","component","concat","QueriesPooling","FlexSplitPane","className","direction","HORIZONTAL","onResizeEnd","getInitialSizes","QueriesList","QueryEditor"],"sources":["QueryTracker.tsx"],"sourcesContent":["import React, {useEffect, useMemo, useState} from 'react';\nimport {useDispatch, useSelector} from 'react-redux';\nimport {Switch, Route} from 'react-router';\nimport FlexSplitPane from '../../../components/FlexSplitPane/FlexSplitPane';\nimport {QueriesPooling} from '../hooks/QueriesPooling/context';\nimport {isEngine, QueryEngine} from '../module/api';\nimport {createEmptyQuery, loadQuery} from '../module/query/actions';\nimport {getQueryGetParams} from '../module/query/selectors';\nimport {QueriesList} from '../QueriesList';\nimport {QueryEditor} from '../QueryEditor/QueryEditor';\nimport './QueryTracker.scss';\n\ntype Props = {\n    match: {\n        path: string;\n        params: {\n            queryId?: string;\n        };\n    };\n    location: {\n        search: string;\n    };\n};\n\nconst initialSizes = [23, 77];\nconst minSize = 380; // see history list's cells size\n\nfunction DefaultQueriesPage() {\n    const dispatch = useDispatch();\n    const routeParams = useSelector(getQueryGetParams);\n\n    useEffect(() => {\n        dispatch(\n            createEmptyQuery(\n                routeParams.engine && isEngine(routeParams.engine)\n                    ? (routeParams.engine as QueryEngine)\n                    : QueryEngine.YQL,\n                routeParams.query,\n            ),\n        );\n    }, [dispatch, routeParams]);\n    return null;\n}\n\nfunction QueryPage(props: Props) {\n    const dispatch = useDispatch();\n\n    useEffect(() => {\n        if (props.match.params.queryId) {\n            dispatch(loadQuery(props.match.params.queryId));\n        } else {\n            dispatch(createEmptyQuery());\n        }\n    }, [dispatch, props.match.params.queryId]);\n    return null;\n}\n\nexport const QueryTracker = ({match}: Props) => {\n    const [sizes, setSize] = useState(initialSizes);\n    const getSize = useMemo(() => {\n        return () => sizes;\n    }, [sizes]);\n    return (\n        <>\n            <Switch>\n                <Route exact path={match.path} component={DefaultQueriesPage} />\n                <Route path={`${match.path}/:queryId`} component={QueryPage} />\n            </Switch>\n            <QueriesPooling>\n                <FlexSplitPane\n                    className=\"query-tracker-page-container\"\n                    direction={FlexSplitPane.HORIZONTAL}\n                    onResizeEnd={setSize}\n                    minSize={minSize}\n                    getInitialSizes={getSize}\n                >\n                    <QueriesList />\n\n                    <QueryEditor></QueryEditor>\n                </FlexSplitPane>\n            </QueriesPooling>\n        </>\n    );\n};\n"],"mappings":"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"}
+{"version":3,"names":["_react","require","_reactRedux","_reactRouter","_FlexSplitPane","_interopRequireDefault","_context","_api","_actions","_selectors","_QueriesList","_QueryEditor","_jsxRuntime","initialSizes","minSize","DefaultQueriesPage","dispatch","useDispatch","routeParams","useSelector","getQueryGetParams","useEffect","engine","isEngine","QueryEngine","YQL","cluster","path","createQueryFromTablePath","createEmptyQuery","QueryPage","props","match","params","queryId","loadQuery","QueryTracker","_ref","_useState","useState","_useState2","_slicedToArray","sizes","setSize","getSize","useMemo","goToCreatedQuery","useCallback","goToQuery","_jsxs","_Fragment","children","Switch","_jsx","Route","exact","component","concat","QueriesPooling","FlexSplitPane","className","direction","HORIZONTAL","onResizeEnd","getInitialSizes","QueriesList","QueryEditor","onStartQuery"],"sources":["QueryTracker.tsx"],"sourcesContent":["import React, {useCallback, useEffect, useMemo, useState} from 'react';\nimport {useDispatch, useSelector} from 'react-redux';\nimport {Switch, Route} from 'react-router';\nimport FlexSplitPane from '../../../components/FlexSplitPane/FlexSplitPane';\nimport {QueriesPooling} from '../hooks/QueriesPooling/context';\nimport {isEngine, QueryEngine} from '../module/api';\nimport {\n    createEmptyQuery,\n    createQueryFromTablePath,\n    goToQuery,\n    loadQuery,\n} from '../module/query/actions';\nimport {getQueryGetParams} from '../module/query/selectors';\nimport {QueriesList} from '../QueriesList';\nimport {QueryEditor} from '../QueryEditor/QueryEditor';\nimport './QueryTracker.scss';\n\ntype Props = {\n    match: {\n        path: string;\n        params: {\n            queryId?: string;\n        };\n    };\n    location: {\n        search: string;\n    };\n};\n\nconst initialSizes = [23, 77];\nconst minSize = 380; // see history list's cells size\n\nfunction DefaultQueriesPage() {\n    const dispatch = useDispatch();\n    const routeParams = useSelector(getQueryGetParams);\n\n    useEffect(() => {\n        const engine =\n            routeParams.engine && isEngine(routeParams.engine)\n                ? (routeParams.engine as QueryEngine)\n                : QueryEngine.YQL;\n        if (routeParams.cluster && routeParams.path) {\n            dispatch(createQueryFromTablePath(engine, routeParams.cluster, routeParams.path));\n        } else {\n            dispatch(createEmptyQuery(engine));\n        }\n    }, [dispatch, routeParams]);\n    return null;\n}\n\nfunction QueryPage(props: Props) {\n    const dispatch = useDispatch();\n\n    useEffect(() => {\n        if (props.match.params.queryId) {\n            dispatch(loadQuery(props.match.params.queryId));\n        } else {\n            dispatch(createEmptyQuery());\n        }\n    }, [dispatch, props.match.params.queryId]);\n    return null;\n}\n\nexport const QueryTracker = ({match}: Props) => {\n    const [sizes, setSize] = useState(initialSizes);\n    const getSize = useMemo(() => {\n        return () => sizes;\n    }, [sizes]);\n    const dispatch = useDispatch();\n\n    const goToCreatedQuery = useCallback(\n        (queryId: string) => {\n            dispatch(goToQuery(queryId));\n            return true;\n        },\n        [dispatch],\n    );\n    return (\n        <>\n            <Switch>\n                <Route exact path={match.path} component={DefaultQueriesPage} />\n                <Route path={`${match.path}/:queryId`} component={QueryPage} />\n            </Switch>\n            <QueriesPooling>\n                <FlexSplitPane\n                    className=\"query-tracker-page-container\"\n                    direction={FlexSplitPane.HORIZONTAL}\n                    onResizeEnd={setSize}\n                    minSize={minSize}\n                    getInitialSizes={getSize}\n                >\n                    <QueriesList />\n\n                    <QueryEditor onStartQuery={goToCreatedQuery}></QueryEditor>\n                </FlexSplitPane>\n            </QueriesPooling>\n        </>\n    );\n};\n"],"mappings":"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"}

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

@@ -0,0 +1,18 @@
+import React from 'react';
+import { ButtonProps } from '@gravity-ui/uikit';
+import { QueryEngine } from '../module/api';
+import './index.scss';
+export type QueryTracketrNewButtonProps = {
+    className?: string;
+    view?: ButtonProps['view'];
+    cluster: string;
+    engines?: QueryEngine[];
+    defaultEngine?: QueryEngine;
+    target?: '_blank';
+    renderDefaultTitle: (props: {
+        engine: QueryEngine;
+        engineTitle: string;
+    }) => React.ReactChild;
+    path?: string;
+};
+export declare const QueryTrackerNewButton: ({ className, view, cluster, path, engines, renderDefaultTitle, defaultEngine, target, }: QueryTracketrNewButtonProps) => JSX.Element;