@journeyapps-labs/reactor-mod 1.0.0

package/dist/widgets/tree/TreeDropZoneWidget.js

@@ -0,0 +1,98 @@
+import { __esDecorate, __runInitializers, __setFunctionName } from "tslib";
+import * as React from 'react';
+import { observer } from 'mobx-react';
+import styled from '@emotion/styled';
+import { keyframes } from '@emotion/react';
+var S;
+(function (S) {
+    S.Animated = keyframes `
+      0%{
+        opacity: 0.3;
+      }
+      100%{
+        opacity: 1.0;
+      }
+  `;
+    S.Drop = styled.div `
+    position: relative;
+  `;
+    S.DropZone = styled.div `
+    background: mediumpurple;
+    border-radius: 5px;
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    animation: ${S.Animated} 0.5s infinite alternate;
+  `;
+})(S || (S = {}));
+let TreeDropZoneWidget = (() => {
+    let _classDecorators = [observer];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = React.Component;
+    var TreeDropZoneWidget = _classThis = class extends _classSuper {
+        constructor(props) {
+            super(props);
+            this.state = {
+                dragging: false,
+                items: 0
+            };
+        }
+        getDropZone() {
+            if (!this.state.dragging) {
+                return null;
+            }
+            return (React.createElement(S.DropZone, { onDragOver: (event) => {
+                    event.preventDefault();
+                    if (this.state.items !== event.dataTransfer.files.length) {
+                        this.setState({
+                            items: event.dataTransfer.files.length
+                        });
+                    }
+                }, onDrop: (event) => {
+                    event.persist();
+                    event.preventDefault();
+                    let files = [];
+                    for (let i = 0; i < event.dataTransfer.files.length; i++) {
+                        const file = event.dataTransfer.files[i];
+                        files.push(file);
+                    }
+                    this.props.dropped(files);
+                    this.setState({
+                        dragging: false
+                    });
+                }, onDragLeave: () => {
+                    this.setState({
+                        dragging: false
+                    });
+                } }));
+        }
+        render() {
+            return (React.createElement(S.Drop, { onDragEnter: (event) => {
+                    this.setState({
+                        dragging: true
+                    });
+                } },
+                this.props.children,
+                this.getDropZone()));
+        }
+    };
+    __setFunctionName(_classThis, "TreeDropZoneWidget");
+    (() => {
+        var _a;
+        const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create((_a = _classSuper[Symbol.metadata]) !== null && _a !== void 0 ? _a : null) : void 0;
+        __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+        TreeDropZoneWidget = _classThis = _classDescriptor.value;
+        if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        __runInitializers(_classThis, _classExtraInitializers);
+    })();
+    return TreeDropZoneWidget = _classThis;
+})();
+export { TreeDropZoneWidget };
+//# sourceMappingURL=TreeDropZoneWidget.js.map

