@journeyapps-labs/reactor-mod 1.0.0

package/dist/widgets/footer/FooterWidget.js

@@ -0,0 +1,72 @@
+import { __esDecorate, __runInitializers, __setFunctionName } from "tslib";
+import * as React from 'react';
+import { themed } from '../../stores/themes/reactor-theme-fragment';
+import { SmartVisorWidget } from '../visor/SmartVisorWidget';
+import { observer } from 'mobx-react';
+import { AdvancedWorkspacePreference } from '../../preferences/AdvancedWorkspacePreference';
+import styled from '@emotion/styled';
+import { FooterButtonWidget } from './FooterButtonWidget';
+import { SmartFooterLoaderWidget } from './SmartFooterLoaderWidget';
+var S;
+(function (S) {
+    S.Footer = themed.div `
+    flex-grow: 0;
+    flex-shrink: 0;
+    background: ${(p) => p.theme.footer.background};
+    box-shadow: ${(p) => (p.shadow ? '0 0 10px rgba(0,0,0,0.3)' : 'none')};
+    z-index: ${(p) => (p.shadow ? 1 : 'inherit')};
+    margin-top: 2px;
+  `;
+    S.Buttons = styled.div `
+    flex-grow: 1;
+    display: flex;
+    justify-content: flex-end;
+    align-self: stretch;
+  `;
+    S.Container = themed.div `
+    display: flex;
+    min-height: 40px;
+    background: ${(p) => p.theme.footer.background};
+    align-items: center;
+    box-shadow: ${(p) => (p.shadow ? '0 0 10px rgba(0,0,0,0.3)' : 'none')};
+    padding-left: 5px;
+  `;
+})(S || (S = {}));
+let FooterWidget = (() => {
+    let _classDecorators = [observer];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = React.Component;
+    var FooterWidget = _classThis = class extends _classSuper {
+        getBtns() {
+            var _a;
+            if (((_a = this.props.btns) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+                return (React.createElement(S.Buttons, null, this.props.btns.map((btn) => {
+                    return React.createElement(FooterButtonWidget, Object.assign({}, btn, { key: btn.label || btn.tooltip }));
+                })));
+            }
+            return null;
+        }
+        render() {
+            return (React.createElement(S.Footer, { shadow: !AdvancedWorkspacePreference.enabled() },
+                React.createElement(S.Container, { shadow: !AdvancedWorkspacePreference.enabled() },
+                    React.createElement(SmartVisorWidget, null),
+                    this.props.children,
+                    this.getBtns()),
+                React.createElement(SmartFooterLoaderWidget, null)));
+        }
+    };
+    __setFunctionName(_classThis, "FooterWidget");
+    (() => {
+        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);
+        FooterWidget = _classThis = _classDescriptor.value;
+        if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        __runInitializers(_classThis, _classExtraInitializers);
+    })();
+    return FooterWidget = _classThis;
+})();
+export { FooterWidget };
+//# sourceMappingURL=FooterWidget.js.map

package/dist/widgets/footer/FooterWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FooterWidget.js","sourceRoot":"","sources":["../../../src/widgets/footer/FooterWidget.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,4CAA4C,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,2BAA2B,EAAE,MAAM,+CAA+C,CAAC;AAE5F,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAEpE,IAAU,CAAC,CAyBV;AAzBD,WAAU,CAAC;IACI,QAAM,GAAG,MAAM,CAAC,GAAG,CAAqB;;;kBAGrC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU;kBAChC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,MAAM,CAAC;eAC1D,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;;GAE7C,CAAC;IAEW,SAAO,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;GAKhC,CAAC;IAEW,WAAS,GAAG,MAAM,CAAC,GAAG,CAAqB;;;kBAGxC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU;;kBAEhC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,MAAM,CAAC;;GAEtE,CAAC;AACJ,CAAC,EAzBS,CAAC,KAAD,CAAC,QAyBV;IAOY,YAAY;4BADxB,QAAQ;;;;sBACyB,KAAK,CAAC,SAAS;yCAAvB,SAAQ,WAA2D;QAC3F,OAAO;;YACL,IAAI,CAAA,MAAA,IAAI,CAAC,KAAK,CAAC,IAAI,0CAAE,MAAM,IAAG,CAAC,EAAE,CAAC;gBAChC,OAAO,CACL,oBAAC,CAAC,CAAC,OAAO,QACP,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;oBAC3B,OAAO,oBAAC,kBAAkB,oBAAK,GAAG,IAAE,GAAG,EAAE,GAAG,CAAC,KAAK,IAAI,GAAG,CAAC,OAAO,IAAI,CAAC;gBACxE,CAAC,CAAC,CACQ,CACb,CAAC;YACJ,CAAC;YACD,OAAO,IAAI,CAAC;QACd,CAAC;QAED,MAAM;YACJ,OAAO,CACL,oBAAC,CAAC,CAAC,MAAM,IAAC,MAAM,EAAE,CAAC,2BAA2B,CAAC,OAAO,EAAE;gBACtD,oBAAC,CAAC,CAAC,SAAS,IAAC,MAAM,EAAE,CAAC,2BAA2B,CAAC,OAAO,EAAE;oBACzD,oBAAC,gBAAgB,OAAG;oBACnB,IAAI,CAAC,KAAK,CAAC,QAAQ;oBACnB,IAAI,CAAC,OAAO,EAAE,CACH;gBACd,oBAAC,uBAAuB,OAAG,CAClB,CACZ,CAAC;QACJ,CAAC;;;;;;QAzBH,6KA0BC;;;QA1BY,uDAAY;;;;SAAZ,YAAY"}

