goblin-gadgets 3.2.2 → 3.2.3

package/widgets/separator/styles.js

@@ -1,116 +1,116 @@
-//T:2019-02-27
-
-import {Unit} from 'goblin-theme';
-
-/******************************************************************************/
-
-export const propNames = ['kind', 'width', 'height'];
-
-export default function styles(theme, props) {
-  const {kind, width, height} = props;
-
-  let boxWidth = null;
-  let boxHeight = '1px';
-  let grow = null;
-  let borderWidth = '1px 0px 0px 0px';
-  let borderStyle = 'solid';
-  let borderColor = theme.palette.paneNavigatorInactiveBorder;
-  let margin = '0px';
-  let padding = '0px';
-  let backgroundColor = null;
-
-  const s = theme.shapes.lineSpacing;
-
-  if (width) {
-    boxWidth = width;
-  }
-
-  let topMargin = '0px';
-  let bottomMargin = s;
-  if (height) {
-    const h = Unit.multiply(height, 0.5);
-    topMargin = Unit.add(topMargin, h);
-    bottomMargin = Unit.add(bottomMargin, h);
-  }
-
-  margin = topMargin + ' 0px ' + bottomMargin + ' 0px';
-
-  if (kind === 'task') {
-    if (theme.look.name === 'retro') {
-      boxHeight = Unit.multiply(theme.shapes.taskSeparatorHeight, 2);
-      margin = '0px';
-      borderWidth = '0px';
-      borderStyle = 'none';
-    } else {
-      boxHeight = theme.shapes.taskSeparatorHeight;
-      margin = '0px';
-      borderWidth = '0px';
-      borderStyle = 'none';
-      backgroundColor = theme.palette.taskSeparatorBackground;
-    }
-  }
-
-  if (kind === 'space') {
-    borderWidth = '0px';
-    borderStyle = 'none';
-  }
-
-  if (kind === 'exact') {
-    boxHeight = height;
-    margin = '0px';
-    borderWidth = '0px';
-    borderStyle = 'none';
-  }
-
-  if (kind === 'menu-separator') {
-    boxHeight = theme.shapes.flyingBalloonPadding;
-    margin = '0px';
-    borderWidth = '0px';
-    borderStyle = 'none';
-  }
-
-  if (kind === 'menu-line') {
-    margin = '5px 0px';
-  }
-
-  if (kind === 'floating-footer') {
-    borderColor = theme.palette.floatingSecondary;
-  }
-
-  if (kind === 'ticket-warning') {
-    borderColor = theme.palette.text;
-    margin = '0px 0px 5px 0px';
-  }
-
-  if (kind === 'grow') {
-    grow = '1';
-    margin = null;
-    padding = null;
-  }
-
-  if (kind === 'sajex') {
-    grow = '1';
-    margin = null;
-    padding = null;
-    borderWidth = '0px';
-    borderStyle = 'none';
-  }
-
-  const box = {
-    width: boxWidth,
-    height: boxHeight,
-    flexGrow: grow,
-    borderWidth: borderWidth,
-    borderStyle: borderStyle,
-    borderColor: borderColor,
-    margin: margin,
-    padding: padding,
-    backgroundColor: backgroundColor,
-  };
-
-  return {
-    box,
-  };
-}
-
-/******************************************************************************/
+//T:2019-02-27
+
+import {Unit} from 'goblin-theme';
+
+/******************************************************************************/
+
+export const propNames = ['kind', 'width', 'height'];
+
+export default function styles(theme, props) {
+  const {kind, width, height} = props;
+
+  let boxWidth = null;
+  let boxHeight = '1px';
+  let grow = null;
+  let borderWidth = '1px 0px 0px 0px';
+  let borderStyle = 'solid';
+  let borderColor = theme.palette.paneNavigatorInactiveBorder;
+  let margin = '0px';
+  let padding = '0px';
+  let backgroundColor = null;
+
+  const s = theme.shapes.lineSpacing;
+
+  if (width) {
+    boxWidth = width;
+  }
+
+  let topMargin = '0px';
+  let bottomMargin = s;
+  if (height) {
+    const h = Unit.multiply(height, 0.5);
+    topMargin = Unit.add(topMargin, h);
+    bottomMargin = Unit.add(bottomMargin, h);
+  }
+
+  margin = topMargin + ' 0px ' + bottomMargin + ' 0px';
+
+  if (kind === 'task') {
+    if (theme.look.name === 'retro') {
+      boxHeight = Unit.multiply(theme.shapes.taskSeparatorHeight, 2);
+      margin = '0px';
+      borderWidth = '0px';
+      borderStyle = 'none';
+    } else {
+      boxHeight = theme.shapes.taskSeparatorHeight;
+      margin = '0px';
+      borderWidth = '0px';
+      borderStyle = 'none';
+      backgroundColor = theme.palette.taskSeparatorBackground;
+    }
+  }
+
+  if (kind === 'space') {
+    borderWidth = '0px';
+    borderStyle = 'none';
+  }
+
+  if (kind === 'exact') {
+    boxHeight = height;
+    margin = '0px';
+    borderWidth = '0px';
+    borderStyle = 'none';
+  }
+
+  if (kind === 'menu-separator') {
+    boxHeight = theme.shapes.flyingBalloonPadding;
+    margin = '0px';
+    borderWidth = '0px';
+    borderStyle = 'none';
+  }
+
+  if (kind === 'menu-line') {
+    margin = '5px 0px';
+  }
+
+  if (kind === 'floating-footer') {
+    borderColor = theme.palette.floatingSecondary;
+  }
+
+  if (kind === 'ticket-warning') {
+    borderColor = theme.palette.text;
+    margin = '0px 0px 5px 0px';
+  }
+
+  if (kind === 'grow') {
+    grow = '1';
+    margin = null;
+    padding = null;
+  }
+
+  if (kind === 'sajex') {
+    grow = '1';
+    margin = null;
+    padding = null;
+    borderWidth = '0px';
+    borderStyle = 'none';
+  }
+
+  const box = {
+    width: boxWidth,
+    height: boxHeight,
+    flexGrow: grow,
+    borderWidth: borderWidth,
+    borderStyle: borderStyle,
+    borderColor: borderColor,
+    margin: margin,
+    padding: padding,
+    backgroundColor: backgroundColor,
+  };
+
+  return {
+    box,
+  };
+}
+
+/******************************************************************************/

