goblin-desktop 4.2.0 → 4.2.2

package/widgets/junction/widget.js

@@ -1,50 +1,50 @@
-import React from 'react';
-import Widget from 'goblin-laboratory/widgets/widget';
-import svg from 'goblin-gadgets/widgets/helpers/svg-helpers';
-
-/******************************************************************************/
-
-export default class Junction extends Widget {
-  constructor() {
-    super(...arguments);
-  }
-
-  //    x1
-  // <------>
-  //        o            ^    ^
-  //        |            | y  |
-  //        +-------|    v    | h
-  //                |         |
-  //                o         v
-  // <-------------->
-  //        x2
-
-  get elements() {
-    const path = svg.createPath();
-
-    svg.ma(path, this.props.x1 + 0.5, 0);
-    svg.la(path, this.props.x1 + 0.5, this.props.y + 0.5);
-    svg.la(path, this.props.x2 + 0.5, this.props.y + 0.5);
-    svg.la(path, this.props.x2 + 0.5, this.props.h + 0.5);
-
-    const elements = svg.createElements();
-
-    const props = {
-      stroke: this.props.color,
-      strokeWidth: '1px',
-      strokeLinecap: 'round',
-      strokeLinejoin: 'round',
-      fill: 'none',
-    };
-
-    svg.pushPath(elements, path, props);
-
-    return elements;
-  }
-
-  render() {
-    return (
-      <>{svg.renderElements(this.styles.classNames.junction, this.elements)}</>
-    );
-  }
-}
+import React from 'react';
+import Widget from 'goblin-laboratory/widgets/widget';
+import svg from 'goblin-gadgets/widgets/helpers/svg-helpers';
+
+/******************************************************************************/
+
+export default class Junction extends Widget {
+  constructor() {
+    super(...arguments);
+  }
+
+  //    x1
+  // <------>
+  //        o            ^    ^
+  //        |            | y  |
+  //        +-------|    v    | h
+  //                |         |
+  //                o         v
+  // <-------------->
+  //        x2
+
+  get elements() {
+    const path = svg.createPath();
+
+    svg.ma(path, this.props.x1 + 0.5, 0);
+    svg.la(path, this.props.x1 + 0.5, this.props.y + 0.5);
+    svg.la(path, this.props.x2 + 0.5, this.props.y + 0.5);
+    svg.la(path, this.props.x2 + 0.5, this.props.h + 0.5);
+
+    const elements = svg.createElements();
+
+    const props = {
+      stroke: this.props.color,
+      strokeWidth: '1px',
+      strokeLinecap: 'round',
+      strokeLinejoin: 'round',
+      fill: 'none',
+    };
+
+    svg.pushPath(elements, path, props);
+
+    return elements;
+  }
+
+  render() {
+    return (
+      <>{svg.renderElements(this.styles.classNames.junction, this.elements)}</>
+    );
+  }
+}

package/widgets/main-tab-menu/styles.js

@@ -1,17 +1,17 @@
-/******************************************************************************/
-
-export default function styles() {
-  const contentStyle = {
-    position: 'relative',
-    display: 'flex',
-    flexGrow: '1',
-    flexBasis: '0',
-    flexShrink: '1',
-  };
-
-  return {
-    content: contentStyle,
-  };
-}
-
-/******************************************************************************/
+/******************************************************************************/
+
+export default function styles() {
+  const contentStyle = {
+    position: 'relative',
+    display: 'flex',
+    flexGrow: '1',
+    flexBasis: '0',
+    flexShrink: '1',
+  };
+
+  return {
+    content: contentStyle,
+  };
+}
+
+/******************************************************************************/

package/widgets/main-tab-menu/widget.js

