goblin-desktop 2.0.21 → 2.0.24

package/widgets/entity-list-item/widget.js

@@ -1,68 +1,68 @@
-//T:2019-02-27
-import React from 'react';
-import Widget from 'goblin-laboratory/widgets/widget';
-import EntityRow from 'goblin-desktop/widgets/entity-row/widget';
-
-class EntityListItem extends Widget {
-  constructor() {
-    super(...arguments);
-  }
-
-  render() {
-    return (
-      <EntityRow
-        id={this.props.id}
-        busyHeight={this.props.busyHeight}
-        minHeight="28px"
-        maxHeight="200px"
-        firstColumnWidth={this.props.firstColumnWidth}
-        filterPaths={this.props.filterPaths}
-        hasFilter={this.props.hasFilter}
-        itemId={this.props.itemId}
-        columns={this.props.columns}
-        settings={this.props.settings}
-        rowIndex={this.props.rowIndex}
-        selected={this.props.selected}
-        onDrillDown={this.props.onDrillDown}
-        onSelect={this.props.onSelect}
-        onEdit={this.props.onEdit}
-        useView={this.props.useView}
-        listId={this.props.listId}
-        variant={this.props.variant}
-        schema={this.props.schema}
-      />
-    );
-  }
-}
-
-export default Widget.connect((state, props) => {
-  const id = state.get(`backend.${props.listId}.list.${props.itemId}`, null);
-
-  let selectedRowId = null;
-  let selectedEntityId = null;
-  if (props.data.serviceId) {
-    selectedRowId = state.get(`widgets.${props.data.serviceId}.selectedRowId`);
-    selectedEntityId = state.get(
-      `widgets.${props.data.serviceId}.selectedEntityId`
-    );
-  }
-
-  return {
-    id,
-    itemId: props.itemId,
-    firstColumnWidth: props.data.firstColumnWidth,
-    filterPaths: props.data.filterPaths,
-    hasFilter: props.data.hasFilter,
-    columns: props.data.columns,
-    settings: props.data.settings,
-    onDrillDown: props.data.onDrillDown,
-    onSelect: props.data.onSelect,
-    onEdit: props.data.onEdit,
-    rowIndex: props.index,
-    useView: props.data.useView,
-    variant: props.data.variant,
-    schema: props.data.schema,
-    selected:
-      `${selectedRowId}-item` === props.itemId && selectedEntityId === id,
-  };
-})(EntityListItem);
+//T:2019-02-27
+import React from 'react';
+import Widget from 'goblin-laboratory/widgets/widget';
+import EntityRow from 'goblin-desktop/widgets/entity-row/widget';
+
+class EntityListItem extends Widget {
+  constructor() {
+    super(...arguments);
+  }
+
+  render() {
+    return (
+      <EntityRow
+        id={this.props.id}
+        busyHeight={this.props.busyHeight}
+        minHeight="28px"
+        maxHeight="200px"
+        firstColumnWidth={this.props.firstColumnWidth}
+        filterPaths={this.props.filterPaths}
+        hasFilter={this.props.hasFilter}
+        itemId={this.props.itemId}
+        columns={this.props.columns}
+        settings={this.props.settings}
+        rowIndex={this.props.rowIndex}
+        selected={this.props.selected}
+        onDrillDown={this.props.onDrillDown}
+        onSelect={this.props.onSelect}
+        onEdit={this.props.onEdit}
+        useView={this.props.useView}
+        listId={this.props.listId}
+        variant={this.props.variant}
+        schema={this.props.schema}
+      />
+    );
+  }
+}
+
+export default Widget.connect((state, props) => {
+  const id = state.get(`backend.${props.listId}.list.${props.itemId}`, null);
+
+  let selectedRowId = null;
+  let selectedEntityId = null;
+  if (props.data.serviceId) {
+    selectedRowId = state.get(`widgets.${props.data.serviceId}.selectedRowId`);
+    selectedEntityId = state.get(
+      `widgets.${props.data.serviceId}.selectedEntityId`
+    );
+  }
+
+  return {
+    id,
+    itemId: props.itemId,
+    firstColumnWidth: props.data.firstColumnWidth,
+    filterPaths: props.data.filterPaths,
+    hasFilter: props.data.hasFilter,
+    columns: props.data.columns,
+    settings: props.data.settings,
+    onDrillDown: props.data.onDrillDown,
+    onSelect: props.data.onSelect,
+    onEdit: props.data.onEdit,
+    rowIndex: props.index,
+    useView: props.data.useView,
+    variant: props.data.variant,
+    schema: props.data.schema,
+    selected:
+      `${selectedRowId}-item` === props.itemId && selectedEntityId === id,
+  };
+})(EntityListItem);

package/widgets/entity-row/styles.js

