nutella_framework 0.7.3 → 0.8.0

data/framework_components/roomcast-package-creator/src/app/components/material-ui/overlay.jsx

@@ -1,21 +0,0 @@
-var React = require('react');
-
-var Overlay = React.createClass({
-
-  render: function() {
-
-    var {...other} = this.props;
-
-    var classes = 'mui-overlay';
-    if (this.props.show) {
-        classes += ' mui-is-shown';
-    }
-
-    return (
-        <div {...other} className={classes} />
-    );
-  }
-
-});
-
-module.exports = Overlay;

data/framework_components/roomcast-package-creator/src/app/components/material-ui/raised-button_.jsx

@@ -1,72 +0,0 @@
-var React = require('react');
-var Mui = '../../../../node_modules/material-ui/src/js';
-var CssEvent = require('../../../../node_modules/material-ui/src/js/utils/css-event');
-var Classable = require('../../../../node_modules/material-ui/src/js/mixins/classable');
-var EnhancedButton = require('../../../../node_modules/material-ui/src/js/enhanced-button.jsx');
-var Paper = require('../../../../node_modules/material-ui/src/js/paper.jsx');
-var Ripple = require('./ripple.jsx');
-
-var RaisedButton_ = React.createClass({
-
-  mixins: [Classable],
-
-  propTypes: {
-    className: React.PropTypes.string,
-    label: React.PropTypes.string.isRequired,
-    onTouchTap: React.PropTypes.func,
-    primary: React.PropTypes.bool,
-    secondary: React.PropTypes.bool
-  },
-
-  getInitialState: function() {
-    var zDepth = 1;
-    return {
-      zDepth: zDepth,
-      initialZDepth: zDepth
-    };
-  },
-
-  render: function() {
-    var {
-      className,
-      onTouchTap,
-      ...other } = this.props,
-      classes = this.getClasses('mui-raised-button', {
-        'mui-is-primary': this.props.primary,
-        'mui-is-secondary': !this.props.primary && this.props.secondary,
-        'mui-is-save-button': !this.props.primary && !this.props.secondary && this.props.saveButton,
-        'mui-is-undo-button': !this.props.primary && !this.props.secondary && !this.props.saveButton && this.props.undoButton
-      });
-
-    return (
-      <Paper className={classes} zDepth={this.state.zDepth}>
-        <EnhancedButton 
-          {...other}
-          className="mui-raised-button-container" 
-          onTouchTap={this._onTouchTap}>
-
-          <Ripple ref="ripple" className="mui-raised-button-ripple" />
-          <Ripple className="mui-raised-button-focus-ripple" />
-          <span className="mui-raised-button-label">{this.props.label}</span>
-
-        </EnhancedButton>
-      </Paper>
-    );
-  },
-
-  _onTouchTap: function(e) {
-    if (!this.props.disabled) this._animateButtonClick(e);
-    if (this.props.onTouchTap) this.props.onTouchTap(e);
-  },
-
-  _animateButtonClick: function(e) {
-    var el = this.getDOMNode();
-
-    //animate the ripple
-    this.refs.ripple.animate(e);
-
-  }
-
-});
-
-module.exports = RaisedButton_;

data/framework_components/roomcast-package-creator/src/app/components/material-ui/right-nav.jsx

