@journeyapps-labs/reactor-mod 1.0.0

package/dist/widgets/panel/tray/SmartTrayTitleWidget.js

@@ -0,0 +1,88 @@
+import { __esDecorate, __runInitializers, __setFunctionName } from "tslib";
+import * as React from 'react';
+import { WorkspaceTrayMode } from '@projectstorm/react-workspaces-model-tray';
+import { AdvancedWorkspacePreference } from '../../../preferences/AdvancedWorkspacePreference';
+import { observer } from 'mobx-react';
+import { TrayTitleWidget } from './TrayTitleWidget';
+import { ReactorPanelModel } from '../../../stores/workspace/react-workspaces/ReactorPanelModel';
+let SmartTrayTitleWidget = (() => {
+    let _classDecorators = [observer];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = React.Component;
+    var SmartTrayTitleWidget = _classThis = class extends _classSuper {
+        getMinimizeButtons() {
+            if (this.props.model.mode === WorkspaceTrayMode.NORMAL) {
+                return [
+                    {
+                        icon: 'window-minimize',
+                        action: () => {
+                            this.props.model.setMode(WorkspaceTrayMode.COLLAPSED);
+                        }
+                    }
+                ];
+            }
+            return [
+                {
+                    icon: 'window-maximize',
+                    action: () => {
+                        this.props.model.setMode(WorkspaceTrayMode.NORMAL);
+                    }
+                }
+            ];
+        }
+        componentWillUnmount() {
+            var _a;
+            (_a = this.listener) === null || _a === void 0 ? void 0 : _a.call(this);
+        }
+        componentDidMount() {
+            this.listener = this.props.model.registerListener({
+                selectionChanged: () => {
+                    this.forceUpdate();
+                }
+            });
+        }
+        getOtherButtons() {
+            if (this.props.model.mode === WorkspaceTrayMode.NORMAL) {
+                const selected = this.props.model.getSelectedModel();
+                if (selected && selected instanceof ReactorPanelModel) {
+                    const factory = this.props.engine.getFactory(selected);
+                    return factory.getAdditionalButtons({
+                        model: selected,
+                        engine: this.props.engine
+                    });
+                }
+            }
+            return [];
+        }
+        getCloseButton() {
+            return {
+                icon: 'times',
+                action: () => {
+                    this.props.model.delete();
+                }
+            };
+        }
+        render() {
+            if (!AdvancedWorkspacePreference.enabled()) {
+                return null;
+            }
+            return (React.createElement(TrayTitleWidget, { collapse: () => {
+                    this.props.model.setMode(WorkspaceTrayMode.COLLAPSED);
+                }, btns: [...this.getOtherButtons(), ...this.getMinimizeButtons(), this.getCloseButton()] }));
+        }
+    };
+    __setFunctionName(_classThis, "SmartTrayTitleWidget");
+    (() => {
+        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);
+        SmartTrayTitleWidget = _classThis = _classDescriptor.value;
+        if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        __runInitializers(_classThis, _classExtraInitializers);
+    })();
+    return SmartTrayTitleWidget = _classThis;
+})();
+export { SmartTrayTitleWidget };
+//# sourceMappingURL=SmartTrayTitleWidget.js.map

package/dist/widgets/panel/tray/SmartTrayTitleWidget.js.map

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

package/dist/widgets/panel/tray/TrayTitleWidget.js