@@ -1,105 +1,105 @@
-import {Unit, ColorManipulator} from 'goblin-theme';
-import TableHelpers from 'goblin-gadgets/widgets/helpers/table-helpers.js';
-
-const px = Unit.toPx;
-
-/******************************************************************************/
-
-export const propNames = [
-  'busyHeight',
-  'height',
-  'minHeight',
-  'selected',
-  'rowIndex',
-];
-
-export default function styles(theme, props) {
-  const {busyHeight, height, minHeight, selected, rowIndex} = props;
-
-  let backgroundColor = theme.palette.tableCellBackground;
-  if (theme.look.name === 'retro' && rowIndex % 2 === 0) {
-    backgroundColor = ColorManipulator.darken(backgroundColor, 0.1);
-  }
-
-  const entityRow = {
-    'position': 'relative',
-    'height': height,
-    'minHeight': minHeight,
-    'display': 'flex',
-    'flexDirection': 'row',
-    'alignItems': 'center',
-    'padding': '5px 20px',
-    'overflow': 'hidden',
-    'color': selected ? theme.palette.tableSelectedText : null,
-    'backgroundColor': selected
-      ? TableHelpers.getSelectedBackgroundColor(theme, 'none')
-      : TableHelpers.getBackgroundColor(theme, backgroundColor, 'none'),
-    'borderBottom': `1px solid ${theme.palette.viewBackground}`,
-    'cursor': 'default',
-    ':hover': {
-      backgroundColor: selected
-        ? TableHelpers.getSelectedBackgroundColor(theme, 'main')
-        : TableHelpers.getBackgroundColor(theme, backgroundColor, 'main'),
-    },
-    ':hover .buttons-hover': {
-      transition: '0.4s ease-out', // delay for showing
-      right: '0px',
-    },
-  };
-
-  const busyEntityRow = {...entityRow, padding: '0 20px'};
-
-  const buttons = {
-    position: 'absolute',
-    height: '100%',
-    display: 'flex',
-    flexDirection: 'row',
-    alignItems: 'center',
-    // Animated:
-    transition: '1.0s ease-out', // delay for hidden
-    right: '-75px',
-  };
-
-  const busyBox = {
-    zIndex: 9,
-    position: 'absolute',
-    left: '50px',
-    top: '50%',
-    width: '0px',
-    height: '0px',
-    display: 'flex',
-  };
-
-  const spinner = {
-    position: 'relative',
-    height: px(busyHeight),
-    minHeight: '40px',
-    display: 'flex',
-    alignItems: 'center',
-  };
-
-  const filteredCellBarre = {
-    display: 'flex',
-    flexDirection: 'row',
-    margin: '-5px 0px',
-  };
-
-  const filteredCellGauge = {
-    display: 'flex',
-    flexDirection: 'row',
-  };
-
-  /******************************************************************************/
-
-  return {
-    entityRow,
-    busyEntityRow,
-    buttons,
-    busyBox,
-    spinner,
-    filteredCellBarre,
-    filteredCellGauge,
-  };
-}
-
-/******************************************************************************/
+import {Unit, ColorManipulator} from 'goblin-theme';
+import TableHelpers from 'goblin-gadgets/widgets/helpers/table-helpers.js';
+
+const px = Unit.toPx;
+
+/******************************************************************************/
+
+export const propNames = [
+  'busyHeight',
+  'height',
+  'minHeight',
+  'selected',
+  'rowIndex',
+];
+
+export default function styles(theme, props) {
+  const {busyHeight, height, minHeight, selected, rowIndex} = props;
+
+  let backgroundColor = theme.palette.tableCellBackground;
+  if (theme.look.name === 'retro' && rowIndex % 2 === 0) {
+    backgroundColor = ColorManipulator.darken(backgroundColor, 0.1);
+  }
+
+  const entityRow = {
+    'position': 'relative',
+    'height': height,
+    'minHeight': minHeight,
+    'display': 'flex',
+    'flexDirection': 'row',
+    'alignItems': 'center',
+    'padding': '5px 20px',
+    'overflow': 'hidden',
+    'color': selected ? theme.palette.tableSelectedText : null,
+    'backgroundColor': selected
+      ? TableHelpers.getSelectedBackgroundColor(theme, 'none')
+      : TableHelpers.getBackgroundColor(theme, backgroundColor, 'none'),
+    'borderBottom': `1px solid ${theme.palette.viewBackground}`,
+    'cursor': 'default',
+    ':hover': {
+      backgroundColor: selected
+        ? TableHelpers.getSelectedBackgroundColor(theme, 'main')
+        : TableHelpers.getBackgroundColor(theme, backgroundColor, 'main'),
+    },
+    ':hover .buttons-hover': {
+      transition: '0.4s ease-out', // delay for showing
+      right: '0px',
+    },
+  };
+
+  const busyEntityRow = {...entityRow, padding: '0 20px'};
+
+  const buttons = {
+    position: 'absolute',
+    height: '100%',
+    display: 'flex',
+    flexDirection: 'row',
+    alignItems: 'center',
+    // Animated:
+    transition: '1.0s ease-out', // delay for hidden
+    right: '-75px',
+  };
+
+  const busyBox = {
+    zIndex: 9,
+    position: 'absolute',
+    left: '50px',
+    top: '50%',
+    width: '0px',
+    height: '0px',
+    display: 'flex',
+  };
+
+  const spinner = {
+    position: 'relative',
+    height: px(busyHeight),
+    minHeight: '40px',
+    display: 'flex',
+    alignItems: 'center',
+  };
+
+  const filteredCellBarre = {
+    display: 'flex',
+    flexDirection: 'row',
+    margin: '-5px 0px',
+  };
+
+  const filteredCellGauge = {
+    display: 'flex',
+    flexDirection: 'row',
+  };
+
+  /******************************************************************************/
+
+  return {
+    entityRow,
+    busyEntityRow,
+    buttons,
+    busyBox,
+    spinner,
+    filteredCellBarre,
+    filteredCellGauge,
+  };
+}
+
+/******************************************************************************/