@journeyapps-labs/reactor-mod 1.0.0

package/dist/widgets/collections/PaginatedCollectionWidget.js.map

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

package/dist/widgets/color/ColorPickerWidget.js

@@ -0,0 +1,137 @@
+import * as React from 'react';
+import styled from '@emotion/styled';
+import { SketchPicker } from 'react-color';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import * as _ from 'lodash';
+import { v4 } from 'uuid';
+import * as Color from 'color';
+import { SmartPositionWidget } from '../../layers/combo/SmartPositionWidget';
+import { FloatingPanelWidget } from '../floating/FloatingPanelWidget';
+import { themed } from '../../stores/themes/reactor-theme-fragment';
+var S;
+(function (S) {
+    S.Container = themed.div `
+    outline: none;
+    border: solid 1px ${(p) => (p.selected ? p.theme.header.primary : 'transparent')};
+    color: ${(p) => p.theme.text.secondary};
+    background: ${(p) => p.theme.panels.trayBackground};
+    padding: 3px;
+    padding-right: 5px;
+    box-sizing: border-box;
+    font-size: 15px;
+    cursor: pointer;
+    display: inline-flex;
+    align-items: center;
+    border-radius: 4px;
+
+    &:hover{
+      color: ${(p) => p.theme.text.primary};
+    }
+  `;
+    S.Square = styled.div `
+    border-radius: 2px;
+    width: 20px;
+    height: 20px;
+    background: ${(p) => p.color};
+    margin-right: 5px;
+    color: red;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  `;
+    S.Icon = styled(FontAwesomeIcon) `
+    font-size: 13px;
+  `;
+    S.Floating = themed(SmartPositionWidget) `
+    position: fixed;
+    z-index: 2;
+
+    .sketch-picker {
+      background: transparent !important;
+      width: 240px !important;
+
+      input {
+        background: transparent !important;
+        color: white !important;
+        border: solid 1px transparent !important;
+        box-shadow: none !important;
+        background: ${(p) => p.theme.panels.trayBackground} !important;
+        border-radius: 3px !important;
+      }
+
+      span{
+        color: white !important;
+      }
+    }
+  `;
+})(S || (S = {}));
+export class ColorPickerWidget extends React.Component {
+    constructor(props) {
+        super(props);
+        this.dispose = () => {
+            if (this.listener) {
+                window.removeEventListener('mousedown', this.listener);
+                this.listener = null;
+            }
+        };
+        this.mouseDown = () => {
+            if (this.state.show) {
+                this.setState({
+                    show: false
+                }, this.dispose);
+                return;
+            }
+            this.setState({
+                show: true
+            }, () => {
+                this.listener = (event) => {
+                    _.defer(() => {
+                        this.setState({
+                            show: false
+                        }, this.dispose);
+                    });
+                };
+                window.addEventListener('mousedown', this.listener);
+            });
+        };
+        this.state = {
+            show: false
+        };
+        this.id = v4();
+        this.ref = React.createRef();
+    }
+    componentWillUnmount() {
+        this.dispose();
+    }
+    getFloatingPanel() {
+        if (this.state.show) {
+            const pos = this.ref.current.getBoundingClientRect();
+            return (React.createElement(S.Floating, { position: {
+                    clientX: pos.x,
+                    clientY: pos.y
+                } },
+                React.createElement(FloatingPanelWidget, { center: false },
+                    React.createElement(SketchPicker, { color: this.props.color, onChange: (color) => {
+                            this.props.colorChanged(color.hex);
+                        } }))));
+        }
+        return null;
+    }
+    isValid() {
+        try {
+            new Color(this.props.color);
+            return true;
+        }
+        catch (ex) {
+            return false;
+        }
+    }
+    render() {
+        return (React.createElement(React.Fragment, null,
+            React.createElement(S.Container, { id: this.id, selected: this.state.show, ref: this.ref, onClick: this.mouseDown },
+                React.createElement(S.Square, { color: this.props.color }, this.isValid() ? null : React.createElement(FontAwesomeIcon, { icon: "times" })),
+                React.createElement(S.Icon, { icon: "angle-down" })),
+            this.getFloatingPanel()));
+    }
+}
+//# sourceMappingURL=ColorPickerWidget.js.map

