Skip to content

Commit c5058a8

Browse files
author
nakanori
committed
Material-UIをラップしたnpmパッケージ登録
0 parents  commit c5058a8

30 files changed

+4075
-0
lines changed

‎.babelrc

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
{
2+
"presets": ["es2015", "react", "stage-0", "stage-1", "stage-2"],
3+
"env": {
4+
"development": {
5+
"plugins": ["babel-plugin-espower"]
6+
}
7+
}
8+
}

‎.gitignore

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
*.log
2+
node_modules
3+

‎.npmignore

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
src
2+
node_modules
3+
.gitignore
4+
.babelrc
5+
yarn.lock
6+
*.log
7+
8+

‎README.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
# blocks-util-js

‎lib/component/Dialog.js

Lines changed: 87 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,87 @@
1+
'use strict';
2+
3+
Object.defineProperty(exports, "__esModule", {
4+
value: true
5+
});
6+
exports.Dialog = undefined;
7+
8+
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; };
9+
10+
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; }; }();
11+
12+
var _react = require('react');
13+
14+
var _react2 = _interopRequireDefault(_react);
15+
16+
var _Dialog = require('material-ui/Dialog');
17+
18+
var _Dialog2 = _interopRequireDefault(_Dialog);
19+
20+
var _lodash = require('lodash');
21+
22+
var _lodash2 = _interopRequireDefault(_lodash);
23+
24+
var _colors = require('../style/colors');
25+
26+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
27+
28+
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
29+
30+
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; }
31+
32+
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; }
33+
34+
var styles = {
35+
root: {},
36+
title: {
37+
color: '' + _colors.cyan600,
38+
padding: '8px 14px 8px',
39+
borderBottom: '1px solid ' + _colors.lightGrey400
40+
},
41+
body: {
42+
padding: '8px 14px 8px'
43+
},
44+
content: {
45+
color: 'blue'
46+
},
47+
actionsContainer: {
48+
padding: '8px 14px 8px',
49+
textAlign: 'left'
50+
}
51+
};
52+
53+
var Dialog = exports.Dialog = function (_Component) {
54+
_inherits(Dialog, _Component);
55+
56+
function Dialog() {
57+
_classCallCheck(this, Dialog);
58+
59+
return _possibleConstructorReturn(this, (Dialog.__proto__ || Object.getPrototypeOf(Dialog)).apply(this, arguments));
60+
}
61+
62+
_createClass(Dialog, [{
63+
key: 'render',
64+
value: function render() {
65+
var _props = this.props,
66+
style = _props.style,
67+
titleStyle = _props.titleStyle,
68+
bodyStyle = _props.bodyStyle,
69+
contentStyle = _props.contentStyle,
70+
actionsContainerStyle = _props.actionsContainerStyle;
71+
72+
return _react2.default.createElement(
73+
_Dialog2.default,
74+
_extends({}, this.props, {
75+
style: _lodash2.default.defaults(styles.root, style),
76+
titleStyle: _lodash2.default.defaults(styles.title, titleStyle),
77+
bodyStyle: _lodash2.default.defaults(styles.body, bodyStyle),
78+
contentStyle: _lodash2.default.defaults(styles.content, contentStyle),
79+
actionsContainerStyle: _lodash2.default.defaults(styles.actionsContainer, actionsContainerStyle)
80+
}),
81+
this.props.children
82+
);
83+
}
84+
}]);
85+
86+
return Dialog;
87+
}(_react.Component);

‎lib/component/FlatButton.js

Lines changed: 47 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,47 @@
1+
'use strict';
2+
3+
Object.defineProperty(exports, "__esModule", {
4+
value: true
5+
});
6+
exports.FlatButton = undefined;
7+
8+
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; }; }();
9+
10+
var _react = require('react');
11+
12+
var _react2 = _interopRequireDefault(_react);
13+
14+
var _FlatButton = require('material-ui/FlatButton');
15+
16+
var _FlatButton2 = _interopRequireDefault(_FlatButton);
17+
18+
var _lodash = require('lodash');
19+
20+
var _lodash2 = _interopRequireDefault(_lodash);
21+
22+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
23+
24+
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
25+
26+
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; }
27+
28+
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; }
29+
30+
var FlatButton = exports.FlatButton = function (_Component) {
31+
_inherits(FlatButton, _Component);
32+
33+
function FlatButton() {
34+
_classCallCheck(this, FlatButton);
35+
36+
return _possibleConstructorReturn(this, (FlatButton.__proto__ || Object.getPrototypeOf(FlatButton)).apply(this, arguments));
37+
}
38+
39+
_createClass(FlatButton, [{
40+
key: 'render',
41+
value: function render() {
42+
return _react2.default.createElement(_FlatButton2.default, this.props);
43+
}
44+
}]);
45+
46+
return FlatButton;
47+
}(_react.Component);

‎lib/component/FontAwesome.js

