This commit is contained in:
6
node_modules/reactcss/.eslintignore
generated
vendored
Normal file
6
node_modules/reactcss/.eslintignore
generated
vendored
Normal file
@@ -0,0 +1,6 @@
|
||||
build/**
|
||||
docs/build/**
|
||||
lib/**
|
||||
node_modules/**
|
||||
modules/**
|
||||
config.js
|
||||
6
node_modules/reactcss/.eslintrc.js
generated
vendored
Normal file
6
node_modules/reactcss/.eslintrc.js
generated
vendored
Normal file
@@ -0,0 +1,6 @@
|
||||
module.exports = {
|
||||
extends: '@case/eslint-config',
|
||||
env: {
|
||||
jest: true
|
||||
}
|
||||
}
|
||||
5
node_modules/reactcss/.npmignore
generated
vendored
Normal file
5
node_modules/reactcss/.npmignore
generated
vendored
Normal file
@@ -0,0 +1,5 @@
|
||||
docs
|
||||
gulp
|
||||
src
|
||||
test
|
||||
.babelrc
|
||||
7
node_modules/reactcss/.travis.yml
generated
vendored
Normal file
7
node_modules/reactcss/.travis.yml
generated
vendored
Normal file
@@ -0,0 +1,7 @@
|
||||
language: node_js
|
||||
node_js:
|
||||
- "4.0"
|
||||
notifications:
|
||||
email:
|
||||
on_success: never
|
||||
script: npm test
|
||||
21
node_modules/reactcss/LICENSE
generated
vendored
Normal file
21
node_modules/reactcss/LICENSE
generated
vendored
Normal file
@@ -0,0 +1,21 @@
|
||||
The MIT License (MIT)
|
||||
|
||||
Copyright (c) 2015 Case Sandberg
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
of this software and associated documentation files (the "Software"), to deal
|
||||
in the Software without restriction, including without limitation the rights
|
||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
copies of the Software, and to permit persons to whom the Software is
|
||||
furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all
|
||||
copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||
SOFTWARE.
|
||||
82
node_modules/reactcss/README.md
generated
vendored
Normal file
82
node_modules/reactcss/README.md
generated
vendored
Normal file
@@ -0,0 +1,82 @@
|
||||
# [ReactCSS](http://reactcss.com/)
|
||||
|
||||
[![Build Status][travis-svg]][travis-url]
|
||||
[![dependency status][deps-svg]][deps-url]
|
||||
[![dev dependency status][dev-deps-svg]][dev-deps-url]
|
||||
[![License][license-image]][license-url]
|
||||
[![Downloads][downloads-image]][downloads-url]
|
||||
|
||||
## Inline Styles in JS with support for [React](http://reactcss.com/#react), [React Native](http://reactcss.com/#react-native), [Autoprefixing](http://reactcss.com/#autoprefixing), [Hover](http://reactcss.com/#hover), [Pseudo-Elements](http://reactcss.com/#pseudo-elements) & [Media Queries](http://reactcss.com/#media-queries)
|
||||
|
||||
## Install
|
||||
|
||||
```
|
||||
npm install reactcss --save
|
||||
```
|
||||
|
||||
## Style Object
|
||||
|
||||
Define a default styles for your elements:
|
||||
```javascript
|
||||
import reactCSS from 'reactcss'
|
||||
|
||||
const styles = reactCSS({
|
||||
'default': {
|
||||
card: {
|
||||
background: this.props.background,
|
||||
boxShadow: '0 2px 4px rgba(0,0,0,.15)',
|
||||
},
|
||||
},
|
||||
})
|
||||
```
|
||||
|
||||
Pass style definitions via inline styles:
|
||||
```javascript
|
||||
<div style={ styles.card } />
|
||||
```
|
||||
|
||||
## Activating Classes
|
||||
|
||||
Activate additional classes by passing down objects as additional parameters to `reactCSS`:
|
||||
```javascript
|
||||
const styles = reactCSS({
|
||||
'default': {
|
||||
card: {
|
||||
background: '#fff',
|
||||
boxShadow: '0 2px 4px rgba(0,0,0,.15)',
|
||||
},
|
||||
},
|
||||
'zIndex-2': {
|
||||
card: {
|
||||
boxShadow: '0 4px 8px rgba(0,0,0,.15)',
|
||||
},
|
||||
},
|
||||
}, {
|
||||
'zIndex-2': props.zIndex === 2,
|
||||
})
|
||||
```
|
||||
|
||||
## Documentation
|
||||
See the [Full Documentation](http://reactcss.com)
|
||||
|
||||
## Examples
|
||||
|
||||
Examples and projects built with reactCSS:
|
||||
|
||||
[Felony](https://github.com/henryboldi/felony) - Next Level PGP Desktop App
|
||||
[React Color](https://github.com/casesandberg/react-color) - Color Pickers from Sketch, Photoshop, Chrome, Github, Twitter & more
|
||||
[Buffer App Components](https://www.npmjs.com/package/@bufferapp/components) - A shared set of UI Components
|
||||
[React Reactions](https://github.com/casesandberg/react-reactions) - Use Reactions from Slack, Facebook, Pokemon, Github and Youtube
|
||||
|
||||
|
||||
[travis-svg]: https://travis-ci.org/casesandberg/reactcss.svg
|
||||
[travis-url]: https://travis-ci.org/casesandberg/reactcss
|
||||
[deps-svg]: https://david-dm.org/casesandberg/reactcss.svg
|
||||
[deps-url]: https://david-dm.org/casesandberg/reactcss
|
||||
[dev-deps-svg]: https://david-dm.org/casesandberg/reactcss/dev-status.svg
|
||||
[dev-deps-url]: https://david-dm.org/casesandberg/reactcss#info=devDependencies
|
||||
[npm-badge-png]: https://nodei.co/npm/reactcss.png?downloads=true&stars=true
|
||||
[license-image]: http://img.shields.io/npm/l/reactcss.svg
|
||||
[license-url]: LICENSE
|
||||
[downloads-image]: http://img.shields.io/npm/dm/reactcss.svg
|
||||
[downloads-url]: http://npm-stat.com/charts.html?package=reactcss
|
||||
125
node_modules/reactcss/lib/autoprefix.js
generated
vendored
Normal file
125
node_modules/reactcss/lib/autoprefix.js
generated
vendored
Normal file
@@ -0,0 +1,125 @@
|
||||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.autoprefix = undefined;
|
||||
|
||||
var _forOwn2 = require('lodash/forOwn');
|
||||
|
||||
var _forOwn3 = _interopRequireDefault(_forOwn2);
|
||||
|
||||
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; };
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
var transforms = {
|
||||
borderRadius: function borderRadius(value) {
|
||||
return {
|
||||
msBorderRadius: value,
|
||||
MozBorderRadius: value,
|
||||
OBorderRadius: value,
|
||||
WebkitBorderRadius: value,
|
||||
borderRadius: value
|
||||
};
|
||||
},
|
||||
boxShadow: function boxShadow(value) {
|
||||
return {
|
||||
msBoxShadow: value,
|
||||
MozBoxShadow: value,
|
||||
OBoxShadow: value,
|
||||
WebkitBoxShadow: value,
|
||||
boxShadow: value
|
||||
};
|
||||
},
|
||||
userSelect: function userSelect(value) {
|
||||
return {
|
||||
WebkitTouchCallout: value,
|
||||
KhtmlUserSelect: value,
|
||||
MozUserSelect: value,
|
||||
msUserSelect: value,
|
||||
WebkitUserSelect: value,
|
||||
userSelect: value
|
||||
};
|
||||
},
|
||||
|
||||
flex: function flex(value) {
|
||||
return {
|
||||
WebkitBoxFlex: value,
|
||||
MozBoxFlex: value,
|
||||
WebkitFlex: value,
|
||||
msFlex: value,
|
||||
flex: value
|
||||
};
|
||||
},
|
||||
flexBasis: function flexBasis(value) {
|
||||
return {
|
||||
WebkitFlexBasis: value,
|
||||
flexBasis: value
|
||||
};
|
||||
},
|
||||
justifyContent: function justifyContent(value) {
|
||||
return {
|
||||
WebkitJustifyContent: value,
|
||||
justifyContent: value
|
||||
};
|
||||
},
|
||||
|
||||
transition: function transition(value) {
|
||||
return {
|
||||
msTransition: value,
|
||||
MozTransition: value,
|
||||
OTransition: value,
|
||||
WebkitTransition: value,
|
||||
transition: value
|
||||
};
|
||||
},
|
||||
|
||||
transform: function transform(value) {
|
||||
return {
|
||||
msTransform: value,
|
||||
MozTransform: value,
|
||||
OTransform: value,
|
||||
WebkitTransform: value,
|
||||
transform: value
|
||||
};
|
||||
},
|
||||
absolute: function absolute(value) {
|
||||
var direction = value && value.split(' ');
|
||||
return {
|
||||
position: 'absolute',
|
||||
top: direction && direction[0],
|
||||
right: direction && direction[1],
|
||||
bottom: direction && direction[2],
|
||||
left: direction && direction[3]
|
||||
};
|
||||
},
|
||||
extend: function extend(name, otherElementStyles) {
|
||||
var otherStyle = otherElementStyles[name];
|
||||
if (otherStyle) {
|
||||
return otherStyle;
|
||||
}
|
||||
return {
|
||||
'extend': name
|
||||
};
|
||||
}
|
||||
};
|
||||
|
||||
var autoprefix = exports.autoprefix = function autoprefix(elements) {
|
||||
var prefixed = {};
|
||||
(0, _forOwn3.default)(elements, function (styles, element) {
|
||||
var expanded = {};
|
||||
(0, _forOwn3.default)(styles, function (value, key) {
|
||||
var transform = transforms[key];
|
||||
if (transform) {
|
||||
expanded = _extends({}, expanded, transform(value));
|
||||
} else {
|
||||
expanded[key] = value;
|
||||
}
|
||||
});
|
||||
prefixed[element] = expanded;
|
||||
});
|
||||
return prefixed;
|
||||
};
|
||||
|
||||
exports.default = autoprefix;
|
||||
56
node_modules/reactcss/lib/components/active.js
generated
vendored
Normal file
56
node_modules/reactcss/lib/components/active.js
generated
vendored
Normal file
@@ -0,0 +1,56 @@
|
||||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.active = 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 = require('react');
|
||||
|
||||
var _react2 = _interopRequireDefault(_react);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
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 active = exports.active = function active(Component) {
|
||||
var Span = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'span';
|
||||
|
||||
return function (_React$Component) {
|
||||
_inherits(Active, _React$Component);
|
||||
|
||||
function Active() {
|
||||
var _ref;
|
||||
|
||||
var _temp, _this, _ret;
|
||||
|
||||
_classCallCheck(this, Active);
|
||||
|
||||
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
|
||||
args[_key] = arguments[_key];
|
||||
}
|
||||
|
||||
return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = Active.__proto__ || Object.getPrototypeOf(Active)).call.apply(_ref, [this].concat(args))), _this), _this.state = { active: false }, _this.handleMouseDown = function () {
|
||||
return _this.setState({ active: true });
|
||||
}, _this.handleMouseUp = function () {
|
||||
return _this.setState({ active: false });
|
||||
}, _this.render = function () {
|
||||
return _react2.default.createElement(
|
||||
Span,
|
||||
{ onMouseDown: _this.handleMouseDown, onMouseUp: _this.handleMouseUp },
|
||||
_react2.default.createElement(Component, _extends({}, _this.props, _this.state))
|
||||
);
|
||||
}, _temp), _possibleConstructorReturn(_this, _ret);
|
||||
}
|
||||
|
||||
return Active;
|
||||
}(_react2.default.Component);
|
||||
};
|
||||
|
||||
exports.default = active;
|
||||
56
node_modules/reactcss/lib/components/hover.js
generated
vendored
Normal file
56
node_modules/reactcss/lib/components/hover.js
generated
vendored
Normal file
@@ -0,0 +1,56 @@
|
||||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.hover = 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 = require('react');
|
||||
|
||||
var _react2 = _interopRequireDefault(_react);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
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 hover = exports.hover = function hover(Component) {
|
||||
var Span = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'span';
|
||||
|
||||
return function (_React$Component) {
|
||||
_inherits(Hover, _React$Component);
|
||||
|
||||
function Hover() {
|
||||
var _ref;
|
||||
|
||||
var _temp, _this, _ret;
|
||||
|
||||
_classCallCheck(this, Hover);
|
||||
|
||||
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
|
||||
args[_key] = arguments[_key];
|
||||
}
|
||||
|
||||
return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = Hover.__proto__ || Object.getPrototypeOf(Hover)).call.apply(_ref, [this].concat(args))), _this), _this.state = { hover: false }, _this.handleMouseOver = function () {
|
||||
return _this.setState({ hover: true });
|
||||
}, _this.handleMouseOut = function () {
|
||||
return _this.setState({ hover: false });
|
||||
}, _this.render = function () {
|
||||
return _react2.default.createElement(
|
||||
Span,
|
||||
{ onMouseOver: _this.handleMouseOver, onMouseOut: _this.handleMouseOut },
|
||||
_react2.default.createElement(Component, _extends({}, _this.props, _this.state))
|
||||
);
|
||||
}, _temp), _possibleConstructorReturn(_this, _ret);
|
||||
}
|
||||
|
||||
return Hover;
|
||||
}(_react2.default.Component);
|
||||
};
|
||||
|
||||
exports.default = hover;
|
||||
49
node_modules/reactcss/lib/flattenNames.js
generated
vendored
Normal file
49
node_modules/reactcss/lib/flattenNames.js
generated
vendored
Normal file
@@ -0,0 +1,49 @@
|
||||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.flattenNames = undefined;
|
||||
|
||||
var _isString2 = require('lodash/isString');
|
||||
|
||||
var _isString3 = _interopRequireDefault(_isString2);
|
||||
|
||||
var _forOwn2 = require('lodash/forOwn');
|
||||
|
||||
var _forOwn3 = _interopRequireDefault(_forOwn2);
|
||||
|
||||
var _isPlainObject2 = require('lodash/isPlainObject');
|
||||
|
||||
var _isPlainObject3 = _interopRequireDefault(_isPlainObject2);
|
||||
|
||||
var _map2 = require('lodash/map');
|
||||
|
||||
var _map3 = _interopRequireDefault(_map2);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
var flattenNames = exports.flattenNames = function flattenNames() {
|
||||
var things = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
||||
|
||||
var names = [];
|
||||
|
||||
(0, _map3.default)(things, function (thing) {
|
||||
if (Array.isArray(thing)) {
|
||||
flattenNames(thing).map(function (name) {
|
||||
return names.push(name);
|
||||
});
|
||||
} else if ((0, _isPlainObject3.default)(thing)) {
|
||||
(0, _forOwn3.default)(thing, function (value, key) {
|
||||
value === true && names.push(key);
|
||||
names.push(key + '-' + value);
|
||||
});
|
||||
} else if ((0, _isString3.default)(thing)) {
|
||||
names.push(thing);
|
||||
}
|
||||
});
|
||||
|
||||
return names;
|
||||
};
|
||||
|
||||
exports.default = flattenNames;
|
||||
48
node_modules/reactcss/lib/index.js
generated
vendored
Normal file
48
node_modules/reactcss/lib/index.js
generated
vendored
Normal file
@@ -0,0 +1,48 @@
|
||||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.ReactCSS = exports.loop = exports.handleActive = exports.handleHover = exports.hover = undefined;
|
||||
|
||||
var _flattenNames = require('./flattenNames');
|
||||
|
||||
var _flattenNames2 = _interopRequireDefault(_flattenNames);
|
||||
|
||||
var _mergeClasses = require('./mergeClasses');
|
||||
|
||||
var _mergeClasses2 = _interopRequireDefault(_mergeClasses);
|
||||
|
||||
var _autoprefix = require('./autoprefix');
|
||||
|
||||
var _autoprefix2 = _interopRequireDefault(_autoprefix);
|
||||
|
||||
var _hover2 = require('./components/hover');
|
||||
|
||||
var _hover3 = _interopRequireDefault(_hover2);
|
||||
|
||||
var _active = require('./components/active');
|
||||
|
||||
var _active2 = _interopRequireDefault(_active);
|
||||
|
||||
var _loop2 = require('./loop');
|
||||
|
||||
var _loop3 = _interopRequireDefault(_loop2);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
exports.hover = _hover3.default;
|
||||
exports.handleHover = _hover3.default;
|
||||
exports.handleActive = _active2.default;
|
||||
exports.loop = _loop3.default;
|
||||
var ReactCSS = exports.ReactCSS = function ReactCSS(classes) {
|
||||
for (var _len = arguments.length, activations = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
|
||||
activations[_key - 1] = arguments[_key];
|
||||
}
|
||||
|
||||
var activeNames = (0, _flattenNames2.default)(activations);
|
||||
var merged = (0, _mergeClasses2.default)(classes, activeNames);
|
||||
return (0, _autoprefix2.default)(merged);
|
||||
};
|
||||
|
||||
exports.default = ReactCSS;
|
||||
23
node_modules/reactcss/lib/loop.js
generated
vendored
Normal file
23
node_modules/reactcss/lib/loop.js
generated
vendored
Normal file
@@ -0,0 +1,23 @@
|
||||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
var loopable = function loopable(i, length) {
|
||||
var props = {};
|
||||
var setProp = function setProp(name) {
|
||||
var value = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
|
||||
|
||||
props[name] = value;
|
||||
};
|
||||
|
||||
i === 0 && setProp('first-child');
|
||||
i === length - 1 && setProp('last-child');
|
||||
(i === 0 || i % 2 === 0) && setProp('even');
|
||||
Math.abs(i % 2) === 1 && setProp('odd');
|
||||
setProp('nth-child', i);
|
||||
|
||||
return props;
|
||||
};
|
||||
|
||||
exports.default = loopable;
|
||||
41
node_modules/reactcss/lib/mergeClasses.js
generated
vendored
Normal file
41
node_modules/reactcss/lib/mergeClasses.js
generated
vendored
Normal file
@@ -0,0 +1,41 @@
|
||||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.mergeClasses = undefined;
|
||||
|
||||
var _forOwn2 = require('lodash/forOwn');
|
||||
|
||||
var _forOwn3 = _interopRequireDefault(_forOwn2);
|
||||
|
||||
var _cloneDeep2 = require('lodash/cloneDeep');
|
||||
|
||||
var _cloneDeep3 = _interopRequireDefault(_cloneDeep2);
|
||||
|
||||
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; };
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
var mergeClasses = exports.mergeClasses = function mergeClasses(classes) {
|
||||
var activeNames = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
|
||||
|
||||
var styles = classes.default && (0, _cloneDeep3.default)(classes.default) || {};
|
||||
activeNames.map(function (name) {
|
||||
var toMerge = classes[name];
|
||||
if (toMerge) {
|
||||
(0, _forOwn3.default)(toMerge, function (value, key) {
|
||||
if (!styles[key]) {
|
||||
styles[key] = {};
|
||||
}
|
||||
|
||||
styles[key] = _extends({}, styles[key], toMerge[key]);
|
||||
});
|
||||
}
|
||||
|
||||
return name;
|
||||
});
|
||||
return styles;
|
||||
};
|
||||
|
||||
exports.default = mergeClasses;
|
||||
5
node_modules/reactcss/modules/react-basic-layout/index.js
generated
vendored
Normal file
5
node_modules/reactcss/modules/react-basic-layout/index.js
generated
vendored
Normal file
@@ -0,0 +1,5 @@
|
||||
|
||||
module.exports = {
|
||||
Container: require('./src/components/Container'),
|
||||
Grid: require('./src/components/Grid'),
|
||||
};
|
||||
2
node_modules/reactcss/modules/react-documentation/index.js
generated
vendored
Normal file
2
node_modules/reactcss/modules/react-documentation/index.js
generated
vendored
Normal file
@@ -0,0 +1,2 @@
|
||||
|
||||
module.exports = require('./src/components/Docs');
|
||||
3
node_modules/reactcss/modules/react-material-design/index.js
generated
vendored
Normal file
3
node_modules/reactcss/modules/react-material-design/index.js
generated
vendored
Normal file
@@ -0,0 +1,3 @@
|
||||
export Raised from './lib/components/Raised';
|
||||
export Tabs from './lib/components/Tabs';
|
||||
export Tile from './lib/components/Tile';
|
||||
1
node_modules/reactcss/modules/react-material-design/lib/components/Ink.js
generated
vendored
Normal file
1
node_modules/reactcss/modules/react-material-design/lib/components/Ink.js
generated
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";(function(){var t,e,r,n=function(t,e){return function(){return t.apply(e,arguments)}},i=function(t,e){function r(){this.constructor=t}for(var n in e)o.call(e,n)&&(t[n]=e[n]);return r.prototype=e.prototype,t.prototype=new r,t.__super__=e.prototype,t},o={}.hasOwnProperty;e=require("react"),r=require("reactcss"),module.exports=t=function(t){function o(){return this.handleClick=n(this.handleClick,this),o.__super__.constructor.apply(this,arguments)}return i(o,t),o.defaultProps={color:"dark"},o.prototype.handleClick=function(t){var e,r,n,i;return e=Math.round(t.clientX-t.currentTarget.getBoundingClientRect().left),i=Math.round(t.clientY-t.currentTarget.getBoundingClientRect().top),n=Math.max(t.currentTarget.clientWidth,t.currentTarget.clientHeight),r=this.refs.ripple,r.style.left=e,r.style.top=i,r.style.width=2*n,r.style.height=2*n,r.style.transform="translate(-50%, -50%) scale(1)",r.style.opacity="0",setTimeout(function(t){return function(){return r.style.transform="translate(-50%, -50%) scale(0)",setTimeout(function(){return r.style.opacity=1},400)}}(this),400)},o.prototype.render=function(){var t;return t=r["default"]({"default":{ink:{position:"relative",cursor:"pointer",overflow:"hidden"},ripple:{position:"absolute",width:"10px",height:"10px",transform:"translate(-50%, -50%) scale(0)",transition:"transform 400ms cubic-bezier(.55,0,.3,1), opacity 200ms 200ms linear",borderRadius:"50%",opacity:"1"}},"color-dark":{ripple:{background:"rgba(0,0,0,.1)"}},"color-light":{ripple:{background:"rgba(255,255,255,.15)"}}},this.props),e.createElement("div",{style:t.ink,onClick:this.handleClick},e.createElement("div",{style:t.ripple,ref:"ripple"}),this.props.children)},o}(e.Component)}).call(void 0);
|
||||
1
node_modules/reactcss/modules/react-material-design/lib/components/Link.js
generated
vendored
Normal file
1
node_modules/reactcss/modules/react-material-design/lib/components/Link.js
generated
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";(function(){var t,e,o,n=function(t,e){return function(){return t.apply(e,arguments)}},r=function(t,e){function o(){this.constructor=t}for(var n in e)i.call(e,n)&&(t[n]=e[n]);return o.prototype=e.prototype,t.prototype=new o,t.__super__=e.prototype,t},i={}.hasOwnProperty;e=require("react"),o=require("lodash/isString"),module.exports=t=function(t){function i(){return this.handleClick=n(this.handleClick,this),i.__super__.constructor.apply(this,arguments)}return r(i,t),i.propExamples={onClick:{type:"oneOfType",like:["http://some.url/"]},newTab:{type:"bool",like:[!0,!1]}},i.defaultProps={newTab:!1},i.prototype.handleClick=function(t){var e;return"function"==typeof(e=this.props).onClick?e.onClick(t,this.props.callbackValue):void 0},i.prototype.render=function(){return o(this.props.onClick)?e.createElement("a",{style:{textDecoration:"none"},href:this.props.onClick,target:this.props.newTab?"_blank":void 0},this.props.children):e.createElement("a",{style:{textDecoration:"none"},onClick:this.handleClick},this.props.children)},i}(e.Component)}).call(void 0);
|
||||
1
node_modules/reactcss/modules/react-material-design/lib/components/Raised.js
generated
vendored
Normal file
1
node_modules/reactcss/modules/react-material-design/lib/components/Raised.js
generated
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";(function(){var p,r,e,t=function(p,r){function e(){this.constructor=p}for(var t in r)o.call(r,t)&&(p[t]=r[t]);return e.prototype=r.prototype,p.prototype=new e,p.__super__=r.prototype,p},o={}.hasOwnProperty;r=require("react"),e=require("reactcss"),p=function(p){function o(){return o.__super__.constructor.apply(this,arguments)}return t(o,p),o.propTypes={background:r.PropTypes.string,zDepth:r.PropTypes.oneOf(["0","1","2","3","4","5",0,1,2,3,4,5]),radius:r.PropTypes.oneOfType([r.PropTypes.string,r.PropTypes.number])},o.defaultProps={background:"#fff",zDepth:"1",radius:"2px"},o.prototype.render=function(){var p;return p=e["default"]({"default":{wrap:{position:"relative"},content:{position:"relative"},bg:{absolute:"0px 0px 0px 0px",boxShadow:"0 "+this.props.zDepth+"px "+4*this.props.zDepth+"px rgba(0,0,0,.24)",borderRadius:this.props.radius,background:this.props.background}},"zDepth-0":{bg:{boxShadow:"none"}},"zDepth-1":{bg:{boxShadow:"0 2px 10px rgba(0,0,0,.12), 0 2px 5px rgba(0,0,0,.16)"}},"zDepth-2":{bg:{boxShadow:"0 6px 20px rgba(0,0,0,.19), 0 8px 17px rgba(0,0,0,.2)"}},"zDepth-3":{bg:{boxShadow:"0 17px 50px rgba(0,0,0,.19), 0 12px 15px rgba(0,0,0,.24)"}},"zDepth-4":{bg:{boxShadow:"0 25px 55px rgba(0,0,0,.21), 0 16px 28px rgba(0,0,0,.22)"}},"zDepth-5":{bg:{boxShadow:"0 40px 77px rgba(0,0,0,.22), 0 27px 24px rgba(0,0,0,.2)"}},square:{bg:{borderRadius:"0"}},circle:{bg:{borderRadius:"50%"}},full:{wrap:{width:"100%"}}},this.props),r.createElement("div",{style:p.wrap},r.createElement("div",{style:p.bg}),r.createElement("div",{style:p.content},this.props.children))},o}(r.Component),module.exports=p}).call(void 0);
|
||||
1
node_modules/reactcss/modules/react-material-design/lib/components/Tab.js
generated
vendored
Normal file
1
node_modules/reactcss/modules/react-material-design/lib/components/Tab.js
generated
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";(function(){var t,e,r,o,n=function(t,e){return function(){return t.apply(e,arguments)}},i=function(t,e){function r(){this.constructor=t}for(var o in e)p.call(e,o)&&(t[o]=e[o]);return r.prototype=e.prototype,t.prototype=new r,t.__super__=e.prototype,t},p={}.hasOwnProperty;t=require("react"),o=require("reactcss"),r={primaryColor:"#2196F3",accentColor:"#E91E63",theme:"light"},e=function(e){function r(){return this.handleClick=n(this.handleClick,this),r.__super__.constructor.apply(this,arguments)}return i(r,e),r.prototype.css=o.inline,r.propTypes={selected:t.PropTypes.bool},r.defaultProps={selected:!1,color:"#fff"},r.prototype.classes=function(){return{"default":{tab:{color:this.props.color,cursor:"pointer",paddingLeft:"12px",paddingRight:"12px",height:"48px",lineHeight:"48px",textAlign:"center",fontSize:"14px",textTransform:"uppercase",fontWeight:"500",whiteSpace:"nowrap",opacity:".47",transition:"opacity 100ms linear"}},"public":{tab:{}},selected:{tab:{opacity:".87"}}}},r.prototype.styles=function(){return this.css()},r.prototype.handleClick=function(){if(this.props.selectable!==!1)return this.props.onClick(this.props.tab)},r.prototype.render=function(){return t.createElement("div",{is:"tab",onClick:this.handleClick},this.props.children)},r}(t.Component),module.exports=e}).call(void 0);
|
||||
1
node_modules/reactcss/modules/react-material-design/lib/components/Tabs.js
generated
vendored
Normal file
1
node_modules/reactcss/modules/react-material-design/lib/components/Tabs.js
generated
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";(function(){var t,e,r,o,n,a,s,l,i=function(t,e){return function(){return t.apply(e,arguments)}},c=function(t,e){function r(){this.constructor=t}for(var o in e)p.call(e,o)&&(t[o]=e[o]);return r.prototype=e.prototype,t.prototype=new r,t.__super__=e.prototype,t},p={}.hasOwnProperty;r=require("react"),s=require("reactcss"),l=require("lodash/isString"),o=require("./Tab"),e=require("./Link"),t=require("./Ink"),a={primaryColor:"#2196F3",accentColor:"#E91E63",theme:"light"},n=function(n){function p(t){this.handleClick=i(this.handleClick,this);var e;p.__super__.constructor.call(this,t),this.state={selectedTab:this.props.selectedTab<(null!=(e=this.props.tabs)?e.length:void 0)?this.props.selectedTab:0}}return c(p,n),p.prototype.css=s.inline,p.propTypes={tabs:r.PropTypes.array,align:r.PropTypes.oneOf(["none","justify","left","center"]),children:r.PropTypes.array,background:r.PropTypes.string},p.propExamples={tabs:{type:"array",like:[[{label:"cool",callback:function(){return console.log("cool")}},{label:"tabs",callback:function(){return console.log("tabs")}}],["cool","tabs"],["foo","bar","longer"],["foo","bar","way longer","even","still"]]},align:{type:"oneOf",like:["none","justify","left","center"]},background:{type:"string",like:["transparent","#4A90E2"]},color:{type:"string",like:["#fff","#FFEB3B"]}},p.defaultProps={selectedTab:0,background:"transparent",color:"#fff"},p.prototype.classes=function(){var t;return{"default":{tabs:{position:"relative",background:this.props.background},tabWrap:{display:"flex"},tab:{justifyContent:"flex-start",minWidth:"68px",maxWidth:"240px"},Tab:{color:this.props.color},indicator:{height:"2px",position:"absolute",bottom:"0",left:"0",background:this.props.color,transition:"all 200ms linear, transform 100ms 300ms linear",transform:"translateY(2px)"}},scrollable:{tabs:{overflowX:"scroll"},tabWrap:{paddingLeft:"60px",justifyContent:"flex-start",width:"400%"},tab:{width:"auto"}},"align-justify":{tabWrap:{justifyContent:"space-between"},tab:{width:100/(null!=(t=this.props.tabs)?t.length:void 0)+"%"}},"align-left":{tabWrap:{paddingLeft:"60px",justifyContent:"flex-start"},tab:{width:"auto"}},"align-center":{tabWrap:{justifyContent:"center"},tab:{width:"auto"}}}},p.prototype.styles=function(){var t;return this.css({scrollable:this.props.width/(null!=(t=this.props.tabs)?t.length:void 0)<72})},p.prototype.handleClick=function(t){return this.setState({selectedTab:t})},p.prototype.slide=function(){var t,e,r,o,n,a;return e=this.refs.tabs,t=e.scrollLeft,r=e.offsetWidth+e.scrollLeft,n=this.refs["tab-"+this.state.selectedTab],o=n.getBoundingClientRect().left-e.getBoundingClientRect().left+e.scrollLeft,a=o+n.offsetWidth,a>r&&(e.scrollLeft+=a-r),o<t&&(e.scrollLeft-=t-o),this.refs.indicator.style.left=o,this.refs.indicator.style.width=n.offsetWidth,this.refs.indicator.style.webkitTransform="translateY(0)",this.refs.indicator.style.transform="translateY(0)"},p.prototype.componentDidMount=function(){return this.slide()},p.prototype.componentWillUpdate=function(t,e){var r,o;if(e.selectedTab>=(null!=(r=t.tabs)?r.length:void 0))return e.selectedTab=(null!=(o=t.tabs)?o.length:void 0)-1},p.prototype.componentDidUpdate=function(){return this.slide()},p.prototype.render=function(){var n,s,i,c,p,f;return r.createElement("div",{is:"tabs",ref:"tabs"},r.createElement("div",{is:"tabWrap",className:"flexbox-fix"},function(){var u,b,d,h;for(d=this.props.tabs,h=[],i=u=0,b=d.length;u<b;i=++u)f=d[i],l(f)?(c=f,n=null):(c=f.label,n=f.onClick,s=f.callbackValue,p=f.newTab),h.push(r.createElement("div",{is:"tab",ref:"tab-"+i,key:i},r.createElement(t,{color:a.theme},r.createElement(e,{onClick:n,callbackValue:s,newTab:p},r.createElement(o,{is:"Tab",tab:i,selected:this.state.selectedTab===i,selectable:f.selectable,onClick:this.handleClick},c)))));return h}.call(this)),r.createElement("div",{is:"indicator",ref:"indicator"}))},p}(r.Component),module.exports=n}).call(void 0);
|
||||
1
node_modules/reactcss/modules/react-material-design/lib/components/Tile.js
generated
vendored
Normal file
1
node_modules/reactcss/modules/react-material-design/lib/components/Tile.js
generated
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";(function(){var e,t,i,n=function(e,t){return function(){return e.apply(t,arguments)}},r=function(e,t){function i(){this.constructor=e}for(var n in t)o.call(t,n)&&(e[n]=t[n]);return i.prototype=t.prototype,e.prototype=new i,e.__super__=t.prototype,e},o={}.hasOwnProperty,l=[].slice;e=require("react"),i=require("reactcss"),t=function(t){function o(){return this.handleControlsClick=n(this.handleControlsClick,this),this.handleClick=n(this.handleClick,this),o.__super__.constructor.apply(this,arguments)}return r(o,t),o.prototype.handleClick=function(e){if(null!=this.props.onClick)return this.props.onClick(e)},o.prototype.handleControlsClick=function(e){if(null!=this.props.onClick)return this.props.onClick(e,this.props.children)},o.prototype.render=function(){var t,n,r,o,s,c;return c=i["default"]({"default":{tile:{fontSize:"16px",padding:"16px",display:"flex",justifyContent:"space-between",color:this.props.color},primary:{display:"flex",width:"100%"},sidebar:{minWidth:"56px",maxWidth:"56px",flexBasis:"56"},content:{background:"none",flex:"1",maxWidth:"95%"},secondary:{flexBasis:"42",textAlign:"center"},sidebarIcon:{marginTop:"-12px",marginLeft:"-12px",marginBottom:"-12px"}},clickable:{tile:{cursor:"pointer"}},divider:{tile:{boxShadow:"inset 0 -1px 0 rgba(0,0,0,.12)"}},condensed:{tile:{paddingBottom:"0",paddingTop:"0"},sidebar:{minWidth:"28px",maxWidth:"28px",flexBasis:"28"}},"left-pad":{tile:{paddingLeft:"0"}}},{clickable:null!=this.props.onClick},this.props),e.createElement("div",{style:c.tile,onClick:this.props.controls?this.handleControlsClick:this.handleClick,className:"flexbox-fix"},"[object Array]"===Object.prototype.toString.call(this.props.children)?(o=this.props.children,s=o[0],n=2<=o.length?l.call(o,1):[],o,e.createElement("div",{style:c.primary,className:"flexbox-fix"},e.createElement("div",{style:c.sidebar,key:"sidebar-"+s},"Icon"===s.type.name?e.createElement("div",{style:c.sidebarIcon},s):s),e.createElement("div",{style:c.content,key:"content-"+n},function(){var i,o,l;for(l=[],r=i=0,o=n.length;i<o;r=++i)t=n[r],l.push(e.createElement("div",{key:r},t));return l}()))):e.createElement("div",{style:c.primary},e.createElement("div",{style:c.content},this.props.children)),this.props.secondaryAction?e.createElement("div",{style:c.secondary},this.props.secondaryAction):void 0)},o}(e.Component),module.exports=t}).call(void 0);
|
||||
62
node_modules/reactcss/package.json
generated
vendored
Normal file
62
node_modules/reactcss/package.json
generated
vendored
Normal file
@@ -0,0 +1,62 @@
|
||||
{
|
||||
"name": "reactcss",
|
||||
"version": "1.2.3",
|
||||
"description": "Bringing Classes to Inline Styles",
|
||||
"author": "case <case@casesandberg.com>",
|
||||
"main": "lib/index.js",
|
||||
"scripts": {
|
||||
"clean": "rm -rf lib && mkdir lib",
|
||||
"lib": "npm run clean && babel src -d lib",
|
||||
"test": "npm run unit-test -s && npm run eslint -s",
|
||||
"unit-test": "node_modules/.bin/jest",
|
||||
"tdd": "node_modules/.bin/jest --watchAll",
|
||||
"docs": "webpack-dev-server --config webpack.dev.js --port 2570",
|
||||
"docs-dist": "webpack --config webpack.prod.js",
|
||||
"dev": "npm run docs",
|
||||
"prepublish": "npm run lib",
|
||||
"eslint": "node_modules/.bin/eslint src/**/*.js"
|
||||
},
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "https://github.com/casesandberg/reactcss"
|
||||
},
|
||||
"keywords": [
|
||||
"react",
|
||||
"reactcss"
|
||||
],
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"lodash": "^4.0.1"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@case/eslint-config": "^0.1.4",
|
||||
"babel": "^6.0.15",
|
||||
"babel-cli": "^6.23.0",
|
||||
"babel-core": "^6.1.2",
|
||||
"babel-eslint": "^6.1.2",
|
||||
"babel-loader": "^6.0.1",
|
||||
"babel-plugin-lodash": "^3.2.11",
|
||||
"babel-preset-es2015": "^6.1.18",
|
||||
"babel-preset-react": "^6.1.18",
|
||||
"babel-preset-stage-0": "^6.1.18",
|
||||
"babel-register": "^6.9.0",
|
||||
"css-loader": "^0.14.5",
|
||||
"highlight.js": "^8.6.0",
|
||||
"html-loader": "^0.3.0",
|
||||
"install": "^0.4.0",
|
||||
"jest": "^19.0.2",
|
||||
"jsx-loader": "^0.13.2",
|
||||
"markdown-loader": "^0.1.2",
|
||||
"normalize.css": "^3.0.3",
|
||||
"react": "^15.1.0",
|
||||
"react-context": "0.0.3",
|
||||
"react-dom": "^15.1.0",
|
||||
"react-hot-loader": "^1.2.5",
|
||||
"react-test-renderer": "^15.4.2",
|
||||
"remarkable": "^1.6.0",
|
||||
"require-dir": "^0.3.0",
|
||||
"style-loader": "^0.12.3",
|
||||
"webpack": "^1.8.11",
|
||||
"webpack-dev-server": "^1.8.2"
|
||||
}
|
||||
}
|
||||
45
node_modules/reactcss/webpack.dev.js
generated
vendored
Normal file
45
node_modules/reactcss/webpack.dev.js
generated
vendored
Normal file
@@ -0,0 +1,45 @@
|
||||
'use strict'
|
||||
|
||||
const path = require('path')
|
||||
const webpack = require('webpack')
|
||||
|
||||
module.exports = {
|
||||
entry: ['webpack-dev-server/client?http://localhost:2570', 'webpack/hot/dev-server', './docs/index.js'],
|
||||
output: {
|
||||
path: './docs/build',
|
||||
filename: 'bundle.js',
|
||||
publicPath: 'http://localhost:2570/docs/build/',
|
||||
},
|
||||
module: {
|
||||
loaders: [
|
||||
{
|
||||
exclude: /node_modules/,
|
||||
test: /\.js$/,
|
||||
loaders: ['react-hot-loader', 'babel?presets[]=react'],
|
||||
}, {
|
||||
test: /\.jsx$/,
|
||||
exclude: /node_modules/,
|
||||
loaders: ['react-hot-loader', 'babel'],
|
||||
}, {
|
||||
test: /\.css$/,
|
||||
loaders: ['style-loader', 'css-loader'],
|
||||
}, {
|
||||
test: /\.md$/,
|
||||
loaders: ['html-loader'],
|
||||
},
|
||||
],
|
||||
},
|
||||
resolve: {
|
||||
alias: {
|
||||
'reactcss': path.resolve(__dirname, './src/index.js'),
|
||||
},
|
||||
extensions: ['', '.js', '.jsx', '.cjsx'],
|
||||
fallback: [path.resolve(__dirname, './modules')],
|
||||
},
|
||||
plugins: [
|
||||
new webpack.HotModuleReplacementPlugin({ quiet: true }),
|
||||
new webpack.NoErrorsPlugin(),
|
||||
],
|
||||
devtool: 'eval',
|
||||
quiet: true,
|
||||
}
|
||||
48
node_modules/reactcss/webpack.prod.js
generated
vendored
Normal file
48
node_modules/reactcss/webpack.prod.js
generated
vendored
Normal file
@@ -0,0 +1,48 @@
|
||||
'use strict'
|
||||
|
||||
const path = require('path')
|
||||
const webpack = require('webpack')
|
||||
|
||||
module.exports = {
|
||||
entry: ['./docs/index.js'],
|
||||
output: {
|
||||
path: path.join(__dirname, 'docs/build'),
|
||||
filename: 'bundle.js',
|
||||
publicPath: '/build/',
|
||||
},
|
||||
module: {
|
||||
loaders: [{
|
||||
test: /\.jsx?$/,
|
||||
loader: 'babel',
|
||||
exclude: /node_modules/,
|
||||
query: {
|
||||
cacheDirectory: true,
|
||||
presets: ['react', 'es2015', 'stage-0'],
|
||||
},
|
||||
}, {
|
||||
test: /\.css$/,
|
||||
loaders: ['style-loader', 'css-loader'],
|
||||
}, {
|
||||
test: /\.md$/,
|
||||
loaders: ['html-loader'],
|
||||
},
|
||||
],
|
||||
},
|
||||
resolve: {
|
||||
alias: {
|
||||
'reactcss': path.resolve(__dirname, './lib/index.js'),
|
||||
},
|
||||
extensions: ['', '.js', '.jsx', '.cjsx'],
|
||||
fallback: [path.resolve(__dirname, './modules')],
|
||||
},
|
||||
plugins: [
|
||||
new webpack.DefinePlugin({
|
||||
'process.env': {
|
||||
NODE_ENV: JSON.stringify('production'),
|
||||
},
|
||||
}),
|
||||
new webpack.optimize.DedupePlugin(),
|
||||
],
|
||||
devtool: 'eval',
|
||||
quiet: true,
|
||||
}
|
||||
Reference in New Issue
Block a user