package/widgets/separator/widget.js

@@ -1,27 +1,27 @@
-import React from 'react';
-import props from './props';
-import {registerWidget} from 'goblin-gadgets/widgets/widget-doc/widget-list';
-import Widget from 'goblin-laboratory/widgets/widget';
-import * as styles from './styles';
-
-/******************************************************************************/
-
-export default class Separator extends Widget {
-  constructor() {
-    super(...arguments);
-    this.styles = styles;
-  }
-
-  render() {
-    return (
-      <div
-        className={this.styles.classNames.box}
-        disabled={this.props.disabled}
-      />
-    );
-  }
-}
-
-/******************************************************************************/
-
-registerWidget(Separator, props, null, false);
+import React from 'react';
+import props from './props';
+import {registerWidget} from 'goblin-gadgets/widgets/widget-doc/widget-list';
+import Widget from 'goblin-laboratory/widgets/widget';
+import * as styles from './styles';
+
+/******************************************************************************/
+
+export default class Separator extends Widget {
+  constructor() {
+    super(...arguments);
+    this.styles = styles;
+  }
+
+  render() {
+    return (
+      <div
+        className={this.styles.classNames.box}
+        disabled={this.props.disabled}
+      />
+    );
+  }
+}
+
+/******************************************************************************/
+
+registerWidget(Separator, props, null, false);

package/widgets/slider/props.js