package/dist/widgets/tree/TreeDropZoneWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeDropZoneWidget.js","sourceRoot":"","sources":["../../../src/widgets/tree/TreeDropZoneWidget.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAY3C,IAAU,CAAC,CA2BV;AA3BD,WAAU,CAAC;IACI,UAAQ,GAAG,SAAS,CAAA;;;;;;;GAOhC,CAAC;IAEW,MAAI,GAAG,MAAM,CAAC,GAAG,CAAA;;GAE7B,CAAC;IAEW,UAAQ,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;iBAWnB,EAAA,QAAQ;GACtB,CAAC;AACJ,CAAC,EA3BS,CAAC,KAAD,CAAC,QA2BV;IAGY,kBAAkB;4BAD9B,QAAQ;;;;sBAC+B,KAAK,CAAC,SAAS;+CAAvB,SAAQ,WAGvC;QACC,YAAY,KAAK;YACf,KAAK,CAAC,KAAK,CAAC,CAAC;YACb,IAAI,CAAC,KAAK,GAAG;gBACX,QAAQ,EAAE,KAAK;gBACf,KAAK,EAAE,CAAC;aACT,CAAC;QACJ,CAAC;QAED,WAAW;YACT,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;gBACzB,OAAO,IAAI,CAAC;YACd,CAAC;YACD,OAAO,CACL,oBAAC,CAAC,CAAC,QAAQ,IACT,UAAU,EAAE,CAAC,KAAK,EAAE,EAAE;oBACpB,KAAK,CAAC,cAAc,EAAE,CAAC;oBACvB,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;wBACzD,IAAI,CAAC,QAAQ,CAAC;4BACZ,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,MAAM;yBACvC,CAAC,CAAC;oBACL,CAAC;gBACH,CAAC,EACD,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE;oBAChB,KAAK,CAAC,OAAO,EAAE,CAAC;oBAChB,KAAK,CAAC,cAAc,EAAE,CAAC;oBACvB,IAAI,KAAK,GAAG,EAAE,CAAC;oBACf,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;wBACzD,MAAM,IAAI,GAAG,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;wBACzC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;oBACnB,CAAC;oBACD,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;oBAC1B,IAAI,CAAC,QAAQ,CAAC;wBACZ,QAAQ,EAAE,KAAK;qBAChB,CAAC,CAAC;gBACL,CAAC,EACD,WAAW,EAAE,GAAG,EAAE;oBAChB,IAAI,CAAC,QAAQ,CAAC;wBACZ,QAAQ,EAAE,KAAK;qBAChB,CAAC,CAAC;gBACL,CAAC,GACD,CACH,CAAC;QACJ,CAAC;QAED,MAAM;YACJ,OAAO,CACL,oBAAC,CAAC,CAAC,IAAI,IACL,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE;oBACrB,IAAI,CAAC,QAAQ,CAAC;wBACZ,QAAQ,EAAE,IAAI;qBACf,CAAC,CAAC;gBACL,CAAC;gBAEA,IAAI,CAAC,KAAK,CAAC,QAAQ;gBACnB,IAAI,CAAC,WAAW,EAAE,CACZ,CACV,CAAC;QACJ,CAAC;;;;;;QA7DH,6KA8DC;;;QA9DY,uDAAkB;;;;SAAlB,kBAAkB"}

package/dist/widgets/tree/TreeItemWidget.js

@@ -0,0 +1,41 @@
+import * as React from 'react';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import styled from '@emotion/styled';
+import { themed } from '../../stores/themes/reactor-theme-fragment';
+var S;
+(function (S) {
+    S.Container = themed.div `
+    display: flex;
+    align-items: center;
+    cursor: pointer;
+    border-radius: 3px;
+    background: ${(p) => (p.selected ? p.theme.panels.trayBackground : 'transparent')};
+
+    &:hover {
+      opacity: 1;
+    }
+  `;
+    S.Name = styled.div `
+    margin-left: 5px;
+    color: white;
+    font-size: 15px;
+    white-space: nowrap;
+  `;
+    S.FA = styled(FontAwesomeIcon) `
+    font-size: 12px;
+    margin-left: 15px;
+    color: white;
+    opacity: 0.2;
+  `;
+})(S || (S = {}));
+export class TreeItemWidget extends React.PureComponent {
+    render() {
+        return (React.createElement(S.Container, { selected: this.props.selected, onClick: this.props.onClick, draggable: this.props.draggable, onContextMenu: (event) => {
+                event.preventDefault();
+                this.props.rightClick && this.props.rightClick(event);
+            } },
+            React.createElement(S.FA, { icon: this.props.icon }),
+            React.createElement(S.Name, null, this.props.name)));
+    }
+}
+//# sourceMappingURL=TreeItemWidget.js.map

package/dist/widgets/tree/TreeItemWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeItemWidget.js","sourceRoot":"","sources":["../../../src/widgets/tree/TreeItemWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAEjE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,4CAA4C,CAAC;AAWpE,IAAU,CAAC,CA0BV;AA1BD,WAAU,CAAC;IACI,WAAS,GAAG,MAAM,CAAC,GAAG,CAAuB;;;;;kBAK1C,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa,CAAC;;;;;GAKlF,CAAC;IAEW,MAAI,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;GAK7B,CAAC;IAEW,IAAE,GAAG,MAAM,CAAC,eAAe,CAAC,CAAA;;;;;GAKxC,CAAC;AACJ,CAAC,EA1BS,CAAC,KAAD,CAAC,QA0BV;AAED,MAAM,OAAO,cAAe,SAAQ,KAAK,CAAC,aAAkC;IAC1E,MAAM;QACJ,OAAO,CACL,oBAAC,CAAC,CAAC,SAAS,IACV,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAC7B,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAC3B,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAC/B,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE;gBACvB,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;YACxD,CAAC;YAED,oBAAC,CAAC,CAAC,EAAE,IAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,GAAI;YAC/B,oBAAC,CAAC,CAAC,IAAI,QAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAU,CACtB,CACf,CAAC;IACJ,CAAC;CACF"}