@@ -0,0 +1,95 @@
+import { __classPrivateFieldGet, __classPrivateFieldSet, __esDecorate, __runInitializers, __setFunctionName } from "tslib";
+import * as React from 'react';
+import { styled, themed } from '../../../stores/themes/reactor-theme-fragment';
+import { ComboBoxStore } from '../../../stores/combo/ComboBoxStore';
+import { inject } from '../../../inversify.config';
+import { IconWidget } from '../../icons/IconWidget';
+import { observer } from 'mobx-react';
+import { TAB_BAR_HEIGHT } from '../../../stores/workspace/react-workspaces/ReactorTabFactory';
+var S;
+(function (S) {
+    S.Button = styled.div `
+    align-self: stretch;
+    padding-left: 2px;
+    padding-right: 2px;
+    margin-right: 2px;
+    opacity: 0.6;
+    cursor: pointer;
+    display: flex;
+    color: ${(p) => p.theme.text.primary};
+    align-items: center;
+    font-size: 11px;
+
+    &:hover {
+      opacity: 1;
+    }
+  `;
+    S.Buttons = styled.div `
+    flex-shrink: 0;
+    display: flex;
+    margin-right: 5px;
+    margin-left: 5px;
+  `;
+    S.Spacer = styled.div `
+    flex-grow: 1;
+  `;
+    S.Title = themed.div `
+    width: 100%;
+    display: flex;
+    height: ${TAB_BAR_HEIGHT}px;
+    flex-shrink: 0;
+    background: ${(p) => p.theme.panels.trayBackground};
+    box-sizing: border-box;
+  `;
+})(S || (S = {}));
+let TrayTitleWidget = (() => {
+    var _TrayTitleWidget_comboBoxStore_accessor_storage;
+    let _classDecorators = [observer];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = React.Component;
+    let _comboBoxStore_decorators;
+    let _comboBoxStore_initializers = [];
+    let _comboBoxStore_extraInitializers = [];
+    var TrayTitleWidget = _classThis = class extends _classSuper {
+        get comboBoxStore() { return __classPrivateFieldGet(this, _TrayTitleWidget_comboBoxStore_accessor_storage, "f"); }
+        set comboBoxStore(value) { __classPrivateFieldSet(this, _TrayTitleWidget_comboBoxStore_accessor_storage, value, "f"); }
+        btn(p, index) {
+            return (React.createElement(S.Button, { "aria-label": p.tooltip, "data-balloon-pos": "left", key: p.tooltip || index, onClick: (event) => {
+                    event.persist();
+                    p.action && p.action(event);
+                } },
+                React.createElement(IconWidget, { icon: p.icon })));
+        }
+        render() {
+            return (React.createElement(S.Title, { onDoubleClick: () => {
+                    this.props.collapse();
+                } },
+                React.createElement(S.Spacer, null),
+                React.createElement(S.Buttons, null, (this.props.btns || []).map((btn, index) => {
+                    return this.btn(btn, index);
+                }))));
+        }
+        constructor() {
+            super(...arguments);
+            _TrayTitleWidget_comboBoxStore_accessor_storage.set(this, __runInitializers(this, _comboBoxStore_initializers, void 0));
+            __runInitializers(this, _comboBoxStore_extraInitializers);
+        }
+    };
+    _TrayTitleWidget_comboBoxStore_accessor_storage = new WeakMap();
+    __setFunctionName(_classThis, "TrayTitleWidget");
+    (() => {
+        var _a;
+        const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create((_a = _classSuper[Symbol.metadata]) !== null && _a !== void 0 ? _a : null) : void 0;
+        _comboBoxStore_decorators = [inject(ComboBoxStore)];
+        __esDecorate(_classThis, null, _comboBoxStore_decorators, { kind: "accessor", name: "comboBoxStore", static: false, private: false, access: { has: obj => "comboBoxStore" in obj, get: obj => obj.comboBoxStore, set: (obj, value) => { obj.comboBoxStore = value; } }, metadata: _metadata }, _comboBoxStore_initializers, _comboBoxStore_extraInitializers);
+        __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+        TrayTitleWidget = _classThis = _classDescriptor.value;
+        if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        __runInitializers(_classThis, _classExtraInitializers);
+    })();
+    return TrayTitleWidget = _classThis;
+})();
+export { TrayTitleWidget };
+//# sourceMappingURL=TrayTitleWidget.js.map

