nutella_framework 0.4.13 → 0.4.16

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

@@ -0,0 +1,17 @@
+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

@@ -0,0 +1,16 @@
+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

@@ -0,0 +1,17 @@
+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

@@ -0,0 +1,16 @@
+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

@@ -0,0 +1,23 @@
+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

@@ -0,0 +1,16 @@
+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

@@ -0,0 +1,16 @@
+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

@@ -0,0 +1,16 @@
+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

@@ -0,0 +1,16 @@
+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

@@ -0,0 +1,215 @@
+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;

data/framework_components/roomcast-package-creator/src/app/components/material-ui/utils/css-event.js

@@ -0,0 +1,52 @@
+var Events = require('./events');
+
+module.exports = {
+
+  _testSupportedProps: function(props) {
+    var i,
+      undefined,
+      el = document.createElement('div');
+
+    for (i in props) {
+      if (props.hasOwnProperty(i) && el.style[i] !== undefined) {
+        return props[i];
+      }
+    }
+  },
+
+  //Returns the correct event name to use
+  transitionEndEventName: function() {
+    return this._testSupportedProps({
+      'transition':'transitionend',
+      'OTransition':'otransitionend',  
+      'MozTransition':'transitionend',
+      'WebkitTransition':'webkitTransitionEnd'
+    });
+  },
+
+  animationEndEventName: function() {
+    return this._testSupportedProps({
+      'animation': 'animationend',
+      '-o-animation': 'oAnimationEnd',
+      '-moz-animation': 'animationend',
+      '-webkit-animation': 'webkitAnimationEnd'
+    });
+  },
+
+  onTransitionEnd: function (el, callback) {
+    var transitionEnd = this.transitionEndEventName();
+
+    Events.once(el, transitionEnd, function() {
+      return callback();
+    });
+  },
+
+  onAnimationEnd: function (el, callback) {
+    var animationEnd = this.animationEndEventName();
+
+    Events.once(el, animationEnd, function() {
+      return callback();
+    });
+  }
+
+};

data/framework_components/roomcast-package-creator/src/app/components/material-ui/utils/date-time.js

@@ -0,0 +1,132 @@
+module.exports = {
+
+  addDays: function(d, days) {
+    var newDate = this.clone(d);
+    newDate.setDate(d.getDate() + days);
+    return newDate;
+  },
+
+  addMonths: function(d, months) {
+    var newDate = this.clone(d);
+    newDate.setMonth(d.getMonth() + months);
+    return newDate;
+  },
+
+  clone: function(d) {
+    return new Date(d.getTime());
+  },
+
+  getDaysInMonth: function(d) {
+    var resultDate = this.getFirstDayOfMonth(d);
+
+    resultDate.setMonth(resultDate.getMonth() + 1);
+    resultDate.setDate(resultDate.getDate() - 1);
+
+    return resultDate.getDate();
+  },
+
+  getFirstDayOfMonth: function(d) {
+    return new Date(d.getFullYear(), d.getMonth(), 1);
+  },
+
+  getFullMonth: function(d) {
+    var month = d.getMonth();
+    switch (month) {
+      case 0: return 'January';
+      case 1: return 'February';
+      case 2: return 'March';
+      case 3: return 'April';
+      case 4: return 'May';
+      case 5: return 'June';
+      case 6: return 'July';
+      case 7: return 'August';
+      case 8: return 'September';
+      case 9: return 'October';
+      case 10: return 'November';
+      case 11: return 'December';
+    }
+  },
+
+  getShortMonth: function(d) {
+    var month = d.getMonth();
+    switch (month) {
+      case 0: return 'Jan';
+      case 1: return 'Feb';
+      case 2: return 'Mar';
+      case 3: return 'Apr';
+      case 4: return 'May';
+      case 5: return 'Jun';
+      case 6: return 'Jul';
+      case 7: return 'Aug';
+      case 8: return 'Sep';
+      case 9: return 'Oct';
+      case 10: return 'Nov';
+      case 11: return 'Dec';
+    }
+  },
+
+  getDayOfWeek: function(d) {
+    var dow = d.getDay();
+    switch (dow) {
+      case 0: return 'Sunday';
+      case 1: return 'Monday';
+      case 2: return 'Tuesday';
+      case 3: return 'Wednesday';
+      case 4: return 'Thursday';
+      case 5: return 'Friday';
+      case 6: return 'Saturday';
+    }
+  },
+
+  getWeekArray: function(d) {
+    var dayArray = [];
+    var daysInMonth = this.getDaysInMonth(d);
+    var daysInWeek;
+    var emptyDays;
+    var firstDayOfWeek;
+    var week;
+    var weekArray = [];
+
+    for (var i = 1; i <= daysInMonth; i++) {
+      dayArray.push(new Date(d.getFullYear(), d.getMonth(), i));
+    };
+
+    while (dayArray.length) {
+      firstDayOfWeek = dayArray[0].getDay();
+      daysInWeek = 7 - firstDayOfWeek;
+      emptyDays = 7 - daysInWeek;
+      week = dayArray.splice(0, daysInWeek);
+
+      for (var i = 0; i < emptyDays; i++) {
+        week.unshift(null);
+      };
+
+      weekArray.push(week);
+    }
+
+    return weekArray;
+  },
+
+  format: function(date) {
+    var m = date.getMonth() + 1;
+    var d = date.getDate();
+    var y = date.getFullYear();
+    return m + '/' + d + '/' + y;
+  },
+
+  isEqualDate: function(d1, d2) {
+    return d1 && d2 &&
+      (d1.getFullYear() === d2.getFullYear()) &&
+      (d1.getMonth() === d2.getMonth()) &&
+      (d1.getDate() === d2.getDate());
+  },
+
+  monthDiff: function(d1, d2) {
+    var m;
+    m = (d1.getFullYear() - d2.getFullYear()) * 12;
+    m += d1.getMonth();
+    m -= d2.getMonth();
+    return m;
+  }
+
+}

