goblin-gadgets 3.2.2 → 3.2.3

package/widgets/helpers/shortcut-helpers.js

@@ -1,56 +1,56 @@
-//T:2019-02-27
-// See http://www.javascripter.net/faq/operatin.htm
-function getOSName() {
-  const v = navigator.appVersion;
-  if (v.indexOf('Win') !== -1) {
-    return 'Windows';
-  } else if (v.indexOf('Mac') !== -1) {
-    return 'MacOS';
-  } else if (v.indexOf('X11') !== -1) {
-    return 'UNIX';
-  } else if (v.indexOf('Linux') !== -1) {
-    return 'Linux';
-  } else {
-    return 'x';
-  }
-}
-
-function replace(text, search, futur) {
-  return text.replace(new RegExp(search, 'g'), futur);
-}
-
-// Return the final text for a shortcut. Replace the meta keys
-// (noted with _key_) by the key according to OS.
-export function getShortcut(text) {
-  if (text) {
-    const os = getOSName();
-    const ctrl = {
-      Windows: 'Ctrl',
-      MacOS: 'cmd',
-      UNIX: 'ctrl',
-      Linux: 'ctrl',
-      x: 'ctrl',
-    }[os];
-    const shift = {
-      Windows: 'Maj',
-      MacOS: 'maj',
-      UNIX: 'maj',
-      Linux: 'maj',
-      x: 'maj',
-    }[os];
-    const alt = {
-      Windows: 'Alt',
-      MacOS: 'alt',
-      UNIX: 'alt',
-      Linux: 'alt',
-      x: 'alt',
-    }[os];
-    text = replace(text, '_ctrl_', ctrl);
-    text = replace(text, '_shift_', shift);
-    text = replace(text, '_alt_', alt);
-    // return '[' + text + ']';
-    return text; // more simple without [] !
-  } else {
-    return null;
-  }
-}
+//T:2019-02-27
+// See http://www.javascripter.net/faq/operatin.htm
+function getOSName() {
+  const v = navigator.appVersion;
+  if (v.indexOf('Win') !== -1) {
+    return 'Windows';
+  } else if (v.indexOf('Mac') !== -1) {
+    return 'MacOS';
+  } else if (v.indexOf('X11') !== -1) {
+    return 'UNIX';
+  } else if (v.indexOf('Linux') !== -1) {
+    return 'Linux';
+  } else {
+    return 'x';
+  }
+}
+
+function replace(text, search, futur) {
+  return text.replace(new RegExp(search, 'g'), futur);
+}
+
+// Return the final text for a shortcut. Replace the meta keys
+// (noted with _key_) by the key according to OS.
+export function getShortcut(text) {
+  if (text) {
+    const os = getOSName();
+    const ctrl = {
+      Windows: 'Ctrl',
+      MacOS: 'cmd',
+      UNIX: 'ctrl',
+      Linux: 'ctrl',
+      x: 'ctrl',
+    }[os];
+    const shift = {
+      Windows: 'Maj',
+      MacOS: 'maj',
+      UNIX: 'maj',
+      Linux: 'maj',
+      x: 'maj',
+    }[os];
+    const alt = {
+      Windows: 'Alt',
+      MacOS: 'alt',
+      UNIX: 'alt',
+      Linux: 'alt',
+      x: 'alt',
+    }[os];
+    text = replace(text, '_ctrl_', ctrl);
+    text = replace(text, '_shift_', shift);
+    text = replace(text, '_alt_', alt);
+    // return '[' + text + ']';
+    return text; // more simple without [] !
+  } else {
+    return null;
+  }
+}

package/widgets/helpers/spacing-helpers.js

@@ -1,26 +1,26 @@
-const {Unit} = require('goblin-theme');
-
-function getHorizontalSpacingRightMargin(theme, horizontalSpacing) {
-  let rightMargin = null;
-
-  if (horizontalSpacing) {
-    const spacingType = {
-      overlap: '-1px',
-      zero: '0px',
-      tiny: '1px',
-      compact: Unit.multiply(theme.shapes.containerMargin, 0.25),
-      large: Unit.multiply(theme.shapes.containerMargin, 0.5),
-      big: theme.shapes.containerMargin,
-      double: Unit.multiply(theme.shapes.containerMargin, 2),
-    };
-    rightMargin = spacingType[horizontalSpacing];
-  }
-
-  return rightMargin;
-}
-
-//-----------------------------------------------------------------------------
-
-module.exports = {
-  getHorizontalSpacingRightMargin,
-};
+const {Unit} = require('goblin-theme');
+
+function getHorizontalSpacingRightMargin(theme, horizontalSpacing) {
+  let rightMargin = null;
+
+  if (horizontalSpacing) {
+    const spacingType = {
+      overlap: '-1px',
+      zero: '0px',
+      tiny: '1px',
+      compact: Unit.multiply(theme.shapes.containerMargin, 0.25),
+      large: Unit.multiply(theme.shapes.containerMargin, 0.5),
+      big: theme.shapes.containerMargin,
+      double: Unit.multiply(theme.shapes.containerMargin, 2),
+    };
+    rightMargin = spacingType[horizontalSpacing];
+  }
+
+  return rightMargin;
+}
+
+//-----------------------------------------------------------------------------
+
+module.exports = {
+  getHorizontalSpacingRightMargin,
+};