package/dist/widgets/color/ColorPickerWidget.js.map

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

package/dist/widgets/color/ColorPickerWithFieldWidget.js

@@ -0,0 +1,82 @@
+import * as React from 'react';
+import styled from '@emotion/styled';
+import { ColorPickerWidget } from './ColorPickerWidget';
+import * as Color from 'color';
+import * as _ from 'lodash';
+import { themed } from '../../stores/themes/reactor-theme-fragment';
+import { Input } from '../forms/inputs';
+var S;
+(function (S) {
+    S.SmallInput = themed(Input) `
+      width: 100px;
+      margin-right: 2px;
+      font-size: 14px;
+      border: solid 1px ${(p) => (p.error ? p.theme.status.failed : 'transparent')};
+      border-radius: 3px;
+  `;
+    S.Entry = styled.div `
+    display: flex;
+    align-items: center;
+    margin-bottom: 2px;
+    &:last-of-type {
+      margin-bottom: 0;
+    }
+  `;
+})(S || (S = {}));
+export class ColorPickerWithFieldWidget extends React.Component {
+    constructor(props) {
+        super(props);
+        this.colorChanged = _.debounce((color) => {
+            this.props.colorChanged(color);
+        }, 60);
+        this.state = {
+            color: props.color,
+            propColor: props.color
+        };
+    }
+    static getDerivedStateFromProps(props, state) {
+        if (props.color !== state.propColor) {
+            return {
+                propColor: props.color,
+                color: props.color
+            };
+        }
+        return null;
+    }
+    isValid() {
+        try {
+            new Color(this.state.color);
+            return true;
+        }
+        catch (ex) {
+            return false;
+        }
+    }
+    render() {
+        return (React.createElement(S.Entry, null,
+            React.createElement(S.SmallInput, { error: !this.isValid(), onChange: (event) => {
+                    try {
+                        new Color(event.target.value);
+                        this.setState({
+                            color: event.target.value
+                        }, () => {
+                            this.props.colorChanged(this.state.color);
+                        });
+                    }
+                    catch (ex) {
+                        this.setState({
+                            color: event.target.value
+                        });
+                    }
+                }, value: this.state.color || '' }),
+            React.createElement(ColorPickerWidget, { colorChanged: (color) => {
+                    this.setState({
+                        color: color
+                    });
+                    _.defer(() => {
+                        this.colorChanged(color);
+                    });
+                }, color: this.state.color })));
+    }
+}
+//# sourceMappingURL=ColorPickerWithFieldWidget.js.map

package/dist/widgets/color/ColorPickerWithFieldWidget.js.map

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

package/dist/widgets/core-tree/CoreTreeWidget.js

@@ -0,0 +1,49 @@
+import * as React from 'react';
+import { TreeNode } from '@journeyapps-labs/lib-reactor-tree';
+import { observer } from 'mobx-react';
+import { useForceUpdate } from '../../hooks/useForceUpdate';
+import * as _ from 'lodash';
+import { ReactorTreeNode } from './reactor-tree/ReactorTreeNode';
+import { ReactorTreeLeaf } from './reactor-tree/ReactorTreeLeaf';
+export const CoreTreeWidget = observer((props) => {
+    var _a;
+    const forceUpdate = useForceUpdate();
+    if (((_a = props.renderTreeEntity) === null || _a === void 0 ? void 0 : _a.call(props, props.tree)) === false) {
+        return null;
+    }
+    // it's a reactor tree
+    if (props.tree instanceof ReactorTreeNode) {
+        return props.tree.renderWidget(props) || null;
+    }
+    // it's a normal tree
+    else if (props.tree instanceof TreeNode) {
+        return props.renderTreeNode({
+            entity: props.tree,
+            depth: props.depth,
+            props: {
+                collapsed: props.tree.collapsed,
+                onCollapsedChanged: (collapsed) => {
+                    var _a, _b;
+                    props.tree.setCollapsed(collapsed);
+                    forceUpdate();
+                    (_b = (_a = props.events) === null || _a === void 0 ? void 0 : _a.updated) === null || _b === void 0 ? void 0 : _b.call(_a);
+                }
+            },
+            children: () => {
+                return props.tree.children.map((c) => {
+                    return React.createElement(CoreTreeWidget, Object.assign({}, _.omit(props, 'forwardRef'), { depth: props.depth + 1, tree: c, key: c.getKey() }));
+                });
+            }
+        });
+    }
+    // it's a reactor leaf
+    else if (props.tree instanceof ReactorTreeLeaf) {
+        return props.tree.renderWidget(props);
+    }
+    // it's a normal leaf
+    return props.renderTreeLeaf({
+        depth: props.depth,
+        entity: props.tree
+    });
+});
+//# sourceMappingURL=CoreTreeWidget.js.map