data/framework_components/roomcast-package-creator/src/app/components/material-ui/utils/dom.js

@@ -0,0 +1,71 @@
+module.exports = {
+
+  isDescendant: function(parent, child) {
+    var node = child.parentNode;
+
+    while (node != null) {
+      if (node == parent) return true;
+      node = node.parentNode;
+    }
+
+    return false;
+  },
+
+  offset: function(el) {
+    var rect = el.getBoundingClientRect();
+    return {
+      top: rect.top + document.body.scrollTop,
+      left: rect.left + document.body.scrollLeft
+    };
+  },
+
+  addClass: function(el, className) {
+    if (el.classList)
+      el.classList.add(className);
+    else
+      el.className += ' ' + className;
+  },
+
+  removeClass: function(el, className) {
+    if (el.classList)
+      el.classList.remove(className);
+    else
+      el.className = el.className.replace(new RegExp('(^|\\b)' + className.split(' ').join('|') + '(\\b|$)', 'gi'), ' ');
+  },
+
+  hasClass: function(el, className) {
+    if (el.classList)
+      return el.classList.contains(className);
+    else
+      return new RegExp('(^| )' + className + '( |$)', 'gi').test(el.className);
+  },
+
+  toggleClass: function(el, className) {
+    if (this.hasClass(el, className))
+      this.removeClass(el, className);
+    else
+      this.addClass(el, className);
+  },
+
+  forceRedraw: function(el) {
+    var originalDisplay = el.style.display;
+
+    el.style.display = 'none';
+    el.offsetHeight;
+    el.style.display = originalDisplay;
+  },
+
+  withoutTransition: function(el, callback) {
+    //turn off transition
+    el.style.transition = 'none';
+    
+    callback();
+
+    //force a redraw
+    this.forceRedraw(el);
+
+    //put the transition back
+    el.style.transition = '';
+  }
+  
+}

data/framework_components/roomcast-package-creator/src/app/components/material-ui/utils/events.js

@@ -0,0 +1,34 @@
+module.exports = {
+
+  once: function(el, type, callback) {
+    var typeArray = type.split(' ');
+    var recursiveFunction = function(e){
+      e.target.removeEventListener(e.type, recursiveFunction);
+      return callback(e);
+    };
+
+    for (var i = typeArray.length - 1; i >= 0; i--) {
+      this.on(el, typeArray[i], recursiveFunction);
+    }
+  },
+
+  // IE8+ Support
+  on: function(el, type, callback) {
+    if(el.addEventListener) {
+      el.addEventListener(type, callback);
+    } else {
+      el.attachEvent('on' + type, function() {
+        callback.call(el);
+      });
+    }
+  },
+
+  // IE8+ Support
+  off: function(el, type, callback) {
+    if(el.removeEventListener) {
+      el.removeEventListener(type, callback);
+    } else {
+      el.detachEvent('on' + type, callback);
+    }
+  }
+};

data/framework_components/roomcast-package-creator/src/app/components/material-ui/utils/key-code.js

@@ -0,0 +1,10 @@
+module.exports = {
+  DOWN: 40,
+  ESC: 27,
+  ENTER: 13,
+  LEFT: 37,
+  RIGHT: 39,
+  SPACE: 32,
+  TAB: 9,
+  UP: 38
+}

data/framework_components/roomcast-package-creator/src/app/components/material-ui/utils/key-line.js

@@ -0,0 +1,13 @@
+module.exports = {
+
+  Desktop: {
+    GUTTER: 24,
+    GUTTER_LESS: 16,
+    INCREMENT: 64,
+    MENU_ITEM_HEIGHT: 32
+  },
+
+  getIncrementalDim: function(dim) {
+    return Math.ceil(dim / this.Desktop.INCREMENT) * this.Desktop.INCREMENT;
+  }
+}