package/dist/widgets/footer/SmartFooterLoaderWidget.js

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { observer } from 'mobx-react';
+import { ioc } from '../../inversify.config';
+import { VisorStore } from '../../stores';
+import { FooterLoaderWidget } from './FooterLoaderWidget';
+export const SmartFooterLoaderWidget = observer((props) => {
+    const visorStore = ioc.get(VisorStore);
+    return (React.createElement(FooterLoaderWidget, { show: visorStore.getDirectives().length > 0, mode: visorStore.getAverageStatus(), percentage: visorStore.getLoadingPercentage() || 20 }));
+});
+//# sourceMappingURL=SmartFooterLoaderWidget.js.map

package/dist/widgets/footer/SmartFooterLoaderWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SmartFooterLoaderWidget.js","sourceRoot":"","sources":["../../../src/widgets/footer/SmartFooterLoaderWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,wBAAwB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,MAAM,CAAC,MAAM,uBAAuB,GAAa,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE;IAClE,MAAM,UAAU,GAAG,GAAG,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;IACvC,OAAO,CACL,oBAAC,kBAAkB,IACjB,IAAI,EAAE,UAAU,CAAC,aAAa,EAAE,CAAC,MAAM,GAAG,CAAC,EAC3C,IAAI,EAAE,UAAU,CAAC,gBAAgB,EAAE,EACnC,UAAU,EAAE,UAAU,CAAC,oBAAoB,EAAE,IAAI,EAAE,GACnD,CACH,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/widgets/forms/CheckboxLabelWidget.js

@@ -0,0 +1,47 @@
+import styled from '@emotion/styled';
+import React, { useRef } from 'react';
+import { CheckboxWidget } from './CheckboxWidget';
+import { themed } from '../../stores/themes/reactor-theme-fragment';
+import { useAttention } from '../guide/AttentionWrapperWidget';
+import { ReactorComponentType } from '../../stores/guide/selections/common';
+import { css } from '@emotion/react';
+var S;
+(function (S) {
+    S.Highlighted = css `
+    border-radius: 5px;
+    padding: 2px 5px;
+    margin-bottom: 5px;
+  `;
+    S.Container = themed.div `
+    display: flex;
+    align-items: center;
+    opacity: ${(p) => (p.disabled ? 0.3 : 1)};
+    pointer-events: ${(p) => (p.disabled ? 'none' : 'all')};
+    color: ${(p) => p.theme.text.primary};
+    ${(p) => (p.highlighted ? S.Highlighted : '')};
+    ${(p) => (p.highlighted ? `border: solid 2px ${p.theme.guide.accent}` : 'transparent')};
+  `;
+    S.Label = styled.div `
+    font-size: 14px;
+    margin-left: 5px;
+    cursor: pointer;
+    user-select: none;
+  `;
+})(S || (S = {}));
+export const CheckboxLabelWidget = (props) => {
+    const ref = useRef(null);
+    const attention = useAttention({
+        type: ReactorComponentType.CHECKBOX,
+        forwardRef: ref,
+        selection: {
+            label: props.label
+        }
+    });
+    return (React.createElement(S.Container, { highlighted: !!attention, ref: ref, disabled: props.disabled, className: props.className },
+        React.createElement(CheckboxWidget, Object.assign({}, props)),
+        React.createElement(S.Label, { onClick: (event) => {
+                event.stopPropagation();
+                props.onChange(!props.checked);
+            } }, props.label)));
+};
+//# sourceMappingURL=CheckboxLabelWidget.js.map

package/dist/widgets/forms/CheckboxLabelWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxLabelWidget.js","sourceRoot":"","sources":["../../../src/widgets/forms/CheckboxLabelWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,cAAc,EAAuB,MAAM,kBAAkB,CAAC;AACvE,OAAO,EAAE,MAAM,EAAE,MAAM,4CAA4C,CAAC;AACpE,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAC/D,OAAO,EAA4B,oBAAoB,EAAE,MAAM,sCAAsC,CAAC;AACtG,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAQrC,IAAU,CAAC,CAuBV;AAvBD,WAAU,CAAC;IACI,aAAW,GAAG,GAAG,CAAA;;;;GAI7B,CAAC;IAEW,WAAS,GAAG,MAAM,CAAC,GAAG,CAA6C;;;eAGnE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;sBACtB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC;aAC7C,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO;MAClC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAA,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;MACzC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC;GACvF,CAAC;IAEW,OAAK,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;GAK9B,CAAC;AACJ,CAAC,EAvBS,CAAC,KAAD,CAAC,QAuBV;AACD,MAAM,CAAC,MAAM,mBAAmB,GAAuC,CAAC,KAAK,EAAE,EAAE;IAC/E,MAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IACzB,MAAM,SAAS,GAAG,YAAY,CAA2B;QACvD,IAAI,EAAE,oBAAoB,CAAC,QAAQ;QACnC,UAAU,EAAE,GAAG;QACf,SAAS,EAAE;YACT,KAAK,EAAE,KAAK,CAAC,KAAK;SACnB;KACF,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,CAAC,CAAC,SAAS,IAAC,WAAW,EAAE,CAAC,CAAC,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS;QACnG,oBAAC,cAAc,oBAAK,KAAK,EAAI;QAC7B,oBAAC,CAAC,CAAC,KAAK,IACN,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;gBACjB,KAAK,CAAC,eAAe,EAAE,CAAC;gBACxB,KAAK,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;YACjC,CAAC,IAEA,KAAK,CAAC,KAAK,CACJ,CACE,CACf,CAAC;AACJ,CAAC,CAAC"}