package/dist/widgets/core-tree/CoreTreeWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CoreTreeWidget.js","sourceRoot":"","sources":["../../../src/widgets/core-tree/CoreTreeWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAmC,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAE/F,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,KAAK,CAAC,MAAM,QAAQ,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AA2BjE,MAAM,CAAC,MAAM,cAAc,GAAkC,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE;;IAC9E,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IAErC,IAAI,CAAA,MAAA,KAAK,CAAC,gBAAgB,sDAAG,KAAK,CAAC,IAAI,CAAC,MAAK,KAAK,EAAE,CAAC;QACnD,OAAO,IAAI,CAAC;IACd,CAAC;IACD,sBAAsB;IACtB,IAAI,KAAK,CAAC,IAAI,YAAY,eAAe,EAAE,CAAC;QAC1C,OAAO,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC;IAChD,CAAC;IAED,qBAAqB;SAChB,IAAI,KAAK,CAAC,IAAI,YAAY,QAAQ,EAAE,CAAC;QACxC,OAAO,KAAK,CAAC,cAAc,CAAC;YAC1B,MAAM,EAAE,KAAK,CAAC,IAAI;YAClB,KAAK,EAAE,KAAK,CAAC,KAAK;YAClB,KAAK,EAAE;gBACL,SAAS,EAAE,KAAK,CAAC,IAAI,CAAC,SAAS;gBAC/B,kBAAkB,EAAE,CAAC,SAAS,EAAE,EAAE;;oBAC/B,KAAK,CAAC,IAAiB,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;oBACjD,WAAW,EAAE,CAAC;oBACd,MAAA,MAAA,KAAK,CAAC,MAAM,0CAAE,OAAO,kDAAI,CAAC;gBAC5B,CAAC;aACF;YACD,QAAQ,EAAE,GAAG,EAAE;gBACb,OAAQ,KAAK,CAAC,IAAiB,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;oBACjD,OAAO,oBAAC,cAAc,oBAAK,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,YAAY,CAAC,IAAE,KAAK,EAAE,KAAK,CAAC,KAAK,GAAG,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,MAAM,EAAE,IAAI,CAAC;gBAC/G,CAAC,CAAC,CAAC;YACL,CAAC;SACF,CAAC,CAAC;IACL,CAAC;IACD,sBAAsB;SACjB,IAAI,KAAK,CAAC,IAAI,YAAY,eAAe,EAAE,CAAC;QAC/C,OAAO,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IACxC,CAAC;IAED,qBAAqB;IACrB,OAAO,KAAK,CAAC,cAAc,CAAC;QAC1B,KAAK,EAAE,KAAK,CAAC,KAAK;QAClB,MAAM,EAAE,KAAK,CAAC,IAAI;KACnB,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/widgets/core-tree/SearchableCoreTreeWidget.js

