@ytsaurus/ui 1.18.1 → 1.19.0

package/build/esm/ui/hocs/components/Modal/withScope.d.ts

@@ -1,55 +1,4 @@
-export default function withScope(scope: any): (Component: any) => {
-    new (props: any): {
-        componentDidMount(): void;
-        prevScope: null;
-        componentDidUpdate(prevProps: any): void;
-        componentWillUnmount(): void;
-        render(): React.JSX.Element;
-        context: unknown;
-        setState<K extends string | number | symbol>(state: any, callback?: (() => void) | undefined): void;
-        forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<any>;
-        state: Readonly<any>;
-        refs: {
-            [key: string]: React.ReactInstance;
-        };
-        shouldComponentUpdate?(nextProps: Readonly<any>, nextState: Readonly<any>, nextContext: any): boolean;
-        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<any>, prevState: Readonly<any>): any;
-        componentWillMount?(): void;
-        UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<any>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<any>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<any>, nextState: Readonly<any>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<any>, nextState: Readonly<any>, nextContext: any): void;
-    };
-    new (props: any, context: any): {
-        componentDidMount(): void;
-        prevScope: null;
-        componentDidUpdate(prevProps: any): void;
-        componentWillUnmount(): void;
-        render(): React.JSX.Element;
-        context: unknown;
-        setState<K extends string | number | symbol>(state: any, callback?: (() => void) | undefined): void;
-        forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<any>;
-        state: Readonly<any>;
-        refs: {
-            [key: string]: React.ReactInstance;
-        };
-        shouldComponentUpdate?(nextProps: Readonly<any>, nextState: Readonly<any>, nextContext: any): boolean;
-        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<any>, prevState: Readonly<any>): any;
-        componentWillMount?(): void;
-        UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<any>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<any>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<any>, nextState: Readonly<any>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<any>, nextState: Readonly<any>, nextContext: any): void;
-    };
-    propTypes: {
-        visible: PropTypes.Validator<boolean>;
-    };
-    displayName: string;
-    contextType?: React.Context<any> | undefined;
-};
+import React from 'react';
+export default function withScope(scope: string): <P>(Component: React.ComponentType<P>) => React.FC<P & {
+    visible: true;
+}>;

package/build/esm/ui/hocs/components/Modal/withScope.js

@@ -1,63 +1,16 @@
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
 import React from 'react';
-import key from 'hotkeys-js';
 import { getDisplayName } from '../../../utils';
+import { useHotkeysScope } from '../../../hooks/use-hotkeysjs-scope';
 import { jsx as _jsx } from "react/jsx-runtime";
 export default function withScope(scope) {
-  return function (Component) {
-    var _class;
-    return _class = /*#__PURE__*/function (_React$Component) {
-      _inherits(WithScope, _React$Component);
-      var _super = _createSuper(WithScope);
-      function WithScope() {
-        var _this;
-        _classCallCheck(this, WithScope);
-        for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-          args[_key] = arguments[_key];
-        }
-        _this = _super.call.apply(_super, [this].concat(args));
-        _this.prevScope = null;
-        return _this;
-      }
-      _createClass(WithScope, [{
-        key: "componentDidMount",
-        value: function componentDidMount() {
-          this.prevScope = key.getScope();
-          if (this.props.visible) {
-            key.setScope(scope);
-          }
-        }
-      }, {
-        key: "componentDidUpdate",
-        value: function componentDidUpdate(prevProps) {
-          var prevVisible = prevProps.visible;
-          var visible = this.props.visible;
-          if (prevVisible !== visible) {
-            if (visible) {
-              this.prevScope = key.getScope();
-              key.setScope(scope);
-            } else {
-              key.setScope(this.prevScope);
-            }
-          }
-        }
-      }, {
-        key: "componentWillUnmount",
-        value: function componentWillUnmount() {
-          key.setScope(this.prevScope);
-        }
-      }, {
-        key: "render",
-        value: function render() {
-          return /*#__PURE__*/_jsx(Component, _objectSpread({}, this.props));
-        }
-      }]);
-      return WithScope;
-    }(React.Component), _class.displayName = "WithScope(".concat(getDisplayName(Component), ")"), _class;
+  return function wrap(Component) {
+    var ResComponent = function WithScope(props) {
+      useHotkeysScope(scope, props.visible);
+      return /*#__PURE__*/_jsx(Component, _objectSpread({}, props));
+    };
+    ResComponent.displayName = "WithScope(".concat(getDisplayName(Component), ")");
+    return ResComponent;
   };
 }
 // #sourceMappingURL=withScope.js.map

