goblin-desktop 2.0.0 → 2.0.2

package/widgets/desktop-footer/reducer.js

@@ -1,31 +1,31 @@
-//T:2019-02-27
-import {fromJS} from 'immutable';
-
-const initialState = fromJS({
-  showPrompt: false,
-  widgetsCache: {},
-});
-
-const WIDGETS_CACHE_LIMIT = 128;
-
-export default (state = initialState, action = {}) => {
-  switch (action.type) {
-    /* Limited cache in size to store values for some widgets like for example
-     * the ScrollableContainer. Because this cache is limited, it's possible
-     * to lose the data at any time.
-     */
-    case 'WIDGET_CACHE': {
-      const id = action.widgetId;
-      if (state.has(`widgetsCache.${id}`)) {
-        return state.set(`widgetsCache.${id}`, action.value);
-      }
-      let widgetsCache = state.get('widgetsCache');
-      if (widgetsCache.size >= WIDGETS_CACHE_LIMIT) {
-        const _id = widgetsCache.keySeq().first();
-        state = state.del(`widgetsCache.${_id}`);
-      }
-      return state.set(`widgetsCache.${id}`, action.value);
-    }
-  }
-  return state;
-};
+//T:2019-02-27
+import {fromJS} from 'immutable';
+
+const initialState = fromJS({
+  showPrompt: false,
+  widgetsCache: {},
+});
+
+const WIDGETS_CACHE_LIMIT = 128;
+
+export default (state = initialState, action = {}) => {
+  switch (action.type) {
+    /* Limited cache in size to store values for some widgets like for example
+     * the ScrollableContainer. Because this cache is limited, it's possible
+     * to lose the data at any time.
+     */
+    case 'WIDGET_CACHE': {
+      const id = action.widgetId;
+      if (state.has(`widgetsCache.${id}`)) {
+        return state.set(`widgetsCache.${id}`, action.value);
+      }
+      let widgetsCache = state.get('widgetsCache');
+      if (widgetsCache.size >= WIDGETS_CACHE_LIMIT) {
+        const _id = widgetsCache.keySeq().first();
+        state = state.del(`widgetsCache.${_id}`);
+      }
+      return state.set(`widgetsCache.${id}`, action.value);
+    }
+  }
+  return state;
+};

package/widgets/desktop-footer/styles.js

@@ -1,36 +1,36 @@
-/******************************************************************************/
-
-export default function styles(theme) {
-  const footer = {
-    position: 'relative',
-    minHeight: theme.shapes.footerHeight,
-    maxHeight: theme.shapes.footerHeight,
-    display: 'flex',
-    flexDirection: 'row',
-    flexGrow: 0,
-    justifyContent: 'flex-start',
-    alignItems: 'center',
-    backgroundColor: theme.palette.footerBackground,
-    top: '0px',
-    transition: 'all 1s ease-out',
-  };
-
-  const footerHidden = {
-    ...footer,
-    top: theme.shapes.footerHeight,
-  };
-
-  const sajex = {
-    flexGrow: 1,
-  };
-
-  /******************************************************************************/
-
-  return {
-    footer,
-    footerHidden,
-    sajex,
-  };
-}
-
-/******************************************************************************/
+/******************************************************************************/
+
+export default function styles(theme) {
+  const footer = {
+    position: 'relative',
+    minHeight: theme.shapes.footerHeight,
+    maxHeight: theme.shapes.footerHeight,
+    display: 'flex',
+    flexDirection: 'row',
+    flexGrow: 0,
+    justifyContent: 'flex-start',
+    alignItems: 'center',
+    backgroundColor: theme.palette.footerBackground,
+    top: '0px',
+    transition: 'all 1s ease-out',
+  };
+
+  const footerHidden = {
+    ...footer,
+    top: theme.shapes.footerHeight,
+  };
+
+  const sajex = {
+    flexGrow: 1,
+  };
+
+  /******************************************************************************/
+
+  return {
+    footer,
+    footerHidden,
+    sajex,
+  };
+}
+
+/******************************************************************************/

package/widgets/desktop-footer/widget.js