@@ -0,0 +1,61 @@
+import * as React from 'react';
+import { useEffect, useState } from 'react';
+import { CoreTreeWidget } from './CoreTreeWidget';
+import { TreeNode } from '@journeyapps-labs/lib-reactor-tree';
+import { createSearchEventMatcher } from '@journeyapps-labs/lib-reactor-search';
+import { observer } from 'mobx-react';
+import { isBaseReactorTree } from './reactor-tree/reactor-tree-utils';
+export const SearchableCoreTreeWidget = observer((props) => {
+    const [matcher, setMatcher] = useState(null);
+    const [allowed, setAllowed] = useState([]);
+    useEffect(() => {
+        return () => {
+            props.tree.flatten().forEach((t) => {
+                if (isBaseReactorTree(t)) {
+                    t.setSearch(null);
+                }
+            });
+        };
+    }, []);
+    useEffect(() => {
+        if (props.search) {
+            setMatcher({
+                search: props.search,
+                matches: createSearchEventMatcher(props.search)
+            });
+        }
+        else {
+            setMatcher(null);
+        }
+    }, [props.search]);
+    useEffect(() => {
+        const leafs = props.tree.flatten();
+        const filtered = leafs.filter((l) => {
+            if (isBaseReactorTree(l)) {
+                return l.setSearch(matcher);
+            }
+            else if (l instanceof TreeNode) {
+                return props.matchNode(Object.assign(Object.assign({}, matcher), { tree: l }));
+            }
+            return props.matchLeaf(Object.assign(Object.assign({}, matcher), { tree: l }));
+        });
+        const allowedSet = new Set();
+        filtered.forEach((l) => {
+            let entity = l;
+            do {
+                if (!allowedSet.has(entity)) {
+                    allowedSet.add(entity);
+                }
+                entity = entity.getParent();
+            } while (entity);
+        });
+        setAllowed(Array.from(allowedSet.values()).map((f) => f.getPathAsString()));
+    }, [matcher]);
+    return (React.createElement(CoreTreeWidget, Object.assign({ renderTreeEntity: (tree) => {
+            if (props.search) {
+                return allowed.indexOf(tree.getPathAsString()) !== -1;
+            }
+            return true;
+        } }, props)));
+});
+//# sourceMappingURL=SearchableCoreTreeWidget.js.map

package/dist/widgets/core-tree/SearchableCoreTreeWidget.js.map

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

package/dist/widgets/core-tree/reactor-tree/PatchTree.js

@@ -0,0 +1,92 @@
+export function PatchTree(SuperClass) {
+    class BaseReactorTreeInternal extends SuperClass {
+        constructor(...params) {
+            super(...params);
+            this.attached = false;
+            this.visible = false;
+            this.sortKey = null;
+            this.mouseOver = false;
+            this.propGenerator = new Set();
+        }
+        setVisible(visible) {
+            if (this.visible === visible) {
+                return;
+            }
+            this.visible = visible;
+            this.iterateListeners((cb) => { var _a; return (_a = cb.visibilityChanged) === null || _a === void 0 ? void 0 : _a.call(cb); });
+        }
+        setAttached(attached) {
+            if (this.attached === attached) {
+                return;
+            }
+            this.attached = attached;
+            this.iterateListeners((cb) => { var _a; return (_a = cb.attachedChanged) === null || _a === void 0 ? void 0 : _a.call(cb); });
+        }
+        addPropGenerator(transformer) {
+            this.propGenerator.add(transformer);
+            this.iterateListeners((cb) => { var _a; return (_a = cb.propGeneratorsChanged) === null || _a === void 0 ? void 0 : _a.call(cb); });
+            return () => {
+                this.propGenerator.delete(transformer);
+                this.iterateListeners((cb) => { var _a; return (_a = cb.propGeneratorsChanged) === null || _a === void 0 ? void 0 : _a.call(cb); });
+            };
+        }
+        getProps(event) {
+            let props = {
+                normalClick: (event) => {
+                    this.iterateListeners((cb) => { var _a; return (_a = cb.action) === null || _a === void 0 ? void 0 : _a.call(cb, event); });
+                },
+                rightClick: (event) => {
+                    this.iterateListeners((cb) => { var _a; return (_a = cb.contextAction) === null || _a === void 0 ? void 0 : _a.call(cb, event); });
+                },
+                mouseOver: (event, hover) => {
+                    this.mouseOver = hover;
+                    this.iterateListeners((cb) => { var _a; return (_a = cb.propGeneratorsChanged) === null || _a === void 0 ? void 0 : _a.call(cb); });
+                }
+            };
+            for (let transformer of this.propGenerator) {
+                let propsTransformed = transformer(props, event.depth, this.mouseOver);
+                if (propsTransformed) {
+                    props = Object.assign(Object.assign({}, props), propsTransformed);
+                }
+            }
+            return Object.assign({ label: this.getKey() }, props);
+        }
+        renderWidget(options) {
+            return null;
+        }
+        setSearch(event) {
+            var _a;
+            (_a = this.searchGeneratorDisposer) === null || _a === void 0 ? void 0 : _a.call(this);
+            this.searchGeneratorDisposer = null;
+            if (!event) {
+                return true;
+            }
+            const result = this.match(event);
+            if (result) {
+                this.searchGeneratorDisposer = this.addPropGenerator(() => {
+                    return {
+                        matches: result
+                    };
+                });
+                this.open();
+                return true;
+            }
+            return false;
+        }
+        match(event) {
+            return null;
+        }
+        getSortKey() {
+            var _a;
+            return (_a = this.sortKey) === null || _a === void 0 ? void 0 : _a.toLowerCase();
+        }
+        setSortKey(key) {
+            if (key !== this.sortKey) {
+                this.sortKey = key;
+                this.iterateListeners((cb) => { var _a; return (_a = cb.sortChanged) === null || _a === void 0 ? void 0 : _a.call(cb); });
+            }
+        }
+    }
+    return BaseReactorTreeInternal;
+}
+//# sourceMappingURL=PatchTree.js.map

