goblin-desktop 2.0.0 → 2.0.2

package/widgets/helpers/facet-helpers.js

@@ -1,105 +1,105 @@
-import {
-  datetime as DateTimeConverters,
-  month as MonthConverters,
-} from 'xcraft-core-converters';
-const StringBuilder = require('goblin-nabu/lib/string-builder.js');
-
-//-----------------------------------------------------------------------------
-
-function getType(keys) {
-  for (const key of keys) {
-    if (key !== '') {
-      // Check only the first not empty key.
-      if (DateTimeConverters.check(key)) {
-        if (key.endsWith('T00:00:00.000Z')) {
-          return 'date';
-        }
-        return 'datetime';
-      } else {
-        break;
-      }
-    }
-  }
-  return 'string';
-}
-
-function format(key, indexType, propInfos) {
-  switch (indexType) {
-    case 'datetime':
-      return DateTimeConverters.getDisplayed(key);
-    case 'date':
-      return DateTimeConverters.getDisplayed(key, 'date');
-    default: {
-      let labelText = key;
-      if (propInfos) {
-        const {type, valuesInfo} = propInfos.pick('type', 'valuesInfo');
-        if (type === 'enum' && valuesInfo) {
-          const value = valuesInfo.get(key);
-          if (value && value.get('text')) {
-            labelText = value.get('text');
-          }
-        }
-      }
-      return labelText;
-    }
-  }
-}
-
-// Remove accents/diacritics.
-// See https://stackoverflow.com/questions/990904/remove-accents-diacritics-in-a-string-in-javascript
-function preprocessFilter(filter) {
-  if (!filter) {
-    return null;
-  }
-  return filter
-    .toLowerCase()
-    .normalize('NFD')
-    .replace(/[\u0300-\u036f]/g, '');
-}
-
-function match(text, filter) {
-  if (!text || !filter) {
-    return true;
-  }
-
-  text = preprocessFilter(text);
-  return text.includes(filter);
-}
-
-function extractTab(text, type) {
-  if (typeof text === 'string') {
-    if (text.length === 0) {
-      return {internal: '(vide)', displayed: '(vide)'};
-    }
-
-    switch (type) {
-      case 'datetime':
-      case 'date': {
-        const y = DateTimeConverters.getYear(text);
-        const m = DateTimeConverters.getMonth(text);
-        const mm = MonthConverters.getDisplayed(m, 'short');
-        const internal = `${m}.${y}`;
-        const displayed = StringBuilder.combine(mm, ' ', y);
-        return {internal, displayed};
-      }
-      default: {
-        const letter = text[0];
-        if (letter === ' ' || letter === '\t') {
-          return {internal: '?', displayed: '?'};
-        }
-        return {internal: letter, displayed: letter};
-      }
-    }
-  }
-
-  // TODO: If Nabu?
-  return {internal: '?', displayed: '?'};
-}
-
-function isRange(type) {
-  return type === 'date' || type === 'number';
-}
-
-//-----------------------------------------------------------------------------
-
-export default {getType, format, preprocessFilter, match, extractTab, isRange};
+import {
+  datetime as DateTimeConverters,
+  month as MonthConverters,
+} from 'xcraft-core-converters';
+const StringBuilder = require('goblin-nabu/lib/string-builder.js');
+
+//-----------------------------------------------------------------------------
+
+function getType(keys) {
+  for (const key of keys) {
+    if (key !== '') {
+      // Check only the first not empty key.
+      if (DateTimeConverters.check(key)) {
+        if (key.endsWith('T00:00:00.000Z')) {
+          return 'date';
+        }
+        return 'datetime';
+      } else {
+        break;
+      }
+    }
+  }
+  return 'string';
+}
+
+function format(key, indexType, propInfos) {
+  switch (indexType) {
+    case 'datetime':
+      return DateTimeConverters.getDisplayed(key);
+    case 'date':
+      return DateTimeConverters.getDisplayed(key, 'date');
+    default: {
+      let labelText = key;
+      if (propInfos) {
+        const {type, valuesInfo} = propInfos.pick('type', 'valuesInfo');
+        if (type === 'enum' && valuesInfo) {
+          const value = valuesInfo.get(key);
+          if (value && value.get('text')) {
+            labelText = value.get('text');
+          }
+        }
+      }
+      return labelText;
+    }
+  }
+}
+
+// Remove accents/diacritics.
+// See https://stackoverflow.com/questions/990904/remove-accents-diacritics-in-a-string-in-javascript
+function preprocessFilter(filter) {
+  if (!filter) {
+    return null;
+  }
+  return filter
+    .toLowerCase()
+    .normalize('NFD')
+    .replace(/[\u0300-\u036f]/g, '');
+}
+
+function match(text, filter) {
+  if (!text || !filter) {
+    return true;
+  }
+
+  text = preprocessFilter(text);
+  return text.includes(filter);
+}
+
+function extractTab(text, type) {
+  if (typeof text === 'string') {
+    if (text.length === 0) {
+      return {internal: '(vide)', displayed: '(vide)'};
+    }
+
+    switch (type) {
+      case 'datetime':
+      case 'date': {
+        const y = DateTimeConverters.getYear(text);
+        const m = DateTimeConverters.getMonth(text);
+        const mm = MonthConverters.getDisplayed(m, 'short');
+        const internal = `${m}.${y}`;
+        const displayed = StringBuilder.combine(mm, ' ', y);
+        return {internal, displayed};
+      }
+      default: {
+        const letter = text[0];
+        if (letter === ' ' || letter === '\t') {
+          return {internal: '?', displayed: '?'};
+        }
+        return {internal: letter, displayed: letter};
+      }
+    }
+  }
+
+  // TODO: If Nabu?
+  return {internal: '?', displayed: '?'};
+}
+
+function isRange(type) {
+  return type === 'date' || type === 'number';
+}
+
+//-----------------------------------------------------------------------------
+
+export default {getType, format, preprocessFilter, match, extractTab, isRange};