Lines changed: 73 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,73 @@
1+
'use strict';
2+
3+
Object.defineProperty(exports, "__esModule", {
4+
value: true
5+
});
6+
exports.FontAwesome = undefined;
7+
8+
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; };
9+
10+
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; }; }();
11+
12+
var _react = require('react');
13+
14+
var _react2 = _interopRequireDefault(_react);
15+
16+
var _FontIcon = require('material-ui/FontIcon');
17+
18+
var _FontIcon2 = _interopRequireDefault(_FontIcon);
19+
20+
var _classnames = require('classnames');
21+
22+
var _classnames2 = _interopRequireDefault(_classnames);
23+
24+
var _lodash = require('lodash');
25+
26+
var _lodash2 = _interopRequireDefault(_lodash);
27+
28+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
29+
30+
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
31+
32+
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; }
33+
34+
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; }
35+
36+
var styles = {
37+
root: {
38+
cursor: 'pointer'
39+
}
40+
};
41+
42+
/**
43+
* @requires <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/{VERSION}/css/font-awesome.min.css">
44+
* @example <FontAwesome>fa-angle-up</FontAwesome>
45+
*/
46+
47+
var FontAwesome = exports.FontAwesome = function (_Component) {
48+
_inherits(FontAwesome, _Component);
49+
50+
function FontAwesome() {
51+
_classCallCheck(this, FontAwesome);
52+
53+
return _possibleConstructorReturn(this, (FontAwesome.__proto__ || Object.getPrototypeOf(FontAwesome)).apply(this, arguments));
54+
}
55+
56+
_createClass(FontAwesome, [{
57+
key: 'render',
58+
value: function render() {
59+
var style = this.props.style;
60+
61+
return _react2.default.createElement(
62+
_FontIcon2.default,
63+
_extends({}, this.props, {
64+
className: (0, _classnames2.default)("fa", this.props.children),
65+
style: _lodash2.default.defaults(style, styles.root)
66+
}),
67+
null
68+
);
69+
}
70+
}]);
71+
72+
return FontAwesome;
73+
}(_react.Component);

‎lib/component/MaterialIcon.js

Lines changed: 70 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,70 @@
1+
'use strict';
2+
3+
Object.defineProperty(exports, "__esModule", {
4+
value: true
5+
});
6+
exports.MaterialIcon = undefined;
7+
8+
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; };
9+
10+
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; }; }();
11+
12+
var _react = require('react');
13+
14+
var _react2 = _interopRequireDefault(_react);
15+
16+
var _FontIcon = require('material-ui/FontIcon');
17+
18+
var _FontIcon2 = _interopRequireDefault(_FontIcon);
19+
20+
var _lodash = require('lodash');
21+
22+
var _lodash2 = _interopRequireDefault(_lodash);
23+
24+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
25+
26+
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
27+
28+
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; }
29+
30+
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; }
31+
32+
var styles = {
33+
root: {
34+
cursor: 'pointer'
35+
}
36+
};
37+
38+
/**
39+
* @requires <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
40+
* @example <MaterialIcon >home</MaterialIcon>
41+
*/
42+
43+
var MaterialIcon = exports.MaterialIcon = function (_Component) {
44+
_inherits(MaterialIcon, _Component);
45+
46+
function MaterialIcon() {
47+
_classCallCheck(this, MaterialIcon);
48+
49+
return _possibleConstructorReturn(this, (MaterialIcon.__proto__ || Object.getPrototypeOf(MaterialIcon)).apply(this, arguments));
50+
}
51+
52+
_createClass(MaterialIcon, [{
53+
key: 'render',
54+
value: function render() {
55+
var style = this.props.style;
56+
57+
console.log(this.props.children);
58+
return _react2.default.createElement(
59+
_FontIcon2.default,
60+
_extends({}, this.props, {
61+
className: 'material-icons',
62+
style: _lodash2.default.defaults(style, styles.root)
63+
}),
64+
this.props.children
65+
);
66+
}
67+
}]);
68+
69+
return MaterialIcon;
70+
}(_react.Component);

‎lib/component/MenuItem.js

Lines changed: 63 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,63 @@
1+
'use strict';
2+
3+
Object.defineProperty(exports, "__esModule", {
4+
value: true
5+
});
6+
exports.MenuItem = undefined;
7+
8+
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; };
9+
10+
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; }; }();
11+
12+
var _react = require('react');
13+
14+
var _react2 = _interopRequireDefault(_react);
15+
16+
var _MenuItem = require('material-ui/MenuItem');
17+
18+
var _MenuItem2 = _interopRequireDefault(_MenuItem);
19+
20+
var _lodash = require('lodash');
21+
22+
var _lodash2 = _interopRequireDefault(_lodash);
23+
24+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
25+
26+
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
27+
28+
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; }
29+
30+
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; }
31+
32+
var styles = {
33+
root: {
34+
fontSize: 12
35+
}
36+
};
37+
38+
var MenuItem = exports.MenuItem = function (_Component) {
39+
_inherits(MenuItem, _Component);
40+
41+
function MenuItem() {
42+
_classCallCheck(this, MenuItem);
43+
44+
return _possibleConstructorReturn(this, (MenuItem.__proto__ || Object.getPrototypeOf(MenuItem)).apply(this, arguments));
45+
}
46+
47+
_createClass(MenuItem, [{
48+
key: 'render',
49+
value: function render() {
50+
var _props = this.props,
51+
style = _props.style,
52+
innerDivStyle = _props.innerDivStyle;
53+
54+
return _react2.default.createElement(_MenuItem2.default, _extends({}, this.props, {
55+
autoWidth: false,
56+
style: _lodash2.default.defaults(styles.root, style),
57+
innerDivStyle: _lodash2.default.defaults(styles.innerDiv, innerDivStyle)
58+
}));
59+
}
60+
}]);
61+
62+
return MenuItem;
63+
}(_react.Component);

0 commit comments

Comments
 (0)