package/dist/widgets/core-tree/reactor-tree/PatchTree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PatchTree.js","sourceRoot":"","sources":["../../../../src/widgets/core-tree/reactor-tree/PatchTree.tsx"],"names":[],"mappings":"AAmDA,MAAM,UAAU,SAAS,CACvB,UAAa;IAEb,MAAM,uBAAwB,SAAQ,UAAU;QAS9C,YAAY,GAAG,MAAM;YACnB,KAAK,CAAC,GAAG,MAAM,CAAC,CAAC;YACjB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;YACtB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;YACrB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;YACpB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;YACvB,IAAI,CAAC,aAAa,GAAG,IAAI,GAAG,EAAE,CAAC;QACjC,CAAC;QAED,UAAU,CAAC,OAAgB;YACzB,IAAI,IAAI,CAAC,OAAO,KAAK,OAAO,EAAE,CAAC;gBAC7B,OAAO;YACT,CAAC;YACD,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;YACvB,IAAI,CAAC,gBAAgB,CAAC,CAAC,EAAE,EAAE,EAAE,WAAC,OAAA,MAAA,EAAE,CAAC,iBAAiB,kDAAI,CAAA,EAAA,CAAC,CAAC;QAC1D,CAAC;QAED,WAAW,CAAC,QAAiB;YAC3B,IAAI,IAAI,CAAC,QAAQ,KAAK,QAAQ,EAAE,CAAC;gBAC/B,OAAO;YACT,CAAC;YACD,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;YACzB,IAAI,CAAC,gBAAgB,CAAC,CAAC,EAAE,EAAE,EAAE,WAAC,OAAA,MAAA,EAAE,CAAC,eAAe,kDAAI,CAAA,EAAA,CAAC,CAAC;QACxD,CAAC;QAED,gBAAgB,CAAC,WAAwC;YACvD,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;YACpC,IAAI,CAAC,gBAAgB,CAAC,CAAC,EAAE,EAAE,EAAE,WAAC,OAAA,MAAA,EAAE,CAAC,qBAAqB,kDAAI,CAAA,EAAA,CAAC,CAAC;YAC5D,OAAO,GAAG,EAAE;gBACV,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;gBACvC,IAAI,CAAC,gBAAgB,CAAC,CAAC,EAAE,EAAE,EAAE,WAAC,OAAA,MAAA,EAAE,CAAC,qBAAqB,kDAAI,CAAA,EAAA,CAAC,CAAC;YAC9D,CAAC,CAAC;QACJ,CAAC;QAED,QAAQ,CAAC,KAA+C;YACtD,IAAI,KAAK,GAA8B;gBACrC,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE;oBACrB,IAAI,CAAC,gBAAgB,CAAC,CAAC,EAAE,EAAE,EAAE,WAAC,OAAA,MAAA,EAAE,CAAC,MAAM,mDAAG,KAAK,CAAC,CAAA,EAAA,CAAC,CAAC;gBACpD,CAAC;gBACD,UAAU,EAAE,CAAC,KAAK,EAAE,EAAE;oBACpB,IAAI,CAAC,gBAAgB,CAAC,CAAC,EAAE,EAAE,EAAE,WAAC,OAAA,MAAA,EAAE,CAAC,aAAa,mDAAG,KAAK,CAAC,CAAA,EAAA,CAAC,CAAC;gBAC3D,CAAC;gBACD,SAAS,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;oBAC1B,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;oBACvB,IAAI,CAAC,gBAAgB,CAAC,CAAC,EAAE,EAAE,EAAE,WAAC,OAAA,MAAA,EAAE,CAAC,qBAAqB,kDAAI,CAAA,EAAA,CAAC,CAAC;gBAC9D,CAAC;aACF,CAAC;YACF,KAAK,IAAI,WAAW,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;gBAC3C,IAAI,gBAAgB,GAAG,WAAW,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;gBACvE,IAAI,gBAAgB,EAAE,CAAC;oBACrB,KAAK,mCACA,KAAK,GACL,gBAAgB,CACpB,CAAC;gBACJ,CAAC;YACH,CAAC;YACD,uBACE,KAAK,EAAE,IAAI,CAAC,MAAM,EAAE,IACjB,KAAK,EACR;QACJ,CAAC;QAED,YAAY,CAAC,OAA4B;YACvC,OAAO,IAAI,CAAC;QACd,CAAC;QAED,SAAS,CAAC,KAAkB;;YAC1B,MAAA,IAAI,CAAC,uBAAuB,oDAAI,CAAC;YACjC,IAAI,CAAC,uBAAuB,GAAG,IAAI,CAAC;YACpC,IAAI,CAAC,KAAK,EAAE,CAAC;gBACX,OAAO,IAAI,CAAC;YACd,CAAC;YACD,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YACjC,IAAI,MAAM,EAAE,CAAC;gBACX,IAAI,CAAC,uBAAuB,GAAG,IAAI,CAAC,gBAAgB,CAAC,GAAG,EAAE;oBACxD,OAAO;wBACL,OAAO,EAAE,MAAM;qBAChB,CAAC;gBACJ,CAAC,CAAC,CAAC;gBACH,IAAI,CAAC,IAAI,EAAE,CAAC;gBACZ,OAAO,IAAI,CAAC;YACd,CAAC;YACD,OAAO,KAAK,CAAC;QACf,CAAC;QAED,KAAK,CAAC,KAAkB;YACtB,OAAO,IAAI,CAAC;QACd,CAAC;QAED,UAAU;;YACR,OAAO,MAAA,IAAI,CAAC,OAAO,0CAAE,WAAW,EAAE,CAAC;QACrC,CAAC;QAED,UAAU,CAAC,GAAW;YACpB,IAAI,GAAG,KAAK,IAAI,CAAC,OAAO,EAAE,CAAC;gBACzB,IAAI,CAAC,OAAO,GAAG,GAAG,CAAC;gBACnB,IAAI,CAAC,gBAAgB,CAAC,CAAC,EAAE,EAAE,EAAE,WAAC,OAAA,MAAA,EAAE,CAAC,WAAW,kDAAI,CAAA,EAAA,CAAC,CAAC;YACpD,CAAC;QACH,CAAC;KACF;IAED,OAAO,uBAAuB,CAAC;AACjC,CAAC"}

