@pinnacle0/web-ui 0.3.38 → 0.3.41

package/admin/AdminApp/Default/NavigatorSide/index.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+import "./index.less";
+declare type DrawerUserInfo = {
+    [title: string]: React.ReactElement | string | null;
+};
+interface Props {
+    onLogout: () => void;
+    drawerInfo: DrawerUserInfo;
+}
+interface State {
+    showDrawer: boolean;
+}
+export declare class NavigatorSide extends React.PureComponent<Props, State> {
+    static displayName: string;
+    constructor(props: Props);
+    showDrawer: () => void;
+    closeDrawer: () => void;
+    render(): JSX.Element;
+}
+export {};

package/admin/AdminApp/Default/NavigatorSide/index.js

@@ -0,0 +1,74 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+import React from "react";
+import UserOutlined from "@ant-design/icons/UserOutlined";
+import { Button } from "../../../../core/Button";
+import { Drawer } from "../../../../core/Drawer";
+import { i18n } from "../../../../internal/i18n/admin";
+import "./index.less";
+var NavigatorSide = /** @class */ (function (_super) {
+    __extends(NavigatorSide, _super);
+    function NavigatorSide(props) {
+        var _this = _super.call(this, props) || this;
+        _this.showDrawer = function () { return _this.setState({ showDrawer: true }); };
+        _this.closeDrawer = function () { return _this.setState({ showDrawer: false }); };
+        _this.state = {
+            showDrawer: false,
+        };
+        return _this;
+    }
+    NavigatorSide.prototype.render = function () {
+        var t = i18n();
+        var _a = this.props, onLogout = _a.onLogout, drawerInfo = _a.drawerInfo;
+        var showDrawer = this.state.showDrawer;
+        return (React.createElement(React.Fragment, null,
+            React.createElement(Button, { id: "admin-app-default-navigator-side-button", size: "small", onClick: this.showDrawer },
+                React.createElement(UserOutlined, null)),
+            React.createElement(Drawer, { width: 350, visible: showDrawer, closable: false, onClose: this.closeDrawer },
+                React.createElement("div", { id: "admin-app-default-drawer" },
+                    React.createElement(UserOutlined, { className: "avatar" }),
+                    React.createElement("div", { className: "grid" }, Object.entries(drawerInfo).map(function (_a, index) {
+                        var _b = __read(_a, 2), title = _b[0], node = _b[1];
+                        if (node) {
+                            return (React.createElement("div", { className: "row", key: index },
+                                React.createElement("b", { className: "label" }, title),
+                                node));
+                        }
+                    })),
+                    React.createElement("div", { className: "bottom" },
+                        React.createElement(Button, { size: "large", onClick: onLogout }, t.logout))))));
+    };
+    NavigatorSide.displayName = "NavigatorSide";
+    return NavigatorSide;
+}(React.PureComponent));
+export { NavigatorSide };
+//# sourceMappingURL=index.js.map