package/dist/widgets/panel/tray/TrayTitleWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrayTitleWidget.js","sourceRoot":"","sources":["../../../../src/widgets/panel/tray/TrayTitleWidget.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,+CAA+C,CAAC;AAC/E,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AACpE,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,8DAA8D,CAAC;AAO9F,IAAU,CAAC,CAqCV;AArCD,WAAU,CAAC;IACI,QAAM,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;aAQrB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO;;;;;;;GAOrC,CAAC;IAEW,SAAO,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;GAKhC,CAAC;IAEW,QAAM,GAAG,MAAM,CAAC,GAAG,CAAA;;GAE/B,CAAC;IAEW,OAAK,GAAG,MAAM,CAAC,GAAG,CAAA;;;cAGnB,cAAc;;kBAEV,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,cAAc;;GAEnD,CAAC;AACJ,CAAC,EArCS,CAAC,KAAD,CAAC,QAqCV;IAGY,eAAe;;4BAD3B,QAAQ;;;;sBAC4B,KAAK,CAAC,SAAS;;;;4CAAvB,SAAQ,WAAqC;QAExE,IAAS,aAAa,iGAAgB;QAAtC,IAAS,aAAa,sGAAgB;QAEtC,GAAG,CAAC,CAAM,EAAE,KAAK;YACf,OAAO,CACL,oBAAC,CAAC,CAAC,MAAM,kBACK,CAAC,CAAC,OAAO,sBACJ,MAAM,EACvB,GAAG,EAAE,CAAC,CAAC,OAAO,IAAI,KAAK,EACvB,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;oBACjB,KAAK,CAAC,OAAO,EAAE,CAAC;oBAChB,CAAC,CAAC,MAAM,IAAI,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;gBAC9B,CAAC;gBAED,oBAAC,UAAU,IAAC,IAAI,EAAE,CAAC,CAAC,IAAI,GAAI,CACnB,CACZ,CAAC;QACJ,CAAC;QAED,MAAM;YACJ,OAAO,CACL,oBAAC,CAAC,CAAC,KAAK,IACN,aAAa,EAAE,GAAG,EAAE;oBAClB,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;gBACxB,CAAC;gBAED,oBAAC,CAAC,CAAC,MAAM,OAAG;gBACZ,oBAAC,CAAC,CAAC,OAAO,QACP,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE;oBAC1C,OAAO,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;gBAC9B,CAAC,CAAC,CACQ,CACJ,CACX,CAAC;QACJ,CAAC;;;YAjCQ,wHAA6B;;;;;;;;;qCADrC,MAAM,CAAC,aAAa,CAAC;QACtB,kMAAS,aAAa,6BAAb,aAAa,qGAAgB;QAFxC,6KAoCC;;;QApCY,uDAAe;;;;SAAf,eAAe"}

package/dist/widgets/panel/tray/WidgetTrayItem.js

@@ -0,0 +1,66 @@
+import * as React from 'react';
+import { IconWidget } from '../../icons/IconWidget';
+import { styled, themed } from '../../../stores/themes/reactor-theme-fragment';
+var S;
+(function (S) {
+    S.Item = styled.div `
+    min-height: ${(p) => p.height || 100}px;
+    text-align: left;
+    overflow: hidden;
+  `;
+    S.Rotated = styled.div `
+    transform: translateY(${(p) => p.height}px) rotateZ(-90deg);
+    display: flex;
+    align-items: center;
+  `;
+    S.Title = styled.div `
+    color: ${(p) => (p.selected ? p.theme.panels.tabForegroundSelected : p.theme.panels.tabForeground)};
+    font-size: 13px;
+    white-space: nowrap;
+  `;
+    S.Icon = themed(IconWidget) `
+    color: ${(p) => (p.selected ? p.theme.panels.itemIconColorSelected : p.theme.panels.tabForeground)};
+    padding-right: 8px;
+    font-size: 15px;
+  `;
+    S.Hidden = styled.div `
+    position: fixed;
+    visibility: hidden;
+  `;
+    S.Container = styled.div `
+    cursor: pointer;
+    flex-shrink: 0;
+    width: 30px;
+    background: ${(p) => (p.selected ? p.theme.panels.trayButtonSelected : p.theme.panels.trayButton)};
+    margin-bottom: 2px;
+    user-select: none;
+    padding-bottom: 4px;
+  `;
+})(S || (S = {}));
+export class WidgetTrayItem extends React.PureComponent {
+    constructor(props) {
+        super(props);
+        this.state = {
+            width: null
+        };
+    }
+    render() {
+        if (this.state.width == null) {
+            return (React.createElement(S.Hidden, { ref: (ref) => {
+                    if (ref) {
+                        this.setState({
+                            width: ref.getBoundingClientRect().width + 60
+                        });
+                    }
+                } },
+                React.createElement(S.Icon, { selected: false, icon: this.props.icon }),
+                React.createElement(S.Title, { selected: false }, this.props.name)));
+        }
+        return (React.createElement(S.Container, { selected: this.props.selected },
+            React.createElement(S.Item, { height: this.state.width },
+                React.createElement(S.Rotated, { height: this.state.width - 30 },
+                    React.createElement(S.Icon, { selected: this.props.selected, icon: this.props.icon }),
+                    React.createElement(S.Title, { selected: this.props.selected }, this.props.name)))));
+    }
+}
+//# sourceMappingURL=WidgetTrayItem.js.map