package/dist/widgets/core-tree/reactor-tree/ReactorTreeLeaf.js

@@ -0,0 +1,48 @@
+import { TreeEntity } from '@journeyapps-labs/lib-reactor-tree';
+import * as React from 'react';
+import { useEffect } from 'react';
+import { TreeLeafWidget } from '../../tree/TreeLeafWidget';
+import { useForceUpdate } from '../../../hooks/useForceUpdate';
+import { observer } from 'mobx-react';
+import { PatchTree } from './PatchTree';
+import { setupReactorTree } from './reactor-tree-utils';
+const ReactorTreeLeafWidget = observer(({ event, tree }) => {
+    const forceUpdate = useForceUpdate();
+    useEffect(() => {
+        return tree.registerListener({
+            propGeneratorsChanged: () => {
+                forceUpdate({
+                    defer: true
+                });
+            }
+        });
+    }, [tree]);
+    useEffect(() => {
+        tree.setVisible(true);
+        if (!tree.getParent()) {
+            tree.setAttached(true);
+        }
+        return () => {
+            tree.setVisible(false);
+            if (!tree.getParent()) {
+                tree.setAttached(false);
+            }
+        };
+    }, [tree]);
+    return React.createElement(TreeLeafWidget, Object.assign({ forwardRef: event.forwardRef }, tree.getProps(event), { depth: event.depth }));
+});
+export class ReactorTreeLeaf extends PatchTree(TreeEntity) {
+    constructor(options) {
+        super(options.key || null);
+        this.options = options;
+        setupReactorTree(this, options);
+    }
+    renderWidget(event) {
+        return React.createElement(ReactorTreeLeafWidget, { key: this.getKey(), tree: this, event: event });
+    }
+    match(event) {
+        var _a, _b;
+        return (_b = (_a = this.options).match) === null || _b === void 0 ? void 0 : _b.call(_a, event);
+    }
+}
+//# sourceMappingURL=ReactorTreeLeaf.js.map