package/dist/widgets/forms/CheckboxWidget.js

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { themed } from '../../stores/themes/reactor-theme-fragment';
+var S;
+(function (S) {
+    S.Icon = themed(FontAwesomeIcon) `
+    color: ${(props) => (props.checked ? props.theme.forms.checkboxChecked : props.theme.forms.checkbox)};
+    cursor: pointer;
+    user-select: none;
+  `;
+})(S || (S = {}));
+export const CheckboxWidget = (props) => {
+    return (React.createElement("div", { className: props.className, onClick: (event) => {
+            var _a;
+            event.stopPropagation();
+            (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, !props.checked);
+        } },
+        React.createElement(S.Icon, { checked: props.checked, icon: props.checked ? 'check-square' : 'square' })));
+};
+//# sourceMappingURL=CheckboxWidget.js.map

package/dist/widgets/forms/CheckboxWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxWidget.js","sourceRoot":"","sources":["../../../src/widgets/forms/CheckboxWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,MAAM,EAAE,MAAM,4CAA4C,CAAC;AAOpE,IAAU,CAAC,CAMV;AAND,WAAU,CAAC;IACI,MAAI,GAAG,MAAM,CAAC,eAAe,CAAC,CAAsB;aACtD,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC;;;GAGrG,CAAC;AACJ,CAAC,EANS,CAAC,KAAD,CAAC,QAMV;AAED,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,KAAK,EAAE,EAAE;IACrE,OAAO,CACL,6BACE,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;;YACjB,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,MAAA,KAAK,CAAC,QAAQ,sDAAG,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QACnC,CAAC;QAED,oBAAC,CAAC,CAAC,IAAI,IAAC,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,QAAQ,GAAI,CAC/E,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/widgets/forms/EntityButtonWidget.js

@@ -0,0 +1,43 @@
+import * as React from 'react';
+import { ioc } from '../../inversify.config';
+import { PanelButtonMode, PanelButtonWidget } from './PanelButtonWidget';
+import { System } from '../../core/System';
+import { styled } from '../../stores/themes/reactor-theme-fragment';
+export function EntityButtonWidget(props) {
+    var _a;
+    const definition = ioc.get(System).getDefinition(props.entityType);
+    let name = props.emptyMessage || '(select)';
+    let icon = definition.icon;
+    if (props.entity) {
+        const description = definition.describeEntity(props.entity);
+        name = description.simpleName;
+        icon = description.icon;
+    }
+    return (React.createElement(S.Container, { className: props.className },
+        props.showTypeLabel ? React.createElement(S.TypeLabel, null,
+            definition.label,
+            ":") : null,
+        React.createElement(PanelButtonWidget, { icon: icon, label: name, action: async (event) => {
+                const selected = await definition.resolveOneEntity({ event, parent: props.parent });
+                if (!selected) {
+                    return;
+                }
+                props.onChange(selected);
+            } }),
+        ((_a = props.allowClearing) !== null && _a !== void 0 ? _a : true) && props.entity ? (React.createElement(PanelButtonWidget, { mode: PanelButtonMode.LINK, icon: "times", action: (event) => {
+                props.onChange(null);
+            } })) : null));
+}
+var S;
+(function (S) {
+    S.Container = styled.div `
+    display: flex;
+    align-items: center;
+  `;
+    S.TypeLabel = styled.div `
+    color: ${(p) => p.theme.text.secondary};
+    padding-right: 5px;
+    font-size: 12px;
+  `;
+})(S || (S = {}));
+//# sourceMappingURL=EntityButtonWidget.js.map

