goblin-desktop 2.0.0 → 2.0.2

package/widgets/entity-row-button/styles.js

@@ -1,46 +1,46 @@
-/******************************************************************************/
-
-export const propNames = ['width', 'height', 'place'];
-
-export default function styles(theme, props) {
-  const {width = '28px', height = '28px', place = 'middle'} = props;
-
-  const p = '5px';
-  const padding = {
-    left: `0px 0px 0px ${p}`,
-    middle: `0px ${p} 0px ${p}`,
-    right: `0px ${p} 0px 0px`,
-  }[place];
-
-  const r = '14px';
-  const borderRadius = {
-    left: `${r} 0px 0px ${r}`,
-    middle: '0px',
-    right: `0px ${r} ${r} 0px`,
-  }[place];
-
-  const entityRowButton = {
-    'width': width,
-    'height': height,
-    'marginRight': '1px',
-    'padding': padding,
-    'display': 'flex',
-    'flexDirection': 'row',
-    'justifyContent': 'center',
-    'alignItems': 'center',
-    'borderRadius': borderRadius,
-    'fontSize': '90%',
-    'color': theme.palette.tableSelectedText,
-    'backgroundColor': theme.palette.tableSelectedBackground,
-    ':hover': {
-      backgroundColor: theme.palette.rootBackground,
-    },
-    'transition': '0.3s ease-out',
-  };
-
-  return {
-    entityRowButton,
-  };
-}
-
-/******************************************************************************/
+/******************************************************************************/
+
+export const propNames = ['width', 'height', 'place'];
+
+export default function styles(theme, props) {
+  const {width = '28px', height = '28px', place = 'middle'} = props;
+
+  const p = '5px';
+  const padding = {
+    left: `0px 0px 0px ${p}`,
+    middle: `0px ${p} 0px ${p}`,
+    right: `0px ${p} 0px 0px`,
+  }[place];
+
+  const r = '14px';
+  const borderRadius = {
+    left: `${r} 0px 0px ${r}`,
+    middle: '0px',
+    right: `0px ${r} ${r} 0px`,
+  }[place];
+
+  const entityRowButton = {
+    'width': width,
+    'height': height,
+    'marginRight': '1px',
+    'padding': padding,
+    'display': 'flex',
+    'flexDirection': 'row',
+    'justifyContent': 'center',
+    'alignItems': 'center',
+    'borderRadius': borderRadius,
+    'fontSize': '90%',
+    'color': theme.palette.tableSelectedText,
+    'backgroundColor': theme.palette.tableSelectedBackground,
+    ':hover': {
+      backgroundColor: theme.palette.rootBackground,
+    },
+    'transition': '0.3s ease-out',
+  };
+
+  return {
+    entityRowButton,
+  };
+}
+
+/******************************************************************************/

package/widgets/entity-row-button/widget.js

