Launch Week Day 5: Introducing Reachability for PHP.Learn More →

Book a Demo Sign in

react-ace

Package Overview

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-ace - npm Package Compare versions

Comparing version

5.4.0

5.5.0

+1

.nyc_output/c8cd2adb3bfa73f91fee9afa018d1ed7.json

{}

+1

.nyc_output/c8d456ace5d3974634aae13be16552d4.json

{}

.nyc_output/ee14189f2a64fc0a7349b9db12bfb7cd.json

Sorry, the diff of this file is too big to display

+5

-1

CHANGELOG.md

		# Changelog

		## Next Minor Release - TBD
		## Future Release - TBD

		@@ -8,2 +8,6 @@ * Fully move to TypeScript interally

		## 5.5.0

		* Adds the onInput event

		## 5.4.0
		@@ -10,0 +14,0 @@

+28

-10

coverage/ace.js.html

		@@ -23,10 +23,10 @@ <!doctype html>
		<div class='fl pad1y space-right2'>
		<span class="strong">94.08% </span>
		<span class="strong">93.55% </span>
		<span class="quiet">Statements</span>
		<span class='fraction'>143/152</span>
		<span class='fraction'>145/155</span>
		</div>
		<div class='fl pad1y space-right2'>
		<span class="strong">87.25% </span>
		<span class="strong">86.54% </span>
		<span class="quiet">Branches</span>
		<span class='fraction'>89/102</span>
		<span class='fraction'>90/104</span>
		</div>
		@@ -39,5 +39,5 @@ <div class='fl pad1y space-right2'>
		<div class='fl pad1y space-right2'>
		<span class="strong">93.96% </span>
		<span class="strong">93.42% </span>
		<span class="quiet">Lines</span>
		<span class='fraction'>140/149</span>
		<span class='fraction'>142/152</span>
		</div>
		@@ -425,3 +425,9 @@ </div>
		377
		378</td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
		378
		379
		380
		381
		382
		383
		384</td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
		<span class="cline-any cline-yes">1x</span>
		@@ -438,3 +444,3 @@ <span class="cline-any cline-yes">1x</span>
		<span class="cline-any cline-yes">29x</span>
		<span class="cline-any cline-yes">261x</span>
		<span class="cline-any cline-yes">290x</span>
		<span class="cline-any cline-neutral"> </span>
		@@ -492,2 +498,3 @@ <span class="cline-any cline-neutral"> </span>
		<span class="cline-any cline-yes">29x</span>
		<span class="cline-any cline-yes">29x</span>
		<span class="cline-any cline-no"> </span>
		@@ -649,3 +656,7 @@ <span class="cline-any cline-no"> </span>
		<span class="cline-any cline-neutral"> </span>
		<span class="cline-any cline-yes">4x</span>
		<span class="cline-any cline-no"> </span>
		<span class="cline-any cline-neutral"> </span>
		<span class="cline-any cline-neutral"> </span>
		<span class="cline-any cline-neutral"> </span>
		<span class="cline-any cline-yes">7x</span>
		@@ -777,2 +788,3 @@ <span class="cline-any cline-yes">6x</span>
		<span class="cline-any cline-neutral"> </span>
		<span class="cline-any cline-neutral"> </span>
		<span class="cline-any cline-yes">1x</span>
		@@ -870,2 +882,3 @@ <span class="cline-any cline-neutral"> </span>
		this.editor.on('change', this.onChange);
		this.editor.on('input', this.onInput);
		this.editor.getSession().selection.on('changeSelection', this.onSelectionChange);
		@@ -1028,3 +1041,7 @@ <span class="missing-if-branch" title="if path not taken" >I</span>if (onValidate) {
		}

		onInput(event) {
		<span class="missing-if-branch" title="if path not taken" >I</span>if (this.props.onInput) {
		<span class="cstat-no" title="statement not covered" > this.props.onInput(event)</span>
		}
		}
		onFocus(event) {
		@@ -1123,2 +1140,3 @@ if (this.props.onFocus) {
		onFocus: PropTypes.func,
		onInput: PropTypes.func,
		onBlur: PropTypes.func,
		@@ -1193,3 +1211,3 @@ onScroll: PropTypes.func,
		Code coverage
		generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Tue Oct 10 2017 12:02:06 GMT+0000 (UTC)
		generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Mon Oct 30 2017 00:41:05 GMT+0000 (UTC)
		</div>
		@@ -1196,0 +1214,0 @@ </div>

+5

-2

coverage/editorOptions.js.html

		@@ -72,3 +72,4 @@ <!doctype html>
		26
		27</td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
		27
		28</td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
		<span class="cline-any cline-neutral"> </span>
		@@ -99,2 +100,3 @@ <span class="cline-any cline-neutral"> </span>
		<span class="cline-any cline-neutral"> </span>
		<span class="cline-any cline-neutral"> </span>
		<span class="cline-any cline-neutral"> </span></td><td class="text"><pre class="prettyprint lang-js">const editorOptions = [
		@@ -114,2 +116,3 @@ 'minLines',
		'onFocus',
		'onInput',
		'onBlur',
		@@ -133,3 +136,3 @@ 'onCopy',
		Code coverage
		generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Tue Oct 10 2017 12:02:06 GMT+0000 (UTC)
		generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Mon Oct 30 2017 00:41:05 GMT+0000 (UTC)
		</div>
		@@ -136,0 +139,0 @@ </div>

+21

-21

coverage/index.html

		@@ -23,10 +23,10 @@ <!doctype html>
		<div class='fl pad1y space-right2'>
		<span class="strong">96.34% </span>
		<span class="strong">95.81% </span>
		<span class="quiet">Statements</span>
		<span class='fraction'>316/328</span>
		<span class='fraction'>320/334</span>
		</div>
		<div class='fl pad1y space-right2'>
		<span class="strong">88.89% </span>
		<span class="strong">88.12% </span>
		<span class="quiet">Branches</span>
		<span class='fraction'>176/198</span>
		<span class='fraction'>178/202</span>
		</div>
		@@ -39,5 +39,5 @@ <div class='fl pad1y space-right2'>
		<div class='fl pad1y space-right2'>
		<span class="strong">96.27% </span>
		<span class="strong">95.73% </span>
		<span class="quiet">Lines</span>
		<span class='fraction'>310/322</span>
		<span class='fraction'>314/328</span>
		</div>
		@@ -65,11 +65,11 @@ </div>
		<td class="file high" data-value="ace.js"><a href="ace.js.html">ace.js</a></td>
		<td data-value="94.08" class="pic high"><div class="chart"><div class="cover-fill" style="width: 94%;"></div><div class="cover-empty" style="width:6%;"></div></div></td>
		<td data-value="94.08" class="pct high">94.08%</td>
		<td data-value="152" class="abs high">143/152</td>
		<td data-value="87.25" class="pct high">87.25%</td>
		<td data-value="102" class="abs high">89/102</td>
		<td data-value="93.55" class="pic high"><div class="chart"><div class="cover-fill" style="width: 93%;"></div><div class="cover-empty" style="width:7%;"></div></div></td>
		<td data-value="93.55" class="pct high">93.55%</td>
		<td data-value="155" class="abs high">145/155</td>
		<td data-value="86.54" class="pct high">86.54%</td>
		<td data-value="104" class="abs high">90/104</td>
		<td data-value="83.33" class="pct high">83.33%</td>
		<td data-value="6" class="abs high">5/6</td>
		<td data-value="93.96" class="pct high">93.96%</td>
		<td data-value="149" class="abs high">140/149</td>
		<td data-value="93.42" class="pct high">93.42%</td>
		<td data-value="152" class="abs high">142/152</td>
		</tr>
		@@ -92,11 +92,11 @@
		<td class="file high" data-value="split.js"><a href="split.js.html">split.js</a></td>
		<td data-value="98.28" class="pic high"><div class="chart"><div class="cover-fill" style="width: 98%;"></div><div class="cover-empty" style="width:2%;"></div></div></td>
		<td data-value="98.28" class="pct high">98.28%</td>
		<td data-value="174" class="abs high">171/174</td>
		<td data-value="90.63" class="pct high">90.63%</td>
		<td data-value="96" class="abs high">87/96</td>
		<td data-value="97.74" class="pic high"><div class="chart"><div class="cover-fill" style="width: 97%;"></div><div class="cover-empty" style="width:3%;"></div></div></td>
		<td data-value="97.74" class="pct high">97.74%</td>
		<td data-value="177" class="abs high">173/177</td>
		<td data-value="89.8" class="pct high">89.8%</td>
		<td data-value="98" class="abs high">88/98</td>
		<td data-value="100" class="pct high">100%</td>
		<td data-value="9" class="abs high">9/9</td>
		<td data-value="98.25" class="pct high">98.25%</td>
		<td data-value="171" class="abs high">168/171</td>
		<td data-value="97.7" class="pct high">97.7%</td>
		<td data-value="174" class="abs high">170/174</td>
		</tr>
		@@ -110,3 +110,3 @@
		Code coverage
		generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Tue Oct 10 2017 12:02:06 GMT+0000 (UTC)
		generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Mon Oct 30 2017 00:41:05 GMT+0000 (UTC)
		</div>
		@@ -113,0 +113,0 @@ </div>

+28

-10

coverage/lcov-report/ace.js.html

		@@ -23,10 +23,10 @@ <!doctype html>
		<div class='fl pad1y space-right2'>
		<span class="strong">94.08% </span>
		<span class="strong">93.55% </span>
		<span class="quiet">Statements</span>
		<span class='fraction'>143/152</span>
		<span class='fraction'>145/155</span>
		</div>
		<div class='fl pad1y space-right2'>
		<span class="strong">87.25% </span>
		<span class="strong">86.54% </span>
		<span class="quiet">Branches</span>
		<span class='fraction'>89/102</span>
		<span class='fraction'>90/104</span>
		</div>
		@@ -39,5 +39,5 @@ <div class='fl pad1y space-right2'>
		<div class='fl pad1y space-right2'>
		<span class="strong">93.96% </span>
		<span class="strong">93.42% </span>
		<span class="quiet">Lines</span>
		<span class='fraction'>140/149</span>
		<span class='fraction'>142/152</span>
		</div>
		@@ -425,3 +425,9 @@ </div>
		377
		378</td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
		378
		379
		380
		381
		382
		383
		384</td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
		<span class="cline-any cline-yes">1x</span>
		@@ -438,3 +444,3 @@ <span class="cline-any cline-yes">1x</span>
		<span class="cline-any cline-yes">29x</span>
		<span class="cline-any cline-yes">261x</span>
		<span class="cline-any cline-yes">290x</span>
		<span class="cline-any cline-neutral"> </span>
		@@ -492,2 +498,3 @@ <span class="cline-any cline-neutral"> </span>
		<span class="cline-any cline-yes">29x</span>
		<span class="cline-any cline-yes">29x</span>
		<span class="cline-any cline-no"> </span>
		@@ -649,3 +656,7 @@ <span class="cline-any cline-no"> </span>
		<span class="cline-any cline-neutral"> </span>
		<span class="cline-any cline-yes">4x</span>
		<span class="cline-any cline-no"> </span>
		<span class="cline-any cline-neutral"> </span>
		<span class="cline-any cline-neutral"> </span>
		<span class="cline-any cline-neutral"> </span>
		<span class="cline-any cline-yes">7x</span>
		@@ -777,2 +788,3 @@ <span class="cline-any cline-yes">6x</span>
		<span class="cline-any cline-neutral"> </span>
		<span class="cline-any cline-neutral"> </span>
		<span class="cline-any cline-yes">1x</span>
		@@ -870,2 +882,3 @@ <span class="cline-any cline-neutral"> </span>
		this.editor.on('change', this.onChange);
		this.editor.on('input', this.onInput);
		this.editor.getSession().selection.on('changeSelection', this.onSelectionChange);
		@@ -1028,3 +1041,7 @@ <span class="missing-if-branch" title="if path not taken" >I</span>if (onValidate) {
		}

		onInput(event) {
		<span class="missing-if-branch" title="if path not taken" >I</span>if (this.props.onInput) {
		<span class="cstat-no" title="statement not covered" > this.props.onInput(event)</span>
		}
		}
		onFocus(event) {
		@@ -1123,2 +1140,3 @@ if (this.props.onFocus) {
		onFocus: PropTypes.func,
		onInput: PropTypes.func,
		onBlur: PropTypes.func,
		@@ -1193,3 +1211,3 @@ onScroll: PropTypes.func,
		Code coverage
		generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Tue Oct 10 2017 12:02:05 GMT+0000 (UTC)
		generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Mon Oct 30 2017 00:41:05 GMT+0000 (UTC)
		</div>
		@@ -1196,0 +1214,0 @@ </div>

+5

-2

coverage/lcov-report/editorOptions.js.html

		@@ -72,3 +72,4 @@ <!doctype html>
		26
		27</td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
		27
		28</td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
		<span class="cline-any cline-neutral"> </span>
		@@ -99,2 +100,3 @@ <span class="cline-any cline-neutral"> </span>
		<span class="cline-any cline-neutral"> </span>
		<span class="cline-any cline-neutral"> </span>
		<span class="cline-any cline-neutral"> </span></td><td class="text"><pre class="prettyprint lang-js">const editorOptions = [
		@@ -114,2 +116,3 @@ 'minLines',
		'onFocus',
		'onInput',
		'onBlur',
		@@ -133,3 +136,3 @@ 'onCopy',
		Code coverage
		generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Tue Oct 10 2017 12:02:05 GMT+0000 (UTC)
		generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Mon Oct 30 2017 00:41:05 GMT+0000 (UTC)
		</div>
		@@ -136,0 +139,0 @@ </div>

+21

-21

coverage/lcov-report/index.html

		@@ -23,10 +23,10 @@ <!doctype html>
		<div class='fl pad1y space-right2'>
		<span class="strong">96.34% </span>
		<span class="strong">95.81% </span>
		<span class="quiet">Statements</span>
		<span class='fraction'>316/328</span>
		<span class='fraction'>320/334</span>
		</div>
		<div class='fl pad1y space-right2'>
		<span class="strong">88.89% </span>
		<span class="strong">88.12% </span>
		<span class="quiet">Branches</span>
		<span class='fraction'>176/198</span>
		<span class='fraction'>178/202</span>
		</div>
		@@ -39,5 +39,5 @@ <div class='fl pad1y space-right2'>
		<div class='fl pad1y space-right2'>
		<span class="strong">96.27% </span>
		<span class="strong">95.73% </span>
		<span class="quiet">Lines</span>
		<span class='fraction'>310/322</span>
		<span class='fraction'>314/328</span>
		</div>
		@@ -65,11 +65,11 @@ </div>
		<td class="file high" data-value="ace.js"><a href="ace.js.html">ace.js</a></td>
		<td data-value="94.08" class="pic high"><div class="chart"><div class="cover-fill" style="width: 94%;"></div><div class="cover-empty" style="width:6%;"></div></div></td>
		<td data-value="94.08" class="pct high">94.08%</td>
		<td data-value="152" class="abs high">143/152</td>
		<td data-value="87.25" class="pct high">87.25%</td>
		<td data-value="102" class="abs high">89/102</td>
		<td data-value="93.55" class="pic high"><div class="chart"><div class="cover-fill" style="width: 93%;"></div><div class="cover-empty" style="width:7%;"></div></div></td>
		<td data-value="93.55" class="pct high">93.55%</td>
		<td data-value="155" class="abs high">145/155</td>
		<td data-value="86.54" class="pct high">86.54%</td>
		<td data-value="104" class="abs high">90/104</td>
		<td data-value="83.33" class="pct high">83.33%</td>
		<td data-value="6" class="abs high">5/6</td>
		<td data-value="93.96" class="pct high">93.96%</td>
		<td data-value="149" class="abs high">140/149</td>
		<td data-value="93.42" class="pct high">93.42%</td>
		<td data-value="152" class="abs high">142/152</td>
		</tr>
		@@ -92,11 +92,11 @@
		<td class="file high" data-value="split.js"><a href="split.js.html">split.js</a></td>
		<td data-value="98.28" class="pic high"><div class="chart"><div class="cover-fill" style="width: 98%;"></div><div class="cover-empty" style="width:2%;"></div></div></td>
		<td data-value="98.28" class="pct high">98.28%</td>
		<td data-value="174" class="abs high">171/174</td>
		<td data-value="90.63" class="pct high">90.63%</td>
		<td data-value="96" class="abs high">87/96</td>
		<td data-value="97.74" class="pic high"><div class="chart"><div class="cover-fill" style="width: 97%;"></div><div class="cover-empty" style="width:3%;"></div></div></td>
		<td data-value="97.74" class="pct high">97.74%</td>
		<td data-value="177" class="abs high">173/177</td>
		<td data-value="89.8" class="pct high">89.8%</td>
		<td data-value="98" class="abs high">88/98</td>
		<td data-value="100" class="pct high">100%</td>
		<td data-value="9" class="abs high">9/9</td>
		<td data-value="98.25" class="pct high">98.25%</td>
		<td data-value="171" class="abs high">168/171</td>
		<td data-value="97.7" class="pct high">97.7%</td>
		<td data-value="174" class="abs high">170/174</td>
		</tr>
		@@ -110,3 +110,3 @@
		Code coverage
		generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Tue Oct 10 2017 12:02:05 GMT+0000 (UTC)
		generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Mon Oct 30 2017 00:41:05 GMT+0000 (UTC)
		</div>
		@@ -113,0 +113,0 @@ </div>

+37

-13

coverage/lcov-report/split.js.html

		@@ -23,10 +23,10 @@ <!doctype html>
		<div class='fl pad1y space-right2'>
		<span class="strong">98.28% </span>
		<span class="strong">97.74% </span>
		<span class="quiet">Statements</span>
		<span class='fraction'>171/174</span>
		<span class='fraction'>173/177</span>
		</div>
		<div class='fl pad1y space-right2'>
		<span class="strong">90.63% </span>
		<span class="strong">89.8% </span>
		<span class="quiet">Branches</span>
		<span class='fraction'>87/96</span>
		<span class='fraction'>88/98</span>
		</div>
		@@ -39,5 +39,5 @@ <div class='fl pad1y space-right2'>
		<div class='fl pad1y space-right2'>
		<span class="strong">98.25% </span>
		<span class="strong">97.7% </span>
		<span class="quiet">Lines</span>
		<span class='fraction'>168/171</span>
		<span class='fraction'>170/174</span>
		</div>
		@@ -455,3 +455,11 @@ </div>
		407
		408</td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
		408
		409
		410
		411
		412
		413
		414
		415
		416</td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
		<span class="cline-any cline-yes">1x</span>
		@@ -472,3 +480,3 @@ <span class="cline-any cline-yes">1x</span>
		<span class="cline-any cline-yes">29x</span>
		<span class="cline-any cline-yes">261x</span>
		<span class="cline-any cline-yes">290x</span>
		<span class="cline-any cline-neutral"> </span>
		@@ -543,2 +551,3 @@ <span class="cline-any cline-neutral"> </span>
		<span class="cline-any cline-yes">58x</span>
		<span class="cline-any cline-yes">58x</span>
		<span class="cline-any cline-yes">3x</span>
		@@ -714,2 +723,8 @@ <span class="cline-any cline-neutral"> </span>
		<span class="cline-any cline-neutral"> </span>
		<span class="cline-any cline-yes">3x</span>
		<span class="cline-any cline-no"> </span>
		<span class="cline-any cline-neutral"> </span>
		<span class="cline-any cline-neutral"> </span>
		<span class="cline-any cline-neutral"> </span>
		<span class="cline-any cline-neutral"> </span>
		<span class="cline-any cline-yes">7x</span>
		@@ -836,2 +851,3 @@ <span class="cline-any cline-yes">1x</span>
		<span class="cline-any cline-neutral"> </span>
		<span class="cline-any cline-neutral"> </span>
		<span class="cline-any cline-yes">1x</span>
		@@ -943,2 +959,3 @@ <span class="cline-any cline-neutral"> </span>
		editor.on('blur', this.onBlur);
		editor.on('input', this.onInput);
		editor.on('copy', this.onCopy);
		@@ -1117,11 +1134,17 @@ editor.on('paste', this.onPaste);

		onFocus() {
		onFocus(event) {
		if (this.props.onFocus) {
		this.props.onFocus();
		this.props.onFocus(event);
		}
		}

		onBlur() {
		onInput(event) {
		<span class="missing-if-branch" title="if path not taken" >I</span>if (this.props.onInput) {
		<span class="cstat-no" title="statement not covered" > this.props.onInput(event);</span>
		}
		}

		onBlur(event) {
		if (this.props.onBlur) {
		this.props.onBlur();
		this.props.onBlur(event);
		}
		@@ -1213,2 +1236,3 @@ }
		onFocus: PropTypes.func,
		onInput: PropTypes.func,
		onBlur: PropTypes.func,
		@@ -1283,3 +1307,3 @@ onScroll: PropTypes.func,
		Code coverage
		generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Tue Oct 10 2017 12:02:05 GMT+0000 (UTC)
		generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Mon Oct 30 2017 00:41:05 GMT+0000 (UTC)
		</div>
		@@ -1286,0 +1310,0 @@ </div>

+37

-13

coverage/split.js.html

		@@ -23,10 +23,10 @@ <!doctype html>
		<div class='fl pad1y space-right2'>
		<span class="strong">98.28% </span>
		<span class="strong">97.74% </span>
		<span class="quiet">Statements</span>
		<span class='fraction'>171/174</span>
		<span class='fraction'>173/177</span>
		</div>
		<div class='fl pad1y space-right2'>
		<span class="strong">90.63% </span>
		<span class="strong">89.8% </span>
		<span class="quiet">Branches</span>
		<span class='fraction'>87/96</span>
		<span class='fraction'>88/98</span>
		</div>
		@@ -39,5 +39,5 @@ <div class='fl pad1y space-right2'>
		<div class='fl pad1y space-right2'>
		<span class="strong">98.25% </span>
		<span class="strong">97.7% </span>
		<span class="quiet">Lines</span>
		<span class='fraction'>168/171</span>
		<span class='fraction'>170/174</span>
		</div>
		@@ -455,3 +455,11 @@ </div>
		407
		408</td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
		408
		409
		410
		411
		412
		413
		414
		415
		416</td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
		<span class="cline-any cline-yes">1x</span>
		@@ -472,3 +480,3 @@ <span class="cline-any cline-yes">1x</span>
		<span class="cline-any cline-yes">29x</span>
		<span class="cline-any cline-yes">261x</span>
		<span class="cline-any cline-yes">290x</span>
		<span class="cline-any cline-neutral"> </span>
		@@ -543,2 +551,3 @@ <span class="cline-any cline-neutral"> </span>
		<span class="cline-any cline-yes">58x</span>
		<span class="cline-any cline-yes">58x</span>
		<span class="cline-any cline-yes">3x</span>
		@@ -714,2 +723,8 @@ <span class="cline-any cline-neutral"> </span>
		<span class="cline-any cline-neutral"> </span>
		<span class="cline-any cline-yes">3x</span>
		<span class="cline-any cline-no"> </span>
		<span class="cline-any cline-neutral"> </span>
		<span class="cline-any cline-neutral"> </span>
		<span class="cline-any cline-neutral"> </span>
		<span class="cline-any cline-neutral"> </span>
		<span class="cline-any cline-yes">7x</span>
		@@ -836,2 +851,3 @@ <span class="cline-any cline-yes">1x</span>
		<span class="cline-any cline-neutral"> </span>
		<span class="cline-any cline-neutral"> </span>
		<span class="cline-any cline-yes">1x</span>
		@@ -943,2 +959,3 @@ <span class="cline-any cline-neutral"> </span>
		editor.on('blur', this.onBlur);
		editor.on('input', this.onInput);
		editor.on('copy', this.onCopy);
		@@ -1117,11 +1134,17 @@ editor.on('paste', this.onPaste);

		onFocus() {
		onFocus(event) {
		if (this.props.onFocus) {
		this.props.onFocus();
		this.props.onFocus(event);
		}
		}

		onBlur() {
		onInput(event) {
		<span class="missing-if-branch" title="if path not taken" >I</span>if (this.props.onInput) {
		<span class="cstat-no" title="statement not covered" > this.props.onInput(event);</span>
		}
		}

		onBlur(event) {
		if (this.props.onBlur) {
		this.props.onBlur();
		this.props.onBlur(event);
		}
		@@ -1213,2 +1236,3 @@ }
		onFocus: PropTypes.func,
		onInput: PropTypes.func,
		onBlur: PropTypes.func,
		@@ -1283,3 +1307,3 @@ onScroll: PropTypes.func,
		Code coverage
		generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Tue Oct 10 2017 12:02:06 GMT+0000 (UTC)
		generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Mon Oct 30 2017 00:41:05 GMT+0000 (UTC)
		</div>
		@@ -1286,0 +1310,0 @@ </div>

+1

-0

docs/Ace.md

		@@ -72,2 +72,3 @@ # Ace Editor
		\|onBlur\| \| Function \| triggered by editor `blur` event\|
		\|onInput\| \| Function \| triggered by editor `input` event\|
		\|onScroll\| \| Function \| triggered by editor `scroll` event\|
		@@ -74,0 +75,0 @@ \|onValidate\| \| Function \| triggered, when annotations are changed\|

+7

-0

docs/FAQ.md

		@@ -94,2 +94,9 @@ # Frequently Asked Questions

		## How do I get selected text ?
		```javascript
		const selectedText = this.refs.aceEditor.editor.getSelectedText();
		// selectedText contains the selected text.
		}
		```

		## How do I add markers?
		@@ -96,0 +103,0 @@ ```javascript

+4

-3

docs/Split.md

		@@ -5,7 +5,7 @@ # Split Editor

		## Demo
		## Demo

		http://securingsincity.github.io/react-ace/split.html

		## Example Code
		## Example Code

		@@ -43,3 +43,3 @@ ```javascript
		\|splits\| 2 \| Number \| Number of views to have \|
		\|orientation\| 'beside' \| String \| The orientation of the splits either `beside` or `below` \|
		\|orientation\| 'beside' \| String \| The orientation of the splits either `beside` or `below` \|
		\|theme\| ''\| String \|theme to use\|
		@@ -72,2 +72,3 @@ \|value \| ''\| Array of Strings \| value you want to populate in each code editor\|
		\|onBlur\| \| Function \| triggered by editor `blur` event\|
		\|onInput\| \| Function \| triggered by editor `input` event\|
		\|onScroll\| \| Function \| triggered by editor `scroll` event\|
		@@ -74,0 +75,0 @@ \|editorProps\| \| Object \| properties to apply directly to the Ace editor instance\|

+9

-0

lib/ace.js

		@@ -106,2 +106,3 @@ 'use strict';
		this.editor.on('change', this.onChange);
		this.editor.on('input', this.onInput);
		this.editor.getSession().selection.on('changeSelection', this.onSelectionChange);
		@@ -272,2 +273,9 @@ if (onValidate) {
		}, {
		key: 'onInput',
		value: function onInput(event) {
		if (this.props.onInput) {
		this.props.onInput(event);
		}
		}
		}, {
		key: 'onFocus',
		@@ -391,2 +399,3 @@ value: function onFocus(event) {
		onFocus: _propTypes2.default.func,
		onInput: _propTypes2.default.func,
		onBlur: _propTypes2.default.func,
		@@ -393,0 +402,0 @@ onScroll: _propTypes2.default.func,

+1

-1

lib/editorOptions.js

		@@ -8,5 +8,5 @@ 'use strict';

		var editorEvents = ['onChange', 'onFocus', 'onBlur', 'onCopy', 'onPaste', 'onSelectionChange', 'onScroll', 'handleOptions', 'updateRef'];
		var editorEvents = ['onChange', 'onFocus', 'onInput', 'onBlur', 'onCopy', 'onPaste', 'onSelectionChange', 'onScroll', 'handleOptions', 'updateRef'];

		exports.editorOptions = editorOptions;
		exports.editorEvents = editorEvents;

+13

-4

lib/split.js

		@@ -124,2 +124,3 @@ 'use strict';
		editor.on('blur', _this2.onBlur);
		editor.on('input', _this2.onInput);
		editor.on('copy', _this2.onCopy);
		@@ -303,12 +304,19 @@ editor.on('paste', _this2.onPaste);
		key: 'onFocus',
		value: function onFocus() {
		value: function onFocus(event) {
		if (this.props.onFocus) {
		this.props.onFocus();
		this.props.onFocus(event);
		}
		}
		}, {
		key: 'onInput',
		value: function onInput(event) {
		if (this.props.onInput) {
		this.props.onInput(event);
		}
		}
		}, {
		key: 'onBlur',
		value: function onBlur() {
		value: function onBlur(event) {
		if (this.props.onBlur) {
		this.props.onBlur();
		this.props.onBlur(event);
		}
		@@ -421,2 +429,3 @@ }
		onFocus: _propTypes2.default.func,
		onInput: _propTypes2.default.func,
		onBlur: _propTypes2.default.func,
		@@ -423,0 +432,0 @@ onScroll: _propTypes2.default.func,

+7

-7

package.json

		{
		"name": "react-ace",
		"version": "5.4.0",
		"version": "5.5.0",
		"description": "A react component for Ace Editor",
		@@ -21,3 +21,3 @@ "main": "lib/index.js",
		"prepublishOnly": "npm run clean && npm run build",
		"test": "mocha --compilers js:babel-core/register --require tests/setup.js --recursive tests/*/.spec.js",
		"test": "mocha --require babel-register --require tests/setup.js tests/*/.spec.js --exit",
		"coverage": "nyc npm run test"
		@@ -50,3 +50,3 @@ },
		"enzyme-adapter-react-16": "^1.0.1",
		"eslint": "4.8.0",
		"eslint": "4.10.0",
		"eslint-plugin-import": "^2.2.0",
		@@ -56,3 +56,3 @@ "eslint-plugin-jsx-a11y": "^6.0.0",
		"jsdom": "^11.0.0",
		"mocha": "3.5.3",
		"mocha": "4.0.1",
		"nyc": "11.2.1",
		@@ -63,5 +63,5 @@ "react": "^16.0.0",
		"rimraf": "2.6.2",
		"sinon": "4.0.1",
		"webpack": "3.5.6",
		"webpack-dev-server": "2.9.1"
		"sinon": "4.0.2",
		"webpack": "3.8.1",
		"webpack-dev-server": "2.9.3"
		},
		@@ -68,0 +68,0 @@ "keywords": [

+7

-1

src/ace.js

		@@ -64,2 +64,3 @@ import ace from 'brace'
		this.editor.on('change', this.onChange);
		this.editor.on('input', this.onInput);
		this.editor.getSession().selection.on('changeSelection', this.onSelectionChange);
		@@ -222,3 +223,7 @@ if (onValidate) {
		}

		onInput(event) {
		if (this.props.onInput) {
		this.props.onInput(event)
		}
		}
		onFocus(event) {
		@@ -317,2 +322,3 @@ if (this.props.onFocus) {
		onFocus: PropTypes.func,
		onInput: PropTypes.func,
		onBlur: PropTypes.func,
		@@ -319,0 +325,0 @@ onScroll: PropTypes.func,

+1

-0

src/editorOptions.js

		@@ -15,2 +15,3 @@ const editorOptions = [
		'onFocus',
		'onInput',
		'onBlur',
		@@ -17,0 +18,0 @@ 'onCopy',

+12

-4

src/split.js

		@@ -77,2 +77,3 @@ import ace from 'brace'
		editor.on('blur', this.onBlur);
		editor.on('input', this.onInput);
		editor.on('copy', this.onCopy);
		@@ -251,11 +252,17 @@ editor.on('paste', this.onPaste);

		onFocus() {
		onFocus(event) {
		if (this.props.onFocus) {
		this.props.onFocus();
		this.props.onFocus(event);
		}
		}

		onBlur() {
		onInput(event) {
		if (this.props.onInput) {
		this.props.onInput(event);
		}
		}

		onBlur(event) {
		if (this.props.onBlur) {
		this.props.onBlur();
		this.props.onBlur(event);
		}
		@@ -347,2 +354,3 @@ }
		onFocus: PropTypes.func,
		onInput: PropTypes.func,
		onBlur: PropTypes.func,
		@@ -349,0 +357,0 @@ onScroll: PropTypes.func,

.nyc_output/2800028370b27832ad1c00ab2c242ce2.json

Sorry, the diff of this file is too big to display

-1

.nyc_output/84cc94279a0adc8eca015ca1def3192a.json

{}

-1

.nyc_output/9bd834a1143b09940069704140c3eaf1.json

{}

coverage/lcov.info

Sorry, the diff of this file is not supported yet

dist/react-ace.js

Sorry, the diff of this file is too big to display

dist/react-ace.min.js

Sorry, the diff of this file is too big to display

package-lock.json

Sorry, the diff of this file is too big to display

		@@ -72,2 +72,3 @@ # Ace Editor
		\|onBlur\| \| Function \| triggered by editor `blur` event\|
		\|onInput\| \| Function \| triggered by editor `input` event\|
		\|onScroll\| \| Function \| triggered by editor `scroll` event\|
		@@ -74,0 +75,0 @@ \|onValidate\| \| Function \| triggered, when annotations are changed\|

		@@ -5,7 +5,7 @@ # Split Editor

		## Demo
		## Demo

		http://securingsincity.github.io/react-ace/split.html

		## Example Code
		## Example Code

		@@ -43,3 +43,3 @@ ```javascript
		\|splits\| 2 \| Number \| Number of views to have \|
		\|orientation\| 'beside' \| String \| The orientation of the splits either `beside` or `below` \|
		\|orientation\| 'beside' \| String \| The orientation of the splits either `beside` or `below` \|
		\|theme\| ''\| String \|theme to use\|
		@@ -72,2 +72,3 @@ \|value \| ''\| Array of Strings \| value you want to populate in each code editor\|
		\|onBlur\| \| Function \| triggered by editor `blur` event\|
		\|onInput\| \| Function \| triggered by editor `input` event\|
		\|onScroll\| \| Function \| triggered by editor `scroll` event\|
		@@ -74,0 +75,0 @@ \|editorProps\| \| Object \| properties to apply directly to the Ace editor instance\|

react-ace - npm Package Compare versions

New alerts

Fixed alerts

Improved metrics