@@ -1,108 +0,0 @@
-var React = require('react'),
-    Overlay = require('./overlay.jsx'),
-    Mui = require('material-ui'),
-    Paper = Mui.Paper,
-    Menu = require('./menu.jsx');
-
-var RightNav = React.createClass({
-
-    propTypes: {
-        docked: React.PropTypes.bool,
-        header: React.PropTypes.element,
-        onChange: React.PropTypes.func,
-        menuItems: React.PropTypes.array.isRequired,
-        selectedIndex: React.PropTypes.number
-    },
-
-    getDefaultProps: function() {
-        return {
-            docked: true
-        };
-    },
-
-    getInitialState: function() {
-        return {
-            open: this.props.docked,
-            modal: false
-        };
-    },
-
-    toggle: function() {
-        this.setState({ open: !this.state.open });
-        return this;
-    },
-
-    close: function() {
-        this.setState({ open: false });
-        return this;
-    },
-
-    open: function() {
-        this.setState({ open: true });
-        return this;
-    },
-
-    render: function() {
-        var classes = 'mui-right-nav';
-        if (!this.state.open) {
-            classes += ' mui-closed';
-        }
-        var selectedIndex = this.props.selectedIndex;
-        var overlay;
-
-        if (!this.props.docked) overlay = <Overlay show={this.state.open} onTouchTap={this._onOverlayTouchTap} />;
-        if (this.state.modal) overlay = <Overlay show={this.state.open} onTouchTap={this._onOverlayBlockTouchTap} />;
-
-        return (
-            <div className={classes}>
-
-        {overlay}
-                <Paper
-                    ref="clickAwayableElement"
-                    className="mui-right-nav-menu"
-                    zDepth={2}
-                    rounded={false}>
-          
-          {this.props.header}
-                    <Menu
-                        ref="menuItems"
-                        zDepth={0}
-                        menuItems={this.props.menuItems}
-                        selectedIndex={selectedIndex}
-                        onItemClick={this._onMenuItemClick}
-                        onItemTap={this.handleItemTap}
-                        onLogout={this.handleLogout}
-                        canLogout={this.props.canLogout} />
-
-                </Paper>
-            </div>
-        );
-    },
-
-    handleLogout: function() {
-        if (!this.props.docked) this.close();
-        this.props.onLogout();
-    },
-
-    _onMenuItemClick: function(e, key, payload) {
-        if (!this.props.docked) this.close();
-        if (this.props.onChange && this.props.selectedIndex !== key) {
-            this.props.onChange(e, key, payload);
-        }
-    },
-
-    _onOverlayTouchTap: function() {
-        this.close();
-    },
-
-    _onOverlayBlockTouchTap: function() {
-        // do nothing
-    },
-
-    handleItemTap: function(e, index, menuItem) {
-        this.props.onItemTap(menuItem);
-    }
-
-});
-
-module.exports = RightNav;

data/framework_components/roomcast-package-creator/src/app/components/material-ui/ripple.jsx

@@ -1,52 +0,0 @@
-var React = require('react'),
-    CssEvent = require('./utils/css-event.js'),
-    Dom = require('./utils/dom.js'),
-    Classable = require('../../../../node_modules/material-ui/src/js/mixins/classable');
-
-var Ripple = React.createClass({
-
-  mixins: [Classable],
-
-  render: function() {
-    var classes = this.getClasses('mui-ripple');
-
-    return (
-        <div className={classes} />
-    );
-  },
-
-  animate: function(e, callback) {
-    var el = this.getDOMNode(),
-        offset = Dom.offset(el.parentNode),
-        pageX = e.pageX == undefined ? e.nativeEvent.pageX : e.pageX,
-        pageY = e.pageY == undefined ? e.nativeEvent.pageY : e.pageY,
-        x = pageX - offset.left,
-        y = pageY - offset.top;
-
-    this._animateRipple(el, x, y, callback);
-  },
-
-  animateFromCenter: function(callback) {
-    var el = this.getDOMNode(),
-        x = el.parentNode.offsetWidth / 2,
-        y = el.parentNode.offsetHeight / 2;
-
-    this._animateRipple(el, x, y, callback);
-  },
-
-  _animateRipple: function(el, x, y, callback) {
-    el.style.transition = 'none';
-    el.style.top = y + 'px';
-    el.style.left = x + 'px';
-
-    Dom.addClass(el, 'mui-is-visible');
-
-    CssEvent.onAnimationEnd(el, function() {
-      Dom.removeClass(el, 'mui-is-visible');
-      if (callback) callback();
-    });
-  }
-
-});
-
-module.exports = Ripple;

