goblin-gadgets 3.2.2 → 3.2.3

package/widgets/tree-cell/styles.js

@@ -1,140 +1,140 @@
-import {Unit} from 'goblin-theme';
-import {isImmutable} from 'immutable';
-
-/******************************************************************************/
-
-export const propNames = [
-  'width',
-  'grow',
-  'isLast',
-  'isHeader',
-  'text',
-  'verticalSpacing',
-  'level',
-  'indent',
-  'textAlign',
-];
-
-export function mapProps(props) {
-  const {text, ...otherProps} = props;
-  if (isImmutable(text)) {
-    return {
-      ...otherProps,
-      backgroundColor: text.get('backgroundColor'),
-    };
-  }
-  return otherProps;
-}
-
-export default function styles(theme, props) {
-  const {
-    backgroundColor,
-    width,
-    grow,
-    isLast,
-    isHeader,
-    verticalSpacing,
-    level,
-    indent,
-    textAlign,
-  } = props;
-
-  let minWidth = null;
-  let maxWidth = null;
-  let flexGrow = null;
-  let flexShrink = null;
-  let flexBasis = null;
-  let overflow = null;
-  let verticalPadding = theme.shapes.treePadding;
-  let paddingLeft = '0px';
-  let paddingRight = '0px';
-  let marginLeft = '0px';
-  let marginRight = '0px';
-  let fontWeight = null;
-  let textTransform = null;
-  let fontSize = theme.shapes.treeTextSize;
-
-  if (width) {
-    minWidth = width;
-    maxWidth = width;
-  }
-  if (grow) {
-    flexGrow = grow;
-    flexShrink = '0';
-    flexBasis = '0%';
-    minWidth = '0px';
-    overflow = 'hidden';
-  }
-  if (isLast === false) {
-    // All cells have a right margin, except the last.
-    marginRight = theme.shapes.tablePadding;
-  }
-  if (isHeader) {
-    fontWeight = 'bold';
-    textTransform = 'uppercase';
-  }
-
-  if (verticalSpacing === 'compact') {
-    verticalPadding = '0px';
-  }
-
-  if (level && level > 0) {
-    //- // level = 0  ->  fontSize = 90%
-    //- // level = 1  ->  fontSize = 90% * 0.8 = 72%
-    //- // level = 2  ->  fontSize = 90% * 0.7 = 63%
-    //- // level = 3  ->  fontSize = 90% * 0.6 = 54%
-    //- fontSize = Unit.multiply(
-    //-   theme.shapes.treeTextSize,
-    //-   0.9 - level * 0.1
-    //- );
-
-    if (indent === 'space') {
-      if (textAlign === 'right') {
-        paddingRight = Unit.multiply(theme.shapes.tablePadding, level);
-      } else {
-        paddingLeft = Unit.multiply(theme.shapes.tablePadding, level);
-      }
-
-      if (minWidth && minWidth !== '0px') {
-        minWidth = Unit.sub(minWidth, paddingLeft);
-        minWidth = Unit.sub(minWidth, paddingRight);
-      }
-
-      if (maxWidth && maxWidth !== '0px') {
-        maxWidth = Unit.sub(maxWidth, paddingLeft);
-        maxWidth = Unit.sub(maxWidth, paddingRight);
-      }
-    }
-  }
-
-  const cellStyle = {
-    minWidth: minWidth,
-    maxWidth: maxWidth,
-    flexGrow: flexGrow,
-    flexShrink: flexShrink,
-    flexBasis: flexBasis,
-    overflow: overflow,
-    marginLeft: marginLeft,
-    marginRight: marginRight,
-    textAlign: textAlign,
-    fontWeight: fontWeight,
-    textTransform: textTransform,
-    padding:
-      verticalPadding +
-      ' ' +
-      paddingRight +
-      ' ' +
-      verticalPadding +
-      ' ' +
-      paddingLeft,
-    fontSize: fontSize,
-    backgroundColor: backgroundColor,
-    cursor: 'default',
-  };
-
-  return {
-    cell: cellStyle,
-  };
-}
-
-/******************************************************************************/
+import {Unit} from 'goblin-theme';
+import {isImmutable} from 'immutable';
+
+/******************************************************************************/
+
+export const propNames = [
+  'width',
+  'grow',
+  'isLast',
+  'isHeader',
+  'text',
+  'verticalSpacing',
+  'level',
+  'indent',
+  'textAlign',
+];
+
+export function mapProps(props) {
+  const {text, ...otherProps} = props;
+  if (isImmutable(text)) {
+    return {
+      ...otherProps,
+      backgroundColor: text.get('backgroundColor'),
+    };
+  }
+  return otherProps;
+}
+
+export default function styles(theme, props) {
+  const {
+    backgroundColor,
+    width,
+    grow,
+    isLast,
+    isHeader,
+    verticalSpacing,
+    level,
+    indent,
+    textAlign,
+  } = props;
+
+  let minWidth = null;
+  let maxWidth = null;
+  let flexGrow = null;
+  let flexShrink = null;
+  let flexBasis = null;
+  let overflow = null;
+  let verticalPadding = theme.shapes.treePadding;
+  let paddingLeft = '0px';
+  let paddingRight = '0px';
+  let marginLeft = '0px';
+  let marginRight = '0px';
+  let fontWeight = null;
+  let textTransform = null;
+  let fontSize = theme.shapes.treeTextSize;
+
+  if (width) {
+    minWidth = width;
+    maxWidth = width;
+  }
+  if (grow) {
+    flexGrow = grow;
+    flexShrink = '0';
+    flexBasis = '0%';
+    minWidth = '0px';
+    overflow = 'hidden';
+  }
+  if (isLast === false) {
+    // All cells have a right margin, except the last.
+    marginRight = theme.shapes.tablePadding;
+  }
+  if (isHeader) {
+    fontWeight = 'bold';
+    textTransform = 'uppercase';
+  }
+
+  if (verticalSpacing === 'compact') {
+    verticalPadding = '0px';
+  }
+
+  if (level && level > 0) {
+    //- // level = 0  ->  fontSize = 90%
+    //- // level = 1  ->  fontSize = 90% * 0.8 = 72%
+    //- // level = 2  ->  fontSize = 90% * 0.7 = 63%
+    //- // level = 3  ->  fontSize = 90% * 0.6 = 54%
+    //- fontSize = Unit.multiply(
+    //-   theme.shapes.treeTextSize,
+    //-   0.9 - level * 0.1
+    //- );
+
+    if (indent === 'space') {
+      if (textAlign === 'right') {
+        paddingRight = Unit.multiply(theme.shapes.tablePadding, level);
+      } else {
+        paddingLeft = Unit.multiply(theme.shapes.tablePadding, level);
+      }
+
+      if (minWidth && minWidth !== '0px') {
+        minWidth = Unit.sub(minWidth, paddingLeft);
+        minWidth = Unit.sub(minWidth, paddingRight);
+      }
+
+      if (maxWidth && maxWidth !== '0px') {
+        maxWidth = Unit.sub(maxWidth, paddingLeft);
+        maxWidth = Unit.sub(maxWidth, paddingRight);
+      }
+    }
+  }
+
+  const cellStyle = {
+    minWidth: minWidth,
+    maxWidth: maxWidth,
+    flexGrow: flexGrow,
+    flexShrink: flexShrink,
+    flexBasis: flexBasis,
+    overflow: overflow,
+    marginLeft: marginLeft,
+    marginRight: marginRight,
+    textAlign: textAlign,
+    fontWeight: fontWeight,
+    textTransform: textTransform,
+    padding:
+      verticalPadding +
+      ' ' +
+      paddingRight +
+      ' ' +
+      verticalPadding +
+      ' ' +
+      paddingLeft,
+    fontSize: fontSize,
+    backgroundColor: backgroundColor,
+    cursor: 'default',
+  };
+
+  return {
+    cell: cellStyle,
+  };
+}
+
+/******************************************************************************/