package/dist/widgets/forms/EntityButtonWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntityButtonWidget.js","sourceRoot":"","sources":["../../../src/widgets/forms/EntityButtonWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,wBAAwB,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACzE,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,4CAA4C,CAAC;AAapE,MAAM,UAAU,kBAAkB,CAAI,KAAiC;;IACrE,MAAM,UAAU,GAAG,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,aAAa,CAAI,KAAK,CAAC,UAAU,CAAC,CAAC;IACtE,IAAI,IAAI,GAAG,KAAK,CAAC,YAAY,IAAI,UAAU,CAAC;IAC5C,IAAI,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC;IAC3B,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC;QACjB,MAAM,WAAW,GAAG,UAAU,CAAC,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QAC5D,IAAI,GAAG,WAAW,CAAC,UAAU,CAAC;QAC9B,IAAI,GAAG,WAAW,CAAC,IAAI,CAAC;IAC1B,CAAC;IAED,OAAO,CACL,oBAAC,CAAC,CAAC,SAAS,IAAC,SAAS,EAAE,KAAK,CAAC,SAAS;QACpC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,oBAAC,CAAC,CAAC,SAAS;YAAE,UAAU,CAAC,KAAK;gBAAgB,CAAC,CAAC,CAAC,IAAI;QAC5E,oBAAC,iBAAiB,IAChB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE;gBACtB,MAAM,QAAQ,GAAG,MAAM,UAAU,CAAC,gBAAgB,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC;gBACpF,IAAI,CAAC,QAAQ,EAAE,CAAC;oBACd,OAAO;gBACT,CAAC;gBACD,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;YAC3B,CAAC,GACD;QACD,CAAC,MAAA,KAAK,CAAC,aAAa,mCAAI,IAAI,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAC/C,oBAAC,iBAAiB,IAChB,IAAI,EAAE,eAAe,CAAC,IAAI,EAC1B,IAAI,EAAC,OAAO,EACZ,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE;gBAChB,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;YACvB,CAAC,GACD,CACH,CAAC,CAAC,CAAC,IAAI,CACI,CACf,CAAC;AACJ,CAAC;AAED,IAAU,CAAC,CAWV;AAXD,WAAU,CAAC;IACI,WAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;GAGlC,CAAC;IAEW,WAAS,GAAG,MAAM,CAAC,GAAG,CAAA;aACxB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS;;;GAGvC,CAAC;AACJ,CAAC,EAXS,CAAC,KAAD,CAAC,QAWV"}

package/dist/widgets/forms/FormErrorDisplayWidget.js

@@ -0,0 +1,33 @@
+import React from 'react';
+import _ from 'lodash';
+import styled from '@emotion/styled';
+import { InputContainerWidget } from './InputContainerWidget';
+import { themed } from '../../stores/themes/reactor-theme-fragment';
+export const FormErrorDisplayWidget = (props) => {
+    const result = [];
+    const { errors, warnings } = props;
+    if (!_.isEmpty(errors)) {
+        result.push(React.createElement(InputContainerWidget, { label: "Errors", key: "errors" },
+            React.createElement(S.ErrorList, { key: "errors" }, errors.map((error) => (React.createElement("li", { key: error }, error))))));
+    }
+    if (!_.isEmpty(warnings)) {
+        result.push(React.createElement(InputContainerWidget, { label: "Warnings", key: "warnings" },
+            React.createElement(S.WarningsList, null, warnings.map((warning) => (React.createElement("li", { key: warning }, warning))))));
+    }
+    return React.createElement(S.Container, null, result);
+};
+var S;
+(function (S) {
+    S.Container = styled.div `
+    padding: 10px;
+  `;
+    S.ErrorList = themed.ul `
+  font-size: 12px;
+  color: ${(p) => p.theme.status.failed}
+`;
+    S.WarningsList = themed.ul `
+  font-size: 12px;
+  color: ${(p) => p.theme.status.loading}
+`;
+})(S || (S = {}));
+//# sourceMappingURL=FormErrorDisplayWidget.js.map

package/dist/widgets/forms/FormErrorDisplayWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormErrorDisplayWidget.js","sourceRoot":"","sources":["../../../src/widgets/forms/FormErrorDisplayWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,CAAC,MAAM,QAAQ,CAAC;AACvB,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,4CAA4C,CAAC;AAUpE,MAAM,CAAC,MAAM,sBAAsB,GAAoC,CAAC,KAAK,EAAE,EAAE;IAC/E,MAAM,MAAM,GAAG,EAAE,CAAC;IAElB,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAEnC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC;QACvB,MAAM,CAAC,IAAI,CACT,oBAAC,oBAAoB,IAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAC,QAAQ;YAC/C,oBAAC,CAAC,CAAC,SAAS,IAAC,GAAG,EAAC,QAAQ,IACtB,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACrB,4BAAI,GAAG,EAAE,KAAK,IAAG,KAAK,CAAM,CAC7B,CAAC,CACU,CACO,CACxB,CAAC;IACJ,CAAC;IAED,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;QACzB,MAAM,CAAC,IAAI,CACT,oBAAC,oBAAoB,IAAC,KAAK,EAAC,UAAU,EAAC,GAAG,EAAC,UAAU;YACnD,oBAAC,CAAC,CAAC,YAAY,QACZ,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CACzB,4BAAI,GAAG,EAAE,OAAO,IAAG,OAAO,CAAM,CACjC,CAAC,CACa,CACI,CACxB,CAAC;IACJ,CAAC;IAED,OAAO,oBAAC,CAAC,CAAC,SAAS,QAAE,MAAM,CAAe,CAAC;AAC7C,CAAC,CAAC;AAEF,IAAU,CAAC,CAcV;AAdD,WAAU,CAAC;IACI,WAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;GAElC,CAAC;IAEW,WAAS,GAAG,MAAM,CAAC,EAAE,CAAA;;WAEzB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM;CACtC,CAAC;IAEa,cAAY,GAAG,MAAM,CAAC,EAAE,CAAA;;WAE5B,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO;CACvC,CAAC;AACF,CAAC,EAdS,CAAC,KAAD,CAAC,QAcV"}

