amis 1.4.1 → 1.4.2-beta.13

package/lib/renderers/Nav.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.NavigationRenderer = exports.Navigation = void 0;
 var tslib_1 = require("tslib");
 var react_1 = (0, tslib_1.__importDefault)(require("react"));
-var sortablejs_1 = (0, tslib_1.__importDefault)(require("sortablejs"));
+var react_dom_1 = require("react-dom");
 var factory_1 = require("../factory");
 var filter_schema_1 = (0, tslib_1.__importDefault)(require("../utils/filter-schema"));
 var tpl_1 = require("../utils/tpl");
@@ -14,86 +14,160 @@ var icons_1 = require("../components/icons");
 var icon_1 = require("../utils/icon");
 var WithRemoteConfig_1 = require("../components/WithRemoteConfig");
 var Spinner_1 = (0, tslib_1.__importDefault)(require("../components/Spinner"));
-var cloneDeep_1 = (0, tslib_1.__importDefault)(require("lodash/cloneDeep"));
 var api_1 = require("../utils/api");
 var Badge_1 = require("../components/Badge");
 var Navigation = /** @class */ (function (_super) {
     (0, tslib_1.__extends)(Navigation, _super);
     function Navigation() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.sortable = [];
+        _this.startPoint = {
+            y: 0,
+            x: 0
+        };
+        _this.state = {};
         return _this;
     }
     Navigation.prototype.handleClick = function (link) {
+        var _a = this.props, env = _a.env, onSelect = _a.onSelect;
+        // 和 action 里命名一致方便分析
+        if (link && link.to) {
+            env === null || env === void 0 ? void 0 : env.tracker({
+                eventType: 'link',
+                eventData: {
+                    label: link.label,
+                    link: link.to
+                }
+            });
+        }
+        onSelect === null || onSelect === void 0 ? void 0 : onSelect(link);
+    };
+    Navigation.prototype.toggleLink = function (target, forceFold) {
         var _a, _b;
-        (_b = (_a = this.props).onSelect) === null || _b === void 0 ? void 0 : _b.call(_a, link);
+        (_b = (_a = this.props).onToggle) === null || _b === void 0 ? void 0 : _b.call(_a, target, forceFold);
     };
-    Navigation.prototype.toggleLink = function (target) {
+    Navigation.prototype.getDropInfo = function (e, id, depth) {
         var _a, _b;
-        (_b = (_a = this.props).onToggle) === null || _b === void 0 ? void 0 : _b.call(_a, target);
+        var _c = this.props, dragOnSameLevel = _c.dragOnSameLevel, indentSize = _c.indentSize;
+        var rect = e.target.getBoundingClientRect();
+        var dragLink = (_a = this.dragNode) === null || _a === void 0 ? void 0 : _a.link;
+        var top = rect.top, height = rect.height, width = rect.width;
+        var clientY = e.clientY, clientX = e.clientX;
+        var left = depth * ((_b = parseInt(indentSize, 10)) !== null && _b !== void 0 ? _b : 24);
+        var deltaX = left + width * 0.2;
+        var position;
+        if (clientY >= top + height / 2) {
+            position = 'bottom';
+        }
+        else {
+            position = 'top';
+        }
+        if (!dragOnSameLevel &&
+            position === 'bottom' &&
+            clientX >= this.startPoint.x + deltaX) {
+            position = 'self';
+        }
+        return {
+            nodeId: id,
+            dragLink: dragLink,
+            position: position,
+            rect: rect,
+            height: height,
+            left: left
+        };
     };
-    Navigation.prototype.dragRefFn = function (ref) {
-        var draggable = this.props.draggable;
-        if (ref && draggable) {
-            this.id = (0, helper_1.guid)();
-            this.initDragging(ref);
+    Navigation.prototype.updateDropIndicator = function (e) {
+        var _a, _b;
+        var dragOnSameLevel = this.props.dragOnSameLevel;
+        var target = e.target; // a标签
+        var targetId = target.getAttribute('data-id');
+        var targetDepth = Number(target.getAttribute('data-depth'));
+        if (dragOnSameLevel &&
+            ((_a = this.dragNode) === null || _a === void 0 ? void 0 : _a.node.parentElement) !== ((_b = target.parentElement) === null || _b === void 0 ? void 0 : _b.parentElement)) {
+            this.setState({ dropIndicator: undefined });
+            this.dropInfo = null;
+            return;
+        }
+        this.dropInfo = this.getDropInfo(e, targetId, targetDepth);
+        var _c = this.dropInfo, position = _c.position, rect = _c.rect, dragLink = _c.dragLink, height = _c.height, left = _c.left;
+        if (targetId === (dragLink === null || dragLink === void 0 ? void 0 : dragLink.__id)) {
+            this.setState({ dropIndicator: undefined });
+            this.dropInfo = null;
+            return;
+        }
+        var ul = (0, react_dom_1.findDOMNode)(this).firstChild;
+        if (position === 'self') {
+            this.setState({
+                dropIndicator: {
+                    top: rect.top - ul.getBoundingClientRect().top,
+                    left: left,
+                    width: ul.getBoundingClientRect().width - left,
+                    height: height,
+                    opacity: 0.2
+                }
+            });
+        }
+        else {
+            this.setState({
+                dropIndicator: {
+                    top: (position === 'bottom' ? rect.top + rect.height : rect.top) -
+                        ul.getBoundingClientRect().top,
+                    left: left,
+                    width: ul.getBoundingClientRect().width - left
+                }
+            });
         }
     };
-    Navigation.prototype.initDragging = function (ref) {
+    Navigation.prototype.handleDragStart = function (link) {
         var _this = this;
-        var ns = this.props.classPrefix;
-        this.sortable.push(new sortablejs_1.default(ref, {
-            group: "nav-" + this.id,
-            animation: 150,
-            handle: "." + ns + "Nav-itemDrager",
-            ghostClass: ns + "Nav-item--dragging",
-            onEnd: function (e) { return (0, tslib_1.__awaiter)(_this, void 0, void 0, function () {
-                var id, parentNode, links, parent, _a, saveOrderApi, env;
-                return (0, tslib_1.__generator)(this, function (_b) {
-                    switch (_b.label) {
-                        case 0:
-                            // 没有移动
-                            if (e.newIndex === e.oldIndex) {
-                                return [2 /*return*/];
-                            }
-                            id = e.item.getAttribute('data-id');
-                            parentNode = e.to;
-                            if (e.newIndex < e.oldIndex &&
-                                e.oldIndex < parentNode.childNodes.length - 1) {
-                                parentNode.insertBefore(e.item, parentNode.childNodes[e.oldIndex + 1]);
-                            }
-                            else if (e.oldIndex < parentNode.childNodes.length - 1) {
-                                parentNode.insertBefore(e.item, parentNode.childNodes[e.oldIndex]);
-                            }
-                            else {
-                                parentNode.appendChild(e.item);
-                            }
-                            links = (0, cloneDeep_1.default)(this.props.links);
-                            parent = links;
-                            (0, helper_1.someTree)(links, function (item, key, level, paths) {
-                                if (item.id === id) {
-                                    var len = paths.length - 1;
-                                    parent = (~len ? paths[len].children : links);
-                                    return true;
-                                }
-                                return false;
-                            });
-                            parent.splice(e.newIndex, 0, parent.splice(e.oldIndex, 1)[0]);
-                            _a = this.props, saveOrderApi = _a.saveOrderApi, env = _a.env;
-                            if (!(saveOrderApi && (0, api_1.isEffectiveApi)(saveOrderApi))) return [3 /*break*/, 2];
-                            return [4 /*yield*/, env.fetcher(saveOrderApi, { data: links }, { method: 'post' })];
-                        case 1:
-                            _b.sent();
-                            this.props.reload();
-                            return [3 /*break*/, 3];
-                        case 2:
-                            console.warn('请配置saveOrderApi');
-                            _b.label = 3;
-                        case 3: return [2 /*return*/];
-                    }
-                });
-            }); }
-        }));
+        return function (e) {
+            e.stopPropagation();
+            var currentTarget = e.currentTarget;
+            e.dataTransfer.effectAllowed = 'copyMove';
+            e.dataTransfer.setDragImage(currentTarget, 0, 0);
+            _this.dragNode = {
+                node: currentTarget,
+                link: link
+            };
+            _this.dropInfo = null;
+            _this.startPoint = {
+                x: e.clientX,
+                y: e.clientY
+            };
+            currentTarget.addEventListener('dragend', _this.handleDragEnd);
+            document.body.addEventListener('dragover', _this.handleDragOver);
+        };
+    };
+    Navigation.prototype.handleDragOver = function (e) {
+        e.preventDefault();
+        e.stopPropagation();
+        if (!this.dragNode) {
+            return;
+        }
+        var target = e.target;
+        var id = target.getAttribute('data-id');
+        if (!id) {
+            return;
+        }
+        this.updateDropIndicator(e);
+    };
+    Navigation.prototype.handleDragEnd = function (e) {
+        var _a, _b, _c;
+        e.preventDefault();
+        e.stopPropagation();
+        this.setState({
+            dropIndicator: undefined
+        });
+        var currentTarget = e.currentTarget;
+        var id = currentTarget.getAttribute('data-id');
+        var nodeId = (_a = this.dropInfo) === null || _a === void 0 ? void 0 : _a.nodeId;
+        if (!this.dropInfo || !nodeId || id === nodeId) {
+            return;
+        }
+        currentTarget.removeEventListener('dragend', this.handleDragEnd);
+        document.body.removeEventListener('dragover', this.handleDragOver);
+        (_c = (_b = this.props).onDragUpdate) === null || _c === void 0 ? void 0 : _c.call(_b, this.dropInfo);
+        this.dragNode = null;
+        this.dropInfo = null;
     };
     Navigation.prototype.renderItem = function (link, index, depth) {
         var _this = this;
@@ -103,44 +177,51 @@ var Navigation = /** @class */ (function (_super) {
             return null;
         }
         var isActive = !!link.active;
-        var _b = this.props, disabled = _b.disabled, togglerClassName = _b.togglerClassName, cx = _b.classnames, indentSize = _b.indentSize, render = _b.render, itemActions = _b.itemActions, draggable = _b.draggable, links = _b.links, defaultBadge = _b.badge;
+        var _b = this.props, disabled = _b.disabled, togglerClassName = _b.togglerClassName, cx = _b.classnames, indentSize = _b.indentSize, render = _b.render, itemActions = _b.itemActions, draggable = _b.draggable, links = _b.links, itemBadge = _b.itemBadge, defaultData = _b.data;
         var hasSub = (link.defer && !link.loaded) || (link.children && link.children.length);
-        var id = (0, helper_1.guid)();
-        link.id = id;
-        var badge = defaultBadge ? Object.assign(defaultBadge, link.badge) : link.badge;
-        return (react_1.default.createElement("li", { key: index, className: cx('Nav-item', link.className, {
+        return (react_1.default.createElement("li", { key: link.__id, "data-id": link.__id, className: cx('Nav-item', link.className, {
                 'is-disabled': disabled || link.disabled || link.loading,
                 'is-active': isActive,
                 'is-unfolded': link.unfolded,
                 'has-sub': hasSub
-            }), "data-id": id },
-            react_1.default.createElement(Badge_1.Badge, { classnames: cx, badge: badge, data: link },
-                react_1.default.createElement("a", { onClick: this.handleClick.bind(this, link), style: { paddingLeft: depth * ((_a = parseInt(indentSize, 10)) !== null && _a !== void 0 ? _a : 24) } },
-                    !disabled && draggable && links && links.length > 1 ? (react_1.default.createElement("div", { className: cx('Nav-itemDrager') },
-                        react_1.default.createElement("a", { key: "drag", "data-position": "bottom" },
-                            react_1.default.createElement(icons_1.Icon, { icon: "drag-bar", className: "icon" })))) : null,
+            }), onDragStart: this.handleDragStart(link) },
+            react_1.default.createElement(Badge_1.Badge, { classnames: cx, badge: itemBadge, data: (0, helper_1.createObject)(defaultData, link) },
+                react_1.default.createElement("a", { "data-id": link.__id, "data-depth": depth, onClick: this.handleClick.bind(this, link), style: {
+                        paddingLeft: depth * ((_a = parseInt(indentSize, 10)) !== null && _a !== void 0 ? _a : 24)
+                    } },
+                    !disabled && draggable ? (react_1.default.createElement("div", { className: cx('Nav-itemDrager'), draggable: true, onMouseDown: function (e) {
+                            _this.toggleLink(link, true);
+                            e.stopPropagation();
+                        } },
+                        react_1.default.createElement(icons_1.Icon, { icon: "drag-bar", className: "icon" }))) : null,
                     link.loading ? (react_1.default.createElement(Spinner_1.default, { size: "sm", show: true, icon: "reload", spinnerClassName: cx('Nav-spinner') })) : hasSub ? (react_1.default.createElement("span", { onClick: function () { return _this.toggleLink(link); }, className: cx('Nav-itemToggler', togglerClassName) },
                         react_1.default.createElement(icons_1.Icon, { icon: "caret", className: "icon" }))) : null,
                     (0, icon_1.generateIcon)(cx, link.icon, 'Nav-itemIcon'),
-                    link.label && (typeof link.label === 'string'
-                        ? link.label
-                        : render('inline', link.label))),
+                    link.label &&
+                        (typeof link.label === 'string'
+                            ? link.label
+                            : render('inline', link.label))),
                 // 更多操作
-                itemActions
-                    ? react_1.default.createElement("div", { className: cx('Nav-item-atcions') }, render('inline', itemActions, { data: link })) : null,
-                Array.isArray(link.children) && link.children.length ? (react_1.default.createElement("ul", { className: cx('Nav-subItems'), ref: this.dragRefFn }, link.children.map(function (link, index) {
+                itemActions ? (react_1.default.createElement("div", { className: cx('Nav-item-atcions') }, render('inline', itemActions, {
+                    data: (0, helper_1.createObject)(defaultData, link)
+                }))) : null,
+                Array.isArray(link.children) && link.children.length ? (react_1.default.createElement("ul", { className: cx('Nav-subItems') }, link.children.map(function (link, index) {
                     return _this.renderItem(link, index, depth + 1);
                 }))) : null)));
     };
     Navigation.prototype.render = function () {
         var _this = this;
         var _a = this.props, className = _a.className, stacked = _a.stacked, cx = _a.classnames, links = _a.links, loading = _a.loading;
-        return (react_1.default.createElement("ul", { className: cx('Nav', className, stacked ? 'Nav--stacked' : 'Nav--tabs'), ref: this.dragRefFn },
-            Array.isArray(links)
-                ? links.map(function (item, index) { return _this.renderItem(item, index); })
-                : null,
-            react_1.default.createElement(Spinner_1.default, { show: !!loading, overlay: true, icon: "reload" })));
+        var dropIndicator = this.state.dropIndicator;
+        return (react_1.default.createElement("div", { className: cx('Nav') },
+            react_1.default.createElement("ul", { className: cx('Nav-list', className, stacked ? 'Nav-list--stacked' : 'Nav-list--tabs') },
+                Array.isArray(links)
+                    ? links.map(function (item, index) { return _this.renderItem(item, index); })
+                    : null,
+                react_1.default.createElement(Spinner_1.default, { show: !!loading, overlay: true, icon: "reload" })),
+            dropIndicator ? (react_1.default.createElement("div", { className: cx('Nav-dropIndicator'), style: dropIndicator })) : null));
     };
+    var _a, _b, _c, _d;
     Navigation.defaultProps = {
         indentSize: 24
     };
@@ -153,15 +234,39 @@ var Navigation = /** @class */ (function (_super) {
     (0, tslib_1.__decorate)([
         helper_1.autobind,
         (0, tslib_1.__metadata)("design:type", Function),
-        (0, tslib_1.__metadata)("design:paramtypes", [Object]),
+        (0, tslib_1.__metadata)("design:paramtypes", [Object, Boolean]),
         (0, tslib_1.__metadata)("design:returntype", void 0)
     ], Navigation.prototype, "toggleLink", null);
+    (0, tslib_1.__decorate)([
+        helper_1.autobind,
+        (0, tslib_1.__metadata)("design:type", Function),
+        (0, tslib_1.__metadata)("design:paramtypes", [typeof (_a = typeof DragEvent !== "undefined" && DragEvent) === "function" ? _a : Object, String, Number]),
+        (0, tslib_1.__metadata)("design:returntype", Object)
+    ], Navigation.prototype, "getDropInfo", null);
+    (0, tslib_1.__decorate)([
+        helper_1.autobind,
+        (0, tslib_1.__metadata)("design:type", Function),
+        (0, tslib_1.__metadata)("design:paramtypes", [typeof (_b = typeof DragEvent !== "undefined" && DragEvent) === "function" ? _b : Object]),
+        (0, tslib_1.__metadata)("design:returntype", void 0)
+    ], Navigation.prototype, "updateDropIndicator", null);
     (0, tslib_1.__decorate)([
         helper_1.autobind,
         (0, tslib_1.__metadata)("design:type", Function),
         (0, tslib_1.__metadata)("design:paramtypes", [Object]),
         (0, tslib_1.__metadata)("design:returntype", void 0)
-    ], Navigation.prototype, "dragRefFn", null);
+    ], Navigation.prototype, "handleDragStart", null);
+    (0, tslib_1.__decorate)([
+        helper_1.autobind,
+        (0, tslib_1.__metadata)("design:type", Function),
+        (0, tslib_1.__metadata)("design:paramtypes", [typeof (_c = typeof DragEvent !== "undefined" && DragEvent) === "function" ? _c : Object]),
+        (0, tslib_1.__metadata)("design:returntype", void 0)
+    ], Navigation.prototype, "handleDragOver", null);
+    (0, tslib_1.__decorate)([
+        helper_1.autobind,
+        (0, tslib_1.__metadata)("design:type", Function),
+        (0, tslib_1.__metadata)("design:paramtypes", [typeof (_d = typeof DragEvent !== "undefined" && DragEvent) === "function" ? _d : Object]),
+        (0, tslib_1.__metadata)("design:returntype", void 0)
+    ], Navigation.prototype, "handleDragEnd", null);
     return Navigation;
 }(react_1.default.Component));
 exports.Navigation = Navigation;
@@ -172,7 +277,7 @@ var ConditionBuilderWithRemoteOptions = (0, WithRemoteConfig_1.withRemoteConfig)
             ? config
             : config.links || config.options || config.items || config.rows;
         if (!Array.isArray(links)) {
-            throw new Error('payload.data.options is not array.');
+            throw new Error('payload.data.options is not array.');
         }
         return links;
     },
@@ -191,7 +296,7 @@ var ConditionBuilderWithRemoteOptions = (0, WithRemoteConfig_1.withRemoteConfig)
                             ? (0, tpl_1.evalExpression)(link.activeOn, data_1)
                             : !!(link.hasOwnProperty('to') &&
                                 env_1 &&
-                                env_1.isCurrentUrl((0, tpl_1.filter)(link.to, data_1)))) });
+                                env_1.isCurrentUrl((0, tpl_1.filter)(link.to, data_1)))), __id: link.__id || (0, helper_1.guid)() });
                 item.unfolded =
                     (0, helper_1.isUnfolded)(item, { unfoldedField: unfoldedField_1, foldedField: foldedField_1 }) ||
                         (link.children && link.children.some(function (link) { return !!link.active; }));
@@ -220,6 +325,7 @@ var ConditionBuilderWithRemoteOptions = (0, WithRemoteConfig_1.withRemoteConfig)
         var _this = _super.call(this, props) || this;
         _this.toggleLink = _this.toggleLink.bind(_this);
         _this.handleSelect = _this.handleSelect.bind(_this);
+        _this.dragUpdate = _this.dragUpdate.bind(_this);
         return _this;
     }
     class_1.prototype.componentDidMount = function () {
@@ -235,7 +341,7 @@ var ConditionBuilderWithRemoteOptions = (0, WithRemoteConfig_1.withRemoteConfig)
             this.props.updateConfig(this.props.links, 'update');
         }
     };
-    class_1.prototype.toggleLink = function (target) {
+    class_1.prototype.toggleLink = function (target, forceFold) {
         var _a = this.props, config = _a.config, updateConfig = _a.updateConfig, deferLoad = _a.deferLoad;
         if (target.defer && !target.loaded) {
             deferLoad(target);
@@ -243,10 +349,80 @@ var ConditionBuilderWithRemoteOptions = (0, WithRemoteConfig_1.withRemoteConfig)
         else {
             updateConfig((0, helper_1.mapTree)(config, function (link) {
                 return target === link
-                    ? (0, tslib_1.__assign)((0, tslib_1.__assign)({}, link), { unfolded: !link.unfolded }) : link;
+                    ? (0, tslib_1.__assign)((0, tslib_1.__assign)({}, link), { unfolded: forceFold ? false : !link.unfolded }) : link;
             }), 'toggle');
         }
     };
+    class_1.prototype.dragUpdate = function (dropInfo) {
+        return (0, tslib_1.__awaiter)(this, void 0, void 0, function () {
+            var links, nodeId, dragLink, position, sourceIdx, idx;
+            return (0, tslib_1.__generator)(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        links = this.props.config;
+                        nodeId = dropInfo.nodeId, dragLink = dropInfo.dragLink, position = dropInfo.position;
+                        if (dragLink) {
+                            sourceIdx = (0, helper_1.findTreeIndex)(links, function (link) { return link.__id === dragLink.__id; });
+                            links = (0, helper_1.spliceTree)(links, sourceIdx, 1);
+                            if (position === 'self') {
+                                // 插入到对应节点的children中
+                                (0, helper_1.mapTree)(links, function (link) {
+                                    if (link.__id === nodeId) {
+                                        if (!link.children) {
+                                            link.children = [];
+                                        }
+                                        link.children.push(dragLink);
+                                    }
+                                    return link;
+                                });
+                            }
+                            else {
+                                idx = (0, helper_1.findTreeIndex)(links, function (link) { return link.__id === nodeId; });
+                                // 插入节点之后
+                                if (position === 'bottom') {
+                                    idx.push(idx.pop() + 1);
+                                }
+                                links = (0, helper_1.spliceTree)(links, idx, 0, dragLink);
+                            }
+                        }
+                        this.props.updateConfig(links, 'update');
+                        return [4 /*yield*/, this.saveOrder((0, helper_1.mapTree)(links, function (link) {
+                                // 清除内部加的字段
+                                for (var key in link) {
+                                    if (/^__.*$/.test(key)) {
+                                        delete link[key];
+                                    }
+                                }
+                                return link;
+                            }))];
+                    case 1:
+                        _a.sent();
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    class_1.prototype.saveOrder = function (links) {
+        return (0, tslib_1.__awaiter)(this, void 0, void 0, function () {
+            var _a, saveOrderApi, env, data, reload;
+            return (0, tslib_1.__generator)(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        _a = this.props, saveOrderApi = _a.saveOrderApi, env = _a.env, data = _a.data, reload = _a.reload;
+                        if (!(saveOrderApi && (0, api_1.isEffectiveApi)(saveOrderApi))) return [3 /*break*/, 2];
+                        return [4 /*yield*/, env.fetcher(saveOrderApi, (0, helper_1.createObject)(data, { data: links }), { method: 'post' })];
+                    case 1:
+                        _b.sent();
+                        reload();
+                        return [3 /*break*/, 3];
+                    case 2:
+                        env.alert('NAV saveOrderApi is required!');
+                        _b.label = 3;
+                    case 3: return [2 /*return*/];
+                }
+            });
+        });
+    };
     class_1.prototype.handleSelect = function (link) {
         var _a = this.props, onSelect = _a.onSelect, env = _a.env, data = _a.data;
         if (onSelect && onSelect(link) === false) {
@@ -262,7 +438,7 @@ var ConditionBuilderWithRemoteOptions = (0, WithRemoteConfig_1.withRemoteConfig)
     };
     class_1.prototype.render = function () {
         var _a = this.props, loading = _a.loading, config = _a.config, deferLoad = _a.deferLoad, updateConfig = _a.updateConfig, rest = (0, tslib_1.__rest)(_a, ["loading", "config", "deferLoad", "updateConfig"]);
-        return (react_1.default.createElement(ThemedNavigation, (0, tslib_1.__assign)({}, rest, { loading: loading, links: config || rest.links || [], disabled: loading, onSelect: this.handleSelect, onToggle: this.toggleLink })));
+        return (react_1.default.createElement(ThemedNavigation, (0, tslib_1.__assign)({}, rest, { loading: loading, links: config || [], disabled: loading, onSelect: this.handleSelect, onToggle: this.toggleLink, onDragUpdate: this.dragUpdate })));
     };
     return class_1;
 }(react_1.default.Component)));
@@ -299,7 +475,7 @@ var NavigationRenderer = /** @class */ (function (_super) {
         var rest = (0, tslib_1.__rest)(this.props, []);
         return (react_1.default.createElement(ConditionBuilderWithRemoteOptions, (0, tslib_1.__assign)({}, rest, { reload: this.reload, remoteConfigRef: this.remoteConfigRef })));
     };
-    var _a, _b;
+    var _e, _f;
     NavigationRenderer.contextType = Scoped_1.ScopedContext;
     (0, tslib_1.__decorate)([
         helper_1.autobind,
@@ -324,7 +500,7 @@ var NavigationRenderer = /** @class */ (function (_super) {
             test: /(^|\/)(?:nav|navigation)$/,
             name: 'nav'
         }),
-        (0, tslib_1.__metadata)("design:paramtypes", [typeof (_a = typeof factory_1.RendererProps !== "undefined" && factory_1.RendererProps) === "function" ? _a : Object, typeof (_b = typeof Scoped_1.IScopedContext !== "undefined" && Scoped_1.IScopedContext) === "function" ? _b : Object])
+        (0, tslib_1.__metadata)("design:paramtypes", [typeof (_e = typeof factory_1.RendererProps !== "undefined" && factory_1.RendererProps) === "function" ? _e : Object, typeof (_f = typeof Scoped_1.IScopedContext !== "undefined" && Scoped_1.IScopedContext) === "function" ? _f : Object])
     ], NavigationRenderer);
     return NavigationRenderer;
 }(react_1.default.Component));