package/widgets/tree-cell/widget.js

@@ -1,100 +1,100 @@
-//T:2019-02-27:Nothing to translate !
-import React from 'react';
-import Widget from 'goblin-laboratory/widgets/widget';
-import Shredder from 'xcraft-core-shredder';
-
-import Label from 'goblin-gadgets/widgets/label/widget';
-import * as styles from './styles';
-
-/******************************************************************************/
-
-export default class TreeCell extends Widget {
-  constructor() {
-    super(...arguments);
-    this.styles = styles;
-
-    this.onMouseDown = this.onMouseDown.bind(this);
-    this.onClick = this.onClick.bind(this);
-    this.onDoubleClick = this.onDoubleClick.bind(this);
-  }
-
-  onMouseDown() {
-    const x = this.props.selectionChanged;
-    if (x) {
-      x(this.props.rowId);
-    }
-  }
-
-  onClick() {
-    const x = this.props.onClick;
-    if (x) {
-      x(this.props.rowId);
-    }
-  }
-
-  onDoubleClick() {
-    const x = this.props.onDoubleClick;
-    if (x) {
-      x(this.props.rowId);
-    }
-  }
-
-  renderLabel() {
-    let glyph = null;
-    let glyphColor = null;
-    let text = null;
-    let weight = null;
-    if (this.props.text && this.props.text instanceof Shredder) {
-      glyph = this.props.text.get('glyph');
-      glyphColor = this.props.text.get('glyphColor');
-      text = this.props.text.get('text');
-      weight = this.props.text.get('weight');
-    } else {
-      text = this.props.text;
-    }
-
-    const styleClass = this.styles.classNames.cell;
-
-    return (
-      <div
-        key={this.props.index}
-        className={styleClass}
-        onMouseDown={this.onMouseDown}
-        onDoubleClick={this.props.onDoubleClick}
-      >
-        <Label
-          kind="table-cell"
-          glyph={glyph}
-          glyphColor={glyphColor}
-          text={text}
-          weight={weight}
-          justify={this.props.textAlign}
-          wrap={this.props.wrap}
-        />
-      </div>
-    );
-  }
-
-  // Table accept a function in text, to render a specific component.
-  renderFunction() {
-    return (
-      <div
-        key={this.props.index}
-        className={this.styles.classNames.cell}
-        onClick={this.onClick}
-      >
-        {this.props.text()}
-      </div>
-    );
-  }
-
-  render() {
-    if (typeof this.props.text === 'function') {
-      return this.renderFunction();
-    } else {
-      return this.renderLabel();
-    }
-  }
-}
-
-/******************************************************************************/
+//T:2019-02-27:Nothing to translate !
+import React from 'react';
+import Widget from 'goblin-laboratory/widgets/widget';
+import Shredder from 'xcraft-core-shredder';
+
+import Label from 'goblin-gadgets/widgets/label/widget';
+import * as styles from './styles';
+
+/******************************************************************************/
+
+export default class TreeCell extends Widget {
+  constructor() {
+    super(...arguments);
+    this.styles = styles;
+
+    this.onMouseDown = this.onMouseDown.bind(this);
+    this.onClick = this.onClick.bind(this);
+    this.onDoubleClick = this.onDoubleClick.bind(this);
+  }
+
+  onMouseDown() {
+    const x = this.props.selectionChanged;
+    if (x) {
+      x(this.props.rowId);
+    }
+  }
+
+  onClick() {
+    const x = this.props.onClick;
+    if (x) {
+      x(this.props.rowId);
+    }
+  }
+
+  onDoubleClick() {
+    const x = this.props.onDoubleClick;
+    if (x) {
+      x(this.props.rowId);
+    }
+  }
+
+  renderLabel() {
+    let glyph = null;
+    let glyphColor = null;
+    let text = null;
+    let weight = null;
+    if (this.props.text && this.props.text instanceof Shredder) {
+      glyph = this.props.text.get('glyph');
+      glyphColor = this.props.text.get('glyphColor');
+      text = this.props.text.get('text');
+      weight = this.props.text.get('weight');
+    } else {
+      text = this.props.text;
+    }
+
+    const styleClass = this.styles.classNames.cell;
+
+    return (
+      <div
+        key={this.props.index}
+        className={styleClass}
+        onMouseDown={this.onMouseDown}
+        onDoubleClick={this.props.onDoubleClick}
+      >
+        <Label
+          kind="table-cell"
+          glyph={glyph}
+          glyphColor={glyphColor}
+          text={text}
+          weight={weight}
+          justify={this.props.textAlign}
+          wrap={this.props.wrap}
+        />
+      </div>
+    );
+  }
+
+  // Table accept a function in text, to render a specific component.
+  renderFunction() {
+    return (
+      <div
+        key={this.props.index}
+        className={this.styles.classNames.cell}
+        onClick={this.onClick}
+      >
+        {this.props.text()}
+      </div>
+    );
+  }
+
+  render() {
+    if (typeof this.props.text === 'function') {
+      return this.renderFunction();
+    } else {
+      return this.renderLabel();
+    }
+  }
+}
+
+/******************************************************************************/