package/dist/widgets/forms/InputContainerWidget.js

@@ -0,0 +1,100 @@
+import { getDarkenedColor } from '@journeyapps-labs/lib-reactor-utils';
+import * as React from 'react';
+import { styled } from '../../stores/themes/reactor-theme-fragment';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { HoverWidget } from '../info/tooltips';
+import ReactMarkdown from 'react-markdown';
+export var InputContainerContentAlignment;
+(function (InputContainerContentAlignment) {
+    InputContainerContentAlignment["LEFT"] = "start";
+    InputContainerContentAlignment["CENTER"] = "center";
+    InputContainerContentAlignment["RIGHT"] = "end";
+})(InputContainerContentAlignment || (InputContainerContentAlignment = {}));
+var S;
+(function (S) {
+    S.Container = styled.div `
+    ${(p) => p.inline
+        ? `display: flex; background: ${getDarkenedColor(p.theme.panels.trayBackground, 0.3)}; border-radius: 3px;align-items: center`
+        : ''};
+  `;
+    S.Label = styled.div `
+    font-size: 13px;
+    color: ${(p) => p.theme.text.primary};
+    margin-bottom: ${(p) => (p.inline ? 0 : 5)}px;
+    user-select: none;
+    flex-shrink: 0;
+    min-width: ${(p) => p.inlineWidth || 0}px;
+    box-sizing: border-box;
+    ${(p) => (p.inline ? `padding-left: 10px; padding-right: 10px` : '')}
+  `;
+    S.Error = styled.div `
+    color: ${(p) => p.theme.status.failed};
+    font-size: 12px;
+    margin-top: 5px;
+  `;
+    S.Warning = styled.div `
+    color: ${(p) => p.theme.status.loading};
+    font-size: 12px;
+    margin-top: 5px;
+  `;
+    S.Content = styled.div `
+    display: ${(p) => (!!p.alignment ? 'flex' : 'inherit')};
+    justify-content: ${(p) => p.alignment};
+    ${(p) => (p.inline ? 'flex-grow: 1' : '')};
+  `;
+    S.Desc = styled.p `
+    color: ${(p) => p.theme.text.secondary};
+    font-size: 12px;
+    padding-top: 3px;
+  `;
+    S.LabelInner = styled.div `
+    opacity: 0.8;
+  `;
+    S.Top = styled.div `
+    display: flex;
+    flex-direction: row;
+    column-gap: 5px;
+  `;
+    S.Icon = styled.div ``;
+    S.Markdown = styled.div `
+    color: white;
+    padding: 10px;
+    > * {
+      padding-bottom: 20px;
+      &:last-of-type {
+        padding-bottom: 0px;
+      }
+    }
+    p {
+      font-size: 14px;
+      color: ${(p) => p.theme.text.primary};
+      max-width: 400px;
+    }
+    b {
+      font-weight: normal;
+      color: ${(p) => p.theme.guide.accent};
+    }
+    code {
+      user-select: all;
+    }
+  `;
+})(S || (S = {}));
+export class InputContainerWidget extends React.Component {
+    render() {
+        return (React.createElement(S.Container, { inline: this.props.inline, className: this.props.className },
+            React.createElement(S.Label, { inlineWidth: this.props.inlineWidth, inline: this.props.inline },
+                React.createElement(S.Top, null,
+                    React.createElement(S.LabelInner, null, this.props.label),
+                    this.props.tooltip ? (React.createElement(HoverWidget, { getOverlay: () => {
+                            return (React.createElement(S.Markdown, null,
+                                React.createElement(ReactMarkdown, { children: this.props.tooltip })));
+                        } },
+                        React.createElement(FontAwesomeIcon, { icon: "info-circle" }))) : null),
+                this.props.desc ? React.createElement(S.Desc, null, this.props.desc) : null),
+            React.createElement(S.Content, { inline: this.props.inline, alignment: this.props.alignContent }, this.props.children),
+            this.props.warning ? React.createElement(S.Warning, null, this.props.warning) : null,
+            this.props.error ? React.createElement(S.Error, null, this.props.error) : null,
+            this.props.error ? this.props.suggestionWidget : null));
+    }
+}
+//# sourceMappingURL=InputContainerWidget.js.map

package/dist/widgets/forms/InputContainerWidget.js.map

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

package/dist/widgets/forms/PanelButtonWidget.js

