goblin-gadgets 3.2.2 → 3.2.3

package/widgets/table-cell/props.js

@@ -1,145 +1,145 @@
-import {types} from 'goblin-gadgets/types/types.js';
-
-/******************************************************************************/
-
-export default [
-  // Main.
-  {
-    name: 'rowId',
-    group: 'main',
-    type: types.oneOfType([types.number, types.string]),
-  },
-  {
-    name: 'text',
-    group: 'main',
-    type: types.any,
-    defaultValue: '',
-  },
-  {
-    name: 'glyph',
-    group: 'main',
-    type: types.glyph,
-  },
-  {
-    name: 'cellFormat',
-    group: 'main',
-    type: types.enum(['', 'original']),
-  },
-  {
-    name: 'type',
-    group: 'main',
-    type: types.enum([
-      'string',
-      'markdown',
-      'enum',
-      'date',
-      'time',
-      'datetime',
-      'price',
-      'weight',
-      'length',
-      'pixel',
-      'volume',
-      'bool',
-      'number',
-      'percent',
-      'delay',
-      'month',
-      'dow',
-      'quarter',
-      'semester',
-    ]),
-  },
-  {
-    name: 'index',
-    group: 'main',
-    type: types.oneOfType([types.number, types.string]),
-  },
-  {
-    name: 'children',
-    group: 'main',
-    type: types.component,
-  },
-
-  // Layout.
-  {
-    name: 'width',
-    group: 'layout',
-    type: types.pixel,
-    min: 0,
-    max: 1000,
-  },
-  {
-    name: 'maxHeight',
-    group: 'layout',
-    type: types.pixel,
-    min: 0,
-    max: 1000,
-  },
-  {
-    name: 'grow',
-    group: 'layout',
-    type: types.grow,
-  },
-
-  // Aspect.
-  {
-    name: 'isSortable',
-    group: 'aspect',
-    type: types.bool,
-  },
-  {
-    name: 'isHeader',
-    group: 'aspect',
-    type: types.bool,
-  },
-  {
-    name: 'isLast',
-    group: 'aspect',
-    type: types.bool,
-  },
-  {
-    name: 'simpleHeader',
-    group: 'aspect',
-    type: types.bool,
-  },
-  {
-    name: 'level',
-    group: 'aspect',
-    type: types.number,
-    min: 0,
-    max: 10,
-  },
-  {
-    name: 'textAlign',
-    group: 'aspect',
-    type: types.enum(['', 'right', 'left', 'center']),
-  },
-  {
-    name: 'horizontalSpacing',
-    group: 'aspect',
-    type: types.horizontalSpacing,
-  },
-  {
-    name: 'fontSizeStrategy',
-    group: 'aspect',
-    type: types.enum(['', 'decrease']),
-  },
-  {
-    name: 'indent',
-    group: 'aspect',
-    type: types.enum(['', 'space']),
-  },
-  {
-    name: 'verticalAlign',
-    group: 'aspect',
-    type: types.enum(['', 'baseline', 'center']),
-  },
-
-  // Function.
-  {
-    name: 'onClick',
-    group: 'function',
-    type: types.function,
-  },
-];
+import {types} from 'goblin-gadgets/types/types.js';
+
+/******************************************************************************/
+
+export default [
+  // Main.
+  {
+    name: 'rowId',
+    group: 'main',
+    type: types.oneOfType([types.number, types.string]),
+  },
+  {
+    name: 'text',
+    group: 'main',
+    type: types.any,
+    defaultValue: '',
+  },
+  {
+    name: 'glyph',
+    group: 'main',
+    type: types.glyph,
+  },
+  {
+    name: 'cellFormat',
+    group: 'main',
+    type: types.enum(['', 'original']),
+  },
+  {
+    name: 'type',
+    group: 'main',
+    type: types.enum([
+      'string',
+      'markdown',
+      'enum',
+      'date',
+      'time',
+      'datetime',
+      'price',
+      'weight',
+      'length',
+      'pixel',
+      'volume',
+      'bool',
+      'number',
+      'percent',
+      'delay',
+      'month',
+      'dow',
+      'quarter',
+      'semester',
+    ]),
+  },
+  {
+    name: 'index',
+    group: 'main',
+    type: types.oneOfType([types.number, types.string]),
+  },
+  {
+    name: 'children',
+    group: 'main',
+    type: types.component,
+  },
+
+  // Layout.
+  {
+    name: 'width',
+    group: 'layout',
+    type: types.pixel,
+    min: 0,
+    max: 1000,
+  },
+  {
+    name: 'maxHeight',
+    group: 'layout',
+    type: types.pixel,
+    min: 0,
+    max: 1000,
+  },
+  {
+    name: 'grow',
+    group: 'layout',
+    type: types.grow,
+  },
+
+  // Aspect.
+  {
+    name: 'isSortable',
+    group: 'aspect',
+    type: types.bool,
+  },
+  {
+    name: 'isHeader',
+    group: 'aspect',
+    type: types.bool,
+  },
+  {
+    name: 'isLast',
+    group: 'aspect',
+    type: types.bool,
+  },
+  {
+    name: 'simpleHeader',
+    group: 'aspect',
+    type: types.bool,
+  },
+  {
+    name: 'level',
+    group: 'aspect',
+    type: types.number,
+    min: 0,
+    max: 10,
+  },
+  {
+    name: 'textAlign',
+    group: 'aspect',
+    type: types.enum(['', 'right', 'left', 'center']),
+  },
+  {
+    name: 'horizontalSpacing',
+    group: 'aspect',
+    type: types.horizontalSpacing,
+  },
+  {
+    name: 'fontSizeStrategy',
+    group: 'aspect',
+    type: types.enum(['', 'decrease']),
+  },
+  {
+    name: 'indent',
+    group: 'aspect',
+    type: types.enum(['', 'space']),
+  },
+  {
+    name: 'verticalAlign',
+    group: 'aspect',
+    type: types.enum(['', 'baseline', 'center']),
+  },
+
+  // Function.
+  {
+    name: 'onClick',
+    group: 'function',
+    type: types.function,
+  },
+];