@@ -1,130 +1,130 @@
-//T:2019-02-27
-import React from 'react';
-import Widget from 'goblin-laboratory/widgets/widget';
-
-import {Unit} from 'goblin-theme';
-const px = Unit.toPx;
-import Button from 'goblin-gadgets/widgets/button/widget';
-import Combo from 'goblin-gadgets/widgets/combo/widget';
-
-/******************************************************************************/
-
-export default class MainTabMenu extends Widget {
-  constructor() {
-    super(...arguments);
-
-    this.state = {
-      showMenu: false,
-    };
-
-    this.combo = React.createRef();
-    this.onChange = this.onChange.bind(this);
-    this.onClick = this.onClick.bind(this);
-    this.renderMenu = this.renderMenu.bind(this);
-    this.close = this.close.bind(this);
-  }
-
-  componentDidMount() {
-    super.componentDidMount();
-  }
-
-  get showMenu() {
-    return this.state.showMenu;
-  }
-
-  get currentItem() {
-    return this.props.currentItemValue;
-  }
-
-  set showMenu(value) {
-    this.setState({
-      showMenu: value,
-    });
-  }
-
-  onChange(value, text) {
-    if (this.props.onChange) {
-      this.props.onChange(value, text);
-    }
-  }
-
-  onClick() {
-    this.showMenu = true;
-  }
-
-  close() {
-    this.showMenu = false;
-  }
-
-  /******************************************************************************/
-
-  renderMenu() {
-    if (this.showMenu && this.props.items) {
-      if (this.combo.current) {
-        const rect = this.combo.current.getBoundingClientRect();
-        const top = Unit.add(
-          px(rect.bottom),
-          this.context.theme.shapes.flyingBalloonTriangleSize
-        );
-
-        const list = this.props.items.map((item) => {
-          const text = this.props.itemsTextKey
-            ? item.get(this.props.itemsTextKey)
-            : item.text;
-          const value = this.props.itemsValueKey
-            ? item.get(this.props.itemsValueKey)
-            : item.value;
-          return {
-            text,
-            glyph: item.glyph,
-            color: item.glyphColor,
-            separator: item.separator,
-            kind: item.kind,
-            active: value === this.currentItem,
-            action: () => this.onChange(value, text),
-          };
-        });
-
-        var left = px((rect.left + rect.right) / 2);
-        if (this.props.horizontalShift) {
-          left = Unit.add(left, this.props.horizontalShift);
-        }
-
-        return (
-          <Combo
-            menuType="wrap"
-            width="200px"
-            left={left}
-            triangleShift={this.props.horizontalShift}
-            top={top}
-            list={list}
-            close={this.close}
-          />
-        );
-      }
-    } else {
-      return null;
-    }
-  }
-
-  render() {
-    const {
-      items,
-      onChange,
-      currentItemValue,
-      itemsTextKey,
-      itemsValueKey,
-      ...otherProps
-    } = this.props;
-    const contentClass = this.styles.classNames.content;
-
-    return (
-      <div ref={this.combo}>
-        <Button active={this.showMenu} onClick={this.onClick} {...otherProps} />
-        <div className={contentClass}>{this.renderMenu()}</div>
-      </div>
-    );
-  }
-}
-
-/******************************************************************************/
+//T:2019-02-27
+import React from 'react';
+import Widget from 'goblin-laboratory/widgets/widget';
+
+import {Unit} from 'goblin-theme';
+const px = Unit.toPx;
+import Button from 'goblin-gadgets/widgets/button/widget';
+import Combo from 'goblin-gadgets/widgets/combo/widget';
+
+/******************************************************************************/
+
+export default class MainTabMenu extends Widget {
+  constructor() {
+    super(...arguments);
+
+    this.state = {
+      showMenu: false,
+    };
+
+    this.combo = React.createRef();
+    this.onChange = this.onChange.bind(this);
+    this.onClick = this.onClick.bind(this);
+    this.renderMenu = this.renderMenu.bind(this);
+    this.close = this.close.bind(this);
+  }
+
+  componentDidMount() {
+    super.componentDidMount();
+  }
+
+  get showMenu() {
+    return this.state.showMenu;
+  }
+
+  get currentItem() {
+    return this.props.currentItemValue;
+  }
+
+  set showMenu(value) {
+    this.setState({
+      showMenu: value,
+    });
+  }
+
+  onChange(value, text) {
+    if (this.props.onChange) {
+      this.props.onChange(value, text);
+    }
+  }
+
+  onClick() {
+    this.showMenu = true;
+  }
+
+  close() {
+    this.showMenu = false;
+  }
+
+  /******************************************************************************/
+
+  renderMenu() {
+    if (this.showMenu && this.props.items) {
+      if (this.combo.current) {
+        const rect = this.combo.current.getBoundingClientRect();
+        const top = Unit.add(
+          px(rect.bottom),
+          this.context.theme.shapes.flyingBalloonTriangleSize
+        );
+
+        const list = this.props.items.map((item) => {
+          const text = this.props.itemsTextKey
+            ? item.get(this.props.itemsTextKey)
+            : item.text;
+          const value = this.props.itemsValueKey
+            ? item.get(this.props.itemsValueKey)
+            : item.value;
+          return {
+            text,
+            glyph: item.glyph,
+            color: item.glyphColor,
+            separator: item.separator,
+            kind: item.kind,
+            active: value === this.currentItem,
+            action: () => this.onChange(value, text),
+          };
+        });
+
+        var left = px((rect.left + rect.right) / 2);
+        if (this.props.horizontalShift) {
+          left = Unit.add(left, this.props.horizontalShift);
+        }
+
+        return (
+          <Combo
+            menuType="wrap"
+            width="200px"
+            left={left}
+            triangleShift={this.props.horizontalShift}
+            top={top}
+            list={list}
+            close={this.close}
+          />
+        );
+      }
+    } else {
+      return null;
+    }
+  }
+
+  render() {
+    const {
+      items,
+      onChange,
+      currentItemValue,
+      itemsTextKey,
+      itemsValueKey,
+      ...otherProps
+    } = this.props;
+    const contentClass = this.styles.classNames.content;
+
+    return (
+      <div ref={this.combo}>
+        <Button active={this.showMenu} onClick={this.onClick} {...otherProps} />
+        <div className={contentClass}>{this.renderMenu()}</div>
+      </div>
+    );
+  }
+}
+
+/******************************************************************************/

