goblin-desktop 2.0.0 → 2.0.2

package/widgets/status-filters/widget.js

@@ -1,121 +1,121 @@
-import React from 'react';
-import Widget from 'goblin-laboratory/widgets/widget';
-import FacetFilter from 'goblin-desktop/widgets/facet-filter/widget';
-import FacetFilterAdd from 'goblin-desktop/widgets/facet-filter-add/widget';
-
-/******************************************************************************/
-
-class StatusFilter extends Widget {
-  constructor() {
-    super(...arguments);
-  }
-
-  static get wiring() {
-    return {
-      id: 'id',
-      entityType: 'table',
-      facets: 'facets',
-      facetsDisplayName: 'facetsDisplayName',
-      facetsMappingType: 'facetsMappingType',
-    };
-  }
-
-  get sortedFacets() {
-    const facets = [];
-
-    const s = new Set();
-
-    // First, put all the facets corresponding to columns, in the same order.
-    for (const path of this.props.columnPaths) {
-      if (path) {
-        const items = this.props.facets.get(path);
-        if (items) {
-          s.add(path);
-          facets.push({name: path, items: items});
-        }
-      }
-    }
-
-    // Finally, put the remaining facets.
-    Array.from(this.props.facets.entries()).map(([k, v]) => {
-      if (!s.has(k)) {
-        facets.push({name: k, items: v});
-      }
-    });
-
-    return facets;
-  }
-
-  /******************************************************************************/
-
-  renderFacet(name, items, index) {
-    return (
-      <FacetFilter
-        id={this.props.id}
-        key={index}
-        name={name}
-        displayName={this.props.facetsDisplayName.get(name)}
-        entityType={this.props.entityType}
-        type={this.props.facetsMappingType.get(name)}
-        facets={items}
-      />
-    );
-  }
-
-  renderFacets() {
-    const result = [];
-
-    const facets = this.sortedFacets;
-    let index = 0;
-    for (const facet of facets) {
-      result.push(this.renderFacet(facet.name, facet.items, index++));
-    }
-
-    return result;
-  }
-
-  render() {
-    if (!this.props.id || !this.props.facets) {
-      return null;
-    }
-
-    return (
-      <>
-        {this.renderFacets()}
-        <FacetFilterAdd id={this.props.id} type={this.props.type} />
-      </>
-    );
-  }
-}
-
-/******************************************************************************/
-
-const StatusFilterConnected = Widget.connect((state, props) => {
-  const view = state.get(`backend.view@${props.type}`);
-  if (!view) {
-    return {};
-  }
-
-  let columnIds = view.get('columns');
-
-  const clientSessionId = state.get(`backend.${window.labId}.clientSessionId`);
-  const userView = state.get(
-    `backend.${clientSessionId}.views.view@${props.type}`
-  );
-  if (userView) {
-    const order = userView.get('order');
-    if (order.size > 0) {
-      //todo clean non available
-      columnIds = order;
-    }
-  }
-
-  const columnPaths = columnIds.map((columnId) => {
-    const column = state.get(`backend.${columnId}`);
-    return column ? column.get('path').replace(/\./g, '/') : null;
-  });
-
-  return {columnPaths};
-})(StatusFilter);
-
-export default Widget.Wired(StatusFilterConnected)();
+import React from 'react';
+import Widget from 'goblin-laboratory/widgets/widget';
+import FacetFilter from 'goblin-desktop/widgets/facet-filter/widget';
+import FacetFilterAdd from 'goblin-desktop/widgets/facet-filter-add/widget';
+
+/******************************************************************************/
+
+class StatusFilter extends Widget {
+  constructor() {
+    super(...arguments);
+  }
+
+  static get wiring() {
+    return {
+      id: 'id',
+      entityType: 'table',
+      facets: 'facets',
+      facetsDisplayName: 'facetsDisplayName',
+      facetsMappingType: 'facetsMappingType',
+    };
+  }
+
+  get sortedFacets() {
+    const facets = [];
+
+    const s = new Set();
+
+    // First, put all the facets corresponding to columns, in the same order.
+    for (const path of this.props.columnPaths) {
+      if (path) {
+        const items = this.props.facets.get(path);
+        if (items) {
+          s.add(path);
+          facets.push({name: path, items: items});
+        }
+      }
+    }
+
+    // Finally, put the remaining facets.
+    Array.from(this.props.facets.entries()).map(([k, v]) => {
+      if (!s.has(k)) {
+        facets.push({name: k, items: v});
+      }
+    });
+
+    return facets;
+  }
+
+  /******************************************************************************/
+
+  renderFacet(name, items, index) {
+    return (
+      <FacetFilter
+        id={this.props.id}
+        key={index}
+        name={name}
+        displayName={this.props.facetsDisplayName.get(name)}
+        entityType={this.props.entityType}
+        type={this.props.facetsMappingType.get(name)}
+        facets={items}
+      />
+    );
+  }
+
+  renderFacets() {
+    const result = [];
+
+    const facets = this.sortedFacets;
+    let index = 0;
+    for (const facet of facets) {
+      result.push(this.renderFacet(facet.name, facet.items, index++));
+    }
+
+    return result;
+  }
+
+  render() {
+    if (!this.props.id || !this.props.facets) {
+      return null;
+    }
+
+    return (
+      <>
+        {this.renderFacets()}
+        <FacetFilterAdd id={this.props.id} type={this.props.type} />
+      </>
+    );
+  }
+}
+
+/******************************************************************************/
+
+const StatusFilterConnected = Widget.connect((state, props) => {
+  const view = state.get(`backend.view@${props.type}`);
+  if (!view) {
+    return {};
+  }
+
+  let columnIds = view.get('columns');
+
+  const clientSessionId = state.get(`backend.${window.labId}.clientSessionId`);
+  const userView = state.get(
+    `backend.${clientSessionId}.views.view@${props.type}`
+  );
+  if (userView) {
+    const order = userView.get('order');
+    if (order.size > 0) {
+      //todo clean non available
+      columnIds = order;
+    }
+  }
+
+  const columnPaths = columnIds.map((columnId) => {
+    const column = state.get(`backend.${columnId}`);
+    return column ? column.get('path').replace(/\./g, '/') : null;
+  });
+
+  return {columnPaths};
+})(StatusFilter);
+
+export default Widget.Wired(StatusFilterConnected)();