package/admin/AdminApp/Default/NavigatorSide/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/admin/AdminApp/Default/NavigatorSide/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,YAAY,MAAM,gCAAgC,CAAC;AAC1D,OAAO,EAAC,MAAM,EAAC,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAC,MAAM,EAAC,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAC,IAAI,EAAC,MAAM,iCAAiC,CAAC;AACrD,OAAO,cAAc,CAAC;AAatB;IAAmC,iCAAiC;IAGhE,uBAAY,KAAY;QAAxB,YACI,kBAAM,KAAK,CAAC,SAIf;QAED,gBAAU,GAAG,cAAM,OAAA,KAAI,CAAC,QAAQ,CAAC,EAAC,UAAU,EAAE,IAAI,EAAC,CAAC,EAAjC,CAAiC,CAAC;QAErD,iBAAW,GAAG,cAAM,OAAA,KAAI,CAAC,QAAQ,CAAC,EAAC,UAAU,EAAE,KAAK,EAAC,CAAC,EAAlC,CAAkC,CAAC;QAPnD,KAAI,CAAC,KAAK,GAAG;YACT,UAAU,EAAE,KAAK;SACpB,CAAC;;IACN,CAAC;IAMD,8BAAM,GAAN;QACI,IAAM,CAAC,GAAG,IAAI,EAAE,CAAC;QACX,IAAA,KAAyB,IAAI,CAAC,KAAK,EAAlC,QAAQ,cAAA,EAAE,UAAU,gBAAc,CAAC;QACnC,IAAA,UAAU,GAAI,IAAI,CAAC,KAAK,WAAd,CAAe;QAEhC,OAAO,CACH,oBAAC,KAAK,CAAC,QAAQ;YACX,oBAAC,MAAM,IAAC,EAAE,EAAC,yCAAyC,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,IAAI,CAAC,UAAU;gBACtF,oBAAC,YAAY,OAAG,CACX;YACT,oBAAC,MAAM,IAAC,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,WAAW;gBAC/E,6BAAK,EAAE,EAAC,0BAA0B;oBAC9B,oBAAC,YAAY,IAAC,SAAS,EAAC,QAAQ,GAAG;oBACnC,6BAAK,SAAS,EAAC,MAAM,IAChB,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,UAAC,EAAa,EAAE,KAAK;4BAApB,KAAA,aAAa,EAAZ,KAAK,QAAA,EAAE,IAAI,QAAA;wBACzC,IAAI,IAAI,EAAE;4BACN,OAAO,CACH,6BAAK,SAAS,EAAC,KAAK,EAAC,GAAG,EAAE,KAAK;gCAC3B,2BAAG,SAAS,EAAC,OAAO,IAAE,KAAK,CAAK;gCAC/B,IAAI,CACH,CACT,CAAC;yBACL;oBACL,CAAC,CAAC,CACA;oBACN,6BAAK,SAAS,EAAC,QAAQ;wBACnB,oBAAC,MAAM,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,QAAQ,IACjC,CAAC,CAAC,MAAM,CACJ,CACP,CACJ,CACD,CACI,CACpB,CAAC;IACN,CAAC;IA/CM,yBAAW,GAAG,eAAe,CAAC;IAgDzC,oBAAC;CAAA,AAjDD,CAAmC,KAAK,CAAC,aAAa,GAiDrD;SAjDY,aAAa"}

package/admin/AdminApp/Default/SoundSwitch.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+interface Props {
+}
+interface State {
+    soundEnabled: boolean;
+}
+export declare class SoundSwitch extends React.PureComponent<Props, State> {
+    static displayName: string;
+    private readonly soundEnabledKey;
+    constructor(props: Props);
+    toggleSoundSwitch: () => void;
+    render(): JSX.Element;
+}
+export {};

package/admin/AdminApp/Default/SoundSwitch.js

@@ -0,0 +1,41 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+import React from "react";
+import { LocalStorageUtil } from "../../../util/LocalStorageUtil";
+import { BoolSwitch } from "../../../core/BoolSwitch";
+var SoundSwitch = /** @class */ (function (_super) {
+    __extends(SoundSwitch, _super);
+    function SoundSwitch(props) {
+        var _this = _super.call(this, props) || this;
+        _this.soundEnabledKey = "admin-sound-enabled";
+        _this.toggleSoundSwitch = function () {
+            var newValue = !_this.state.soundEnabled;
+            _this.setState({ soundEnabled: newValue });
+            LocalStorageUtil.setBool(_this.soundEnabledKey, newValue);
+        };
+        _this.state = {
+            soundEnabled: LocalStorageUtil.getBool(_this.soundEnabledKey, true),
+        };
+        return _this;
+    }
+    SoundSwitch.prototype.render = function () {
+        return React.createElement(BoolSwitch.OnOff, { value: this.state.soundEnabled, onChange: this.toggleSoundSwitch });
+    };
+    SoundSwitch.displayName = "SoundSwitch";
+    return SoundSwitch;
+}(React.PureComponent));
+export { SoundSwitch };
+//# sourceMappingURL=SoundSwitch.js.map