package/widgets/hinter/reducer.js

@@ -1,35 +1,35 @@
-import {fromJS} from 'immutable';
-const initialState = fromJS({
-  selectedIndex: 0,
-  rowCount: 0,
-});
-
-const actions = {
-  'init-hinter': (state, action) => {
-    return state.set('rowCount', action.rowCount).set('selectedIndex', 0);
-  },
-  'select-row': (state, action) => {
-    return state.set('selectedIndex', parseInt(action.index));
-  },
-  'next-row': (state) => {
-    const index = parseInt(state.get('selectedIndex'));
-    if (index === state.get('rowCount') - 1) {
-      return state;
-    }
-    return state.set('selectedIndex', parseInt(index) + 1);
-  },
-  'prev-row': (state) => {
-    const index = state.get('selectedIndex');
-    if (index === 0) {
-      return state;
-    }
-    return state.set('selectedIndex', parseInt(index) - 1);
-  },
-};
-
-export default (state = initialState, action = {}) => {
-  if (actions[action.type]) {
-    return actions[action.type](state, action);
-  }
-  return state;
-};
+import {fromJS} from 'immutable';
+const initialState = fromJS({
+  selectedIndex: 0,
+  rowCount: 0,
+});
+
+const actions = {
+  'init-hinter': (state, action) => {
+    return state.set('rowCount', action.rowCount).set('selectedIndex', 0);
+  },
+  'select-row': (state, action) => {
+    return state.set('selectedIndex', parseInt(action.index));
+  },
+  'next-row': (state) => {
+    const index = parseInt(state.get('selectedIndex'));
+    if (index === state.get('rowCount') - 1) {
+      return state;
+    }
+    return state.set('selectedIndex', parseInt(index) + 1);
+  },
+  'prev-row': (state) => {
+    const index = state.get('selectedIndex');
+    if (index === 0) {
+      return state;
+    }
+    return state.set('selectedIndex', parseInt(index) - 1);
+  },
+};
+
+export default (state = initialState, action = {}) => {
+  if (actions[action.type]) {
+    return actions[action.type](state, action);
+  }
+  return state;
+};

