goblin-gadgets 3.2.2 → 3.2.3

package/widgets/fragment/widget.js

@@ -1,26 +1,26 @@
-import React from 'react';
-import Widget from 'goblin-laboratory/widgets/widget';
-import withC from 'goblin-laboratory/widgets/connect-helpers/with-c';
-
-/******************************************************************************/
-
-let Fragment = class Fragment extends Widget {
-  constructor() {
-    super(...arguments);
-  }
-
-  render() {
-    if (this.props.show === false) {
-      return null;
-    }
-    return <>{this.props.children}</>;
-  }
-};
-
-/******************************************************************************/
-
-Fragment = withC(Fragment);
-
-Fragment.displayName = 'Fragment';
-
-export default Fragment;
+import React from 'react';
+import Widget from 'goblin-laboratory/widgets/widget';
+import withC from 'goblin-laboratory/widgets/connect-helpers/with-c';
+
+/******************************************************************************/
+
+let Fragment = class Fragment extends Widget {
+  constructor() {
+    super(...arguments);
+  }
+
+  render() {
+    if (this.props.show === false) {
+      return null;
+    }
+    return <>{this.props.children}</>;
+  }
+};
+
+/******************************************************************************/
+
+Fragment = withC(Fragment);
+
+Fragment.displayName = 'Fragment';
+
+export default Fragment;

package/widgets/full-screen/props.js

@@ -1,27 +1,27 @@
-import {types} from 'goblin-gadgets/types/types.js';
-
-/******************************************************************************/
-
-export default [
-  // Main.
-  {
-    name: 'children',
-    group: 'main',
-    type: types.component,
-  },
-  {
-    name: 'zIndex',
-    group: 'main',
-    type: types.oneOfType([types.number, types.string]),
-  },
-  {
-    name: 'backgroundColor',
-    group: 'main',
-    type: types.color,
-  },
-  {
-    name: 'onClick',
-    group: 'main',
-    type: types.function,
-  },
-];
+import {types} from 'goblin-gadgets/types/types.js';
+
+/******************************************************************************/
+
+export default [
+  // Main.
+  {
+    name: 'children',
+    group: 'main',
+    type: types.component,
+  },
+  {
+    name: 'zIndex',
+    group: 'main',
+    type: types.oneOfType([types.number, types.string]),
+  },
+  {
+    name: 'backgroundColor',
+    group: 'main',
+    type: types.color,
+  },
+  {
+    name: 'onClick',
+    group: 'main',
+    type: types.function,
+  },
+];

package/widgets/full-screen/styles.js

@@ -1,32 +1,32 @@
-/******************************************************************************/
-
-export const propNames = ['backgroundColor', 'zIndex'];
-
-export default function styles(theme, props) {
-  const {
-    backgroundColor = theme.palette.flyingDialogFullScreenBackground,
-    zIndex = 10,
-  } = props;
-
-  const fullScreen = {
-    position: 'fixed',
-    display: 'flex',
-    visibility: 'visible',
-    zIndex: zIndex,
-    top: '0px',
-    left: '0px',
-    width: '100%',
-    height: '100%',
-    backgroundColor: backgroundColor,
-    userSelect: 'none',
-    cursor: 'default',
-  };
-
-  /******************************************************************************/
-
-  return {
-    fullScreen,
-  };
-}
-
-/******************************************************************************/
+/******************************************************************************/
+
+export const propNames = ['backgroundColor', 'zIndex'];
+
+export default function styles(theme, props) {
+  const {
+    backgroundColor = theme.palette.flyingDialogFullScreenBackground,
+    zIndex = 10,
+  } = props;
+
+  const fullScreen = {
+    position: 'fixed',
+    display: 'flex',
+    visibility: 'visible',
+    zIndex: zIndex,
+    top: '0px',
+    left: '0px',
+    width: '100%',
+    height: '100%',
+    backgroundColor: backgroundColor,
+    userSelect: 'none',
+    cursor: 'default',
+  };
+
+  /******************************************************************************/
+
+  return {
+    fullScreen,
+  };
+}
+
+/******************************************************************************/