package/widgets/map/view.js

@@ -1,49 +1,49 @@
-import React from 'react';
-import Widget from 'goblin-laboratory/widgets/widget';
-import View from 'goblin-laboratory/widgets/view';
-import Container from 'goblin-gadgets/widgets/container/widget';
-import Map from 'goblin-desktop/widgets/map/widget';
-import Wizard from 'goblin-desktop/widgets/wizard/widget';
-
-class MapView extends View {
-  render() {
-    const {workitemId, dialogId} = this.props;
-    if (!workitemId) {
-      return null;
-    }
-
-    const workitem = workitemId.split('@')[0];
-    let wireWidget = null;
-    let MapWorkitem = null;
-    let WiredDialog = null;
-
-    if (workitem.endsWith('-workitem')) {
-      wireWidget = Widget.Wired(Map);
-      MapWorkitem = wireWidget(workitemId);
-    }
-
-    if (wireWidget === null || MapWorkitem === null) {
-      return <div>Unable to display {workitemId}</div>;
-    }
-
-    if (dialogId) {
-      const dialog = dialogId.split('@')[0];
-      if (dialog.endsWith('-wizard')) {
-        WiredDialog = Wizard;
-      } else {
-        throw new Error(`${dialog} dialog kind not implemented in MapView`);
-      }
-    }
-
-    return (
-      <Container kind="row" grow="1" width="100%">
-        <Container kind="tickets-root">
-          <MapWorkitem />
-          {WiredDialog ? <WiredDialog id={dialogId} kind="dialog" /> : null}
-        </Container>
-      </Container>
-    );
-  }
-}
-
-export default MapView;
+import React from 'react';
+import Widget from 'goblin-laboratory/widgets/widget';
+import View from 'goblin-laboratory/widgets/view';
+import Container from 'goblin-gadgets/widgets/container/widget';
+import Map from 'goblin-desktop/widgets/map/widget';
+import Wizard from 'goblin-desktop/widgets/wizard/widget';
+
+class MapView extends View {
+  render() {
+    const {workitemId, dialogId} = this.props;
+    if (!workitemId) {
+      return null;
+    }
+
+    const workitem = workitemId.split('@')[0];
+    let wireWidget = null;
+    let MapWorkitem = null;
+    let WiredDialog = null;
+
+    if (workitem.endsWith('-workitem')) {
+      wireWidget = Widget.Wired(Map);
+      MapWorkitem = wireWidget(workitemId);
+    }
+
+    if (wireWidget === null || MapWorkitem === null) {
+      return <div>Unable to display {workitemId}</div>;
+    }
+
+    if (dialogId) {
+      const dialog = dialogId.split('@')[0];
+      if (dialog.endsWith('-wizard')) {
+        WiredDialog = Wizard;
+      } else {
+        throw new Error(`${dialog} dialog kind not implemented in MapView`);
+      }
+    }
+
+    return (
+      <Container kind="row" grow="1" width="100%">
+        <Container kind="tickets-root">
+          <MapWorkitem />
+          {WiredDialog ? <WiredDialog id={dialogId} kind="dialog" /> : null}
+        </Container>
+      </Container>
+    );
+  }
+}
+
+export default MapView;