package/widgets/table-cell/styles.js

@@ -1,160 +1,160 @@
-import {Unit, ColorManipulator} from 'goblin-theme';
-import {isImmutable} from 'immutable';
-import Shredder from 'xcraft-core-shredder';
-
-/******************************************************************************/
-
-export const propNames = [
-  'width',
-  'grow',
-  'maxHeight',
-  'isLast',
-  'isHeader',
-  'isSortable',
-  'text',
-  'level',
-  'fontSizeStrategy',
-  'indent',
-  'textAlign',
-  'simpleHeader',
-  'verticalAlign',
-];
-
-export function mapProps(props) {
-  const {text, ...otherProps} = props;
-  if (isImmutable(text) || text instanceof Shredder) {
-    return {
-      ...otherProps,
-      backgroundColor: text.get('backgroundColor'),
-    };
-  }
-  return otherProps;
-}
-
-export default function styles(theme, props) {
-  let {
-    backgroundColor,
-    width,
-    grow,
-    maxHeight,
-    isLast,
-    isHeader,
-    isSortable,
-    level,
-    fontSizeStrategy,
-    indent,
-    textAlign,
-    simpleHeader,
-    verticalAlign,
-  } = props;
-
-  let minWidth = null;
-  let maxWidth = null;
-  let flexGrow = null;
-  let flexShrink = null;
-  let flexBasis = null;
-  let overflow = null;
-  let paddingLeft = '0px';
-  let paddingRight = '0px';
-  let paddingTop = '0px';
-  let paddingBottom = '0px';
-  let marginLeft = '0px';
-  let marginRight = '0px';
-  let marginTop = '0px';
-  let marginBottom = '0px';
-  let borderRight = null;
-  let fontWeight = null;
-  let textTransform = null;
-  let fontSize = theme.shapes.tableTextSize;
-  let hoverColor = null;
-  let alignSelf = verticalAlign;
-
-  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 && !simpleHeader) {
-    fontWeight = 'bold';
-    textTransform = 'uppercase';
-  }
-
-  if (level && level > 0) {
-    if (fontSizeStrategy === 'decrease') {
-      // 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.tableTextSize, 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);
-      }
-    }
-  }
-
-  if (isSortable) {
-    hoverColor = theme.palette.actionButtonBackground;
-  }
-
-  const tableCell = {
-    'position': 'relative',
-    'minWidth': minWidth,
-    'maxWidth': maxWidth,
-    'maxHeight': maxHeight,
-    'flexGrow': flexGrow,
-    'flexShrink': flexShrink,
-    'flexBasis': flexBasis,
-    'alignSelf': alignSelf,
-    'overflow': overflow,
-    'marginLeft': marginLeft,
-    'marginRight': marginRight,
-    'marginTop': marginTop,
-    'marginBottom': marginBottom,
-    'paddingLeft': paddingLeft,
-    'paddingRight': paddingRight,
-    'paddingTop': paddingTop,
-    'paddingBottom': paddingBottom,
-    'borderRight': borderRight,
-    'textAlign': textAlign,
-    'fontWeight': fontWeight,
-    'textTransform': textTransform,
-    'fontSize': fontSize,
-    'backgroundColor': backgroundColor,
-    ':hover': {
-      color: hoverColor,
-    },
-  };
-
-  /******************************************************************************/
-
-  return {
-    tableCell,
-  };
-}
-
-/******************************************************************************/
+import {Unit, ColorManipulator} from 'goblin-theme';
+import {isImmutable} from 'immutable';
+import Shredder from 'xcraft-core-shredder';
+
+/******************************************************************************/
+
+export const propNames = [
+  'width',
+  'grow',
+  'maxHeight',
+  'isLast',
+  'isHeader',
+  'isSortable',
+  'text',
+  'level',
+  'fontSizeStrategy',
+  'indent',
+  'textAlign',
+  'simpleHeader',
+  'verticalAlign',
+];
+
+export function mapProps(props) {
+  const {text, ...otherProps} = props;
+  if (isImmutable(text) || text instanceof Shredder) {
+    return {
+      ...otherProps,
+      backgroundColor: text.get('backgroundColor'),
+    };
+  }
+  return otherProps;
+}
+
+export default function styles(theme, props) {
+  let {
+    backgroundColor,
+    width,
+    grow,
+    maxHeight,
+    isLast,
+    isHeader,
+    isSortable,
+    level,
+    fontSizeStrategy,
+    indent,
+    textAlign,
+    simpleHeader,
+    verticalAlign,
+  } = props;
+
+  let minWidth = null;
+  let maxWidth = null;
+  let flexGrow = null;
+  let flexShrink = null;
+  let flexBasis = null;
+  let overflow = null;
+  let paddingLeft = '0px';
+  let paddingRight = '0px';
+  let paddingTop = '0px';
+  let paddingBottom = '0px';
+  let marginLeft = '0px';
+  let marginRight = '0px';
+  let marginTop = '0px';
+  let marginBottom = '0px';
+  let borderRight = null;
+  let fontWeight = null;
+  let textTransform = null;
+  let fontSize = theme.shapes.tableTextSize;
+  let hoverColor = null;
+  let alignSelf = verticalAlign;
+
+  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 && !simpleHeader) {
+    fontWeight = 'bold';
+    textTransform = 'uppercase';
+  }
+
+  if (level && level > 0) {
+    if (fontSizeStrategy === 'decrease') {
+      // 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.tableTextSize, 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);
+      }
+    }
+  }
+
+  if (isSortable) {
+    hoverColor = theme.palette.actionButtonBackground;
+  }
+
+  const tableCell = {
+    'position': 'relative',
+    'minWidth': minWidth,
+    'maxWidth': maxWidth,
+    'maxHeight': maxHeight,
+    'flexGrow': flexGrow,
+    'flexShrink': flexShrink,
+    'flexBasis': flexBasis,
+    'alignSelf': alignSelf,
+    'overflow': overflow,
+    'marginLeft': marginLeft,
+    'marginRight': marginRight,
+    'marginTop': marginTop,
+    'marginBottom': marginBottom,
+    'paddingLeft': paddingLeft,
+    'paddingRight': paddingRight,
+    'paddingTop': paddingTop,
+    'paddingBottom': paddingBottom,
+    'borderRight': borderRight,
+    'textAlign': textAlign,
+    'fontWeight': fontWeight,
+    'textTransform': textTransform,
+    'fontSize': fontSize,
+    'backgroundColor': backgroundColor,
+    ':hover': {
+      color: hoverColor,
+    },
+  };
+
+  /******************************************************************************/
+
+  return {
+    tableCell,
+  };
+}
+
+/******************************************************************************/