package/dist/widgets/panel/tray/WidgetTrayItem.js.map

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

package/dist/widgets/regex/RegexSearchWidget.js

@@ -0,0 +1,157 @@
+import { __classPrivateFieldGet, __classPrivateFieldSet, __esDecorate, __runInitializers } from "tslib";
+import * as React from 'react';
+import { inject } from '../../inversify.config';
+import { ComboBoxStore } from '../../stores/combo/ComboBoxStore';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { styled } from '../../stores/themes/reactor-theme-fragment';
+export var RegexOptions;
+(function (RegexOptions) {
+    RegexOptions["GLOBAL"] = "g";
+    RegexOptions["CASE_INSENSITIVE"] = "i";
+})(RegexOptions || (RegexOptions = {}));
+const spacing = 5;
+var S;
+(function (S) {
+    S.Container = styled.div `
+    display: flex;
+    color: ${(p) => p.theme.text.primary};
+    background: ${(p) => (p.valid ? 'rgba(255, 255, 255, 0.1)' : 'rgba(255, 0,0, 0.1)')};
+    align-items: center;
+    padding-left: 5px;
+    padding-right: 5px;
+  `;
+    S.Input = styled.input `
+    width: 100%;
+    background: transparent;
+    border: none;
+    outline: none;
+    font-size: 12px;
+    vertical-align: middle;
+    line-height: 25px;
+    color: ${(p) => p.theme.text.primary};
+    padding-left: ${spacing}px;
+    padding-right: ${spacing}px;
+  `;
+    S.Slash = styled.div `
+    opacity: 0.5;
+    font-size: 14px;
+    font-weight: bold;
+    user-select: none;
+  `;
+    S.Options = styled.div `
+    opacity: 0.5;
+    cursor: pointer;
+    padding-left: ${spacing}px;
+
+    &:hover {
+      opacity: 1;
+    }
+    user-select: none;
+  `;
+    S.NoOptions = styled.div `
+    white-space: nowrap;
+    font-size: 12px;
+    opacity: 0.5;
+    user-select: none;
+  `;
+    S.Icon = styled.div `
+    cursor: pointer;
+    padding-left: ${spacing}px;
+    opacity: 0.3;
+    user-select: none;
+    &:hover {
+      opacity: 1;
+    }
+  `;
+})(S || (S = {}));
+let RegexSearchWidget = (() => {
+    var _a, _RegexSearchWidget_comboBoxStore_accessor_storage;
+    let _classSuper = React.Component;
+    let _comboBoxStore_decorators;
+    let _comboBoxStore_initializers = [];
+    let _comboBoxStore_extraInitializers = [];
+    return _a = class RegexSearchWidget extends _classSuper {
+            get comboBoxStore() { return __classPrivateFieldGet(this, _RegexSearchWidget_comboBoxStore_accessor_storage, "f"); }
+            set comboBoxStore(value) { __classPrivateFieldSet(this, _RegexSearchWidget_comboBoxStore_accessor_storage, value, "f"); }
+            constructor(props) {
+                var _b, _c;
+                super(props);
+                _RegexSearchWidget_comboBoxStore_accessor_storage.set(this, __runInitializers(this, _comboBoxStore_initializers, void 0));
+                __runInitializers(this, _comboBoxStore_extraInitializers);
+                this.state = {
+                    regex: ((_b = props.initialValue) === null || _b === void 0 ? void 0 : _b.regex) || '',
+                    options: ((_c = props.initialValue) === null || _c === void 0 ? void 0 : _c.options) || [RegexOptions.GLOBAL]
+                };
+            }
+            getOptions() {
+                if (!this.state.options || this.state.options.length === 0) {
+                    return React.createElement(S.NoOptions, null, "(no options)");
+                }
+                return this.state.options.join('');
+            }
+            isValid() {
+                try {
+                    new RegExp(`/${this.state.regex}/${this.getOptions()}`);
+                }
+                catch (e) {
+                    return false;
+                }
+                return true;
+            }
+            fireChange() {
+                var _b, _c;
+                if (this.isValid()) {
+                    (_c = (_b = this.props).changed) === null || _c === void 0 ? void 0 : _c.call(_b, this.state);
+                }
+            }
+            render() {
+                return (React.createElement(S.Container, { valid: this.isValid() },
+                    React.createElement(S.Slash, null, "/"),
+                    React.createElement(S.Input, { placeholder: "type regex here", onKeyDown: (event) => {
+                            if (event.key === 'Enter') {
+                                this.fireChange();
+                            }
+                        }, onChange: (event) => {
+                            this.setState({
+                                regex: event.target.value
+                            });
+                        } }),
+                    React.createElement(S.Slash, null, "/"),
+                    React.createElement(S.Options, { onClick: async (event) => {
+                            event.persist();
+                            const options = await this.comboBoxStore.showMultiSelectComboBox([
+                                {
+                                    key: RegexOptions.GLOBAL,
+                                    title: 'Global',
+                                    checked: this.state.options.indexOf(RegexOptions.GLOBAL) !== -1
+                                },
+                                {
+                                    key: RegexOptions.CASE_INSENSITIVE,
+                                    title: 'Case insensitive',
+                                    checked: this.state.options.indexOf(RegexOptions.CASE_INSENSITIVE) !== -1
+                                }
+                            ], event);
+                            if (options) {
+                                this.setState({
+                                    options: options.map((o) => o.key)
+                                });
+                            }
+                        } }, this.getOptions()),
+                    React.createElement(S.Icon, { onClick: () => {
+                            this.fireChange();
+                        } },
+                        React.createElement(FontAwesomeIcon, { icon: "arrow-circle-right" }))));
+            }
+        },
+        _RegexSearchWidget_comboBoxStore_accessor_storage = new WeakMap(),
+        (() => {
+            var _b;
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create((_b = _classSuper[Symbol.metadata]) !== null && _b !== void 0 ? _b : null) : void 0;
+            _comboBoxStore_decorators = [inject(ComboBoxStore)];
+            __esDecorate(_a, null, _comboBoxStore_decorators, { kind: "accessor", name: "comboBoxStore", static: false, private: false, access: { has: obj => "comboBoxStore" in obj, get: obj => obj.comboBoxStore, set: (obj, value) => { obj.comboBoxStore = value; } }, metadata: _metadata }, _comboBoxStore_initializers, _comboBoxStore_extraInitializers);
+            if (_metadata) Object.defineProperty(_a, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        })(),
+        _a;
+})();
+export { RegexSearchWidget };
+//# sourceMappingURL=RegexSearchWidget.js.map

package/dist/widgets/regex/RegexSearchWidget.js.map

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

package/dist/widgets/search/ControlledSearchWidget.js

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { SearchWidget } from './SearchWidget';
+export class ControlledSearchWidget extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            value: props.initialValue || null
+        };
+    }
+    render() {
+        return (React.createElement(SearchWidget, Object.assign({}, this.props, { search: this.state.value, searchChanged: (search) => {
+                this.setState({
+                    value: search
+                }, () => {
+                    this.props.searchChanged(search);
+                });
+            } })));
+    }
+}
+//# sourceMappingURL=ControlledSearchWidget.js.map