package/build/esm/ui/hocs/components/Modal/withScope.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","key","getDisplayName","jsx","_jsx","withScope","scope","Component","_class","_React$Component","_inherits","WithScope","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","prevScope","_createClass","value","componentDidMount","getScope","props","visible","setScope","componentDidUpdate","prevProps","prevVisible","componentWillUnmount","render","_objectSpread","displayName"],"sources":["withScope.js"],"sourcesContent":["import React from 'react';\nimport key from 'hotkeys-js';\nimport PropTypes from 'prop-types';\n\nimport {getDisplayName} from '../../../utils';\n\nexport default function withScope(scope) {\n    return (Component) => {\n        return class WithScope extends React.Component {\n            static propTypes = {\n                visible: PropTypes.bool.isRequired,\n            };\n\n            static displayName = `WithScope(${getDisplayName(Component)})`;\n\n            componentDidMount() {\n                this.prevScope = key.getScope();\n\n                if (this.props.visible) {\n                    key.setScope(scope);\n                }\n            }\n\n            componentDidUpdate(prevProps) {\n                const {visible: prevVisible} = prevProps;\n                const {visible} = this.props;\n\n                if (prevVisible !== visible) {\n                    if (visible) {\n                        this.prevScope = key.getScope();\n                        key.setScope(scope);\n                    } else {\n                        key.setScope(this.prevScope);\n                    }\n                }\n            }\n\n            componentWillUnmount() {\n                key.setScope(this.prevScope);\n            }\n\n            prevScope = null;\n\n            render() {\n                return <Component {...this.props} />;\n            }\n        };\n    };\n}\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,MAAM,YAAY;AAG5B,SAAQC,cAAc,QAAO,gBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE9C,eAAe,SAASC,SAASA,CAACC,KAAK,EAAE;EACrC,OAAO,UAACC,SAAS,EAAK;IAAA,IAAAC,MAAA;IAClB,OAAAA,MAAA,0BAAAC,gBAAA;MAAAC,SAAA,CAAAC,SAAA,EAAAF,gBAAA;MAAA,IAAAG,MAAA,GAAAC,YAAA,CAAAF,SAAA;MAAA,SAAAA,UAAA;QAAA,IAAAG,KAAA;QAAAC,eAAA,OAAAJ,SAAA;QAAA,SAAAK,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;UAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;QAAA;QAAAP,KAAA,GAAAF,MAAA,CAAAU,IAAA,CAAAC,KAAA,CAAAX,MAAA,SAAAY,MAAA,CAAAL,IAAA;QAAAL,KAAA,CAiCIW,SAAS,GAAG,IAAI;QAAA,OAAAX,KAAA;MAAA;MAAAY,YAAA,CAAAf,SAAA;QAAAV,GAAA;QAAA0B,KAAA,EA1BhB,SAAAC,kBAAA,EAAoB;UAChB,IAAI,CAACH,SAAS,GAAGxB,GAAG,CAAC4B,QAAQ,CAAC,CAAC;UAE/B,IAAI,IAAI,CAACC,KAAK,CAACC,OAAO,EAAE;YACpB9B,GAAG,CAAC+B,QAAQ,CAAC1B,KAAK,CAAC;UACvB;QACJ;MAAC;QAAAL,GAAA;QAAA0B,KAAA,EAED,SAAAM,mBAAmBC,SAAS,EAAE;UAC1B,IAAgBC,WAAW,GAAID,SAAS,CAAjCH,OAAO;UACd,IAAOA,OAAO,GAAI,IAAI,CAACD,KAAK,CAArBC,OAAO;UAEd,IAAII,WAAW,KAAKJ,OAAO,EAAE;YACzB,IAAIA,OAAO,EAAE;cACT,IAAI,CAACN,SAAS,GAAGxB,GAAG,CAAC4B,QAAQ,CAAC,CAAC;cAC/B5B,GAAG,CAAC+B,QAAQ,CAAC1B,KAAK,CAAC;YACvB,CAAC,MAAM;cACHL,GAAG,CAAC+B,QAAQ,CAAC,IAAI,CAACP,SAAS,CAAC;YAChC;UACJ;QACJ;MAAC;QAAAxB,GAAA;QAAA0B,KAAA,EAED,SAAAS,qBAAA,EAAuB;UACnBnC,GAAG,CAAC+B,QAAQ,CAAC,IAAI,CAACP,SAAS,CAAC;QAChC;MAAC;QAAAxB,GAAA;QAAA0B,KAAA,EAID,SAAAU,OAAA,EAAS;UACL,oBAAOjC,IAAA,CAACG,SAAS,EAAA+B,aAAA,KAAK,IAAI,CAACR,KAAK,CAAG,CAAC;QACxC;MAAC;MAAA,OAAAnB,SAAA;IAAA,EArC0BX,KAAK,CAACO,SAAS,GAAAC,MAAA,CAKnC+B,WAAW,gBAAAf,MAAA,CAAgBtB,cAAc,CAACK,SAAS,CAAC,QAAAC,MAAA;EAkCnE,CAAC;AACL"}
+{"version":3,"names":["React","getDisplayName","useHotkeysScope","jsx","_jsx","withScope","scope","wrap","Component","ResComponent","WithScope","props","visible","_objectSpread","displayName","concat"],"sources":["withScope.tsx"],"sourcesContent":["import React from 'react';\n\nimport {getDisplayName} from '../../../utils';\nimport {useHotkeysScope} from '../../../hooks/use-hotkeysjs-scope';\n\nexport default function withScope(scope: string) {\n    return function wrap<P>(Component: React.ComponentType<P>) {\n        type Props = P & {visible: true};\n        const ResComponent: React.FC<Props> = function WithScope(props) {\n            useHotkeysScope(scope, props.visible);\n            return <Component {...props} />;\n        };\n\n        ResComponent.displayName = `WithScope(${getDisplayName(Component)})`;\n        return ResComponent;\n    };\n}\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAAQC,cAAc,QAAO,gBAAgB;AAC7C,SAAQC,eAAe,QAAO,oCAAoC;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEnE,eAAe,SAASC,SAASA,CAACC,KAAa,EAAE;EAC7C,OAAO,SAASC,IAAIA,CAAIC,SAAiC,EAAE;IAEvD,IAAMC,YAA6B,GAAG,SAASC,SAASA,CAACC,KAAK,EAAE;MAC5DT,eAAe,CAACI,KAAK,EAAEK,KAAK,CAACC,OAAO,CAAC;MACrC,oBAAOR,IAAA,CAACI,SAAS,EAAAK,aAAA,KAAKF,KAAK,CAAG,CAAC;IACnC,CAAC;IAEDF,YAAY,CAACK,WAAW,gBAAAC,MAAA,CAAgBd,cAAc,CAACO,SAAS,CAAC,MAAG;IACpE,OAAOC,YAAY;EACvB,CAAC;AACL"}

package/build/esm/ui/hooks/use-hotkeysjs-scope.d.ts

@@ -0,0 +1 @@
+export declare function useHotkeysScope(scope: string, visible: boolean): void;

package/build/esm/ui/hooks/use-hotkeysjs-scope.js

@@ -0,0 +1,15 @@
+import key from 'hotkeys-js';
+import React from 'react';
+export function useHotkeysScope(scope, visible) {
+  React.useEffect(function () {
+    if (!visible) {
+      return undefined;
+    }
+    var prevScope = key.getScope();
+    key.setScope(scope);
+    return function () {
+      key.setScope(prevScope);
+    };
+  }, [scope, visible]);
+}
+// #sourceMappingURL=use-hotkeysjs-scope.js.map

package/build/esm/ui/hooks/use-hotkeysjs-scope.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["key","React","useHotkeysScope","scope","visible","useEffect","undefined","prevScope","getScope","setScope"],"sources":["use-hotkeysjs-scope.ts"],"sourcesContent":["import key from 'hotkeys-js';\nimport React from 'react';\n\nexport function useHotkeysScope(scope: string, visible: boolean) {\n    React.useEffect(() => {\n        if (!visible) {\n            return undefined;\n        }\n\n        const prevScope = key.getScope();\n        key.setScope(scope);\n\n        return () => {\n            key.setScope(prevScope);\n        };\n    }, [scope, visible]);\n}\n"],"mappings":"AAAA,OAAOA,GAAG,MAAM,YAAY;AAC5B,OAAOC,KAAK,MAAM,OAAO;AAEzB,OAAO,SAASC,eAAeA,CAACC,KAAa,EAAEC,OAAgB,EAAE;EAC7DH,KAAK,CAACI,SAAS,CAAC,YAAM;IAClB,IAAI,CAACD,OAAO,EAAE;MACV,OAAOE,SAAS;IACpB;IAEA,IAAMC,SAAS,GAAGP,GAAG,CAACQ,QAAQ,CAAC,CAAC;IAChCR,GAAG,CAACS,QAAQ,CAACN,KAAK,CAAC;IAEnB,OAAO,YAAM;MACTH,GAAG,CAACS,QAAQ,CAACF,SAAS,CAAC;IAC3B,CAAC;EACL,CAAC,EAAE,CAACJ,KAAK,EAAEC,OAAO,CAAC,CAAC;AACxB"}

package/build/esm/ui/pages/navigation/Navigation/PathEditorModal/PathEditorModal.d.ts

@@ -1,56 +1,2 @@
-declare const _default: {
-    new (props: any): {
-        componentDidMount(): void;
-        prevScope: null;
-        componentDidUpdate(prevProps: any): void;
-        componentWillUnmount(): void;
-        render(): React.JSX.Element;
-        context: unknown;
-        setState<K extends string | number | symbol>(state: any, callback?: (() => void) | undefined): void;
-        forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<any>;
-        state: Readonly<any>;
-        refs: {
-            [key: string]: React.ReactInstance;
-        };
-        shouldComponentUpdate?(nextProps: Readonly<any>, nextState: Readonly<any>, nextContext: any): boolean;
-        componentDidCatch?(error: globalThis.Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<any>, prevState: Readonly<any>): any;
-        componentWillMount?(): void;
-        UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<any>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<any>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<any>, nextState: Readonly<any>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<any>, nextState: Readonly<any>, nextContext: any): void;
-    };
-    new (props: any, context: any): {
-        componentDidMount(): void;
-        prevScope: null;
-        componentDidUpdate(prevProps: any): void;
-        componentWillUnmount(): void;
-        render(): React.JSX.Element;
-        context: unknown;
-        setState<K extends string | number | symbol>(state: any, callback?: (() => void) | undefined): void;
-        forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<any>;
-        state: Readonly<any>;
-        refs: {
-            [key: string]: React.ReactInstance;
-        };
-        shouldComponentUpdate?(nextProps: Readonly<any>, nextState: Readonly<any>, nextContext: any): boolean;
-        componentDidCatch?(error: globalThis.Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<any>, prevState: Readonly<any>): any;
-        componentWillMount?(): void;
-        UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<any>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<any>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<any>, nextState: Readonly<any>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<any>, nextState: Readonly<any>, nextContext: any): void;
-    };
-    propTypes: {
-        visible: PropTypes.Validator<boolean>;
-    };
-    displayName: string;
-    contextType?: React.Context<any> | undefined;
-};
+declare const _default: any;
 export default _default;

package/build/esm/ui/pages/system/Masters/Masters.css

@@ -34,4 +34,7 @@
 .system-master__providers {
   margin-right: 100px;
 }
+.system-master__alerts {
+  margin-bottom: 20px;
+}
 /*# sourceMappingURL=Masters.css.map */

package/build/esm/ui/pages/system/Masters/Masters.css.map