package/widgets/tab/styles.js

@@ -1,16 +1,16 @@
-/******************************************************************************/
-
-export default function styles() {
-  const tabsButton = {
-    display: 'flex',
-    flexDirection: 'row',
-  };
-
-  /******************************************************************************/
-
-  return {
-    tabsButton,
-  };
-}
-
-/******************************************************************************/
+/******************************************************************************/
+
+export default function styles() {
+  const tabsButton = {
+    display: 'flex',
+    flexDirection: 'row',
+  };
+
+  /******************************************************************************/
+
+  return {
+    tabsButton,
+  };
+}
+
+/******************************************************************************/

package/widgets/tab/widget.js

@@ -1,88 +1,88 @@
-import T from 't';
-import React from 'react';
-import Button from 'goblin-gadgets/widgets/button/widget';
-import Widget from 'goblin-laboratory/widgets/widget';
-import SFX from '../audio/sfx.js';
-
-class Tab extends Widget {
-  constructor() {
-    super(...arguments);
-    this.nav = this.nav.bind(this);
-    this.close = this.close.bind(this);
-  }
-
-  nav() {
-    const workitemId = this.props.workitem.get('id');
-    this.cmd('desktop.navToWorkitem', {
-      id: this.props.desktopId,
-      workitemId,
-    });
-    SFX.blip.play();
-  }
-
-  close() {
-    const workitemId = this.props.workitem.get('id');
-    this.cmd('desktop.removeWorkitem', {
-      id: this.props.desktopId,
-      workitemId,
-    });
-    SFX.blop.play();
-  }
-
-  render() {
-    const {skipped, isActive, workitem, tabText} = this.props;
-
-    if (skipped) {
-      return null;
-    }
-
-    return (
-      <div className={this.styles.classNames.tabsButton}>
-        <Button
-          kind="view-tab-first"
-          text={tabText}
-          glyph={workitem.get('glyph')}
-          active={isActive}
-          onClick={this.nav}
-        />
-        <Button
-          kind="view-tab-last"
-          glyph="solid/times"
-          show={workitem.get('closable', false)}
-          active={isActive}
-          onClick={this.close}
-        />
-      </div>
-    );
-  }
-}
-
-export default Widget.connect((state, props) => {
-  const workitem = state.get(
-    `backend.${props.desktopId}.workitems.${props.id}`
-  );
-  if (!workitem) {
-    return {skipped: true};
-  }
-  const isTab = workitem.get('kind') === 'tab';
-  if (!isTab) {
-    return {skipped: true};
-  }
-
-  const currentTab = state.get(
-    `backend.${props.desktopId}.current.workitems.${props.context}`
-  );
-
-  const isActive = workitem.get('id') === currentTab;
-  let tabText = workitem.get('description') || workitem.get('name');
-  const entityId = workitem.get('entityId');
-  if (entityId) {
-    const entity = state.get(`backend.${entityId}`);
-    if (entity) {
-      tabText = entity.get('meta.summaries.info');
-    } else {
-      tabText = T('Chargement…');
-    }
-  }
-  return {workitem, tabText, isActive};
-})(Tab);
+import T from 't';
+import React from 'react';
+import Button from 'goblin-gadgets/widgets/button/widget';
+import Widget from 'goblin-laboratory/widgets/widget';
+import SFX from '../audio/sfx.js';
+
+class Tab extends Widget {
+  constructor() {
+    super(...arguments);
+    this.nav = this.nav.bind(this);
+    this.close = this.close.bind(this);
+  }
+
+  nav() {
+    const workitemId = this.props.workitem.get('id');
+    this.cmd('desktop.navToWorkitem', {
+      id: this.props.desktopId,
+      workitemId,
+    });
+    SFX.blip.play();
+  }
+
+  close() {
+    const workitemId = this.props.workitem.get('id');
+    this.cmd('desktop.removeWorkitem', {
+      id: this.props.desktopId,
+      workitemId,
+    });
+    SFX.blop.play();
+  }
+
+  render() {
+    const {skipped, isActive, workitem, tabText} = this.props;
+
+    if (skipped) {
+      return null;
+    }
+
+    return (
+      <div className={this.styles.classNames.tabsButton}>
+        <Button
+          kind="view-tab-first"
+          text={tabText}
+          glyph={workitem.get('glyph')}
+          active={isActive}
+          onClick={this.nav}
+        />
+        <Button
+          kind="view-tab-last"
+          glyph="solid/times"
+          show={workitem.get('closable', false)}
+          active={isActive}
+          onClick={this.close}
+        />
+      </div>
+    );
+  }
+}
+
+export default Widget.connect((state, props) => {
+  const workitem = state.get(
+    `backend.${props.desktopId}.workitems.${props.id}`
+  );
+  if (!workitem) {
+    return {skipped: true};
+  }
+  const isTab = workitem.get('kind') === 'tab';
+  if (!isTab) {
+    return {skipped: true};
+  }
+
+  const currentTab = state.get(
+    `backend.${props.desktopId}.current.workitems.${props.context}`
+  );
+
+  const isActive = workitem.get('id') === currentTab;
+  let tabText = workitem.get('description') || workitem.get('name');
+  const entityId = workitem.get('entityId');
+  if (entityId) {
+    const entity = state.get(`backend.${entityId}`);
+    if (entity) {
+      tabText = entity.get('meta.summaries.info');
+    } else {
+      tabText = T('Chargement…');
+    }
+  }
+  return {workitem, tabText, isActive};
+})(Tab);

