goblin-gadgets 3.2.2 → 3.2.3

package/widgets/launcher/props.js

@@ -1,177 +1,177 @@
-import {types, addType} from 'goblin-gadgets/types/types.js';
-import PropTypes from 'prop-types';
-
-/******************************************************************************/
-
-const r1 = [
-  {
-    id: 'fact',
-    kind: 'toy',
-    title: 'Facturation',
-    glyph: 'solid/bicycle',
-    background: 'linear-gradient(180deg, #77b258 70%, #04a1c3)',
-    backgroundHover: 'linear-gradient(180deg, #77b258 70%, #04a1c3)',
-  },
-  {
-    id: 'sal',
-    kind: 'toy',
-    title: 'Salaires',
-    glyph: 'solid/rocket',
-    background: 'linear-gradient(180deg, #f4a649 70%, #ff4605)',
-    backgroundHover: 'linear-gradient(180deg, #f4a649 70%, #ff4605)',
-  },
-  {
-    id: 'compta',
-    kind: 'toy',
-    title: 'Comptabilité',
-    glyph: 'solid/car',
-    background: 'linear-gradient(180deg, #549dd7 70%, #515cc1)',
-    backgroundHover: 'linear-gradient(180deg, #549dd7 70%, #515cc1)',
-  },
-];
-
-const r2 = [
-  {
-    id: 'r1',
-    title: 'epsitec',
-    glyph: 'solid/plus',
-    background: 'linear-gradient(125deg, #ff1461, #fe8506)',
-    backgroundHover: 'linear-gradient(100deg, #ff1461, #fe8506)',
-  },
-  {
-    id: 'r2',
-    title: 'polyphème',
-    glyph: 'solid/bicycle',
-    background: 'linear-gradient(125deg, #ff1461, #fe8506)',
-    backgroundHover: 'linear-gradient(100deg, #ff1461, #fe8506)',
-  },
-];
-
-const r3 = [
-  {
-    id: 'r1',
-    title: 'Bragon',
-    subtitle: 'Chevalier',
-    glyph: 'solid/square',
-    kind: 'toy',
-    background: 'mediumslateblue',
-    backgroundHover: 'red',
-    gaugeColor: 'mediumslateblue',
-    startedCount: 3,
-    totalCount: 5,
-  },
-  {
-    id: 'r2',
-    title: 'Mara',
-    subtitle: 'Princesse',
-    glyph: 'solid/circle',
-    kind: 'toy',
-    background: 'turquoise',
-    backgroundHover: 'red',
-    gaugeColor: 'turquoise',
-    startedCount: 4,
-    totalCount: 5,
-  },
-];
-
-const r4 = [
-  {
-    id: 's',
-    title: 'Vérification',
-    glyph: 'solid/check',
-    kind: 'toy',
-    background: '#ddd',
-    backgroundHover: '#fff',
-  },
-];
-
-/******************************************************************************/
-
-const samplesData = {
-  R1: r1,
-  R2: r2,
-  R3: r3,
-  R4: r4,
-};
-
-const samples = [
-  {id: 'R1', text: 'Crésus'},
-  {id: 'R2', text: 'Westeros'},
-  {id: 'R3', text: 'BD'},
-  {id: 'R4', text: 'Single'},
-];
-
-addType('rockets', {
-  type: 'rockets',
-  defaultValue: 'R1',
-  widget: 'combo',
-  restrictsToList: true,
-  samples: samples,
-  samplesData: samplesData,
-  propType: PropTypes.array,
-});
-
-/******************************************************************************/
-
-export default [
-  // Aspect.
-  {
-    name: 'title',
-    group: 'aspect',
-    type: types.string,
-  },
-  {
-    name: 'background',
-    group: 'aspect',
-    type: types.background,
-  },
-
-  // Rockets.
-  {
-    name: 'rockets',
-    group: 'rockets',
-    type: types.rockets,
-    description: 'The list of rockets.',
-  },
-  {
-    name: 'rocketSize',
-    group: 'rockets',
-    type: types.pixel,
-    min: 50,
-    max: 500,
-  },
-  {
-    name: 'rocketTextColor',
-    group: 'rockets',
-    type: types.color,
-  },
-  {
-    name: 'rocketShadow',
-    group: 'rockets',
-    type: types.enum(['none', 'light', 'deep', 'strong']),
-  },
-  {
-    name: 'rocketIconShadow',
-    group: 'rockets',
-    type: types.enum(['none', 'default', 'light']),
-  },
-
-  // Blob.
-  {
-    name: 'blobKind',
-    group: 'blob',
-    type: types.enum(['none', 'blob', 'wave']),
-  },
-  {
-    name: 'blobColor',
-    group: 'blob',
-    type: types.string,
-  },
-
-  // Function.
-  {
-    name: 'onLaunchRocket',
-    group: 'function',
-    type: types.function,
-  },
-];
+import {types, addType} from 'goblin-gadgets/types/types.js';
+import PropTypes from 'prop-types';
+
+/******************************************************************************/
+
+const r1 = [
+  {
+    id: 'fact',
+    kind: 'toy',
+    title: 'Facturation',
+    glyph: 'solid/bicycle',
+    background: 'linear-gradient(180deg, #77b258 70%, #04a1c3)',
+    backgroundHover: 'linear-gradient(180deg, #77b258 70%, #04a1c3)',
+  },
+  {
+    id: 'sal',
+    kind: 'toy',
+    title: 'Salaires',
+    glyph: 'solid/rocket',
+    background: 'linear-gradient(180deg, #f4a649 70%, #ff4605)',
+    backgroundHover: 'linear-gradient(180deg, #f4a649 70%, #ff4605)',
+  },
+  {
+    id: 'compta',
+    kind: 'toy',
+    title: 'Comptabilité',
+    glyph: 'solid/car',
+    background: 'linear-gradient(180deg, #549dd7 70%, #515cc1)',
+    backgroundHover: 'linear-gradient(180deg, #549dd7 70%, #515cc1)',
+  },
+];
+
+const r2 = [
+  {
+    id: 'r1',
+    title: 'epsitec',
+    glyph: 'solid/plus',
+    background: 'linear-gradient(125deg, #ff1461, #fe8506)',
+    backgroundHover: 'linear-gradient(100deg, #ff1461, #fe8506)',
+  },
+  {
+    id: 'r2',
+    title: 'polyphème',
+    glyph: 'solid/bicycle',
+    background: 'linear-gradient(125deg, #ff1461, #fe8506)',
+    backgroundHover: 'linear-gradient(100deg, #ff1461, #fe8506)',
+  },
+];
+
+const r3 = [
+  {
+    id: 'r1',
+    title: 'Bragon',
+    subtitle: 'Chevalier',
+    glyph: 'solid/square',
+    kind: 'toy',
+    background: 'mediumslateblue',
+    backgroundHover: 'red',
+    gaugeColor: 'mediumslateblue',
+    startedCount: 3,
+    totalCount: 5,
+  },
+  {
+    id: 'r2',
+    title: 'Mara',
+    subtitle: 'Princesse',
+    glyph: 'solid/circle',
+    kind: 'toy',
+    background: 'turquoise',
+    backgroundHover: 'red',
+    gaugeColor: 'turquoise',
+    startedCount: 4,
+    totalCount: 5,
+  },
+];
+
+const r4 = [
+  {
+    id: 's',
+    title: 'Vérification',
+    glyph: 'solid/check',
+    kind: 'toy',
+    background: '#ddd',
+    backgroundHover: '#fff',
+  },
+];
+
+/******************************************************************************/
+
+const samplesData = {
+  R1: r1,
+  R2: r2,
+  R3: r3,
+  R4: r4,
+};
+
+const samples = [
+  {id: 'R1', text: 'Crésus'},
+  {id: 'R2', text: 'Westeros'},
+  {id: 'R3', text: 'BD'},
+  {id: 'R4', text: 'Single'},
+];
+
+addType('rockets', {
+  type: 'rockets',
+  defaultValue: 'R1',
+  widget: 'combo',
+  restrictsToList: true,
+  samples: samples,
+  samplesData: samplesData,
+  propType: PropTypes.array,
+});
+
+/******************************************************************************/
+
+export default [
+  // Aspect.
+  {
+    name: 'title',
+    group: 'aspect',
+    type: types.string,
+  },
+  {
+    name: 'background',
+    group: 'aspect',
+    type: types.background,
+  },
+
+  // Rockets.
+  {
+    name: 'rockets',
+    group: 'rockets',
+    type: types.rockets,
+    description: 'The list of rockets.',
+  },
+  {
+    name: 'rocketSize',
+    group: 'rockets',
+    type: types.pixel,
+    min: 50,
+    max: 500,
+  },
+  {
+    name: 'rocketTextColor',
+    group: 'rockets',
+    type: types.color,
+  },
+  {
+    name: 'rocketShadow',
+    group: 'rockets',
+    type: types.enum(['none', 'light', 'deep', 'strong']),
+  },
+  {
+    name: 'rocketIconShadow',
+    group: 'rockets',
+    type: types.enum(['none', 'default', 'light']),
+  },
+
+  // Blob.
+  {
+    name: 'blobKind',
+    group: 'blob',
+    type: types.enum(['none', 'blob', 'wave']),
+  },
+  {
+    name: 'blobColor',
+    group: 'blob',
+    type: types.string,
+  },
+
+  // Function.
+  {
+    name: 'onLaunchRocket',
+    group: 'function',
+    type: types.function,
+  },
+];