@@ -1,52 +1,52 @@
-//T:2019-02-27
-import React from 'react';
-import Widget from 'goblin-laboratory/widgets/widget';
-import NabuToolbar from 'goblin-nabu/widgets/nabu-toolbar/widget';
-import DesktopStateMonitor from 'goblin-desktop/widgets/desktop-state-monitor/widget';
-import DesktopMonitors from 'goblin-desktop/widgets/desktop-monitors/widget';
-import DesktopNotebook from 'goblin-desktop/widgets/desktop-notebook/widget';
-import DesktopClock from 'goblin-desktop/widgets/desktop-clock/widget';
-import Monitor from 'goblin-desktop/widgets/monitor/widget';
-import WidgetDocCaller from 'goblin-desktop/widgets/widget-doc-caller/widget';
-import {getToolbarId} from 'goblin-nabu/lib/helpers.js';
-const NabuToolbarConnected = Widget.Wired(NabuToolbar)();
-
-/******************************************************************************/
-
-export default class DesktopFooter extends Widget {
-  constructor() {
-    super(...arguments);
-  }
-
-  /******************************************************************************/
-
-  render() {
-    const footerClass = this.props.showFooter
-      ? this.styles.classNames.footer
-      : this.styles.classNames.footerHidden;
-
-    return (
-      <div className={footerClass}>
-        <NabuToolbarConnected
-          id={getToolbarId(this.props.id)}
-          desktopId={this.props.id}
-        />
-        <Monitor id={this.props.id + '$monitor'} />
-        <WidgetDocCaller
-          desktopId={this.props.id}
-          id={this.props.id + '$widget-doc-caller'}
-        />
-        <div className={this.styles.classNames.sajex} />
-        <DesktopStateMonitor id={this.props.id} />
-        <DesktopNotebook id={this.props.id} desktopId={this.props.id} />
-        <DesktopMonitors
-          id={`activity-monitor@${this.props.id}`}
-          desktopId={this.props.id}
-        />
-        <DesktopClock />
-      </div>
-    );
-  }
-}
-
-/******************************************************************************/
+//T:2019-02-27
+import React from 'react';
+import Widget from 'goblin-laboratory/widgets/widget';
+import NabuToolbar from 'goblin-nabu/widgets/nabu-toolbar/widget';
+import DesktopStateMonitor from 'goblin-desktop/widgets/desktop-state-monitor/widget';
+import DesktopMonitors from 'goblin-desktop/widgets/desktop-monitors/widget';
+import DesktopNotebook from 'goblin-desktop/widgets/desktop-notebook/widget';
+import DesktopClock from 'goblin-desktop/widgets/desktop-clock/widget';
+import Monitor from 'goblin-desktop/widgets/monitor/widget';
+import WidgetDocCaller from 'goblin-desktop/widgets/widget-doc-caller/widget';
+import {getToolbarId} from 'goblin-nabu/lib/helpers.js';
+const NabuToolbarConnected = Widget.Wired(NabuToolbar)();
+
+/******************************************************************************/
+
+export default class DesktopFooter extends Widget {
+  constructor() {
+    super(...arguments);
+  }
+
+  /******************************************************************************/
+
+  render() {
+    const footerClass = this.props.showFooter
+      ? this.styles.classNames.footer
+      : this.styles.classNames.footerHidden;
+
+    return (
+      <div className={footerClass}>
+        <NabuToolbarConnected
+          id={getToolbarId(this.props.id)}
+          desktopId={this.props.id}
+        />
+        <Monitor id={this.props.id + '$monitor'} />
+        <WidgetDocCaller
+          desktopId={this.props.id}
+          id={this.props.id + '$widget-doc-caller'}
+        />
+        <div className={this.styles.classNames.sajex} />
+        <DesktopStateMonitor id={this.props.id} />
+        <DesktopNotebook id={this.props.id} desktopId={this.props.id} />
+        <DesktopMonitors
+          id={`activity-monitor@${this.props.id}`}
+          desktopId={this.props.id}
+        />
+        <DesktopClock />
+      </div>
+    );
+  }
+}
+
+/******************************************************************************/

package/widgets/desktop-monitors/styles.js

