qureal-editor 1.0.3 → 1.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +36 -0
- package/dist/index.es.js +160 -0
- package/dist/index.es.js.map +1 -0
- package/dist/index.js +164 -1
- package/dist/index.js.map +1 -1
- package/package.json +53 -11
- package/dist/index.cjs +0 -2
- package/dist/index.cjs.map +0 -1
- package/dist/index.modern.js +0 -2
- package/dist/index.modern.js.map +0 -1
- package/dist/index.umd.js +0 -2
- package/dist/index.umd.js.map +0 -1
- package/src/index.js +0 -10
package/README.md
ADDED
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
# neon-button
|
|
2
|
+
|
|
3
|
+
> Neon button for React app
|
|
4
|
+
|
|
5
|
+
[](https://www.npmjs.com/package/neon-button) [](https://standardjs.com)
|
|
6
|
+
|
|
7
|
+
## Install
|
|
8
|
+
|
|
9
|
+
```bash
|
|
10
|
+
npm install --save neon-button
|
|
11
|
+
```
|
|
12
|
+
|
|
13
|
+

|
|
14
|
+
|
|
15
|
+
## Usage
|
|
16
|
+
|
|
17
|
+
```jsx
|
|
18
|
+
import React, { Component } from 'react'
|
|
19
|
+
|
|
20
|
+
import NeonButton from 'neon-button'
|
|
21
|
+
|
|
22
|
+
class Example extends Component {
|
|
23
|
+
render () {
|
|
24
|
+
return (
|
|
25
|
+
<NeonButton
|
|
26
|
+
text='Neon Button'
|
|
27
|
+
color= "#34ebb7"
|
|
28
|
+
/>
|
|
29
|
+
)
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
```
|
|
33
|
+
|
|
34
|
+
## License
|
|
35
|
+
|
|
36
|
+
MIT © [shivampip](https://github.com/shivampip)
|
package/dist/index.es.js
ADDED
|
@@ -0,0 +1,160 @@
|
|
|
1
|
+
import React, { Component } from 'react';
|
|
2
|
+
import PropTypes from 'prop-types';
|
|
3
|
+
|
|
4
|
+
function styleInject(css, ref) {
|
|
5
|
+
if ( ref === void 0 ) ref = {};
|
|
6
|
+
var insertAt = ref.insertAt;
|
|
7
|
+
|
|
8
|
+
if (!css || typeof document === 'undefined') { return; }
|
|
9
|
+
|
|
10
|
+
var head = document.head || document.getElementsByTagName('head')[0];
|
|
11
|
+
var style = document.createElement('style');
|
|
12
|
+
style.type = 'text/css';
|
|
13
|
+
|
|
14
|
+
if (insertAt === 'top') {
|
|
15
|
+
if (head.firstChild) {
|
|
16
|
+
head.insertBefore(style, head.firstChild);
|
|
17
|
+
} else {
|
|
18
|
+
head.appendChild(style);
|
|
19
|
+
}
|
|
20
|
+
} else {
|
|
21
|
+
head.appendChild(style);
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
if (style.styleSheet) {
|
|
25
|
+
style.styleSheet.cssText = css;
|
|
26
|
+
} else {
|
|
27
|
+
style.appendChild(document.createTextNode(css));
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
var css = "body{\n background-color: rgb(97, 97, 97);\n}\n.styles_outerN__IxLsd{\n padding: 10px 15px;\n border: none;\n outline: none;\n background-color: black;\n margin: 20px;\n border-radius: 5px;\n transition: 0.5s;\n}\n\n.styles_innerN__2mhRO{\n font-size: 1.3rem;\n color: #e3e3e3;\n transition: 0.5s;\n}\n\n.styles_outerN__IxLsd:hover {\n box-shadow: 0px 0px 22px 10px #34ebb7;\n cursor: pointer;\n}\n\n.styles_innerN__2mhRO:hover{\n color: #34ebb7;\n text-shadow: 0 0 15px #34ebb7;\n}\n";
|
|
32
|
+
var styles = { "outerN": "styles_outerN__IxLsd", "innerN": "styles_innerN__2mhRO" };
|
|
33
|
+
styleInject(css);
|
|
34
|
+
|
|
35
|
+
var classCallCheck = function (instance, Constructor) {
|
|
36
|
+
if (!(instance instanceof Constructor)) {
|
|
37
|
+
throw new TypeError("Cannot call a class as a function");
|
|
38
|
+
}
|
|
39
|
+
};
|
|
40
|
+
|
|
41
|
+
var createClass = function () {
|
|
42
|
+
function defineProperties(target, props) {
|
|
43
|
+
for (var i = 0; i < props.length; i++) {
|
|
44
|
+
var descriptor = props[i];
|
|
45
|
+
descriptor.enumerable = descriptor.enumerable || false;
|
|
46
|
+
descriptor.configurable = true;
|
|
47
|
+
if ("value" in descriptor) descriptor.writable = true;
|
|
48
|
+
Object.defineProperty(target, descriptor.key, descriptor);
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
return function (Constructor, protoProps, staticProps) {
|
|
53
|
+
if (protoProps) defineProperties(Constructor.prototype, protoProps);
|
|
54
|
+
if (staticProps) defineProperties(Constructor, staticProps);
|
|
55
|
+
return Constructor;
|
|
56
|
+
};
|
|
57
|
+
}();
|
|
58
|
+
|
|
59
|
+
var inherits = function (subClass, superClass) {
|
|
60
|
+
if (typeof superClass !== "function" && superClass !== null) {
|
|
61
|
+
throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
subClass.prototype = Object.create(superClass && superClass.prototype, {
|
|
65
|
+
constructor: {
|
|
66
|
+
value: subClass,
|
|
67
|
+
enumerable: false,
|
|
68
|
+
writable: true,
|
|
69
|
+
configurable: true
|
|
70
|
+
}
|
|
71
|
+
});
|
|
72
|
+
if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
|
|
73
|
+
};
|
|
74
|
+
|
|
75
|
+
var possibleConstructorReturn = function (self, call) {
|
|
76
|
+
if (!self) {
|
|
77
|
+
throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
return call && (typeof call === "object" || typeof call === "function") ? call : self;
|
|
81
|
+
};
|
|
82
|
+
|
|
83
|
+
var NeonButton = function (_Component) {
|
|
84
|
+
inherits(NeonButton, _Component);
|
|
85
|
+
|
|
86
|
+
function NeonButton() {
|
|
87
|
+
var _ref;
|
|
88
|
+
|
|
89
|
+
var _temp, _this, _ret;
|
|
90
|
+
|
|
91
|
+
classCallCheck(this, NeonButton);
|
|
92
|
+
|
|
93
|
+
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
|
|
94
|
+
args[_key] = arguments[_key];
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
return _ret = (_temp = (_this = possibleConstructorReturn(this, (_ref = NeonButton.__proto__ || Object.getPrototypeOf(NeonButton)).call.apply(_ref, [this].concat(args))), _this), _this.state = { hover: false }, _this.getInitialState = function () {
|
|
98
|
+
return { hover: false };
|
|
99
|
+
}, _this.toggleHover = function () {
|
|
100
|
+
_this.setState({ hover: !_this.state.hover });
|
|
101
|
+
}, _temp), possibleConstructorReturn(_this, _ret);
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
createClass(NeonButton, [{
|
|
105
|
+
key: 'render',
|
|
106
|
+
value: function render() {
|
|
107
|
+
var _props = this.props,
|
|
108
|
+
text = _props.text,
|
|
109
|
+
color = _props.color;
|
|
110
|
+
|
|
111
|
+
|
|
112
|
+
var linkStyle;
|
|
113
|
+
if (this.state.hover) {
|
|
114
|
+
linkStyle = { color: color };
|
|
115
|
+
} else {
|
|
116
|
+
linkStyle = { color: '#e3e3e3' };
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
var boxStyle;
|
|
120
|
+
if (this.state.hover) {
|
|
121
|
+
boxStyle = { boxShadow: '0px 0px 22px 10px ' + color };
|
|
122
|
+
} else {
|
|
123
|
+
boxStyle = { color: '#e3e3e3' };
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
return React.createElement(
|
|
127
|
+
'button',
|
|
128
|
+
{
|
|
129
|
+
className: styles.outerN,
|
|
130
|
+
style: boxStyle,
|
|
131
|
+
onMouseEnter: this.toggleHover,
|
|
132
|
+
onMouseLeave: this.toggleHover
|
|
133
|
+
},
|
|
134
|
+
React.createElement(
|
|
135
|
+
'div',
|
|
136
|
+
{
|
|
137
|
+
className: styles.innerN,
|
|
138
|
+
style: linkStyle
|
|
139
|
+
},
|
|
140
|
+
text
|
|
141
|
+
)
|
|
142
|
+
);
|
|
143
|
+
}
|
|
144
|
+
}]);
|
|
145
|
+
return NeonButton;
|
|
146
|
+
}(Component);
|
|
147
|
+
|
|
148
|
+
NeonButton.propTypes = {
|
|
149
|
+
text: PropTypes.string,
|
|
150
|
+
color: PropTypes.string
|
|
151
|
+
};
|
|
152
|
+
|
|
153
|
+
|
|
154
|
+
NeonButton.defaultProps = {
|
|
155
|
+
text: "Enter Button Text",
|
|
156
|
+
color: "#34ebb7"
|
|
157
|
+
};
|
|
158
|
+
|
|
159
|
+
export default NeonButton;
|
|
160
|
+
//# sourceMappingURL=index.es.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.es.js","sources":["../node_modules/style-inject/dist/style-inject.es.js","../src/index.js"],"sourcesContent":["function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n","import React, { Component } from 'react'\nimport PropTypes from 'prop-types'\n\nimport styles from './styles.css'\n\nclass NeonButton extends Component {\n state={hover: false}\n static propTypes = {\n text: PropTypes.string,\n color: PropTypes.string\n }\n\n getInitialState= ()=>{\n return {hover: false}\n }\n toggleHover =()=>{\n this.setState({hover: !this.state.hover})\n }\n\n render() {\n const {\n text, color\n } = this.props\n\n var linkStyle;\n if (this.state.hover) {\n linkStyle = {color: color}\n } else {\n linkStyle = {color: '#e3e3e3'}\n }\n\n var boxStyle;\n if (this.state.hover) {\n boxStyle = {boxShadow: `0px 0px 22px 10px ${color}`}\n } else {\n boxStyle = {color: '#e3e3e3' } \n }\n\n\n return (\n <button\n className={styles.outerN}\n style={boxStyle}\n onMouseEnter={this.toggleHover}\n onMouseLeave={this.toggleHover}\n >\n <div\n className={styles.innerN}\n style={linkStyle}\n >{text}</div>\n </button>\n )\n }\n}\n\n\nNeonButton.defaultProps= {\n text: \"Enter Button Text\",\n color: \"#34ebb7\"\n}\n\nexport default NeonButton;\n"],"names":["NeonButton","state","hover","getInitialState","toggleHover","setState","props","text","color","linkStyle","boxStyle","boxShadow","styles","outerN","innerN","Component","propTypes","PropTypes","string","defaultProps"],"mappings":";;;AAAA,SAAS,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE;EAC7B,KAAK,GAAG,KAAK,KAAK,CAAC,GAAG,GAAG,GAAG,EAAE,CAAC;EAC/B,IAAI,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAC;;EAE5B,IAAI,CAAC,GAAG,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,EAAE,OAAO,EAAE;;EAExD,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;EACrE,IAAI,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;EAC5C,KAAK,CAAC,IAAI,GAAG,UAAU,CAAC;;EAExB,IAAI,QAAQ,KAAK,KAAK,EAAE;IACtB,IAAI,IAAI,CAAC,UAAU,EAAE;MACnB,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;KAC3C,MAAM;MACL,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;KACzB;GACF,MAAM;IACL,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;GACzB;;EAED,IAAI,KAAK,CAAC,UAAU,EAAE;IACpB,KAAK,CAAC,UAAU,CAAC,OAAO,GAAG,GAAG,CAAC;GAChC,MAAM;IACL,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;GACjD;CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ICpBKA;;;;;;;;;;;;;;6LACJC,QAAM,EAACC,OAAO,KAAR,UAMNC,kBAAiB,YAAI;aACZ,EAACD,OAAO,KAAR,EAAP;aAEFE,cAAa,YAAI;YACVC,QAAL,CAAc,EAACH,OAAO,CAAC,MAAKD,KAAL,CAAWC,KAApB,EAAd;;;;;;6BAGO;mBAGH,KAAKI,KAHF;UAELC,IAFK,UAELA,IAFK;UAECC,KAFD,UAECA,KAFD;;;UAKHC,SAAJ;UACI,KAAKR,KAAL,CAAWC,KAAf,EAAsB;oBACR,EAACM,OAAOA,KAAR,EAAZ;OADF,MAEO;oBACO,EAACA,OAAO,SAAR,EAAZ;;;UAGEE,QAAJ;UACI,KAAKT,KAAL,CAAWC,KAAf,EAAsB;mBACT,EAACS,kCAAgCH,KAAjC,EAAX;OADF,MAEO;mBACO,EAACA,OAAO,SAAR,EAAX;;;aAKD;;;qBACaI,OAAOC,MADpB;iBAESH,QAFT;wBAGgB,KAAKN,WAHrB;wBAIgB,KAAKA;;;;;uBAGNQ,OAAOE,MADpB;mBAESL;;;;OATb;;;;EAlCqBM;;AAAnBf,WAEGgB,YAAY;QACXC,UAAUC,MADC;SAEVD,UAAUC;;;;AA+CrBlB,WAAWmB,YAAX,GAAyB;QACjB,mBADiB;SAEhB;CAFT;;;;"}
|
package/dist/index.js
CHANGED
|
@@ -1,2 +1,165 @@
|
|
|
1
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var React__default = _interopDefault(React);
|
|
7
|
+
var PropTypes = _interopDefault(require('prop-types'));
|
|
8
|
+
|
|
9
|
+
function styleInject(css, ref) {
|
|
10
|
+
if ( ref === void 0 ) ref = {};
|
|
11
|
+
var insertAt = ref.insertAt;
|
|
12
|
+
|
|
13
|
+
if (!css || typeof document === 'undefined') { return; }
|
|
14
|
+
|
|
15
|
+
var head = document.head || document.getElementsByTagName('head')[0];
|
|
16
|
+
var style = document.createElement('style');
|
|
17
|
+
style.type = 'text/css';
|
|
18
|
+
|
|
19
|
+
if (insertAt === 'top') {
|
|
20
|
+
if (head.firstChild) {
|
|
21
|
+
head.insertBefore(style, head.firstChild);
|
|
22
|
+
} else {
|
|
23
|
+
head.appendChild(style);
|
|
24
|
+
}
|
|
25
|
+
} else {
|
|
26
|
+
head.appendChild(style);
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
if (style.styleSheet) {
|
|
30
|
+
style.styleSheet.cssText = css;
|
|
31
|
+
} else {
|
|
32
|
+
style.appendChild(document.createTextNode(css));
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
var css = "body{\n background-color: rgb(97, 97, 97);\n}\n.styles_outerN__IxLsd{\n padding: 10px 15px;\n border: none;\n outline: none;\n background-color: black;\n margin: 20px;\n border-radius: 5px;\n transition: 0.5s;\n}\n\n.styles_innerN__2mhRO{\n font-size: 1.3rem;\n color: #e3e3e3;\n transition: 0.5s;\n}\n\n.styles_outerN__IxLsd:hover {\n box-shadow: 0px 0px 22px 10px #34ebb7;\n cursor: pointer;\n}\n\n.styles_innerN__2mhRO:hover{\n color: #34ebb7;\n text-shadow: 0 0 15px #34ebb7;\n}\n";
|
|
37
|
+
var styles = { "outerN": "styles_outerN__IxLsd", "innerN": "styles_innerN__2mhRO" };
|
|
38
|
+
styleInject(css);
|
|
39
|
+
|
|
40
|
+
var classCallCheck = function (instance, Constructor) {
|
|
41
|
+
if (!(instance instanceof Constructor)) {
|
|
42
|
+
throw new TypeError("Cannot call a class as a function");
|
|
43
|
+
}
|
|
44
|
+
};
|
|
45
|
+
|
|
46
|
+
var createClass = function () {
|
|
47
|
+
function defineProperties(target, props) {
|
|
48
|
+
for (var i = 0; i < props.length; i++) {
|
|
49
|
+
var descriptor = props[i];
|
|
50
|
+
descriptor.enumerable = descriptor.enumerable || false;
|
|
51
|
+
descriptor.configurable = true;
|
|
52
|
+
if ("value" in descriptor) descriptor.writable = true;
|
|
53
|
+
Object.defineProperty(target, descriptor.key, descriptor);
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
return function (Constructor, protoProps, staticProps) {
|
|
58
|
+
if (protoProps) defineProperties(Constructor.prototype, protoProps);
|
|
59
|
+
if (staticProps) defineProperties(Constructor, staticProps);
|
|
60
|
+
return Constructor;
|
|
61
|
+
};
|
|
62
|
+
}();
|
|
63
|
+
|
|
64
|
+
var inherits = function (subClass, superClass) {
|
|
65
|
+
if (typeof superClass !== "function" && superClass !== null) {
|
|
66
|
+
throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
subClass.prototype = Object.create(superClass && superClass.prototype, {
|
|
70
|
+
constructor: {
|
|
71
|
+
value: subClass,
|
|
72
|
+
enumerable: false,
|
|
73
|
+
writable: true,
|
|
74
|
+
configurable: true
|
|
75
|
+
}
|
|
76
|
+
});
|
|
77
|
+
if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
|
|
78
|
+
};
|
|
79
|
+
|
|
80
|
+
var possibleConstructorReturn = function (self, call) {
|
|
81
|
+
if (!self) {
|
|
82
|
+
throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
return call && (typeof call === "object" || typeof call === "function") ? call : self;
|
|
86
|
+
};
|
|
87
|
+
|
|
88
|
+
var NeonButton = function (_Component) {
|
|
89
|
+
inherits(NeonButton, _Component);
|
|
90
|
+
|
|
91
|
+
function NeonButton() {
|
|
92
|
+
var _ref;
|
|
93
|
+
|
|
94
|
+
var _temp, _this, _ret;
|
|
95
|
+
|
|
96
|
+
classCallCheck(this, NeonButton);
|
|
97
|
+
|
|
98
|
+
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
|
|
99
|
+
args[_key] = arguments[_key];
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
return _ret = (_temp = (_this = possibleConstructorReturn(this, (_ref = NeonButton.__proto__ || Object.getPrototypeOf(NeonButton)).call.apply(_ref, [this].concat(args))), _this), _this.state = { hover: false }, _this.getInitialState = function () {
|
|
103
|
+
return { hover: false };
|
|
104
|
+
}, _this.toggleHover = function () {
|
|
105
|
+
_this.setState({ hover: !_this.state.hover });
|
|
106
|
+
}, _temp), possibleConstructorReturn(_this, _ret);
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
createClass(NeonButton, [{
|
|
110
|
+
key: 'render',
|
|
111
|
+
value: function render() {
|
|
112
|
+
var _props = this.props,
|
|
113
|
+
text = _props.text,
|
|
114
|
+
color = _props.color;
|
|
115
|
+
|
|
116
|
+
|
|
117
|
+
var linkStyle;
|
|
118
|
+
if (this.state.hover) {
|
|
119
|
+
linkStyle = { color: color };
|
|
120
|
+
} else {
|
|
121
|
+
linkStyle = { color: '#e3e3e3' };
|
|
122
|
+
}
|
|
123
|
+
|
|
124
|
+
var boxStyle;
|
|
125
|
+
if (this.state.hover) {
|
|
126
|
+
boxStyle = { boxShadow: '0px 0px 22px 10px ' + color };
|
|
127
|
+
} else {
|
|
128
|
+
boxStyle = { color: '#e3e3e3' };
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
return React__default.createElement(
|
|
132
|
+
'button',
|
|
133
|
+
{
|
|
134
|
+
className: styles.outerN,
|
|
135
|
+
style: boxStyle,
|
|
136
|
+
onMouseEnter: this.toggleHover,
|
|
137
|
+
onMouseLeave: this.toggleHover
|
|
138
|
+
},
|
|
139
|
+
React__default.createElement(
|
|
140
|
+
'div',
|
|
141
|
+
{
|
|
142
|
+
className: styles.innerN,
|
|
143
|
+
style: linkStyle
|
|
144
|
+
},
|
|
145
|
+
text
|
|
146
|
+
)
|
|
147
|
+
);
|
|
148
|
+
}
|
|
149
|
+
}]);
|
|
150
|
+
return NeonButton;
|
|
151
|
+
}(React.Component);
|
|
152
|
+
|
|
153
|
+
NeonButton.propTypes = {
|
|
154
|
+
text: PropTypes.string,
|
|
155
|
+
color: PropTypes.string
|
|
156
|
+
};
|
|
157
|
+
|
|
158
|
+
|
|
159
|
+
NeonButton.defaultProps = {
|
|
160
|
+
text: "Enter Button Text",
|
|
161
|
+
color: "#34ebb7"
|
|
162
|
+
};
|
|
163
|
+
|
|
164
|
+
module.exports = NeonButton;
|
|
2
165
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../src/index.js"],"sourcesContent":["import React from
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../node_modules/style-inject/dist/style-inject.es.js","../src/index.js"],"sourcesContent":["function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n","import React, { Component } from 'react'\nimport PropTypes from 'prop-types'\n\nimport styles from './styles.css'\n\nclass NeonButton extends Component {\n state={hover: false}\n static propTypes = {\n text: PropTypes.string,\n color: PropTypes.string\n }\n\n getInitialState= ()=>{\n return {hover: false}\n }\n toggleHover =()=>{\n this.setState({hover: !this.state.hover})\n }\n\n render() {\n const {\n text, color\n } = this.props\n\n var linkStyle;\n if (this.state.hover) {\n linkStyle = {color: color}\n } else {\n linkStyle = {color: '#e3e3e3'}\n }\n\n var boxStyle;\n if (this.state.hover) {\n boxStyle = {boxShadow: `0px 0px 22px 10px ${color}`}\n } else {\n boxStyle = {color: '#e3e3e3' } \n }\n\n\n return (\n <button\n className={styles.outerN}\n style={boxStyle}\n onMouseEnter={this.toggleHover}\n onMouseLeave={this.toggleHover}\n >\n <div\n className={styles.innerN}\n style={linkStyle}\n >{text}</div>\n </button>\n )\n }\n}\n\n\nNeonButton.defaultProps= {\n text: \"Enter Button Text\",\n color: \"#34ebb7\"\n}\n\nexport default NeonButton;\n"],"names":["NeonButton","state","hover","getInitialState","toggleHover","setState","props","text","color","linkStyle","boxStyle","boxShadow","React","styles","outerN","innerN","Component","propTypes","PropTypes","string","defaultProps"],"mappings":";;;;;;;;AAAA,SAAS,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE;EAC7B,KAAK,GAAG,KAAK,KAAK,CAAC,GAAG,GAAG,GAAG,EAAE,CAAC;EAC/B,IAAI,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAC;;EAE5B,IAAI,CAAC,GAAG,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,EAAE,OAAO,EAAE;;EAExD,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;EACrE,IAAI,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;EAC5C,KAAK,CAAC,IAAI,GAAG,UAAU,CAAC;;EAExB,IAAI,QAAQ,KAAK,KAAK,EAAE;IACtB,IAAI,IAAI,CAAC,UAAU,EAAE;MACnB,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;KAC3C,MAAM;MACL,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;KACzB;GACF,MAAM;IACL,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;GACzB;;EAED,IAAI,KAAK,CAAC,UAAU,EAAE;IACpB,KAAK,CAAC,UAAU,CAAC,OAAO,GAAG,GAAG,CAAC;GAChC,MAAM;IACL,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;GACjD;CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ICpBKA;;;;;;;;;;;;;;6LACJC,QAAM,EAACC,OAAO,KAAR,UAMNC,kBAAiB,YAAI;aACZ,EAACD,OAAO,KAAR,EAAP;aAEFE,cAAa,YAAI;YACVC,QAAL,CAAc,EAACH,OAAO,CAAC,MAAKD,KAAL,CAAWC,KAApB,EAAd;;;;;;6BAGO;mBAGH,KAAKI,KAHF;UAELC,IAFK,UAELA,IAFK;UAECC,KAFD,UAECA,KAFD;;;UAKHC,SAAJ;UACI,KAAKR,KAAL,CAAWC,KAAf,EAAsB;oBACR,EAACM,OAAOA,KAAR,EAAZ;OADF,MAEO;oBACO,EAACA,OAAO,SAAR,EAAZ;;;UAGEE,QAAJ;UACI,KAAKT,KAAL,CAAWC,KAAf,EAAsB;mBACT,EAACS,kCAAgCH,KAAjC,EAAX;OADF,MAEO;mBACO,EAACA,OAAO,SAAR,EAAX;;;aAKDI;;;qBACaC,OAAOC,MADpB;iBAESJ,QAFT;wBAGgB,KAAKN,WAHrB;wBAIgB,KAAKA;;;;;uBAGNS,OAAOE,MADpB;mBAESN;;;;OATb;;;;EAlCqBO;;AAAnBhB,WAEGiB,YAAY;QACXC,UAAUC,MADC;SAEVD,UAAUC;;;;AA+CrBnB,WAAWoB,YAAX,GAAyB;QACjB,mBADiB;SAEhB;CAFT;;;;"}
|
package/package.json
CHANGED
|
@@ -1,19 +1,61 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "qureal-editor",
|
|
3
|
-
"version": "1.0.
|
|
4
|
-
"
|
|
5
|
-
"
|
|
3
|
+
"version": "1.0.4",
|
|
4
|
+
"description": "Official Qureal React components",
|
|
5
|
+
"author": "shivampip",
|
|
6
|
+
"license": "MIT",
|
|
7
|
+
"repository": "shivampip/qureal-editor",
|
|
6
8
|
"main": "dist/index.js",
|
|
7
|
-
"module": "dist/index.js",
|
|
9
|
+
"module": "dist/index.es.js",
|
|
10
|
+
"jsnext:main": "dist/index.es.js",
|
|
11
|
+
"engines": {
|
|
12
|
+
"node": ">=8",
|
|
13
|
+
"npm": ">=5"
|
|
14
|
+
},
|
|
8
15
|
"scripts": {
|
|
9
|
-
"
|
|
10
|
-
"
|
|
16
|
+
"test": "cross-env CI=1 react-scripts test --env=jsdom",
|
|
17
|
+
"test:watch": "react-scripts test --env=jsdom",
|
|
18
|
+
"build": "rollup -c",
|
|
19
|
+
"start": "rollup -c -w",
|
|
20
|
+
"prepare": "npm run build",
|
|
21
|
+
"predeploy": "cd example && npm install && npm run build",
|
|
22
|
+
"deploy": "gh-pages -d example/build"
|
|
23
|
+
},
|
|
24
|
+
"peerDependencies": {
|
|
25
|
+
"prop-types": "^15.5.4",
|
|
26
|
+
"react": ">=15.0.0",
|
|
27
|
+
"react-dom": ">=15.0.0"
|
|
11
28
|
},
|
|
12
29
|
"devDependencies": {
|
|
13
|
-
"
|
|
30
|
+
"@svgr/rollup": "^2.4.1",
|
|
31
|
+
"babel-core": "^6.26.3",
|
|
32
|
+
"babel-eslint": "^8.2.5",
|
|
33
|
+
"babel-plugin-external-helpers": "^6.22.0",
|
|
34
|
+
"babel-preset-env": "^1.7.0",
|
|
35
|
+
"babel-preset-react": "^6.24.1",
|
|
36
|
+
"babel-preset-stage-0": "^6.24.1",
|
|
37
|
+
"cross-env": "^5.1.4",
|
|
38
|
+
"eslint": "^5.0.1",
|
|
39
|
+
"eslint-config-standard": "^11.0.0",
|
|
40
|
+
"eslint-config-standard-react": "^6.0.0",
|
|
41
|
+
"eslint-plugin-import": "^2.13.0",
|
|
42
|
+
"eslint-plugin-node": "^7.0.1",
|
|
43
|
+
"eslint-plugin-promise": "^4.0.0",
|
|
44
|
+
"eslint-plugin-react": "^7.10.0",
|
|
45
|
+
"eslint-plugin-standard": "^3.1.0",
|
|
46
|
+
"gh-pages": "^1.2.0",
|
|
47
|
+
"react": "^16.4.1",
|
|
48
|
+
"react-dom": "^16.4.1",
|
|
49
|
+
"react-scripts": "^1.1.4",
|
|
50
|
+
"rollup": "^0.64.1",
|
|
51
|
+
"rollup-plugin-babel": "^3.0.7",
|
|
52
|
+
"rollup-plugin-commonjs": "^9.1.3",
|
|
53
|
+
"rollup-plugin-node-resolve": "^3.3.0",
|
|
54
|
+
"rollup-plugin-peer-deps-external": "^2.2.0",
|
|
55
|
+
"rollup-plugin-postcss": "^1.6.2",
|
|
56
|
+
"rollup-plugin-url": "^1.4.0"
|
|
14
57
|
},
|
|
15
|
-
"
|
|
16
|
-
"
|
|
17
|
-
|
|
18
|
-
}
|
|
58
|
+
"files": [
|
|
59
|
+
"dist"
|
|
60
|
+
]
|
|
19
61
|
}
|
package/dist/index.cjs
DELETED
package/dist/index.cjs.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../src/index.js"],"sourcesContent":["import React from \"react\"\n\n\nfunction QButton() {\n return (\n <button>Qureal Button</button>\n )\n}\n\nexport { QButton }"],"names":["h"],"mappings":"iCAGA,WACI,OACIA,EAAA,SAAA,KAAQ,gBAEhB"}
|
package/dist/index.modern.js
DELETED
package/dist/index.modern.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.modern.js","sources":["../src/index.js"],"sourcesContent":["import React from \"react\"\n\n\nfunction QButton() {\n return (\n <button>Qureal Button</button>\n )\n}\n\nexport { QButton }"],"names":["QButton","h"],"mappings":"cAGA,SAASA,IACL,OACIC,EAAA,SAAA,KAAQ,gBAEhB"}
|
package/dist/index.umd.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react")):"function"==typeof define&&define.amd?define(["exports","react"],t):t((e||self).qurealEditor={})}(this,function(e){e.QButton=function(){return h("button",null,"Qureal Button")}});
|
|
2
|
-
//# sourceMappingURL=index.umd.js.map
|
package/dist/index.umd.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.umd.js","sources":["../src/index.js"],"sourcesContent":["import React from \"react\"\n\n\nfunction QButton() {\n return (\n <button>Qureal Button</button>\n )\n}\n\nexport { QButton }"],"names":["h"],"mappings":"yQAGA,WACI,OACIA,EAAA,SAAA,KAAQ,gBAEhB"}
|