hippo-fw 0.9.5 → 0.9.6

data/client/hippo/workspace/content.jsx

@@ -1,22 +0,0 @@
-import React from 'react';
-
-import Tabs from './tabs';
-
-import Box   from 'grommet/components/Box';
-import Paragraph from 'grommet/components/Paragraph';
-
-export default class Content extends React.Component {
-
-    render() {
-        return (
-            <Box className="content-pane" justify="start" align="stretch" pad="none" direction="column" full="vertical">
-                <Tabs />
-
-                <Box justify="start" align="stretch" pad="none" flex="grow">
-                    {this.props.children}
-               </Box>
-
-            </Box>
-        );
-    }
-}

data/client/hippo/workspace/tabs.jsx

@@ -1,60 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { observer } from 'mobx-react';
-import classnames from 'classnames';
-import Icon from '../components/icon';
-import ScreenInstances from '../screens/instance';
-
-import Tabs from 'grommet/components/Tabs';
-import Tab from 'grommet/components/Tab';
-
-@observer
-export class ScreenTab extends React.Component {
-    static propTypes = {
-        screen: PropTypes.shape({
-            title: PropTypes.string.isRequired,
-            definition: PropTypes.shape({
-                icon:    PropTypes.string.isRequired,
-            }).isRequired,
-        }).isRequired,
-    }
-
-    setModelState(nextState) {
-        if (this.model.active) {
-            _.dom(document.head).qs('title').text = this.model.title();
-            this.context.viewport.history.replace(this.model.historyUrl());
-        }
-        if (Hippo.Screens.Definitions.displaying.length === 0) {
-            this.context.viewport.history.push('/');
-        }
-        return (
-            this.setState(nextState)
-        );
-    }
-
-    activate() {
-        this.model.active = true;
-        this.context.viewport.history.push(this.model.historyUrl());
-        return (
-            null
-        );
-    }
-
-    close() { return this.model.remove(); }
-
-    render() {
-        const { screen } = this.props;
-        // const title = <span><Icon type="hourglass" />{screen.title}</span>
-        return (
-            <Tab title={screen.title} />
-        );
-    }
-}
-
-const ScreenTabs = observer(() => (
-    <Tabs justify="start">
-        {ScreenInstances.displaying.map(s => <ScreenTab key={s.id} screen={s} />)}
-    </Tabs>
-));
-ScreenTabs.displayName = 'NavbarTabs';
-export default ScreenTabs;

data/client/hippo/workspace/viewport.jsx

@@ -1,82 +0,0 @@
-import React from 'react';
-
-/* const Screen = React.createClass({
- *
- *     displayName: 'Screen',
- *     shouldComponentUpdate() {
- *         return (
- *             false
- *         );
- *     },
- *     render() {
- *         return (
- *             React.createElement(this.props.screen.component(), this.props.screen.props)
- *         );
- *     },
- * });*/
-
-export default class ScreenView extends React.Component {
-    /* contextTypes: {
-     *     uistate: React.PropTypes.object.isRequired,
-     * },*/
-
-    /* static modelBindings: {
-     *     displaying() { return Hippo.Screens.Definitions.displaying; },
-     *     allScreens() { return Hippo.Screens.Definitions.all; },
-     * },
-
-     * bindEvents: {
-     *     displaying: 'add remove reset change:active',
-     *     allScreens: 'change:loading',
-     * },
-     */
-    renderScreen(screen) {
-        return (
-            <div
-                key={screen.id}
-                className={_.classnames('screen', { active: screen.active })}
-            >
-                <Screen screen={screen} />
-            </div>
-        );
-    }
-
-    renderLoading() {
-        const screen = Hippo.Screens.Definitions.all.findWhere({ loading: true });
-        return (
-            <LC.NetworkActivityOverlay visible message={`Loading ${screen.title}…`} />
-        );
-    }
-
-    BaseView() {
-        const Base = __guardMethod__(Hippo.Extensions.controlling(), 'initialScreen', o => o.initialScreen()) || Hippo.Workspace.FirstRun;
-        return (
-            <div className="screen active base">
-                <Base />
-            </div>
-        );
-    }
-
-    render() {
-        const child = this.displaying.isEmpty() ? React.createElement(this.BaseView, null) : this.displaying.map(this.renderScreen);
-        return (
-            <div className={`page-content ${this.context.uistate.layout_size}`}>
-                {this.allScreens.isLoading() ? this.renderLoading() : undefined}
-                {child}
-            </div>
-        );
-    }
-}
-
-/*
- * function __guardMethod__(obj, methodName, transform) {
- *     if (typeof obj !== 'undefined' && obj !== null && typeof obj[methodName] === 'function') {
- *         return (
- *         transform(obj, methodName)
- *         );
- *     } else {
- *         return (
- *         undefined
- *         );
- *     }
- * }*/

