Skip to content

Commit 5c459a9

Browse files
author
Philip Thrasher
committed
add dist files
1 parent dfc4a11 commit 5c459a9

File tree

7 files changed

+463
-0
lines changed

7 files changed

+463
-0
lines changed

‎dist/Wrap.js‎

Lines changed: 71 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,71 @@
1+
(function (global, factory) {
2+
if (typeof define === "function" && define.amd) {
3+
define(['exports', 'react', 'uuid'], factory);
4+
} else if (typeof exports !== "undefined") {
5+
factory(exports, require('react'), require('uuid'));
6+
} else {
7+
var mod = {
8+
exports: {}
9+
};
10+
factory(mod.exports, global.react, global.uuid);
11+
global.Wrap = mod.exports;
12+
}
13+
})(this, function (exports, _react, _uuid) {
14+
'use strict';
15+
16+
Object.defineProperty(exports, "__esModule", {
17+
value: true
18+
});
19+
20+
var _react2 = _interopRequireDefault(_react);
21+
22+
var _uuid2 = _interopRequireDefault(_uuid);
23+
24+
function _interopRequireDefault(obj) {
25+
return obj && obj.__esModule ? obj : {
26+
default: obj
27+
};
28+
}
29+
30+
var Wrap = function Wrap(props) {
31+
32+
var idClip = _uuid2.default.v1();
33+
var idGradient = _uuid2.default.v1();
34+
35+
return _react2.default.createElement(
36+
'svg',
37+
{ viewBox: '0 0 ' + props.width + ' ' + props.height, version: '1.1', style: props.style, preserveAspectRatio: 'xMidYMid meet' },
38+
_react2.default.createElement('rect', { style: { fill: 'url(#' + idGradient + ')' }, clipPath: 'url(#' + idClip + ')', x: '0', y: '0', width: props.width, height: props.height }),
39+
_react2.default.createElement(
40+
'defs',
41+
null,
42+
_react2.default.createElement(
43+
'clipPath',
44+
{ id: '' + idClip },
45+
props.children
46+
),
47+
_react2.default.createElement(
48+
'linearGradient',
49+
{ id: '' + idGradient },
50+
_react2.default.createElement(
51+
'stop',
52+
{ offset: '0%', stopColor: props.primaryColor },
53+
_react2.default.createElement('animate', { attributeName: 'offset', values: '-2; 1', dur: props.speed + 's', repeatCount: 'indefinite' })
54+
),
55+
_react2.default.createElement(
56+
'stop',
57+
{ offset: '50%', stopColor: props.secondaryColor },
58+
_react2.default.createElement('animate', { attributeName: 'offset', values: '-1.5; 1.5', dur: props.speed + 's', repeatCount: 'indefinite' })
59+
),
60+
_react2.default.createElement(
61+
'stop',
62+
{ offset: '100%', stopColor: props.primaryColor },
63+
_react2.default.createElement('animate', { attributeName: 'offset', values: '-1; 2', dur: props.speed + 's', repeatCount: 'indefinite' })
64+
)
65+
)
66+
)
67+
);
68+
};
69+
70+
exports.default = Wrap;
71+
});

‎dist/custom/Circle.js‎

Lines changed: 40 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,40 @@
1+
(function (global, factory) {
2+
if (typeof define === "function" && define.amd) {
3+
define(['exports', 'react'], factory);
4+
} else if (typeof exports !== "undefined") {
5+
factory(exports, require('react'));
6+
} else {
7+
var mod = {
8+
exports: {}
9+
};
10+
factory(mod.exports, global.react);
11+
global.Circle = mod.exports;
12+
}
13+
})(this, function (exports, _react) {
14+
'use strict';
15+
16+
Object.defineProperty(exports, "__esModule", {
17+
value: true
18+
});
19+
20+
var _react2 = _interopRequireDefault(_react);
21+
22+
function _interopRequireDefault(obj) {
23+
return obj && obj.__esModule ? obj : {
24+
default: obj
25+
};
26+
}
27+
28+
var Circle = function Circle(props) {
29+
var _props$x = props.x,
30+
x = _props$x === undefined ? 0 : _props$x,
31+
_props$y = props.y,
32+
y = _props$y === undefined ? 0 : _props$y,
33+
_props$radius = props.radius,
34+
radius = _props$radius === undefined ? 50 : _props$radius;
35+
36+
return _react2.default.createElement('circle', { cx: x, cy: y, r: radius });
37+
};
38+
39+
exports.default = Circle;
40+
});

‎dist/custom/Rect.js‎