package/dist/widgets/core-tree/reactor-tree/ReactorTreeLeaf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactorTreeLeaf.js","sourceRoot":"","sources":["../../../../src/widgets/core-tree/reactor-tree/ReactorTreeLeaf.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAChE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAE3D,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,SAAS,EAAuB,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAsB,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAE5E,MAAM,qBAAqB,GAGtB,QAAQ,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE;IAChC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,IAAI,CAAC,gBAAgB,CAAC;YAC3B,qBAAqB,EAAE,GAAG,EAAE;gBAC1B,WAAW,CAAC;oBACV,KAAK,EAAE,IAAI;iBACZ,CAAC,CAAC;YACL,CAAC;SACF,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QACtB,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,EAAE,CAAC;YACtB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACzB,CAAC;QACD,OAAO,GAAG,EAAE;YACV,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;YACvB,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,EAAE,CAAC;gBACtB,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;YAC1B,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,oBAAC,cAAc,kBAAC,UAAU,EAAE,KAAK,CAAC,UAAU,IAAM,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAE,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,CAAC;AACxG,CAAC,CAAC,CAAC;AAEH,MAAM,OAAO,eAAqE,SAAQ,SAAS,CAAC,UAAU,CAAI;IAChH,YAAmB,OAA2B;QAC5C,KAAK,CAAC,OAAO,CAAC,GAAG,IAAI,IAAI,CAAC,CAAC;QADV,YAAO,GAAP,OAAO,CAAoB;QAE5C,gBAAgB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;IAClC,CAAC;IAED,YAAY,CAAC,KAA0B;QACrC,OAAO,oBAAC,qBAAqB,IAAC,GAAG,EAAE,IAAI,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;IACjF,CAAC;IAED,KAAK,CAAC,KAAkB;;QACtB,OAAO,MAAA,MAAA,IAAI,CAAC,OAAO,EAAC,KAAK,mDAAG,KAAK,CAAC,CAAC;IACrC,CAAC;CACF"}

package/dist/widgets/core-tree/reactor-tree/ReactorTreeNode.js