package/dist/widgets/tree/TreeLeafWidget.js

@@ -0,0 +1,179 @@
+import { __esDecorate, __runInitializers, __setFunctionName } from "tslib";
+import * as React from 'react';
+import styled from '@emotion/styled';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { IconWidget } from '../icons/IconWidget';
+import { observer } from 'mobx-react';
+import { TreeContentWidget } from './TreeContentWidget';
+import { MatchesWidget } from '../search/MatchesWidget';
+import { AttentionWrapperWidget } from '../guide/AttentionWrapperWidget';
+import { ReactorComponentType } from '../../stores/guide/selections/common';
+import { getTransparentColor } from '@journeyapps-labs/lib-reactor-utils';
+import { themed } from '../../stores/themes/reactor-theme-fragment';
+var S;
+(function (S) {
+    S.Top = themed.div `
+
+    display: flex;
+    align-items: center;
+    user-select: none;
+    cursor: pointer;
+    border: solid 1px transparent;
+    background: ${(p) => (p.selected ? p.theme.trees.selectedBackground : 'transparent')};
+    border-radius: 5px;
+    margin-bottom: 1px;
+    color: ${(p) => (p.selected ? p.theme.trees.labelColor : getTransparentColor(p.theme.trees.labelColor, 0.5))};
+    opacity: ${(p) => (p.deactivated ? 0.3 : 1)};
+
+    ${(p) => (p.attention ? `border-color: ${p.theme.guide.accent};` : ``)};
+    ${(p) => (p.dropzoneHint ? `border-color: ${p.theme.dnd.hintColor};` : '')}
+    ${(p) => (p.dropzoneHover ? `background: ${p.theme.dnd.hoverColor};` : '')};
+
+    &:hover {
+      color: ${(p) => p.theme.trees.labelColor};
+    }
+  `;
+    S.Title = styled.div `
+    font-size: 15px;
+    user-select: none;
+    ${(p) => (p.$wrap ? '' : 'white-space: nowrap')};
+    margin-top: -1px;
+    display: flex;
+    align-items: center;
+    padding-right: 10px;
+    ${(p) => (p.color ? `color: ${p.color}` : '')};
+  `;
+    S.Label2 = styled.div `
+    opacity: 0.5;
+    margin-left: 5px;
+    white-space: nowrap;
+  `;
+    S.RightContent = styled.div `
+    display: flex;
+    align-items: center;
+    flex-shrink: ${(p) => (p.$wrap ? 1 : 0)};
+    ${(p) => (p.$wrap ? 'flex-wrap: wrap' : '')};
+  `;
+    S.Icon = styled.div `
+    margin-right: 6px;
+    font-size: 12px;
+    min-width: 14px;
+    text-align: center;
+    align-items: center;
+    display: flex;
+    opacity: ${(p) => (p.deactivated == null ? 1 : p.deactivated ? 0.1 : 0.2)};
+  `;
+    S.NestedIcon = styled(IconWidget) `
+    max-height: 13px;
+  `;
+    S.Arrow = themed(FontAwesomeIcon) `
+    color: ${(p) => p.theme.trees.labelColor};
+    font-size: 11px;
+
+    transition: transform 0.2s;
+    width: 14px;
+    text-align: center;
+
+    ${(p) => (p.open ? `transform: rotateZ(90deg);` : '')}
+    &:hover {
+      opacity: 1;
+    }
+  `;
+})(S || (S = {}));
+let TreeLeafWidget = (() => {
+    let _classDecorators = [observer];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = React.Component;
+    var TreeLeafWidget = _classThis = class extends _classSuper {
+        constructor(props) {
+            super(props);
+            this.ref = React.createRef();
+        }
+        getNormalIcon() {
+            if (!this.props.icon) {
+                return null;
+            }
+            return (React.createElement(S.Icon, { style: { color: this.props.iconColor } },
+                React.createElement(S.NestedIcon, { icon: this.props.icon, spin: this.props.iconSpin })));
+        }
+        getPlayIcon() {
+            if (!this.props.collapse) {
+                return null;
+            }
+            return (React.createElement(S.Icon, { deactivated: !this.props.collapse.enabled, onClick: (event) => {
+                    event.stopPropagation();
+                    event.persist();
+                    this.props.collapse.changed(!this.props.collapse.collapsed, event.altKey);
+                } },
+                React.createElement(S.Arrow, { open: !this.props.collapse.collapsed, icon: "play" })));
+        }
+        getRightContent() {
+            if (this.props.rightChildren) {
+                return React.createElement(S.RightContent, { "$wrap": this.props.rightChildrenWrap }, this.props.rightChildren);
+            }
+            return null;
+        }
+        getTitle() {
+            if (!this.props.label) {
+                return null;
+            }
+            if (!this.props.matches) {
+                return this.props.label;
+            }
+            return React.createElement(MatchesWidget, { locators: this.props.matches.locators, text: this.props.label });
+        }
+        getMainContent(selected, depth, ref) {
+            return (React.createElement(S.Top, { title: this.props.tooltip, dropzoneHover: this.props.dropZoneHover, dropzoneHint: this.props.dropZoneHint, attention: selected, deactivated: this.props.deactivated, onClick: (event) => {
+                    if (this.props.normalClick) {
+                        event.stopPropagation();
+                        this.props.normalClick(event);
+                    }
+                }, onContextMenu: (event) => {
+                    if (this.props.rightClick) {
+                        event.preventDefault();
+                        event.stopPropagation();
+                        this.props.rightClick(event);
+                    }
+                }, onMouseEnter: (event) => {
+                    var _a, _b;
+                    (_b = (_a = this.props).mouseOver) === null || _b === void 0 ? void 0 : _b.call(_a, event, true);
+                }, onMouseLeave: (event) => {
+                    var _a, _b;
+                    (_b = (_a = this.props).mouseOver) === null || _b === void 0 ? void 0 : _b.call(_a, event, false);
+                }, ref: ref, selected: this.props.selected },
+                React.createElement(TreeContentWidget, { depth: depth },
+                    this.getPlayIcon(),
+                    this.getNormalIcon(),
+                    React.createElement(S.Title, { color: this.props.labelColor, "$wrap": this.props.wrap, selected: this.props.selected },
+                        this.getTitle(),
+                        this.props.label2 ? React.createElement(S.Label2, null, this.props.label2) : null)),
+                this.getRightContent()));
+        }
+        render() {
+            let depth = this.props.depth || 0;
+            if (!this.props.collapse) {
+                depth++;
+            }
+            const ref = this.props.forwardRef || this.ref;
+            return (React.createElement(AttentionWrapperWidget, { forwardRef: ref, selection: {
+                    label: this.props.label
+                }, type: ReactorComponentType.TREE_LEAF, activated: (selected) => {
+                    return this.getMainContent(!!selected, depth, ref);
+                } }));
+        }
+    };
+    __setFunctionName(_classThis, "TreeLeafWidget");
+    (() => {
+        var _a;
+        const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create((_a = _classSuper[Symbol.metadata]) !== null && _a !== void 0 ? _a : null) : void 0;
+        __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+        TreeLeafWidget = _classThis = _classDescriptor.value;
+        if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        __runInitializers(_classThis, _classExtraInitializers);
+    })();
+    return TreeLeafWidget = _classThis;
+})();
+export { TreeLeafWidget };
+//# sourceMappingURL=TreeLeafWidget.js.map