@@ -1 +1 @@
-{"version":3,"sources":["Masters.scss"],"names":[],"mappings":"AAUI;EACI,iBAAA;AATR;AAYI;EAVA,aAAA;EACA,qCAAA;EACA,kBAAA;EAUI,sBAAA;AARR;AAUQ;EACI,eAAA;AARZ;AAWQ;EACI,iBAAA;AATZ;AAaI;EAvBA,aAAA;EACA,qCAAA;EACA,mBAAA;AAaJ;AAYI;EACI,eAAA;AAVR;AAaI;EACI,mBAAA;AAXR;AAcI;EACI,mBAAA;AAZR;AAeI;EACI,aAAA;EACA,eAAA;AAbR;AAgBI;EACI,mBAAA;AAdR","file":"Masters.css","sourcesContent":["@import '../../../styles/common';\n@import '../../../styles/mixins';\n\n@mixin three-column-grid($row-gap) {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    grid-gap: $row-gap 80px;\n}\n\n.system-master {\n    &__container-host-radio {\n        margin-left: 20px;\n    }\n\n    &__all-masters {\n        @include three-column-grid(8px);\n        grid-auto-flow: column;\n\n        & .elements-heading {\n            grid-row-end: 1;\n        }\n\n        & .system-master__group {\n            grid-row-start: 1;\n        }\n    }\n\n    &__secondary-masters {\n        @include three-column-grid(20px);\n    }\n\n    &__maintenance-hover {\n        display: inline;\n    }\n\n    &__primary-master {\n        margin-bottom: 40px;\n    }\n\n    &__secondary-masters {\n        margin-bottom: 20px;\n    }\n\n    &__flex {\n        display: flex;\n        flex-wrap: wrap;\n    }\n\n    &__providers {\n        margin-right: 100px;\n    }\n}\n"],"sourceRoot":""}
+{"version":3,"sources":["Masters.scss"],"names":[],"mappings":"AAUI;EACI,iBAAA;AATR;AAYI;EAVA,aAAA;EACA,qCAAA;EACA,kBAAA;EAUI,sBAAA;AARR;AAUQ;EACI,eAAA;AARZ;AAWQ;EACI,iBAAA;AATZ;AAaI;EAvBA,aAAA;EACA,qCAAA;EACA,mBAAA;AAaJ;AAYI;EACI,eAAA;AAVR;AAaI;EACI,mBAAA;AAXR;AAcI;EACI,mBAAA;AAZR;AAeI;EACI,aAAA;EACA,eAAA;AAbR;AAgBI;EACI,mBAAA;AAdR;AAiBI;EACI,mBAAA;AAfR","file":"Masters.css","sourcesContent":["@import '../../../styles/common';\n@import '../../../styles/mixins';\n\n@mixin three-column-grid($row-gap) {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    grid-gap: $row-gap 80px;\n}\n\n.system-master {\n    &__container-host-radio {\n        margin-left: 20px;\n    }\n\n    &__all-masters {\n        @include three-column-grid(8px);\n        grid-auto-flow: column;\n\n        & .elements-heading {\n            grid-row-end: 1;\n        }\n\n        & .system-master__group {\n            grid-row-start: 1;\n        }\n    }\n\n    &__secondary-masters {\n        @include three-column-grid(20px);\n    }\n\n    &__maintenance-hover {\n        display: inline;\n    }\n\n    &__primary-master {\n        margin-bottom: 40px;\n    }\n\n    &__secondary-masters {\n        margin-bottom: 20px;\n    }\n\n    &__flex {\n        display: flex;\n        flex-wrap: wrap;\n    }\n\n    &__providers {\n        margin-right: 100px;\n    }\n\n    &__alerts {\n        margin-bottom: 20px;\n    }\n}\n"],"sourceRoot":""}

package/build/esm/ui/pages/system/Masters/Masters.d.ts

