goblin-desktop 2.0.0 → 2.0.2

package/widgets/desktop-window/widget.js

@@ -1,70 +1,70 @@
-import React from 'react';
-import Widget from 'goblin-laboratory/widgets/widget';
-import importer from 'goblin_importer';
-import MouseTrap from 'mousetrap';
-import Container from 'goblin-gadgets/widgets/container/widget';
-const viewImporter = importer('view');
-
-class DesktopWindow extends Widget {
-  constructor() {
-    super(...arguments);
-  }
-  //#endregion
-
-  static get wiring() {
-    return {
-      id: 'id',
-      routesMap: 'routes',
-    };
-  }
-
-  render() {
-    const {id, routesMap} = this.props;
-
-    if (!id || !routesMap) {
-      return null;
-    }
-
-    const routes = {
-      '/hinter/': {},
-      '/task-bar/': {},
-      '/top-bar/': {},
-      '/before-content/': {},
-      '/content/': {},
-    };
-
-    Widget.shred(routesMap).select((k, v) => {
-      const ex = /^(\/.[:\-a-z]+\/).*/;
-      const res = ex.exec(v);
-      let mount = '/';
-      if (res) {
-        mount = res[1];
-      }
-      if (routes[mount]) {
-        routes[mount] = {path: v.replace(mount, '/'), component: k};
-      } else {
-        console.warn(`Invalid mount point ${mount} for ${k}`);
-      }
-    });
-
-    const contentView = viewImporter(routes['/content/'].component);
-    const Content = Widget.WithRoute(
-      contentView,
-      ['context', 'view'],
-      ['wid', 'did']
-    )(routes['/content/'].path);
-
-    const contentClass = this.styles.classNames.content;
-
-    return (
-      <Container kind="root">
-        <div className={contentClass}>
-          <Content desktopId={id} />
-        </div>
-      </Container>
-    );
-  }
-}
-
-/******************************************************************************/
-export default Widget.Wired(DesktopWindow)();
+import React from 'react';
+import Widget from 'goblin-laboratory/widgets/widget';
+import importer from 'goblin_importer';
+import MouseTrap from 'mousetrap';
+import Container from 'goblin-gadgets/widgets/container/widget';
+const viewImporter = importer('view');
+
+class DesktopWindow extends Widget {
+  constructor() {
+    super(...arguments);
+  }
+  //#endregion
+
+  static get wiring() {
+    return {
+      id: 'id',
+      routesMap: 'routes',
+    };
+  }
+
+  render() {
+    const {id, routesMap} = this.props;
+
+    if (!id || !routesMap) {
+      return null;
+    }
+
+    const routes = {
+      '/hinter/': {},
+      '/task-bar/': {},
+      '/top-bar/': {},
+      '/before-content/': {},
+      '/content/': {},
+    };
+
+    Widget.shred(routesMap).select((k, v) => {
+      const ex = /^(\/.[:\-a-z]+\/).*/;
+      const res = ex.exec(v);
+      let mount = '/';
+      if (res) {
+        mount = res[1];
+      }
+      if (routes[mount]) {
+        routes[mount] = {path: v.replace(mount, '/'), component: k};
+      } else {
+        console.warn(`Invalid mount point ${mount} for ${k}`);
+      }
+    });
+
+    const contentView = viewImporter(routes['/content/'].component);
+    const Content = Widget.WithRoute(
+      contentView,
+      ['context', 'view'],
+      ['wid', 'did']
+    )(routes['/content/'].path);
+
+    const contentClass = this.styles.classNames.content;
+
+    return (
+      <Container kind="root">
+        <div className={contentClass}>
+          <Content desktopId={id} />
+        </div>
+      </Container>
+    );
+  }
+}
+
+/******************************************************************************/
+export default Widget.Wired(DesktopWindow)();

package/widgets/detail/view.js