@@ -1,57 +1,57 @@
-import React from 'react';
-import Widget from 'goblin-laboratory/widgets/widget';
-import {TranslatableDiv} from 'goblin-nabu/widgets/helpers/element-helpers';
-import {FontAwesomeIcon} from '@fortawesome/react-fontawesome';
-
-/******************************************************************************/
-
-export default class EntityRowButton extends Widget {
-  constructor() {
-    super(...arguments);
-    this.handleClick = this.handleClick.bind(this);
-  }
-
-  handleClick(e) {
-    this.props.onClick();
-    e.preventDefault();
-    e.stopPropagation();
-  }
-
-  render() {
-    const parts = this.props.glyph.split('/');
-    let prefix = '';
-    let glyph = '';
-    if (parts.length === 2) {
-      // prefix:
-      // 'solid'   -> 's' -> fas (standard)
-      // 'regular' -> 'r' -> far (outline)
-      // 'light'   -> 'l' -> fal
-      // 'brands'  -> 'b' -> fab
-      if (
-        parts[0] !== 'solid' &&
-        parts[0] !== 'regular' &&
-        parts[0] !== 'light' &&
-        parts[0] !== 'brands'
-      ) {
-        console.error(`Glyph '${parts[1]}' has unknown prefix '${parts[0]}'`);
-      }
-      prefix = parts[0][0]; // first letter
-      glyph = parts[1];
-    } else {
-      console.warn(`Glyph '${glyph}' without prefix`);
-    }
-
-    return (
-      <TranslatableDiv
-        className={this.styles.classNames.entityRowButton}
-        workitemId={this.context.desktopId || this.getNearestId()}
-        title={this.props.tooltip}
-        onClick={this.handleClick}
-      >
-        <FontAwesomeIcon icon={[`fa${prefix}`, glyph]} />
-      </TranslatableDiv>
-    );
-  }
-}
-
-/******************************************************************************/
+import React from 'react';
+import Widget from 'goblin-laboratory/widgets/widget';
+import {TranslatableDiv} from 'goblin-nabu/widgets/helpers/element-helpers';
+import {FontAwesomeIcon} from '@fortawesome/react-fontawesome';
+
+/******************************************************************************/
+
+export default class EntityRowButton extends Widget {
+  constructor() {
+    super(...arguments);
+    this.handleClick = this.handleClick.bind(this);
+  }
+
+  handleClick(e) {
+    this.props.onClick();
+    e.preventDefault();
+    e.stopPropagation();
+  }
+
+  render() {
+    const parts = this.props.glyph.split('/');
+    let prefix = '';
+    let glyph = '';
+    if (parts.length === 2) {
+      // prefix:
+      // 'solid'   -> 's' -> fas (standard)
+      // 'regular' -> 'r' -> far (outline)
+      // 'light'   -> 'l' -> fal
+      // 'brands'  -> 'b' -> fab
+      if (
+        parts[0] !== 'solid' &&
+        parts[0] !== 'regular' &&
+        parts[0] !== 'light' &&
+        parts[0] !== 'brands'
+      ) {
+        console.error(`Glyph '${parts[1]}' has unknown prefix '${parts[0]}'`);
+      }
+      prefix = parts[0][0]; // first letter
+      glyph = parts[1];
+    } else {
+      console.warn(`Glyph '${glyph}' without prefix`);
+    }
+
+    return (
+      <TranslatableDiv
+        className={this.styles.classNames.entityRowButton}
+        workitemId={this.context.desktopId || this.getNearestId()}
+        title={this.props.tooltip}
+        onClick={this.handleClick}
+      >
+        <FontAwesomeIcon icon={[`fa${prefix}`, glyph]} />
+      </TranslatableDiv>
+    );
+  }
+}
+
+/******************************************************************************/

package/widgets/entity-view/reducer.js

@@ -1,20 +1,20 @@
-import {fromJS} from 'immutable';
-const initialState = fromJS({
-  selectedRowId: null,
-  selectedEntityId: null,
-});
-
-const actions = {
-  'select-row': (state, action) => {
-    return state
-      .set('selectedRowId', action.rowId)
-      .set('selectedEntityId', action.entityId);
-  },
-};
-
-export default (state = initialState, action = {}) => {
-  if (actions[action.type]) {
-    return actions[action.type](state, action);
-  }
-  return state;
-};
+import {fromJS} from 'immutable';
+const initialState = fromJS({
+  selectedRowId: null,
+  selectedEntityId: null,
+});
+
+const actions = {
+  'select-row': (state, action) => {
+    return state
+      .set('selectedRowId', action.rowId)
+      .set('selectedEntityId', action.entityId);
+  },
+};
+
+export default (state = initialState, action = {}) => {
+  if (actions[action.type]) {
+    return actions[action.type](state, action);
+  }
+  return state;
+};

package/widgets/entity-view/styles.js