data/spec/client/screens/__snapshots__/tabs.spec.jsx.snap

@@ -1,127 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Workspace Navbar renders a tab 1`] = `
-<li
-  className="grommetux-tab"
-  id={undefined}
->
-  <button
-    aria-expanded={undefined}
-    aria-label={undefined}
-    aria-selected={undefined}
-    className="grommetux-button grommetux-button--plain grommetux-tab__button"
-    disabled={false}
-    href={undefined}
-    onBlur={[Function]}
-    onClick={[Function]}
-    onFocus={[Function]}
-    onMouseDown={[Function]}
-    onMouseUp={[Function]}
-    role="tab"
-    type="button"
-  >
-    <label
-      className="grommetux-tab__label"
-      htmlFor={undefined}
-    >
-      title
-    </label>
-  </button>
-</li>
-`;
-
-exports[`Workspace Navbar renders and adds/removes tabs 1`] = `
-<div
-  role="tablist"
->
-  <ul
-    className="grommetux-tabs grommetux-tabs--justify-start grommetux-tabs--responsive"
-  >
-    <li
-      className="grommetux-tab"
-      id={undefined}
-    >
-      <button
-        aria-expanded={undefined}
-        aria-label={undefined}
-        aria-selected={undefined}
-        className="grommetux-button grommetux-button--plain grommetux-tab__button"
-        disabled={false}
-        href={undefined}
-        onBlur={[Function]}
-        onClick={[Function]}
-        onFocus={[Function]}
-        onMouseDown={[Function]}
-        onMouseUp={[Function]}
-        role="tab"
-        type="button"
-      >
-        <label
-          className="grommetux-tab__label"
-          htmlFor={undefined}
-        >
-          title
-        </label>
-      </button>
-    </li>
-    <li
-      className="grommetux-tab"
-      id={undefined}
-    >
-      <button
-        aria-expanded={undefined}
-        aria-label={undefined}
-        aria-selected={undefined}
-        className="grommetux-button grommetux-button--plain grommetux-tab__button"
-        disabled={false}
-        href={undefined}
-        onBlur={[Function]}
-        onClick={[Function]}
-        onFocus={[Function]}
-        onMouseDown={[Function]}
-        onMouseUp={[Function]}
-        role="tab"
-        type="button"
-      >
-        <label
-          className="grommetux-tab__label"
-          htmlFor={undefined}
-        >
-          title
-        </label>
-      </button>
-    </li>
-    <li
-      className="grommetux-tab"
-      id={undefined}
-    >
-      <button
-        aria-expanded={undefined}
-        aria-label={undefined}
-        aria-selected={undefined}
-        className="grommetux-button grommetux-button--plain grommetux-tab__button"
-        disabled={false}
-        href={undefined}
-        onBlur={[Function]}
-        onClick={[Function]}
-        onFocus={[Function]}
-        onMouseDown={[Function]}
-        onMouseUp={[Function]}
-        role="tab"
-        type="button"
-      >
-        <label
-          className="grommetux-tab__label"
-          htmlFor={undefined}
-        >
-          title
-        </label>
-      </button>
-    </li>
-  </ul>
-  <div
-    aria-label="Tab Contents"
-    role="tabpanel"
-  />
-</div>
-`;

data/spec/client/screens/tabs.spec.jsx

@@ -1,36 +0,0 @@
-import React from 'react';
-import { each, range } from 'lodash';
-
-import Tabs, { ScreenTab } from 'hippo/workspace/tabs';
-import Instance    from 'hippo/screens/instance';
-
-import { getTestScreen } from '../test-models';
-import { Context, Snapshot } from 'hippo/testing/screens';
-
-const addTab = () =>
-    new Instance({ definition: getTestScreen() });
-
-describe('Workspace Navbar', () => {
-    beforeEach(() => {
-        each(range(0, 3), addTab);
-    });
-
-    it('renders and adds/removes tabs', () => {
-        const options = new Context();
-        const tabs = shallow(<Tabs />, options);
-        expect(tabs.find('ScreenTab').length).toEqual(3);
-        addTab();
-        expect(tabs.find('ScreenTab').length).toEqual(4);
-        Instance.displaying[2].remove();
-        expect(tabs.find('ScreenTab').length).toEqual(3);
-        expect(Snapshot(<Tabs />)).toMatchSnapshot();
-    });
-
-    it('renders a tab', () => {
-        const options = new Context();
-        const screen = Instance.displaying[2];
-        const tab = shallow(<ScreenTab screen={screen} />, options);
-        expect(tab).toHaveRendered(`Tab[title="${screen.title}"]`);
-        expect(Snapshot(<ScreenTab screen={Instance.displaying[2]} />)).toMatchSnapshot();
-    });
-});