package/widgets/hinter/styles.js

@@ -1,79 +1,79 @@
-import {Unit} from 'goblin-theme';
-import {ColorHelpers} from 'goblin-theme';
-
-/******************************************************************************/
-
-export default function styles(theme) {
-  const m = theme.shapes.containerMargin;
-
-  const boxStyle = {
-    position: 'relative',
-    display: 'flex',
-    flexDirection: 'row',
-    alignItems: 'flex-start',
-    marginTop: Unit.multiply(m, 0.5),
-    marginBottom: Unit.sub(Unit.multiply(m, -0.5), '1px'),
-    marginLeft: Unit.multiply(m, -1),
-    marginRight: Unit.multiply(m, -1),
-    paddingTop: Unit.multiply(m, 0.5),
-    paddingBottom: Unit.multiply(m, 0.5),
-    paddingLeft: Unit.multiply(m, 0.5),
-    paddingRight: Unit.multiply(m, 0.5),
-    borderTop: '1px solid ' + theme.palette.paneNavigatorInactiveBorder,
-    borderBottom: '1px solid ' + theme.palette.paneNavigatorInactiveBorder,
-    boxSizing: 'border-box',
-    transition: 'background-color 200ms cubic-bezier(0.42, 0, 0.58, 1) 0ms',
-  };
-  boxStyle[':hover'] = {
-    backgroundColor: theme.palette.textFieldReadonlyBackground,
-  };
-
-  const boxActiveStyle = Object.assign({}, boxStyle); // clone
-  boxActiveStyle.paddingLeft = Unit.sub(
-    Unit.multiply(m, 0.5),
-    theme.shapes.markWidth
-  );
-  boxActiveStyle.borderLeft =
-    theme.shapes.markWidth +
-    ' solid ' +
-    ColorHelpers.getMarkColor(theme, 'base');
-
-  const scaleAnimation = true;
-
-  const infoVisibleStyle = {
-    position: 'absolute',
-    top: '5px',
-    right: '5px',
-    display: 'flex',
-    flexDirection: 'row',
-  };
-  if (scaleAnimation) {
-    infoVisibleStyle.transform = 'scaleY(1)';
-    infoVisibleStyle.transition =
-      'transform 200ms cubic-bezier(0.42, 0, 0.58, 1) 300ms';
-  } else {
-    infoVisibleStyle.opacity = 1;
-    infoVisibleStyle.transition =
-      'opacity 200ms cubic-bezier(0.42, 0, 0.58, 1) 300ms';
-  }
-
-  const infoHiddenStyle = Object.assign({}, infoVisibleStyle); // clone
-  if (scaleAnimation) {
-    infoHiddenStyle.transform = 'scaleY(0)';
-    infoHiddenStyle.transition =
-      'transform 100ms cubic-bezier(0.42, 0, 0.58, 1) 0ms';
-  } else {
-    infoHiddenStyle.opacity = 0;
-    infoHiddenStyle.transition =
-      'opacity 100ms cubic-bezier(0.42, 0, 0.58, 1) 0ms';
-  }
-
-  return {
-    box: boxStyle,
-    boxActive: boxActiveStyle,
-    infoVisible: infoVisibleStyle,
-    infoHidden: infoHiddenStyle,
-  };
-}
-
-/******************************************************************************/
+import {Unit} from 'goblin-theme';
+import {ColorHelpers} from 'goblin-theme';
+
+/******************************************************************************/
+
+export default function styles(theme) {
+  const m = theme.shapes.containerMargin;
+
+  const boxStyle = {
+    position: 'relative',
+    display: 'flex',
+    flexDirection: 'row',
+    alignItems: 'flex-start',
+    marginTop: Unit.multiply(m, 0.5),
+    marginBottom: Unit.sub(Unit.multiply(m, -0.5), '1px'),
+    marginLeft: Unit.multiply(m, -1),
+    marginRight: Unit.multiply(m, -1),
+    paddingTop: Unit.multiply(m, 0.5),
+    paddingBottom: Unit.multiply(m, 0.5),
+    paddingLeft: Unit.multiply(m, 0.5),
+    paddingRight: Unit.multiply(m, 0.5),
+    borderTop: '1px solid ' + theme.palette.paneNavigatorInactiveBorder,
+    borderBottom: '1px solid ' + theme.palette.paneNavigatorInactiveBorder,
+    boxSizing: 'border-box',
+    transition: 'background-color 200ms cubic-bezier(0.42, 0, 0.58, 1) 0ms',
+  };
+  boxStyle[':hover'] = {
+    backgroundColor: theme.palette.textFieldReadonlyBackground,
+  };
+
+  const boxActiveStyle = Object.assign({}, boxStyle); // clone
+  boxActiveStyle.paddingLeft = Unit.sub(
+    Unit.multiply(m, 0.5),
+    theme.shapes.markWidth
+  );
+  boxActiveStyle.borderLeft =
+    theme.shapes.markWidth +
+    ' solid ' +
+    ColorHelpers.getMarkColor(theme, 'base');
+
+  const scaleAnimation = true;
+
+  const infoVisibleStyle = {
+    position: 'absolute',
+    top: '5px',
+    right: '5px',
+    display: 'flex',
+    flexDirection: 'row',
+  };
+  if (scaleAnimation) {
+    infoVisibleStyle.transform = 'scaleY(1)';
+    infoVisibleStyle.transition =
+      'transform 200ms cubic-bezier(0.42, 0, 0.58, 1) 300ms';
+  } else {
+    infoVisibleStyle.opacity = 1;
+    infoVisibleStyle.transition =
+      'opacity 200ms cubic-bezier(0.42, 0, 0.58, 1) 300ms';
+  }
+
+  const infoHiddenStyle = Object.assign({}, infoVisibleStyle); // clone
+  if (scaleAnimation) {
+    infoHiddenStyle.transform = 'scaleY(0)';
+    infoHiddenStyle.transition =
+      'transform 100ms cubic-bezier(0.42, 0, 0.58, 1) 0ms';
+  } else {
+    infoHiddenStyle.opacity = 0;
+    infoHiddenStyle.transition =
+      'opacity 100ms cubic-bezier(0.42, 0, 0.58, 1) 0ms';
+  }
+
+  return {
+    box: boxStyle,
+    boxActive: boxActiveStyle,
+    infoVisible: infoVisibleStyle,
+    infoHidden: infoHiddenStyle,
+  };
+}
+
+/******************************************************************************/