package/widgets/tab-content/widget.js

@@ -1,35 +1,35 @@
-import React from 'react';
-import Widget from 'goblin-laboratory/widgets/widget';
-import Container from 'goblin-gadgets/widgets/container/widget.js';
-import Wizard from 'goblin-desktop/widgets/wizard/widget';
-
-class TabContent extends Widget {
-  render() {
-    const {workitemId, dialogId} = this.props;
-
-    let WiredDialog = null;
-
-    if (dialogId) {
-      const dialog = dialogId.split('@')[0];
-      if (dialog.endsWith('-wizard')) {
-        WiredDialog = Wizard;
-      } else {
-        throw new Error(
-          `${dialog} dialog kind not implemented in William Debt Explorer`
-        );
-      }
-    }
-    if (!this.props.content) {
-      throw new Error(`You must provide a React component to inject`);
-    }
-    const Content = this.props.content;
-    return (
-      <Container kind="view" width="100%">
-        <Content id={workitemId} />
-        {WiredDialog ? <WiredDialog id={dialogId} kind="dialog" /> : null}
-      </Container>
-    );
-  }
-}
-
-export default TabContent;
+import React from 'react';
+import Widget from 'goblin-laboratory/widgets/widget';
+import Container from 'goblin-gadgets/widgets/container/widget.js';
+import Wizard from 'goblin-desktop/widgets/wizard/widget';
+
+class TabContent extends Widget {
+  render() {
+    const {workitemId, dialogId} = this.props;
+
+    let WiredDialog = null;
+
+    if (dialogId) {
+      const dialog = dialogId.split('@')[0];
+      if (dialog.endsWith('-wizard')) {
+        WiredDialog = Wizard;
+      } else {
+        throw new Error(
+          `${dialog} dialog kind not implemented in William Debt Explorer`
+        );
+      }
+    }
+    if (!this.props.content) {
+      throw new Error(`You must provide a React component to inject`);
+    }
+    const Content = this.props.content;
+    return (
+      <Container kind="view" width="100%">
+        <Content id={workitemId} />
+        {WiredDialog ? <WiredDialog id={dialogId} kind="dialog" /> : null}
+      </Container>
+    );
+  }
+}
+
+export default TabContent;