package/dist/widgets/tree/TreeLeafWidget.js.map

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

package/dist/widgets/tree/TreeWidget.js

@@ -0,0 +1,127 @@
+import { __esDecorate, __runInitializers, __setFunctionName } from "tslib";
+import * as React from 'react';
+import styled from '@emotion/styled';
+import { TreeLeafWidget } from './TreeLeafWidget';
+import { observer } from 'mobx-react';
+import * as _ from 'lodash';
+let TreeWidget = (() => {
+    let _classDecorators = [observer];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = React.Component;
+    var TreeWidget = _classThis = class extends _classSuper {
+        constructor(props) {
+            super(props);
+            this.normalClick = (event) => {
+                var _a, _b;
+                event.stopPropagation();
+                (_b = (_a = this.props).normalClick) === null || _b === void 0 ? void 0 : _b.call(_a, event);
+                if (this.props.openOnSingleClick !== false) {
+                    this.toggle(!this.isCollapsed());
+                    return;
+                }
+                if (this.timer) {
+                    this.toggle(!this.isCollapsed());
+                    clearTimeout(this.timer);
+                    this.timer = null;
+                    return;
+                }
+                this.timer = setTimeout(() => {
+                    this.timer = null;
+                }, 200);
+            };
+            this.getCollapsedPayload = _.memoize((c) => {
+                return {
+                    collapsed: c.collapsed,
+                    enabled: c.enabled,
+                    changed: (collapsed, deep) => {
+                        this.toggle(collapsed, deep);
+                    }
+                };
+            });
+            this.state = {
+                open: props.openDefault
+            };
+        }
+        getChildren(depth) {
+            if (this.props.loading && this.props.empty) {
+                return this.getChildMessage(depth, this.props.loadingMessage);
+            }
+            if (!this.props.children || this.props.empty) {
+                return this.getChildMessage(depth, this.props.emptyMessage);
+            }
+            const children = this.props.children(depth);
+            if (React.Children.count(children) === 0) {
+                return this.getChildMessage(depth, this.props.emptyMessage);
+            }
+            return children;
+        }
+        isCollapsed() {
+            if (this.props.collapsed != null) {
+                return this.props.collapsed;
+            }
+            return !this.state.open;
+        }
+        toggle(collapsed, deep) {
+            var _a, _b;
+            if (this.props.collapsed != null) {
+                (_b = (_a = this.props).onCollapsedChanged) === null || _b === void 0 ? void 0 : _b.call(_a, collapsed, deep);
+            }
+            else {
+                this.setState({
+                    open: !collapsed
+                }, () => {
+                    var _a, _b;
+                    (_b = (_a = this.props).onCollapsedChanged) === null || _b === void 0 ? void 0 : _b.call(_a, collapsed, deep);
+                });
+            }
+        }
+        getChildMessage(depth, message) {
+            if (!message) {
+                return null;
+            }
+            return (React.createElement(S.Empty, null,
+                React.createElement(TreeLeafWidget, { label: message, depth: depth })));
+        }
+        getLeaf() {
+            const depth = this.props.depth || 0;
+            const children = this.getChildren(depth);
+            return (React.createElement(TreeLeafWidget, Object.assign({}, this.props, { icon: this.props.loading ? 'spinner' : this.props.icon, iconSpin: this.props.loading, depth: depth, normalClick: this.normalClick, collapse: this.props.hideOpenIcon
+                    ? null
+                    : this.getCollapsedPayload({
+                        collapsed: this.isCollapsed(),
+                        enabled: React.Children.count(children) > 0
+                    }) })));
+        }
+        render() {
+            const depth = this.props.depth || 0;
+            const children = this.getChildren(depth + 1);
+            return (React.createElement("div", { className: this.props.className },
+                this.getLeaf(),
+                !this.isCollapsed() ? React.createElement(S.Children, null, children) : null));
+        }
+    };
+    __setFunctionName(_classThis, "TreeWidget");
+    (() => {
+        var _a;
+        const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create((_a = _classSuper[Symbol.metadata]) !== null && _a !== void 0 ? _a : null) : void 0;
+        __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+        TreeWidget = _classThis = _classDescriptor.value;
+        if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        __runInitializers(_classThis, _classExtraInitializers);
+    })();
+    return TreeWidget = _classThis;
+})();
+export { TreeWidget };
+var S;
+(function (S) {
+    S.Children = styled.div `
+    margin-top: 2px;
+  `;
+    S.Empty = styled.div `
+    opacity: 0.5;
+    font-style: italic;
+  `;
+})(S || (S = {}));
+//# sourceMappingURL=TreeWidget.js.map