package/admin/AdminApp/Default/SoundSwitch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SoundSwitch.js","sourceRoot":"","sources":["../../../../src/admin/AdminApp/Default/SoundSwitch.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,gBAAgB,EAAC,MAAM,gCAAgC,CAAC;AAChE,OAAO,EAAC,UAAU,EAAC,MAAM,0BAA0B,CAAC;AAQpD;IAAiC,+BAAiC;IAK9D,qBAAY,KAAY;QAAxB,YACI,kBAAM,KAAK,CAAC,SAIf;QAPgB,qBAAe,GAAG,qBAAqB,CAAC;QASzD,uBAAiB,GAAG;YAChB,IAAM,QAAQ,GAAG,CAAC,KAAI,CAAC,KAAK,CAAC,YAAY,CAAC;YAC1C,KAAI,CAAC,QAAQ,CAAC,EAAC,YAAY,EAAE,QAAQ,EAAC,CAAC,CAAC;YACxC,gBAAgB,CAAC,OAAO,CAAC,KAAI,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC;QAC7D,CAAC,CAAC;QATE,KAAI,CAAC,KAAK,GAAG;YACT,YAAY,EAAE,gBAAgB,CAAC,OAAO,CAAC,KAAI,CAAC,eAAe,EAAE,IAAI,CAAC;SACrE,CAAC;;IACN,CAAC;IAQD,4BAAM,GAAN;QACI,OAAO,oBAAC,UAAU,CAAC,KAAK,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE,QAAQ,EAAE,IAAI,CAAC,iBAAiB,GAAI,CAAC;IAClG,CAAC;IAnBM,uBAAW,GAAG,aAAa,CAAC;IAoBvC,kBAAC;CAAA,AArBD,CAAiC,KAAK,CAAC,aAAa,GAqBnD;SArBY,WAAW"}

package/admin/AdminApp/Default/SquareLogo/index.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import { AdminAppContext } from "../../context";
+import "./index.less";
+export interface ExpandableProps {
+    expanded: boolean;
+}
+export interface Props extends ExpandableProps {
+    src: string;
+}
+export declare class SquareLogo extends React.PureComponent<Props> {
+    static displayName: string;
+    static contextType: React.Context<import("../../context").AdminAppContextType>;
+    context: React.ContextType<typeof AdminAppContext>;
+    render(): JSX.Element;
+}

package/admin/AdminApp/Default/SquareLogo/index.js

@@ -0,0 +1,39 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+import React from "react";
+import { classNames } from "../../../../util/ClassNames";
+import { AdminAppContext } from "../../context";
+import { Link } from "../../../../core/Link";
+import "./index.less";
+var SquareLogo = /** @class */ (function (_super) {
+    __extends(SquareLogo, _super);
+    function SquareLogo() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    SquareLogo.prototype.render = function () {
+        var _a = this.props, expanded = _a.expanded, src = _a.src;
+        var name = this.context.name;
+        return (React.createElement(Link, { to: "/" },
+            React.createElement("div", { id: "admin-app-default-logo", className: classNames({ collapsed: !expanded }) },
+                React.createElement("img", { src: src }),
+                React.createElement("h1", null, name))));
+    };
+    SquareLogo.displayName = "SquareLogo";
+    SquareLogo.contextType = AdminAppContext;
+    return SquareLogo;
+}(React.PureComponent));
+export { SquareLogo };
+//# sourceMappingURL=index.js.map