@@ -1,40 +1,40 @@
-//T:2019-02-27
-
-import React from 'react';
-import View from 'goblin-laboratory/widgets/view';
-import Widget from 'goblin-laboratory/widgets/widget';
-import Detail from 'goblin-desktop/widgets/detail/widget';
-
-class DetailView extends View {
-  constructor() {
-    super(...arguments);
-  }
-
-  render() {
-    const {isDisplayed, hinter} = this.props;
-    if (!isDisplayed) {
-      return null;
-    }
-
-    let hinterName = hinter;
-    if (hinter.endsWith('-hidden')) {
-      hinterName = hinter.replace('-hidden', '');
-    }
-
-    const hash = this.getHash();
-    const workitemId = hash.split('.')[1];
-    return (
-      <Detail
-        id={`${hinterName}-detail@${workitemId}`}
-        leftPanelWorkitemId={this.props.leftPanelWorkitemId}
-      />
-    );
-  }
-}
-
-export default Widget.WithRoute(
-  DetailView,
-  ['context', 'hinter'],
-  null,
-  true
-)('/:context/:view/:hinter');
+//T:2019-02-27
+
+import React from 'react';
+import View from 'goblin-laboratory/widgets/view';
+import Widget from 'goblin-laboratory/widgets/widget';
+import Detail from 'goblin-desktop/widgets/detail/widget';
+
+class DetailView extends View {
+  constructor() {
+    super(...arguments);
+  }
+
+  render() {
+    const {isDisplayed, hinter} = this.props;
+    if (!isDisplayed) {
+      return null;
+    }
+
+    let hinterName = hinter;
+    if (hinter.endsWith('-hidden')) {
+      hinterName = hinter.replace('-hidden', '');
+    }
+
+    const hash = this.getHash();
+    const workitemId = hash.split('.')[1];
+    return (
+      <Detail
+        id={`${hinterName}-detail@${workitemId}`}
+        leftPanelWorkitemId={this.props.leftPanelWorkitemId}
+      />
+    );
+  }
+}
+
+export default Widget.WithRoute(
+  DetailView,
+  ['context', 'hinter'],
+  null,
+  true
+)('/:context/:view/:hinter');

package/widgets/detail/widget.js