@@ -0,0 +1,115 @@
+import { TreeNode } from '@journeyapps-labs/lib-reactor-tree';
+import { TreeWidget } from '../../tree/TreeWidget';
+import * as _ from 'lodash';
+import * as React from 'react';
+import { useEffect } from 'react';
+import { CoreTreeWidget } from '../CoreTreeWidget';
+import { useForceUpdate } from '../../../hooks/useForceUpdate';
+import { observer } from 'mobx-react';
+import { PatchTree } from './PatchTree';
+import { isBaseReactorTree, setupReactorTree } from './reactor-tree-utils';
+const ReactorTreeNodeWidget = observer(({ event, tree }) => {
+    const forceUpdate = useForceUpdate();
+    useEffect(() => {
+        return tree.registerListener({
+            propGeneratorsChanged: () => {
+                forceUpdate({
+                    defer: true
+                });
+            },
+            childAdded: () => {
+                forceUpdate({
+                    defer: true
+                });
+            },
+            childRemoved: () => {
+                forceUpdate({
+                    defer: true
+                });
+            },
+            collapsedChanged: () => {
+                var _a, _b;
+                forceUpdate({
+                    defer: true
+                });
+                (_b = (_a = event.events) === null || _a === void 0 ? void 0 : _a.updated) === null || _b === void 0 ? void 0 : _b.call(_a);
+            },
+            sortChanged: () => {
+                forceUpdate({
+                    defer: true
+                });
+            }
+        });
+    }, [tree]);
+    useEffect(() => {
+        tree.setVisible(true);
+        if (!tree.getParent()) {
+            tree.setAttached(true);
+        }
+        return () => {
+            tree.setVisible(false);
+            if (!tree.getParent()) {
+                tree.setAttached(false);
+            }
+        };
+    }, [tree]);
+    const treeProps = tree.getProps(event);
+    return (React.createElement(TreeWidget, Object.assign({}, treeProps, { forwardRef: event.forwardRef, depth: event.depth, collapsed: tree.collapsed, onCollapsedChanged: (collapsed, deep) => {
+            var _a;
+            (_a = treeProps.onCollapsedChanged) === null || _a === void 0 ? void 0 : _a.call(treeProps, collapsed, deep);
+            tree.setCollapsed(collapsed);
+            if (deep) {
+                tree.openChildren(!collapsed);
+            }
+        } }), (depth) => {
+        return _.map(tree.children, (element) => {
+            return (React.createElement(CoreTreeWidget, Object.assign({ key: element.getPathAsString() }, _.omit(event, 'forwardRef'), { depth: depth, tree: element })));
+        });
+    }));
+});
+export class ReactorTreeNode extends PatchTree(TreeNode) {
+    constructor(options) {
+        super(options.key || null);
+        this.options = options;
+        setupReactorTree(this, options);
+    }
+    renderWidget(event) {
+        return React.createElement(ReactorTreeNodeWidget, { key: this.getKey(), tree: this, event: event });
+    }
+    match(event) {
+        var _a, _b;
+        return (_b = (_a = this.options).match) === null || _b === void 0 ? void 0 : _b.call(_a, event);
+    }
+    setAttached(attached) {
+        super.setAttached(attached);
+        this.children.forEach((child) => {
+            if (isBaseReactorTree(child)) {
+                child.setAttached(this.attached);
+            }
+        });
+    }
+    addChild(child) {
+        super.addChild(child);
+        if (isBaseReactorTree(child)) {
+            child.setAttached(this.attached);
+            const l1 = child.registerListener({
+                deleted: () => {
+                    l1 === null || l1 === void 0 ? void 0 : l1();
+                    child.setAttached(false);
+                },
+                sortChanged: () => {
+                    this.iterateListeners((cb) => { var _a; return (_a = cb.childrenSortChanged) === null || _a === void 0 ? void 0 : _a.call(cb); });
+                }
+            });
+        }
+    }
+    get children() {
+        return _.sortBy(super.children, (c) => {
+            if (isBaseReactorTree(c)) {
+                return c.getSortKey();
+            }
+            return c.getKey();
+        });
+    }
+}
+//# sourceMappingURL=ReactorTreeNode.js.map

package/dist/widgets/core-tree/reactor-tree/ReactorTreeNode.js.map

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

package/dist/widgets/core-tree/reactor-tree/reactor-tree-utils.js

@@ -0,0 +1,15 @@
+import { ReactorTreeNode } from './ReactorTreeNode';
+import { ReactorTreeLeaf } from './ReactorTreeLeaf';
+export const isBaseReactorTree = (tree) => {
+    return tree instanceof ReactorTreeNode || tree instanceof ReactorTreeLeaf;
+};
+export const setupReactorTree = (node, options) => {
+    if (!options.getTreeProps) {
+        return;
+    }
+    node.addPropGenerator((props, depth) => {
+        return options.getTreeProps({});
+    });
+    return node;
+};
+//# sourceMappingURL=reactor-tree-utils.js.map