package/dist/widgets/tree/TreeWidget.js.map

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

package/dist/widgets/visor/SmartVisorWidget.js

@@ -0,0 +1,45 @@
+import { __classPrivateFieldGet, __classPrivateFieldSet, __esDecorate, __runInitializers, __setFunctionName } from "tslib";
+import * as React from 'react';
+import { observer } from 'mobx-react';
+import { VisorWidget } from './VisorWidget';
+import { inject } from '../../inversify.config';
+import { VisorStore } from '../../stores/visor/VisorStore';
+import { VisorMetadataControl } from '../../settings/VisorMetadataControl';
+let SmartVisorWidget = (() => {
+    var _SmartVisorWidget_visorStore_accessor_storage;
+    let _classDecorators = [observer];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = React.Component;
+    let _visorStore_decorators;
+    let _visorStore_initializers = [];
+    let _visorStore_extraInitializers = [];
+    var SmartVisorWidget = _classThis = class extends _classSuper {
+        get visorStore() { return __classPrivateFieldGet(this, _SmartVisorWidget_visorStore_accessor_storage, "f"); }
+        set visorStore(value) { __classPrivateFieldSet(this, _SmartVisorWidget_visorStore_accessor_storage, value, "f"); }
+        render() {
+            return React.createElement(VisorWidget, { metadata: VisorMetadataControl.get().getItems() });
+        }
+        constructor() {
+            super(...arguments);
+            _SmartVisorWidget_visorStore_accessor_storage.set(this, __runInitializers(this, _visorStore_initializers, void 0));
+            __runInitializers(this, _visorStore_extraInitializers);
+        }
+    };
+    _SmartVisorWidget_visorStore_accessor_storage = new WeakMap();
+    __setFunctionName(_classThis, "SmartVisorWidget");
+    (() => {
+        var _a;
+        const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create((_a = _classSuper[Symbol.metadata]) !== null && _a !== void 0 ? _a : null) : void 0;
+        _visorStore_decorators = [inject(VisorStore)];
+        __esDecorate(_classThis, null, _visorStore_decorators, { kind: "accessor", name: "visorStore", static: false, private: false, access: { has: obj => "visorStore" in obj, get: obj => obj.visorStore, set: (obj, value) => { obj.visorStore = value; } }, metadata: _metadata }, _visorStore_initializers, _visorStore_extraInitializers);
+        __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+        SmartVisorWidget = _classThis = _classDescriptor.value;
+        if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        __runInitializers(_classThis, _classExtraInitializers);
+    })();
+    return SmartVisorWidget = _classThis;
+})();
+export { SmartVisorWidget };
+//# sourceMappingURL=SmartVisorWidget.js.map