@@ -0,0 +1,98 @@
+import { observer } from 'mobx-react';
+import * as React from 'react';
+import { useRef } from 'react';
+import { useButton } from '../../hooks/useButton';
+import { styled, theme } from '../../stores/themes/reactor-theme-fragment';
+import { IconWidget } from '../icons/IconWidget';
+import { ioc } from '../../inversify.config';
+import { System } from '../../core/System';
+import { ActionSource } from '../../actions/Action';
+import * as _ from 'lodash';
+import { ThemeStore } from '../../stores/themes/ThemeStore';
+import { setupTooltipProps, TooltipPosition } from '../info/tooltips';
+var S;
+(function (S) {
+    S.getMode = (p) => {
+        if (!p.mode || p.mode === PanelButtonMode.NORMAL) {
+            return p.theme.button;
+        }
+        if (p.mode === PanelButtonMode.LINK) {
+            return p.theme.buttonLink;
+        }
+        return p.theme.buttonPrimary;
+    };
+    S.ButtonLabel = styled.div `
+    font-size: 14px;
+    user-select: none;
+    white-space: nowrap;
+  `;
+    S.ButtonContainer = styled.div `
+    background: ${(p) => S.getMode(p).background};
+    display: inline-flex;
+    column-gap: 10px;
+    justify-content: space-between;
+    align-items: center;
+    padding: 4px 10px;
+    border: solid 1px ${(p) => (p.selected ? p.theme.guide.accent : S.getMode(p).border)};
+    border-radius: 3px;
+    color: ${(p) => S.getMode(p).color};
+    box-sizing: border-box;
+    height: 28px;
+    cursor: ${(props) => (props.disabled ? 'default' : 'pointer')};
+
+    &:hover {
+      background: ${(p) => S.getMode(p).background};
+      color: ${(p) => S.getMode(p).colorHover};
+    }
+
+    > div {
+      ${(props) => (props.disabled ? 'opacity: .3' : '')};
+    }
+  `;
+    S.Icon = styled(IconWidget) `
+    color: ${(p) => (p.disabled ? p.iconColor : p.iconColor || S.getMode(p).icon)};
+    ${(props) => (props.disabled ? 'opacity: .3' : '')};
+    max-height: 16px;
+  `;
+})(S || (S = {}));
+export var PanelButtonMode;
+(function (PanelButtonMode) {
+    PanelButtonMode["PRIMARY"] = "primary";
+    PanelButtonMode["NORMAL"] = "normal";
+    PanelButtonMode["LINK"] = "link";
+})(PanelButtonMode || (PanelButtonMode = {}));
+export const PanelButtonWidget = observer((props) => {
+    const ref = props.forwardRef || useRef(null);
+    const { onClick, icon, attention, disabled, tooltip } = useButton({ btn: props, forwardRef: ref });
+    const _theme = ioc.get(ThemeStore).getCurrentTheme(theme);
+    // if it's just the icon showing, use the text color instead
+    let iconColor = icon === null || icon === void 0 ? void 0 : icon.color;
+    if (!props.label && !iconColor) {
+        iconColor = S.getMode({
+            mode: props.mode,
+            theme: _theme
+        }).color;
+    }
+    return (React.createElement(S.ButtonContainer, Object.assign({ ref: ref, selected: !!attention, mode: !disabled ? props.mode : null, disabled: disabled, className: props.className }, setupTooltipProps({ tooltip: tooltip, tooltipPos: props.tooltipPos || TooltipPosition.BOTTOM }), { onClick: (event) => {
+            var _a, _b;
+            if ((_a = props.trace) === null || _a === void 0 ? void 0 : _a.enabled) {
+                ioc.get(System).tracer.logAction({
+                    success: true,
+                    source: ActionSource.BUTTON,
+                    action_id: [
+                        `BUTTON`,
+                        (_b = props.trace.context) === null || _b === void 0 ? void 0 : _b.toUpperCase(),
+                        props.label ? _.snakeCase(props.label).toUpperCase() : null
+                    ]
+                        .filter((i) => !!i)
+                        .join('.'),
+                    start_timestamp: new Date().toISOString(),
+                    end_timestamp: new Date().toISOString()
+                });
+            }
+            onClick(event);
+        } }),
+        props.label ? React.createElement(S.ButtonLabel, { mode: props.mode }, props.label) : null,
+        icon ? (React.createElement(S.Icon, Object.assign({ mode: props.mode }, icon, { disabled: disabled, iconColor: iconColor || props.iconColor }))) : null));
+});
+//# sourceMappingURL=PanelButtonWidget.js.map

package/dist/widgets/forms/PanelButtonWidget.js.map

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

package/dist/widgets/forms/PanelDropdownWidget.js