package/widgets/helpers/svg-helpers.js

@@ -1,151 +1,151 @@
-import React from 'react';
-
-/******************************************************************************/
-
-function createPath() {
-  return [];
-}
-
-function getPath(path) {
-  return path.join(' ');
-}
-
-/******************************************************************************/
-
-// Convert string '123.4px' to '123.4'.
-function toValue(value) {
-  if (typeof value === 'string') {
-    return value.replace(/px/g, '');
-  } else {
-    return value;
-  }
-}
-
-// Convert string '123.4px' to int 123.
-function toInt(value) {
-  if (typeof value === 'string') {
-    return parseInt(value.replace(/px/g, ''));
-  } else {
-    return value;
-  }
-}
-
-/******************************************************************************/
-
-// Move to absolute position.
-function ma(path, x, y) {
-  path.push('M ' + x + ' ' + y);
-}
-
-// Line to absolute position.
-function la(path, x, y) {
-  path.push('L ' + x + ' ' + y);
-}
-
-// Line to relative position.
-function lr(path, dx, dy) {
-  path.push('l ' + dx + ' ' + dy);
-}
-
-function ba(path, x1, y1, x2, y2, x, y) {
-  path.push('C ' + x1 + ' ' + y1 + ' ' + x2 + ' ' + y2 + ' ' + x + ' ' + y);
-}
-
-// Arc to absolute position.
-function aa(path, r, x, y, sweepFlag) {
-  // rx ry x-axis-rotation large-arc-flag sweep-flag x y
-  // see http://www.w3.org/TR/SVG/paths.html#PathDataEllipticalArcCommands
-  path.push('A ' + r + ' ' + r + ' 0 0 ' + sweepFlag + ' ' + x + ' ' + y);
-}
-
-// Arc to relative position.
-function ar(path, r, cx, cy, sweepFlag) {
-  // rx ry x-axis-rotation large-arc-flag sweep-flag x y
-  // see http://www.w3.org/TR/SVG/paths.html#PathDataEllipticalArcCommands
-  path.push('a ' + r + ' ' + r + ' 0 0 ' + sweepFlag + ' ' + cx + ' ' + cy);
-}
-
-// Circle.
-// prettier-ignore
-function circle(path, cx, cy, r) {
-  const b = 0.552284749831; // (4/3)*tan(pi/8) = 4*(sqrt(2)-1)/3
-  const rb = r * b;
-
-  ma(path, cx+r, cy);
-  ba(path, cx+r,  cy+rb, cx+rb, cy+r,  cx,   cy+r);
-  ba(path, cx-rb, cy+r,  cx-r,  cy+rb, cx-r, cy  );
-  ba(path, cx-r,  cy-rb, cx-rb, cy-r,  cx,   cy-r);
-  ba(path, cx+rb, cy-r,  cx+r,  cy-rb, cx+r, cy  );
-  close(path);
-}
-
-// Close path.
-function close(path) {
-  path.push('z');
-}
-
-/******************************************************************************/
-
-function createElements() {
-  return [];
-}
-
-function pushPath(elements, path, props) {
-  elements.push({element: 'path', props: {d: path, ...props}});
-}
-
-function renderShadow(shadow) {
-  if (!shadow) {
-    return null;
-  }
-
-  return (
-    <defs>
-      <filter id={shadow.name} x="0" y="0" width="200%" height="200%">
-        <feOffset
-          result="offOut"
-          in="SourceAlpha"
-          dx={shadow.dx || '20'}
-          dy={shadow.dy || '20'}
-        />
-        <feGaussianBlur result="blurOut" in="offOut" stdDeviation="10" />
-        <feBlend in="SourceGraphic" in2="blurOut" mode="normal" />
-      </filter>
-    </defs>
-  );
-}
-
-function renderElements(style, elements, shadow) {
-  return (
-    <svg className={style}>
-      {renderShadow(shadow)}
-      {elements.map((e, index) => {
-        e.props.key = index;
-        return React.createElement(e.element, e.props);
-      })}
-    </svg>
-  );
-}
-
-/******************************************************************************/
-
-export default {
-  createPath,
-  getPath,
-
-  toValue,
-  toInt,
-
-  ma,
-  la,
-  lr,
-  ba,
-  aa,
-  ar,
-  circle,
-  close,
-
-  createElements,
-  pushPath,
-  renderElements,
-};
+import React from 'react';
+
+/******************************************************************************/
+
+function createPath() {
+  return [];
+}
+
+function getPath(path) {
+  return path.join(' ');
+}
+
+/******************************************************************************/
+
+// Convert string '123.4px' to '123.4'.
+function toValue(value) {
+  if (typeof value === 'string') {
+    return value.replace(/px/g, '');
+  } else {
+    return value;
+  }
+}
+
+// Convert string '123.4px' to int 123.
+function toInt(value) {
+  if (typeof value === 'string') {
+    return parseInt(value.replace(/px/g, ''));
+  } else {
+    return value;
+  }
+}
+
+/******************************************************************************/
+
+// Move to absolute position.
+function ma(path, x, y) {
+  path.push('M ' + x + ' ' + y);
+}
+
+// Line to absolute position.
+function la(path, x, y) {
+  path.push('L ' + x + ' ' + y);
+}
+
+// Line to relative position.
+function lr(path, dx, dy) {
+  path.push('l ' + dx + ' ' + dy);
+}
+
+function ba(path, x1, y1, x2, y2, x, y) {
+  path.push('C ' + x1 + ' ' + y1 + ' ' + x2 + ' ' + y2 + ' ' + x + ' ' + y);
+}
+
+// Arc to absolute position.
+function aa(path, r, x, y, sweepFlag) {
+  // rx ry x-axis-rotation large-arc-flag sweep-flag x y
+  // see http://www.w3.org/TR/SVG/paths.html#PathDataEllipticalArcCommands
+  path.push('A ' + r + ' ' + r + ' 0 0 ' + sweepFlag + ' ' + x + ' ' + y);
+}
+
+// Arc to relative position.
+function ar(path, r, cx, cy, sweepFlag) {
+  // rx ry x-axis-rotation large-arc-flag sweep-flag x y
+  // see http://www.w3.org/TR/SVG/paths.html#PathDataEllipticalArcCommands
+  path.push('a ' + r + ' ' + r + ' 0 0 ' + sweepFlag + ' ' + cx + ' ' + cy);
+}
+
+// Circle.
+// prettier-ignore
+function circle(path, cx, cy, r) {
+  const b = 0.552284749831; // (4/3)*tan(pi/8) = 4*(sqrt(2)-1)/3
+  const rb = r * b;
+
+  ma(path, cx+r, cy);
+  ba(path, cx+r,  cy+rb, cx+rb, cy+r,  cx,   cy+r);
+  ba(path, cx-rb, cy+r,  cx-r,  cy+rb, cx-r, cy  );
+  ba(path, cx-r,  cy-rb, cx-rb, cy-r,  cx,   cy-r);
+  ba(path, cx+rb, cy-r,  cx+r,  cy-rb, cx+r, cy  );
+  close(path);
+}
+
+// Close path.
+function close(path) {
+  path.push('z');
+}
+
+/******************************************************************************/
+
+function createElements() {
+  return [];
+}
+
+function pushPath(elements, path, props) {
+  elements.push({element: 'path', props: {d: path, ...props}});
+}
+
+function renderShadow(shadow) {
+  if (!shadow) {
+    return null;
+  }
+
+  return (
+    <defs>
+      <filter id={shadow.name} x="0" y="0" width="200%" height="200%">
+        <feOffset
+          result="offOut"
+          in="SourceAlpha"
+          dx={shadow.dx || '20'}
+          dy={shadow.dy || '20'}
+        />
+        <feGaussianBlur result="blurOut" in="offOut" stdDeviation="10" />
+        <feBlend in="SourceGraphic" in2="blurOut" mode="normal" />
+      </filter>
+    </defs>
+  );
+}
+
+function renderElements(style, elements, shadow) {
+  return (
+    <svg className={style}>
+      {renderShadow(shadow)}
+      {elements.map((e, index) => {
+        e.props.key = index;
+        return React.createElement(e.element, e.props);
+      })}
+    </svg>
+  );
+}
+
+/******************************************************************************/
+
+export default {
+  createPath,
+  getPath,
+
+  toValue,
+  toInt,
+
+  ma,
+  la,
+  lr,
+  ba,
+  aa,
+  ar,
+  circle,
+  close,
+
+  createElements,
+  pushPath,
+  renderElements,
+};