package/dist/widgets/search/ControlledSearchWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ControlledSearchWidget.js","sourceRoot":"","sources":["../../../src/widgets/search/ControlledSearchWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAqB,MAAM,gBAAgB,CAAC;AAYjE,MAAM,OAAO,sBAAuB,SAAQ,KAAK,CAAC,SAAmE;IACnH,YAAY,KAAkC;QAC5C,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACX,KAAK,EAAE,KAAK,CAAC,YAAY,IAAI,IAAI;SAClC,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,OAAO,CACL,oBAAC,YAAY,oBACP,IAAI,CAAC,KAAK,IACd,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACxB,aAAa,EAAE,CAAC,MAAM,EAAE,EAAE;gBACxB,IAAI,CAAC,QAAQ,CACX;oBACE,KAAK,EAAE,MAAM;iBACd,EACD,GAAG,EAAE;oBACH,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;gBACnC,CAAC,CACF,CAAC;YACJ,CAAC,IACD,CACH,CAAC;IACJ,CAAC;CACF"}

package/dist/widgets/search/MatchesWidget.js

@@ -0,0 +1,47 @@
+import * as React from 'react';
+import styled from '@emotion/styled';
+var S;
+(function (S) {
+    S.Container = styled.div `
+    display: flex;
+    align-items: center;
+  `;
+    S.Matched = styled.span `
+    color: white !important;
+    background: linear-gradient(rgb(0, 164, 255), rgba(0, 116, 255));
+    border-radius: 5px;
+    padding-left: 5px;
+    padding-right: 5px;
+  `;
+})(S || (S = {}));
+export const MatchesWidget = React.memo((props) => {
+    let parts = [];
+    let index = 0;
+    props.locators.forEach((locator) => {
+        if (locator.locatorStart > index) {
+            parts.push({
+                text: props.text.substring(index, locator.locatorStart),
+                match: false
+            });
+        }
+        parts.push({
+            text: props.text.substring(locator.locatorStart, locator.locatorEnd),
+            match: true
+        });
+        index = locator.locatorEnd;
+    });
+    if (index <= props.text.length - 1) {
+        parts.push({
+            text: props.text.substring(index, props.text.length),
+            match: false
+        });
+    }
+    return (React.createElement(S.Container, { className: props.className }, parts.map((part, index) => {
+        const key = `${index}-${part.text}`;
+        if (part.match) {
+            return React.createElement(S.Matched, { key: key }, part.text);
+        }
+        return React.createElement("span", { key: key }, part.text);
+    })));
+});
+//# sourceMappingURL=MatchesWidget.js.map