@@ -1,125 +1,125 @@
-//T:2019-02-27
-
-import React from 'react';
-import Widget from 'goblin-laboratory/widgets/widget';
-import importer from 'goblin_importer';
-
-import Container from 'goblin-gadgets/widgets/container/widget';
-import Workitem from 'goblin-desktop/widgets/workitem/widget';
-
-const Spinner = () => {
-  return <Container width={'100%'} height={'100%'} busy={true} />;
-};
-const uiImporter = importer('ui');
-
-class Detail extends Widget {
-  constructor() {
-    super(...arguments);
-    this.doProxy = this.doProxy.bind(this);
-  }
-
-  static get wiring() {
-    return {
-      id: 'id',
-      type: 'type',
-      title: 'title',
-      kind: 'kind',
-      width: 'width',
-      detailWidget: 'detailWidget',
-      detailWidgetId: 'detailWidgetId',
-      entityId: 'entityId',
-      loading: 'loading',
-    };
-  }
-
-  doProxy(action, args) {
-    const workitem = this.props.detailWidgetId;
-    this.doFor(workitem, action, args);
-  }
-
-  render() {
-    const {
-      id,
-      kind,
-      width,
-      entityId,
-      detailWidget,
-      detailWidgetId,
-    } = this.props;
-
-    if (!id) {
-      return null;
-    }
-    if (!detailWidget) {
-      return null;
-    }
-    if (!detailWidgetId) {
-      return null;
-    }
-
-    if (!entityId) {
-      return null;
-    }
-
-    const workitemUI = uiImporter(detailWidget);
-
-    const workitemId = detailWidgetId;
-
-    const Detail = this.mapWidget(
-      Workitem,
-      'buttons',
-      `backend.${workitemId}.buttons`
-    );
-    return (
-      <Container
-        kind="view-right"
-        width={width ? width : '700px'}
-        busy={this.props.loading}
-      >
-        <Detail
-          kind={kind ? kind : 'detail'}
-          id={workitemId}
-          entityId={entityId}
-          readonly={true}
-          dragServiceId={this.props.dragServiceId}
-          leftPanelWorkitemId={this.props.leftPanelWorkitemId}
-        >
-          {this.buildLoader(
-            entityId,
-            () => {
-              let DetailUI = this.WithState(
-                workitemUI.panel.readonly,
-                'entityId'
-              )('.entityId');
-
-              if (
-                workitemUI.mappers &&
-                workitemUI.mappers.panel &&
-                workitemUI.mappers.panel.readonly
-              ) {
-                DetailUI = this.mapWidget(
-                  DetailUI,
-                  workitemUI.mappers.panel.readonly,
-                  `backend.${entityId}`
-                );
-              }
-              return (
-                <DetailUI
-                  id={workitemId}
-                  theme={this.context.theme}
-                  do={this.doProxy}
-                  entityId={entityId}
-                  entitySchema={this.getSchema(this.props.type)}
-                  contextId={this.context.contextId}
-                />
-              );
-            },
-            Spinner
-          )}
-        </Detail>
-      </Container>
-    );
-  }
-}
-
-export default Widget.Wired(Detail)();
+//T:2019-02-27
+
+import React from 'react';
+import Widget from 'goblin-laboratory/widgets/widget';
+import importer from 'goblin_importer';
+
+import Container from 'goblin-gadgets/widgets/container/widget';
+import Workitem from 'goblin-desktop/widgets/workitem/widget';
+
+const Spinner = () => {
+  return <Container width={'100%'} height={'100%'} busy={true} />;
+};
+const uiImporter = importer('ui');
+
+class Detail extends Widget {
+  constructor() {
+    super(...arguments);
+    this.doProxy = this.doProxy.bind(this);
+  }
+
+  static get wiring() {
+    return {
+      id: 'id',
+      type: 'type',
+      title: 'title',
+      kind: 'kind',
+      width: 'width',
+      detailWidget: 'detailWidget',
+      detailWidgetId: 'detailWidgetId',
+      entityId: 'entityId',
+      loading: 'loading',
+    };
+  }
+
+  doProxy(action, args) {
+    const workitem = this.props.detailWidgetId;
+    this.doFor(workitem, action, args);
+  }
+
+  render() {
+    const {
+      id,
+      kind,
+      width,
+      entityId,
+      detailWidget,
+      detailWidgetId,
+    } = this.props;
+
+    if (!id) {
+      return null;
+    }
+    if (!detailWidget) {
+      return null;
+    }
+    if (!detailWidgetId) {
+      return null;
+    }
+
+    if (!entityId) {
+      return null;
+    }
+
+    const workitemUI = uiImporter(detailWidget);
+
+    const workitemId = detailWidgetId;
+
+    const Detail = this.mapWidget(
+      Workitem,
+      'buttons',
+      `backend.${workitemId}.buttons`
+    );
+    return (
+      <Container
+        kind="view-right"
+        width={width ? width : '700px'}
+        busy={this.props.loading}
+      >
+        <Detail
+          kind={kind ? kind : 'detail'}
+          id={workitemId}
+          entityId={entityId}
+          readonly={true}
+          dragServiceId={this.props.dragServiceId}
+          leftPanelWorkitemId={this.props.leftPanelWorkitemId}
+        >
+          {this.buildLoader(
+            entityId,
+            () => {
+              let DetailUI = this.WithState(
+                workitemUI.panel.readonly,
+                'entityId'
+              )('.entityId');
+
+              if (
+                workitemUI.mappers &&
+                workitemUI.mappers.panel &&
+                workitemUI.mappers.panel.readonly
+              ) {
+                DetailUI = this.mapWidget(
+                  DetailUI,
+                  workitemUI.mappers.panel.readonly,
+                  `backend.${entityId}`
+                );
+              }
+              return (
+                <DetailUI
+                  id={workitemId}
+                  theme={this.context.theme}
+                  do={this.doProxy}
+                  entityId={entityId}
+                  entitySchema={this.getSchema(this.props.type)}
+                  contextId={this.context.contextId}
+                />
+              );
+            },
+            Spinner
+          )}
+        </Detail>
+      </Container>
+    );
+  }
+}
+
+export default Widget.Wired(Detail)();