package/widgets/full-screen/widget.js

@@ -1,40 +1,40 @@
-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 FullScreen extends Widget {
-  constructor() {
-    super(...arguments);
-    this.styles = styles;
-
-    this.onBackgroundClick = this.onBackgroundClick.bind(this);
-  }
-
-  onBackgroundClick() {
-    if (this.props.onClick) {
-      this.props.onClick();
-    }
-  }
-
-  /******************************************************************************/
-
-  render() {
-    return (
-      <div
-        className={this.styles.classNames.fullScreen}
-        onMouseDown={this.onBackgroundClick}
-        onTouchStart={this.onBackgroundClick}
-      >
-        {this.props.children}
-      </div>
-    );
-  }
-}
-
-/******************************************************************************/
-
-registerWidget(FullScreen, 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 FullScreen extends Widget {
+  constructor() {
+    super(...arguments);
+    this.styles = styles;
+
+    this.onBackgroundClick = this.onBackgroundClick.bind(this);
+  }
+
+  onBackgroundClick() {
+    if (this.props.onClick) {
+      this.props.onClick();
+    }
+  }
+
+  /******************************************************************************/
+
+  render() {
+    return (
+      <div
+        className={this.styles.classNames.fullScreen}
+        onMouseDown={this.onBackgroundClick}
+        onTouchStart={this.onBackgroundClick}
+      >
+        {this.props.children}
+      </div>
+    );
+  }
+}
+
+/******************************************************************************/
+
+registerWidget(FullScreen, props, null, false);

package/widgets/gauge/props.js

@@ -1,71 +1,71 @@
-import {types} from 'goblin-gadgets/types/types.js';
-
-export default [
-  // Aspect.
-  {
-    name: 'value',
-    group: 'aspect',
-    type: types.number,
-    min: 0,
-    max: 100,
-    description: 'Value between 0 and 100.',
-  },
-  {
-    name: 'gradient',
-    group: 'aspect',
-    type: types.enum([
-      '',
-      'red-yellow-green',
-      'yellow-green',
-      'blue-petrol-green',
-      'fix',
-    ]),
-  },
-  {
-    name: 'color',
-    group: 'aspect',
-    type: types.color,
-    description: "Color for gradient='fix'.",
-  },
-  {
-    name: 'kind',
-    group: 'aspect',
-    type: types.enum(['', 'mission', 'rounded', 'simple']),
-  },
-  {
-    name: 'direction',
-    group: 'aspect',
-    type: types.enum(['vertical', 'horizontal']),
-  },
-  {
-    name: 'disabled',
-    group: 'aspect',
-    type: types.bool,
-  },
-  {
-    name: 'flash',
-    group: 'aspect',
-    type: types.bool,
-  },
-  {
-    name: 'displayZero',
-    group: 'aspect',
-    type: types.bool,
-  },
-
-  // Layout.
-  {
-    name: 'width',
-    group: 'layout',
-    type: types.pixel,
-    min: 0,
-    max: 1000,
-  },
-  {
-    name: 'height',
-    group: 'layout',
-    type: types.pixel,
-    min: 0,
-    max: 1000,
-  },
-];
+import {types} from 'goblin-gadgets/types/types.js';
+
+export default [
+  // Aspect.
+  {
+    name: 'value',
+    group: 'aspect',
+    type: types.number,
+    min: 0,
+    max: 100,
+    description: 'Value between 0 and 100.',
+  },
+  {
+    name: 'gradient',
+    group: 'aspect',
+    type: types.enum([
+      '',
+      'red-yellow-green',
+      'yellow-green',
+      'blue-petrol-green',
+      'fix',
+    ]),
+  },
+  {
+    name: 'color',
+    group: 'aspect',
+    type: types.color,
+    description: "Color for gradient='fix'.",
+  },
+  {
+    name: 'kind',
+    group: 'aspect',
+    type: types.enum(['', 'mission', 'rounded', 'simple']),
+  },
+  {
+    name: 'direction',
+    group: 'aspect',
+    type: types.enum(['vertical', 'horizontal']),
+  },
+  {
+    name: 'disabled',
+    group: 'aspect',
+    type: types.bool,
+  },
+  {
+    name: 'flash',
+    group: 'aspect',
+    type: types.bool,
+  },
+  {
+    name: 'displayZero',
+    group: 'aspect',
+    type: types.bool,
+  },
+
+  // Layout.
+  {
+    name: 'width',
+    group: 'layout',
+    type: types.pixel,
+    min: 0,
+    max: 1000,
+  },
+  {
+    name: 'height',
+    group: 'layout',
+    type: types.pixel,
+    min: 0,
+    max: 1000,
+  },
+];

package/widgets/gauge/scenarios.js

@@ -1,83 +1,83 @@
-export default [
-  {
-    name: 'default',
-    props: {
-      kind: 'rounded',
-      direction: 'horizontal',
-      gradient: 'red-yellow-green',
-      height: '12px',
-      value: 30,
-    },
-  },
-  {
-    name: '0',
-    props: {
-      kind: 'rounded',
-      direction: 'horizontal',
-      height: '12px',
-      value: 0,
-    },
-  },
-  {
-    name: '20',
-    props: {
-      kind: 'rounded',
-      direction: 'horizontal',
-      height: '12px',
-      value: 20,
-    },
-  },
-  {
-    name: '40',
-    props: {
-      kind: 'rounded',
-      direction: 'horizontal',
-      height: '12px',
-      value: 40,
-    },
-  },
-  {
-    name: '60',
-    props: {
-      kind: 'rounded',
-      direction: 'horizontal',
-      height: '12px',
-      value: 60,
-    },
-  },
-  {
-    name: '80',
-    props: {
-      kind: 'rounded',
-      direction: 'horizontal',
-      height: '12px',
-      value: 80,
-      flash: true,
-    },
-  },
-  {
-    name: '100',
-    props: {
-      kind: 'rounded',
-      direction: 'horizontal',
-      height: '12px',
-      value: 100,
-      flash: true,
-    },
-  },
-  {
-    name: 'vertical',
-    props: {
-      kind: 'rounded',
-      direction: 'vertical',
-      gradient: 'yellow-green',
-      width: '12px',
-      height: '100px',
-      value: 50,
-    },
-  },
-  {
-    name: 'empty',
-    props: {},
-  },
-];
+export default [
+  {
+    name: 'default',
+    props: {
+      kind: 'rounded',
+      direction: 'horizontal',
+      gradient: 'red-yellow-green',
+      height: '12px',
+      value: 30,
+    },
+  },
+  {
+    name: '0',
+    props: {
+      kind: 'rounded',
+      direction: 'horizontal',
+      height: '12px',
+      value: 0,
+    },
+  },
+  {
+    name: '20',
+    props: {
+      kind: 'rounded',
+      direction: 'horizontal',
+      height: '12px',
+      value: 20,
+    },
+  },
+  {
+    name: '40',
+    props: {
+      kind: 'rounded',
+      direction: 'horizontal',
+      height: '12px',
+      value: 40,
+    },
+  },
+  {
+    name: '60',
+    props: {
+      kind: 'rounded',
+      direction: 'horizontal',
+      height: '12px',
+      value: 60,
+    },
+  },
+  {
+    name: '80',
+    props: {
+      kind: 'rounded',
+      direction: 'horizontal',
+      height: '12px',
+      value: 80,
+      flash: true,
+    },
+  },
+  {
+    name: '100',
+    props: {
+      kind: 'rounded',
+      direction: 'horizontal',
+      height: '12px',
+      value: 100,
+      flash: true,
+    },
+  },
+  {
+    name: 'vertical',
+    props: {
+      kind: 'rounded',
+      direction: 'vertical',
+      gradient: 'yellow-green',
+      width: '12px',
+      height: '100px',
+      value: 50,
+    },
+  },
+  {
+    name: 'empty',
+    props: {},
+  },
+];