package/admin/AdminApp/Default/SquareLogo/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/admin/AdminApp/Default/SquareLogo/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,UAAU,EAAC,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAC,eAAe,EAAC,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAC,IAAI,EAAC,MAAM,uBAAuB,CAAC;AAC3C,OAAO,cAAc,CAAC;AAUtB;IAAgC,8BAA0B;IAA1D;;IAiBA,CAAC;IAZG,2BAAM,GAAN;QACU,IAAA,KAAkB,IAAI,CAAC,KAAK,EAA3B,QAAQ,cAAA,EAAE,GAAG,SAAc,CAAC;QAC5B,IAAA,IAAI,GAAI,IAAI,CAAC,OAAO,KAAhB,CAAiB;QAC5B,OAAO,CACH,oBAAC,IAAI,IAAC,EAAE,EAAC,GAAG;YACR,6BAAK,EAAE,EAAC,wBAAwB,EAAC,SAAS,EAAE,UAAU,CAAC,EAAC,SAAS,EAAE,CAAC,QAAQ,EAAC,CAAC;gBAC1E,6BAAK,GAAG,EAAE,GAAG,GAAI;gBACjB,gCAAK,IAAI,CAAM,CACb,CACH,CACV,CAAC;IACN,CAAC;IAfM,sBAAW,GAAG,YAAY,CAAC;IAC3B,sBAAW,GAAG,eAAe,CAAC;IAezC,iBAAC;CAAA,AAjBD,CAAgC,KAAK,CAAC,aAAa,GAiBlD;SAjBY,UAAU"}

package/admin/AdminApp/Menu.d.ts

@@ -0,0 +1,52 @@
+import React from "react";
+import type { AdminNavigatorBase, NavigationGroupItem } from "../../util/AdminNavigatorBase";
+import type { RouteComponentProps } from "react-router-dom";
+import { AdminAppContext } from "./context";
+import "antd/lib/menu/style";
+interface Props extends RouteComponentProps {
+    siteName: string;
+    navigationService: AdminNavigatorBase<any, any>;
+    menuExpanded: boolean;
+    badges?: {
+        [key: string]: number;
+    };
+}
+interface State {
+    currentOpenedMenuKey: string | null;
+    currentSelectedMenuKey: string | null;
+}
+declare class RouterAwareMenu extends React.PureComponent<Props, State> {
+    static displayName: string;
+    static contextType: React.Context<import("./context").AdminAppContextType>;
+    context: React.ContextType<typeof AdminAppContext>;
+    private readonly soundEnabledKey;
+    constructor(props: Props);
+    componentDidUpdate(prevProps: Props): void;
+    /**
+     * Return true if any field of currentBadges > prevBadges.
+     */
+    shouldAlertNewBadge: (prevBadges: {
+        [key: string]: number;
+    }, currentBadges: {
+        [key: string]: number;
+    }) => boolean;
+    calculateTotalBadge: (badges: {
+        [key: string]: number;
+    }) => number;
+    calculateMenuKeyByURL: (prevBadges?: {
+        [key: string]: number;
+    } | undefined) => State;
+    onMenuOpenChange: (openKeys: string[]) => void;
+    renderMenuGroup: (groupItem: NavigationGroupItem<any, any>) => {
+        children: {
+            label: JSX.Element;
+            key: string;
+            onClick(): void;
+        }[];
+        label: JSX.Element;
+        key: string;
+    };
+    render(): JSX.Element;
+}
+export declare const Menu: React.ComponentClass<Pick<Props, "siteName" | "navigationService" | "menuExpanded" | "badges">, any> & import("react-router").WithRouterStatics<typeof RouterAwareMenu>;
+export {};

package/admin/AdminApp/Menu.js