package/dist/widgets/search/MatchesWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MatchesWidget.js","sourceRoot":"","sources":["../../../src/widgets/search/MatchesWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AASrC,IAAU,CAAC,CAaV;AAbD,WAAU,CAAC;IACI,WAAS,GAAG,MAAM,CAAC,GAAG,CAAI;;;GAGtC,CAAC;IAEW,SAAO,GAAG,MAAM,CAAC,IAAI,CAAA;;;;;;GAMjC,CAAC;AACJ,CAAC,EAbS,CAAC,KAAD,CAAC,QAaV;AAED,MAAM,CAAC,MAAM,aAAa,GAAiC,KAAK,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE;IAC9E,IAAI,KAAK,GAAuC,EAAE,CAAC;IACnD,IAAI,KAAK,GAAG,CAAC,CAAC;IAEd,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;QACjC,IAAI,OAAO,CAAC,YAAY,GAAG,KAAK,EAAE,CAAC;YACjC,KAAK,CAAC,IAAI,CAAC;gBACT,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,OAAO,CAAC,YAAY,CAAC;gBACvD,KAAK,EAAE,KAAK;aACb,CAAC,CAAC;QACL,CAAC;QAED,KAAK,CAAC,IAAI,CAAC;YACT,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,YAAY,EAAE,OAAO,CAAC,UAAU,CAAC;YACpE,KAAK,EAAE,IAAI;SACZ,CAAC,CAAC;QACH,KAAK,GAAG,OAAO,CAAC,UAAU,CAAC;IAC7B,CAAC,CAAC,CAAC;IACH,IAAI,KAAK,IAAI,KAAK,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACnC,KAAK,CAAC,IAAI,CAAC;YACT,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC;YACpD,KAAK,EAAE,KAAK;SACb,CAAC,CAAC;IACL,CAAC;IAED,OAAO,CACL,oBAAC,CAAC,CAAC,SAAS,IAAC,SAAS,EAAE,KAAK,CAAC,SAAS,IACpC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;QACzB,MAAM,GAAG,GAAG,GAAG,KAAK,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;QACpC,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YACf,OAAO,oBAAC,CAAC,CAAC,OAAO,IAAC,GAAG,EAAE,GAAG,IAAG,IAAI,CAAC,IAAI,CAAa,CAAC;QACtD,CAAC;QACD,OAAO,8BAAM,GAAG,EAAE,GAAG,IAAG,IAAI,CAAC,IAAI,CAAQ,CAAC;IAC5C,CAAC,CAAC,CACU,CACf,CAAC;AACJ,CAAC,CAAC,CAAC"}