package/widgets/helpers/table-helpers.js

@@ -1,68 +1,68 @@
-const {ColorManipulator} = require('goblin-theme');
-
-//-----------------------------------------------------------------------------
-
-function lighten(theme, color, coefficient, props) {
-  if ((props && !props.darkTheme) || theme.palette.isDarkTheme) {
-    return ColorManipulator.darken(color, coefficient);
-  } else {
-    return ColorManipulator.lighten(color, coefficient);
-  }
-}
-
-function darken(theme, color, coefficient, props) {
-  if ((props && !props.darkTheme) || theme.isDarkTheme) {
-    return ColorManipulator.lighten(color, coefficient);
-  } else {
-    return ColorManipulator.darken(color, coefficient);
-  }
-}
-
-//-----------------------------------------------------------------------------
-
-function getBackgroundColor(theme, backgroundColor, hover, props) {
-  switch (backgroundColor) {
-    case 'warning':
-      backgroundColor = theme.palette.tableWarningBackground;
-      break;
-    case 'error':
-      backgroundColor = theme.palette.tableErrorBackground;
-      break;
-    case 'success':
-      backgroundColor = theme.palette.tableSuccessBackground;
-      break;
-  }
-
-  const hoverBackgroundColor = theme.palette.tableHoverBackground;
-
-  if (hover === 'main') {
-    backgroundColor = hoverBackgroundColor;
-  } else if (hover === 'children') {
-    if (backgroundColor) {
-      backgroundColor = lighten(theme, backgroundColor, 0.5, props);
-    } else {
-      backgroundColor = lighten(theme, hoverBackgroundColor, 0.6, props);
-    }
-  }
-
-  return backgroundColor;
-}
-
-function getSelectedBackgroundColor(theme, hover, props) {
-  let backgroundColor = theme.palette.tableSelectedBackground;
-
-  if (hover === 'main') {
-    backgroundColor = darken(theme, backgroundColor, 0.3, props);
-  } else if (hover === 'children') {
-    backgroundColor = darken(theme, backgroundColor, 0.6, props);
-  }
-
-  return backgroundColor;
-}
-
-//-----------------------------------------------------------------------------
-
-module.exports = {
-  getBackgroundColor,
-  getSelectedBackgroundColor,
-};
+const {ColorManipulator} = require('goblin-theme');
+
+//-----------------------------------------------------------------------------
+
+function lighten(theme, color, coefficient, props) {
+  if ((props && !props.darkTheme) || theme.palette.isDarkTheme) {
+    return ColorManipulator.darken(color, coefficient);
+  } else {
+    return ColorManipulator.lighten(color, coefficient);
+  }
+}
+
+function darken(theme, color, coefficient, props) {
+  if ((props && !props.darkTheme) || theme.isDarkTheme) {
+    return ColorManipulator.lighten(color, coefficient);
+  } else {
+    return ColorManipulator.darken(color, coefficient);
+  }
+}
+
+//-----------------------------------------------------------------------------
+
+function getBackgroundColor(theme, backgroundColor, hover, props) {
+  switch (backgroundColor) {
+    case 'warning':
+      backgroundColor = theme.palette.tableWarningBackground;
+      break;
+    case 'error':
+      backgroundColor = theme.palette.tableErrorBackground;
+      break;
+    case 'success':
+      backgroundColor = theme.palette.tableSuccessBackground;
+      break;
+  }
+
+  const hoverBackgroundColor = theme.palette.tableHoverBackground;
+
+  if (hover === 'main') {
+    backgroundColor = hoverBackgroundColor;
+  } else if (hover === 'children') {
+    if (backgroundColor) {
+      backgroundColor = lighten(theme, backgroundColor, 0.5, props);
+    } else {
+      backgroundColor = lighten(theme, hoverBackgroundColor, 0.6, props);
+    }
+  }
+
+  return backgroundColor;
+}
+
+function getSelectedBackgroundColor(theme, hover, props) {
+  let backgroundColor = theme.palette.tableSelectedBackground;
+
+  if (hover === 'main') {
+    backgroundColor = darken(theme, backgroundColor, 0.3, props);
+  } else if (hover === 'children') {
+    backgroundColor = darken(theme, backgroundColor, 0.6, props);
+  }
+
+  return backgroundColor;
+}
+
+//-----------------------------------------------------------------------------
+
+module.exports = {
+  getBackgroundColor,
+  getSelectedBackgroundColor,
+};