package/widgets/editor/widget.js

@@ -1,80 +1,80 @@
-//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 Editor extends Widget {
-  constructor() {
-    super(...arguments);
-    this.doProxy = this.doProxy.bind(this);
-  }
-
-  static get wiring() {
-    return {
-      id: 'id',
-      entityId: 'entityId',
-      firstFieldToFocus: 'firstFieldToFocus',
-      width: 'width',
-    };
-  }
-
-  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 type = entityId.split('@', 1)[0];
-    const Editor = this.mapWidget(Workitem, 'buttons', `backend.${id}.buttons`);
-
-    return this.buildLoader(entityId, () => {
-      const workitem = this.props.id.split('@')[0];
-
-      const workitemUI = uiImporter(workitem);
-      let EditorUI = this.WithState(
-        workitemUI.panel.edit,
-        'entityId'
-      )('.entityId');
-      if (
-        workitemUI.mappers &&
-        workitemUI.mappers.panel &&
-        workitemUI.mappers.panel.edit
-      ) {
-        EditorUI = this.mapWidget(
-          EditorUI,
-          workitemUI.mappers.panel.edit,
-          `backend.${entityId}`
-        );
-      }
-      return (
-        <Editor
-          kind="editor"
-          id={this.props.id}
-          entityId={this.props.entityId}
-          dragServiceId={this.props.dragServiceId}
-          width={this.props.width}
-        >
-          <EditorUI
-            {...this.props}
-            theme={this.context.theme}
-            do={this.doProxy}
-            entitySchema={this.getSchema(type)}
-            contextId={this.context.contextId}
-          />
-        </Editor>
-      );
-    });
-  }
-}
-
-export default Widget.Wired(Editor)();
+//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 Editor extends Widget {
+  constructor() {
+    super(...arguments);
+    this.doProxy = this.doProxy.bind(this);
+  }
+
+  static get wiring() {
+    return {
+      id: 'id',
+      entityId: 'entityId',
+      firstFieldToFocus: 'firstFieldToFocus',
+      width: 'width',
+    };
+  }
+
+  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 type = entityId.split('@', 1)[0];
+    const Editor = this.mapWidget(Workitem, 'buttons', `backend.${id}.buttons`);
+
+    return this.buildLoader(entityId, () => {
+      const workitem = this.props.id.split('@')[0];
+
+      const workitemUI = uiImporter(workitem);
+      let EditorUI = this.WithState(
+        workitemUI.panel.edit,
+        'entityId'
+      )('.entityId');
+      if (
+        workitemUI.mappers &&
+        workitemUI.mappers.panel &&
+        workitemUI.mappers.panel.edit
+      ) {
+        EditorUI = this.mapWidget(
+          EditorUI,
+          workitemUI.mappers.panel.edit,
+          `backend.${entityId}`
+        );
+      }
+      return (
+        <Editor
+          kind="editor"
+          id={this.props.id}
+          entityId={this.props.entityId}
+          dragServiceId={this.props.dragServiceId}
+          width={this.props.width}
+        >
+          <EditorUI
+            {...this.props}
+            theme={this.context.theme}
+            do={this.doProxy}
+            entitySchema={this.getSchema(type)}
+            contextId={this.context.contextId}
+          />
+        </Editor>
+      );
+    });
+  }
+}
+
+export default Widget.Wired(Editor)();