package/widgets/hinter/view.js

@@ -1,31 +1,31 @@
-import React from 'react';
-import Widget from 'goblin-laboratory/widgets/widget';
-import Hinter from 'goblin-desktop/widgets/hinter/widget';
-
-class HinterView extends Widget {
-  constructor() {
-    super(...arguments);
-  }
-
-  render() {
-    const {isDisplayed, hinter} = this.props;
-    if (!isDisplayed) {
-      return null;
-    }
-
-    if (hinter.endsWith('-hidden')) {
-      return null;
-    }
-
-    const hash = this.getHash();
-    const workitemId = hash.split('.')[1];
-    return <Hinter id={`${hinter}-hinter@${workitemId}`} />;
-  }
-}
-
-export default Widget.WithRoute(
-  HinterView,
-  'hinter',
-  null,
-  true
-)('/:context/:view/:hinter');
+import React from 'react';
+import Widget from 'goblin-laboratory/widgets/widget';
+import Hinter from 'goblin-desktop/widgets/hinter/widget';
+
+class HinterView extends Widget {
+  constructor() {
+    super(...arguments);
+  }
+
+  render() {
+    const {isDisplayed, hinter} = this.props;
+    if (!isDisplayed) {
+      return null;
+    }
+
+    if (hinter.endsWith('-hidden')) {
+      return null;
+    }
+
+    const hash = this.getHash();
+    const workitemId = hash.split('.')[1];
+    return <Hinter id={`${hinter}-hinter@${workitemId}`} />;
+  }
+}
+
+export default Widget.WithRoute(
+  HinterView,
+  'hinter',
+  null,
+  true
+)('/:context/:view/:hinter');