react-mentions 4.4.0 → 4.4.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/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",
|