react-mdl
Version:
React Components for Material Design Lite
1,554 lines (1,179 loc) • 241 kB
JavaScript
(function webpackUniversalModuleDefinition(root, factory) {
if(typeof exports === 'object' && typeof module === 'object')
module.exports = factory(require("react"), require("react-dom"));
else if(typeof define === 'function' && define.amd)
define(["react", "react-dom"], factory);
else if(typeof exports === 'object')
exports["ReactMDL"] = factory(require("react"), require("react-dom"));
else
root["ReactMDL"] = factory(root["React"], root["ReactDOM"]);
})(this, function(__WEBPACK_EXTERNAL_MODULE_2__, __WEBPACK_EXTERNAL_MODULE_4__) {
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
});
var _mdlUpgrade = __webpack_require__(1);
Object.defineProperty(exports, 'mdlUpgrade', {
enumerable: true,
get: function get() {
return _interopRequireDefault(_mdlUpgrade).default;
}
});
var _MDLComponent = __webpack_require__(3);
Object.defineProperty(exports, 'MDLComponent', {
enumerable: true,
get: function get() {
return _interopRequireDefault(_MDLComponent).default;
}
});
var _Badge = __webpack_require__(5);
Object.defineProperty(exports, 'Badge', {
enumerable: true,
get: function get() {
return _interopRequireDefault(_Badge).default;
}
});
var _Button = __webpack_require__(7);
Object.defineProperty(exports, 'Button', {
enumerable: true,
get: function get() {
return _interopRequireDefault(_Button).default;
}
});
var _Card = __webpack_require__(8);
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 _Checkbox = __webpack_require__(15);
Object.defineProperty(exports, 'Checkbox', {
enumerable: true,
get: function get() {
return _interopRequireDefault(_Checkbox).default;
}
});
var _Chip = __webpack_require__(16);
Object.defineProperty(exports, 'Chip', {
enumerable: true,
get: function get() {
return _Chip.Chip;
}
});
Object.defineProperty(exports, 'ChipContact', {
enumerable: true,
get: function get() {
return _Chip.ChipContact;
}
});
var _DataTable = __webpack_require__(18);
Object.defineProperty(exports, 'DataTable', {
enumerable: true,
get: function get() {
return _interopRequireDefault(_DataTable).default;
}
});
Object.defineProperty(exports, 'Table', {
enumerable: true,
get: function get() {
return _DataTable.Table;
}
});
Object.defineProperty(exports, 'TableHeader', {
enumerable: true,
get: function get() {
return _DataTable.TableHeader;
}
});
var _Dialog = __webpack_require__(26);
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 _FABButton = __webpack_require__(30);
Object.defineProperty(exports, 'FABButton', {
enumerable: true,
get: function get() {
return _interopRequireDefault(_FABButton).default;
}
});
var _Footer = __webpack_require__(31);
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 _Grid = __webpack_require__(37);
Object.defineProperty(exports, 'Grid', {
enumerable: true,
get: function get() {
return _Grid.Grid;
}
});
Object.defineProperty(exports, 'Cell', {
enumerable: true,
get: function get() {
return _Grid.Cell;
}
});
var _Icon = __webpack_require__(17);
Object.defineProperty(exports, 'Icon', {
enumerable: true,
get: function get() {
return _interopRequireDefault(_Icon).default;
}
});
var _IconButton = __webpack_require__(40);
Object.defineProperty(exports, 'IconButton', {
enumerable: true,
get: function get() {
return _interopRequireDefault(_IconButton).default;
}
});
var _IconToggle = __webpack_require__(41);
Object.defineProperty(exports, 'IconToggle', {
enumerable: true,
get: function get() {
return _interopRequireDefault(_IconToggle).default;
}
});
var _Layout = __webpack_require__(42);
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__(52);
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 _Menu = __webpack_require__(56);
Object.defineProperty(exports, 'Menu', {
enumerable: true,
get: function get() {
return _interopRequireDefault(_Menu).default;
}
});
Object.defineProperty(exports, 'MenuItem', {
enumerable: true,
get: function get() {
return _Menu.MenuItem;
}
});
var _ProgressBar = __webpack_require__(57);
Object.defineProperty(exports, 'ProgressBar', {
enumerable: true,
get: function get() {
return _interopRequireDefault(_ProgressBar).default;
}
});
var _Radio = __webpack_require__(58);
Object.defineProperty(exports, 'Radio', {
enumerable: true,
get: function get() {
return _interopRequireDefault(_Radio).default;
}
});
var _RadioGroup = __webpack_require__(59);
Object.defineProperty(exports, 'RadioGroup', {
enumerable: true,
get: function get() {
return _interopRequireDefault(_RadioGroup).default;
}
});
var _Slider = __webpack_require__(60);
Object.defineProperty(exports, 'Slider', {
enumerable: true,
get: function get() {
return _interopRequireDefault(_Slider).default;
}
});
var _Snackbar = __webpack_require__(61);
Object.defineProperty(exports, 'Snackbar', {
enumerable: true,
get: function get() {
return _interopRequireDefault(_Snackbar).default;
}
});
var _Spinner = __webpack_require__(62);
Object.defineProperty(exports, 'Spinner', {
enumerable: true,
get: function get() {
return _interopRequireDefault(_Spinner).default;
}
});
var _Switch = __webpack_require__(63);
Object.defineProperty(exports, 'Switch', {
enumerable: true,
get: function get() {
return _interopRequireDefault(_Switch).default;
}
});
var _Tabs = __webpack_require__(64);
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 _Textfield = __webpack_require__(67);
Object.defineProperty(exports, 'Textfield', {
enumerable: true,
get: function get() {
return _interopRequireDefault(_Textfield).default;
}
});
var _Tooltip = __webpack_require__(20);
Object.defineProperty(exports, 'Tooltip', {
enumerable: true,
get: function get() {
return _interopRequireDefault(_Tooltip).default;
}
});
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
/***/ },
/* 1 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _react = __webpack_require__(2);
var _react2 = _interopRequireDefault(_react);
var _MDLComponent = __webpack_require__(3);
var _MDLComponent2 = _interopRequireDefault(_MDLComponent);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = function (Component) {
var render = Component.prototype.render;
Component.prototype.render = function rendr() {
// eslint-disable-line no-param-reassign
var renderBound = render.bind(this);
return _react2.default.createElement(
_MDLComponent2.default,
null,
renderBound()
);
};
return Component;
};
/***/ },
/* 2 */
/***/ function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE_2__;
/***/ },
/* 3 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
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__(2);
var _reactDom = __webpack_require__(4);
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 MDLComponent = function (_Component) {
_inherits(MDLComponent, _Component);
function MDLComponent() {
_classCallCheck(this, MDLComponent);
return _possibleConstructorReturn(this, Object.getPrototypeOf(MDLComponent).apply(this, arguments));
}
_createClass(MDLComponent, [{
key: 'componentDidMount',
value: function componentDidMount() {
window.componentHandler.upgradeElement((0, _reactDom.findDOMNode)(this));
}
}, {
key: 'componentWillUnmount',
value: function componentWillUnmount() {
window.componentHandler.downgradeElements((0, _reactDom.findDOMNode)(this));
}
}, {
key: 'render',
value: function render() {
return _react.Children.only(this.props.children);
}
}]);
return MDLComponent;
}(_react.Component);
exports.default = MDLComponent;
/***/ },
/* 4 */
/***/ function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE_4__;
/***/ },
/* 5 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _react = __webpack_require__(2);
var _react2 = _interopRequireDefault(_react);
var _classnames = __webpack_require__(6);
var _classnames2 = _interopRequireDefault(_classnames);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var propTypes = {
children: _react.PropTypes.oneOfType([_react.PropTypes.element, _react.PropTypes.string]),
className: _react.PropTypes.string,
text: _react.PropTypes.oneOfType([_react2.default.PropTypes.string, _react2.default.PropTypes.number]),
overlap: _react.PropTypes.bool,
noBackground: _react.PropTypes.bool
};
var Badge = function Badge(props) {
var children = props.children;
var className = props.className;
var text = props.text;
var overlap = props.overlap;
var noBackground = props.noBackground;
// No badge if no children
// TODO: In React 15, we can return null instead
if (!_react2.default.Children.count(children)) return _react2.default.createElement('noscript', null);
var element = typeof children === 'string' ? _react2.default.createElement(
'span',
null,
children
) : _react2.default.Children.only(children);
// No text -> No need of badge
if (text === null || typeof text === 'undefined') return element;
return _react2.default.cloneElement(element, {
className: (0, _classnames2.default)(className, element.props.className, 'mdl-badge', {
'mdl-badge--overlap': !!overlap,
'mdl-badge--no-background': !!noBackground
}),
'data-badge': text
});
};
Badge.propTypes = propTypes;
exports.default = Badge;
/***/ },
/* 6 */
/***/ 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;
}
}());
/***/ },
/* 7 */
/***/ 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__(2);
var _react2 = _interopRequireDefault(_react);
var _classnames = __webpack_require__(6);
var _classnames2 = _interopRequireDefault(_classnames);
var _mdlUpgrade = __webpack_require__(1);
var _mdlUpgrade2 = _interopRequireDefault(_mdlUpgrade);
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 propTypes = {
accent: _react.PropTypes.bool,
className: _react.PropTypes.string,
colored: _react.PropTypes.bool,
component: _react.PropTypes.oneOfType([_react.PropTypes.string, _react.PropTypes.element, _react.PropTypes.func]),
href: _react.PropTypes.string,
primary: _react.PropTypes.bool,
raised: _react.PropTypes.bool,
ripple: _react.PropTypes.bool
};
// eslint-disable-next-line react/prefer-stateless-function
var Button = function (_React$Component) {
_inherits(Button, _React$Component);
function Button() {
_classCallCheck(this, Button);
return _possibleConstructorReturn(this, Object.getPrototypeOf(Button).apply(this, arguments));
}
_createClass(Button, [{
key: 'render',
value: function render() {
var _props = this.props;
var accent = _props.accent;
var className = _props.className;
var colored = _props.colored;
var primary = _props.primary;
var raised = _props.raised;
var ripple = _props.ripple;
var component = _props.component;
var href = _props.href;
var children = _props.children;
var otherProps = _objectWithoutProperties(_props, ['accent', 'className', 'colored', 'primary', 'raised', 'ripple', 'component', 'href', 'children']);
var buttonClasses = (0, _classnames2.default)('mdl-button mdl-js-button', {
'mdl-js-ripple-effect': ripple,
'mdl-button--raised': raised,
'mdl-button--colored': colored,
'mdl-button--primary': primary,
'mdl-button--accent': accent
}, className);
return _react2.default.createElement(component || (href ? 'a' : 'button'), _extends({
className: buttonClasses,
href: href
}, otherProps), children);
}
}]);
return Button;
}(_react2.default.Component);
Button.propTypes = propTypes;
exports.default = (0, _mdlUpgrade2.default)(Button);
/***/ },
/* 8 */
/***/ 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 _Card = __webpack_require__(9);
Object.defineProperty(exports, 'Card', {
enumerable: true,
get: function get() {
return _interopRequireDefault(_Card).default;
}
});
var _CardTitle = __webpack_require__(12);
Object.defineProperty(exports, 'CardTitle', {
enumerable: true,
get: function get() {
return _interopRequireDefault(_CardTitle).default;
}
});
var _CardActions = __webpack_require__(13);
Object.defineProperty(exports, 'CardActions', {
enumerable: true,
get: function get() {
return _interopRequireDefault(_CardActions).default;
}
});
var _basicClassCreator = __webpack_require__(14);
var _basicClassCreator2 = _interopRequireDefault(_basicClassCreator);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var CardText = exports.CardText = (0, _basicClassCreator2.default)('CardText', 'mdl-card__supporting-text');
var CardMenu = exports.CardMenu = (0, _basicClassCreator2.default)('CardMenu', 'mdl-card__menu');
var CardMedia = exports.CardMedia = (0, _basicClassCreator2.default)('CardMedia', 'mdl-card__media');
/***/ },
/* 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__(2);
var _react2 = _interopRequireDefault(_react);
var _classnames = __webpack_require__(6);
var _classnames2 = _interopRequireDefault(_classnames);
var _clamp = __webpack_require__(10);
var _clamp2 = _interopRequireDefault(_clamp);
var _shadows = __webpack_require__(11);
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 propTypes = {
className: _react.PropTypes.string,
shadow: _react.PropTypes.number
};
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 = propTypes;
exports.default = Card;
/***/ },
/* 10 */
/***/ 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)
}
/***/ },
/* 11 */
/***/ function(module, exports) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
var values = [2, 3, 4, 6, 8, 16, 24];
exports.default = values.map(function (v) {
return "mdl-shadow--" + v + "dp";
});
/***/ },
/* 12 */
/***/ 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__(2);
var _react2 = _interopRequireDefault(_react);
var _classnames = __webpack_require__(6);
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 propTypes = {
className: _react.PropTypes.string,
expand: _react.PropTypes.bool
};
var CardTitle = function CardTitle(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
);
};
CardTitle.propTypes = propTypes;
exports.default = CardTitle;
/***/ },
/* 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__(2);
var _react2 = _interopRequireDefault(_react);
var _classnames = __webpack_require__(6);
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 propTypes = {
border: _react.PropTypes.bool,
className: _react.PropTypes.string
};
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 = propTypes;
exports.default = CardActions;
/***/ },
/* 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__(2);
var _react2 = _interopRequireDefault(_react);
var _classnames = __webpack_require__(6);
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;
};
/***/ },
/* 15 */
/***/ 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__(2);
var _react2 = _interopRequireDefault(_react);
var _reactDom = __webpack_require__(4);
var _classnames = __webpack_require__(6);
var _classnames2 = _interopRequireDefault(_classnames);
var _mdlUpgrade = __webpack_require__(1);
var _mdlUpgrade2 = _interopRequireDefault(_mdlUpgrade);
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 propTypes = {
checked: _react.PropTypes.bool,
className: _react.PropTypes.string,
disabled: _react.PropTypes.bool,
label: _react.PropTypes.string,
onChange: _react.PropTypes.func,
ripple: _react.PropTypes.bool
};
var Checkbox = function (_React$Component) {
_inherits(Checkbox, _React$Component);
function Checkbox() {
_classCallCheck(this, Checkbox);
return _possibleConstructorReturn(this, Object.getPrototypeOf(Checkbox).apply(this, arguments));
}
_createClass(Checkbox, [{
key: 'componentDidUpdate',
value: function componentDidUpdate(prevProps) {
if (this.props.disabled !== prevProps.disabled) {
var fnName = this.props.disabled ? 'disable' : 'enable';
(0, _reactDom.findDOMNode)(this).MaterialCheckbox[fnName]();
}
if (this.props.checked !== prevProps.checked) {
var _fnName = this.props.checked ? 'check' : 'uncheck';
(0, _reactDom.findDOMNode)(this).MaterialCheckbox[_fnName]();
}
}
}, {
key: 'render',
value: function render() {
var _props = this.props;
var className = _props.className;
var label = _props.label;
var ripple = _props.ripple;
var inputProps = _objectWithoutProperties(_props, ['className', 'label', 'ripple']);
var classes = (0, _classnames2.default)('mdl-checkbox mdl-js-checkbox', {
'mdl-js-ripple-effect': ripple
}, className);
return _react2.default.createElement(
'label',
{ className: classes },
_react2.default.createElement('input', _extends({
type: 'checkbox',
className: 'mdl-checkbox__input'
}, inputProps)),
label && _react2.default.createElement(
'span',
{ className: 'mdl-checkbox__label' },
label
)
);
}
}]);
return Checkbox;
}(_react2.default.Component);
Checkbox.propTypes = propTypes;
exports.default = (0, _mdlUpgrade2.default)(Checkbox);
/***/ },
/* 16 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Chip = exports.ChipContact = 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__(2);
var _react2 = _interopRequireDefault(_react);
var _classnames = __webpack_require__(6);
var _classnames2 = _interopRequireDefault(_classnames);
var _basicClassCreator = __webpack_require__(14);
var _basicClassCreator2 = _interopRequireDefault(_basicClassCreator);
var _Icon = __webpack_require__(17);
var _Icon2 = _interopRequireDefault(_Icon);
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 propTypes = {
className: _react.PropTypes.string,
onClick: _react.PropTypes.func,
onClose: _react.PropTypes.func
};
var ChipContact = exports.ChipContact = (0, _basicClassCreator2.default)('ChipContact', 'mdl-chip__contact', 'span');
var Chip = exports.Chip = function Chip(props) {
var className = props.className;
var onClick = props.onClick;
var onClose = props.onClose;
var children = props.children;
var otherProps = _objectWithoutProperties(props, ['className', 'onClick', 'onClose', 'children']);
var childrenArray = _react2.default.Children.toArray(children);
var contactIndex = childrenArray.findIndex(function (c) {
return c.type === ChipContact;
});
var chipContent = [childrenArray[contactIndex], _react2.default.createElement(
'span',
{ key: 'text', className: 'mdl-chip__text' },
childrenArray.slice(0, contactIndex).concat(childrenArray.slice(contactIndex + 1))
), onClose && _react2.default.createElement(
'button',
{ key: 'btn', type: 'button', className: 'mdl-chip__action', onClick: onClose },
_react2.default.createElement(_Icon2.default, { name: 'cancel' })
)];
var elt = onClick ? 'button' : 'span';
return _react2.default.createElement(elt, _extends({
className: (0, _classnames2.default)('mdl-chip', {
'mdl-chip--contact': contactIndex > -1,
'mdl-chip--deletable': !!onClose
}, className),
type: onClick ? 'button' : null,
onClick: onClick
}, otherProps), chipContent);
};
Chip.propTypes = propTypes;
/***/ },
/* 17 */
/***/ 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__(2);
var _react2 = _interopRequireDefault(_react);
var _classnames = __webpack_require__(6);
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 propTypes = {
className: _react.PropTypes.string,
name: _react.PropTypes.string.isRequired
};
var Icon = function Icon(props) {
var className = props.className;
var name = props.name;
var otherProps = _objectWithoutProperties(props, ['className', 'name']);
var classes = (0, _classnames2.default)('material-icons', className);
return _react2.default.createElement(
'i',
_extends({ className: classes }, otherProps),
name
);
};
Icon.propTypes = propTypes;
exports.default = Icon;
/***/ },
/* 18 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _TableHeader = __webpack_require__(19);
Object.defineProperty(exports, 'TableHeader', {
enumerable: true,
get: function get() {
return _interopRequireDefault(_TableHeader).default;
}
});
var _Table = __webpack_require__(21);
Object.defineProperty(exports, 'Table', {
enumerable: true,
get: function get() {
return _interopRequireDefault(_Table).default;
}
});
Object.defineProperty(exports, 'default', {
enumerable: true,
get: function get() {
return _interopRequireDefault(_Table).default;
}
});
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
/***/ },
/* 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__(2);
var _react2 = _interopRequireDefault(_react);
var _classnames = __webpack_require__(6);
var _classnames2 = _interopRequireDefault(_classnames);
var _Tooltip = __webpack_require__(20);
var _Tooltip2 = _interopRequireDefault(_Tooltip);
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 propTypes = {
cellFormatter: _react.PropTypes.func, // Used by the Table component to format the cell content for this "column"
className: _react.PropTypes.string,
name: _react.PropTypes.string.isRequired,
numeric: _react.PropTypes.bool,
onClick: _react.PropTypes.func,
nosort: _react.PropTypes.bool,
sortFn: _react.PropTypes.func, // Used by the Sortable component
tooltip: _react.PropTypes.node
};
var TableHeader = function TableHeader(props) {
var className = props.className;
var name = props.name;
var numeric = props.numeric;
var onClick = props.onClick;
var nosort = props.nosort;
var tooltip = props.tooltip;
var children = props.children;
var otherProps = _objectWithoutProperties(props, ['className', 'name', 'numeric', 'onClick', 'nosort', 'tooltip', 'children']);
// remove unwanted props
// see https://github.com/Hacker0x01/react-datepicker/issues/517#issuecomment-230171426
delete otherProps.cellFormatter;
delete otherProps.sortFn;
var classes = (0, _classnames2.default)({
'mdl-data-table__cell--non-numeric': !numeric
}, className);
var clickFn = !nosort && onClick ? function (e) {
return onClick(e, name);
} : null;
return _react2.default.createElement(
'th',
_extends({ className: classes, onClick: clickFn }, otherProps),
!!tooltip ? _react2.default.createElement(
_Tooltip2.default,
{ label: tooltip },
children
) : children
);
};
TableHeader.propTypes = propTypes;
exports.default = TableHeader;
/***/ },
/* 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__(2);
var _react2 = _interopRequireDefault(_react);
var _classnames = __webpack_require__(6);
var _classnames2 = _interopRequireDefault(_classnames);
var _MDLComponent = __webpack_require__(3);
var _MDLComponent2 = _interopRequireDefault(_MDLComponent);
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 Tooltip = function Tooltip(props) {
var label = props.label;
var large = props.large;
var children = props.children;
var position = props.position;
var otherProps = _objectWithoutProperties(props, ['label', 'large', 'children', 'position']);
var id = Math.random().toString(36).substr(2);
var newLabel = typeof label === 'string' ? _react2.default.createElement(
'span',
null,
label
) : label;
var element = void 0;
if (typeof children === 'string') {
element = _react2.default.createElement(
'span',
null,
children
);
} else {
element = _react2.default.Children.only(children);
}
return _react2.default.createElement(
'div',
_extends({ style: { display: 'inline-block' } }, otherProps),
_react2.default.cloneElement(element, { id: id }),
_react2.default.createElement(
_MDLComponent2.default,
null,
_react2.default.cloneElement(newLabel, {
htmlFor: id,
className: (0, _classnames2.default)('mdl-tooltip', _defineProperty({
'mdl-tooltip--large': large
}, 'mdl-tooltip--' + position, typeof position !== 'undefined'))
})
)
);
};
Tooltip.propTypes = {
children: _react.PropTypes.node.isRequired,
label: _react.PropTypes.node.isRequired,
large: _react.PropTypes.bool,
position: _react.PropTypes.oneOf(['left', 'right', 'top', 'bottom'])
};
exports.default = Tooltip;
/***/ },
/* 21 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.UndecoratedTable = 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 _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__(2);
var _react2 = _interopRequireDefault(_react);
var _classnames = __webpack_require__(6);
var _classnames2 = _interopRequireDefault(_classnames);
var _clamp = __webpack_require__(10);
var _clamp2 = _interopRequireDefault(_clamp);
var _shadows = __webpack_require__(11);
var _shadows2 = _interopRequireDefault(_shadows);
var _TableHeader = __webpack_require__(19);
var _TableHeader2 = _interopRequireDefault(_TableHeader);
var _Selectable = __webpack_require__(22)