@@ -0,0 +1,174 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __values = (this && this.__values) || function(o) {
+    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+    if (m) return m.call(o);
+    if (o && typeof o.length === "number") return {
+        next: function () {
+            if (o && i >= o.length) o = void 0;
+            return { value: o && o[i++], done: !o };
+        }
+    };
+    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+import React from "react";
+import { withRouter } from "react-router-dom";
+import AntMenu from "antd/lib/menu";
+import { LocalStorageUtil } from "../../util/LocalStorageUtil";
+import { MediaUtil } from "../../util/MediaUtil";
+import { Badge } from "../../core/Badge";
+import { AdminAppContext } from "./context";
+import "antd/lib/menu/style";
+var RouterAwareMenu = /** @class */ (function (_super) {
+    __extends(RouterAwareMenu, _super);
+    function RouterAwareMenu(props) {
+        var _this = _super.call(this, props) || this;
+        _this.soundEnabledKey = "admin-sound-enabled";
+        /**
+         * Return true if any field of currentBadges > prevBadges.
+         */
+        _this.shouldAlertNewBadge = function (prevBadges, currentBadges) {
+            var e_1, _a;
+            try {
+                for (var _b = __values(Object.entries(currentBadges)), _c = _b.next(); !_c.done; _c = _b.next()) {
+                    var _d = __read(_c.value, 2), key = _d[0], badge = _d[1];
+                    if (prevBadges[key] === undefined || badge > prevBadges[key]) {
+                        return true;
+                    }
+                }
+            }
+            catch (e_1_1) { e_1 = { error: e_1_1 }; }
+            finally {
+                try {
+                    if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+                }
+                finally { if (e_1) throw e_1.error; }
+            }
+            return false;
+        };
+        _this.calculateTotalBadge = function (badges) {
+            var totalCount = 0;
+            _this.props.navigationService.groups(false).forEach(function (_a) {
+                var modules = _a.modules;
+                modules.forEach(function (_) { return (totalCount += badges[_.url] || 0); });
+            });
+            return totalCount;
+        };
+        _this.calculateMenuKeyByURL = function (prevBadges) {
+            var _a;
+            var _b = _this.props, location = _b.location, menuExpanded = _b.menuExpanded, siteName = _b.siteName, badges = _b.badges, navigationService = _b.navigationService;
+            var allNavigationGroups = navigationService.groups(true);
+            var currentOpenedMenuKey = ((_a = allNavigationGroups === null || allNavigationGroups === void 0 ? void 0 : allNavigationGroups[0]) === null || _a === void 0 ? void 0 : _a.title) || null; // Fallback opened key
+            var currentSelectedMenuKey = null;
+            var currentModule = navigationService.moduleByURL(location.pathname);
+            var totalBadgeCount = badges ? _this.calculateTotalBadge(badges) : 0;
+            var titlePrefix = (totalBadgeCount > 0 ? "(".concat(totalBadgeCount, ") ") : "") + siteName;
+            var soundEnabled = LocalStorageUtil.getBool(_this.soundEnabledKey, true);
+            if (soundEnabled && prevBadges && badges && _this.shouldAlertNewBadge(prevBadges, badges)) {
+                MediaUtil.playAudio(require("./asset/alert.mp3"));
+            }
+            if (currentModule) {
+                var matchedGroup = allNavigationGroups.find(function (_) { return _.modules.includes(currentModule); });
+                if (matchedGroup) {
+                    currentOpenedMenuKey = matchedGroup.title;
+                    currentSelectedMenuKey = currentModule.url;
+                }
+                document.title = titlePrefix + " - " + currentModule.title;
+            }
+            else {
+                document.title = titlePrefix;
+            }
+            if (!menuExpanded) {
+                currentOpenedMenuKey = null; // Otherwise, AntD will pop this menu
+            }
+            return { currentOpenedMenuKey: currentOpenedMenuKey, currentSelectedMenuKey: currentSelectedMenuKey };
+        };
+        _this.onMenuOpenChange = function (openKeys) {
+            var length = openKeys.length;
+            if (length === 0) {
+                _this.setState({ currentOpenedMenuKey: null });
+            }
+            else if (length === 1) {
+                _this.setState({ currentOpenedMenuKey: openKeys[0] });
+            }
+            else {
+                var index = openKeys.indexOf(_this.state.currentOpenedMenuKey); // By logic, index should be 0/1 (length should be 2)
+                if (index >= 0) {
+                    _this.setState({ currentOpenedMenuKey: openKeys[length - 1 - index] });
+                }
+            }
+        };
+        _this.renderMenuGroup = function (groupItem) {
+            var _a = _this.props, history = _a.history, badges = _a.badges, menuExpanded = _a.menuExpanded;
+            var totalCount = 0;
+            var children = groupItem.modules.map(function (_a) {
+                var title = _a.title, url = _a.url;
+                var count = (badges === null || badges === void 0 ? void 0 : badges[url]) || 0;
+                totalCount += count;
+                return {
+                    label: React.createElement(Badge, { count: count }, title),
+                    key: url,
+                    onClick: function () {
+                        history.push(url);
+                    },
+                };
+            });
+            var label = (React.createElement(Badge, { count: totalCount },
+                groupItem.icon,
+                " ",
+                menuExpanded ? groupItem.title : ""));
+            return {
+                children: children,
+                label: label,
+                key: groupItem.title,
+            };
+        };
+        _this.state = _this.calculateMenuKeyByURL();
+        return _this;
+    }
+    RouterAwareMenu.prototype.componentDidUpdate = function (prevProps) {
+        var _a = this.props, location = _a.location, menuExpanded = _a.menuExpanded, badges = _a.badges;
+        if (prevProps.location.pathname !== location.pathname || prevProps.menuExpanded !== menuExpanded || prevProps.badges !== badges) {
+            this.setState(this.calculateMenuKeyByURL(prevProps.badges));
+        }
+    };
+    RouterAwareMenu.prototype.render = function () {
+        var navigationService = this.props.navigationService;
+        var _a = this.state, currentOpenedMenuKey = _a.currentOpenedMenuKey, currentSelectedMenuKey = _a.currentSelectedMenuKey;
+        return (React.createElement(AntMenu, { theme: "dark", mode: "inline", openKeys: currentOpenedMenuKey ? [currentOpenedMenuKey] : [], selectedKeys: currentSelectedMenuKey ? [currentSelectedMenuKey] : [], onOpenChange: this.onMenuOpenChange, items: navigationService.groups(false).map(this.renderMenuGroup) }));
+    };
+    RouterAwareMenu.displayName = "Menu";
+    RouterAwareMenu.contextType = AdminAppContext;
+    return RouterAwareMenu;
+}(React.PureComponent));
+export var Menu = withRouter(RouterAwareMenu);
+//# sourceMappingURL=Menu.js.map

package/admin/AdminApp/Menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../../src/admin/AdminApp/Menu.tsx"],"names":[],"mappings":"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"}

package/admin/AdminApp/Navigator.d.ts

@@ -0,0 +1,30 @@
+import React from "react";
+import type { RouteComponentProps } from "react-router-dom";
+import { AdminAppContext } from "./context";
+import type { AdminNavigatorBase, NavigationModuleItem } from "../../util/AdminNavigatorBase";
+interface NavigatorTabItem {
+    url: string;
+    module: NavigationModuleItem<any, any>;
+    historyState?: any;
+    customTitle?: string | null;
+}
+interface Props extends RouteComponentProps {
+    navigationService: AdminNavigatorBase<any, any>;
+}
+interface State {
+    tabs: NavigatorTabItem[];
+}
+declare class RouterAwareNavigator extends React.PureComponent<Props, State> {
+    static displayName: string;
+    static contextType: React.Context<import("./context").AdminAppContextType>;
+    context: React.ContextType<typeof AdminAppContext>;
+    constructor(props: Props);
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: Props): void;
+    computeIndexByURL: (url: string) => number;
+    onTabClose: (key: string | React.MouseEvent | React.KeyboardEvent) => void;
+    onTabChange: (url: string) => void;
+    render(): JSX.Element;
+}
+export declare const Navigator: React.ComponentClass<Pick<Props, "navigationService">, any> & import("react-router").WithRouterStatics<typeof RouterAwareNavigator>;
+export {};