@zgfe/business-lib 1.2.38 → 1.2.39

package/es/dataSetGroup/overlay.js

@@ -11,14 +11,15 @@ import List from 'rc-virtual-list';
 import _ from 'lodash';
 import IconFont from '../icon/iconFont';
 import UserGroupContext from './context';
+import BizGlobalDataContext from '../context';
 var GroupItem = function GroupItem(_ref) {
   var item = _ref.item,
     currentGroup = _ref.currentGroup,
     onClose = _ref.onClose,
     setCurrentGroup = _ref.setCurrentGroup;
   return /*#__PURE__*/React.createElement("div", {
-    className: "".concat(classPrefix, "-item ").concat((currentGroup === null || currentGroup === void 0 ? void 0 : currentGroup.id) === item.id ? 'active' : ''),
-    key: item.id,
+    className: "".concat(classPrefix, "-item ").concat((currentGroup === null || currentGroup === void 0 ? void 0 : currentGroup.metaDatasetId) === item.metaDatasetId ? 'active' : ''),
+    key: item.metaDatasetId,
     onClick: function onClick() {
       setCurrentGroup(item);
       if (onClose) onClose();
@@ -44,6 +45,8 @@ var Overlay = function Overlay(_ref2) {
   var _useContext = useContext(UserGroupContext),
     value = _useContext.value,
     setValue = _useContext.setValue;
+  var _useContext2 = useContext(BizGlobalDataContext),
+    currentApp = _useContext2.currentApp;
   useEffect(function () {
     onSearch('');
     setType('userGroup');
@@ -84,7 +87,7 @@ var Overlay = function Overlay(_ref2) {
     type: "zengjia"
   }), "\u5FEB\u901F\u521B\u5EFA\u660E\u7EC6\u8868")), /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-divider")
-  }, /*#__PURE__*/React.createElement("span", null, "\u6240\u6709\u7528\u6237")), showList.length > 10 ? /*#__PURE__*/React.createElement(List, {
+  }, /*#__PURE__*/React.createElement("span", null, "\u6240\u6709", (currentApp === null || currentApp === void 0 ? void 0 : currentApp.type) != 'user' ? '主体' : '用户')), showList.length > 10 ? /*#__PURE__*/React.createElement(List, {
     data: showList || [],
     itemHeight: 32,
     itemKey: "id",
@@ -92,7 +95,7 @@ var Overlay = function Overlay(_ref2) {
     className: "".concat(classPrefix, "-list")
   }, function (item) {
     return /*#__PURE__*/React.createElement(GroupItem, {
-      key: item.id,
+      key: item.metaDatasetId,
       item: item,
       currentGroup: currentGroup,
       setCurrentGroup: setCurrentGroup,
@@ -102,7 +105,7 @@ var Overlay = function Overlay(_ref2) {
     className: "".concat(classPrefix, "-list")
   }, showList === null || showList === void 0 ? void 0 : showList.map(function (item) {
     return /*#__PURE__*/React.createElement(GroupItem, {
-      key: item.id,
+      key: item.metaDatasetId,
       item: item,
       currentGroup: currentGroup,
       setCurrentGroup: setCurrentGroup,

package/es/dataSetGroup/types.d.ts

@@ -6,6 +6,7 @@ export declare namespace UserGroupTypes {
         createTime: Date;
         name: string;
         updateTime: Date;
+        metaDatasetId?: number;
     }
     type Value = number | string[];
     interface Props {

package/es/demoWrapper/content.d.ts

@@ -4,6 +4,8 @@ declare const DemoContent: React.FC<{
     children?: ReactNode;
     needMeta?: boolean;
     currentApp?: AppInfoProps;
+    currentProject?: any;
+    projectList?: any;
     contextProps?: GlobalContextProps;
 }>;
 export default DemoContent;

package/es/demoWrapper/content.js

@@ -50,6 +50,8 @@ function ajax(url, options) {
 var DemoContent = function DemoContent(_ref3) {
   var children = _ref3.children,
     currentApp = _ref3.currentApp,
+    currentProject = _ref3.currentProject,
+    projectList = _ref3.projectList,
     needMeta = _ref3.needMeta,
     contextProps = _ref3.contextProps;
   var _useState = useState([]),
@@ -88,17 +90,20 @@ var DemoContent = function DemoContent(_ref3) {
     _useState18 = _slicedToArray(_useState17, 2),
     loadUsers = _useState18[0],
     setLoadUsers = _useState18[1];
-  var _useState19 = useState(),
+  var _useState19 = useState({}),
     _useState20 = _slicedToArray(_useState19, 2),
-    store = _useState20[0],
-    setStore = _useState20[1];
-  var _useState21 = useState(false),
+    currentUser = _useState20[0],
+    setCurrentUser = _useState20[1];
+  var _useState21 = useState(),
     _useState22 = _slicedToArray(_useState21, 2),
-    storeReady = _useState22[0],
-    setStoreReady = _useState22[1];
+    store = _useState22[0],
+    setStore = _useState22[1];
+  var _useState23 = useState(false),
+    _useState24 = _slicedToArray(_useState23, 2),
+    storeReady = _useState24[0],
+    setStoreReady = _useState24[1];
   var _useBizStore = useBizStore({
-      currentApp: currentApp,
-      authority: authority
+      currentApp: currentApp
     }),
     userGroupList = _useBizStore.userGroupList,
     groupLoading = _useBizStore.groupLoading,
@@ -115,6 +120,7 @@ var DemoContent = function DemoContent(_ref3) {
       loadEvents();
       loadEnvList();
       loadBasicConfigLoad();
+      loadCurrentUserLoad();
     } else {
       setLoadEnv(false);
       setLoadEvent(false);
@@ -159,7 +165,15 @@ var DemoContent = function DemoContent(_ref3) {
   }
   useEffect(function () {
     loadAuthorityList();
-  }, []);
+  }, [currentApp]);
+  function loadCurrentUserLoad() {
+    ajax('/zg/web/v2/company/currentUser', {
+      method: 'get'
+    }).then(function (res) {
+      var _res$data;
+      setCurrentUser(res === null || res === void 0 ? void 0 : (_res$data = res.data) === null || _res$data === void 0 ? void 0 : _res$data.user);
+    });
+  }
   function loadBasicConfigLoad() {
     setLoadUsers(true);
     ajax('/zg/web/v2/system/config', {
@@ -222,11 +236,14 @@ var DemoContent = function DemoContent(_ref3) {
       eventGroupList: store === null || store === void 0 ? void 0 : store.eventGroupList,
       userPropList: store === null || store === void 0 ? void 0 : store.userPropList,
       eventEnvList: store === null || store === void 0 ? void 0 : store.envPropList,
-      authority: authority,
-      basicConfig: basicConfig,
       eventIdMap: store === null || store === void 0 ? void 0 : store.eventIdMap,
       eventNameMap: store === null || store === void 0 ? void 0 : store.eventNameMap,
+      currentProject: currentProject,
+      projectList: projectList,
+      basicConfig: basicConfig,
       userGroupList: userGroupList,
+      authority: authority,
+      currentUser: currentUser,
       groupLoading: groupLoading,
       setUserGroupList: setUserGroupList,
       tagList: tagList,

package/es/demoWrapper/demo/index.js

@@ -2,11 +2,24 @@ import React, { useContext } from 'react';
 import { DemoWrapper, BizGlobalDataContext, useChanged } from '@zgfe/business-lib';
 function Test() {
   var _useContext = useContext(BizGlobalDataContext),
-    currentApp = _useContext.currentApp;
+    currentApp = _useContext.currentApp,
+    currentProject = _useContext.currentProject;
   useChanged(function () {
     console.log('currentApp changed', currentApp);
   }, currentApp);
-  return /*#__PURE__*/React.createElement("span", null, "\u5F53\u524D\u5E94\u7528\uFF1A", currentApp === null || currentApp === void 0 ? void 0 : currentApp.appName, "(id: ", currentApp === null || currentApp === void 0 ? void 0 : currentApp.id, ")");
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    style: {
+      margin: '20px',
+      padding: '20px 20px 10px 20px',
+      background: 'pink'
+    }
+  }, /*#__PURE__*/React.createElement("p", null, " \u5F53\u524D\u5E94\u7528\u540D\u79F0: ", currentProject === null || currentProject === void 0 ? void 0 : currentProject.projectName), /*#__PURE__*/React.createElement("p", null, " \u5F53\u524D\u5E94\u7528id: ", currentProject === null || currentProject === void 0 ? void 0 : currentProject.projectId)), /*#__PURE__*/React.createElement("div", {
+    style: {
+      margin: '20px',
+      padding: '20px 20px 10px 20px',
+      background: '#FFEB3B'
+    }
+  }, /*#__PURE__*/React.createElement("p", null, " \u5F53\u524D\u4E3B\u4F53\u540D\u79F0: ", currentApp === null || currentApp === void 0 ? void 0 : currentApp.appName), /*#__PURE__*/React.createElement("p", null, " \u5F53\u524D\u4E3B\u4F53id: ", currentApp === null || currentApp === void 0 ? void 0 : currentApp.id)));
 }
 export default (function () {
   return /*#__PURE__*/React.createElement(DemoWrapper, {

package/es/demoWrapper/index.js

@@ -4,12 +4,11 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import { Card, Spin } from 'antd';
+import { Card, Spin, Select, message } from 'antd';
 import React, { useEffect, useState } from 'react';
 import BizLoginForm from '../loginForm';
 import request from '../utils/ajax';
 import DemoContent from './content';
-import DemoHeader from './head';
 import './index.less';
 import { ResponseStatus } from '../utils/type';
 var DemoWrapper = function DemoWrapper(_ref) {
@@ -30,12 +29,21 @@ var DemoWrapper = function DemoWrapper(_ref) {
     _useState6 = _slicedToArray(_useState5, 2),
     notLogin = _useState6[0],
     setNotLogin = _useState6[1];
-  var _useState7 = useState(),
+  var _useState7 = useState([]),
     _useState8 = _slicedToArray(_useState7, 2),
-    app = _useState8[0],
-    setApp = _useState8[1];
+    projectList = _useState8[0],
+    setrPojectList = _useState8[1];
+  var _useState9 = useState({}),
+    _useState10 = _slicedToArray(_useState9, 2),
+    currentProject = _useState10[0],
+    setCurrentProject = _useState10[1];
+  var _useState11 = useState({}),
+    _useState12 = _slicedToArray(_useState11, 2),
+    currentApp = _useState12[0],
+    setCurrentApp = _useState12[1];
   useEffect(function () {
     getCurrentUser();
+    queryAppList();
   }, []);
   function getCurrentUser() {
     request('/zg/web/v2/user/getUserInfo').then(function (res) {
@@ -46,6 +54,39 @@ var DemoWrapper = function DemoWrapper(_ref) {
       setLoading(false);
     });
   }
+  function queryAppList() {
+    setLoading(true);
+    request('/zg/web/v2/data/v2ajaxGetDataByApp').then(function (res) {
+      if (!res.data) {
+        message.error('获取应用列表失败，请重新登录');
+        setNotLogin(true);
+        return;
+      }
+      setrPojectList(res.data.projectList);
+      var hasDefaultApp = false;
+      if (defaultApp) {
+        res.data.projectList.map(function (item) {
+          item.appList.map(function (_item) {
+            if (defaultApp === _item.id) {
+              hasDefaultApp = true;
+              setCurrentProject(item);
+              setCurrentApp(_item);
+            }
+          });
+        });
+      } else {
+        setCurrentProject(res.data.projectList[0]);
+        setCurrentApp(res.data.projectList[0].appList[0]);
+      }
+      if (!hasDefaultApp) {
+        setCurrentProject(res.data.projectList[0]);
+        setCurrentApp(res.data.projectList[0].appList[0]);
+      }
+      setAppListLoading(false);
+    }).finally(function () {
+      setLoading(false);
+    });
+  }
   if (loading) {
     return /*#__PURE__*/React.createElement(Spin, null);
   }
@@ -57,14 +98,35 @@ var DemoWrapper = function DemoWrapper(_ref) {
     }));
   }
   return /*#__PURE__*/React.createElement(Card, {
-    title: /*#__PURE__*/React.createElement(DemoHeader, {
-      defaultApp: defaultApp,
-      onChangeApp: setApp,
-      onLoading: setAppListLoading,
-      onLogin: function onLogin() {
-        return setNotLogin(true);
+    title: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Select, {
+      value: currentProject.projectId,
+      options: projectList,
+      fieldNames: {
+        label: 'projectName',
+        value: 'projectId'
+      },
+      onChange: function onChange(_id, app) {
+        setCurrentProject(app);
+        setCurrentApp(app === null || app === void 0 ? void 0 : app.appList[0]);
+      },
+      style: {
+        width: '200px',
+        marginRight: '20px'
+      }
+    }), /*#__PURE__*/React.createElement(Select, {
+      value: currentApp.id,
+      options: currentProject === null || currentProject === void 0 ? void 0 : currentProject.appList,
+      fieldNames: {
+        label: 'appName',
+        value: 'id'
+      },
+      onChange: function onChange(_id, app) {
+        setCurrentApp(app);
+      },
+      style: {
+        width: '200px'
       }
-    }),
+    })),
     className: className,
     bodyStyle: {
       background: '#FAFAFB'
@@ -72,9 +134,11 @@ var DemoWrapper = function DemoWrapper(_ref) {
   }, appListLoading ? /*#__PURE__*/React.createElement(Spin, {
     tip: "\u5E94\u7528\u4FE1\u606F\u521D\u59CB\u5316\u4E2D"
   }) : /*#__PURE__*/React.createElement(DemoContent, {
-    currentApp: app,
+    currentApp: currentApp,
+    currentProject: currentProject,
+    projectList: projectList,
     needMeta: needMeta,
-    key: app === null || app === void 0 ? void 0 : app.appId,
+    key: currentApp === null || currentApp === void 0 ? void 0 : currentApp.id,
     contextProps: contextProps
   }, children));
 };

package/es/eventSelector/index.js

@@ -40,7 +40,8 @@ var BizEventSelector = function BizEventSelector(props) {
     _useContext$eventGrou = _useContext.eventGroupList,
     eventGroupList = _useContext$eventGrou === void 0 ? [] : _useContext$eventGrou,
     _useContext$eventIdMa = _useContext.eventIdMap,
-    eventIdMap = _useContext$eventIdMa === void 0 ? {} : _useContext$eventIdMa;
+    eventIdMap = _useContext$eventIdMa === void 0 ? {} : _useContext$eventIdMa,
+    currentApp = _useContext.currentApp;
   var selectId = (Math.random() + 10).toString();
   useEffect(function () {
     if (!props.defaultValue) {
@@ -67,7 +68,7 @@ var BizEventSelector = function BizEventSelector(props) {
   }
   var getValue = function getValue(param) {
     var res = {};
-    var allEvents = props.showBuiltInTarget ? eventGroupList === null || eventGroupList === void 0 ? void 0 : eventGroupList.concat(BuiltinIndicators) : eventGroupList;
+    var allEvents = props.showBuiltInTarget ? eventGroupList === null || eventGroupList === void 0 ? void 0 : eventGroupList.concat(BuiltinIndicators(currentApp === null || currentApp === void 0 ? void 0 : currentApp.type)) : eventGroupList;
     if (props.multiple) {
       var params = param;
       return params.filter(function (item) {

package/es/eventSelector/listPanel.js

@@ -34,7 +34,8 @@ var EventListPanel = function EventListPanel(props) {
     searchValue = _useState2[0],
     setSearchValue = _useState2[1];
   var _useContext = useContext(BizGlobalDataContext),
-    eventGroupList = _useContext.eventGroupList;
+    eventGroupList = _useContext.eventGroupList,
+    currentApp = _useContext.currentApp;
   var _useState3 = useState([]),
     _useState4 = _slicedToArray(_useState3, 2),
     eventGroupListData = _useState4[0],
@@ -107,7 +108,7 @@ var EventListPanel = function EventListPanel(props) {
             }
           });
         });
-        list = props.showBuiltInTarget ? [].concat(_toConsumableArray(BuiltinIndicators.eventList), markList, _toConsumableArray(list)) : [].concat(markList, _toConsumableArray(list));
+        list = props.showBuiltInTarget ? [].concat(_toConsumableArray(BuiltinIndicators(currentApp === null || currentApp === void 0 ? void 0 : currentApp.type).eventList), markList, _toConsumableArray(list)) : [].concat(markList, _toConsumableArray(list));
         if (props.extendEvents) {
           list = [].concat(_toConsumableArray(props.extendEvents), _toConsumableArray(list));
         }
@@ -116,7 +117,7 @@ var EventListPanel = function EventListPanel(props) {
       name: '所有分组'
     };
     setGroupList(function (list) {
-      var result = props.showBuiltInTarget ? [group, BuiltinIndicators].concat(_toConsumableArray(list)) : [group].concat(_toConsumableArray(list));
+      var result = props.showBuiltInTarget ? [group, BuiltinIndicators(currentApp === null || currentApp === void 0 ? void 0 : currentApp.type)].concat(_toConsumableArray(list)) : [group].concat(_toConsumableArray(list));
       if (!props.filter) return result;
       var finalList = [];
       result.forEach(function (group) {
@@ -142,7 +143,7 @@ var EventListPanel = function EventListPanel(props) {
         if (props.defaultSelectAble && ((_props$value = props.value) === null || _props$value === void 0 ? void 0 : _props$value.group)) {
           var _props$value$group;
           if (props.showBuiltInTarget && ((_props$value$group = props.value.group) === null || _props$value$group === void 0 ? void 0 : _props$value$group.id) === -2) {
-            resultGroup = BuiltinIndicators;
+            resultGroup = BuiltinIndicators(currentApp === null || currentApp === void 0 ? void 0 : currentApp.type);
           } else {
             var _currentGroup = group;
             eventGroupListData === null || eventGroupListData === void 0 ? void 0 : eventGroupListData.forEach(function (eGroup) {

package/es/formulaTarget/components/formula/util.d.ts

@@ -2,6 +2,7 @@ import { AttrConditionTypes, TargetConditionTypes } from '../../..';
 import { EventGroup } from '../../../attributeSelector/types';
 import { FormulaContainerTypes } from './types';
 import { BizFormulaTargetTypes } from '../../types';
+import { AppInfoProps } from '../../../context/index';
 export declare const newItem: FormulaContainerTypes.FormulaItemValue;
 export declare const newSymbol: FormulaContainerTypes.FormulaItemValue;
 export declare const targetsFormat: (targetFormula?: string, targets?: TargetConditionTypes.Value[]) => FormulaContainerTypes.FormulaItemValue[];
@@ -16,7 +17,7 @@ export declare const validator: (type: string, condition?: TargetConditionTypes.
     isOk: boolean;
     msg: string;
 };
-export declare const getDimension: (data: TargetConditionTypes.DimensionValue, eId?: number, eventGroupList?: EventGroup[]) => string;
+export declare const getDimension: (currentApp: AppInfoProps | undefined, data: TargetConditionTypes.DimensionValue, eId?: number, eventGroupList?: EventGroup[]) => string;
 export declare const judgeHaveFilter: (filter?: AttrConditionTypes.GroupValue) => boolean;
 export declare const getFilters: (filters?: AttrConditionTypes.GroupValue) => {
     conditions: AttrConditionTypes.ItemValue[];

package/es/formulaTarget/components/formula/util.js

@@ -166,9 +166,9 @@ export var validator = function validator(type, condition) {
     msg: msg
   };
 };
-export var getDimension = function getDimension(data, eId, eventGroupList) {
+export var getDimension = function getDimension(currentApp, data, eId, eventGroupList) {
   var name = '';
-  normalOptions.concat(attrOptions).forEach(function (item) {
+  normalOptions(currentApp === null || currentApp === void 0 ? void 0 : currentApp.type).concat(attrOptions).forEach(function (item) {
     if (item.value === data.analysisIndex) {
       name = item.label;
     }

package/es/formulaTarget/components/formulaItem/index.js

@@ -45,7 +45,8 @@ var FormulaItem = function FormulaItem(props) {
     isValidate = _useState14[0],
     setIsValidate = _useState14[1];
   var _useContext = useContext(BizGlobalDataContext),
-    eventGroupList = _useContext.eventGroupList;
+    eventGroupList = _useContext.eventGroupList,
+    currentApp = _useContext.currentApp;
   var _useState15 = useState(false),
     _useState16 = _slicedToArray(_useState15, 2),
     open = _useState16[0],
@@ -67,7 +68,7 @@ var FormulaItem = function FormulaItem(props) {
     setLabel((condition === null || condition === void 0 ? void 0 : condition.eventName) || (formulaValue === null || formulaValue === void 0 ? void 0 : formulaValue.condition));
     if (condition === null || condition === void 0 ? void 0 : condition.type) {
       if ((condition === null || condition === void 0 ? void 0 : condition.type) === FormulaTypes.EVENT) {
-        setDimension(getDimension(condition.analysisDimension, condition.eventId, eventGroupList));
+        setDimension(getDimension(currentApp, condition.analysisDimension, condition.eventId, eventGroupList));
         setHaveFilter(judgeHaveFilter(condition.filters));
       } else {
         setHaveFilter(judgeHaveFilter(condition.filters));

package/es/formulaTarget/components/panel/index.js

@@ -25,7 +25,8 @@ import _ from 'lodash';
 export var classPrefix = 'formula-panel';
 var FormulaPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _useContext = useContext(BizGlobalDataContext),
-    eventGroupList = _useContext.eventGroupList;
+    eventGroupList = _useContext.eventGroupList,
+    currentApp = _useContext.currentApp;
   var _useState = useState(FormulaTypes.EVENT),
     _useState2 = _slicedToArray(_useState, 2),
     type = _useState2[0],
@@ -66,7 +67,7 @@ var FormulaPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
     setEventList(events);
     setAllList({
       event: events,
-      whole: indicatorList
+      whole: indicatorList(currentApp)
     });
     setCurrentValue(props.value);
     setType(props.value ? getParentType(props.value.type) : FormulaTypes.EVENT);

package/es/hooks/useBizStore.d.ts

@@ -1,17 +1,21 @@
-import React from 'react';
 import { UserTagsSelectorTypes } from '../userTagsSelector/types';
 import { UserGroupTypes } from '../userGroup/types';
 import { AppInfoProps } from '../context';
 declare function useBizStore({ currentApp }: {
     currentApp: AppInfoProps;
-    authority: any;
 }): {
+    eventGroupList?: import("../attributeSelector/types").EventGroup[] | undefined;
+    userPropList?: import("../attributeSelector/types").UserProp[] | undefined;
+    envPropList?: import("../attributeSelector/types").EnvProp[] | undefined;
+    eventNameMap?: Record<string, import("../attributeSelector/types").AnalysisEvent> | undefined;
+    eventIdMap?: Record<number, import("../attributeSelector/types").AnalysisEvent> | undefined;
+    useBizStoreLoading: boolean;
     groupLoading: boolean;
     userGroupList: UserGroupTypes.Group[];
     tagList: UserTagsSelectorTypes.Tag[];
     tagLoading: boolean;
-    setUserGroupList: React.Dispatch<React.SetStateAction<UserGroupTypes.Group[]>>;
-    setTagList: React.Dispatch<React.SetStateAction<UserTagsSelectorTypes.Tag[]>>;
+    setUserGroupList: import("react").Dispatch<import("react").SetStateAction<UserGroupTypes.Group[]>>;
+    setTagList: import("react").Dispatch<import("react").SetStateAction<UserTagsSelectorTypes.Tag[]>>;
     queryTags: () => void;
     queryGroups: () => void;
 };