@@ -0,0 +1,41 @@
+import { __classPrivateFieldGet, __classPrivateFieldSet, __esDecorate, __runInitializers } from "tslib";
+import * as React from 'react';
+import { PanelButtonWidget } from './PanelButtonWidget';
+import { ComboBoxStore } from '../../stores/combo/ComboBoxStore';
+import { inject } from '../../inversify.config';
+let PanelDropdownWidget = (() => {
+    var _a, _PanelDropdownWidget_comboBoxStore_accessor_storage;
+    let _classSuper = React.Component;
+    let _comboBoxStore_decorators;
+    let _comboBoxStore_initializers = [];
+    let _comboBoxStore_extraInitializers = [];
+    return _a = class PanelDropdownWidget extends _classSuper {
+            get comboBoxStore() { return __classPrivateFieldGet(this, _PanelDropdownWidget_comboBoxStore_accessor_storage, "f"); }
+            set comboBoxStore(value) { __classPrivateFieldSet(this, _PanelDropdownWidget_comboBoxStore_accessor_storage, value, "f"); }
+            render() {
+                var _b;
+                return (React.createElement(PanelButtonWidget, Object.assign({ icon: "angle-down" }, this.props, { label: this.props.label || ((_b = this.props.items.find((f) => f.key === this.props.selected)) === null || _b === void 0 ? void 0 : _b.title), action: async (event) => {
+                        const item = await this.comboBoxStore.showComboBox(this.props.items, event);
+                        if (item) {
+                            this.props.onChange(item);
+                        }
+                    } })));
+            }
+            constructor() {
+                super(...arguments);
+                _PanelDropdownWidget_comboBoxStore_accessor_storage.set(this, __runInitializers(this, _comboBoxStore_initializers, void 0));
+                __runInitializers(this, _comboBoxStore_extraInitializers);
+            }
+        },
+        _PanelDropdownWidget_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 { PanelDropdownWidget };
+//# sourceMappingURL=PanelDropdownWidget.js.map

package/dist/widgets/forms/PanelDropdownWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelDropdownWidget.js","sourceRoot":"","sources":["../../../src/widgets/forms/PanelDropdownWidget.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACjE,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;IASnC,mBAAmB;;sBAAS,KAAK,CAAC,SAAS;;;;sBAA3C,mBAAoB,SAAQ,WAAyC;YAEhF,IAAS,aAAa,qGAAgB;YAAtC,IAAS,aAAa,0GAAgB;YAEtC,MAAM;;gBACJ,OAAO,CACL,oBAAC,iBAAiB,kBAChB,IAAI,EAAC,YAAY,IACb,IAAI,CAAC,KAAK,IACd,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,KAAI,MAAA,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,0CAAE,KAAK,CAAA,EAC7F,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE;wBACtB,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;wBAC5E,IAAI,IAAI,EAAE,CAAC;4BACT,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;wBAC5B,CAAC;oBACH,CAAC,IACD,CACH,CAAC;YACJ,CAAC;;;gBAhBQ,4HAA6B;;;;;;;;yCADrC,MAAM,CAAC,aAAa,CAAC;YACtB,0LAAS,aAAa,6BAAb,aAAa,qGAAgB;;;;;SAF3B,mBAAmB"}

package/dist/widgets/forms/ProviderButtonWidget.js

@@ -0,0 +1,38 @@
+import * as React from 'react';
+import styled from '@emotion/styled';
+import { ioc } from '../../inversify.config';
+import { PanelButtonMode, PanelButtonWidget } from './PanelButtonWidget';
+import { ComboBoxStore } from '../../stores/combo/ComboBoxStore';
+import { System } from '../../core/System';
+/**
+ * @deprecated use EntityButtonWidget instead
+ */
+export function ProviderButtonWidget(props) {
+    var _a;
+    const provider = ioc.get(System).getProvider(props.entityType);
+    let name = props.emptyMessage || '(select)';
+    let serialized = null;
+    if (props.value) {
+        serialized = provider.serialize(props.value);
+        name = serialized.display;
+    }
+    return (React.createElement(S.Container, null,
+        React.createElement(PanelButtonWidget, { icon: provider.getIcon(serialized), label: name, action: async (event) => {
+                const selected = await ioc.get(ComboBoxStore).showSearchComboBoxForProvider(provider, event);
+                if (!selected) {
+                    return;
+                }
+                props.onChange(selected);
+            } }),
+        ((_a = props.allowClearing) !== null && _a !== void 0 ? _a : true) && props.value ? (React.createElement(PanelButtonWidget, { mode: PanelButtonMode.LINK, icon: "times", action: (event) => {
+                props.onChange(null);
+            } })) : null));
+}
+var S;
+(function (S) {
+    S.Container = styled.div `
+    display: flex;
+    align-items: center;
+  `;
+})(S || (S = {}));
+//# sourceMappingURL=ProviderButtonWidget.js.map

package/dist/widgets/forms/ProviderButtonWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProviderButtonWidget.js","sourceRoot":"","sources":["../../../src/widgets/forms/ProviderButtonWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,GAAG,EAAE,MAAM,wBAAwB,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACzE,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACjE,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAU3C;;GAEG;AACH,MAAM,UAAU,oBAAoB,CAAI,KAAmC;;IACzE,MAAM,QAAQ,GAAG,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;IAC/D,IAAI,IAAI,GAAG,KAAK,CAAC,YAAY,IAAI,UAAU,CAAC;IAC5C,IAAI,UAAU,GAAG,IAAI,CAAC;IACtB,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC;QAChB,UAAU,GAAG,QAAQ,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAC7C,IAAI,GAAG,UAAU,CAAC,OAAO,CAAC;IAC5B,CAAC;IAED,OAAO,CACL,oBAAC,CAAC,CAAC,SAAS;QACV,oBAAC,iBAAiB,IAChB,IAAI,EAAE,QAAQ,CAAC,OAAO,CAAC,UAAU,CAAC,EAClC,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE;gBACtB,MAAM,QAAQ,GAAG,MAAM,GAAG,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC,6BAA6B,CAAI,QAAQ,EAAE,KAAK,CAAC,CAAC;gBAChG,IAAI,CAAC,QAAQ,EAAE,CAAC;oBACd,OAAO;gBACT,CAAC;gBACD,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;YAC3B,CAAC,GACD;QACD,CAAC,MAAA,KAAK,CAAC,aAAa,mCAAI,IAAI,CAAC,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAC9C,oBAAC,iBAAiB,IAChB,IAAI,EAAE,eAAe,CAAC,IAAI,EAC1B,IAAI,EAAC,OAAO,EACZ,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE;gBAChB,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;YACvB,CAAC,GACD,CACH,CAAC,CAAC,CAAC,IAAI,CACI,CACf,CAAC;AACJ,CAAC;AAED,IAAU,CAAC,CAKV;AALD,WAAU,CAAC;IACI,WAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;GAGlC,CAAC;AACJ,CAAC,EALS,CAAC,KAAD,CAAC,QAKV"}

package/dist/widgets/forms/Switch.js

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import ReactSwitch from 'react-switch';
+import { ioc } from '../../inversify.config';
+import { normalizeColorToHex } from '@journeyapps-labs/lib-reactor-utils';
+import { ThemeStore } from '../../stores/themes/ThemeStore';
+import { theme } from '../../stores/themes/reactor-theme-fragment';
+export const Switch = (props) => {
+    const currentTheme = ioc.get(ThemeStore).getCurrentTheme(theme);
+    return (React.createElement(ReactSwitch, { onHandleColor: normalizeColorToHex(currentTheme.forms.toggleHandleColor), offHandleColor: normalizeColorToHex(currentTheme.forms.toggleHandleColor), onColor: normalizeColorToHex(currentTheme.forms.toggleOnColor), offColor: normalizeColorToHex(currentTheme.forms.checkbox), height: 12, width: 30, onChange: props.onChange, checked: props.checked }));
+};
+//# sourceMappingURL=Switch.js.map

package/dist/widgets/forms/Switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../src/widgets/forms/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,WAAW,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,GAAG,EAAE,MAAM,wBAAwB,CAAC;AAE7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAC1E,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,4CAA4C,CAAC;AAOnE,MAAM,CAAC,MAAM,MAAM,GAAgC,CAAC,KAAK,EAAE,EAAE;IAC3D,MAAM,YAAY,GAAG,GAAG,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;IAChE,OAAO,CACL,oBAAC,WAAW,IACV,aAAa,EAAE,mBAAmB,CAAC,YAAY,CAAC,KAAK,CAAC,iBAAiB,CAAC,EACxE,cAAc,EAAE,mBAAmB,CAAC,YAAY,CAAC,KAAK,CAAC,iBAAiB,CAAC,EACzE,OAAO,EAAE,mBAAmB,CAAC,YAAY,CAAC,KAAK,CAAC,aAAa,CAAC,EAC9D,QAAQ,EAAE,mBAAmB,CAAC,YAAY,CAAC,KAAK,CAAC,QAAQ,CAAC,EAC1D,MAAM,EAAE,EAAE,EACV,KAAK,EAAE,EAAE,EACT,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,OAAO,EAAE,KAAK,CAAC,OAAO,GACtB,CACH,CAAC;AACJ,CAAC,CAAC"}

package/dist/widgets/forms/SwitchLabelWidget.js

@@ -0,0 +1,27 @@
+import styled from '@emotion/styled';
+import React from 'react';
+import { Switch } from './Switch';
+import { themed } from '../../stores/themes/reactor-theme-fragment';
+var S;
+(function (S) {
+    S.Container = themed.div `
+    display: flex;
+    align-items: center;
+    color: ${(p) => p.theme.text.primary};
+  `;
+    S.Label = styled.div `
+    font-size: 14px;
+    margin-right: 5px;
+    cursor: pointer;
+    user-select: none;
+  `;
+})(S || (S = {}));
+export const SwitchLabelWidget = (props) => {
+    return (React.createElement(S.Container, null,
+        React.createElement(S.Label, { onClick: (event) => {
+                event.stopPropagation();
+                props.onChange(!props.checked);
+            } }, props.label),
+        React.createElement(Switch, Object.assign({}, props))));
+};
+//# sourceMappingURL=SwitchLabelWidget.js.map

package/dist/widgets/forms/SwitchLabelWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwitchLabelWidget.js","sourceRoot":"","sources":["../../../src/widgets/forms/SwitchLabelWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAqB,MAAM,UAAU,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,4CAA4C,CAAC;AAMpE,IAAU,CAAC,CAaV;AAbD,WAAU,CAAC;IACI,WAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;aAGxB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO;GACrC,CAAC;IAEW,OAAK,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;GAK9B,CAAC;AACJ,CAAC,EAbS,CAAC,KAAD,CAAC,QAaV;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAqC,CAAC,KAAK,EAAE,EAAE;IAC3E,OAAO,CACL,oBAAC,CAAC,CAAC,SAAS;QACV,oBAAC,CAAC,CAAC,KAAK,IACN,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;gBACjB,KAAK,CAAC,eAAe,EAAE,CAAC;gBACxB,KAAK,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;YACjC,CAAC,IAEA,KAAK,CAAC,KAAK,CACJ;QACV,oBAAC,MAAM,oBAAK,KAAK,EAAI,CACT,CACf,CAAC;AACJ,CAAC,CAAC"}