react-mentions 4.4.0 → 4.4.4
Sign up to get free protection for your applications and to get access to all the features.
- package/CHANGELOG.md +13 -0
- package/README.md +1 -6
- package/dist/react-mentions.cjs.dev.js +14 -5
- package/dist/react-mentions.cjs.prod.js +11 -5
- package/dist/react-mentions.esm.js +14 -5
- package/package.json +10 -6
package/CHANGELOG.md
ADDED
package/README.md
CHANGED
@@ -102,13 +102,8 @@ We recommend using [@testing-library/user-event](https://github.com/testing-libr
|
|
102
102
|
Spawn a development server with an example page and module hot loading all set up:
|
103
103
|
|
104
104
|
```
|
105
|
-
|
106
|
-
```
|
107
|
-
|
108
|
-
Update the examples page on Github Pages:
|
105
|
+
yarn start
|
109
106
|
|
110
|
-
```
|
111
|
-
npm run pages-publish
|
112
107
|
```
|
113
108
|
|
114
109
|
[build-badge]: https://circleci.com/gh/signavio/react-mentions/tree/master.svg?style=shield&circle-token=:circle-token
|
@@ -996,12 +996,21 @@ var styled$1 = createDefaultStyle({
|
|
996
996
|
});
|
997
997
|
var Suggestion$1 = styled$1(Suggestion);
|
998
998
|
|
999
|
-
function LoadingIndicator() {
|
1000
|
-
var
|
999
|
+
function LoadingIndicator(_ref) {
|
1000
|
+
var style = _ref.style,
|
1001
|
+
className = _ref.className,
|
1002
|
+
classNames = _ref.classNames;
|
1003
|
+
var styles = useStyles__default(defaultstyle, {
|
1004
|
+
style: style,
|
1005
|
+
className: className,
|
1006
|
+
classNames: classNames
|
1007
|
+
});
|
1001
1008
|
var spinnerStyles = styles('spinner');
|
1002
1009
|
return /*#__PURE__*/React__default.createElement("div", styles, /*#__PURE__*/React__default.createElement("div", spinnerStyles, /*#__PURE__*/React__default.createElement("div", spinnerStyles(['element', 'element1'])), /*#__PURE__*/React__default.createElement("div", spinnerStyles(['element', 'element2'])), /*#__PURE__*/React__default.createElement("div", spinnerStyles(['element', 'element3'])), /*#__PURE__*/React__default.createElement("div", spinnerStyles(['element', 'element4'])), /*#__PURE__*/React__default.createElement("div", spinnerStyles(['element', 'element5']))));
|
1003
1010
|
}
|
1004
1011
|
|
1012
|
+
var defaultstyle = {};
|
1013
|
+
|
1005
1014
|
function _createSuper$2(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$2(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
1006
1015
|
|
1007
1016
|
function _isNativeReflectConstruct$2() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
@@ -1305,15 +1314,15 @@ var MentionsInput = /*#__PURE__*/function (_React$Component) {
|
|
1305
1314
|
var props = omit(_this.props, ['style', 'classNames', 'className'], // substyle props
|
1306
1315
|
keys(propTypes));
|
1307
1316
|
return _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, props), style('input')), {}, {
|
1308
|
-
value: _this.getPlainText()
|
1317
|
+
value: _this.getPlainText(),
|
1318
|
+
onScroll: _this.updateHighlighterScroll
|
1309
1319
|
}, !readOnly && !disabled && {
|
1310
1320
|
onChange: _this.handleChange,
|
1311
1321
|
onSelect: _this.handleSelect,
|
1312
1322
|
onKeyDown: _this.handleKeyDown,
|
1313
1323
|
onBlur: _this.handleBlur,
|
1314
1324
|
onCompositionStart: _this.handleCompositionStart,
|
1315
|
-
onCompositionEnd: _this.handleCompositionEnd
|
1316
|
-
onScroll: _this.updateHighlighterScroll
|
1325
|
+
onCompositionEnd: _this.handleCompositionEnd
|
1317
1326
|
}), _this.isOpened() && {
|
1318
1327
|
role: 'combobox',
|
1319
1328
|
'aria-controls': _this.uuidSuggestionsOverlay,
|
@@ -669,11 +669,17 @@ var styled$1 = createDefaultStyle({
|
|
669
669
|
};
|
670
670
|
}), Suggestion$1 = styled$1(Suggestion);
|
671
671
|
|
672
|
-
function LoadingIndicator() {
|
673
|
-
var
|
672
|
+
function LoadingIndicator(_ref) {
|
673
|
+
var style = _ref.style, className = _ref.className, classNames = _ref.classNames, styles = useStyles__default(defaultstyle, {
|
674
|
+
style: style,
|
675
|
+
className: className,
|
676
|
+
classNames: classNames
|
677
|
+
}), spinnerStyles = styles("spinner");
|
674
678
|
return React__default.createElement("div", styles, React__default.createElement("div", spinnerStyles, React__default.createElement("div", spinnerStyles([ "element", "element1" ])), React__default.createElement("div", spinnerStyles([ "element", "element2" ])), React__default.createElement("div", spinnerStyles([ "element", "element3" ])), React__default.createElement("div", spinnerStyles([ "element", "element4" ])), React__default.createElement("div", spinnerStyles([ "element", "element5" ]))));
|
675
679
|
}
|
676
680
|
|
681
|
+
var defaultstyle = {};
|
682
|
+
|
677
683
|
function _createSuper$2(Derived) {
|
678
684
|
var hasNativeReflectConstruct = _isNativeReflectConstruct$2();
|
679
685
|
return function() {
|
@@ -917,15 +923,15 @@ var makeTriggerRegex = function(trigger) {
|
|
917
923
|
}), _defineProperty(_assertThisInitialized(_this), "getInputProps", function() {
|
918
924
|
var _this$props = _this.props, readOnly = _this$props.readOnly, disabled = _this$props.disabled, style = _this$props.style;
|
919
925
|
return _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, omit(_this.props, [ "style", "classNames", "className" ], keys(propTypes))), style("input")), {}, {
|
920
|
-
value: _this.getPlainText()
|
926
|
+
value: _this.getPlainText(),
|
927
|
+
onScroll: _this.updateHighlighterScroll
|
921
928
|
}, !readOnly && !disabled && {
|
922
929
|
onChange: _this.handleChange,
|
923
930
|
onSelect: _this.handleSelect,
|
924
931
|
onKeyDown: _this.handleKeyDown,
|
925
932
|
onBlur: _this.handleBlur,
|
926
933
|
onCompositionStart: _this.handleCompositionStart,
|
927
|
-
onCompositionEnd: _this.handleCompositionEnd
|
928
|
-
onScroll: _this.updateHighlighterScroll
|
934
|
+
onCompositionEnd: _this.handleCompositionEnd
|
929
935
|
}), _this.isOpened() && {
|
930
936
|
role: "combobox",
|
931
937
|
"aria-controls": _this.uuidSuggestionsOverlay,
|
@@ -988,12 +988,21 @@ var styled$1 = createDefaultStyle({
|
|
988
988
|
});
|
989
989
|
var Suggestion$1 = styled$1(Suggestion);
|
990
990
|
|
991
|
-
function LoadingIndicator() {
|
992
|
-
var
|
991
|
+
function LoadingIndicator(_ref) {
|
992
|
+
var style = _ref.style,
|
993
|
+
className = _ref.className,
|
994
|
+
classNames = _ref.classNames;
|
995
|
+
var styles = useStyles(defaultstyle, {
|
996
|
+
style: style,
|
997
|
+
className: className,
|
998
|
+
classNames: classNames
|
999
|
+
});
|
993
1000
|
var spinnerStyles = styles('spinner');
|
994
1001
|
return /*#__PURE__*/React.createElement("div", styles, /*#__PURE__*/React.createElement("div", spinnerStyles, /*#__PURE__*/React.createElement("div", spinnerStyles(['element', 'element1'])), /*#__PURE__*/React.createElement("div", spinnerStyles(['element', 'element2'])), /*#__PURE__*/React.createElement("div", spinnerStyles(['element', 'element3'])), /*#__PURE__*/React.createElement("div", spinnerStyles(['element', 'element4'])), /*#__PURE__*/React.createElement("div", spinnerStyles(['element', 'element5']))));
|
995
1002
|
}
|
996
1003
|
|
1004
|
+
var defaultstyle = {};
|
1005
|
+
|
997
1006
|
function _createSuper$2(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$2(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
998
1007
|
|
999
1008
|
function _isNativeReflectConstruct$2() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
@@ -1297,15 +1306,15 @@ var MentionsInput = /*#__PURE__*/function (_React$Component) {
|
|
1297
1306
|
var props = omit(_this.props, ['style', 'classNames', 'className'], // substyle props
|
1298
1307
|
keys(propTypes));
|
1299
1308
|
return _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, props), style('input')), {}, {
|
1300
|
-
value: _this.getPlainText()
|
1309
|
+
value: _this.getPlainText(),
|
1310
|
+
onScroll: _this.updateHighlighterScroll
|
1301
1311
|
}, !readOnly && !disabled && {
|
1302
1312
|
onChange: _this.handleChange,
|
1303
1313
|
onSelect: _this.handleSelect,
|
1304
1314
|
onKeyDown: _this.handleKeyDown,
|
1305
1315
|
onBlur: _this.handleBlur,
|
1306
1316
|
onCompositionStart: _this.handleCompositionStart,
|
1307
|
-
onCompositionEnd: _this.handleCompositionEnd
|
1308
|
-
onScroll: _this.updateHighlighterScroll
|
1317
|
+
onCompositionEnd: _this.handleCompositionEnd
|
1309
1318
|
}), _this.isOpened() && {
|
1310
1319
|
role: 'combobox',
|
1311
1320
|
'aria-controls': _this.uuidSuggestionsOverlay,
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "react-mentions",
|
3
|
-
"version": "4.4.
|
3
|
+
"version": "4.4.4",
|
4
4
|
"description": "React mentions input",
|
5
5
|
"main": "dist/react-mentions.cjs.js",
|
6
6
|
"module": "dist/react-mentions.esm.js",
|
@@ -12,9 +12,11 @@
|
|
12
12
|
"format": "prettier --write --no-semi --single-quote --trailing-comma es5 \"{src,test,demo/src}/**/*.js\"",
|
13
13
|
"lint": "eslint --max-warnings=0 --ext .js src test demo",
|
14
14
|
"start": "cross-env NODE_OPTIONS=--openssl-legacy-provider NODE_ENV=development webpack-dev-server --config demo/webpack.config.js",
|
15
|
-
"semantic-release": "semantic-release",
|
16
15
|
"test": "jest",
|
17
|
-
"now-build": "webpack --config demo/webpack.config.js"
|
16
|
+
"now-build": "webpack --config demo/webpack.config.js",
|
17
|
+
"prerelease": "yarn build",
|
18
|
+
"release": "changeset publish",
|
19
|
+
"change": "changeset"
|
18
20
|
},
|
19
21
|
"repository": {
|
20
22
|
"type": "git",
|
@@ -31,7 +33,7 @@
|
|
31
33
|
"safari >= 10",
|
32
34
|
"ie >= 11"
|
33
35
|
],
|
34
|
-
"author": "
|
36
|
+
"author": "SAP-Signavio",
|
35
37
|
"license": "BSD-3-Clause",
|
36
38
|
"bugs": {
|
37
39
|
"url": "https://github.com/signavio/react-mentions/issues"
|
@@ -47,10 +49,13 @@
|
|
47
49
|
"@babel/preset-env": "^7.4.5",
|
48
50
|
"@babel/preset-flow": "^7.0.0",
|
49
51
|
"@babel/preset-react": "^7.0.0",
|
52
|
+
"@changesets/cli": "^2.23.0",
|
53
|
+
"@testing-library/dom": "^8.13.0",
|
54
|
+
"@testing-library/jest-dom": "^5.16.4",
|
55
|
+
"@testing-library/react": "^13.2.0",
|
50
56
|
"babel-eslint": "^7.2.3",
|
51
57
|
"babel-loader": "^8.0.6",
|
52
58
|
"case-sensitive-paths-webpack-plugin": "^2.2.0",
|
53
|
-
"condition-circle": "^2.0.2",
|
54
59
|
"core-js": "^3.1.4",
|
55
60
|
"cross-env": "^5.2.1",
|
56
61
|
"css-loader": "^3.0.0",
|
@@ -74,7 +79,6 @@
|
|
74
79
|
"react-dom": "16.8.6",
|
75
80
|
"recompose": "^0.30.0",
|
76
81
|
"regenerator-runtime": "^0.13.2",
|
77
|
-
"semantic-release": "^19.0.2",
|
78
82
|
"style-loader": "^0.23.1",
|
79
83
|
"substyle-jss": "^4.0.1",
|
80
84
|
"webpack": "^4.35.2",
|