hippo-fw 0.9.8 → 0.9.9

data/client/hippo/components/grid/config.json

@@ -1,3 +0,0 @@
-{
-
-}

data/client/hippo/components/grid/editors.scss

@@ -1,78 +0,0 @@
-// Only to be included from grid/styles
-
-$editor-background: #e6e6e6;
-$editor-border-color: #a8a8a8;
-$editor-border: 1px solid $editor-border-color;
-
-.toolbar {
-    .pull-right { margin-right: 10px; }
-}
-
-.editor {
-
-    .controls {
-        text-align: center;
-        position: relative;
-        overflow: visible;
-        .buttons {
-            display: inline-block;
-            margin: 0 auto;
-            //display: flex;
-            //justify-content: space-between;
-        }
-    }
-    // common styles shared between row, popover and other editors
-    .fields {
-        display: flex;
-
-        .field {
-            box-sizing: border-box;
-            margin: 3px;
-            flex: 1;
-            justify-content: center;
-            display: flex;
-            flex-direction: column;
-            > input {
-                width: 100%;
-                height: 35px;
-                border-radius: 5px;
-            }
-            &.center { justify-content: center;   }
-            &.right  { justify-content: flex-end; }
-        }
-        input {
-            padding: 0 5px;
-        }
-        input[type=checkbox] {
-            width: inherit;
-        }
-    }
-
-    //Popover editor
-    .popover {
-        min-width: 250px;
-        .fields {
-            flex-direction: column;
-        }
-        label {
-            display: block;
-            font-size: 85%;
-        }
-        input {
-            width: 100%;
-        }
-        .controls {
-            border-top: 1px solid darken($editor-background, 15%);
-            padding-top: 8px;
-            margin-top: 8px;
-            .buttons {
-                display: flex;
-                flex-direction: row;
-                justify-content: space-around;
-                flex: 1;
-            }
-        }
-    }
-}
-
-@import "./row-editor";

data/client/hippo/components/grid/index.js

@@ -1,2 +0,0 @@
-//= require ./Grid
-//= require_tree .

data/client/hippo/components/grid/row-editor.scss

@@ -1,74 +0,0 @@
-// The row editor
-.editor.row {
-    position: absolute;
-    width: 100%;
-    right: 25px;
-    left: 5px;
-    z-index:11;
-    min-height: 10px;
-
-    pointer-events: none;
-    .editing-body { pointer-events: none; }
-    .fields   { pointer-events: all;  }
-    .controls { pointer-events: none; }
-    .buttons  { pointer-events: all;  }
-
-    label { display: none; }
-
-    .fields {
-        flex-direction: row;
-        background: $editor-background;
-        .value {
-            width: 100%;
-            height: 35px;
-            border-radius: 5px;
-            flex: 1;
-            .rw-input { height: 35px; }
-        }
-        .field {
-            &.center input { text-align: center; }
-            &.right  input { text-align: right;  }
-        }
-        .hippo-field, .form-group {
-            flex: 1;
-            display: flex;
-            align-items: center;
-            margin: 0;
-        }
-    }
-    .controls .buttons {
-        background: $editor-background;
-        padding: 2px 8px 8px 8px;
-        position: relative;
-        border-bottom-left-radius: 7px;
-        border-bottom-right-radius: 7px;
-
-        button {
-            margin-left: 20px;
-            &:first-child {
-                margin-left: 0;
-            }
-        }
-        // http://css-tricks.com/better-tabs-with-round-out-borders/
-        &:before,
-        &:after {
-            position: absolute;
-            top: -1px;
-            width: 7px;
-            height: 6px;
-            content: " ";
-        }
-        &:before {
-            left: -7px;
-            border-top-right-radius: 6px;
-            border-width: 1px 1px 0px 0px;
-            box-shadow: 3px 0px 0px $editor-background;
-        }
-        &:after {
-            right: -7px;
-            border-top-left-radius: 6px;
-            border-width: 1px 0px 0px 1px;
-            box-shadow: -3px 0px 0px $editor-background;
-        }
-    }
-}

data/client/hippo/components/grid/styles.scss

