goblin-desktop 2.0.0 → 2.0.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/widget.js

@@ -1,136 +1,136 @@
-//T:2019-02-27
-import React from 'react';
-import ReactDOM from 'react-dom';
-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.comboButton = null;
-
-    this.state = {
-      showMenu: false,
-    };
-
-    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();
-    this.combo = ReactDOM.findDOMNode(this.comboButton);
-  }
-
-  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) {
-      const rect = this.combo.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>
-        <Button
-          ref={(x) => (this.comboButton = x)}
-          active={this.showMenu}
-          onClick={this.onClick}
-          {...otherProps}
-        />
-        <div className={contentClass}>{this.renderMenu()}</div>
-      </div>
-    );
-  }
-}
-
-/******************************************************************************/
+//T:2019-02-27
+import React from 'react';
+import ReactDOM from 'react-dom';
+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.comboButton = null;
+
+    this.state = {
+      showMenu: false,
+    };
+
+    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();
+    this.combo = ReactDOM.findDOMNode(this.comboButton);
+  }
+
+  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) {
+      const rect = this.combo.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>
+        <Button
+          ref={(x) => (this.comboButton = x)}
+          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,65 +1,65 @@
-//T:2019-02-27
-import React from 'react';
-import Widget from 'goblin-laboratory/widgets/widget';
-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);
-    let EditorUI = this.WithState(workitemUI.map, 'entityId')('.entityId');
-    if (workitemUI.mappers && workitemUI.mappers.map) {
-      EditorUI = this.mapWidget(
-        EditorUI,
-        workitemUI.mappers.map,
-        `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 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);
+    let EditorUI = this.WithState(workitemUI.map, 'entityId')('.entityId');
+    if (workitemUI.mappers && workitemUI.mappers.map) {
+      EditorUI = this.mapWidget(
+        EditorUI,
+        workitemUI.mappers.map,
+        `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;