@@ -1,90 +1,90 @@
-import {Unit} from 'goblin-theme';
-
-/******************************************************************************/
-
-export default function styles(theme) {
-  const entityView = {
-    position: 'relative',
-    margin: '0px',
-    overflowX: 'hidden',
-    overflowY: 'hidden',
-    display: 'flex',
-    flexDirection: 'column',
-    backgroundColor: theme.palette.paneBackground,
-  };
-
-  const list = {
-    width: '100%',
-    overflowX: 'auto',
-    overflowY: 'hidden',
-    display: 'flex',
-    flexDirection: 'column',
-    flexGrow: '1',
-  };
-
-  const content = {
-    overflowX: 'hidden',
-    overflowY: 'hidden',
-    display: 'flex',
-    flexDirection: 'column',
-    flexGrow: '1',
-  };
-
-  // Assumes the presence of a vertical scroller.
-  // When there are none, the header columns do not match the columns in the list!
-  const mr = Unit.add('20px', theme.shapes.scrollerThickness);
-
-  const header = {
-    position: 'relative',
-    minHeight: '44px',
-    padding: `0px ${mr} 0px 20px`,
-    borderBottom: '1px solid #888',
-    display: 'flex',
-    flexDirection: 'row',
-  };
-
-  const hc = theme.palette.tableFilterHeaderHatch;
-  const hs = '10px';
-  const ht = Unit.multiply(hs, 2);
-  const headerFilter = {
-    ...header,
-    background: `repeating-linear-gradient(-45deg, ${hc}, ${hc} ${hs}, rgba(0,0,0,0) 0px, rgba(0,0,0,0) ${ht})`,
-  };
-
-  const rows = {
-    overflowX: 'hidden',
-    overflowY: 'auto',
-    display: 'flex',
-    flexDirection: 'column',
-    flexGrow: '1',
-  };
-
-  const button = {
-    position: 'absolute',
-    top: '13px',
-    right: '-2px',
-  };
-
-  const variants = {
-    position: 'absolute',
-    bottom: '-1px',
-    left: '-1px',
-    display: 'flex',
-    flexDirection: 'row',
-  };
-
-  /******************************************************************************/
-
-  return {
-    entityView,
-    list,
-    content,
-    header,
-    headerFilter,
-    rows,
-    button,
-    variants,
-  };
-}
-
-/******************************************************************************/
+import {Unit} from 'goblin-theme';
+
+/******************************************************************************/
+
+export default function styles(theme) {
+  const entityView = {
+    position: 'relative',
+    margin: '0px',
+    overflowX: 'hidden',
+    overflowY: 'hidden',
+    display: 'flex',
+    flexDirection: 'column',
+    backgroundColor: theme.palette.paneBackground,
+  };
+
+  const list = {
+    width: '100%',
+    overflowX: 'auto',
+    overflowY: 'hidden',
+    display: 'flex',
+    flexDirection: 'column',
+    flexGrow: '1',
+  };
+
+  const content = {
+    overflowX: 'hidden',
+    overflowY: 'hidden',
+    display: 'flex',
+    flexDirection: 'column',
+    flexGrow: '1',
+  };
+
+  // Assumes the presence of a vertical scroller.
+  // When there are none, the header columns do not match the columns in the list!
+  const mr = Unit.add('20px', theme.shapes.scrollerThickness);
+
+  const header = {
+    position: 'relative',
+    minHeight: '44px',
+    padding: `0px ${mr} 0px 20px`,
+    borderBottom: '1px solid #888',
+    display: 'flex',
+    flexDirection: 'row',
+  };
+
+  const hc = theme.palette.tableFilterHeaderHatch;
+  const hs = '10px';
+  const ht = Unit.multiply(hs, 2);
+  const headerFilter = {
+    ...header,
+    background: `repeating-linear-gradient(-45deg, ${hc}, ${hc} ${hs}, rgba(0,0,0,0) 0px, rgba(0,0,0,0) ${ht})`,
+  };
+
+  const rows = {
+    overflowX: 'hidden',
+    overflowY: 'auto',
+    display: 'flex',
+    flexDirection: 'column',
+    flexGrow: '1',
+  };
+
+  const button = {
+    position: 'absolute',
+    top: '13px',
+    right: '-2px',
+  };
+
+  const variants = {
+    position: 'absolute',
+    bottom: '-1px',
+    left: '-1px',
+    display: 'flex',
+    flexDirection: 'row',
+  };
+
+  /******************************************************************************/
+
+  return {
+    entityView,
+    list,
+    content,
+    header,
+    headerFilter,
+    rows,
+    button,
+    variants,
+  };
+}
+
+/******************************************************************************/