react-mdl
Version:
React Components wrapper for Material Design Lite UI
1,450 lines (1,057 loc) • 177 kB
JavaScript
(function webpackUniversalModuleDefinition(root, factory) {
if(typeof exports === 'object' && typeof module === 'object')
module.exports = factory(require("React"), require("ReactDOM"));
else if(typeof define === 'function' && define.amd)
define(["React", "ReactDOM"], factory);
else if(typeof exports === 'object')
exports["ReactMDL"] = factory(require("React"), require("ReactDOM"));
else
root["ReactMDL"] = factory(root["React"], root["ReactDOM"]);
})(this, function(__WEBPACK_EXTERNAL_MODULE_3__, __WEBPACK_EXTERNAL_MODULE_12__) {
return /******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/
/******/ // Check if module is in cache
/******/ if(installedModules[moduleId])
/******/ return installedModules[moduleId].exports;
/******/
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = {
/******/ exports: {},
/******/ id: moduleId,
/******/ loaded: false
/******/ };
/******/
/******/ // Execute the module function
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.loaded = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/******/
/******/ // expose the modules object (__webpack_modules__)
/******/ __webpack_require__.m = modules;
/******/
/******/ // expose the module cache
/******/ __webpack_require__.c = installedModules;
/******/
/******/ // __webpack_public_path__
/******/ __webpack_require__.p = "";
/******/
/******/ // Load entry module and return exports
/******/ return __webpack_require__(0);
/******/ })
/************************************************************************/
/******/ ([
/* 0 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Tooltip = exports.Textfield = exports.TabBar = exports.Tab = exports.Tabs = exports.Switch = exports.Spinner = exports.Snackbar = exports.Slider = exports.RadioGroup = exports.Radio = exports.ProgressBar = exports.MenuItem = exports.Menu = exports.ListItemContent = exports.ListItemAction = exports.ListItem = exports.List = exports.Content = exports.Navigation = exports.Spacer = exports.HeaderTabs = exports.HeaderRow = exports.Drawer = exports.Header = exports.Layout = exports.IconToggle = exports.IconButton = exports.Icon = exports.Cell = exports.Grid = exports.FooterLinkList = exports.FooterDropDownSection = exports.FooterSection = exports.Footer = exports.FABButton = exports.DialogActions = exports.DialogContent = exports.DialogTitle = exports.Dialog = exports.DataTable = exports.Checkbox = exports.CardMenu = exports.CardText = exports.CardMedia = exports.CardActions = exports.CardTitle = exports.Card = exports.Button = exports.Badge = exports.MDLComponent = exports.mdlUpgrade = undefined;
var _Card = __webpack_require__(1);
Object.defineProperty(exports, 'Card', {
enumerable: true,
get: function get() {
return _Card.Card;
}
});
Object.defineProperty(exports, 'CardTitle', {
enumerable: true,
get: function get() {
return _Card.CardTitle;
}
});
Object.defineProperty(exports, 'CardActions', {
enumerable: true,
get: function get() {
return _Card.CardActions;
}
});
Object.defineProperty(exports, 'CardMedia', {
enumerable: true,
get: function get() {
return _Card.CardMedia;
}
});
Object.defineProperty(exports, 'CardText', {
enumerable: true,
get: function get() {
return _Card.CardText;
}
});
Object.defineProperty(exports, 'CardMenu', {
enumerable: true,
get: function get() {
return _Card.CardMenu;
}
});
var _Dialog = __webpack_require__(10);
Object.defineProperty(exports, 'Dialog', {
enumerable: true,
get: function get() {
return _Dialog.Dialog;
}
});
Object.defineProperty(exports, 'DialogTitle', {
enumerable: true,
get: function get() {
return _Dialog.DialogTitle;
}
});
Object.defineProperty(exports, 'DialogContent', {
enumerable: true,
get: function get() {
return _Dialog.DialogContent;
}
});
Object.defineProperty(exports, 'DialogActions', {
enumerable: true,
get: function get() {
return _Dialog.DialogActions;
}
});
var _Footer = __webpack_require__(15);
Object.defineProperty(exports, 'Footer', {
enumerable: true,
get: function get() {
return _Footer.Footer;
}
});
Object.defineProperty(exports, 'FooterSection', {
enumerable: true,
get: function get() {
return _Footer.FooterSection;
}
});
Object.defineProperty(exports, 'FooterDropDownSection', {
enumerable: true,
get: function get() {
return _Footer.FooterDropDownSection;
}
});
Object.defineProperty(exports, 'FooterLinkList', {
enumerable: true,
get: function get() {
return _Footer.FooterLinkList;
}
});
var _Grid2 = __webpack_require__(21);
Object.defineProperty(exports, 'Cell', {
enumerable: true,
get: function get() {
return _Grid2.Cell;
}
});
var _Layout = __webpack_require__(22);
Object.defineProperty(exports, 'Layout', {
enumerable: true,
get: function get() {
return _Layout.Layout;
}
});
Object.defineProperty(exports, 'Header', {
enumerable: true,
get: function get() {
return _Layout.Header;
}
});
Object.defineProperty(exports, 'Drawer', {
enumerable: true,
get: function get() {
return _Layout.Drawer;
}
});
Object.defineProperty(exports, 'HeaderRow', {
enumerable: true,
get: function get() {
return _Layout.HeaderRow;
}
});
Object.defineProperty(exports, 'HeaderTabs', {
enumerable: true,
get: function get() {
return _Layout.HeaderTabs;
}
});
Object.defineProperty(exports, 'Spacer', {
enumerable: true,
get: function get() {
return _Layout.Spacer;
}
});
Object.defineProperty(exports, 'Navigation', {
enumerable: true,
get: function get() {
return _Layout.Navigation;
}
});
Object.defineProperty(exports, 'Content', {
enumerable: true,
get: function get() {
return _Layout.Content;
}
});
var _List = __webpack_require__(34);
Object.defineProperty(exports, 'List', {
enumerable: true,
get: function get() {
return _List.List;
}
});
Object.defineProperty(exports, 'ListItem', {
enumerable: true,
get: function get() {
return _List.ListItem;
}
});
Object.defineProperty(exports, 'ListItemAction', {
enumerable: true,
get: function get() {
return _List.ListItemAction;
}
});
Object.defineProperty(exports, 'ListItemContent', {
enumerable: true,
get: function get() {
return _List.ListItemContent;
}
});
var _Menu2 = __webpack_require__(39);
Object.defineProperty(exports, 'MenuItem', {
enumerable: true,
get: function get() {
return _Menu2.MenuItem;
}
});
var _Tabs = __webpack_require__(40);
Object.defineProperty(exports, 'Tabs', {
enumerable: true,
get: function get() {
return _Tabs.Tabs;
}
});
Object.defineProperty(exports, 'Tab', {
enumerable: true,
get: function get() {
return _Tabs.Tab;
}
});
Object.defineProperty(exports, 'TabBar', {
enumerable: true,
get: function get() {
return _Tabs.TabBar;
}
});
var _mdlUpgrade2 = __webpack_require__(24);
var _mdlUpgrade3 = _interopRequireDefault(_mdlUpgrade2);
var _MDLComponent2 = __webpack_require__(25);
var _MDLComponent3 = _interopRequireDefault(_MDLComponent2);
var _Badge2 = __webpack_require__(43);
var _Badge3 = _interopRequireDefault(_Badge2);
var _Button2 = __webpack_require__(44);
var _Button3 = _interopRequireDefault(_Button2);
var _Checkbox2 = __webpack_require__(45);
var _Checkbox3 = _interopRequireDefault(_Checkbox2);
var _DataTable2 = __webpack_require__(46);
var _DataTable3 = _interopRequireDefault(_DataTable2);
var _FABButton2 = __webpack_require__(48);
var _FABButton3 = _interopRequireDefault(_FABButton2);
var _Grid3 = _interopRequireDefault(_Grid2);
var _Icon2 = __webpack_require__(37);
var _Icon3 = _interopRequireDefault(_Icon2);
var _IconButton2 = __webpack_require__(49);
var _IconButton3 = _interopRequireDefault(_IconButton2);
var _IconToggle2 = __webpack_require__(50);
var _IconToggle3 = _interopRequireDefault(_IconToggle2);
var _Menu3 = _interopRequireDefault(_Menu2);
var _ProgressBar2 = __webpack_require__(51);
var _ProgressBar3 = _interopRequireDefault(_ProgressBar2);
var _Radio2 = __webpack_require__(52);
var _Radio3 = _interopRequireDefault(_Radio2);
var _RadioGroup2 = __webpack_require__(53);
var _RadioGroup3 = _interopRequireDefault(_RadioGroup2);
var _Slider2 = __webpack_require__(54);
var _Slider3 = _interopRequireDefault(_Slider2);
var _Snackbar2 = __webpack_require__(55);
var _Snackbar3 = _interopRequireDefault(_Snackbar2);
var _Spinner2 = __webpack_require__(56);
var _Spinner3 = _interopRequireDefault(_Spinner2);
var _Switch2 = __webpack_require__(57);
var _Switch3 = _interopRequireDefault(_Switch2);
var _Textfield2 = __webpack_require__(58);
var _Textfield3 = _interopRequireDefault(_Textfield2);
var _Tooltip2 = __webpack_require__(47);
var _Tooltip3 = _interopRequireDefault(_Tooltip2);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.mdlUpgrade = _mdlUpgrade3.default;
exports.MDLComponent = _MDLComponent3.default;
// components
exports.Badge = _Badge3.default;
exports.Button = _Button3.default;
exports.Checkbox = _Checkbox3.default;
exports.DataTable = _DataTable3.default;
exports.FABButton = _FABButton3.default;
exports.Grid = _Grid3.default;
exports.Icon = _Icon3.default;
exports.IconButton = _IconButton3.default;
exports.IconToggle = _IconToggle3.default;
exports.Menu = _Menu3.default;
exports.ProgressBar = _ProgressBar3.default;
exports.Radio = _Radio3.default;
exports.RadioGroup = _RadioGroup3.default;
exports.Slider = _Slider3.default;
exports.Snackbar = _Snackbar3.default;
exports.Spinner = _Spinner3.default;
exports.Switch = _Switch3.default;
exports.Textfield = _Textfield3.default;
exports.Tooltip = _Tooltip3.default;
/***/ },
/* 1 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.CardMedia = exports.CardActions = exports.CardTitle = exports.CardMenu = exports.CardText = exports.Card = undefined;
var _basicClassCreator = __webpack_require__(2);
var _basicClassCreator2 = _interopRequireDefault(_basicClassCreator);
var _Card2 = __webpack_require__(5);
var _Card3 = _interopRequireDefault(_Card2);
var _CardTitle2 = __webpack_require__(8);
var _CardTitle3 = _interopRequireDefault(_CardTitle2);
var _CardActions2 = __webpack_require__(9);
var _CardActions3 = _interopRequireDefault(_CardActions2);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.Card = _Card3.default;
var CardText = exports.CardText = (0, _basicClassCreator2.default)('CardText', 'mdl-card__supporting-text');
var CardMenu = exports.CardMenu = (0, _basicClassCreator2.default)('CardMenu', 'mdl-card__menu');
exports.CardTitle = _CardTitle3.default;
exports.CardActions = _CardActions3.default;
var CardMedia = exports.CardMedia = (0, _basicClassCreator2.default)('CardMedia', 'mdl-card__media');
/***/ },
/* 2 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
var _react = __webpack_require__(3);
var _react2 = _interopRequireDefault(_react);
var _classnames = __webpack_require__(4);
var _classnames2 = _interopRequireDefault(_classnames);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
exports.default = function (displayName, defaultClassName) {
var element = arguments.length <= 2 || arguments[2] === undefined ? 'div' : arguments[2];
var fn = function fn(props) {
var className = props.className;
var children = props.children;
var otherProps = _objectWithoutProperties(props, ['className', 'children']);
return _react2.default.createElement(element, _extends({
className: (0, _classnames2.default)(defaultClassName, className)
}, otherProps), children);
};
fn.displayName = displayName;
fn.propTypes = {
className: _react.PropTypes.string
};
return fn;
};
/***/ },
/* 3 */
/***/ function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE_3__;
/***/ },
/* 4 */
/***/ function(module, exports, __webpack_require__) {
var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
Copyright (c) 2016 Jed Watson.
Licensed under the MIT License (MIT), see
http://jedwatson.github.io/classnames
*/
/* global define */
(function () {
'use strict';
var hasOwn = {}.hasOwnProperty;
function classNames () {
var classes = [];
for (var i = 0; i < arguments.length; i++) {
var arg = arguments[i];
if (!arg) continue;
var argType = typeof arg;
if (argType === 'string' || argType === 'number') {
classes.push(arg);
} else if (Array.isArray(arg)) {
classes.push(classNames.apply(null, arg));
} else if (argType === 'object') {
for (var key in arg) {
if (hasOwn.call(arg, key) && arg[key]) {
classes.push(key);
}
}
}
}
return classes.join(' ');
}
if (typeof module !== 'undefined' && module.exports) {
module.exports = classNames;
} else if (true) {
// register as 'classnames', consistent with npm package name
!(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_RESULT__ = function () {
return classNames;
}.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
} else {
window.classNames = classNames;
}
}());
/***/ },
/* 5 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
var _react = __webpack_require__(3);
var _react2 = _interopRequireDefault(_react);
var _classnames = __webpack_require__(4);
var _classnames2 = _interopRequireDefault(_classnames);
var _clamp = __webpack_require__(6);
var _clamp2 = _interopRequireDefault(_clamp);
var _shadows = __webpack_require__(7);
var _shadows2 = _interopRequireDefault(_shadows);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
var Card = function Card(props) {
var className = props.className;
var shadow = props.shadow;
var children = props.children;
var otherProps = _objectWithoutProperties(props, ['className', 'shadow', 'children']);
var hasShadow = typeof shadow !== 'undefined';
var shadowLevel = (0, _clamp2.default)(shadow || 0, 0, _shadows2.default.length - 1);
var classes = (0, _classnames2.default)('mdl-card', _defineProperty({}, _shadows2.default[shadowLevel], hasShadow), className);
return _react2.default.createElement(
'div',
_extends({ className: classes }, otherProps),
children
);
};
Card.propTypes = {
className: _react.PropTypes.string,
shadow: _react.PropTypes.number
};
exports.default = Card;
/***/ },
/* 6 */
/***/ function(module, exports) {
module.exports = clamp
function clamp(value, min, max) {
return min < max
? (value < min ? min : value > max ? max : value)
: (value < max ? max : value > min ? min : value)
}
/***/ },
/* 7 */
/***/ function(module, exports) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
var values = [2, 3, 4, 5, 6, 8, 16];
exports.default = values.map(function (v) {
return "mdl-shadow--" + v + "dp";
});
/***/ },
/* 8 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _react = __webpack_require__(3);
var _react2 = _interopRequireDefault(_react);
var _classnames = __webpack_require__(4);
var _classnames2 = _interopRequireDefault(_classnames);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
var CardTitle = function (_React$Component) {
_inherits(CardTitle, _React$Component);
function CardTitle() {
_classCallCheck(this, CardTitle);
return _possibleConstructorReturn(this, Object.getPrototypeOf(CardTitle).apply(this, arguments));
}
_createClass(CardTitle, [{
key: 'render',
value: function render() {
var _props = this.props;
var className = _props.className;
var children = _props.children;
var expand = _props.expand;
var otherProps = _objectWithoutProperties(_props, ['className', 'children', 'expand']);
var classes = (0, _classnames2.default)('mdl-card__title', {
'mdl-card--expand': expand
}, className);
var title = typeof children === 'string' ? _react2.default.createElement('h2', { className: 'mdl-card__title-text' }, children) : children;
return _react2.default.createElement(
'div',
_extends({ className: classes }, otherProps),
title
);
}
}]);
return CardTitle;
}(_react2.default.Component);
CardTitle.propTypes = {
className: _react.PropTypes.string,
expand: _react.PropTypes.bool
};
exports.default = CardTitle;
/***/ },
/* 9 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
var _react = __webpack_require__(3);
var _react2 = _interopRequireDefault(_react);
var _classnames = __webpack_require__(4);
var _classnames2 = _interopRequireDefault(_classnames);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
var CardActions = function CardActions(props) {
var className = props.className;
var border = props.border;
var children = props.children;
var otherProps = _objectWithoutProperties(props, ['className', 'border', 'children']);
var classes = (0, _classnames2.default)('mdl-card__actions', {
'mdl-card--border': border
}, className);
return _react2.default.createElement(
'div',
_extends({ className: classes }, otherProps),
children
);
};
CardActions.propTypes = {
border: _react.PropTypes.bool,
className: _react.PropTypes.string
};
exports.default = CardActions;
/***/ },
/* 10 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.DialogActions = exports.DialogContent = exports.DialogTitle = exports.Dialog = undefined;
var _basicClassCreator = __webpack_require__(2);
var _basicClassCreator2 = _interopRequireDefault(_basicClassCreator);
var _Dialog2 = __webpack_require__(11);
var _Dialog3 = _interopRequireDefault(_Dialog2);
var _DialogTitle2 = __webpack_require__(13);
var _DialogTitle3 = _interopRequireDefault(_DialogTitle2);
var _DialogActions2 = __webpack_require__(14);
var _DialogActions3 = _interopRequireDefault(_DialogActions2);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.Dialog = _Dialog3.default;
exports.DialogTitle = _DialogTitle3.default;
var DialogContent = exports.DialogContent = (0, _basicClassCreator2.default)('DialogContent', 'mdl-dialog__content');
exports.DialogActions = _DialogActions3.default;
/***/ },
/* 11 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _react = __webpack_require__(3);
var _react2 = _interopRequireDefault(_react);
var _reactDom = __webpack_require__(12);
var _classnames = __webpack_require__(4);
var _classnames2 = _interopRequireDefault(_classnames);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
var prevent = function prevent(event) {
return event.preventDefault();
};
var Dialog = function (_React$Component) {
_inherits(Dialog, _React$Component);
function Dialog() {
_classCallCheck(this, Dialog);
return _possibleConstructorReturn(this, Object.getPrototypeOf(Dialog).apply(this, arguments));
}
_createClass(Dialog, [{
key: 'componentDidMount',
value: function componentDidMount() {
this.refs.dialog.addEventListener('cancel', this.props.onCancel);
if (this.props.open) {
(0, _reactDom.findDOMNode)(this).showModal();
}
}
}, {
key: 'componentDidUpdate',
value: function componentDidUpdate(prevProps) {
if (this.props.open !== prevProps.open) {
if (this.props.open) {
(0, _reactDom.findDOMNode)(this).showModal();
// display the dialog at the right location
// needed for the polyfill, otherwise it's not at the right position
var bodyHeight = document.body.clientHeight;
var dialogHeight = this.refs.dialog.clientHeight;
this.refs.dialog.style.position = 'fixed';
this.refs.dialog.style.top = (bodyHeight - dialogHeight) / 2 + 'px';
} else {
(0, _reactDom.findDOMNode)(this).close();
}
}
}
}, {
key: 'componentWillUnmount',
value: function componentWillUnmount() {
this.refs.dialog.removeEventListener('cancel', this.props.onCancel);
}
}, {
key: 'render',
value: function render() {
var _props = this.props;
var className = _props.className;
var children = _props.children;
var open = _props.open;
var onCancel = _props.onCancel;
var otherProps = _objectWithoutProperties(_props, ['className', 'children', 'open', 'onCancel']);
var classes = (0, _classnames2.default)('mdl-dialog', className);
return _react2.default.createElement(
'dialog',
_extends({ ref: 'dialog', className: classes }, otherProps),
children
);
}
}]);
return Dialog;
}(_react2.default.Component);
Dialog.propTypes = {
className: _react.PropTypes.string,
onCancel: _react.PropTypes.func,
open: _react.PropTypes.bool
};
Dialog.defaultProps = {
onCancel: prevent
};
exports.default = Dialog;
/***/ },
/* 12 */
/***/ function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE_12__;
/***/ },
/* 13 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
var _react = __webpack_require__(3);
var _react2 = _interopRequireDefault(_react);
var _classnames = __webpack_require__(4);
var _classnames2 = _interopRequireDefault(_classnames);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
var DialogTitle = function DialogTitle(props) {
var className = props.className;
var component = props.component;
var children = props.children;
var otherProps = _objectWithoutProperties(props, ['className', 'component', 'children']);
return _react2.default.createElement(component || 'h4', _extends({
className: (0, _classnames2.default)('mdl-dialog__title', className)
}, otherProps), children);
};
DialogTitle.propTypes = {
className: _react.PropTypes.string,
component: _react.PropTypes.oneOfType([_react.PropTypes.string, _react.PropTypes.element, _react.PropTypes.func])
};
exports.default = DialogTitle;
/***/ },
/* 14 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
var _react = __webpack_require__(3);
var _react2 = _interopRequireDefault(_react);
var _classnames = __webpack_require__(4);
var _classnames2 = _interopRequireDefault(_classnames);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
var DialogActions = function DialogActions(props) {
var className = props.className;
var fullWidth = props.fullWidth;
var children = props.children;
var otherProps = _objectWithoutProperties(props, ['className', 'fullWidth', 'children']);
var classes = (0, _classnames2.default)('mdl-dialog__actions', {
'mdl-dialog__actions--full-width': fullWidth
}, className);
return _react2.default.createElement(
'div',
_extends({ className: classes }, otherProps),
children
);
};
DialogActions.propTypes = {
className: _react.PropTypes.string,
fullWidth: _react.PropTypes.bool
};
exports.default = DialogActions;
/***/ },
/* 15 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.FooterLinkList = exports.FooterDropDownSection = exports.FooterSection = exports.Footer = undefined;
var _Footer2 = __webpack_require__(16);
var _Footer3 = _interopRequireDefault(_Footer2);
var _Section = __webpack_require__(18);
var _Section2 = _interopRequireDefault(_Section);
var _DropDownSection = __webpack_require__(19);
var _DropDownSection2 = _interopRequireDefault(_DropDownSection);
var _LinkList = __webpack_require__(20);
var _LinkList2 = _interopRequireDefault(_LinkList);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.Footer = _Footer3.default;
exports.FooterSection = _Section2.default;
exports.FooterDropDownSection = _DropDownSection2.default;
exports.FooterLinkList = _LinkList2.default;
/***/ },
/* 16 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
var _react = __webpack_require__(3);
var _react2 = _interopRequireDefault(_react);
var _classnames = __webpack_require__(4);
var _classnames2 = _interopRequireDefault(_classnames);
var _cloneChildren = __webpack_require__(17);
var _cloneChildren2 = _interopRequireDefault(_cloneChildren);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
var Footer = function Footer(props) {
var className = props.className;
var size = props.size;
var children = props.children;
var otherProps = _objectWithoutProperties(props, ['className', 'size', 'children']);
var classes = (0, _classnames2.default)(_defineProperty({}, 'mdl-' + size + '-footer', true), className);
return _react2.default.createElement(
'footer',
_extends({ className: classes }, otherProps),
(0, _cloneChildren2.default)(children, { size: size })
);
};
Footer.propTypes = {
className: _react.PropTypes.string,
size: _react.PropTypes.oneOf(['mini', 'mega'])
};
Footer.defaultProps = {
size: 'mega'
};
exports.default = Footer;
/***/ },
/* 17 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _react = __webpack_require__(3);
var _react2 = _interopRequireDefault(_react);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = function (children, props) {
return _react2.default.Children.map(children, function (child) {
var newProps = typeof props === 'function' ? props(child) : props;
return _react2.default.cloneElement(child, newProps);
});
};
/***/ },
/* 18 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
var _react = __webpack_require__(3);
var _react2 = _interopRequireDefault(_react);
var _classnames = __webpack_require__(4);
var _classnames2 = _interopRequireDefault(_classnames);
var _cloneChildren = __webpack_require__(17);
var _cloneChildren2 = _interopRequireDefault(_cloneChildren);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
var Section = function Section(props) {
var className = props.className;
var logo = props.logo;
var size = props.size;
var type = props.type;
var children = props.children;
var otherProps = _objectWithoutProperties(props, ['className', 'logo', 'size', 'type', 'children']);
var classes = (0, _classnames2.default)(_defineProperty({}, 'mdl-' + size + '-footer__' + type + '-section', true), className);
return _react2.default.createElement(
'div',
_extends({ className: classes }, otherProps),
logo ? _react2.default.createElement(
'div',
{ className: 'mdl-logo' },
logo
) : null,
(0, _cloneChildren2.default)(children, { size: size })
);
};
Section.propTypes = {
className: _react.PropTypes.string,
logo: _react.PropTypes.node,
size: _react.PropTypes.oneOf(['mini', 'mega']),
type: _react.PropTypes.oneOf(['top', 'middle', 'bottom', 'left', 'right'])
};
Section.defaultProps = {
size: 'mega',
type: 'left'
};
exports.default = Section;
/***/ },
/* 19 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
var _react = __webpack_require__(3);
var _react2 = _interopRequireDefault(_react);
var _classnames = __webpack_require__(4);
var _classnames2 = _interopRequireDefault(_classnames);
var _cloneChildren = __webpack_require__(17);
var _cloneChildren2 = _interopRequireDefault(_cloneChildren);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
var DropDownSection = function DropDownSection(props) {
var className = props.className;
var size = props.size;
var title = props.title;
var children = props.children;
var otherProps = _objectWithoutProperties(props, ['className', 'size', 'title', 'children']);
var classes = (0, _classnames2.default)(_defineProperty({}, 'mdl-' + size + '-footer__drop-down-section', true), className);
return _react2.default.createElement(
'div',
_extends({ className: classes }, otherProps),
_react2.default.createElement('input', { className: 'mdl-' + size + '-footer__heading-checkbox', type: 'checkbox', defaultChecked: true }),
_react2.default.createElement(
'h1',
{ className: 'mdl-' + size + '-footer__heading' },
title
),
(0, _cloneChildren2.default)(children, { size: size })
);
};
DropDownSection.propTypes = {
className: _react.PropTypes.string,
size: _react.PropTypes.oneOf(['mini', 'mega']),
title: _react.PropTypes.node.isRequired
};
DropDownSection.defaultProps = {
size: 'mega'
};
exports.default = DropDownSection;
/***/ },
/* 20 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
var _react = __webpack_require__(3);
var _react2 = _interopRequireDefault(_react);
var _classnames = __webpack_require__(4);
var _classnames2 = _interopRequireDefault(_classnames);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
var LinkList = function LinkList(props) {
var className = props.className;
var size = props.size;
var children = props.children;
var otherProps = _objectWithoutProperties(props, ['className', 'size', 'children']);
var classes = (0, _classnames2.default)(_defineProperty({}, 'mdl-' + size + '-footer__link-list', true), className);
return _react2.default.createElement(
'ul',
_extends({ className: classes }, otherProps),
_react2.default.Children.map(children, function (child) {
return _react2.default.createElement(
'li',
null,
child
);
})
);
};
LinkList.propTypes = {
className: _react.PropTypes.string,
size: _react.PropTypes.oneOf(['mini', 'mega'])
};
LinkList.defaultProps = {
size: 'mega'
};
exports.default = LinkList;
/***/ },
/* 21 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Cell = undefined;
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
var _react = __webpack_require__(3);
var _react2 = _interopRequireDefault(_react);
var _classnames = __webpack_require__(4);
var _classnames2 = _interopRequireDefault(_classnames);
var _clamp = __webpack_require__(6);
var _clamp2 = _interopRequireDefault(_clamp);
var _shadows = __webpack_require__(7);
var _shadows2 = _interopRequireDefault(_shadows);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
var Grid = function Grid(props) {
var noSpacing = props.noSpacing;
var className = props.className;
var children = props.children;
var component = props.component;
var shadow = props.shadow;
var otherProps = _objectWithoutProperties(props, ['noSpacing', 'className', 'children', 'component', 'shadow']);
var hasShadow = typeof shadow !== 'undefined';
var shadowLevel = (0, _clamp2.default)(shadow || 0, 0, _shadows2.default.length - 1);
var classes = (0, _classnames2.default)('mdl-grid', _defineProperty({
'mdl-grid--no-spacing': noSpacing
}, _shadows2.default[shadowLevel], hasShadow), className);
return _react2.default.createElement(component || 'div', _extends({
className: classes
}, otherProps), children);
};
Grid.propTypes = {
className: _react.PropTypes.string,
component: _react.PropTypes.oneOfType([_react.PropTypes.string, _react.PropTypes.element, _react.PropTypes.func]),
noSpacing: _react.PropTypes.bool,
shadow: _react.PropTypes.number
};
/* eslint-disable react/no-multi-comp */
var Cell = function Cell(props) {
var _classNames2;
var align = props.align;
var className = props.className;
var children = props.children;
var col = props.col;
var phone = props.phone;
var tablet = props.tablet;
var component = props.component;
var hideDesktop = props.hideDesktop;
var hidePhone = props.hidePhone;
var hideTablet = props.hideTablet;
var shadow = props.shadow;
var otherProps = _objectWithoutProperties(props, ['align', 'className', 'children', 'col', 'phone', 'tablet', 'component', 'hideDesktop', 'hidePhone', 'hideTablet', 'shadow']);
var hasShadow = typeof shadow !== 'undefined';
var shadowLevel = (0, _clamp2.default)(shadow || 0, 0, _shadows2.default.length - 1);
var classes = (0, _classnames2.default)('mdl-cell', (_classNames2 = {}, _defineProperty(_classNames2, 'mdl-cell--' + col + '-col', true), _defineProperty(_classNames2, 'mdl-cell--' + phone + '-col-phone', typeof phone !== 'undefined'), _defineProperty(_classNames2, 'mdl-cell--' + tablet + '-col-tablet', typeof tablet !== 'undefined'), _defineProperty(_classNames2, 'mdl-cell--' + align, typeof align !== 'undefined'), _defineProperty(_classNames2, 'mdl-cell--hide-desktop', hideDesktop), _defineProperty(_classNames2, 'mdl-cell--hide-phone', hidePhone), _defineProperty(_classNames2, 'mdl-cell--hide-tablet', hideTablet), _defineProperty(_classNames2, _shadows2.default[shadowLevel], hasShadow), _classNames2), className);
return _react2.default.createElement(component || 'div', _extends({
className: classes
}, otherProps), children);
};
Cell.propTypes = {
align: _react.PropTypes.oneOf(['top', 'middle', 'bottom', 'stretch']),
className: _react.PropTypes.string,
col: _react.PropTypes.number.isRequired,
component: _react.PropTypes.oneOfType([_react.PropTypes.string, _react.PropTypes.element, _react.PropTypes.func]),
phone: _react.PropTypes.number,
tablet: _react.PropTypes.number,
hideDesktop: _react.PropTypes.bool,
hidePhone: _react.PropTypes.bool,
hideTablet: _react.PropTypes.bool,
shadow: _react.PropTypes.number
};
exports.default = Grid;
exports.Cell = Cell;
/***/ },
/* 22 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Spacer = exports.Navigation = exports.HeaderTabs = exports.HeaderRow = exports.Header = exports.Drawer = exports.Content = exports.Layout = undefined;
var _Layout2 = __webpack_require__(23);
var _Layout3 = _interopRequireDefault(_Layout2);
var _Content2 = __webpack_require__(26);
var _Content3 = _interopRequireDefault(_Content2);
var _Drawer2 = __webpack_require__(27);
var _Drawer3 = _interopRequireDefault(_Drawer2);
var _Header2 = __webpack_require__(28);
var _Header3 = _interopRequireDefault(_Header2);
var _HeaderRow2 = __webpack_require__(29);
var _HeaderRow3 = _interopRequireDefault(_HeaderRow2);
var _HeaderTabs2 = __webpack_require__(31);
var _HeaderTabs3 = _interopRequireDefault(_HeaderTabs2);
var _Navigation2 = __webpack_require__(33);
var _Navigation3 = _interopRequireDefault(_Navigation2);
var _Spacer2 = __webpack_require__(30);
var _Spacer3 = _interopRequireDefault(_Spacer2);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.Layout = _Layout3.default;
exports.Content = _Content3.default;
exports.Drawer = _Drawer3.default;
exports.Header = _Header3.default;
exports.HeaderRow = _HeaderRow3.default;
exports.HeaderTabs = _HeaderTabs3.default;
exports.Navigation = _Navigation3.default;
exports.Spacer = _Spacer3.default;
/***/ },
/* 23 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
var _createClass = function () { function defineProperties(target, props) {