package/widgets/launcher/scenarios.js

@@ -1,55 +1,55 @@
-export default [
-  {
-    name: 'default',
-    props: {
-      title: 'Crésus',
-      blobKind: 'wave',
-      blobColor: 'rgba(255,255,255,0.08)',
-      background: 'linear-gradient(180deg, #052036, #082e4d 20%)',
-      rocketSize: '150px',
-      rocketIconShadow: 'default',
-      rocketTextColor: '#eee',
-      rocketShadow: 'strong',
-      rockets: 'R1',
-    },
-  },
-  {
-    name: 'westeros',
-    props: {
-      title: 'Epsitec',
-      blobKind: 'wave',
-      blobColor: 'rgba(0,0,0,0.1)',
-      background: 'linear-gradient(150deg, #011526 30%, #c853ff)',
-      rocketSize: '200px',
-      rocketTextColor: '#eee',
-      rocketShadow: 'deep',
-      rocketIconShadow: 'none',
-      rockets: 'R2',
-    },
-  },
-  {
-    name: 'comics',
-    props: {
-      blobKind: 'blob',
-      blobColor: 'orange',
-      background: 'purple',
-      rocketSize: '200px',
-      rocketTextColor: '#fff',
-      rockets: 'R3',
-    },
-  },
-  {
-    name: 'single',
-    props: {
-      blobKind: 'blob',
-      blobColor: 'red',
-      background: '#aaa',
-      rocketSize: '250px',
-      rockets: 'R4',
-    },
-  },
-  {
-    name: 'empty',
-    props: {},
-  },
-];
+export default [
+  {
+    name: 'default',
+    props: {
+      title: 'Crésus',
+      blobKind: 'wave',
+      blobColor: 'rgba(255,255,255,0.08)',
+      background: 'linear-gradient(180deg, #052036, #082e4d 20%)',
+      rocketSize: '150px',
+      rocketIconShadow: 'default',
+      rocketTextColor: '#eee',
+      rocketShadow: 'strong',
+      rockets: 'R1',
+    },
+  },
+  {
+    name: 'westeros',
+    props: {
+      title: 'Epsitec',
+      blobKind: 'wave',
+      blobColor: 'rgba(0,0,0,0.1)',
+      background: 'linear-gradient(150deg, #011526 30%, #c853ff)',
+      rocketSize: '200px',
+      rocketTextColor: '#eee',
+      rocketShadow: 'deep',
+      rocketIconShadow: 'none',
+      rockets: 'R2',
+    },
+  },
+  {
+    name: 'comics',
+    props: {
+      blobKind: 'blob',
+      blobColor: 'orange',
+      background: 'purple',
+      rocketSize: '200px',
+      rocketTextColor: '#fff',
+      rockets: 'R3',
+    },
+  },
+  {
+    name: 'single',
+    props: {
+      blobKind: 'blob',
+      blobColor: 'red',
+      background: '#aaa',
+      rocketSize: '250px',
+      rockets: 'R4',
+    },
+  },
+  {
+    name: 'empty',
+    props: {},
+  },
+];