@@ -1,4 +1,5 @@
 declare const _default: import("react-redux").ConnectedComponent<typeof Masters, import("react-redux").Omit<PropTypes.InferProps<{
+    alerts: PropTypes.Requireable<(object | null | undefined)[]>;
     counters: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
         flags: PropTypes.Requireable<object>;
         states: PropTypes.Requireable<object>;
@@ -8,10 +9,11 @@ declare const _default: import("react-redux").ConnectedComponent<typeof Masters,
     secondary: PropTypes.Requireable<(PropTypes.InferProps<any> | null | undefined)[]>;
     providers: PropTypes.Validator<NonNullable<PropTypes.InferProps<any>>>;
     discovery: PropTypes.Validator<NonNullable<PropTypes.InferProps<any>>>;
-}>, "counters" | "primary" | "secondary" | "providers" | "discovery" | "initialized">>;
+}>, "alerts" | "counters" | "primary" | "secondary" | "providers" | "discovery" | "initialized">>;
 export default _default;
 declare class Masters extends React.Component<any, any, any> {
     static propTypes: {
+        alerts: PropTypes.Requireable<(object | null | undefined)[]>;
         counters: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
             flags: PropTypes.Requireable<object>;
             states: PropTypes.Requireable<object>;
@@ -30,6 +32,7 @@ declare class Masters extends React.Component<any, any, any> {
         allowVoting: boolean;
     }) => React.JSX.Element[];
     renderMasterTypeSwitcher(): React.JSX.Element;
+    renderAlerts(): React.JSX.Element;
     renderContent(): React.JSX.Element;
     renderSection(name: any, heading: any, data: any, { allowVoting }?: {
         allowVoting: boolean;

package/build/esm/ui/pages/system/Masters/Masters.js

@@ -18,6 +18,7 @@ import { getSettingsSystemMastersCollapsed } from '../../../store/selectors/sett
 import { setSettingsSystemMastersCollapsed } from '../../../store/actions/settings/settings';
 import { useUpdater } from '../../../hooks/use-updater';
 import "./Masters.css";
+import { SystemAlert } from './SystemAlert';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var b = block('system-master');
@@ -91,6 +92,13 @@ var Masters = /*#__PURE__*/function (_Component) {
         className: b('container-host-radio')
       });
     }
+  }, {
+    key: "renderAlerts",
+    value: function renderAlerts() {
+      return /*#__PURE__*/_jsx(SystemAlert, {
+        className: b('alerts')
+      });
+    }
   }, {
     key: "renderContent",
     value: function renderContent() {
@@ -107,7 +115,7 @@ var Masters = /*#__PURE__*/function (_Component) {
       });
       return fitIntoSection ? /*#__PURE__*/_jsxs("div", {
         className: b('all-masters'),
-        children: [/*#__PURE__*/_jsxs("div", {
+        children: [this.renderAlerts(), /*#__PURE__*/_jsxs("div", {
           className: headingCN,
           children: ["Primary Masters", this.renderMasterTypeSwitcher()]
         }), /*#__PURE__*/_jsx(MasterGroup, _objectSpread(_objectSpread({
@@ -143,7 +151,7 @@ var Masters = /*#__PURE__*/function (_Component) {
           }), /*#__PURE__*/_jsx(MasterGroup, _objectSpread({}, queueAgents))]
         })]
       }) : /*#__PURE__*/_jsxs("div", {
-        children: [/*#__PURE__*/_jsxs("div", {
+        children: [this.renderAlerts(), /*#__PURE__*/_jsxs("div", {
           className: headingCN,
           children: ["Primary Masters", this.renderMasterTypeSwitcher()]
         }), /*#__PURE__*/_jsx(MasterGroup, _objectSpread(_objectSpread({
@@ -202,8 +210,17 @@ var Masters = /*#__PURE__*/function (_Component) {
         'weak-quorum': 'warning'
       };
       var counterGroups = [['recovery', 'unavailable'], ['primary', 'secondary'], ['no-quorum', 'weak-quorum', 'quorum']];
+      var labels = [];
+      var alertsCount = this.props.alerts.length;
+      if (alertsCount > 0) {
+        labels.push({
+          text: "".concat(alertsCount, " alert").concat(alertsCount > 1 ? 's' : ''),
+          theme: 'warning'
+        });
+      }
       return /*#__PURE__*/_jsx(SystemStateOverview, {
         tab: "masters",
+        labels: labels,
         counters: counters,
         stateThemeMappings: stateThemeMappings,
         stateOverview: stateOverview,
@@ -249,7 +266,8 @@ function mapStateToProps(state) {
     discovery = _state$system$masters.discovery,
     queueAgents = _state$system$masters.queueAgents,
     counters = _state$system$masters.counters,
-    initialized = _state$system$masters.initialized;
+    initialized = _state$system$masters.initialized,
+    alerts = _state$system$masters.alerts;
   return {
     initialized: initialized,
     secondary: secondary,
@@ -258,6 +276,7 @@ function mapStateToProps(state) {
     discovery: discovery,
     queueAgents: queueAgents,
     counters: counters,
+    alerts: alerts,
     collapsibleSize: getUISizes().collapsibleSize,
     collapsed: getSettingsSystemMastersCollapsed(state)
   };

package/build/esm/ui/pages/system/Masters/Masters.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Component","connect","useDispatch","block","CollapsibleSectionStateLess","VisibleHostTypeRadioButton","sortStateProgress","SystemStateOverview","MasterGroup","loadMasters","getUISizes","getSettingsSystemMastersCollapsed","setSettingsSystemMastersCollapsed","useUpdater","jsx","_jsx","jsxs","_jsxs","b","headingCN","size","computeStateProgress","counters","total","_map","states","count","state","value","title","theme","quorum","Masters","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","onToggle","_this$props","props","prevCollapsed","collapsed","renderMastersGroups","masters","gridRowStart","_ref","undefined","allowVoting","master","_objectSpread","cellTag","_createClass","key","mastersFitIntoSection","_providers$instances","_discovery$instances","_queueAgents$instance","_this$props2","secondary","providers","discovery","queueAgents","groupsCount","instances","renderMasterTypeSwitcher","className","renderContent","_providers$instances2","_discovery$instances2","_queueAgents$instance2","_providers$instances3","_discovery$instances3","_this$props3","primary","fitIntoSection","secondaryGroups","children","Boolean","Fragment","renderSection","name","heading","data","_ref2","renderOverview","stateOverview","view","stack","stateThemeMappings","unavailable","recovery","counterGroups","tab","counterGroup","renderImpl","_this$props4","initialized","collapsibleSize","content","overview","render","MastersUpdater","mapStateToProps","_state$system$masters","system","mapDispatchToProps","dispatch","updateFn","useMemo","allowUpdate","then","_ref3","isRetryFutile"],"sources":["Masters.js"],"sourcesContent":["import React, {Component} from 'react';\nimport {connect, useDispatch} from 'react-redux';\nimport PropTypes from 'prop-types';\nimport block from 'bem-cn-lite';\nimport _ from 'lodash';\n\nimport {CollapsibleSectionStateLess} from '../../../components/CollapsibleSection/CollapsibleSection';\nimport VisibleHostTypeRadioButton from '../../../pages/system/VisibleHostTypeRadioButton';\nimport {sortStateProgress} from '../../../utils';\nimport SystemStateOverview from '../SystemStateOverview/SystemStateOverview';\nimport MasterGroup from './MasterGroup';\n\nimport {loadMasters} from '../../../store/actions/system/masters';\nimport {getUISizes} from '../../../store/selectors/global';\nimport {getSettingsSystemMastersCollapsed} from '../../../store/selectors/settings-ts';\nimport {setSettingsSystemMastersCollapsed} from '../../../store/actions/settings/settings';\nimport {useUpdater} from '../../../hooks/use-updater';\n\nimport './Masters.scss';\n\nconst b = block('system-master');\nconst headingCN = block('elements-heading')({size: 's'});\n\nfunction computeStateProgress(counters) {\n    const total = counters.total;\n\n    return sortStateProgress(\n        _.map(counters.states, (count, state) => {\n            return {\n                value: total && (count / total) * 100,\n                title: 'State: ' + state,\n                theme:\n                    {\n                        quorum: 'success',\n                        'weak-quorum': 'warning',\n                        'no-quorum': 'danger',\n                    }[state] || 'default',\n            };\n        }),\n    );\n}\n\nclass Masters extends Component {\n    static propTypes = {\n        // from connect\n        counters: PropTypes.shape({\n            flags: PropTypes.object,\n            states: PropTypes.object,\n        }).isRequired,\n        initialized: PropTypes.bool.isRequired,\n        primary: PropTypes.shape(MasterGroup.propTypes).isRequired,\n        secondary: PropTypes.arrayOf(PropTypes.shape(MasterGroup.propTypes)),\n        providers: PropTypes.shape(MasterGroup.propTypes).isRequired,\n        discovery: PropTypes.shape(MasterGroup.propTypes).isRequired,\n    };\n\n    onToggle = () => {\n        const {setSettingsSystemMastersCollapsed, collapsed: prevCollapsed} = this.props;\n        setSettingsSystemMastersCollapsed(!prevCollapsed);\n    };\n\n    mastersFitIntoSection() {\n        const {secondary, providers, discovery, queueAgents} = this.props;\n\n        let groupsCount = 1; // for primary masters;\n        groupsCount += secondary?.length || 0;\n        groupsCount += providers?.instances?.length ? 1 : 0;\n        groupsCount += discovery?.instances?.length ? 1 : 0;\n        groupsCount += queueAgents?.instances?.length ? 1 : 0;\n\n        return groupsCount <= 3;\n    }\n\n    renderMastersGroups = (masters, gridRowStart, {allowVoting} = {allowVoting: false}) =>\n        _.map(masters, (master) => (\n            <MasterGroup\n                key={master.cellTag}\n                {...master}\n                gridRowStart={gridRowStart}\n                allowVoting={allowVoting}\n            />\n        ));\n\n    renderMasterTypeSwitcher() {\n        return <VisibleHostTypeRadioButton className={b('container-host-radio')} />;\n    }\n\n    renderContent() {\n        const {primary, secondary, providers, discovery, queueAgents} = this.props;\n\n        const fitIntoSection = this.mastersFitIntoSection();\n\n        const secondaryGroups = this.renderMastersGroups(secondary, fitIntoSection, {\n            allowVoting: true,\n        });\n\n        return fitIntoSection ? (\n            <div className={b('all-masters')}>\n                <div className={headingCN}>\n                    Primary Masters\n                    {this.renderMasterTypeSwitcher()}\n                </div>\n                <MasterGroup className={b('primary-master')} {...primary} allowVoting />\n                {Boolean(secondary?.length) && (\n                    <React.Fragment>\n                        <div className={headingCN}>Secondary Masters</div>\n                        {secondaryGroups}\n                    </React.Fragment>\n                )}\n                {Boolean(providers?.instances?.length) && (\n                    <React.Fragment>\n                        <div className={headingCN}>\n                            Timestamp providers\n                            {this.renderMasterTypeSwitcher()}\n                        </div>\n                        <MasterGroup\n                            {...providers}\n                            className={b('timestamp-providers')}\n                            gridRowStart\n                            allowVoting\n                        />\n                    </React.Fragment>\n                )}\n                {Boolean(discovery?.instances?.length) && (\n                    <React.Fragment>\n                        <div className={headingCN}>\n                            Discovery servers\n                            {this.renderMasterTypeSwitcher()}\n                        </div>\n                        <MasterGroup\n                            {...discovery}\n                            className={b('discovery-servers')}\n                            gridRowStart\n                        />\n                    </React.Fragment>\n                )}\n                {Boolean(queueAgents?.instances?.length) && (\n                    <React.Fragment>\n                        <div className={headingCN}>\n                            Queue agents\n                            {this.renderMasterTypeSwitcher()}\n                        </div>\n                        <MasterGroup {...queueAgents} />\n                    </React.Fragment>\n                )}\n            </div>\n        ) : (\n            <div>\n                <div className={headingCN}>\n                    Primary Masters\n                    {this.renderMasterTypeSwitcher()}\n                </div>\n                <MasterGroup className={b('primary-master')} {...primary} allowVoting />\n                {Boolean(secondary?.length) && (\n                    <React.Fragment>\n                        <div className={headingCN}>Secondary Masters</div>\n                        <div className={b('secondary-masters')}>{secondaryGroups}</div>\n                    </React.Fragment>\n                )}\n\n                <div className={b('flex')}>\n                    {Boolean(providers?.instances?.length) &&\n                        this.renderSection('providers', 'Timestamp providers', providers, {\n                            allowVoting: true,\n                        })}\n                    {Boolean(discovery?.instances?.length) &&\n                        this.renderSection('discovery', 'Discovery servers', discovery)}\n                    {Boolean(queueAgents?.length) &&\n                        this.renderSection('queueAgents', 'Queue agents', queueAgents)}\n                </div>\n            </div>\n        );\n    }\n\n    renderSection(name, heading, data, {allowVoting} = {allowVoting: false}) {\n        return (\n            <div className={b(name)}>\n                <div className={headingCN}>{heading}</div>\n                <div className={b(`${name}-hosts`)}>\n                    <MasterGroup {...data} allowVoting={allowVoting} />\n                </div>\n            </div>\n        );\n    }\n\n    renderOverview() {\n        const {counters} = this.props;\n\n        const stateOverview = counters && {\n            value: 100,\n            view: 'thin',\n            stack: computeStateProgress(counters),\n        };\n        const stateThemeMappings = {\n            unavailable: 'danger',\n            recovery: 'warning',\n            'no-quorum': 'danger',\n            'weak-quorum': 'warning',\n        };\n        const counterGroups = [\n            ['recovery', 'unavailable'],\n            ['primary', 'secondary'],\n            ['no-quorum', 'weak-quorum', 'quorum'],\n        ];\n\n        return (\n            <SystemStateOverview\n                tab=\"masters\"\n                counters={counters}\n                stateThemeMappings={stateThemeMappings}\n                stateOverview={stateOverview}\n                counterGroup={counterGroups}\n            />\n        );\n    }\n\n    renderImpl() {\n        const {initialized, collapsibleSize, collapsed} = this.props;\n\n        if (!initialized) {\n            return null;\n        }\n\n        const content = this.renderContent();\n        const overview = this.renderOverview();\n\n        return (\n            <CollapsibleSectionStateLess\n                name={'Masters'}\n                overview={overview}\n                collapsed={collapsed}\n                onToggle={this.onToggle}\n                size={collapsibleSize}\n            >\n                {content}\n            </CollapsibleSectionStateLess>\n        );\n    }\n\n    render() {\n        return (\n            <React.Fragment>\n                <MastersUpdater />\n                {this.renderImpl()}\n            </React.Fragment>\n        );\n    }\n}\n\nfunction mapStateToProps(state) {\n    const {secondary, primary, providers, discovery, queueAgents, counters, initialized} =\n        state.system.masters;\n    return {\n        initialized,\n        secondary,\n        primary,\n        providers,\n        discovery,\n        queueAgents,\n        counters,\n        collapsibleSize: getUISizes().collapsibleSize,\n        collapsed: getSettingsSystemMastersCollapsed(state),\n    };\n}\n\nconst mapDispatchToProps = {\n    setSettingsSystemMastersCollapsed,\n};\n\nfunction MastersUpdater() {\n    const dispatch = useDispatch();\n\n    const updateFn = React.useMemo(() => {\n        let allowUpdate = true;\n        return () => {\n            if (allowUpdate) {\n                dispatch(loadMasters()).then(({isRetryFutile} = {}) => {\n                    if (isRetryFutile) {\n                        allowUpdate = false;\n                    }\n                });\n            }\n        };\n    }, [dispatch]);\n\n    useUpdater(updateFn);\n\n    return null;\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(Masters);\n"],"mappings":"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"}
+{"version":3,"names":["React","Component","connect","useDispatch","block","CollapsibleSectionStateLess","VisibleHostTypeRadioButton","sortStateProgress","SystemStateOverview","MasterGroup","loadMasters","getUISizes","getSettingsSystemMastersCollapsed","setSettingsSystemMastersCollapsed","useUpdater","SystemAlert","jsx","_jsx","jsxs","_jsxs","b","headingCN","size","computeStateProgress","counters","total","_map","states","count","state","value","title","theme","quorum","Masters","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","onToggle","_this$props","props","prevCollapsed","collapsed","renderMastersGroups","masters","gridRowStart","_ref","undefined","allowVoting","master","_objectSpread","cellTag","_createClass","key","mastersFitIntoSection","_providers$instances","_discovery$instances","_queueAgents$instance","_this$props2","secondary","providers","discovery","queueAgents","groupsCount","instances","renderMasterTypeSwitcher","className","renderAlerts","renderContent","_providers$instances2","_discovery$instances2","_queueAgents$instance2","_providers$instances3","_discovery$instances3","_this$props3","primary","fitIntoSection","secondaryGroups","children","Boolean","Fragment","renderSection","name","heading","data","_ref2","renderOverview","stateOverview","view","stack","stateThemeMappings","unavailable","recovery","counterGroups","labels","alertsCount","alerts","push","text","tab","counterGroup","renderImpl","_this$props4","initialized","collapsibleSize","content","overview","render","MastersUpdater","mapStateToProps","_state$system$masters","system","mapDispatchToProps","dispatch","updateFn","useMemo","allowUpdate","then","_ref3","isRetryFutile"],"sources":["Masters.js"],"sourcesContent":["import React, {Component} from 'react';\nimport {connect, useDispatch} from 'react-redux';\nimport PropTypes from 'prop-types';\nimport block from 'bem-cn-lite';\nimport _ from 'lodash';\n\nimport {CollapsibleSectionStateLess} from '../../../components/CollapsibleSection/CollapsibleSection';\nimport VisibleHostTypeRadioButton from '../../../pages/system/VisibleHostTypeRadioButton';\nimport {sortStateProgress} from '../../../utils';\nimport SystemStateOverview from '../SystemStateOverview/SystemStateOverview';\nimport MasterGroup from './MasterGroup';\n\nimport {loadMasters} from '../../../store/actions/system/masters';\nimport {getUISizes} from '../../../store/selectors/global';\nimport {getSettingsSystemMastersCollapsed} from '../../../store/selectors/settings-ts';\nimport {setSettingsSystemMastersCollapsed} from '../../../store/actions/settings/settings';\nimport {useUpdater} from '../../../hooks/use-updater';\n\nimport './Masters.scss';\nimport {SystemAlert} from './SystemAlert';\n\nconst b = block('system-master');\nconst headingCN = block('elements-heading')({size: 's'});\n\nfunction computeStateProgress(counters) {\n    const total = counters.total;\n\n    return sortStateProgress(\n        _.map(counters.states, (count, state) => {\n            return {\n                value: total && (count / total) * 100,\n                title: 'State: ' + state,\n                theme:\n                    {\n                        quorum: 'success',\n                        'weak-quorum': 'warning',\n                        'no-quorum': 'danger',\n                    }[state] || 'default',\n            };\n        }),\n    );\n}\n\nclass Masters extends Component {\n    static propTypes = {\n        // from connect\n        alerts: PropTypes.arrayOf(PropTypes.object),\n        counters: PropTypes.shape({\n            flags: PropTypes.object,\n            states: PropTypes.object,\n        }).isRequired,\n        initialized: PropTypes.bool.isRequired,\n        primary: PropTypes.shape(MasterGroup.propTypes).isRequired,\n        secondary: PropTypes.arrayOf(PropTypes.shape(MasterGroup.propTypes)),\n        providers: PropTypes.shape(MasterGroup.propTypes).isRequired,\n        discovery: PropTypes.shape(MasterGroup.propTypes).isRequired,\n    };\n\n    onToggle = () => {\n        const {setSettingsSystemMastersCollapsed, collapsed: prevCollapsed} = this.props;\n        setSettingsSystemMastersCollapsed(!prevCollapsed);\n    };\n\n    mastersFitIntoSection() {\n        const {secondary, providers, discovery, queueAgents} = this.props;\n\n        let groupsCount = 1; // for primary masters;\n        groupsCount += secondary?.length || 0;\n        groupsCount += providers?.instances?.length ? 1 : 0;\n        groupsCount += discovery?.instances?.length ? 1 : 0;\n        groupsCount += queueAgents?.instances?.length ? 1 : 0;\n\n        return groupsCount <= 3;\n    }\n\n    renderMastersGroups = (masters, gridRowStart, {allowVoting} = {allowVoting: false}) =>\n        _.map(masters, (master) => (\n            <MasterGroup\n                key={master.cellTag}\n                {...master}\n                gridRowStart={gridRowStart}\n                allowVoting={allowVoting}\n            />\n        ));\n\n    renderMasterTypeSwitcher() {\n        return <VisibleHostTypeRadioButton className={b('container-host-radio')} />;\n    }\n\n    renderAlerts() {\n        return <SystemAlert className={b('alerts')} />;\n    }\n\n    renderContent() {\n        const {primary, secondary, providers, discovery, queueAgents} = this.props;\n\n        const fitIntoSection = this.mastersFitIntoSection();\n\n        const secondaryGroups = this.renderMastersGroups(secondary, fitIntoSection, {\n            allowVoting: true,\n        });\n\n        return fitIntoSection ? (\n            <div className={b('all-masters')}>\n                {this.renderAlerts()}\n                <div className={headingCN}>\n                    Primary Masters\n                    {this.renderMasterTypeSwitcher()}\n                </div>\n                <MasterGroup className={b('primary-master')} {...primary} allowVoting />\n                {Boolean(secondary?.length) && (\n                    <React.Fragment>\n                        <div className={headingCN}>Secondary Masters</div>\n                        {secondaryGroups}\n                    </React.Fragment>\n                )}\n                {Boolean(providers?.instances?.length) && (\n                    <React.Fragment>\n                        <div className={headingCN}>\n                            Timestamp providers\n                            {this.renderMasterTypeSwitcher()}\n                        </div>\n                        <MasterGroup\n                            {...providers}\n                            className={b('timestamp-providers')}\n                            gridRowStart\n                            allowVoting\n                        />\n                    </React.Fragment>\n                )}\n                {Boolean(discovery?.instances?.length) && (\n                    <React.Fragment>\n                        <div className={headingCN}>\n                            Discovery servers\n                            {this.renderMasterTypeSwitcher()}\n                        </div>\n                        <MasterGroup\n                            {...discovery}\n                            className={b('discovery-servers')}\n                            gridRowStart\n                        />\n                    </React.Fragment>\n                )}\n                {Boolean(queueAgents?.instances?.length) && (\n                    <React.Fragment>\n                        <div className={headingCN}>\n                            Queue agents\n                            {this.renderMasterTypeSwitcher()}\n                        </div>\n                        <MasterGroup {...queueAgents} />\n                    </React.Fragment>\n                )}\n            </div>\n        ) : (\n            <div>\n                {this.renderAlerts()}\n                <div className={headingCN}>\n                    Primary Masters\n                    {this.renderMasterTypeSwitcher()}\n                </div>\n                <MasterGroup className={b('primary-master')} {...primary} allowVoting />\n                {Boolean(secondary?.length) && (\n                    <React.Fragment>\n                        <div className={headingCN}>Secondary Masters</div>\n                        <div className={b('secondary-masters')}>{secondaryGroups}</div>\n                    </React.Fragment>\n                )}\n                <div className={b('flex')}>\n                    {Boolean(providers?.instances?.length) &&\n                        this.renderSection('providers', 'Timestamp providers', providers, {\n                            allowVoting: true,\n                        })}\n                    {Boolean(discovery?.instances?.length) &&\n                        this.renderSection('discovery', 'Discovery servers', discovery)}\n                    {Boolean(queueAgents?.length) &&\n                        this.renderSection('queueAgents', 'Queue agents', queueAgents)}\n                </div>\n            </div>\n        );\n    }\n\n    renderSection(name, heading, data, {allowVoting} = {allowVoting: false}) {\n        return (\n            <div className={b(name)}>\n                <div className={headingCN}>{heading}</div>\n                <div className={b(`${name}-hosts`)}>\n                    <MasterGroup {...data} allowVoting={allowVoting} />\n                </div>\n            </div>\n        );\n    }\n\n    renderOverview() {\n        const {counters} = this.props;\n\n        const stateOverview = counters && {\n            value: 100,\n            view: 'thin',\n            stack: computeStateProgress(counters),\n        };\n        const stateThemeMappings = {\n            unavailable: 'danger',\n            recovery: 'warning',\n            'no-quorum': 'danger',\n            'weak-quorum': 'warning',\n        };\n        const counterGroups = [\n            ['recovery', 'unavailable'],\n            ['primary', 'secondary'],\n            ['no-quorum', 'weak-quorum', 'quorum'],\n        ];\n\n        const labels = [];\n        const alertsCount = this.props.alerts.length;\n        if (alertsCount > 0) {\n            labels.push({\n                text: `${alertsCount} alert${alertsCount > 1 ? 's' : ''}`,\n                theme: 'warning',\n            });\n        }\n\n        return (\n            <SystemStateOverview\n                tab=\"masters\"\n                labels={labels}\n                counters={counters}\n                stateThemeMappings={stateThemeMappings}\n                stateOverview={stateOverview}\n                counterGroup={counterGroups}\n            />\n        );\n    }\n\n    renderImpl() {\n        const {initialized, collapsibleSize, collapsed} = this.props;\n\n        if (!initialized) {\n            return null;\n        }\n\n        const content = this.renderContent();\n        const overview = this.renderOverview();\n\n        return (\n            <CollapsibleSectionStateLess\n                name={'Masters'}\n                overview={overview}\n                collapsed={collapsed}\n                onToggle={this.onToggle}\n                size={collapsibleSize}\n            >\n                {content}\n            </CollapsibleSectionStateLess>\n        );\n    }\n\n    render() {\n        return (\n            <React.Fragment>\n                <MastersUpdater />\n                {this.renderImpl()}\n            </React.Fragment>\n        );\n    }\n}\n\nfunction mapStateToProps(state) {\n    const {secondary, primary, providers, discovery, queueAgents, counters, initialized, alerts} =\n        state.system.masters;\n    return {\n        initialized,\n        secondary,\n        primary,\n        providers,\n        discovery,\n        queueAgents,\n        counters,\n        alerts,\n        collapsibleSize: getUISizes().collapsibleSize,\n        collapsed: getSettingsSystemMastersCollapsed(state),\n    };\n}\n\nconst mapDispatchToProps = {\n    setSettingsSystemMastersCollapsed,\n};\n\nfunction MastersUpdater() {\n    const dispatch = useDispatch();\n\n    const updateFn = React.useMemo(() => {\n        let allowUpdate = true;\n        return () => {\n            if (allowUpdate) {\n                dispatch(loadMasters()).then(({isRetryFutile} = {}) => {\n                    if (isRetryFutile) {\n                        allowUpdate = false;\n                    }\n                });\n            }\n        };\n    }, [dispatch]);\n\n    useUpdater(updateFn);\n\n    return null;\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(Masters);\n"],"mappings":"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"}

package/build/esm/ui/pages/system/Masters/Masters.scss

@@ -49,4 +49,8 @@
     &__providers {
         margin-right: 100px;
     }
+
+    &__alerts {
+        margin-bottom: 20px;
+    }
 }

package/build/esm/ui/pages/system/Masters/SystemAlert.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+export declare const SystemAlert: FC<{
+    className?: string;
+}>;

package/build/esm/ui/pages/system/Masters/SystemAlert.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import { useSelector } from 'react-redux';
+import { selectMasterAlerts } from '../../../store/selectors/system/masters';
+import Alert from '../../../components/Alert/Alert';
+import { jsx as _jsx } from "react/jsx-runtime";
+export var SystemAlert = function SystemAlert(_ref) {
+  var className = _ref.className;
+  var alerts = useSelector(selectMasterAlerts);
+  if (!alerts.length) return;
+  return /*#__PURE__*/_jsx("div", {
+    className: className,
+    children: alerts.map(function (alert, id) {
+      return /*#__PURE__*/_jsx(Alert, {
+        error: alert
+      }, alert.message + id);
+    })
+  });
+};
+// #sourceMappingURL=SystemAlert.js.map

package/build/esm/ui/pages/system/Masters/SystemAlert.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useSelector","selectMasterAlerts","Alert","jsx","_jsx","SystemAlert","_ref","className","alerts","length","children","map","alert","id","error","message"],"sources":["SystemAlert.tsx"],"sourcesContent":["import React, {FC} from 'react';\nimport {useSelector} from 'react-redux';\nimport {selectMasterAlerts} from '../../../store/selectors/system/masters';\nimport Alert from '../../../components/Alert/Alert';\n\nexport const SystemAlert: FC<{className?: string}> = ({className}) => {\n    const alerts = useSelector(selectMasterAlerts);\n\n    if (!alerts.length) return;\n\n    return (\n        <div className={className}>\n            {alerts.map((alert, id) => (\n                <Alert key={alert.message + id} error={alert} />\n            ))}\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAY,OAAO;AAC/B,SAAQC,WAAW,QAAO,aAAa;AACvC,SAAQC,kBAAkB,QAAO,yCAAyC;AAC1E,OAAOC,KAAK,MAAM,iCAAiC;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEpD,OAAO,IAAMC,WAAqC,GAAG,SAAxCA,WAAqCA,CAAAC,IAAA,EAAoB;EAAA,IAAfC,SAAS,GAAAD,IAAA,CAATC,SAAS;EAC5D,IAAMC,MAAM,GAAGR,WAAW,CAACC,kBAAkB,CAAC;EAE9C,IAAI,CAACO,MAAM,CAACC,MAAM,EAAE;EAEpB,oBACIL,IAAA;IAAKG,SAAS,EAAEA,SAAU;IAAAG,QAAA,EACrBF,MAAM,CAACG,GAAG,CAAC,UAACC,KAAK,EAAEC,EAAE;MAAA,oBAClBT,IAAA,CAACF,KAAK;QAA0BY,KAAK,EAAEF;MAAM,GAAjCA,KAAK,CAACG,OAAO,GAAGF,EAAmB,CAAC;IAAA,CACnD;EAAC,CACD,CAAC;AAEd,CAAC"}

package/build/esm/ui/pages/system/SystemStateOverview/SystemStateLabels.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { LabelTheme } from '../../../components/Label/Label';
+export type Props = {
+    labels: {
+        text: string;
+        theme: LabelTheme;
+    }[];
+};
+export declare const SystemStateLabels: FC<Props>;

package/build/esm/ui/pages/system/SystemStateOverview/SystemStateLabels.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import { Flex } from '@gravity-ui/uikit';
+import Label from '../../../components/Label/Label';
+import { jsx as _jsx } from "react/jsx-runtime";
+export var SystemStateLabels = function SystemStateLabels(_ref) {
+  var labels = _ref.labels;
+  if (!labels.length) return undefined;
+  return /*#__PURE__*/_jsx(Flex, {
+    gap: 1,
+    children: labels.map(function (_ref2, index) {
+      var text = _ref2.text,
+        theme = _ref2.theme;
+      return /*#__PURE__*/_jsx(Label, {
+        theme: theme,
+        text: text
+      }, "".concat(text, "_").concat(index));
+    })
+  });
+};
+// #sourceMappingURL=SystemStateLabels.js.map

package/build/esm/ui/pages/system/SystemStateOverview/SystemStateLabels.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Flex","Label","jsx","_jsx","SystemStateLabels","_ref","labels","length","undefined","gap","children","map","_ref2","index","text","theme","concat"],"sources":["SystemStateLabels.tsx"],"sourcesContent":["import React, {FC} from 'react';\nimport {Flex} from '@gravity-ui/uikit';\nimport Label, {LabelTheme} from '../../../components/Label/Label';\n\nexport type Props = {\n    labels: {text: string; theme: LabelTheme}[];\n};\n\nexport const SystemStateLabels: FC<Props> = ({labels}) => {\n    if (!labels.length) return undefined;\n\n    return (\n        <Flex gap={1}>\n            {labels.map(({text, theme}, index) => (\n                <Label key={`${text}_${index}`} theme={theme} text={text} />\n            ))}\n        </Flex>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAY,OAAO;AAC/B,SAAQC,IAAI,QAAO,mBAAmB;AACtC,OAAOC,KAAK,MAAoB,iCAAiC;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAMlE,OAAO,IAAMC,iBAA4B,GAAG,SAA/BA,iBAA4BA,CAAAC,IAAA,EAAiB;EAAA,IAAZC,MAAM,GAAAD,IAAA,CAANC,MAAM;EAChD,IAAI,CAACA,MAAM,CAACC,MAAM,EAAE,OAAOC,SAAS;EAEpC,oBACIL,IAAA,CAACH,IAAI;IAACS,GAAG,EAAE,CAAE;IAAAC,QAAA,EACRJ,MAAM,CAACK,GAAG,CAAC,UAAAC,KAAA,EAAgBC,KAAK;MAAA,IAAnBC,IAAI,GAAAF,KAAA,CAAJE,IAAI;QAAEC,KAAK,GAAAH,KAAA,CAALG,KAAK;MAAA,oBACrBZ,IAAA,CAACF,KAAK;QAA0Bc,KAAK,EAAEA,KAAM;QAACD,IAAI,EAAEA;MAAK,MAAAE,MAAA,CAA1CF,IAAI,OAAAE,MAAA,CAAIH,KAAK,CAA+B,CAAC;IAAA,CAC/D;EAAC,CACA,CAAC;AAEf,CAAC"}

package/build/esm/ui/pages/system/SystemStateOverview/SystemStateOverview.d.ts

@@ -2,7 +2,8 @@ import React from 'react';
 import { SystemCountersProps } from '../SystemCounters/SystemCounters';
 import { ProgressProps } from '@gravity-ui/uikit';
 import './SystemStateOverview.scss';
-export type SystemStateOverviewProps<Flags extends string> = SystemCountersProps<Flags> & {
+import { Props as SystemStateLabelsProps } from './SystemStateLabels';
+export type SystemStateOverviewProps<Flags extends string> = Partial<SystemStateLabelsProps> & SystemCountersProps<Flags> & {
     stateOverview?: ProgressProps;
 };
 export default class SystemStateOverview<Flags extends string> extends React.Component<SystemStateOverviewProps<Flags>> {

package/build/esm/ui/pages/system/SystemStateOverview/SystemStateOverview.js

@@ -4,13 +4,14 @@ import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _createSuper from "@babel/runtime/helpers/createSuper";
-var _excluded = ["stateOverview"];
+var _excluded = ["stateOverview", "labels"];
 import React from 'react';
 import block from 'bem-cn-lite';
 import SystemCounters from '../SystemCounters/SystemCounters';
 import { Progress } from '@gravity-ui/uikit';
-import { computeEffectiveStateProgress } from '../../../utils/index';
+import { computeEffectiveStateProgress } from '../../../utils';
 import "./SystemStateOverview.css";
+import { SystemStateLabels } from './SystemStateLabels';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var b = block('system');
@@ -26,6 +27,7 @@ var SystemStateOverview = /*#__PURE__*/function (_React$Component) {
     value: function render() {
       var _this$props = this.props,
         _x = _this$props.stateOverview,
+        labels = _this$props.labels,
         rest = _objectWithoutProperties(_this$props, _excluded);
       if (!this.props.counters) {
         return null;
@@ -38,7 +40,9 @@ var SystemStateOverview = /*#__PURE__*/function (_React$Component) {
         } : _this$props$stateOver;
       return /*#__PURE__*/_jsxs("div", {
         className: b('heading-overview'),
-        children: [/*#__PURE__*/_jsx(SystemCounters, _objectSpread({}, rest)), /*#__PURE__*/_jsx("div", {
+        children: [labels && /*#__PURE__*/_jsx(SystemStateLabels, {
+          labels: labels
+        }), /*#__PURE__*/_jsx(SystemCounters, _objectSpread({}, rest)), /*#__PURE__*/_jsx("div", {
           className: b('heading-overview-states'),
           children: /*#__PURE__*/_jsx(Progress, _objectSpread({}, stateOverview))
         })]

package/build/esm/ui/pages/system/SystemStateOverview/SystemStateOverview.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","block","SystemCounters","Progress","computeEffectiveStateProgress","jsx","_jsx","jsxs","_jsxs","b","SystemStateOverview","_React$Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","render","_this$props","props","_x","stateOverview","rest","_objectWithoutProperties","_excluded","counters","_this$props$stateOver","view","stack","className","children","_objectSpread","Component","default"],"sources":["SystemStateOverview.tsx"],"sourcesContent":["import React from 'react';\nimport block from 'bem-cn-lite';\n\nimport SystemCounters, {SystemCountersProps} from '../SystemCounters/SystemCounters';\nimport {Progress, ProgressProps} from '@gravity-ui/uikit';\n\nimport {computeEffectiveStateProgress} from '../../../utils/index';\n\nimport './SystemStateOverview.scss';\n\nconst b = block('system');\n\nexport type SystemStateOverviewProps<Flags extends string> = SystemCountersProps<Flags> & {\n    stateOverview?: ProgressProps;\n};\n\nexport default class SystemStateOverview<Flags extends string> extends React.Component<\n    SystemStateOverviewProps<Flags>\n> {\n    render() {\n        const {stateOverview: _x, ...rest} = this.props;\n        if (!this.props.counters) {\n            return null;\n        }\n\n        const {\n            stateOverview = {\n                value: 100,\n                view: 'thin',\n                stack: computeEffectiveStateProgress(this.props.counters),\n            },\n        } = this.props;\n\n        return (\n            <div className={b('heading-overview')}>\n                <SystemCounters {...rest} />\n                <div className={b('heading-overview-states')}>\n                    <Progress {...stateOverview} />\n                </div>\n            </div>\n        );\n    }\n}\n"],"mappings":";;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,KAAK,MAAM,aAAa;AAE/B,OAAOC,cAAc,MAA6B,kCAAkC;AACpF,SAAQC,QAAQ,QAAsB,mBAAmB;AAEzD,SAAQC,6BAA6B,QAAO,sBAAsB;AAElE,OAAO,2BAA4B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAEpC,IAAMC,CAAC,GAAGR,KAAK,CAAC,QAAQ,CAAC;AAAC,IAMLS,mBAAmB,0BAAAC,gBAAA;EAAAC,SAAA,CAAAF,mBAAA,EAAAC,gBAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,mBAAA;EAAA,SAAAA,oBAAA;IAAAK,eAAA,OAAAL,mBAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAR,mBAAA;IAAAS,GAAA;IAAAC,KAAA,EAGpC,SAAAC,OAAA,EAAS;MACL,IAAAC,WAAA,GAAqC,IAAI,CAACC,KAAK;QAAzBC,EAAE,GAAAF,WAAA,CAAjBG,aAAa;QAASC,IAAI,GAAAC,wBAAA,CAAAL,WAAA,EAAAM,SAAA;MACjC,IAAI,CAAC,IAAI,CAACL,KAAK,CAACM,QAAQ,EAAE;QACtB,OAAO,IAAI;MACf;MAEA,IAAAC,qBAAA,GAMI,IAAI,CAACP,KAAK,CALVE,aAAa;QAAbA,aAAa,GAAAK,qBAAA,cAAG;UACZV,KAAK,EAAE,GAAG;UACVW,IAAI,EAAE,MAAM;UACZC,KAAK,EAAE5B,6BAA6B,CAAC,IAAI,CAACmB,KAAK,CAACM,QAAQ;QAC5D,CAAC,GAAAC,qBAAA;MAGL,oBACItB,KAAA;QAAKyB,SAAS,EAAExB,CAAC,CAAC,kBAAkB,CAAE;QAAAyB,QAAA,gBAClC5B,IAAA,CAACJ,cAAc,EAAAiC,aAAA,KAAKT,IAAI,CAAG,CAAC,eAC5BpB,IAAA;UAAK2B,SAAS,EAAExB,CAAC,CAAC,yBAAyB,CAAE;UAAAyB,QAAA,eACzC5B,IAAA,CAACH,QAAQ,EAAAgC,aAAA,KAAKV,aAAa,CAAG;QAAC,CAC9B,CAAC;MAAA,CACL,CAAC;IAEd;EAAC;EAAA,OAAAf,mBAAA;AAAA,EAzBkEV,KAAK,CAACoC,SAAS;AAAA,SAAjE1B,mBAAmB,IAAA2B,OAAA"}
+{"version":3,"names":["React","block","SystemCounters","Progress","computeEffectiveStateProgress","SystemStateLabels","jsx","_jsx","jsxs","_jsxs","b","SystemStateOverview","_React$Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","render","_this$props","props","_x","stateOverview","labels","rest","_objectWithoutProperties","_excluded","counters","_this$props$stateOver","view","stack","className","children","_objectSpread","Component","default"],"sources":["SystemStateOverview.tsx"],"sourcesContent":["import React from 'react';\nimport block from 'bem-cn-lite';\n\nimport SystemCounters, {SystemCountersProps} from '../SystemCounters/SystemCounters';\nimport {Progress, ProgressProps} from '@gravity-ui/uikit';\n\nimport {computeEffectiveStateProgress} from '../../../utils';\n\nimport './SystemStateOverview.scss';\nimport {SystemStateLabels, Props as SystemStateLabelsProps} from './SystemStateLabels';\n\nconst b = block('system');\n\nexport type SystemStateOverviewProps<Flags extends string> = Partial<SystemStateLabelsProps> &\n    SystemCountersProps<Flags> & {\n        stateOverview?: ProgressProps;\n    };\n\nexport default class SystemStateOverview<Flags extends string> extends React.Component<\n    SystemStateOverviewProps<Flags>\n> {\n    render() {\n        const {stateOverview: _x, labels, ...rest} = this.props;\n        if (!this.props.counters) {\n            return null;\n        }\n\n        const {\n            stateOverview = {\n                value: 100,\n                view: 'thin',\n                stack: computeEffectiveStateProgress(this.props.counters),\n            },\n        } = this.props;\n\n        return (\n            <div className={b('heading-overview')}>\n                {labels && <SystemStateLabels labels={labels} />}\n                <SystemCounters {...rest} />\n                <div className={b('heading-overview-states')}>\n                    <Progress {...stateOverview} />\n                </div>\n            </div>\n        );\n    }\n}\n"],"mappings":";;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,KAAK,MAAM,aAAa;AAE/B,OAAOC,cAAc,MAA6B,kCAAkC;AACpF,SAAQC,QAAQ,QAAsB,mBAAmB;AAEzD,SAAQC,6BAA6B,QAAO,gBAAgB;AAE5D,OAAO,2BAA4B;AACnC,SAAQC,iBAAiB,QAAwC,qBAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAEvF,IAAMC,CAAC,GAAGT,KAAK,CAAC,QAAQ,CAAC;AAAC,IAOLU,mBAAmB,0BAAAC,gBAAA;EAAAC,SAAA,CAAAF,mBAAA,EAAAC,gBAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,mBAAA;EAAA,SAAAA,oBAAA;IAAAK,eAAA,OAAAL,mBAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAR,mBAAA;IAAAS,GAAA;IAAAC,KAAA,EAGpC,SAAAC,OAAA,EAAS;MACL,IAAAC,WAAA,GAA6C,IAAI,CAACC,KAAK;QAAjCC,EAAE,GAAAF,WAAA,CAAjBG,aAAa;QAAMC,MAAM,GAAAJ,WAAA,CAANI,MAAM;QAAKC,IAAI,GAAAC,wBAAA,CAAAN,WAAA,EAAAO,SAAA;MACzC,IAAI,CAAC,IAAI,CAACN,KAAK,CAACO,QAAQ,EAAE;QACtB,OAAO,IAAI;MACf;MAEA,IAAAC,qBAAA,GAMI,IAAI,CAACR,KAAK,CALVE,aAAa;QAAbA,aAAa,GAAAM,qBAAA,cAAG;UACZX,KAAK,EAAE,GAAG;UACVY,IAAI,EAAE,MAAM;UACZC,KAAK,EAAE9B,6BAA6B,CAAC,IAAI,CAACoB,KAAK,CAACO,QAAQ;QAC5D,CAAC,GAAAC,qBAAA;MAGL,oBACIvB,KAAA;QAAK0B,SAAS,EAAEzB,CAAC,CAAC,kBAAkB,CAAE;QAAA0B,QAAA,GACjCT,MAAM,iBAAIpB,IAAA,CAACF,iBAAiB;UAACsB,MAAM,EAAEA;QAAO,CAAE,CAAC,eAChDpB,IAAA,CAACL,cAAc,EAAAmC,aAAA,KAAKT,IAAI,CAAG,CAAC,eAC5BrB,IAAA;UAAK4B,SAAS,EAAEzB,CAAC,CAAC,yBAAyB,CAAE;UAAA0B,QAAA,eACzC7B,IAAA,CAACJ,QAAQ,EAAAkC,aAAA,KAAKX,aAAa,CAAG;QAAC,CAC9B,CAAC;MAAA,CACL,CAAC;IAEd;EAAC;EAAA,OAAAf,mBAAA;AAAA,EA1BkEX,KAAK,CAACsC,SAAS;AAAA,SAAjE3B,mBAAmB,IAAA4B,OAAA"}