@@ -1,118 +0,0 @@
-.grid-component {
-
-    min-height: 250px;
-    width: 100%;
-    border: 1px solid $table-border-color;
-    position: relative;
-
-    display: flex;
-    flex-direction: column;
-    flex: 1;
-
-    // styles shared between header and row
-    .header, .r {
-        display: flex;
-        flex-direction: row;
-        min-height: 40px;
-        display: flex;
-        flex-direction: row;
-        page-break-inside: avoid;
-        .c {
-            padding: $table-cell-padding;
-            line-height: $line-height-base;
-            display: flex;
-            flex-direction: row;
-            &.center { justify-content: center;   }
-            &.right  { justify-content: flex-end; }
-
-        }
-        &:first-child {
-            border-top: 0;
-        }
-    }
-
-    .header {
-        min-height: 40px;
-        .c {
-            border: 1px solid $table-border-color;
-            align-items: flex-end;
-            display: inline-block;
-            cursor: pointer;
-
-            display: flex;
-            flex-direction: row;
-            align-items: center;
-            justify-content: space-between;
-            &.sort {
-                &:after {
-                    content: $fa-var-sort;
-                    font-family: FontAwesome;
-                    position: relative;
-                    right: -5px;
-                    color: lightgray;
-                }
-                &.center {
-                    position: relative;
-                    &:after {
-                        right: 5px;
-                        position: absolute;
-                    }
-                }
-
-                &:not(.asc):not(.desc) {
-                    &:after {
-                        @include hidden-print;
-                    }
-                }
-                &.asc:after {
-                    color: gray;
-                    content: $fa-var-sort-asc;
-                }
-                &.desc:after {
-                    color: gray;
-                    content: $fa-var-sort-desc;
-                }
-            }
-        }
-    }
-    .r {
-        margin-right: 10px;
-        page-break-inside: avoid;
-        break-inside: avoid-page;
-        margin-left: 5px;
-    }
-    .grid-body {
-        border-top: 1px solid $table-border-color;
-        overflow: auto;
-        position: relative; // for absolutely positioned row editor
-        flex-grow: 1;
-        height: 1px; // panel needs height to force scroll
-        @media print {
-            overflow: visible;
-            height: initial;
-        }
-
-        .c {
-            align-items: center;
-        }
-        .r {
-            &.focused {
-                outline-style: dotted;
-                outline-width: 2px;
-                outline-color: gray;
-            }
-            &:nth-child(odd) {
-                background-color: $table-bg-accent;
-            }
-        }
-    }
-
-    .toolbar {
-        margin-bottom: 0;
-        border-bottom-left-radius: 0;
-        border-bottom-right-radius: 0;
-    }
-
-    @import "./editors";
-
-}

data/client/hippo/components/text-editor/display-modes/Button.jsx

@@ -1,20 +0,0 @@
-import React from 'react'; // eslint-disable-line no-unused-vars
-import Button from 'grommet/components/Button';
-import cn from 'classnames';
-
-const DisplayModeButton = ({
-    className, label, icon, onClick, active, disabled,
-}) => (
-    <span className={cn(className, { active })}>
-        <Button
-            plain
-            secondary={active}
-            onClick={onClick}
-            label={label}
-            disabled={disabled}
-            icon={icon}
-        />
-    </span>
-);
-
-export default DisplayModeButton;

data/client/hippo/components/text-editor/display-modes/ToggleEdit.jsx

@@ -1,23 +0,0 @@
-// @flow
-import React from 'react'; // eslint-disable-line no-unused-vars
-import { connect } from 'react-redux';
-import { editMode } from 'ory-editor-core/lib/actions/display';
-import { isEditMode } from 'ory-editor-core/lib/selector/display';
-import { createStructuredSelector } from 'reselect';
-import EditIcon from 'grommet/components/icons/base/Edit';
-import Button from './Button';
-
-const Inner = ({ className, isEditMode: isedm, editMode: edm }) => (
-    <Button
-        className={className}
-        icon={<EditIcon />}
-        label="Edit"
-        active={isedm}
-        onClick={edm}
-    />
-);
-
-const mapStateToProps = createStructuredSelector({ isEditMode });
-const mapDispatchToProps = { editMode };
-
-export default connect(mapStateToProps, mapDispatchToProps)(Inner);

data/client/hippo/components/text-editor/display-modes/ToggleInsert.jsx