data/framework_components/roomcast-package-creator/src/app/components/material-ui/svg-icons/drop-down-arrow.jsx

@@ -1,17 +0,0 @@
-var React = require('react');
-var SvgIcon = require('./svg-icon.jsx');
-
-var DropDownArrow = React.createClass({
-
-  render: function() {
-
-    return (
-      <SvgIcon {...this.props} class={'mui-menu-drop-down-icon'}>
-        <polygon points="7,9.5 12,14.5 17,9.5 "/>
-      </SvgIcon>
-    );
-  }
-
-});
-
-module.exports = DropDownArrow;

data/framework_components/roomcast-package-creator/src/app/components/material-ui/svg-icons/navigation-chevron-left.jsx

@@ -1,16 +0,0 @@
-var React = require('react');
-var SvgIcon = require('./svg-icon.jsx');
-
-var NavigationChevronLeft = React.createClass({
-
-  render: function() {
-    return (
-      <SvgIcon {...this.props}>
-        <path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"/>
-      </SvgIcon>
-    );
-  }
-
-});
-
-module.exports = NavigationChevronLeft;

data/framework_components/roomcast-package-creator/src/app/components/material-ui/svg-icons/navigation-chevron-right.jsx

@@ -1,17 +0,0 @@
-var React = require('react');
-var SvgIcon = require('./svg-icon.jsx');
-
-var NavigationChevronLeft = React.createClass({
-
-  render: function() {
-    return (
-      <SvgIcon {...this.props}>
-        <path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/>
-      </SvgIcon>
-    );
-  }
-
-});
-
-module.exports = NavigationChevronLeft;
-

data/framework_components/roomcast-package-creator/src/app/components/material-ui/svg-icons/navigation-menu.jsx

@@ -1,16 +0,0 @@
-var React = require('react');
-var SvgIcon = require('./svg-icon.jsx');
-
-var NavigationMenu = React.createClass({
-
-  render: function() {
-    return (
-      <SvgIcon {...this.props}>
-        <path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/>
-      </SvgIcon>
-    );
-  }
-
-});
-
-module.exports = NavigationMenu;

data/framework_components/roomcast-package-creator/src/app/components/material-ui/svg-icons/svg-icon.jsx

@@ -1,23 +0,0 @@
-var React = require('react');
-
-var SvgIcon = React.createClass({
-
-  render: function() {
-    var classes = 'mui-svg-icon';
-      if(this.props.class) {
-          classes += ' ' + this.props.class;
-      }
-
-    return (
-      <svg
-        {...this.props}
-        className={classes}
-        viewBox="0 0 24 24">
-        {this.props.children}
-      </svg>
-    );
-  }
-
-});
-
-module.exports = SvgIcon;

data/framework_components/roomcast-package-creator/src/app/components/material-ui/svg-icons/toggle-check-box-checked.jsx

@@ -1,16 +0,0 @@
-var React = require('react');
-var SvgIcon = require('./svg-icon.jsx');
-
-var ToggleCheckBoxChecked = React.createClass({
-
-  render: function() {
-    return (
-      <SvgIcon {...this.props}>
-        <path d="M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3z M10,17l-5-5l1.4-1.4 l3.6,3.6l7.6-7.6L19,8L10,17z"/>
-      </SvgIcon>
-    );
-  }
-
-});
-
-module.exports = ToggleCheckBoxChecked;

data/framework_components/roomcast-package-creator/src/app/components/material-ui/svg-icons/toggle-check-box-outline-blank.jsx

@@ -1,16 +0,0 @@
-var React = require('react');
-var SvgIcon = require('./svg-icon.jsx');
-
-var ToggleCheckBoxOutlineBlank = React.createClass({
-
-  render: function() {
-    return (
-      <SvgIcon {...this.props}>
-        <path d="M19,5v14H5V5H19 M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3z"/>
-      </SvgIcon>
-    );
-  }
-
-});
-
-module.exports = ToggleCheckBoxOutlineBlank;

