add bounding box function

src/components/WorkspaceElastic.js

@@ -15,11 +15,13 @@ class WorkspaceElastic extends React.Component {
   render() {
     const {
       workspace,
+      boundingBox,
       windows,
       setWorkspaceViewportPosition,
       updateWindowPosition,
       setWindowSize,
     } = this.props;
+    console.log(boundingBox);
     return (
       <Rnd
         default={{
@@ -77,6 +79,7 @@ WorkspaceElastic.propTypes = {
   setWorkspaceViewportPosition: PropTypes.func.isRequired,
   windows: PropTypes.object.isRequired, // eslint-disable-line react/forbid-prop-types
   workspace: PropTypes.object.isRequired, // eslint-disable-line react/forbid-prop-types
+  boundingBox: PropTypes.object.isRequired, // eslint-disable-line react/forbid-prop-types
   updateWindowPosition: PropTypes.func.isRequired,
   setWindowSize: PropTypes.func.isRequired,
 };

src/config/settings.js

@@ -18,7 +18,7 @@ export default {
     height: 150,
   },
   workspace: {
-    type: 'freeform',
+    type: 'elastic',
   },
   workspaceControlPanel: {
     enabled: true,

src/containers/WorkspaceElastic.js

 import { compose } from 'redux';
 import { connect } from 'react-redux';
 import * as actions from '../state/actions';
+import { getWorkspaceBoundingBox } from '../state/selectors';
 import WorkspaceElastic from '../components/WorkspaceElastic';
 
 /**
@@ -10,6 +11,7 @@ import WorkspaceElastic from '../components/WorkspaceElastic';
  */
 const mapStateToProps = state => (
   {
+    boundingBox: getWorkspaceBoundingBox(state.windows),
     workspace: state.workspace,
     windows: state.windows,
   }

src/state/reducers/workspace.js

@@ -9,7 +9,7 @@ export const workspaceReducer = (
       x: -2500,
       y: -2500,
     },
-    exposedModeOn: false,
+    exposeModeOn: false,
   },
   action,
 ) => {
@@ -27,7 +27,7 @@ export const workspaceReducer = (
     case ActionTypes.SET_WORKSPACE_VIEWPORT_POSITION:
       return { ...state, viewportPosition: action.payload.position };
     case ActionTypes.TOGGLE_WORKSPACE_EXPOSE_MODE:
-      return { ...state, exposeModeOn: !state.exposedModeOn };
+      return { ...state, exposeModeOn: !state.exposeModeOn };
     default:
       return state;
   }

src/state/selectors/index.js

@@ -189,3 +189,23 @@ export function getCompanionWindowForPosition(state, windowId, position) {
     && state.windows[windowId].companionWindows
     && state.windows[windowId].companionWindows[position];
 }
+
+/**
+ * Return the bounding box for all open windows in the elastic workspace
+ * in workspace coordinates
+ * @param {object} state
+ * @return {object}
+ */
+export function getWorkspaceBoundingBox(windows) {
+  const windowObjects = Object.values(windows);
+  const minX = Math.min(...windowObjects.map(win => win.x));
+  const minY = Math.min(...windowObjects.map(win => win.y));
+  const maxX = Math.max(...windowObjects.map(win => win.x + win.width));
+  const maxY = Math.max(...windowObjects.map(win => win.y + win.height));
+  return {
+    x: minX,
+    y: minY,
+    width: maxX - minX,
+    height: maxY - minY,
+  };
+}

src/styles/index.scss

@@ -7,6 +7,7 @@
     right: 0;
     bottom: 0;
     left: 0;
+    overflow: hidden;
   }
 
   &-workspace-viewport {