package/widgets/launcher/styles.js

@@ -1,46 +1,46 @@
-/******************************************************************************/
-
-export const propNames = ['background'];
-
-export default function styles(theme, props) {
-  const {background = 'cyan'} = props;
-
-  const launcher = {
-    position: 'absolute',
-    left: '0px',
-    right: '0px',
-    top: '0px',
-    bottom: '0px',
-    display: 'flex',
-    flexDirection: 'column',
-    background: background,
-    overflow: 'hidden',
-    transition: '0.5s ease-in-out',
-  };
-
-  const title = {
-    margin: '20px 0px 0px 0px ',
-    display: 'flex',
-    flexDirection: 'row',
-    textTransform: 'uppercase',
-    color: '#eee',
-  };
-
-  const rockets = {
-    flexGrow: 1,
-    padding: '10px 10px 0px 10px',
-    display: 'flex',
-    flexDirection: 'row',
-    justifyContent: 'center',
-    flexWrap: 'wrap',
-    overflowY: 'auto',
-  };
-
-  return {
-    launcher,
-    title,
-    rockets,
-  };
-}
-
-/******************************************************************************/
+/******************************************************************************/
+
+export const propNames = ['background'];
+
+export default function styles(theme, props) {
+  const {background = 'cyan'} = props;
+
+  const launcher = {
+    position: 'absolute',
+    left: '0px',
+    right: '0px',
+    top: '0px',
+    bottom: '0px',
+    display: 'flex',
+    flexDirection: 'column',
+    background: background,
+    overflow: 'hidden',
+    transition: '0.5s ease-in-out',
+  };
+
+  const title = {
+    margin: '20px 0px 0px 0px ',
+    display: 'flex',
+    flexDirection: 'row',
+    textTransform: 'uppercase',
+    color: '#eee',
+  };
+
+  const rockets = {
+    flexGrow: 1,
+    padding: '10px 10px 0px 10px',
+    display: 'flex',
+    flexDirection: 'row',
+    justifyContent: 'center',
+    flexWrap: 'wrap',
+    overflowY: 'auto',
+  };
+
+  return {
+    launcher,
+    title,
+    rockets,
+  };
+}
+
+/******************************************************************************/