package/widgets/tabs/widget.js

@@ -1,48 +1,48 @@
-import React from 'react';
-import Tab from 'goblin-desktop/widgets/tab/widget';
-import Widget from 'goblin-laboratory/widgets/widget';
-import Container from 'goblin-gadgets/widgets/container/widget';
-import NotificationsButton from 'goblin-desktop/widgets/notifications-button/widget';
-
-/******************************************************************************/
-
-class Tabs extends Widget {
-  constructor() {
-    super(...arguments);
-  }
-
-  /******************************************************************************/
-
-  renderTabs() {
-    const {id, workitems, context} = this.props;
-    return workitems.map((wid) => {
-      return <Tab key={wid} id={wid} desktopId={id} context={context} />;
-    });
-  }
-
-  render() {
-    const {desktopId, workitems} = this.props;
-    return (
-      <Container kind="second-bar">
-        <Container kind="view-tab">
-          {workitems ? this.renderTabs() : null}
-        </Container>
-        <Container kind="view-tab-right">
-          <NotificationsButton id={desktopId} />
-        </Container>
-      </Container>
-    );
-  }
-}
-
-/******************************************************************************/
-
-const TabsWithCurrent = Widget.connect((state, props) => {
-  const context = state.get(`backend.${props.id}.current.workcontext`);
-  const workitems = state.get(
-    `backend.${props.id}.workitemsByContext.${context}`
-  );
-  return {workitems, context};
-})(Tabs);
-
-export default TabsWithCurrent;
+import React from 'react';
+import Tab from 'goblin-desktop/widgets/tab/widget';
+import Widget from 'goblin-laboratory/widgets/widget';
+import Container from 'goblin-gadgets/widgets/container/widget';
+import NotificationsButton from 'goblin-desktop/widgets/notifications-button/widget';
+
+/******************************************************************************/
+
+class Tabs extends Widget {
+  constructor() {
+    super(...arguments);
+  }
+
+  /******************************************************************************/
+
+  renderTabs() {
+    const {id, workitems, context} = this.props;
+    return workitems.map((wid) => {
+      return <Tab key={wid} id={wid} desktopId={id} context={context} />;
+    });
+  }
+
+  render() {
+    const {desktopId, workitems} = this.props;
+    return (
+      <Container kind="second-bar">
+        <Container kind="view-tab">
+          {workitems ? this.renderTabs() : null}
+        </Container>
+        <Container kind="view-tab-right">
+          <NotificationsButton id={desktopId} />
+        </Container>
+      </Container>
+    );
+  }
+}
+
+/******************************************************************************/
+
+const TabsWithCurrent = Widget.connect((state, props) => {
+  const context = state.get(`backend.${props.id}.current.workcontext`);
+  const workitems = state.get(
+    `backend.${props.id}.workitemsByContext.${context}`
+  );
+  return {workitems, context};
+})(Tabs);
+
+export default TabsWithCurrent;