@@ -1,155 +1,155 @@
-import {ColorManipulator, Unit} from 'goblin-theme';
-
-/******************************************************************************/
-
-export default function styles(theme) {
-  const look = theme.look.name;
-
-  const desktopMonitors = {
-    position: 'relative',
-    height: theme.shapes.footerHeight,
-    display: 'flex',
-    flexDirection: 'row',
-    justifyContent: 'flex-end',
-    alignItems: 'center',
-  };
-
-  /******************************************************************************/
-
-  let monitorShowed;
-  let monitorHidden;
-  let monitorSajex;
-  let monitorResizeButton;
-  let monitorResizeGlyph;
-
-  //---------\
-  //  MODERN  >
-  //---------/
-  if (look === 'modern') {
-    monitorShowed = {
-      zIndex: 20,
-      position: 'fixed',
-      right: '0px',
-      bottom: theme.shapes.footerHeight,
-      transitionProperty: 'bottom',
-      transition: '0.3s ease-out',
-    };
-
-    monitorHidden = {
-      ...monitorShowed,
-      bottom: '-500px',
-    };
-
-    monitorResizeButton = {
-      'position': 'absolute',
-      'left': '0px',
-      'top': '0px',
-      'width': '30px',
-      'height': '30px',
-      'borderRadius': '15px',
-      'display': 'flex',
-      'justifyContent': 'center',
-      'alignItems': 'center',
-      'color': 'white',
-      'backgroundColor': ColorManipulator.emphasize(theme.palette.chrome, 0.3),
-      'transform': 'scale(0.5)',
-      'transition': '0.3s ease-out',
-      ':hover': {
-        transform: 'scale(1.5)',
-        backgroundColor: theme.palette.chrome,
-      },
-      ':hover .glyph-hover': {
-        opacity: 1,
-      },
-    };
-
-    monitorResizeGlyph = {
-      display: 'flex',
-      justifyContent: 'center',
-      alignItems: 'center',
-      opacity: 0,
-    };
-  }
-
-  //--------\
-  //  RETRO  >
-  //--------/
-  if (look === 'retro') {
-    monitorShowed = {
-      zIndex: 20,
-      position: 'fixed',
-      right: '10px',
-      bottom: Unit.add(theme.shapes.footerHeight, '10px'),
-      transitionProperty: 'bottom',
-      transition: theme.transitions.retroOpenTransition,
-      transitionTimingFunction: theme.transitions.retroOpenFunction,
-    };
-
-    monitorHidden = {
-      ...monitorShowed,
-      bottom: '-500px',
-      transition: theme.transitions.retroCloseTransition,
-      transitionTimingFunction: theme.transitions.retroCloseFunction,
-    };
-
-    monitorSajex = {
-      width: '10px',
-    };
-
-    monitorResizeButton = {
-      'position': 'absolute',
-      'left': '-10px',
-      'top': '-10px',
-      'width': '30px',
-      'height': '30px',
-      'borderRadius': '30px',
-      'borderTop': '3px solid transparent',
-      'borderLeft': '3px solid transparent',
-      'borderBottom': '3px solid transparent',
-      'borderRight': '3px solid transparent',
-      'display': 'flex',
-      'justifyContent': 'center',
-      'alignItems': 'center',
-      'color': '#12a279',
-      'boxShadow': '0px 0px 0px 0px transparent',
-      'transition': theme.transitions.retroCloseTransition,
-      'transitionTimingFunction': theme.transitions.retroCloseFunction,
-      ':hover': {
-        transform: 'scale(1.5)',
-        borderTop: '3px solid #ccc',
-        borderLeft: '3px solid #ccc',
-        borderBottom: '3px solid #888',
-        borderRight: '3px solid #888',
-        backgroundColor: '#111',
-        boxShadow: '5px 5px 15px 5px black',
-        transition: theme.transitions.retroOpenTransition,
-        transitionTimingFunction: theme.transitions.retroOpenFunction,
-      },
-      ':hover .glyph-hover': {
-        opacity: 1,
-        transform: 'rotate(180deg)',
-      },
-    };
-
-    monitorResizeGlyph = {
-      display: 'flex',
-      justifyContent: 'center',
-      alignItems: 'center',
-      opacity: 0,
-      transition: '0.3s ease-out',
-    };
-  }
-
-  /******************************************************************************/
-
-  return {
-    desktopMonitors,
-    monitorShowed,
-    monitorHidden,
-    monitorSajex,
-    monitorResizeButton,
-    monitorResizeGlyph,
-  };
-}
-
-/******************************************************************************/
+import {ColorManipulator, Unit} from 'goblin-theme';
+
+/******************************************************************************/
+
+export default function styles(theme) {
+  const look = theme.look.name;
+
+  const desktopMonitors = {
+    position: 'relative',
+    height: theme.shapes.footerHeight,
+    display: 'flex',
+    flexDirection: 'row',
+    justifyContent: 'flex-end',
+    alignItems: 'center',
+  };
+
+  /******************************************************************************/
+
+  let monitorShowed;
+  let monitorHidden;
+  let monitorSajex;
+  let monitorResizeButton;
+  let monitorResizeGlyph;
+
+  //---------\
+  //  MODERN  >
+  //---------/
+  if (look === 'modern') {
+    monitorShowed = {
+      zIndex: 20,
+      position: 'fixed',
+      right: '0px',
+      bottom: theme.shapes.footerHeight,
+      transitionProperty: 'bottom',
+      transition: '0.3s ease-out',
+    };
+
+    monitorHidden = {
+      ...monitorShowed,
+      bottom: '-500px',
+    };
+
+    monitorResizeButton = {
+      'position': 'absolute',
+      'left': '0px',
+      'top': '0px',
+      'width': '30px',
+      'height': '30px',
+      'borderRadius': '15px',
+      'display': 'flex',
+      'justifyContent': 'center',
+      'alignItems': 'center',
+      'color': 'white',
+      'backgroundColor': ColorManipulator.emphasize(theme.palette.chrome, 0.3),
+      'transform': 'scale(0.5)',
+      'transition': '0.3s ease-out',
+      ':hover': {
+        transform: 'scale(1.5)',
+        backgroundColor: theme.palette.chrome,
+      },
+      ':hover .glyph-hover': {
+        opacity: 1,
+      },
+    };
+
+    monitorResizeGlyph = {
+      display: 'flex',
+      justifyContent: 'center',
+      alignItems: 'center',
+      opacity: 0,
+    };
+  }
+
+  //--------\
+  //  RETRO  >
+  //--------/
+  if (look === 'retro') {
+    monitorShowed = {
+      zIndex: 20,
+      position: 'fixed',
+      right: '10px',
+      bottom: Unit.add(theme.shapes.footerHeight, '10px'),
+      transitionProperty: 'bottom',
+      transition: theme.transitions.retroOpenTransition,
+      transitionTimingFunction: theme.transitions.retroOpenFunction,
+    };
+
+    monitorHidden = {
+      ...monitorShowed,
+      bottom: '-500px',
+      transition: theme.transitions.retroCloseTransition,
+      transitionTimingFunction: theme.transitions.retroCloseFunction,
+    };
+
+    monitorSajex = {
+      width: '10px',
+    };
+
+    monitorResizeButton = {
+      'position': 'absolute',
+      'left': '-10px',
+      'top': '-10px',
+      'width': '30px',
+      'height': '30px',
+      'borderRadius': '30px',
+      'borderTop': '3px solid transparent',
+      'borderLeft': '3px solid transparent',
+      'borderBottom': '3px solid transparent',
+      'borderRight': '3px solid transparent',
+      'display': 'flex',
+      'justifyContent': 'center',
+      'alignItems': 'center',
+      'color': '#12a279',
+      'boxShadow': '0px 0px 0px 0px transparent',
+      'transition': theme.transitions.retroCloseTransition,
+      'transitionTimingFunction': theme.transitions.retroCloseFunction,
+      ':hover': {
+        transform: 'scale(1.5)',
+        borderTop: '3px solid #ccc',
+        borderLeft: '3px solid #ccc',
+        borderBottom: '3px solid #888',
+        borderRight: '3px solid #888',
+        backgroundColor: '#111',
+        boxShadow: '5px 5px 15px 5px black',
+        transition: theme.transitions.retroOpenTransition,
+        transitionTimingFunction: theme.transitions.retroOpenFunction,
+      },
+      ':hover .glyph-hover': {
+        opacity: 1,
+        transform: 'rotate(180deg)',
+      },
+    };
+
+    monitorResizeGlyph = {
+      display: 'flex',
+      justifyContent: 'center',
+      alignItems: 'center',
+      opacity: 0,
+      transition: '0.3s ease-out',
+    };
+  }
+
+  /******************************************************************************/
+
+  return {
+    desktopMonitors,
+    monitorShowed,
+    monitorHidden,
+    monitorSajex,
+    monitorResizeButton,
+    monitorResizeGlyph,
+  };
+}
+
+/******************************************************************************/