package/widgets/tree-row/styles.js

@@ -1,77 +1,77 @@
-//T:2019-02-27
-
-const TableHelpers = require('goblin-gadgets/widgets/helpers/table-helpers.js');
-
-/******************************************************************************/
-
-export const propNames = ['row', 'isExpanded'];
-
-export function mapProps(props) {
-  const {row, ...otherProps} = props;
-  if (row) {
-    return {
-      ...otherProps,
-      backgroundColor: row.get('backgroundColor'),
-    };
-  }
-  return otherProps;
-}
-
-export default function styles(theme, props) {
-  const {backgroundColor, isExpanded} = props;
-
-  const m = theme.shapes.containerMargin;
-
-  const rowStyle = {
-    'display': 'flex',
-    'flexDirection': 'row',
-    'padding': '0px ' + m + ' 0px 0px',
-    'backgroundColor':
-      TableHelpers.getBackgroundColor(theme, backgroundColor, 'none', props) +
-      ' !important',
-    'cursor': 'default',
-    ':hover': {
-      backgroundColor:
-        TableHelpers.getBackgroundColor(theme, backgroundColor, 'main', props) +
-        ' !important',
-    },
-  };
-
-  const rowSelectedStyle = {
-    'display': 'flex',
-    'flexDirection': 'row',
-    'padding': '0px ' + m + ' 0px 0px',
-    'backgroundColor':
-      TableHelpers.getSelectedBackgroundColor(theme, 'none', props) +
-      ' !important',
-    'color': theme.palette.tableSelectedText,
-    'cursor': 'default',
-    ':hover': {
-      backgroundColor:
-        TableHelpers.getSelectedBackgroundColor(theme, 'main', props) +
-        ' !important',
-    },
-  };
-
-  const expandButtonStyle = {
-    width: theme.shapes.treeExpandButtonWidth,
-    height: theme.shapes.treeExpandButtonWidth,
-    transform: isExpanded ? 'rotate(90deg)' : null,
-    transition: theme.transitions.easeOut(),
-  };
-
-  const cellStyle = {
-    padding: theme.shapes.tablePadding + ' 0px',
-    fontSize: theme.shapes.treeTextSize,
-    cursor: 'default',
-  };
-
-  return {
-    row: rowStyle,
-    rowSelected: rowSelectedStyle,
-    expandButton: expandButtonStyle,
-    cell: cellStyle,
-  };
-}
-
-/******************************************************************************/
+//T:2019-02-27
+
+const TableHelpers = require('goblin-gadgets/widgets/helpers/table-helpers.js');
+
+/******************************************************************************/
+
+export const propNames = ['row', 'isExpanded'];
+
+export function mapProps(props) {
+  const {row, ...otherProps} = props;
+  if (row) {
+    return {
+      ...otherProps,
+      backgroundColor: row.get('backgroundColor'),
+    };
+  }
+  return otherProps;
+}
+
+export default function styles(theme, props) {
+  const {backgroundColor, isExpanded} = props;
+
+  const m = theme.shapes.containerMargin;
+
+  const rowStyle = {
+    'display': 'flex',
+    'flexDirection': 'row',
+    'padding': '0px ' + m + ' 0px 0px',
+    'backgroundColor':
+      TableHelpers.getBackgroundColor(theme, backgroundColor, 'none', props) +
+      ' !important',
+    'cursor': 'default',
+    ':hover': {
+      backgroundColor:
+        TableHelpers.getBackgroundColor(theme, backgroundColor, 'main', props) +
+        ' !important',
+    },
+  };
+
+  const rowSelectedStyle = {
+    'display': 'flex',
+    'flexDirection': 'row',
+    'padding': '0px ' + m + ' 0px 0px',
+    'backgroundColor':
+      TableHelpers.getSelectedBackgroundColor(theme, 'none', props) +
+      ' !important',
+    'color': theme.palette.tableSelectedText,
+    'cursor': 'default',
+    ':hover': {
+      backgroundColor:
+        TableHelpers.getSelectedBackgroundColor(theme, 'main', props) +
+        ' !important',
+    },
+  };
+
+  const expandButtonStyle = {
+    width: theme.shapes.treeExpandButtonWidth,
+    height: theme.shapes.treeExpandButtonWidth,
+    transform: isExpanded ? 'rotate(90deg)' : null,
+    transition: theme.transitions.easeOut(),
+  };
+
+  const cellStyle = {
+    padding: theme.shapes.tablePadding + ' 0px',
+    fontSize: theme.shapes.treeTextSize,
+    cursor: 'default',
+  };
+
+  return {
+    row: rowStyle,
+    rowSelected: rowSelectedStyle,
+    expandButton: expandButtonStyle,
+    cell: cellStyle,
+  };
+}
+
+/******************************************************************************/