Lines changed: 44 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,44 @@
1+
(function (global, factory) {
2+
if (typeof define === "function" && define.amd) {
3+
define(['exports', 'react'], factory);
4+
} else if (typeof exports !== "undefined") {
5+
factory(exports, require('react'));
6+
} else {
7+
var mod = {
8+
exports: {}
9+
};
10+
factory(mod.exports, global.react);
11+
global.Rect = mod.exports;
12+
}
13+
})(this, function (exports, _react) {
14+
'use strict';
15+
16+
Object.defineProperty(exports, "__esModule", {
17+
value: true
18+
});
19+
20+
var _react2 = _interopRequireDefault(_react);
21+
22+
function _interopRequireDefault(obj) {
23+
return obj && obj.__esModule ? obj : {
24+
default: obj
25+
};
26+
}
27+
28+
var Rect = function Rect(props) {
29+
var _props$x = props.x,
30+
x = _props$x === undefined ? 0 : _props$x,
31+
_props$y = props.y,
32+
y = _props$y === undefined ? 0 : _props$y,
33+
_props$radius = props.radius,
34+
radius = _props$radius === undefined ? 0 : _props$radius,
35+
_props$width = props.width,
36+
width = _props$width === undefined ? 50 : _props$width,
37+
_props$height = props.height,
38+
height = _props$height === undefined ? 50 : _props$height;
39+
40+
return _react2.default.createElement('rect', { x: x, y: y, rx: radius, ry: radius, width: width, height: height });
41+
};
42+
43+
exports.default = Rect;
44+
});

‎dist/index.js‎

Lines changed: 161 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,161 @@
1+
(function (global, factory) {
2+
if (typeof define === "function" && define.amd) {
3+
define(['exports', 'react', 'prop-types', './Wrap', './stylized/FacebookStyle', './stylized/InstagramStyle', './stylized/CodeStyle', './custom/Rect', './custom/Circle'], factory);
4+
} else if (typeof exports !== "undefined") {
5+
factory(exports, require('react'), require('prop-types'), require('./Wrap'), require('./stylized/FacebookStyle'), require('./stylized/InstagramStyle'), require('./stylized/CodeStyle'), require('./custom/Rect'), require('./custom/Circle'));
6+
} else {
7+
var mod = {
8+
exports: {}
9+
};
10+
factory(mod.exports, global.react, global.propTypes, global.Wrap, global.FacebookStyle, global.InstagramStyle, global.CodeStyle, global.Rect, global.Circle);
11+
global.index = mod.exports;
12+
}
13+
})(this, function (exports, _react, _propTypes, _Wrap, _FacebookStyle, _InstagramStyle, _CodeStyle, _Rect, _Circle) {
14+
'use strict';
15+
16+
Object.defineProperty(exports, "__esModule", {
17+
value: true
18+
});
19+
exports.Circle = exports.Rect = undefined;
20+
21+
var _react2 = _interopRequireDefault(_react);
22+
23+
var _propTypes2 = _interopRequireDefault(_propTypes);
24+
25+
var _Wrap2 = _interopRequireDefault(_Wrap);
26+
27+
var _FacebookStyle2 = _interopRequireDefault(_FacebookStyle);
28+
29+
var _InstagramStyle2 = _interopRequireDefault(_InstagramStyle);
30+
31+
var _CodeStyle2 = _interopRequireDefault(_CodeStyle);
32+
33+
var _Rect2 = _interopRequireDefault(_Rect);
34+
35+
var _Circle2 = _interopRequireDefault(_Circle);
36+
37+
function _interopRequireDefault(obj) {
38+
return obj && obj.__esModule ? obj : {
39+
default: obj
40+
};
41+
}
42+
43+
function _classCallCheck(instance, Constructor) {
44+
if (!(instance instanceof Constructor)) {
45+
throw new TypeError("Cannot call a class as a function");
46+
}
47+
}
48+
49+
var _createClass = function () {
50+
function defineProperties(target, props) {
51+
for (var i = 0; i < props.length; i++) {
52+
var descriptor = props[i];
53+
descriptor.enumerable = descriptor.enumerable || false;
54+
descriptor.configurable = true;
55+
if ("value" in descriptor) descriptor.writable = true;
56+
Object.defineProperty(target, descriptor.key, descriptor);
57+
}
58+
}
59+
60+
return function (Constructor, protoProps, staticProps) {
61+
if (protoProps) defineProperties(Constructor.prototype, protoProps);
62+
if (staticProps) defineProperties(Constructor, staticProps);
63+
return Constructor;
64+
};
65+
}();
66+
67+
function _possibleConstructorReturn(self, call) {
68+
if (!self) {
69+
throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
70+
}
71+
72+
return call && (typeof call === "object" || typeof call === "function") ? call : self;
73+
}
74+
75+
function _inherits(subClass, superClass) {
76+
if (typeof superClass !== "function" && superClass !== null) {
77+
throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
78+
}
79+
80+
subClass.prototype = Object.create(superClass && superClass.prototype, {
81+
constructor: {
82+
value: subClass,
83+
enumerable: false,
84+
writable: true,
85+
configurable: true
86+
}
87+
});
88+
if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
89+
}
90+
91+
var ContentLoader = function (_Component) {
92+
_inherits(ContentLoader, _Component);
93+
94+
function ContentLoader(props) {
95+
_classCallCheck(this, ContentLoader);
96+
97+
var _this = _possibleConstructorReturn(this, (ContentLoader.__proto__ || Object.getPrototypeOf(ContentLoader)).call(this, props));
98+
99+
_this.state = {
100+
style: props.style,
101+
type: props.type || 'facebook',
102+
speed: props.speed || 2,
103+
height: props.height || 130,
104+
width: props.width || 400,
105+
primaryColor: props.primaryColor || '#f0f0f0',
106+
secondaryColor: props.secondaryColor || '#e0e0e0'
107+
};
108+
return _this;
109+
}
110+
111+
_createClass(ContentLoader, [{
112+
key: 'render',
113+
value: function render() {
114+
115+
if (this.props.children) {
116+
117+
return _react2.default.createElement(
118+
_Wrap2.default,
119+
this.state,
120+
this.props.children
121+
);
122+
}
123+
124+
if (!this.props.children) {
125+
126+
switch (this.state.type.toLowerCase()) {
127+
128+
case 'instagram':
129+
return _react2.default.createElement(_InstagramStyle2.default, this.state);
130+
break;
131+
132+
case 'code':
133+
return _react2.default.createElement(_CodeStyle2.default, this.state);
134+
break;
135+
136+
default:
137+
case 'facebook':
138+
return _react2.default.createElement(_FacebookStyle2.default, this.state);
139+
break;
140+
141+
}
142+
}
143+
}
144+
}]);
145+
146+
return ContentLoader;
147+
}(_react.Component);
148+
149+
ContentLoader.propTypes = {
150+
style: _propTypes2.default.object,
151+
type: _propTypes2.default.string,
152+
speed: _propTypes2.default.number,
153+
height: _propTypes2.default.number,
154+
primaryColor: _propTypes2.default.string,
155+
secondaryColor: _propTypes2.default.string
156+
};
157+
158+
exports.default = ContentLoader;
159+
exports.Rect = _Rect2.default;
160+
exports.Circle = _Circle2.default;
161+
});