data/framework_components/roomcast-package-creator/src/app/components/material-ui/svg-icons/toggle-radio-button-off.jsx

@@ -1,16 +0,0 @@
-var React = require('react');
-var SvgIcon = require('./svg-icon.jsx');
-
-var RadioButtonOff = React.createClass({
-
-  render: function() {
-    return (
-      <SvgIcon {...this.props}>
-        <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/>
-      </SvgIcon>
-    );
-  }
-
-});
-
-module.exports = RadioButtonOff;

data/framework_components/roomcast-package-creator/src/app/components/material-ui/svg-icons/toggle-radio-button-on.jsx

@@ -1,16 +0,0 @@
-var React = require('react');
-var SvgIcon = require('./svg-icon.jsx');
-
-var RadioButtonOn = React.createClass({
-
-  render: function() {
-    return (
-      <SvgIcon {...this.props}>
-       <path d="M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/>
-      </SvgIcon>
-    );
-  }
-
-});
-
-module.exports = RadioButtonOn;

data/framework_components/roomcast-package-creator/src/app/components/material-ui/text-field.jsx

@@ -1,215 +0,0 @@
-var React = require('react');
-var Classable = require('../../../../node_modules/material-ui/src/js/mixins/classable');
-var UniqueId = require('./utils/unique-id');
-var EnhancedTextarea = require('./enhanced-textarea.jsx');
-
-var TextField = React.createClass({
-
-  mixins: [Classable],
-
-  propTypes: {
-    errorText: React.PropTypes.string,
-    floatingLabelText: React.PropTypes.string,
-    hintText: React.PropTypes.string,
-    id: React.PropTypes.string,
-    multiLine: React.PropTypes.bool,
-    onBlur: React.PropTypes.func,
-    onChange: React.PropTypes.func,
-    onFocus: React.PropTypes.func,
-    onKeyDown: React.PropTypes.func,
-    onEnterKeyDown: React.PropTypes.func,
-    type: React.PropTypes.string
-  },
-
-  getDefaultProps: function() {
-    return {
-      type: 'text'
-    };
-  },
-
-  getInitialState: function() {
-    return {
-      errorText: this.props.errorText,
-      hasValue: this.props.value || this.props.defaultValue ||
-        (this.props.valueLink && this.props.valueLink.value)
-    };
-  },
-
-  componentWillReceiveProps: function(nextProps) {
-    var hasErrorProp = nextProps.hasOwnProperty('errorText');
-    var hasValueLinkProp = nextProps.hasOwnProperty('valueLink');
-    var hasValueProp = nextProps.hasOwnProperty('value');
-    var hasNewDefaultValue = nextProps.defaultValue !== this.props.defaultValue;
-    var newState = {};
-
-    if (hasValueProp) {
-      newState.hasValue = nextProps.value;
-    } else if (hasValueLinkProp) {
-      newState.hasValue = nextProps.valueLink.value;
-    } else if (hasNewDefaultValue) {
-      newState.hasValue = nextProps.defaultValue;
-    }
-
-    if (hasErrorProp) newState.errorText = nextProps.errorText;
-    if (newState) this.setState(newState);
-  },
-
-  render: function() {
-    var {
-      className,
-      errorText,
-      floatingLabelText,
-      hintText,
-      id,
-      multiLine,
-      onBlur,
-      onChange,
-      onFocus,
-      type,
-      ...other
-    } = this.props;
-
-    var classes = this.getClasses('mui-text-field', {
-      'mui-has-error': this.props.errorText,
-      'mui-has-floating-labels': this.props.floatingLabelText,
-      'mui-has-value': this.state.hasValue,
-      'mui-is-disabled': this.props.disabled,
-      'mui-is-focused': this.state.isFocused,
-      'mui-is-multiLine': this.props.multiLine
-    });
-
-    var inputId = this.props.id || UniqueId.generate();
-
-    var errorTextElement = this.state.errorText ? (
-      <div className="mui-text-field-error">{this.state.errorText}</div>
-    ) : null;
-
-    var hintTextElement = this.props.hintText ? (
-      <div className="mui-text-field-hint">{this.props.hintText}</div>
-    ) : null;
-
-    var floatingLabelTextElement = this.props.floatingLabelText ? (
-      <label
-        className="mui-text-field-floating-label"
-        htmlFor={inputId}>
-        {this.props.floatingLabelText}
-      </label>
-    ) : null;
-
-    var inputProps;
-    var inputElement;
-
-    inputProps = {
-      ref: 'input',
-      className: 'mui-text-field-input',
-      id: inputId,
-      onBlur: this._handleInputBlur,
-      onFocus: this._handleInputFocus,
-      onKeyDown: this._handleInputKeyDown
-    };
-
-    if (!this.props.hasOwnProperty('valueLink')) {
-      inputProps.onChange = this._handleInputChange;
-    }
-
-    inputElement = this.props.multiLine ? (
-      <EnhancedTextarea
-        {...other}
-        {...inputProps}
-        onHeightChange={this._handleTextAreaHeightChange}
-        textareaClassName="mui-text-field-textarea" />
-    ) : (
-      <input
-        {...other}
-        {...inputProps}
-        type={this.props.type} />
-    );
-
-    return (
-      <div className={classes}>
-
-        {floatingLabelTextElement}
-        {hintTextElement}
-        {inputElement}
-
-        <hr className="mui-text-field-underline" />
-        <hr className="mui-text-field-focus-underline" />
-
-        {errorTextElement}
-
-      </div>
-    );
-  },
-
-  blur: function() {
-    if (this.isMounted()) this._getInputNode().blur();
-  },
-
-  clearValue: function() {
-    this.setValue('');
-  },
-
-  focus: function() {
-    if (this.isMounted()) this._getInputNode().focus();
-  },
-
-  getValue: function() {
-    return this.isMounted() ? this._getInputNode().value : undefined;
-  },
-
-  setErrorText: function(newErrorText) {
-    if (process.NODE_ENV !== 'production' && this.props.hasOwnProperty('errorText')) {
-      console.error('Cannot call TextField.setErrorText when errorText is defined as a property.');
-    } else if (this.isMounted()) {
-      this.setState({errorText: newErrorText});
-    }
-  },
-
-  setValue: function(newValue) {
-    if (process.NODE_ENV !== 'production' && this._isControlled()) {
-      console.error('Cannot call TextField.setValue when value or valueLink is defined as a property.');
-    } else if (this.isMounted()) {
-      this._getInputNode().value = newValue;
-      this.setState({hasValue: newValue});
-    }
-  },
-
-  _getInputNode: function() {
-    return this.props.multiLine ?
-      this.refs.input.getInputNode() : this.refs.input.getDOMNode();
-  },
-
-  _handleInputBlur: function(e) {
-    this.setState({isFocused: false});
-    if (this.props.onBlur) this.props.onBlur(e);
-  },
-
-  _handleInputChange: function(e) {
-    this.setState({hasValue: e.target.value});
-    if (this.props.onChange) this.props.onChange(e);
-  },
-
-  _handleInputFocus: function(e) {
-    this.setState({isFocused: true});
-    if (this.props.onFocus) this.props.onFocus(e);
-  },
-
-  _handleInputKeyDown: function(e) {
-    if (e.keyCode === 13 && this.props.onEnterKeyDown) this.props.onEnterKeyDown(e);
-    if (this.props.onKeyDown) this.props.onKeyDown(e);
-  },
-
-  _handleTextAreaHeightChange: function(e, height) {
-    var newHeight = height + 24;
-    if (this.props.floatingLabelText) newHeight += 24;
-    this.getDOMNode().style.height = newHeight + 'px';
-  },
-
-  _isControlled: function() {
-    return this.props.hasOwnProperty('value') ||
-      this.props.hasOwnProperty('valueLink');
-  }
-
-});
-
-module.exports = TextField;