@@ -1,136 +1,136 @@
-import {types} from 'goblin-gadgets/types/types.js';
-
-export default [
-  // Aspect.
-  {
-    name: 'barColor',
-    group: 'aspect',
-    type: types.color,
-  },
-  {
-    name: 'barPosition',
-    group: 'aspect',
-    type: types.enum(['', 'start', 'middle', 'end']),
-  },
-  {
-    name: 'direction',
-    group: 'aspect',
-    type: types.enum(['vertical', 'horizontal']),
-  },
-  {
-    name: 'gliderSize',
-    group: 'aspect',
-    type: types.enum(['', 'small', 'default', 'large']),
-  },
-  {
-    name: 'cabSize',
-    group: 'aspect',
-    type: types.enum(['', 'small', 'default', 'large']),
-  },
-  {
-    name: 'cabType',
-    group: 'aspect',
-    type: types.enum(['', 'round', 'thin']),
-  },
-  {
-    name: 'gradient',
-    group: 'aspect',
-    type: types.enum(['', '1to2', 'rainbow']),
-  },
-  {
-    name: 'gradientColor1',
-    group: 'aspect',
-    type: types.color,
-  },
-  {
-    name: 'gradientColor2',
-    group: 'aspect',
-    type: types.color,
-  },
-  {
-    name: 'disabled',
-    group: 'aspect',
-    type: types.bool,
-  },
-
-  // Value.
-  {
-    name: 'value',
-    group: 'value',
-    type: types.oneOfType([types.number, types.string]),
-    description:
-      'Value between "min" and "max", or two values separate by ";".',
-  },
-  {
-    name: 'min',
-    group: 'value',
-    type: types.number,
-    description: 'Default value is 0.',
-  },
-  {
-    name: 'max',
-    group: 'value',
-    type: types.number,
-    description: 'Default value is 100.',
-  },
-  {
-    name: 'step',
-    group: 'value',
-    type: types.number,
-    description: 'Default value is 1.',
-  },
-  {
-    name: 'displayValue',
-    group: 'value',
-    type: types.enum(['', 'never', 'dragging', 'always']),
-  },
-  {
-    name: 'getDisplayedValue',
-    group: 'value',
-    type: types.function,
-  },
-
-  // Layout.
-  {
-    name: 'grow',
-    group: 'layout',
-    type: types.grow,
-  },
-  {
-    name: 'width',
-    group: 'layout',
-    type: types.pixel,
-    min: 0,
-    max: 1000,
-  },
-  {
-    name: 'height',
-    group: 'layout',
-    type: types.pixel,
-    min: 0,
-    max: 1000,
-  },
-
-  // Function.
-  {
-    name: 'onChange',
-    group: 'function',
-    type: types.function,
-  },
-
-  // Functionality.
-  {
-    name: 'changeMode',
-    group: 'functionality',
-    type: types.enum(['blur', 'throttled', 'immediate', 'passthrough']),
-    description:
-      "'blur': onChange is called only on blur.\n'throttled': onChange is called on blur and every X ms (see 'throttleDelay').\n'immediate': onChange is called on each key press.\n'passthrough': value and onChange are directly given to the underlying input.",
-  },
-  {
-    name: 'throttleDelay',
-    group: 'functionality',
-    type: types.number,
-    min: 0,
-    max: 10000,
-  },
-];
+import {types} from 'goblin-gadgets/types/types.js';
+
+export default [
+  // Aspect.
+  {
+    name: 'barColor',
+    group: 'aspect',
+    type: types.color,
+  },
+  {
+    name: 'barPosition',
+    group: 'aspect',
+    type: types.enum(['', 'start', 'middle', 'end']),
+  },
+  {
+    name: 'direction',
+    group: 'aspect',
+    type: types.enum(['vertical', 'horizontal']),
+  },
+  {
+    name: 'gliderSize',
+    group: 'aspect',
+    type: types.enum(['', 'small', 'default', 'large']),
+  },
+  {
+    name: 'cabSize',
+    group: 'aspect',
+    type: types.enum(['', 'small', 'default', 'large']),
+  },
+  {
+    name: 'cabType',
+    group: 'aspect',
+    type: types.enum(['', 'round', 'thin']),
+  },
+  {
+    name: 'gradient',
+    group: 'aspect',
+    type: types.enum(['', '1to2', 'rainbow']),
+  },
+  {
+    name: 'gradientColor1',
+    group: 'aspect',
+    type: types.color,
+  },
+  {
+    name: 'gradientColor2',
+    group: 'aspect',
+    type: types.color,
+  },
+  {
+    name: 'disabled',
+    group: 'aspect',
+    type: types.bool,
+  },
+
+  // Value.
+  {
+    name: 'value',
+    group: 'value',
+    type: types.oneOfType([types.number, types.string]),
+    description:
+      'Value between "min" and "max", or two values separate by ";".',
+  },
+  {
+    name: 'min',
+    group: 'value',
+    type: types.number,
+    description: 'Default value is 0.',
+  },
+  {
+    name: 'max',
+    group: 'value',
+    type: types.number,
+    description: 'Default value is 100.',
+  },
+  {
+    name: 'step',
+    group: 'value',
+    type: types.number,
+    description: 'Default value is 1.',
+  },
+  {
+    name: 'displayValue',
+    group: 'value',
+    type: types.enum(['', 'never', 'dragging', 'always']),
+  },
+  {
+    name: 'getDisplayedValue',
+    group: 'value',
+    type: types.function,
+  },
+
+  // Layout.
+  {
+    name: 'grow',
+    group: 'layout',
+    type: types.grow,
+  },
+  {
+    name: 'width',
+    group: 'layout',
+    type: types.pixel,
+    min: 0,
+    max: 1000,
+  },
+  {
+    name: 'height',
+    group: 'layout',
+    type: types.pixel,
+    min: 0,
+    max: 1000,
+  },
+
+  // Function.
+  {
+    name: 'onChange',
+    group: 'function',
+    type: types.function,
+  },
+
+  // Functionality.
+  {
+    name: 'changeMode',
+    group: 'functionality',
+    type: types.enum(['blur', 'throttled', 'immediate', 'passthrough']),
+    description:
+      "'blur': onChange is called only on blur.\n'throttled': onChange is called on blur and every X ms (see 'throttleDelay').\n'immediate': onChange is called on each key press.\n'passthrough': value and onChange are directly given to the underlying input.",
+  },
+  {
+    name: 'throttleDelay',
+    group: 'functionality',
+    type: types.number,
+    min: 0,
+    max: 10000,
+  },
+];