‎dist/stylized/CodeStyle.js‎

Lines changed: 47 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,47 @@
1+
(function (global, factory) {
2+
if (typeof define === "function" && define.amd) {
3+
define(['exports', 'react', '../Wrap'], factory);
4+
} else if (typeof exports !== "undefined") {
5+
factory(exports, require('react'), require('../Wrap'));
6+
} else {
7+
var mod = {
8+
exports: {}
9+
};
10+
factory(mod.exports, global.react, global.Wrap);
11+
global.CodeStyle = mod.exports;
12+
}
13+
})(this, function (exports, _react, _Wrap) {
14+
'use strict';
15+
16+
Object.defineProperty(exports, "__esModule", {
17+
value: true
18+
});
19+
20+
var _react2 = _interopRequireDefault(_react);
21+
22+
var _Wrap2 = _interopRequireDefault(_Wrap);
23+
24+
function _interopRequireDefault(obj) {
25+
return obj && obj.__esModule ? obj : {
26+
default: obj
27+
};
28+
}
29+
30+
var CodeStyle = function CodeStyle(props) {
31+
return _react2.default.createElement(
32+
_Wrap2.default,
33+
props,
34+
_react2.default.createElement('rect', { x: '0', y: '0', rx: '3', ry: '3', width: '70', height: '10' }),
35+
_react2.default.createElement('rect', { x: '80', y: '0', rx: '3', ry: '3', width: '100', height: '10' }),
36+
_react2.default.createElement('rect', { x: '190', y: '0', rx: '3', ry: '3', width: '10', height: '10' }),
37+
_react2.default.createElement('rect', { x: '15', y: '20', rx: '3', ry: '3', width: '130', height: '10' }),
38+
_react2.default.createElement('rect', { x: '155', y: '20', rx: '3', ry: '3', width: '130', height: '10' }),
39+
_react2.default.createElement('rect', { x: '15', y: '40', rx: '3', ry: '3', width: '90', height: '10' }),
40+
_react2.default.createElement('rect', { x: '115', y: '40', rx: '3', ry: '3', width: '60', height: '10' }),
41+
_react2.default.createElement('rect', { x: '185', y: '40', rx: '3', ry: '3', width: '60', height: '10' }),
42+
_react2.default.createElement('rect', { x: '0', y: '60', rx: '3', ry: '3', width: '30', height: '10' })
43+
);
44+
};
45+
46+
exports.default = CodeStyle;
47+
});

0 commit comments

Comments
 (0)