package/widgets/map/widget.js

@@ -1,64 +1,64 @@
-//T:2019-02-27
-import React from 'react';
-import Widget from 'goblin-laboratory/widgets/widget';
-import stateMapperToProps from 'goblin-laboratory/widgets/state-mapper-to-props/widget.js';
-import importer from 'goblin_importer';
-import Workitem from 'goblin-desktop/widgets/workitem/widget';
-
-const uiImporter = importer('ui');
-
-class Map extends Widget {
-  constructor() {
-    super(...arguments);
-    this.doProxy = this.doProxy.bind(this);
-  }
-
-  static get wiring() {
-    return {
-      id: 'id',
-      entityId: 'entityId',
-      layout: 'layout',
-    };
-  }
-
-  doProxy(action, args) {
-    const workitem = this.props.id.split('@')[0];
-    this.doAs(workitem, action, args);
-  }
-
-  render() {
-    const {id, entityId} = this.props;
-    if (!id) {
-      return null;
-    }
-    if (!entityId) {
-      return null;
-    }
-
-    const workitem = this.props.id.split('@')[0];
-
-    const workitemUI = uiImporter(workitem);
-    const mapper = workitemUI.mappers && workitemUI.mappers.map;
-    const EditorUI = stateMapperToProps(
-      workitemUI.map,
-      mapper,
-      `backend.${entityId}`
-    );
-    return (
-      <Workitem
-        kind="map"
-        id={this.props.id}
-        entityId={this.props.entityId}
-        dragServiceId={this.props.dragServiceId}
-      >
-        <EditorUI
-          {...this.props}
-          theme={this.context.theme}
-          do={this.doProxy}
-        />
-      </Workitem>
-    );
-  }
-}
-
-export default Map;
+//T:2019-02-27
+import React from 'react';
+import Widget from 'goblin-laboratory/widgets/widget';
+import stateMapperToProps from 'goblin-laboratory/widgets/state-mapper-to-props/widget.js';
+import importer from 'goblin_importer';
+import Workitem from 'goblin-desktop/widgets/workitem/widget';
+
+const uiImporter = importer('ui');
+
+class Map extends Widget {
+  constructor() {
+    super(...arguments);
+    this.doProxy = this.doProxy.bind(this);
+  }
+
+  static get wiring() {
+    return {
+      id: 'id',
+      entityId: 'entityId',
+      layout: 'layout',
+    };
+  }
+
+  doProxy(action, args) {
+    const workitem = this.props.id.split('@')[0];
+    this.doAs(workitem, action, args);
+  }
+
+  render() {
+    const {id, entityId} = this.props;
+    if (!id) {
+      return null;
+    }
+    if (!entityId) {
+      return null;
+    }
+
+    const workitem = this.props.id.split('@')[0];
+
+    const workitemUI = uiImporter(workitem);
+    const mapper = workitemUI.mappers && workitemUI.mappers.map;
+    const EditorUI = stateMapperToProps(
+      workitemUI.map,
+      mapper,
+      `backend.${entityId}`
+    );
+    return (
+      <Workitem
+        kind="map"
+        id={this.props.id}
+        entityId={this.props.entityId}
+        dragServiceId={this.props.dragServiceId}
+      >
+        <EditorUI
+          {...this.props}
+          theme={this.context.theme}
+          do={this.doProxy}
+        />
+      </Workitem>
+    );
+  }
+}
+
+export default Map;

package/widgets/monitor/reducer.js

@@ -1,15 +1,15 @@
-//T:2019-02-27
-
-import Shredder from 'xcraft-core-shredder';
-
-const initialState = new Shredder({
-  enabled: false,
-});
-
-export default (state = initialState, action) => {
-  switch (action.type) {
-    case 'TOGGLE': {
-      return state.set('enabled', !state.get('enabled'));
-    }
-  }
-};
+//T:2019-02-27
+
+import Shredder from 'xcraft-core-shredder';
+
+const initialState = new Shredder({
+  enabled: false,
+});
+
+export default (state = initialState, action) => {
+  switch (action.type) {
+    case 'TOGGLE': {
+      return state.set('enabled', !state.get('enabled'));
+    }
+  }
+};