package/dist/widgets/visor/SmartVisorWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SmartVisorWidget.js","sourceRoot":"","sources":["../../../src/widgets/visor/SmartVisorWidget.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;IAG9D,gBAAgB;;4BAD5B,QAAQ;;;;sBAC6B,KAAK,CAAC,SAAS;;;;6CAAvB,SAAQ,WAAe;QAEnD,IAAS,UAAU,+FAAa;QAAhC,IAAS,UAAU,oGAAa;QAEhC,MAAM;YACJ,OAAO,oBAAC,WAAW,IAAC,QAAQ,EAAE,oBAAoB,CAAC,GAAG,EAAE,CAAC,QAAQ,EAAE,GAAI,CAAC;QAC1E,CAAC;;;YAJQ,mHAAuB;;;;;;;;;kCAD/B,MAAM,CAAC,UAAU,CAAC;QACnB,yLAAS,UAAU,6BAAV,UAAU,+FAAa;QAFlC,6KAOC;;;QAPY,uDAAgB;;;;SAAhB,gBAAgB"}

package/dist/widgets/visor/VisorWidget.js

@@ -0,0 +1,126 @@
+import { __classPrivateFieldGet, __classPrivateFieldSet, __esDecorate, __runInitializers, __setFunctionName } from "tslib";
+import * as React from 'react';
+import * as _ from 'lodash';
+import styled from '@emotion/styled';
+import { MetadataWidget } from '../meta/MetadataWidget';
+import { IconWidget } from '../icons/IconWidget';
+import { inject } from '../../inversify.config';
+import { observer } from 'mobx-react';
+import { VisorMetadataControl } from '../../settings/VisorMetadataControl';
+import { ComboBoxStore } from '../../stores/combo/ComboBoxStore';
+import { VisorStore } from '../../stores/visor/VisorStore';
+import { themed } from '../../stores/themes/reactor-theme-fragment';
+var S;
+(function (S) {
+    S.Visor = themed.div `
+    height: 28px;
+    align-self: center;
+    margin-right: 5px;
+    display: flex;
+    justify-content: flex-start;
+    box-sizing: border-box;
+    align-items: center;
+    overflow: hidden;
+    flex-grow: 1;
+    flex-shrink: 1;
+  `;
+    S.Container = styled.div `
+    display: flex;
+    align-items: center;
+    padding-left: 10px;
+    padding-right: 10px;
+    min-width: 700px;
+  `;
+    S.Metadata = styled(MetadataWidget) `
+    margin-right: 6px;
+  `;
+    S.Icon = styled(IconWidget) `
+    color: white;
+    font-size: 12px;
+  `;
+    S.IconContainer = styled.div `
+    width: 22px;
+    height: 22px;
+    background: rgba(0, 0, 0, 0.1);
+    margin-right: 5px;
+    border-radius: 3px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    cursor: pointer;
+    user-select: none;
+    opacity: 0.6;
+    flex-shrink: 0;
+
+    &:hover {
+      opacity: 1;
+    }
+  `;
+})(S || (S = {}));
+let VisorWidget = (() => {
+    var _VisorWidget_comboBox_accessor_storage, _VisorWidget_visorStore_accessor_storage;
+    let _classDecorators = [observer];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = React.Component;
+    let _comboBox_decorators;
+    let _comboBox_initializers = [];
+    let _comboBox_extraInitializers = [];
+    let _visorStore_decorators;
+    let _visorStore_initializers = [];
+    let _visorStore_extraInitializers = [];
+    var VisorWidget = _classThis = class extends _classSuper {
+        get comboBox() { return __classPrivateFieldGet(this, _VisorWidget_comboBox_accessor_storage, "f"); }
+        set comboBox(value) { __classPrivateFieldSet(this, _VisorWidget_comboBox_accessor_storage, value, "f"); }
+        get visorStore() { return __classPrivateFieldGet(this, _VisorWidget_visorStore_accessor_storage, "f"); }
+        set visorStore(value) { __classPrivateFieldSet(this, _VisorWidget_visorStore_accessor_storage, value, "f"); }
+        render() {
+            return (React.createElement(S.Container, null,
+                React.createElement(S.IconContainer, { "aria-label": "Configure footer", "data-balloon-pos": "up-left", onClick: async (event) => {
+                        const control = VisorMetadataControl.get();
+                        const items = await this.comboBox.showMultiSelectComboBox(this.visorStore.activeMetaData.map((m) => {
+                            return {
+                                title: m.configurationName,
+                                key: m.options.key,
+                                checked: control.items.has(m.options.key)
+                            };
+                        }), event);
+                        control.setItems(items.map((i) => {
+                            return this.visorStore.getMetadata(i.key);
+                        }));
+                    } },
+                    React.createElement(S.Icon, { icon: "cog" })),
+                React.createElement(S.Visor, null, _.map(this.props.metadata, (datum) => {
+                    if (!datum.currentInstance) {
+                        return null;
+                    }
+                    return React.createElement(S.Metadata, Object.assign({ key: datum.options.key }, datum.currentInstance));
+                }))));
+        }
+        constructor() {
+            super(...arguments);
+            _VisorWidget_comboBox_accessor_storage.set(this, __runInitializers(this, _comboBox_initializers, void 0));
+            _VisorWidget_visorStore_accessor_storage.set(this, (__runInitializers(this, _comboBox_extraInitializers), __runInitializers(this, _visorStore_initializers, void 0)));
+            __runInitializers(this, _visorStore_extraInitializers);
+        }
+    };
+    _VisorWidget_comboBox_accessor_storage = new WeakMap();
+    _VisorWidget_visorStore_accessor_storage = new WeakMap();
+    __setFunctionName(_classThis, "VisorWidget");
+    (() => {
+        var _a;
+        const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create((_a = _classSuper[Symbol.metadata]) !== null && _a !== void 0 ? _a : null) : void 0;
+        _comboBox_decorators = [inject(ComboBoxStore)];
+        _visorStore_decorators = [inject(VisorStore)];
+        __esDecorate(_classThis, null, _comboBox_decorators, { kind: "accessor", name: "comboBox", static: false, private: false, access: { has: obj => "comboBox" in obj, get: obj => obj.comboBox, set: (obj, value) => { obj.comboBox = value; } }, metadata: _metadata }, _comboBox_initializers, _comboBox_extraInitializers);
+        __esDecorate(_classThis, null, _visorStore_decorators, { kind: "accessor", name: "visorStore", static: false, private: false, access: { has: obj => "visorStore" in obj, get: obj => obj.visorStore, set: (obj, value) => { obj.visorStore = value; } }, metadata: _metadata }, _visorStore_initializers, _visorStore_extraInitializers);
+        __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+        VisorWidget = _classThis = _classDescriptor.value;
+        if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        __runInitializers(_classThis, _classExtraInitializers);
+    })();
+    return VisorWidget = _classThis;
+})();
+export { VisorWidget };
+//# sourceMappingURL=VisorWidget.js.map