@@ -1,22 +0,0 @@
-import React from 'react'; // eslint-disable-line no-unused-vars
-import AddIcon from 'grommet/components/icons/base/TableAdd';
-import { connect } from 'react-redux';
-import { insertMode } from 'ory-editor-core/lib/actions/display';
-import { isInsertMode } from 'ory-editor-core/lib/selector/display';
-import { createStructuredSelector } from 'reselect';
-import Button from './Button';
-
-const Inner = ({ className, isInsertMode: isinm, insertMode: inm }) => (
-    <Button
-        className={className}
-        icon={<AddIcon />}
-        label="Add"
-        active={isinm}
-        onClick={inm}
-    />
-);
-
-const mapStateToProps = createStructuredSelector({ isInsertMode });
-const mapDispatchToProps = { insertMode };
-
-export default connect(mapStateToProps, mapDispatchToProps)(Inner);

data/client/hippo/components/text-editor/display-modes/ToggleLayout.jsx

@@ -1,22 +0,0 @@
-import React from 'react'; // eslint-disable-line no-unused-vars
-import GridIcon from 'grommet/components/icons/base/Grid';
-import { connect } from 'react-redux';
-import { layoutMode } from 'ory-editor-core/lib/actions/display';
-import { isLayoutMode } from 'ory-editor-core/lib/selector/display';
-import { createStructuredSelector } from 'reselect';
-import Button from './Button';
-
-const Inner = ({ className, isLayoutMode: islm, layoutMode: lm }) => (
-    <Button
-        className={className}
-        icon={<GridIcon />}
-        label="Layout"
-        active={islm}
-        onClick={lm}
-    />
-);
-
-const mapStateToProps = createStructuredSelector({ isLayoutMode });
-const mapDispatchToProps = { layoutMode };
-
-export default connect(mapStateToProps, mapDispatchToProps)(Inner);

data/client/hippo/components/text-editor/display-modes/TogglePreview.jsx

@@ -1,22 +0,0 @@
-import React from 'react'; // eslint-disable-line no-unused-vars
-import Devices from 'material-ui/svg-icons/device/devices';
-import { connect } from 'react-redux';
-import { previewMode } from 'ory-editor-core/lib/actions/display';
-import { isPreviewMode } from 'ory-editor-core/lib/selector/display';
-import { createStructuredSelector } from 'reselect';
-import Button from './Button';
-
-const Inner = ({ className, isPreviewMode: ispvm, previewMode: pvm }) => (
-    <Button
-        className={className}
-        icon={<Devices />}
-        label="Preview"
-        active={ispvm}
-        onClick={pvm}
-    />
-);
-
-const mapStateToProps = createStructuredSelector({ isPreviewMode });
-const mapDispatchToProps = { previewMode };
-
-export default connect(mapStateToProps, mapDispatchToProps)(Inner);

data/client/hippo/components/text-editor/display-modes/ToggleResize.jsx

@@ -1,22 +0,0 @@
-import React from 'react'; // eslint-disable-line no-unused-vars
-import ResizeIcon from 'grommet/components/icons/base/Pan';
-import { connect } from 'react-redux';
-import { resizeMode } from 'ory-editor-core/lib/actions/display';
-import { isResizeMode } from 'ory-editor-core/lib/selector/display';
-import { createStructuredSelector } from 'reselect';
-import Button from './Button';
-
-const Inner = ({ className, isResizeMode: isrsm, resizeMode: rsm }) => (
-    <Button
-        className={className}
-        icon={<ResizeIcon />}
-        label="Resize"
-        active={isrsm}
-        onClick={rsm}
-    />
-);
-
-const mapStateToProps = createStructuredSelector({ isResizeMode });
-const mapDispatchToProps = { resizeMode };
-
-export default connect(mapStateToProps, mapDispatchToProps)(Inner);

data/client/hippo/components/text-editor/display-modes/index.js

@@ -1,30 +0,0 @@
-import React from 'react'; // eslint-disable-line no-unused-vars
-import Header from 'grommet/components/Header';
-import Provider from 'ory-editor-ui/lib/Provider';
-import ToggleEdit from './ToggleEdit';
-import ToggleInsert from './ToggleInsert';
-import ToggleLayout from './ToggleLayout';
-import TogglePreview from './TogglePreview';
-import ToggleResize from './ToggleResize';
-
-
-const Inner = (props: any) => (
-    <Provider {...props}>
-        <Header
-            wrap
-
-            margin="small"
-            justify="end"
-            pad={{ horizontal: 'small' }}
-        >
-            <ToggleInsert className="insert" />
-            <ToggleEdit className="edit" />
-            <ToggleLayout className="layout" />
-            <ToggleResize className="resize" />
-            <TogglePreview className="preview" />
-            {props.children}
-        </Header>
-    </Provider>
-);
-
-export default Inner;