├── jetbrains
    ├── IntelliJ IDEA Global Settings
    └── templates
    │   └── ReactJS.xml
├── settings.jar
├── src
    ├── doc.hbs
    ├── ReactJS.hbs
    ├── events.yaml
    └── template.yaml
├── .gitignore
├── package.json
├── LICENSE
└── README.md


/jetbrains/IntelliJ IDEA Global Settings:
--------------------------------------------------------------------------------
1 | 


--------------------------------------------------------------------------------
/settings.jar:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/minwe/jetbrains-react/HEAD/settings.jar


--------------------------------------------------------------------------------
/src/doc.hbs:
--------------------------------------------------------------------------------
1 | {{#each this}}
2 | ### `{{{name}}}`
3 | 
4 | ```js
5 | {{{tplRaw}}}
6 | ```
7 | 
8 | {{/each}}


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | # Logs
 2 | logs
 3 | *.log
 4 | 
 5 | # Runtime data
 6 | pids
 7 | *.pid
 8 | *.seed
 9 | 
10 | # Directory for instrumented libs generated by jscoverage/JSCover
11 | lib-cov
12 | 
13 | # Coverage directory used by tools like istanbul
14 | coverage
15 | 
16 | # Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
17 | .grunt
18 | 
19 | # node-waf configuration
20 | .lock-wscript
21 | 
22 | # Compiled binary addons (http://nodejs.org/api/addons.html)
23 | build/Release
24 | 
25 | # Dependency directory
26 | # https://www.npmjs.org/doc/misc/npm-faq.html#should-i-check-my-node_modules-folder-into-git
27 | node_modules
28 | 
29 | .idea
30 | 


--------------------------------------------------------------------------------
/src/ReactJS.hbs:
--------------------------------------------------------------------------------
 1 | <templateSet group="ReactJS">
 2 |   {{#each this}}
 3 |   <template
 4 |       name="{{name}}"
 5 |       value={{{tpl}}}
 6 |       description="{{{description}}}"
 7 |       toReformat="true"
 8 |       toShortenFQNames="true">{{#if variables}}{{#each variables}}
 9 |     <variable name="{{{name}}}" expression="{{{expression}}}" defaultValue="{{{defaultValue}}}" alwaysStopAt="true" />{{/each}}{{/if}}
10 |     <context>
11 |       <option name="JAVA_SCRIPT" value="true" />
12 |       <option name="JS_EXPRESSION" value="true" />
13 |       <option name="JSX_HTML" value="true" />
14 |       <option name="JS_STATEMENT" value="true" />
15 |     </context>
16 |   </template>
17 |   {{/each}}
18 | </templateSet>


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "jetbrains-react",
 3 |   "version": "4.0.1",
 4 |   "description": "React snippets(live templates) for JetBrains series editors.",
 5 |   "main": "index.js",
 6 |   "scripts": {
 7 |     "test": "echo \"Error: no test specified\" && exit 1",
 8 |     "jar": "jar cfvM settings.jar -C jetbrains templates jetbrains/IntelliJ\\ IDEA\\ Global\\ Settings",
 9 |     "build": "node build.js && npm run jar"
10 |   },
11 |   "repository": {
12 |     "type": "git",
13 |     "url": "git+https://github.com/Minwe/jetbrains-react.git"
14 |   },
15 |   "keywords": [
16 |     "JetBrains",
17 |     "React",
18 |     "live-templates",
19 |     "snippets"
20 |   ],
21 |   "author": "minwe <hegfirose@gmail.com>",
22 |   "license": "MIT",
23 |   "bugs": {
24 |     "url": "https://github.com/Minwe/jetbrains-react/issues"
25 |   },
26 |   "homepage": "https://github.com/Minwe/jetbrains-react#readme",
27 |   "devDependencies": {
28 |     "handlebars": "^4.0.6",
29 |     "js-yaml": "^3.8.3"
30 |   }
31 | }
32 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | The MIT License (MIT)
 2 | 
 3 | Copyright (c) 2015 Minwe LUO
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 
23 | 


--------------------------------------------------------------------------------
/src/events.yaml:
--------------------------------------------------------------------------------
 1 | # Clipboard Events
 2 | onCopy: oncp
 3 | onCut: onct
 4 | onPaste: onpt
 5 | 
 6 | # Composition Events
 7 | onCompositionEnd: oncpse
 8 | onCompositionStart: oncpss
 9 | onCompositionUpdate: oncpsu
10 | 
11 | # Keyboard Events
12 | onKeyDown: onkd
13 | onKeyPress: onps
14 | onKeyUp: onku
15 | 
16 | # Focus Events
17 | onFocus: onfs
18 | onBlur: onbl
19 | 
20 | # Form Events
21 | onChange: oncg
22 | onInput: onip
23 | onSubmit: onsb
24 | 
25 | # Mouse Events
26 | onClick: onc
27 | onContextMenu: oncm
28 | onDoubleClick: ondc
29 | onDrag: ondg
30 | onDragEnd: ondge
31 | onDragEnter: ondgetr
32 | onDragExit: ondget
33 | onDragLeave: ondgl
34 | onDragOver: ondgo
35 | onDragStart: ondgst
36 | onDrop: ondp
37 | onMouseDown: onmd
38 | onMouseEnter: onme
39 | onMouseLeave: onml
40 | onMouseMove: onmm
41 | onMouseOut: onmot
42 | onMouseOver: onmov
43 | onMouseUp: onmu
44 | 
45 | # Selection Events
46 | onSelect: onsl
47 | 
48 | # Touch Events
49 | onTouchCancel: ontc
50 | onTouchEnd: onte
51 | onTouchMove: ontm
52 | onTouchStart: onts
53 | 
54 | # UI Events
55 | onScroll: onsl
56 | 
57 | # Wheel Events
58 | onWheel: onwl
59 | 
60 | # Media Events
61 | onAbort: onabt
62 | onCanPlay: oncpl
63 | onCanPlayThrough: oncpt
64 | onDurationChange: ondc
65 | onEmptied: onempt
66 | onEncrypted: onekpt
67 | onEnded: onend
68 | # onError: onerr
69 | onLoadedData: onldd
70 | onLoadedMetadata: onldmd
71 | onLoadStart: onls
72 | onPause: onpaus
73 | onPlay: opl
74 | onPlaying: onplg
75 | onProgress: onpgs
76 | onRateChange: onrc
77 | onSeeked: onsked
78 | onSeeking: onskin
79 | onStalled: onstd
80 | onSuspend: onsupd
81 | onTimeUpdate: ontu
82 | onVolumeChange: onvc
83 | onWaiting: onwt
84 | 
85 | # Image Events
86 | onLoad: onld
87 | onError: onerr
88 | 
89 | # Animation Events
90 | onAnimationStart: onas
91 | onAnimationEnd: onae
92 | onAnimationIteration: onai
93 | 
94 | # Transition Events
95 | onTransitionEnd: ontse


--------------------------------------------------------------------------------
/src/template.yaml:
--------------------------------------------------------------------------------
  1 | # Create component
  2 | 
  3 | # https://babeljs.io/blog/2015/06/07/react-on-es6-plus
  4 | rcls:
  5 |   description: Create a React ES2015 class
  6 |   tpl: |
  7 |     import React, { Component } from 'react';
  8 |     import PropTypes from 'prop-types';
  9 | 
 10 |     class $COMPONENT$ extends Component {
 11 |       static defaultProps = {
 12 |         $START$
 13 |       };
 14 | 
 15 |       static propTypes = {
 16 |       };
 17 | 
 18 |       state = {
 19 |       };
 20 | 
 21 |       render() {
 22 |         return (
 23 |           <div>$END$</div>
 24 |         );
 25 |       }
 26 |     }
 27 | 
 28 |     export default $COMPONENT$;
 29 | 
 30 |   variables:
 31 |     - {name: 'COMPONENT', expression: 'fileNameWithoutExtension()'}
 32 | 
 33 | rpc:
 34 |   description: Create a PureComponent
 35 |   tpl: |
 36 |     import React, { PureComponent } from 'react';
 37 |     import PropTypes from 'prop-types';
 38 | 
 39 |     class $COMPONENT$ extends PureComponent {
 40 |       static defaultProps = {
 41 |         $START$
 42 |       };
 43 | 
 44 |       static propTypes = {
 45 |       };
 46 | 
 47 |       render() {
 48 |         return (
 49 |           <div>$END$</div>
 50 |         );
 51 |       }
 52 |     }
 53 | 
 54 |     export default $COMPONENT$;
 55 | 
 56 |   variables:
 57 |     - {name: 'COMPONENT', expression: 'fileNameWithoutExtension()'}
 58 | 
 59 | # Pure function component
 60 | # @see https://medium.com/@joshblack/stateless-components-in-react-0-14-f9798f8b992d#.qxyk0j6nc
 61 | # @see https://facebook.github.io/react/docs/reusable-components.html#stateless-functions
 62 | # @see https://facebook.github.io/react/blog/2015/09/10/react-v0.14-rc1.html#stateless-function-components
 63 | rpfc:
 64 |   description: Create a pure function component
 65 |   tpl:
 66 |     next: |
 67 |       import React from 'react';
 68 |       import PropTypes from 'prop-types';
 69 | 
 70 |       function $COMPONENT$($PARAMETER$) {
 71 |         return (
 72 |           <div>$END$</div>
 73 |         );
 74 |       }
 75 | 
 76 |       $COMPONENT$.propTypes = {};
 77 |       $COMPONENT$.defaultProps = {};
 78 | 
 79 |       export default $COMPONENT$;
 80 | 
 81 |     es5: |
 82 |       'use strict';
 83 | 
 84 |       var React = require('react');
 85 |       var PropTypes = require('prop-types');
 86 | 
 87 |       function $COMPONENT$($PARAMETER$) {
 88 |         return (
 89 |           <div>$END$</div>
 90 |         );
 91 |       }
 92 | 
 93 |       $COMPONENT$.propTypes = {};
 94 |       $COMPONENT$.defaultProps = {};
 95 | 
 96 |       module.exports = $COMPONENT$;
 97 | 
 98 |   variables:
 99 |     - {name: 'COMPONENT', expression: 'fileNameWithoutExtension()'}
100 |     - {name: 'PARAMETER', defaultValue: '&quot;props&quot;'}
101 | 
102 | rpfcaf:
103 |   description: Create a pure function component using arrow function
104 |   tpl: |
105 |     import React from 'react';
106 |     import PropTypes from 'prop-types';
107 | 
108 |     const $COMPONENT$ = ($PARAMETER$) => {
109 |       return (
110 |         <div>$END$</div>
111 |       );
112 |     };
113 | 
114 |     $COMPONENT$.propTypes = {};
115 |     $COMPONENT$.defaultProps = {};
116 | 
117 |     export default $COMPONENT$;
118 | 
119 |   variables:
120 |     - {name: 'COMPONENT', expression: 'fileNameWithoutExtension()'}
121 |     - {name: 'PARAMETER', defaultValue: '&quot;props&quot;'}
122 | 
123 | rcc:
124 |   description: Create a React.js component
125 |   tpl:
126 |     next: |
127 |       import React from 'react';
128 |       import createReactClass from 'create-react-class';
129 |       import PropTypes from 'prop-types';
130 | 
131 |       const $COMPONENT$ = createReactClass({
132 |         render() {
133 |           return (
134 |             <div>$END$</div>
135 |           );
136 |         }
137 |       });
138 | 
139 |       export default $COMPONENT$;
140 | 
141 |     es5: |
142 |       'use strict';
143 | 
144 |       var React = require('react');
145 |       var createReactClass = require('create-react-class');
146 |       var PropTypes = require('prop-types');
147 | 
148 |       var $COMPONENT$ = createReactClass({
149 |         render: function() {
150 |           return (
151 |             <div>$END$</div>
152 |           );
153 |         }
154 |       });
155 | 
156 |       module.exports = $COMPONENT$;
157 | 
158 |   variables:
159 |     - {name: 'COMPONENT', expression: 'fileNameWithoutExtension()'}
160 | 
161 | # Import react-dom
162 | rdom:
163 |   description: import ReactDOM
164 |   tpl:
165 |     next: |
166 |       import ReactDOM from 'react-dom';
167 |       $END$
168 | 
169 |     es5: |
170 |       var ReactDOM = require('react-dom');
171 |       $END$
172 | 
173 | # Nested component
174 | rccc:
175 |   description: Create a sub component
176 |   tpl: |
177 |     $START$ = createReactClass({
178 |       render: function() {
179 |         return (
180 |           $END$
181 |         );
182 |       }
183 |     });
184 | 
185 |   variables:
186 |     - {name: 'START'}
187 | 
188 | # cdm
189 | cdm:
190 |   description: componentDidMount
191 |   tpl: |
192 |     componentDidMount: function() {
193 |       $END$
194 |     },
195 | 
196 | # cdu
197 | cdu:
198 |   description: componentDidUpdate
199 |   tpl: |
200 |     componentDidUpdate: function(prevProps, prevState) {
201 |       $END$
202 |     },
203 | 
204 | # cwm
205 | cwm:
206 |   description: componentWillMount
207 |   tpl: |
208 |     componentWillMount: function() {
209 |       $END$
210 |     },
211 | 
212 | # UNSAFE_cwm
213 | uscwm:
214 |   description: UNSAFE_componentWillMount()
215 |   tpl: |
216 |     UNSAFE_componentWillMount: function() {
217 |       $END$
218 |     },
219 | 
220 | # cwr
221 | cwr:
222 |   description: componentWillReceiveProps
223 |   tpl: |
224 |     componentWillReceiveProps: function(nextProps) {
225 |       $END$
226 |     },
227 | 
228 | # UNSAFE_componentWillReceiveProps
229 | uscwr:
230 |   description: UNSAFE_componentWillReceiveProps
231 |   tpl: |
232 |     UNSAFE_componentWillReceiveProps: function(nextProps) {
233 |       $END$
234 |     },
235 | 
236 | # UNSAFE_componentWillUpdate
237 | uscwu:
238 |   description: UNSAFE_componentWillUpdate
239 |   tpl: |
240 |     UNSAFE_componentWillUpdate: function(nextProps, nextState) {
241 |       $END$
242 |     },
243 | 
244 | # cwu
245 | cwu:
246 |   description: componentWillUpdate
247 |   tpl: |
248 |     componentWillUpdate: function(nextProps, nextState) {
249 |       $END$
250 |     },
251 | 
252 | #cwum
253 | cwum:
254 |   description: componentWillUnmount
255 |   tpl: |
256 |     componentWillUnmount: function() {
257 |       $END$
258 |     },
259 | 
260 | # getSnapshotBeforeUpdate
261 | gsbu:
262 |   description: getSnapshotBeforeUpdate
263 |   tpl: |
264 |     getSnapshotBeforeUpdate: function(prevProps, prevState) {
265 |       $END$
266 |     },
267 | 
268 | # componentDidCatch
269 | cdc:
270 |   description: componentDidCatch
271 |   tpl: |
272 |     componentDidCatch: function() {
273 |       $END$
274 |     },
275 | 
276 | # displayName
277 | dn:
278 |   description: displayName
279 |   tpl: "displayName: '$END$',"
280 | 
281 | dnp:
282 |   description: displayName as a property
283 |   tpl: "$START$.displayName = '$END$';"
284 |   variables:
285 |     - {name: 'START'}
286 | 
287 | # ReactDOM.findDOMNode
288 | fdn:
289 |   description: findDOMNode
290 |   tpl: findDOMNode($END$);
291 | 
292 | rfdn:
293 |   description: ReactDOM.findDOMNode
294 |   tpl: ReactDOM.findDOMNode($END$);
295 | 
296 | rcp:
297 |   description: ReactDOM.createPortal
298 |   tpl: ReactDOM.createPortal($START$, $END$);
299 |   variables:
300 |     - {name: 'START'}
301 | 
302 | rhy:
303 |   description: ReactDOM.hydrate
304 |   tpl: ReactDOM.hydrate($START$, $END$);
305 |   variables:
306 |     - {name: 'START'}
307 | 
308 | rucan:
309 |   description: ReactDOM.unmountComponentAtNode
310 |   tpl: ReactDOM.unmountComponentAtNode($END$);
311 | 
312 | fup:
313 |   description: forceUpdate();
314 |   tpl: forceUpdate($END$);
315 | 
316 | #gdp
317 | gdp:
318 |   description: getDefaultProps
319 |   tpl: |
320 |     getDefaultProps: function() {
321 |       return {
322 |         $END$
323 |       };
324 |     },
325 | 
326 | # getInitialState
327 | gis:
328 |   description: getInitialState
329 |   tpl: |
330 |     getInitialState: function() {
331 |       return {
332 |         $START$: $END$
333 |       };
334 |     },
335 | 
336 |   variables:
337 |     - {name: 'START'}
338 | 
339 | # isMounted
340 | ism:
341 |   tpl: isMounted()
342 | 
343 | #
344 | props:
345 |   tpl: this.props
346 | 
347 | # destructuring props
348 | dprp:
349 |   tpl: const { $END$ } = this.props;
350 | 
351 | # set inner HTML
352 | dsih:
353 |   description: dangerouslySetInnerHTML
354 |   tpl: "dangerouslySetInnerHTML={{__html: '$END$'}}"
355 | 
356 | # propTypes
357 | pts:
358 |   description: propTypes
359 |   tpl: |
360 |     propTypes: {
361 |       $START$: PropTypes.$END$,
362 |     },
363 | 
364 |   variables:
365 |     - {name: 'START'}
366 | 
367 | # PropType
368 | pt:
369 |   description: PropTypes.
370 |   tpl: "$START$: PropTypes.$END$,"
371 |   variables:
372 |     - {name: 'START'}
373 | 
374 | refs:
375 |   tpl: this.refs.$END$
376 | 
377 | # render
378 | ren:
379 |   description: render()
380 |   tpl: |
381 |     render: function() {
382 |       return (
383 |         <div>$END$</div>
384 |       );
385 |     }
386 | 
387 | # shouldComponentUpdate
388 | scu:
389 |   description: shouldComponentUpdate
390 |   tpl: |
391 |     shouldComponentUpdate: function(nextProps, nextState) {
392 |       $END$
393 |     },
394 | 
395 | # sst
396 | sst:
397 |   description: this.setState
398 |   tpl: |
399 |     this.setState({
400 |       $START$: $END$,
401 |     });
402 |   variables:
403 |     - {name: 'START'}
404 | 
405 | # f sst
406 | fsst:
407 |   description: functional setState
408 |   tpl: |
409 |     this.setState((prevState) => {
410 |       return $END$;
411 |     });;
412 | 
413 | #
414 | state:
415 |   tpl: this.state.$END$
416 | 
417 | # destructuring state
418 | dst:
419 |   tpl: const { $END$ } = this.state;
420 | 
421 | # context
422 | ct:
423 |   description: contextTypes
424 |   tpl: |
425 |     contextTypes: {
426 |       $START$: PropTypes.$END$,
427 |     },
428 | 
429 |   variables:
430 |     - {name: 'START'}
431 | 
432 | # childContextTypes
433 | cct:
434 |   description: childContextTypes
435 |   tpl: |
436 |     childContextTypes: {
437 |       $START$: PropTypes.$END$,
438 |     },
439 | 
440 |   variables:
441 |     - {name: 'START'}
442 | 
443 | # this.context
444 | ctx:
445 |   description: this.context
446 |   tpl: this.context.$END$
447 | 
448 | # getChildContext
449 | gcc:
450 |   description: getChildContext
451 |   tpl: |
452 |     getChildContext: function() {
453 |       return {
454 |         $START$: $END$
455 |       };
456 |     },
457 | 
458 |   variables:
459 |     - {name: 'START'}
460 | 
461 | # state
462 | st:
463 |   description: state
464 |   tpl: |
465 |     state = {
466 |       $START$: $END$,
467 |     },
468 | 
469 |   variables:
470 |     - {name: 'START'}
471 | 
472 | # static
473 | # https://babeljs.io/blog/2015/06/07/react-on-es6-plus
474 | # https://facebook.github.io/react/blog/2015/01/27/react-v0.13.0-beta-1.html#es7-property-initializers
475 | # static propTypes
476 | sdn:
477 |   description: static displayName
478 |   tpl: static displayName = '$END$';
479 | 
480 | spt:
481 |   description: static propTypes
482 |   tpl: |
483 |     static propTypes = {
484 |       $START$: PropTypes.$END$,
485 |     };
486 | 
487 |   variables:
488 |     - {name: 'START'}
489 | 
490 | # static defaultProps
491 | sdp:
492 |   description: static defaultProps
493 |   tpl: |
494 |     static defaultProps = {
495 |       $START$: $END$,
496 |     };
497 | 
498 |   variables:
499 |     - {name: 'START'}
500 | 
501 | # static context
502 | sct:
503 |   description: static contextTypes
504 |   tpl: |
505 |     static contextTypes = {
506 |       $START$: PropTypes.$END$,
507 |     };
508 | 
509 |   variables:
510 |     - {name: 'START'}
511 | 
512 | # static childContextTypes
513 | scct:
514 |   description: static childContextTypes
515 |   tpl: |
516 |     static childContextTypes = {
517 |       $START$: PropTypes.$END$,
518 |     };
519 | 
520 |   variables:
521 |     - {name: 'START'}
522 | 
523 | # static getDerivedStateFromProps
524 | sgds:
525 |   description: static getDerivedStateFromProps
526 |   tpl: |
527 |     static getDerivedStateFromProps(nextProps, prevState) {
528 |       $END$
529 |     },
530 | 
531 | # constructor
532 | cstt:
533 |   description: constructor(props)
534 |   tpl: |
535 |     constructor(props$START$) {
536 |       super(props$END$);
537 |     }
538 | 
539 |   variables:
540 |     - {name: 'START'}
541 | 
542 | # transition add-on
543 | tsn:
544 |   description: transitionName
545 |   tpl: transitionName="$END$"
546 | 
547 | tsa:
548 |   description: transitionAppear
549 |   tpl: transitionAppear={$END$}
550 | 
551 | tse:
552 |   description: transitionEnter
553 |   tpl: transitionEnter={$END$}
554 | 
555 | tsl:
556 |   description: transitionLeave
557 |   tpl: transitionLeave={$END$}
558 | 
559 | tset:
560 |   description: transitionEnterTimeout
561 |   tpl: transitionEnterTimeout={$END$}
562 | 
563 | tslt:
564 |   description: transitionLeaveTimeout
565 |   tpl: transitionLeaveTimeout={$END$}
566 | 
567 | tsat:
568 |   description: transitionAppearTimeout
569 |   tpl: transitionAppearTimeout={$END$}
570 | 
571 | ### ReactDOMServer ###
572 | rdoms:
573 |   description: import ReactDOMServer
574 |   tpl:
575 |     next: |
576 |       import ReactDOMServer from 'react-dom/server';
577 |       $END$
578 | 
579 |     es5: |
580 |       var ReactDOMServer = require('react-dom/server');
581 |       $END$
582 | 
583 | rdsrts:
584 |   description: ReactDOMServer.renderToString
585 |   tpl: ReactDOMServer.renderToString($END$);
586 | 
587 | rdsrtsm:
588 |   description: ReactDOMServer.renderToStaticMarkup($END$)
589 |   tpl: ReactDOMServer.renderToString($END$);
590 | 
591 | rdsrtns:
592 |   description: ReactDOMServer.renderToNodeStream
593 |   tpl: ReactDOMServer.renderToNodeStream($END$);
594 | 
595 | rdsrtsns:
596 |   description: ReactDOMServer.renderToStaticNodeStream
597 |   tpl: ReactDOMServer.renderToStaticNodeStream($END$);
598 | 
599 | rsm:
600 |   description: React.StrictMode
601 |   tpl: |
602 |     <React.StrictMode>
603 |       $END$
604 |     </React.StrictMode>
605 | 
606 | # Fragments
607 | rf:
608 |   description: React.Fragment
609 |   tpl: |
610 |     <React.Fragment>
611 |       $END$
612 |     </React.Fragment>
613 | 
614 | # Fragments Short Syntax
615 | rfs:
616 |   description: React.Fragment
617 |   tpl: |
618 |     <>
619 |       $END$
620 |     </>
621 | 
622 | # Ref
623 | # createRef
624 | rcr:
625 |   description: React.createRef()
626 |   tpl: React.createRef();
627 | 
628 | # Forwarding Refs
629 | rfr:
630 |   description: React.forwardRef
631 |   tpl: |
632 |     React.forwardRef((props, ref) => {
633 |       return $END$;
634 |     });
635 | 
636 | #  Context
637 | rcctx:
638 |   description: React.createContext
639 |   tpl: |
640 |     const { Provider, Consumer } = React.createContext($END$);
641 | 
642 | ctxprvd:
643 |   description: React context Provider
644 |   tpl: |
645 |     <Provider value={$START$}>
646 |       $END$
647 |     </Provider>
648 |   variables:
649 |     - {name: 'START'}
650 | 
651 | ctxcsm:
652 |   description: React context Consumer
653 |   tpl: |
654 |     <Consumer>
655 |       {value => $END$}
656 |     </Consumer>
657 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
   1 | # jetbrains-react
   2 | 
   3 | React snippets([live templates](https://www.jetbrains.com/help/idea/2016.1/live-templates.html)) for JetBrains series editors (e.g. WebStorm, PHPStorm, IntelliJ IDEA, etc.), stolen from [sublime-react](https://github.com/reactjs/sublime-react) and [phpstorm-reactjs](https://github.com/geochatz/phpstorm-reactjs).
   4 | 
   5 | ## Installation
   6 | 
   7 | ### Import Automatically
   8 | 
   9 | 1. Download [**`settings.jar`**](https://github.com/minwe/jetbrains-react/raw/master/settings.jar);
  10 | 2. Click `File` -> `Importing Settings...` on your IDE menu, select `settings.jar`, then click `OK`.
  11 | 
  12 | ### Install Manually
  13 | 
  14 | 1. Download([save as...](https://raw.githubusercontent.com/minwe/jetbrains-react/master/jetbrains/templates/ReactJS.xml)) and copy the `jetbrains/templates/ReactJS.xml` file to your templates folder:
  15 | 
  16 |   - Windows: `<your home directory>\.<product name><version number>\config\templates`
  17 |   - Linux: `~\.<product name><version number>\config\templates`
  18 |   - OS X: `~/Library/Preferences/<product name><version number>/templates`
  19 | 
  20 |   e.g. `~/Library/Preferences/WebStorm10/templates` on OS X for WebStorm 10
  21 | 
  22 | 2. Restart your IDE.
  23 | 
  24 | 3. To see all templates, go to `Preferences` -> `Live Templates` and expand the `ReactJS` Template Group.
  25 | 
  26 | 
  27 | ## Usage
  28 | 
  29 | It's hard to remember shortcuts when there are a large number of options. A more efficient way is to take advantage of editor's Insert Live Template shortcut. Press `Cmd + J` and type as many letters as you want to filter the results.
  30 | 
  31 | For example, to create a new React class, type `rcc` and press `Tab` or press `Cmd + J` and write `rcc` or `React`.
  32 | 
  33 | **The WebStorm official blog post**:
  34 | 
  35 | - [Working with ReactJS in WebStorm: Coding Assistance](http://blog.jetbrains.com/webstorm/2015/10/working-with-reactjs-in-webstorm-coding-assistance/)
  36 | 
  37 | **Tips**:
  38 | - [How to enable spaces in ES6 imports between braces](http://stackoverflow.com/a/41920363/425256)
  39 | 
  40 | **Documentation of available snippets:**
  41 | 
  42 | <!--DOC_START-->
  43 | ### `rcls`
  44 | 
  45 | ```js
  46 | import React, { Component } from 'react';
  47 | import PropTypes from 'prop-types';
  48 | 
  49 | class $COMPONENT$ extends Component {
  50 |   static defaultProps = {
  51 |     $START$
  52 |   };
  53 | 
  54 |   static propTypes = {
  55 |   };
  56 | 
  57 |   state = {
  58 |   };
  59 | 
  60 |   render() {
  61 |     return (
  62 |       <div>$END$</div>
  63 |     );
  64 |   }
  65 | }
  66 | 
  67 | export default $COMPONENT$;
  68 | 
  69 | ```
  70 | 
  71 | ### `rpc`
  72 | 
  73 | ```js
  74 | import React, { PureComponent } from 'react';
  75 | import PropTypes from 'prop-types';
  76 | 
  77 | class $COMPONENT$ extends PureComponent {
  78 |   static defaultProps = {
  79 |     $START$
  80 |   };
  81 | 
  82 |   static propTypes = {
  83 |   };
  84 | 
  85 |   render() {
  86 |     return (
  87 |       <div>$END$</div>
  88 |     );
  89 |   }
  90 | }
  91 | 
  92 | export default $COMPONENT$;
  93 | 
  94 | ```
  95 | 
  96 | ### `rpfc`
  97 | 
  98 | ```js
  99 | import React from 'react';
 100 | import PropTypes from 'prop-types';
 101 | 
 102 | function $COMPONENT$($PARAMETER$) {
 103 |   return (
 104 |     <div>$END$</div>
 105 |   );
 106 | }
 107 | 
 108 | $COMPONENT$.propTypes = {};
 109 | $COMPONENT$.defaultProps = {};
 110 | 
 111 | export default $COMPONENT$;
 112 | 
 113 | ```
 114 | 
 115 | ### `rpfc5`
 116 | 
 117 | ```js
 118 | 'use strict';
 119 | 
 120 | var React = require('react');
 121 | var PropTypes = require('prop-types');
 122 | 
 123 | function $COMPONENT$($PARAMETER$) {
 124 |   return (
 125 |     <div>$END$</div>
 126 |   );
 127 | }
 128 | 
 129 | $COMPONENT$.propTypes = {};
 130 | $COMPONENT$.defaultProps = {};
 131 | 
 132 | module.exports = $COMPONENT$;
 133 | 
 134 | ```
 135 | 
 136 | ### `rpfcaf`
 137 | 
 138 | ```js
 139 | import React from 'react';
 140 | import PropTypes from 'prop-types';
 141 | 
 142 | const $COMPONENT$ = ($PARAMETER$) => {
 143 |   return (
 144 |     <div>$END$</div>
 145 |   );
 146 | };
 147 | 
 148 | $COMPONENT$.propTypes = {};
 149 | $COMPONENT$.defaultProps = {};
 150 | 
 151 | export default $COMPONENT$;
 152 | 
 153 | ```
 154 | 
 155 | ### `rcc`
 156 | 
 157 | ```js
 158 | import React from 'react';
 159 | import createReactClass from 'create-react-class';
 160 | import PropTypes from 'prop-types';
 161 | 
 162 | const $COMPONENT$ = createReactClass({
 163 |   render() {
 164 |     return (
 165 |       <div>$END$</div>
 166 |     );
 167 |   }
 168 | });
 169 | 
 170 | export default $COMPONENT$;
 171 | 
 172 | ```
 173 | 
 174 | ### `rcc5`
 175 | 
 176 | ```js
 177 | 'use strict';
 178 | 
 179 | var React = require('react');
 180 | var createReactClass = require('create-react-class');
 181 | var PropTypes = require('prop-types');
 182 | 
 183 | var $COMPONENT$ = createReactClass({
 184 |   render: function() {
 185 |     return (
 186 |       <div>$END$</div>
 187 |     );
 188 |   }
 189 | });
 190 | 
 191 | module.exports = $COMPONENT$;
 192 | 
 193 | ```
 194 | 
 195 | ### `rdom`
 196 | 
 197 | ```js
 198 | import ReactDOM from 'react-dom';
 199 | $END$
 200 | 
 201 | ```
 202 | 
 203 | ### `rdom5`
 204 | 
 205 | ```js
 206 | var ReactDOM = require('react-dom');
 207 | $END$
 208 | 
 209 | ```
 210 | 
 211 | ### `rccc`
 212 | 
 213 | ```js
 214 | $START$ = createReactClass({
 215 |   render() {
 216 |     return (
 217 |       $END$
 218 |     );
 219 |   }
 220 | });
 221 | 
 222 | ```
 223 | 
 224 | ### `rccc5`
 225 | 
 226 | ```js
 227 | $START$ = createReactClass({
 228 |   render: function() {
 229 |     return (
 230 |       $END$
 231 |     );
 232 |   }
 233 | });
 234 | 
 235 | ```
 236 | 
 237 | ### `cdm`
 238 | 
 239 | ```js
 240 | componentDidMount() {
 241 |   $END$
 242 | }
 243 | 
 244 | ```
 245 | 
 246 | ### `cdm5`
 247 | 
 248 | ```js
 249 | componentDidMount: function() {
 250 |   $END$
 251 | },
 252 | 
 253 | ```
 254 | 
 255 | ### `cdu`
 256 | 
 257 | ```js
 258 | componentDidUpdate(prevProps, prevState) {
 259 |   $END$
 260 | }
 261 | 
 262 | ```
 263 | 
 264 | ### `cdu5`
 265 | 
 266 | ```js
 267 | componentDidUpdate: function(prevProps, prevState) {
 268 |   $END$
 269 | },
 270 | 
 271 | ```
 272 | 
 273 | ### `cwm`
 274 | 
 275 | ```js
 276 | componentWillMount() {
 277 |   $END$
 278 | }
 279 | 
 280 | ```
 281 | 
 282 | ### `cwm5`
 283 | 
 284 | ```js
 285 | componentWillMount: function() {
 286 |   $END$
 287 | },
 288 | 
 289 | ```
 290 | 
 291 | ### `uscwm`
 292 | 
 293 | ```js
 294 | UNSAFE_componentWillMount() {
 295 |   $END$
 296 | }
 297 | 
 298 | ```
 299 | 
 300 | ### `uscwm5`
 301 | 
 302 | ```js
 303 | UNSAFE_componentWillMount: function() {
 304 |   $END$
 305 | },
 306 | 
 307 | ```
 308 | 
 309 | ### `cwr`
 310 | 
 311 | ```js
 312 | componentWillReceiveProps(nextProps) {
 313 |   $END$
 314 | }
 315 | 
 316 | ```
 317 | 
 318 | ### `cwr5`
 319 | 
 320 | ```js
 321 | componentWillReceiveProps: function(nextProps) {
 322 |   $END$
 323 | },
 324 | 
 325 | ```
 326 | 
 327 | ### `uscwr`
 328 | 
 329 | ```js
 330 | UNSAFE_componentWillReceiveProps(nextProps) {
 331 |   $END$
 332 | }
 333 | 
 334 | ```
 335 | 
 336 | ### `uscwr5`
 337 | 
 338 | ```js
 339 | UNSAFE_componentWillReceiveProps: function(nextProps) {
 340 |   $END$
 341 | },
 342 | 
 343 | ```
 344 | 
 345 | ### `uscwu`
 346 | 
 347 | ```js
 348 | UNSAFE_componentWillUpdate(nextProps, nextState) {
 349 |   $END$
 350 | }
 351 | 
 352 | ```
 353 | 
 354 | ### `uscwu5`
 355 | 
 356 | ```js
 357 | UNSAFE_componentWillUpdate: function(nextProps, nextState) {
 358 |   $END$
 359 | },
 360 | 
 361 | ```
 362 | 
 363 | ### `cwu`
 364 | 
 365 | ```js
 366 | componentWillUpdate(nextProps, nextState) {
 367 |   $END$
 368 | }
 369 | 
 370 | ```
 371 | 
 372 | ### `cwu5`
 373 | 
 374 | ```js
 375 | componentWillUpdate: function(nextProps, nextState) {
 376 |   $END$
 377 | },
 378 | 
 379 | ```
 380 | 
 381 | ### `cwum`
 382 | 
 383 | ```js
 384 | componentWillUnmount() {
 385 |   $END$
 386 | }
 387 | 
 388 | ```
 389 | 
 390 | ### `cwum5`
 391 | 
 392 | ```js
 393 | componentWillUnmount: function() {
 394 |   $END$
 395 | },
 396 | 
 397 | ```
 398 | 
 399 | ### `gsbu`
 400 | 
 401 | ```js
 402 | getSnapshotBeforeUpdate(prevProps, prevState) {
 403 |   $END$
 404 | }
 405 | 
 406 | ```
 407 | 
 408 | ### `gsbu5`
 409 | 
 410 | ```js
 411 | getSnapshotBeforeUpdate: function(prevProps, prevState) {
 412 |   $END$
 413 | },
 414 | 
 415 | ```
 416 | 
 417 | ### `cdc`
 418 | 
 419 | ```js
 420 | componentDidCatch() {
 421 |   $END$
 422 | }
 423 | 
 424 | ```
 425 | 
 426 | ### `cdc5`
 427 | 
 428 | ```js
 429 | componentDidCatch: function() {
 430 |   $END$
 431 | },
 432 | 
 433 | ```
 434 | 
 435 | ### `dn`
 436 | 
 437 | ```js
 438 | displayName: '$END$',
 439 | ```
 440 | 
 441 | ### `dnp`
 442 | 
 443 | ```js
 444 | $START$.displayName = '$END$';
 445 | ```
 446 | 
 447 | ### `fdn`
 448 | 
 449 | ```js
 450 | findDOMNode($END$);
 451 | ```
 452 | 
 453 | ### `rfdn`
 454 | 
 455 | ```js
 456 | ReactDOM.findDOMNode($END$);
 457 | ```
 458 | 
 459 | ### `rcp`
 460 | 
 461 | ```js
 462 | ReactDOM.createPortal($START$, $END$);
 463 | ```
 464 | 
 465 | ### `rhy`
 466 | 
 467 | ```js
 468 | ReactDOM.hydrate($START$, $END$);
 469 | ```
 470 | 
 471 | ### `rucan`
 472 | 
 473 | ```js
 474 | ReactDOM.unmountComponentAtNode($END$);
 475 | ```
 476 | 
 477 | ### `fup`
 478 | 
 479 | ```js
 480 | forceUpdate($END$);
 481 | ```
 482 | 
 483 | ### `gdp`
 484 | 
 485 | ```js
 486 | getDefaultProps() {
 487 |   return {
 488 |     $END$
 489 |   };
 490 | }
 491 | 
 492 | ```
 493 | 
 494 | ### `gdp5`
 495 | 
 496 | ```js
 497 | getDefaultProps: function() {
 498 |   return {
 499 |     $END$
 500 |   };
 501 | },
 502 | 
 503 | ```
 504 | 
 505 | ### `gis`
 506 | 
 507 | ```js
 508 | getInitialState() {
 509 |   return {
 510 |     $START$: $END$
 511 |   };
 512 | }
 513 | 
 514 | ```
 515 | 
 516 | ### `gis5`
 517 | 
 518 | ```js
 519 | getInitialState: function() {
 520 |   return {
 521 |     $START$: $END$
 522 |   };
 523 | },
 524 | 
 525 | ```
 526 | 
 527 | ### `ism`
 528 | 
 529 | ```js
 530 | isMounted()
 531 | ```
 532 | 
 533 | ### `props`
 534 | 
 535 | ```js
 536 | this.props
 537 | ```
 538 | 
 539 | ### `dprp`
 540 | 
 541 | ```js
 542 | const { $END$ } = this.props;
 543 | ```
 544 | 
 545 | ### `dsih`
 546 | 
 547 | ```js
 548 | dangerouslySetInnerHTML={{__html: '$END$'}}
 549 | ```
 550 | 
 551 | ### `pts`
 552 | 
 553 | ```js
 554 | propTypes: {
 555 |   $START$: PropTypes.$END$,
 556 | },
 557 | 
 558 | ```
 559 | 
 560 | ### `pt`
 561 | 
 562 | ```js
 563 | $START$: PropTypes.$END$,
 564 | ```
 565 | 
 566 | ### `refs`
 567 | 
 568 | ```js
 569 | this.refs.$END$
 570 | ```
 571 | 
 572 | ### `ren`
 573 | 
 574 | ```js
 575 | render() {
 576 |   return (
 577 |     <div>$END$</div>
 578 |   );
 579 | }
 580 | 
 581 | ```
 582 | 
 583 | ### `ren5`
 584 | 
 585 | ```js
 586 | render: function() {
 587 |   return (
 588 |     <div>$END$</div>
 589 |   );
 590 | }
 591 | 
 592 | ```
 593 | 
 594 | ### `scu`
 595 | 
 596 | ```js
 597 | shouldComponentUpdate(nextProps, nextState) {
 598 |   $END$
 599 | }
 600 | 
 601 | ```
 602 | 
 603 | ### `scu5`
 604 | 
 605 | ```js
 606 | shouldComponentUpdate: function(nextProps, nextState) {
 607 |   $END$
 608 | },
 609 | 
 610 | ```
 611 | 
 612 | ### `sst`
 613 | 
 614 | ```js
 615 | this.setState({
 616 |   $START$: $END$,
 617 | });
 618 | 
 619 | ```
 620 | 
 621 | ### `fsst`
 622 | 
 623 | ```js
 624 | this.setState((prevState) => {
 625 |   return $END$;
 626 | });;
 627 | 
 628 | ```
 629 | 
 630 | ### `state`
 631 | 
 632 | ```js
 633 | this.state.$END$
 634 | ```
 635 | 
 636 | ### `dst`
 637 | 
 638 | ```js
 639 | const { $END$ } = this.state;
 640 | ```
 641 | 
 642 | ### `ct`
 643 | 
 644 | ```js
 645 | contextTypes: {
 646 |   $START$: PropTypes.$END$,
 647 | },
 648 | 
 649 | ```
 650 | 
 651 | ### `cct`
 652 | 
 653 | ```js
 654 | childContextTypes: {
 655 |   $START$: PropTypes.$END$,
 656 | },
 657 | 
 658 | ```
 659 | 
 660 | ### `ctx`
 661 | 
 662 | ```js
 663 | this.context.$END$
 664 | ```
 665 | 
 666 | ### `gcc`
 667 | 
 668 | ```js
 669 | getChildContext() {
 670 |   return {
 671 |     $START$: $END$
 672 |   };
 673 | }
 674 | 
 675 | ```
 676 | 
 677 | ### `gcc5`
 678 | 
 679 | ```js
 680 | getChildContext: function() {
 681 |   return {
 682 |     $START$: $END$
 683 |   };
 684 | },
 685 | 
 686 | ```
 687 | 
 688 | ### `st`
 689 | 
 690 | ```js
 691 | state = {
 692 |   $START$: $END$,
 693 | },
 694 | 
 695 | ```
 696 | 
 697 | ### `sdn`
 698 | 
 699 | ```js
 700 | static displayName = '$END$';
 701 | ```
 702 | 
 703 | ### `spt`
 704 | 
 705 | ```js
 706 | static propTypes = {
 707 |   $START$: PropTypes.$END$,
 708 | };
 709 | 
 710 | ```
 711 | 
 712 | ### `sdp`
 713 | 
 714 | ```js
 715 | static defaultProps = {
 716 |   $START$: $END$,
 717 | };
 718 | 
 719 | ```
 720 | 
 721 | ### `sct`
 722 | 
 723 | ```js
 724 | static contextTypes = {
 725 |   $START$: PropTypes.$END$,
 726 | };
 727 | 
 728 | ```
 729 | 
 730 | ### `scct`
 731 | 
 732 | ```js
 733 | static childContextTypes = {
 734 |   $START$: PropTypes.$END$,
 735 | };
 736 | 
 737 | ```
 738 | 
 739 | ### `sgds`
 740 | 
 741 | ```js
 742 | static getDerivedStateFromProps(nextProps, prevState) {
 743 |   $END$
 744 | },
 745 | 
 746 | ```
 747 | 
 748 | ### `cstt`
 749 | 
 750 | ```js
 751 | constructor(props$START$) {
 752 |   super(props$END$);
 753 | }
 754 | 
 755 | ```
 756 | 
 757 | ### `tsn`
 758 | 
 759 | ```js
 760 | transitionName="$END$"
 761 | ```
 762 | 
 763 | ### `tsa`
 764 | 
 765 | ```js
 766 | transitionAppear={$END$}
 767 | ```
 768 | 
 769 | ### `tse`
 770 | 
 771 | ```js
 772 | transitionEnter={$END$}
 773 | ```
 774 | 
 775 | ### `tsl`
 776 | 
 777 | ```js
 778 | transitionLeave={$END$}
 779 | ```
 780 | 
 781 | ### `tset`
 782 | 
 783 | ```js
 784 | transitionEnterTimeout={$END$}
 785 | ```
 786 | 
 787 | ### `tslt`
 788 | 
 789 | ```js
 790 | transitionLeaveTimeout={$END$}
 791 | ```
 792 | 
 793 | ### `tsat`
 794 | 
 795 | ```js
 796 | transitionAppearTimeout={$END$}
 797 | ```
 798 | 
 799 | ### `rdoms`
 800 | 
 801 | ```js
 802 | import ReactDOMServer from 'react-dom/server';
 803 | $END$
 804 | 
 805 | ```
 806 | 
 807 | ### `rdoms5`
 808 | 
 809 | ```js
 810 | var ReactDOMServer = require('react-dom/server');
 811 | $END$
 812 | 
 813 | ```
 814 | 
 815 | ### `rdsrts`
 816 | 
 817 | ```js
 818 | ReactDOMServer.renderToString($END$);
 819 | ```
 820 | 
 821 | ### `rdsrtsm`
 822 | 
 823 | ```js
 824 | ReactDOMServer.renderToString($END$);
 825 | ```
 826 | 
 827 | ### `rdsrtns`
 828 | 
 829 | ```js
 830 | ReactDOMServer.renderToNodeStream($END$);
 831 | ```
 832 | 
 833 | ### `rdsrtsns`
 834 | 
 835 | ```js
 836 | ReactDOMServer.renderToStaticNodeStream($END$);
 837 | ```
 838 | 
 839 | ### `rsm`
 840 | 
 841 | ```js
 842 | <React.StrictMode>
 843 |   $END$
 844 | </React.StrictMode>
 845 | 
 846 | ```
 847 | 
 848 | ### `rf`
 849 | 
 850 | ```js
 851 | <React.Fragment>
 852 |   $END$
 853 | </React.Fragment>
 854 | 
 855 | ```
 856 | 
 857 | ### `rfs`
 858 | 
 859 | ```js
 860 | <>
 861 |   $END$
 862 | </>
 863 | 
 864 | ```
 865 | 
 866 | ### `rcr`
 867 | 
 868 | ```js
 869 | React.createRef();
 870 | ```
 871 | 
 872 | ### `rfr`
 873 | 
 874 | ```js
 875 | React.forwardRef((props, ref) => {
 876 |   return $END$;
 877 | });
 878 | 
 879 | ```
 880 | 
 881 | ### `rcctx`
 882 | 
 883 | ```js
 884 | const { Provider, Consumer } = React.createContext($END$);
 885 | 
 886 | ```
 887 | 
 888 | ### `ctxprvd`
 889 | 
 890 | ```js
 891 | <Provider value={$START$}>
 892 |   $END$
 893 | </Provider>
 894 | 
 895 | ```
 896 | 
 897 | ### `ctxcsm`
 898 | 
 899 | ```js
 900 | <Consumer>
 901 |   {value => $END$}
 902 | </Consumer>
 903 | 
 904 | ```
 905 | 
 906 | ### `oncp`
 907 | 
 908 | ```js
 909 | onCopy={$END$}
 910 | ```
 911 | 
 912 | ### `onct`
 913 | 
 914 | ```js
 915 | onCut={$END$}
 916 | ```
 917 | 
 918 | ### `onpt`
 919 | 
 920 | ```js
 921 | onPaste={$END$}
 922 | ```
 923 | 
 924 | ### `oncpse`
 925 | 
 926 | ```js
 927 | onCompositionEnd={$END$}
 928 | ```
 929 | 
 930 | ### `oncpss`
 931 | 
 932 | ```js
 933 | onCompositionStart={$END$}
 934 | ```
 935 | 
 936 | ### `oncpsu`
 937 | 
 938 | ```js
 939 | onCompositionUpdate={$END$}
 940 | ```
 941 | 
 942 | ### `onkd`
 943 | 
 944 | ```js
 945 | onKeyDown={$END$}
 946 | ```
 947 | 
 948 | ### `onps`
 949 | 
 950 | ```js
 951 | onKeyPress={$END$}
 952 | ```
 953 | 
 954 | ### `onku`
 955 | 
 956 | ```js
 957 | onKeyUp={$END$}
 958 | ```
 959 | 
 960 | ### `onfs`
 961 | 
 962 | ```js
 963 | onFocus={$END$}
 964 | ```
 965 | 
 966 | ### `onbl`
 967 | 
 968 | ```js
 969 | onBlur={$END$}
 970 | ```
 971 | 
 972 | ### `oncg`
 973 | 
 974 | ```js
 975 | onChange={$END$}
 976 | ```
 977 | 
 978 | ### `onip`
 979 | 
 980 | ```js
 981 | onInput={$END$}
 982 | ```
 983 | 
 984 | ### `onsb`
 985 | 
 986 | ```js
 987 | onSubmit={$END$}
 988 | ```
 989 | 
 990 | ### `onc`
 991 | 
 992 | ```js
 993 | onClick={$END$}
 994 | ```
 995 | 
 996 | ### `oncm`
 997 | 
 998 | ```js
 999 | onContextMenu={$END$}
1000 | ```
1001 | 
1002 | ### `ondc`
1003 | 
1004 | ```js
1005 | onDoubleClick={$END$}
1006 | ```
1007 | 
1008 | ### `ondg`
1009 | 
1010 | ```js
1011 | onDrag={$END$}
1012 | ```
1013 | 
1014 | ### `ondge`
1015 | 
1016 | ```js
1017 | onDragEnd={$END$}
1018 | ```
1019 | 
1020 | ### `ondgetr`
1021 | 
1022 | ```js
1023 | onDragEnter={$END$}
1024 | ```
1025 | 
1026 | ### `ondget`
1027 | 
1028 | ```js
1029 | onDragExit={$END$}
1030 | ```
1031 | 
1032 | ### `ondgl`
1033 | 
1034 | ```js
1035 | onDragLeave={$END$}
1036 | ```
1037 | 
1038 | ### `ondgo`
1039 | 
1040 | ```js
1041 | onDragOver={$END$}
1042 | ```
1043 | 
1044 | ### `ondgst`
1045 | 
1046 | ```js
1047 | onDragStart={$END$}
1048 | ```
1049 | 
1050 | ### `ondp`
1051 | 
1052 | ```js
1053 | onDrop={$END$}
1054 | ```
1055 | 
1056 | ### `onmd`
1057 | 
1058 | ```js
1059 | onMouseDown={$END$}
1060 | ```
1061 | 
1062 | ### `onme`
1063 | 
1064 | ```js
1065 | onMouseEnter={$END$}
1066 | ```
1067 | 
1068 | ### `onml`
1069 | 
1070 | ```js
1071 | onMouseLeave={$END$}
1072 | ```
1073 | 
1074 | ### `onmm`
1075 | 
1076 | ```js
1077 | onMouseMove={$END$}
1078 | ```
1079 | 
1080 | ### `onmot`
1081 | 
1082 | ```js
1083 | onMouseOut={$END$}
1084 | ```
1085 | 
1086 | ### `onmov`
1087 | 
1088 | ```js
1089 | onMouseOver={$END$}
1090 | ```
1091 | 
1092 | ### `onmu`
1093 | 
1094 | ```js
1095 | onMouseUp={$END$}
1096 | ```
1097 | 
1098 | ### `onsl`
1099 | 
1100 | ```js
1101 | onSelect={$END$}
1102 | ```
1103 | 
1104 | ### `ontc`
1105 | 
1106 | ```js
1107 | onTouchCancel={$END$}
1108 | ```
1109 | 
1110 | ### `onte`
1111 | 
1112 | ```js
1113 | onTouchEnd={$END$}
1114 | ```
1115 | 
1116 | ### `ontm`
1117 | 
1118 | ```js
1119 | onTouchMove={$END$}
1120 | ```
1121 | 
1122 | ### `onts`
1123 | 
1124 | ```js
1125 | onTouchStart={$END$}
1126 | ```
1127 | 
1128 | ### `onsl`
1129 | 
1130 | ```js
1131 | onScroll={$END$}
1132 | ```
1133 | 
1134 | ### `onwl`
1135 | 
1136 | ```js
1137 | onWheel={$END$}
1138 | ```
1139 | 
1140 | ### `onabt`
1141 | 
1142 | ```js
1143 | onAbort={$END$}
1144 | ```
1145 | 
1146 | ### `oncpl`
1147 | 
1148 | ```js
1149 | onCanPlay={$END$}
1150 | ```
1151 | 
1152 | ### `oncpt`
1153 | 
1154 | ```js
1155 | onCanPlayThrough={$END$}
1156 | ```
1157 | 
1158 | ### `ondc`
1159 | 
1160 | ```js
1161 | onDurationChange={$END$}
1162 | ```
1163 | 
1164 | ### `onempt`
1165 | 
1166 | ```js
1167 | onEmptied={$END$}
1168 | ```
1169 | 
1170 | ### `onekpt`
1171 | 
1172 | ```js
1173 | onEncrypted={$END$}
1174 | ```
1175 | 
1176 | ### `onend`
1177 | 
1178 | ```js
1179 | onEnded={$END$}
1180 | ```
1181 | 
1182 | ### `onldd`
1183 | 
1184 | ```js
1185 | onLoadedData={$END$}
1186 | ```
1187 | 
1188 | ### `onldmd`
1189 | 
1190 | ```js
1191 | onLoadedMetadata={$END$}
1192 | ```
1193 | 
1194 | ### `onls`
1195 | 
1196 | ```js
1197 | onLoadStart={$END$}
1198 | ```
1199 | 
1200 | ### `onpaus`
1201 | 
1202 | ```js
1203 | onPause={$END$}
1204 | ```
1205 | 
1206 | ### `opl`
1207 | 
1208 | ```js
1209 | onPlay={$END$}
1210 | ```
1211 | 
1212 | ### `onplg`
1213 | 
1214 | ```js
1215 | onPlaying={$END$}
1216 | ```
1217 | 
1218 | ### `onpgs`
1219 | 
1220 | ```js
1221 | onProgress={$END$}
1222 | ```
1223 | 
1224 | ### `onrc`
1225 | 
1226 | ```js
1227 | onRateChange={$END$}
1228 | ```
1229 | 
1230 | ### `onsked`
1231 | 
1232 | ```js
1233 | onSeeked={$END$}
1234 | ```
1235 | 
1236 | ### `onskin`
1237 | 
1238 | ```js
1239 | onSeeking={$END$}
1240 | ```
1241 | 
1242 | ### `onstd`
1243 | 
1244 | ```js
1245 | onStalled={$END$}
1246 | ```
1247 | 
1248 | ### `onsupd`
1249 | 
1250 | ```js
1251 | onSuspend={$END$}
1252 | ```
1253 | 
1254 | ### `ontu`
1255 | 
1256 | ```js
1257 | onTimeUpdate={$END$}
1258 | ```
1259 | 
1260 | ### `onvc`
1261 | 
1262 | ```js
1263 | onVolumeChange={$END$}
1264 | ```
1265 | 
1266 | ### `onwt`
1267 | 
1268 | ```js
1269 | onWaiting={$END$}
1270 | ```
1271 | 
1272 | ### `onld`
1273 | 
1274 | ```js
1275 | onLoad={$END$}
1276 | ```
1277 | 
1278 | ### `onerr`
1279 | 
1280 | ```js
1281 | onError={$END$}
1282 | ```
1283 | 
1284 | ### `onas`
1285 | 
1286 | ```js
1287 | onAnimationStart={$END$}
1288 | ```
1289 | 
1290 | ### `onae`
1291 | 
1292 | ```js
1293 | onAnimationEnd={$END$}
1294 | ```
1295 | 
1296 | ### `onai`
1297 | 
1298 | ```js
1299 | onAnimationIteration={$END$}
1300 | ```
1301 | 
1302 | ### `ontse`
1303 | 
1304 | ```js
1305 | onTransitionEnd={$END$}
1306 | ```
1307 | 
1308 | 
1309 | <!--DOC_END-->
1310 | 


--------------------------------------------------------------------------------
/jetbrains/templates/ReactJS.xml:
--------------------------------------------------------------------------------
   1 | <templateSet group="ReactJS">
   2 |   <template
   3 |       name="rcls"
   4 |       value="import React, { Component } from &apos;react&apos;;&#10;import PropTypes from &apos;prop-types&apos;;&#10;&#10;class $COMPONENT$ extends Component {&#10;  static defaultProps = {&#10;    $START$&#10;  };&#10;&#10;  static propTypes = {&#10;  };&#10;&#10;  state = {&#10;  };&#10;&#10;  render() {&#10;    return (&#10;      &lt;div&gt;$END$&lt;/div&gt;&#10;    );&#10;  }&#10;}&#10;&#10;export default $COMPONENT$;&#10;"
   5 |       description="React: Create a React ES2015 class"
   6 |       toReformat="true"
   7 |       toShortenFQNames="true">
   8 |     <variable name="COMPONENT" expression="fileNameWithoutExtension()" defaultValue="" alwaysStopAt="true" />
   9 |     <context>
  10 |       <option name="JAVA_SCRIPT" value="true" />
  11 |       <option name="JS_EXPRESSION" value="true" />
  12 |       <option name="JSX_HTML" value="true" />
  13 |       <option name="JS_STATEMENT" value="true" />
  14 |     </context>
  15 |   </template>
  16 |   <template
  17 |       name="rpc"
  18 |       value="import React, { PureComponent } from &apos;react&apos;;&#10;import PropTypes from &apos;prop-types&apos;;&#10;&#10;class $COMPONENT$ extends PureComponent {&#10;  static defaultProps = {&#10;    $START$&#10;  };&#10;&#10;  static propTypes = {&#10;  };&#10;&#10;  render() {&#10;    return (&#10;      &lt;div&gt;$END$&lt;/div&gt;&#10;    );&#10;  }&#10;}&#10;&#10;export default $COMPONENT$;&#10;"
  19 |       description="React: Create a PureComponent"
  20 |       toReformat="true"
  21 |       toShortenFQNames="true">
  22 |     <variable name="COMPONENT" expression="fileNameWithoutExtension()" defaultValue="" alwaysStopAt="true" />
  23 |     <context>
  24 |       <option name="JAVA_SCRIPT" value="true" />
  25 |       <option name="JS_EXPRESSION" value="true" />
  26 |       <option name="JSX_HTML" value="true" />
  27 |       <option name="JS_STATEMENT" value="true" />
  28 |     </context>
  29 |   </template>
  30 |   <template
  31 |       name="rpfc"
  32 |       value="import React from &apos;react&apos;;&#10;import PropTypes from &apos;prop-types&apos;;&#10;&#10;function $COMPONENT$($PARAMETER$) {&#10;  return (&#10;    &lt;div&gt;$END$&lt;/div&gt;&#10;  );&#10;}&#10;&#10;$COMPONENT$.propTypes = {};&#10;$COMPONENT$.defaultProps = {};&#10;&#10;export default $COMPONENT$;&#10;"
  33 |       description="React: Create a pure function component"
  34 |       toReformat="true"
  35 |       toShortenFQNames="true">
  36 |     <variable name="COMPONENT" expression="fileNameWithoutExtension()" defaultValue="" alwaysStopAt="true" />
  37 |     <variable name="PARAMETER" expression="" defaultValue="&quot;props&quot;" alwaysStopAt="true" />
  38 |     <context>
  39 |       <option name="JAVA_SCRIPT" value="true" />
  40 |       <option name="JS_EXPRESSION" value="true" />
  41 |       <option name="JSX_HTML" value="true" />
  42 |       <option name="JS_STATEMENT" value="true" />
  43 |     </context>
  44 |   </template>
  45 |   <template
  46 |       name="rpfc5"
  47 |       value="&apos;use strict&apos;;&#10;&#10;var React = require(&apos;react&apos;);&#10;var PropTypes = require(&apos;prop-types&apos;);&#10;&#10;function $COMPONENT$($PARAMETER$) {&#10;  return (&#10;    &lt;div&gt;$END$&lt;/div&gt;&#10;  );&#10;}&#10;&#10;$COMPONENT$.propTypes = {};&#10;$COMPONENT$.defaultProps = {};&#10;&#10;module.exports = $COMPONENT$;&#10;"
  48 |       description="React: Create a pure function component"
  49 |       toReformat="true"
  50 |       toShortenFQNames="true">
  51 |     <variable name="COMPONENT" expression="fileNameWithoutExtension()" defaultValue="" alwaysStopAt="true" />
  52 |     <variable name="PARAMETER" expression="" defaultValue="&quot;props&quot;" alwaysStopAt="true" />
  53 |     <context>
  54 |       <option name="JAVA_SCRIPT" value="true" />
  55 |       <option name="JS_EXPRESSION" value="true" />
  56 |       <option name="JSX_HTML" value="true" />
  57 |       <option name="JS_STATEMENT" value="true" />
  58 |     </context>
  59 |   </template>
  60 |   <template
  61 |       name="rpfcaf"
  62 |       value="import React from &apos;react&apos;;&#10;import PropTypes from &apos;prop-types&apos;;&#10;&#10;const $COMPONENT$ = ($PARAMETER$) =&gt; {&#10;  return (&#10;    &lt;div&gt;$END$&lt;/div&gt;&#10;  );&#10;};&#10;&#10;$COMPONENT$.propTypes = {};&#10;$COMPONENT$.defaultProps = {};&#10;&#10;export default $COMPONENT$;&#10;"
  63 |       description="React: Create a pure function component using arrow function"
  64 |       toReformat="true"
  65 |       toShortenFQNames="true">
  66 |     <variable name="COMPONENT" expression="fileNameWithoutExtension()" defaultValue="" alwaysStopAt="true" />
  67 |     <variable name="PARAMETER" expression="" defaultValue="&quot;props&quot;" alwaysStopAt="true" />
  68 |     <context>
  69 |       <option name="JAVA_SCRIPT" value="true" />
  70 |       <option name="JS_EXPRESSION" value="true" />
  71 |       <option name="JSX_HTML" value="true" />
  72 |       <option name="JS_STATEMENT" value="true" />
  73 |     </context>
  74 |   </template>
  75 |   <template
  76 |       name="rcc"
  77 |       value="import React from &apos;react&apos;;&#10;import createReactClass from &apos;create-react-class&apos;;&#10;import PropTypes from &apos;prop-types&apos;;&#10;&#10;const $COMPONENT$ = createReactClass({&#10;  render() {&#10;    return (&#10;      &lt;div&gt;$END$&lt;/div&gt;&#10;    );&#10;  }&#10;});&#10;&#10;export default $COMPONENT$;&#10;"
  78 |       description="React: Create a React.js component"
  79 |       toReformat="true"
  80 |       toShortenFQNames="true">
  81 |     <variable name="COMPONENT" expression="fileNameWithoutExtension()" defaultValue="" alwaysStopAt="true" />
  82 |     <context>
  83 |       <option name="JAVA_SCRIPT" value="true" />
  84 |       <option name="JS_EXPRESSION" value="true" />
  85 |       <option name="JSX_HTML" value="true" />
  86 |       <option name="JS_STATEMENT" value="true" />
  87 |     </context>
  88 |   </template>
  89 |   <template
  90 |       name="rcc5"
  91 |       value="&apos;use strict&apos;;&#10;&#10;var React = require(&apos;react&apos;);&#10;var createReactClass = require(&apos;create-react-class&apos;);&#10;var PropTypes = require(&apos;prop-types&apos;);&#10;&#10;var $COMPONENT$ = createReactClass({&#10;  render: function() {&#10;    return (&#10;      &lt;div&gt;$END$&lt;/div&gt;&#10;    );&#10;  }&#10;});&#10;&#10;module.exports = $COMPONENT$;&#10;"
  92 |       description="React: Create a React.js component"
  93 |       toReformat="true"
  94 |       toShortenFQNames="true">
  95 |     <variable name="COMPONENT" expression="fileNameWithoutExtension()" defaultValue="" alwaysStopAt="true" />
  96 |     <context>
  97 |       <option name="JAVA_SCRIPT" value="true" />
  98 |       <option name="JS_EXPRESSION" value="true" />
  99 |       <option name="JSX_HTML" value="true" />
 100 |       <option name="JS_STATEMENT" value="true" />
 101 |     </context>
 102 |   </template>
 103 |   <template
 104 |       name="rdom"
 105 |       value="import ReactDOM from &apos;react-dom&apos;;&#10;$END$&#10;"
 106 |       description="React: import ReactDOM"
 107 |       toReformat="true"
 108 |       toShortenFQNames="true">
 109 |     <context>
 110 |       <option name="JAVA_SCRIPT" value="true" />
 111 |       <option name="JS_EXPRESSION" value="true" />
 112 |       <option name="JSX_HTML" value="true" />
 113 |       <option name="JS_STATEMENT" value="true" />
 114 |     </context>
 115 |   </template>
 116 |   <template
 117 |       name="rdom5"
 118 |       value="var ReactDOM = require(&apos;react-dom&apos;);&#10;$END$&#10;"
 119 |       description="React: import ReactDOM"
 120 |       toReformat="true"
 121 |       toShortenFQNames="true">
 122 |     <context>
 123 |       <option name="JAVA_SCRIPT" value="true" />
 124 |       <option name="JS_EXPRESSION" value="true" />
 125 |       <option name="JSX_HTML" value="true" />
 126 |       <option name="JS_STATEMENT" value="true" />
 127 |     </context>
 128 |   </template>
 129 |   <template
 130 |       name="rccc"
 131 |       value="$START$ = createReactClass({&#10;  render() {&#10;    return (&#10;      $END$&#10;    );&#10;  }&#10;});&#10;"
 132 |       description="React: Create a sub component"
 133 |       toReformat="true"
 134 |       toShortenFQNames="true">
 135 |     <variable name="START" expression="" defaultValue="" alwaysStopAt="true" />
 136 |     <context>
 137 |       <option name="JAVA_SCRIPT" value="true" />
 138 |       <option name="JS_EXPRESSION" value="true" />
 139 |       <option name="JSX_HTML" value="true" />
 140 |       <option name="JS_STATEMENT" value="true" />
 141 |     </context>
 142 |   </template>
 143 |   <template
 144 |       name="rccc5"
 145 |       value="$START$ = createReactClass({&#10;  render: function() {&#10;    return (&#10;      $END$&#10;    );&#10;  }&#10;});&#10;"
 146 |       description="React: Create a sub component"
 147 |       toReformat="true"
 148 |       toShortenFQNames="true">
 149 |     <variable name="START" expression="" defaultValue="" alwaysStopAt="true" />
 150 |     <context>
 151 |       <option name="JAVA_SCRIPT" value="true" />
 152 |       <option name="JS_EXPRESSION" value="true" />
 153 |       <option name="JSX_HTML" value="true" />
 154 |       <option name="JS_STATEMENT" value="true" />
 155 |     </context>
 156 |   </template>
 157 |   <template
 158 |       name="cdm"
 159 |       value="componentDidMount() {&#10;  $END$&#10;}&#10;"
 160 |       description="React: componentDidMount"
 161 |       toReformat="true"
 162 |       toShortenFQNames="true">
 163 |     <context>
 164 |       <option name="JAVA_SCRIPT" value="true" />
 165 |       <option name="JS_EXPRESSION" value="true" />
 166 |       <option name="JSX_HTML" value="true" />
 167 |       <option name="JS_STATEMENT" value="true" />
 168 |     </context>
 169 |   </template>
 170 |   <template
 171 |       name="cdm5"
 172 |       value="componentDidMount: function() {&#10;  $END$&#10;},&#10;"
 173 |       description="React: componentDidMount"
 174 |       toReformat="true"
 175 |       toShortenFQNames="true">
 176 |     <context>
 177 |       <option name="JAVA_SCRIPT" value="true" />
 178 |       <option name="JS_EXPRESSION" value="true" />
 179 |       <option name="JSX_HTML" value="true" />
 180 |       <option name="JS_STATEMENT" value="true" />
 181 |     </context>
 182 |   </template>
 183 |   <template
 184 |       name="cdu"
 185 |       value="componentDidUpdate(prevProps, prevState) {&#10;  $END$&#10;}&#10;"
 186 |       description="React: componentDidUpdate"
 187 |       toReformat="true"
 188 |       toShortenFQNames="true">
 189 |     <context>
 190 |       <option name="JAVA_SCRIPT" value="true" />
 191 |       <option name="JS_EXPRESSION" value="true" />
 192 |       <option name="JSX_HTML" value="true" />
 193 |       <option name="JS_STATEMENT" value="true" />
 194 |     </context>
 195 |   </template>
 196 |   <template
 197 |       name="cdu5"
 198 |       value="componentDidUpdate: function(prevProps, prevState) {&#10;  $END$&#10;},&#10;"
 199 |       description="React: componentDidUpdate"
 200 |       toReformat="true"
 201 |       toShortenFQNames="true">
 202 |     <context>
 203 |       <option name="JAVA_SCRIPT" value="true" />
 204 |       <option name="JS_EXPRESSION" value="true" />
 205 |       <option name="JSX_HTML" value="true" />
 206 |       <option name="JS_STATEMENT" value="true" />
 207 |     </context>
 208 |   </template>
 209 |   <template
 210 |       name="cwm"
 211 |       value="componentWillMount() {&#10;  $END$&#10;}&#10;"
 212 |       description="React: componentWillMount"
 213 |       toReformat="true"
 214 |       toShortenFQNames="true">
 215 |     <context>
 216 |       <option name="JAVA_SCRIPT" value="true" />
 217 |       <option name="JS_EXPRESSION" value="true" />
 218 |       <option name="JSX_HTML" value="true" />
 219 |       <option name="JS_STATEMENT" value="true" />
 220 |     </context>
 221 |   </template>
 222 |   <template
 223 |       name="cwm5"
 224 |       value="componentWillMount: function() {&#10;  $END$&#10;},&#10;"
 225 |       description="React: componentWillMount"
 226 |       toReformat="true"
 227 |       toShortenFQNames="true">
 228 |     <context>
 229 |       <option name="JAVA_SCRIPT" value="true" />
 230 |       <option name="JS_EXPRESSION" value="true" />
 231 |       <option name="JSX_HTML" value="true" />
 232 |       <option name="JS_STATEMENT" value="true" />
 233 |     </context>
 234 |   </template>
 235 |   <template
 236 |       name="uscwm"
 237 |       value="UNSAFE_componentWillMount() {&#10;  $END$&#10;}&#10;"
 238 |       description="React: UNSAFE_componentWillMount()"
 239 |       toReformat="true"
 240 |       toShortenFQNames="true">
 241 |     <context>
 242 |       <option name="JAVA_SCRIPT" value="true" />
 243 |       <option name="JS_EXPRESSION" value="true" />
 244 |       <option name="JSX_HTML" value="true" />
 245 |       <option name="JS_STATEMENT" value="true" />
 246 |     </context>
 247 |   </template>
 248 |   <template
 249 |       name="uscwm5"
 250 |       value="UNSAFE_componentWillMount: function() {&#10;  $END$&#10;},&#10;"
 251 |       description="React: UNSAFE_componentWillMount()"
 252 |       toReformat="true"
 253 |       toShortenFQNames="true">
 254 |     <context>
 255 |       <option name="JAVA_SCRIPT" value="true" />
 256 |       <option name="JS_EXPRESSION" value="true" />
 257 |       <option name="JSX_HTML" value="true" />
 258 |       <option name="JS_STATEMENT" value="true" />
 259 |     </context>
 260 |   </template>
 261 |   <template
 262 |       name="cwr"
 263 |       value="componentWillReceiveProps(nextProps) {&#10;  $END$&#10;}&#10;"
 264 |       description="React: componentWillReceiveProps"
 265 |       toReformat="true"
 266 |       toShortenFQNames="true">
 267 |     <context>
 268 |       <option name="JAVA_SCRIPT" value="true" />
 269 |       <option name="JS_EXPRESSION" value="true" />
 270 |       <option name="JSX_HTML" value="true" />
 271 |       <option name="JS_STATEMENT" value="true" />
 272 |     </context>
 273 |   </template>
 274 |   <template
 275 |       name="cwr5"
 276 |       value="componentWillReceiveProps: function(nextProps) {&#10;  $END$&#10;},&#10;"
 277 |       description="React: componentWillReceiveProps"
 278 |       toReformat="true"
 279 |       toShortenFQNames="true">
 280 |     <context>
 281 |       <option name="JAVA_SCRIPT" value="true" />
 282 |       <option name="JS_EXPRESSION" value="true" />
 283 |       <option name="JSX_HTML" value="true" />
 284 |       <option name="JS_STATEMENT" value="true" />
 285 |     </context>
 286 |   </template>
 287 |   <template
 288 |       name="uscwr"
 289 |       value="UNSAFE_componentWillReceiveProps(nextProps) {&#10;  $END$&#10;}&#10;"
 290 |       description="React: UNSAFE_componentWillReceiveProps"
 291 |       toReformat="true"
 292 |       toShortenFQNames="true">
 293 |     <context>
 294 |       <option name="JAVA_SCRIPT" value="true" />
 295 |       <option name="JS_EXPRESSION" value="true" />
 296 |       <option name="JSX_HTML" value="true" />
 297 |       <option name="JS_STATEMENT" value="true" />
 298 |     </context>
 299 |   </template>
 300 |   <template
 301 |       name="uscwr5"
 302 |       value="UNSAFE_componentWillReceiveProps: function(nextProps) {&#10;  $END$&#10;},&#10;"
 303 |       description="React: UNSAFE_componentWillReceiveProps"
 304 |       toReformat="true"
 305 |       toShortenFQNames="true">
 306 |     <context>
 307 |       <option name="JAVA_SCRIPT" value="true" />
 308 |       <option name="JS_EXPRESSION" value="true" />
 309 |       <option name="JSX_HTML" value="true" />
 310 |       <option name="JS_STATEMENT" value="true" />
 311 |     </context>
 312 |   </template>
 313 |   <template
 314 |       name="uscwu"
 315 |       value="UNSAFE_componentWillUpdate(nextProps, nextState) {&#10;  $END$&#10;}&#10;"
 316 |       description="React: UNSAFE_componentWillUpdate"
 317 |       toReformat="true"
 318 |       toShortenFQNames="true">
 319 |     <context>
 320 |       <option name="JAVA_SCRIPT" value="true" />
 321 |       <option name="JS_EXPRESSION" value="true" />
 322 |       <option name="JSX_HTML" value="true" />
 323 |       <option name="JS_STATEMENT" value="true" />
 324 |     </context>
 325 |   </template>
 326 |   <template
 327 |       name="uscwu5"
 328 |       value="UNSAFE_componentWillUpdate: function(nextProps, nextState) {&#10;  $END$&#10;},&#10;"
 329 |       description="React: UNSAFE_componentWillUpdate"
 330 |       toReformat="true"
 331 |       toShortenFQNames="true">
 332 |     <context>
 333 |       <option name="JAVA_SCRIPT" value="true" />
 334 |       <option name="JS_EXPRESSION" value="true" />
 335 |       <option name="JSX_HTML" value="true" />
 336 |       <option name="JS_STATEMENT" value="true" />
 337 |     </context>
 338 |   </template>
 339 |   <template
 340 |       name="cwu"
 341 |       value="componentWillUpdate(nextProps, nextState) {&#10;  $END$&#10;}&#10;"
 342 |       description="React: componentWillUpdate"
 343 |       toReformat="true"
 344 |       toShortenFQNames="true">
 345 |     <context>
 346 |       <option name="JAVA_SCRIPT" value="true" />
 347 |       <option name="JS_EXPRESSION" value="true" />
 348 |       <option name="JSX_HTML" value="true" />
 349 |       <option name="JS_STATEMENT" value="true" />
 350 |     </context>
 351 |   </template>
 352 |   <template
 353 |       name="cwu5"
 354 |       value="componentWillUpdate: function(nextProps, nextState) {&#10;  $END$&#10;},&#10;"
 355 |       description="React: componentWillUpdate"
 356 |       toReformat="true"
 357 |       toShortenFQNames="true">
 358 |     <context>
 359 |       <option name="JAVA_SCRIPT" value="true" />
 360 |       <option name="JS_EXPRESSION" value="true" />
 361 |       <option name="JSX_HTML" value="true" />
 362 |       <option name="JS_STATEMENT" value="true" />
 363 |     </context>
 364 |   </template>
 365 |   <template
 366 |       name="cwum"
 367 |       value="componentWillUnmount() {&#10;  $END$&#10;}&#10;"
 368 |       description="React: componentWillUnmount"
 369 |       toReformat="true"
 370 |       toShortenFQNames="true">
 371 |     <context>
 372 |       <option name="JAVA_SCRIPT" value="true" />
 373 |       <option name="JS_EXPRESSION" value="true" />
 374 |       <option name="JSX_HTML" value="true" />
 375 |       <option name="JS_STATEMENT" value="true" />
 376 |     </context>
 377 |   </template>
 378 |   <template
 379 |       name="cwum5"
 380 |       value="componentWillUnmount: function() {&#10;  $END$&#10;},&#10;"
 381 |       description="React: componentWillUnmount"
 382 |       toReformat="true"
 383 |       toShortenFQNames="true">
 384 |     <context>
 385 |       <option name="JAVA_SCRIPT" value="true" />
 386 |       <option name="JS_EXPRESSION" value="true" />
 387 |       <option name="JSX_HTML" value="true" />
 388 |       <option name="JS_STATEMENT" value="true" />
 389 |     </context>
 390 |   </template>
 391 |   <template
 392 |       name="gsbu"
 393 |       value="getSnapshotBeforeUpdate(prevProps, prevState) {&#10;  $END$&#10;}&#10;"
 394 |       description="React: getSnapshotBeforeUpdate"
 395 |       toReformat="true"
 396 |       toShortenFQNames="true">
 397 |     <context>
 398 |       <option name="JAVA_SCRIPT" value="true" />
 399 |       <option name="JS_EXPRESSION" value="true" />
 400 |       <option name="JSX_HTML" value="true" />
 401 |       <option name="JS_STATEMENT" value="true" />
 402 |     </context>
 403 |   </template>
 404 |   <template
 405 |       name="gsbu5"
 406 |       value="getSnapshotBeforeUpdate: function(prevProps, prevState) {&#10;  $END$&#10;},&#10;"
 407 |       description="React: getSnapshotBeforeUpdate"
 408 |       toReformat="true"
 409 |       toShortenFQNames="true">
 410 |     <context>
 411 |       <option name="JAVA_SCRIPT" value="true" />
 412 |       <option name="JS_EXPRESSION" value="true" />
 413 |       <option name="JSX_HTML" value="true" />
 414 |       <option name="JS_STATEMENT" value="true" />
 415 |     </context>
 416 |   </template>
 417 |   <template
 418 |       name="cdc"
 419 |       value="componentDidCatch() {&#10;  $END$&#10;}&#10;"
 420 |       description="React: componentDidCatch"
 421 |       toReformat="true"
 422 |       toShortenFQNames="true">
 423 |     <context>
 424 |       <option name="JAVA_SCRIPT" value="true" />
 425 |       <option name="JS_EXPRESSION" value="true" />
 426 |       <option name="JSX_HTML" value="true" />
 427 |       <option name="JS_STATEMENT" value="true" />
 428 |     </context>
 429 |   </template>
 430 |   <template
 431 |       name="cdc5"
 432 |       value="componentDidCatch: function() {&#10;  $END$&#10;},&#10;"
 433 |       description="React: componentDidCatch"
 434 |       toReformat="true"
 435 |       toShortenFQNames="true">
 436 |     <context>
 437 |       <option name="JAVA_SCRIPT" value="true" />
 438 |       <option name="JS_EXPRESSION" value="true" />
 439 |       <option name="JSX_HTML" value="true" />
 440 |       <option name="JS_STATEMENT" value="true" />
 441 |     </context>
 442 |   </template>
 443 |   <template
 444 |       name="dn"
 445 |       value="displayName: &apos;$END$&apos;,"
 446 |       description="React: displayName"
 447 |       toReformat="true"
 448 |       toShortenFQNames="true">
 449 |     <context>
 450 |       <option name="JAVA_SCRIPT" value="true" />
 451 |       <option name="JS_EXPRESSION" value="true" />
 452 |       <option name="JSX_HTML" value="true" />
 453 |       <option name="JS_STATEMENT" value="true" />
 454 |     </context>
 455 |   </template>
 456 |   <template
 457 |       name="dnp"
 458 |       value="$START$.displayName = &apos;$END$&apos;;"
 459 |       description="React: displayName as a property"
 460 |       toReformat="true"
 461 |       toShortenFQNames="true">
 462 |     <variable name="START" expression="" defaultValue="" alwaysStopAt="true" />
 463 |     <context>
 464 |       <option name="JAVA_SCRIPT" value="true" />
 465 |       <option name="JS_EXPRESSION" value="true" />
 466 |       <option name="JSX_HTML" value="true" />
 467 |       <option name="JS_STATEMENT" value="true" />
 468 |     </context>
 469 |   </template>
 470 |   <template
 471 |       name="fdn"
 472 |       value="findDOMNode($END$);"
 473 |       description="React: findDOMNode"
 474 |       toReformat="true"
 475 |       toShortenFQNames="true">
 476 |     <context>
 477 |       <option name="JAVA_SCRIPT" value="true" />
 478 |       <option name="JS_EXPRESSION" value="true" />
 479 |       <option name="JSX_HTML" value="true" />
 480 |       <option name="JS_STATEMENT" value="true" />
 481 |     </context>
 482 |   </template>
 483 |   <template
 484 |       name="rfdn"
 485 |       value="ReactDOM.findDOMNode($END$);"
 486 |       description="React: ReactDOM.findDOMNode"
 487 |       toReformat="true"
 488 |       toShortenFQNames="true">
 489 |     <context>
 490 |       <option name="JAVA_SCRIPT" value="true" />
 491 |       <option name="JS_EXPRESSION" value="true" />
 492 |       <option name="JSX_HTML" value="true" />
 493 |       <option name="JS_STATEMENT" value="true" />
 494 |     </context>
 495 |   </template>
 496 |   <template
 497 |       name="rcp"
 498 |       value="ReactDOM.createPortal($START$, $END$);"
 499 |       description="React: ReactDOM.createPortal"
 500 |       toReformat="true"
 501 |       toShortenFQNames="true">
 502 |     <variable name="START" expression="" defaultValue="" alwaysStopAt="true" />
 503 |     <context>
 504 |       <option name="JAVA_SCRIPT" value="true" />
 505 |       <option name="JS_EXPRESSION" value="true" />
 506 |       <option name="JSX_HTML" value="true" />
 507 |       <option name="JS_STATEMENT" value="true" />
 508 |     </context>
 509 |   </template>
 510 |   <template
 511 |       name="rhy"
 512 |       value="ReactDOM.hydrate($START$, $END$);"
 513 |       description="React: ReactDOM.hydrate"
 514 |       toReformat="true"
 515 |       toShortenFQNames="true">
 516 |     <variable name="START" expression="" defaultValue="" alwaysStopAt="true" />
 517 |     <context>
 518 |       <option name="JAVA_SCRIPT" value="true" />
 519 |       <option name="JS_EXPRESSION" value="true" />
 520 |       <option name="JSX_HTML" value="true" />
 521 |       <option name="JS_STATEMENT" value="true" />
 522 |     </context>
 523 |   </template>
 524 |   <template
 525 |       name="rucan"
 526 |       value="ReactDOM.unmountComponentAtNode($END$);"
 527 |       description="React: ReactDOM.unmountComponentAtNode"
 528 |       toReformat="true"
 529 |       toShortenFQNames="true">
 530 |     <context>
 531 |       <option name="JAVA_SCRIPT" value="true" />
 532 |       <option name="JS_EXPRESSION" value="true" />
 533 |       <option name="JSX_HTML" value="true" />
 534 |       <option name="JS_STATEMENT" value="true" />
 535 |     </context>
 536 |   </template>
 537 |   <template
 538 |       name="fup"
 539 |       value="forceUpdate($END$);"
 540 |       description="React: forceUpdate();"
 541 |       toReformat="true"
 542 |       toShortenFQNames="true">
 543 |     <context>
 544 |       <option name="JAVA_SCRIPT" value="true" />
 545 |       <option name="JS_EXPRESSION" value="true" />
 546 |       <option name="JSX_HTML" value="true" />
 547 |       <option name="JS_STATEMENT" value="true" />
 548 |     </context>
 549 |   </template>
 550 |   <template
 551 |       name="gdp"
 552 |       value="getDefaultProps() {&#10;  return {&#10;    $END$&#10;  };&#10;}&#10;"
 553 |       description="React: getDefaultProps"
 554 |       toReformat="true"
 555 |       toShortenFQNames="true">
 556 |     <context>
 557 |       <option name="JAVA_SCRIPT" value="true" />
 558 |       <option name="JS_EXPRESSION" value="true" />
 559 |       <option name="JSX_HTML" value="true" />
 560 |       <option name="JS_STATEMENT" value="true" />
 561 |     </context>
 562 |   </template>
 563 |   <template
 564 |       name="gdp5"
 565 |       value="getDefaultProps: function() {&#10;  return {&#10;    $END$&#10;  };&#10;},&#10;"
 566 |       description="React: getDefaultProps"
 567 |       toReformat="true"
 568 |       toShortenFQNames="true">
 569 |     <context>
 570 |       <option name="JAVA_SCRIPT" value="true" />
 571 |       <option name="JS_EXPRESSION" value="true" />
 572 |       <option name="JSX_HTML" value="true" />
 573 |       <option name="JS_STATEMENT" value="true" />
 574 |     </context>
 575 |   </template>
 576 |   <template
 577 |       name="gis"
 578 |       value="getInitialState() {&#10;  return {&#10;    $START$: $END$&#10;  };&#10;}&#10;"
 579 |       description="React: getInitialState"
 580 |       toReformat="true"
 581 |       toShortenFQNames="true">
 582 |     <variable name="START" expression="" defaultValue="" alwaysStopAt="true" />
 583 |     <context>
 584 |       <option name="JAVA_SCRIPT" value="true" />
 585 |       <option name="JS_EXPRESSION" value="true" />
 586 |       <option name="JSX_HTML" value="true" />
 587 |       <option name="JS_STATEMENT" value="true" />
 588 |     </context>
 589 |   </template>
 590 |   <template
 591 |       name="gis5"
 592 |       value="getInitialState: function() {&#10;  return {&#10;    $START$: $END$&#10;  };&#10;},&#10;"
 593 |       description="React: getInitialState"
 594 |       toReformat="true"
 595 |       toShortenFQNames="true">
 596 |     <variable name="START" expression="" defaultValue="" alwaysStopAt="true" />
 597 |     <context>
 598 |       <option name="JAVA_SCRIPT" value="true" />
 599 |       <option name="JS_EXPRESSION" value="true" />
 600 |       <option name="JSX_HTML" value="true" />
 601 |       <option name="JS_STATEMENT" value="true" />
 602 |     </context>
 603 |   </template>
 604 |   <template
 605 |       name="ism"
 606 |       value="isMounted()"
 607 |       description="React: isMounted()"
 608 |       toReformat="true"
 609 |       toShortenFQNames="true">
 610 |     <context>
 611 |       <option name="JAVA_SCRIPT" value="true" />
 612 |       <option name="JS_EXPRESSION" value="true" />
 613 |       <option name="JSX_HTML" value="true" />
 614 |       <option name="JS_STATEMENT" value="true" />
 615 |     </context>
 616 |   </template>
 617 |   <template
 618 |       name="props"
 619 |       value="this.props"
 620 |       description="React: this.props"
 621 |       toReformat="true"
 622 |       toShortenFQNames="true">
 623 |     <context>
 624 |       <option name="JAVA_SCRIPT" value="true" />
 625 |       <option name="JS_EXPRESSION" value="true" />
 626 |       <option name="JSX_HTML" value="true" />
 627 |       <option name="JS_STATEMENT" value="true" />
 628 |     </context>
 629 |   </template>
 630 |   <template
 631 |       name="dprp"
 632 |       value="const { $END$ } = this.props;"
 633 |       description="React: const { $END$ } = this.props;"
 634 |       toReformat="true"
 635 |       toShortenFQNames="true">
 636 |     <context>
 637 |       <option name="JAVA_SCRIPT" value="true" />
 638 |       <option name="JS_EXPRESSION" value="true" />
 639 |       <option name="JSX_HTML" value="true" />
 640 |       <option name="JS_STATEMENT" value="true" />
 641 |     </context>
 642 |   </template>
 643 |   <template
 644 |       name="dsih"
 645 |       value="dangerouslySetInnerHTML={{__html: &apos;$END$&apos;}}"
 646 |       description="React: dangerouslySetInnerHTML"
 647 |       toReformat="true"
 648 |       toShortenFQNames="true">
 649 |     <context>
 650 |       <option name="JAVA_SCRIPT" value="true" />
 651 |       <option name="JS_EXPRESSION" value="true" />
 652 |       <option name="JSX_HTML" value="true" />
 653 |       <option name="JS_STATEMENT" value="true" />
 654 |     </context>
 655 |   </template>
 656 |   <template
 657 |       name="pts"
 658 |       value="propTypes: {&#10;  $START$: PropTypes.$END$,&#10;},&#10;"
 659 |       description="React: propTypes"
 660 |       toReformat="true"
 661 |       toShortenFQNames="true">
 662 |     <variable name="START" expression="" defaultValue="" alwaysStopAt="true" />
 663 |     <context>
 664 |       <option name="JAVA_SCRIPT" value="true" />
 665 |       <option name="JS_EXPRESSION" value="true" />
 666 |       <option name="JSX_HTML" value="true" />
 667 |       <option name="JS_STATEMENT" value="true" />
 668 |     </context>
 669 |   </template>
 670 |   <template
 671 |       name="pt"
 672 |       value="$START$: PropTypes.$END$,"
 673 |       description="React: PropTypes."
 674 |       toReformat="true"
 675 |       toShortenFQNames="true">
 676 |     <variable name="START" expression="" defaultValue="" alwaysStopAt="true" />
 677 |     <context>
 678 |       <option name="JAVA_SCRIPT" value="true" />
 679 |       <option name="JS_EXPRESSION" value="true" />
 680 |       <option name="JSX_HTML" value="true" />
 681 |       <option name="JS_STATEMENT" value="true" />
 682 |     </context>
 683 |   </template>
 684 |   <template
 685 |       name="refs"
 686 |       value="this.refs.$END$"
 687 |       description="React: this.refs.$END$"
 688 |       toReformat="true"
 689 |       toShortenFQNames="true">
 690 |     <context>
 691 |       <option name="JAVA_SCRIPT" value="true" />
 692 |       <option name="JS_EXPRESSION" value="true" />
 693 |       <option name="JSX_HTML" value="true" />
 694 |       <option name="JS_STATEMENT" value="true" />
 695 |     </context>
 696 |   </template>
 697 |   <template
 698 |       name="ren"
 699 |       value="render() {&#10;  return (&#10;    &lt;div&gt;$END$&lt;/div&gt;&#10;  );&#10;}&#10;"
 700 |       description="React: render()"
 701 |       toReformat="true"
 702 |       toShortenFQNames="true">
 703 |     <context>
 704 |       <option name="JAVA_SCRIPT" value="true" />
 705 |       <option name="JS_EXPRESSION" value="true" />
 706 |       <option name="JSX_HTML" value="true" />
 707 |       <option name="JS_STATEMENT" value="true" />
 708 |     </context>
 709 |   </template>
 710 |   <template
 711 |       name="ren5"
 712 |       value="render: function() {&#10;  return (&#10;    &lt;div&gt;$END$&lt;/div&gt;&#10;  );&#10;}&#10;"
 713 |       description="React: render()"
 714 |       toReformat="true"
 715 |       toShortenFQNames="true">
 716 |     <context>
 717 |       <option name="JAVA_SCRIPT" value="true" />
 718 |       <option name="JS_EXPRESSION" value="true" />
 719 |       <option name="JSX_HTML" value="true" />
 720 |       <option name="JS_STATEMENT" value="true" />
 721 |     </context>
 722 |   </template>
 723 |   <template
 724 |       name="scu"
 725 |       value="shouldComponentUpdate(nextProps, nextState) {&#10;  $END$&#10;}&#10;"
 726 |       description="React: shouldComponentUpdate"
 727 |       toReformat="true"
 728 |       toShortenFQNames="true">
 729 |     <context>
 730 |       <option name="JAVA_SCRIPT" value="true" />
 731 |       <option name="JS_EXPRESSION" value="true" />
 732 |       <option name="JSX_HTML" value="true" />
 733 |       <option name="JS_STATEMENT" value="true" />
 734 |     </context>
 735 |   </template>
 736 |   <template
 737 |       name="scu5"
 738 |       value="shouldComponentUpdate: function(nextProps, nextState) {&#10;  $END$&#10;},&#10;"
 739 |       description="React: shouldComponentUpdate"
 740 |       toReformat="true"
 741 |       toShortenFQNames="true">
 742 |     <context>
 743 |       <option name="JAVA_SCRIPT" value="true" />
 744 |       <option name="JS_EXPRESSION" value="true" />
 745 |       <option name="JSX_HTML" value="true" />
 746 |       <option name="JS_STATEMENT" value="true" />
 747 |     </context>
 748 |   </template>
 749 |   <template
 750 |       name="sst"
 751 |       value="this.setState({&#10;  $START$: $END$,&#10;});&#10;"
 752 |       description="React: this.setState"
 753 |       toReformat="true"
 754 |       toShortenFQNames="true">
 755 |     <variable name="START" expression="" defaultValue="" alwaysStopAt="true" />
 756 |     <context>
 757 |       <option name="JAVA_SCRIPT" value="true" />
 758 |       <option name="JS_EXPRESSION" value="true" />
 759 |       <option name="JSX_HTML" value="true" />
 760 |       <option name="JS_STATEMENT" value="true" />
 761 |     </context>
 762 |   </template>
 763 |   <template
 764 |       name="fsst"
 765 |       value="this.setState((prevState) =&gt; {&#10;  return $END$;&#10;});;&#10;"
 766 |       description="React: functional setState"
 767 |       toReformat="true"
 768 |       toShortenFQNames="true">
 769 |     <context>
 770 |       <option name="JAVA_SCRIPT" value="true" />
 771 |       <option name="JS_EXPRESSION" value="true" />
 772 |       <option name="JSX_HTML" value="true" />
 773 |       <option name="JS_STATEMENT" value="true" />
 774 |     </context>
 775 |   </template>
 776 |   <template
 777 |       name="state"
 778 |       value="this.state.$END$"
 779 |       description="React: this.state.$END$"
 780 |       toReformat="true"
 781 |       toShortenFQNames="true">
 782 |     <context>
 783 |       <option name="JAVA_SCRIPT" value="true" />
 784 |       <option name="JS_EXPRESSION" value="true" />
 785 |       <option name="JSX_HTML" value="true" />
 786 |       <option name="JS_STATEMENT" value="true" />
 787 |     </context>
 788 |   </template>
 789 |   <template
 790 |       name="dst"
 791 |       value="const { $END$ } = this.state;"
 792 |       description="React: const { $END$ } = this.state;"
 793 |       toReformat="true"
 794 |       toShortenFQNames="true">
 795 |     <context>
 796 |       <option name="JAVA_SCRIPT" value="true" />
 797 |       <option name="JS_EXPRESSION" value="true" />
 798 |       <option name="JSX_HTML" value="true" />
 799 |       <option name="JS_STATEMENT" value="true" />
 800 |     </context>
 801 |   </template>
 802 |   <template
 803 |       name="ct"
 804 |       value="contextTypes: {&#10;  $START$: PropTypes.$END$,&#10;},&#10;"
 805 |       description="React: contextTypes"
 806 |       toReformat="true"
 807 |       toShortenFQNames="true">
 808 |     <variable name="START" expression="" defaultValue="" alwaysStopAt="true" />
 809 |     <context>
 810 |       <option name="JAVA_SCRIPT" value="true" />
 811 |       <option name="JS_EXPRESSION" value="true" />
 812 |       <option name="JSX_HTML" value="true" />
 813 |       <option name="JS_STATEMENT" value="true" />
 814 |     </context>
 815 |   </template>
 816 |   <template
 817 |       name="cct"
 818 |       value="childContextTypes: {&#10;  $START$: PropTypes.$END$,&#10;},&#10;"
 819 |       description="React: childContextTypes"
 820 |       toReformat="true"
 821 |       toShortenFQNames="true">
 822 |     <variable name="START" expression="" defaultValue="" alwaysStopAt="true" />
 823 |     <context>
 824 |       <option name="JAVA_SCRIPT" value="true" />
 825 |       <option name="JS_EXPRESSION" value="true" />
 826 |       <option name="JSX_HTML" value="true" />
 827 |       <option name="JS_STATEMENT" value="true" />
 828 |     </context>
 829 |   </template>
 830 |   <template
 831 |       name="ctx"
 832 |       value="this.context.$END$"
 833 |       description="React: this.context"
 834 |       toReformat="true"
 835 |       toShortenFQNames="true">
 836 |     <context>
 837 |       <option name="JAVA_SCRIPT" value="true" />
 838 |       <option name="JS_EXPRESSION" value="true" />
 839 |       <option name="JSX_HTML" value="true" />
 840 |       <option name="JS_STATEMENT" value="true" />
 841 |     </context>
 842 |   </template>
 843 |   <template
 844 |       name="gcc"
 845 |       value="getChildContext() {&#10;  return {&#10;    $START$: $END$&#10;  };&#10;}&#10;"
 846 |       description="React: getChildContext"
 847 |       toReformat="true"
 848 |       toShortenFQNames="true">
 849 |     <variable name="START" expression="" defaultValue="" alwaysStopAt="true" />
 850 |     <context>
 851 |       <option name="JAVA_SCRIPT" value="true" />
 852 |       <option name="JS_EXPRESSION" value="true" />
 853 |       <option name="JSX_HTML" value="true" />
 854 |       <option name="JS_STATEMENT" value="true" />
 855 |     </context>
 856 |   </template>
 857 |   <template
 858 |       name="gcc5"
 859 |       value="getChildContext: function() {&#10;  return {&#10;    $START$: $END$&#10;  };&#10;},&#10;"
 860 |       description="React: getChildContext"
 861 |       toReformat="true"
 862 |       toShortenFQNames="true">
 863 |     <variable name="START" expression="" defaultValue="" alwaysStopAt="true" />
 864 |     <context>
 865 |       <option name="JAVA_SCRIPT" value="true" />
 866 |       <option name="JS_EXPRESSION" value="true" />
 867 |       <option name="JSX_HTML" value="true" />
 868 |       <option name="JS_STATEMENT" value="true" />
 869 |     </context>
 870 |   </template>
 871 |   <template
 872 |       name="st"
 873 |       value="state = {&#10;  $START$: $END$,&#10;},&#10;"
 874 |       description="React: state"
 875 |       toReformat="true"
 876 |       toShortenFQNames="true">
 877 |     <variable name="START" expression="" defaultValue="" alwaysStopAt="true" />
 878 |     <context>
 879 |       <option name="JAVA_SCRIPT" value="true" />
 880 |       <option name="JS_EXPRESSION" value="true" />
 881 |       <option name="JSX_HTML" value="true" />
 882 |       <option name="JS_STATEMENT" value="true" />
 883 |     </context>
 884 |   </template>
 885 |   <template
 886 |       name="sdn"
 887 |       value="static displayName = &apos;$END$&apos;;"
 888 |       description="React: static displayName"
 889 |       toReformat="true"
 890 |       toShortenFQNames="true">
 891 |     <context>
 892 |       <option name="JAVA_SCRIPT" value="true" />
 893 |       <option name="JS_EXPRESSION" value="true" />
 894 |       <option name="JSX_HTML" value="true" />
 895 |       <option name="JS_STATEMENT" value="true" />
 896 |     </context>
 897 |   </template>
 898 |   <template
 899 |       name="spt"
 900 |       value="static propTypes = {&#10;  $START$: PropTypes.$END$,&#10;};&#10;"
 901 |       description="React: static propTypes"
 902 |       toReformat="true"
 903 |       toShortenFQNames="true">
 904 |     <variable name="START" expression="" defaultValue="" alwaysStopAt="true" />
 905 |     <context>
 906 |       <option name="JAVA_SCRIPT" value="true" />
 907 |       <option name="JS_EXPRESSION" value="true" />
 908 |       <option name="JSX_HTML" value="true" />
 909 |       <option name="JS_STATEMENT" value="true" />
 910 |     </context>
 911 |   </template>
 912 |   <template
 913 |       name="sdp"
 914 |       value="static defaultProps = {&#10;  $START$: $END$,&#10;};&#10;"
 915 |       description="React: static defaultProps"
 916 |       toReformat="true"
 917 |       toShortenFQNames="true">
 918 |     <variable name="START" expression="" defaultValue="" alwaysStopAt="true" />
 919 |     <context>
 920 |       <option name="JAVA_SCRIPT" value="true" />
 921 |       <option name="JS_EXPRESSION" value="true" />
 922 |       <option name="JSX_HTML" value="true" />
 923 |       <option name="JS_STATEMENT" value="true" />
 924 |     </context>
 925 |   </template>
 926 |   <template
 927 |       name="sct"
 928 |       value="static contextTypes = {&#10;  $START$: PropTypes.$END$,&#10;};&#10;"
 929 |       description="React: static contextTypes"
 930 |       toReformat="true"
 931 |       toShortenFQNames="true">
 932 |     <variable name="START" expression="" defaultValue="" alwaysStopAt="true" />
 933 |     <context>
 934 |       <option name="JAVA_SCRIPT" value="true" />
 935 |       <option name="JS_EXPRESSION" value="true" />
 936 |       <option name="JSX_HTML" value="true" />
 937 |       <option name="JS_STATEMENT" value="true" />
 938 |     </context>
 939 |   </template>
 940 |   <template
 941 |       name="scct"
 942 |       value="static childContextTypes = {&#10;  $START$: PropTypes.$END$,&#10;};&#10;"
 943 |       description="React: static childContextTypes"
 944 |       toReformat="true"
 945 |       toShortenFQNames="true">
 946 |     <variable name="START" expression="" defaultValue="" alwaysStopAt="true" />
 947 |     <context>
 948 |       <option name="JAVA_SCRIPT" value="true" />
 949 |       <option name="JS_EXPRESSION" value="true" />
 950 |       <option name="JSX_HTML" value="true" />
 951 |       <option name="JS_STATEMENT" value="true" />
 952 |     </context>
 953 |   </template>
 954 |   <template
 955 |       name="sgds"
 956 |       value="static getDerivedStateFromProps(nextProps, prevState) {&#10;  $END$&#10;},&#10;"
 957 |       description="React: static getDerivedStateFromProps"
 958 |       toReformat="true"
 959 |       toShortenFQNames="true">
 960 |     <context>
 961 |       <option name="JAVA_SCRIPT" value="true" />
 962 |       <option name="JS_EXPRESSION" value="true" />
 963 |       <option name="JSX_HTML" value="true" />
 964 |       <option name="JS_STATEMENT" value="true" />
 965 |     </context>
 966 |   </template>
 967 |   <template
 968 |       name="cstt"
 969 |       value="constructor(props$START$) {&#10;  super(props$END$);&#10;}&#10;"
 970 |       description="React: constructor(props)"
 971 |       toReformat="true"
 972 |       toShortenFQNames="true">
 973 |     <variable name="START" expression="" defaultValue="" alwaysStopAt="true" />
 974 |     <context>
 975 |       <option name="JAVA_SCRIPT" value="true" />
 976 |       <option name="JS_EXPRESSION" value="true" />
 977 |       <option name="JSX_HTML" value="true" />
 978 |       <option name="JS_STATEMENT" value="true" />
 979 |     </context>
 980 |   </template>
 981 |   <template
 982 |       name="tsn"
 983 |       value="transitionName=&quot;$END$&quot;"
 984 |       description="React: transitionName"
 985 |       toReformat="true"
 986 |       toShortenFQNames="true">
 987 |     <context>
 988 |       <option name="JAVA_SCRIPT" value="true" />
 989 |       <option name="JS_EXPRESSION" value="true" />
 990 |       <option name="JSX_HTML" value="true" />
 991 |       <option name="JS_STATEMENT" value="true" />
 992 |     </context>
 993 |   </template>
 994 |   <template
 995 |       name="tsa"
 996 |       value="transitionAppear={$END$}"
 997 |       description="React: transitionAppear"
 998 |       toReformat="true"
 999 |       toShortenFQNames="true">
1000 |     <context>
1001 |       <option name="JAVA_SCRIPT" value="true" />
1002 |       <option name="JS_EXPRESSION" value="true" />
1003 |       <option name="JSX_HTML" value="true" />
1004 |       <option name="JS_STATEMENT" value="true" />
1005 |     </context>
1006 |   </template>
1007 |   <template
1008 |       name="tse"
1009 |       value="transitionEnter={$END$}"
1010 |       description="React: transitionEnter"
1011 |       toReformat="true"
1012 |       toShortenFQNames="true">
1013 |     <context>
1014 |       <option name="JAVA_SCRIPT" value="true" />
1015 |       <option name="JS_EXPRESSION" value="true" />
1016 |       <option name="JSX_HTML" value="true" />
1017 |       <option name="JS_STATEMENT" value="true" />
1018 |     </context>
1019 |   </template>
1020 |   <template
1021 |       name="tsl"
1022 |       value="transitionLeave={$END$}"
1023 |       description="React: transitionLeave"
1024 |       toReformat="true"
1025 |       toShortenFQNames="true">
1026 |     <context>
1027 |       <option name="JAVA_SCRIPT" value="true" />
1028 |       <option name="JS_EXPRESSION" value="true" />
1029 |       <option name="JSX_HTML" value="true" />
1030 |       <option name="JS_STATEMENT" value="true" />
1031 |     </context>
1032 |   </template>
1033 |   <template
1034 |       name="tset"
1035 |       value="transitionEnterTimeout={$END$}"
1036 |       description="React: transitionEnterTimeout"
1037 |       toReformat="true"
1038 |       toShortenFQNames="true">
1039 |     <context>
1040 |       <option name="JAVA_SCRIPT" value="true" />
1041 |       <option name="JS_EXPRESSION" value="true" />
1042 |       <option name="JSX_HTML" value="true" />
1043 |       <option name="JS_STATEMENT" value="true" />
1044 |     </context>
1045 |   </template>
1046 |   <template
1047 |       name="tslt"
1048 |       value="transitionLeaveTimeout={$END$}"
1049 |       description="React: transitionLeaveTimeout"
1050 |       toReformat="true"
1051 |       toShortenFQNames="true">
1052 |     <context>
1053 |       <option name="JAVA_SCRIPT" value="true" />
1054 |       <option name="JS_EXPRESSION" value="true" />
1055 |       <option name="JSX_HTML" value="true" />
1056 |       <option name="JS_STATEMENT" value="true" />
1057 |     </context>
1058 |   </template>
1059 |   <template
1060 |       name="tsat"
1061 |       value="transitionAppearTimeout={$END$}"
1062 |       description="React: transitionAppearTimeout"
1063 |       toReformat="true"
1064 |       toShortenFQNames="true">
1065 |     <context>
1066 |       <option name="JAVA_SCRIPT" value="true" />
1067 |       <option name="JS_EXPRESSION" value="true" />
1068 |       <option name="JSX_HTML" value="true" />
1069 |       <option name="JS_STATEMENT" value="true" />
1070 |     </context>
1071 |   </template>
1072 |   <template
1073 |       name="rdoms"
1074 |       value="import ReactDOMServer from &apos;react-dom/server&apos;;&#10;$END$&#10;"
1075 |       description="React: import ReactDOMServer"
1076 |       toReformat="true"
1077 |       toShortenFQNames="true">
1078 |     <context>
1079 |       <option name="JAVA_SCRIPT" value="true" />
1080 |       <option name="JS_EXPRESSION" value="true" />
1081 |       <option name="JSX_HTML" value="true" />
1082 |       <option name="JS_STATEMENT" value="true" />
1083 |     </context>
1084 |   </template>
1085 |   <template
1086 |       name="rdoms5"
1087 |       value="var ReactDOMServer = require(&apos;react-dom/server&apos;);&#10;$END$&#10;"
1088 |       description="React: import ReactDOMServer"
1089 |       toReformat="true"
1090 |       toShortenFQNames="true">
1091 |     <context>
1092 |       <option name="JAVA_SCRIPT" value="true" />
1093 |       <option name="JS_EXPRESSION" value="true" />
1094 |       <option name="JSX_HTML" value="true" />
1095 |       <option name="JS_STATEMENT" value="true" />
1096 |     </context>
1097 |   </template>
1098 |   <template
1099 |       name="rdsrts"
1100 |       value="ReactDOMServer.renderToString($END$);"
1101 |       description="React: ReactDOMServer.renderToString"
1102 |       toReformat="true"
1103 |       toShortenFQNames="true">
1104 |     <context>
1105 |       <option name="JAVA_SCRIPT" value="true" />
1106 |       <option name="JS_EXPRESSION" value="true" />
1107 |       <option name="JSX_HTML" value="true" />
1108 |       <option name="JS_STATEMENT" value="true" />
1109 |     </context>
1110 |   </template>
1111 |   <template
1112 |       name="rdsrtsm"
1113 |       value="ReactDOMServer.renderToString($END$);"
1114 |       description="React: ReactDOMServer.renderToStaticMarkup($END$)"
1115 |       toReformat="true"
1116 |       toShortenFQNames="true">
1117 |     <context>
1118 |       <option name="JAVA_SCRIPT" value="true" />
1119 |       <option name="JS_EXPRESSION" value="true" />
1120 |       <option name="JSX_HTML" value="true" />
1121 |       <option name="JS_STATEMENT" value="true" />
1122 |     </context>
1123 |   </template>
1124 |   <template
1125 |       name="rdsrtns"
1126 |       value="ReactDOMServer.renderToNodeStream($END$);"
1127 |       description="React: ReactDOMServer.renderToNodeStream"
1128 |       toReformat="true"
1129 |       toShortenFQNames="true">
1130 |     <context>
1131 |       <option name="JAVA_SCRIPT" value="true" />
1132 |       <option name="JS_EXPRESSION" value="true" />
1133 |       <option name="JSX_HTML" value="true" />
1134 |       <option name="JS_STATEMENT" value="true" />
1135 |     </context>
1136 |   </template>
1137 |   <template
1138 |       name="rdsrtsns"
1139 |       value="ReactDOMServer.renderToStaticNodeStream($END$);"
1140 |       description="React: ReactDOMServer.renderToStaticNodeStream"
1141 |       toReformat="true"
1142 |       toShortenFQNames="true">
1143 |     <context>
1144 |       <option name="JAVA_SCRIPT" value="true" />
1145 |       <option name="JS_EXPRESSION" value="true" />
1146 |       <option name="JSX_HTML" value="true" />
1147 |       <option name="JS_STATEMENT" value="true" />
1148 |     </context>
1149 |   </template>
1150 |   <template
1151 |       name="rsm"
1152 |       value="&lt;React.StrictMode&gt;&#10;  $END$&#10;&lt;/React.StrictMode&gt;&#10;"
1153 |       description="React: React.StrictMode"
1154 |       toReformat="true"
1155 |       toShortenFQNames="true">
1156 |     <context>
1157 |       <option name="JAVA_SCRIPT" value="true" />
1158 |       <option name="JS_EXPRESSION" value="true" />
1159 |       <option name="JSX_HTML" value="true" />
1160 |       <option name="JS_STATEMENT" value="true" />
1161 |     </context>
1162 |   </template>
1163 |   <template
1164 |       name="rf"
1165 |       value="&lt;React.Fragment&gt;&#10;  $END$&#10;&lt;/React.Fragment&gt;&#10;"
1166 |       description="React: React.Fragment"
1167 |       toReformat="true"
1168 |       toShortenFQNames="true">
1169 |     <context>
1170 |       <option name="JAVA_SCRIPT" value="true" />
1171 |       <option name="JS_EXPRESSION" value="true" />
1172 |       <option name="JSX_HTML" value="true" />
1173 |       <option name="JS_STATEMENT" value="true" />
1174 |     </context>
1175 |   </template>
1176 |   <template
1177 |       name="rfs"
1178 |       value="&lt;&gt;&#10;  $END$&#10;&lt;/&gt;&#10;"
1179 |       description="React: React.Fragment"
1180 |       toReformat="true"
1181 |       toShortenFQNames="true">
1182 |     <context>
1183 |       <option name="JAVA_SCRIPT" value="true" />
1184 |       <option name="JS_EXPRESSION" value="true" />
1185 |       <option name="JSX_HTML" value="true" />
1186 |       <option name="JS_STATEMENT" value="true" />
1187 |     </context>
1188 |   </template>
1189 |   <template
1190 |       name="rcr"
1191 |       value="React.createRef();"
1192 |       description="React: React.createRef()"
1193 |       toReformat="true"
1194 |       toShortenFQNames="true">
1195 |     <context>
1196 |       <option name="JAVA_SCRIPT" value="true" />
1197 |       <option name="JS_EXPRESSION" value="true" />
1198 |       <option name="JSX_HTML" value="true" />
1199 |       <option name="JS_STATEMENT" value="true" />
1200 |     </context>
1201 |   </template>
1202 |   <template
1203 |       name="rfr"
1204 |       value="React.forwardRef((props, ref) =&gt; {&#10;  return $END$;&#10;});&#10;"
1205 |       description="React: React.forwardRef"
1206 |       toReformat="true"
1207 |       toShortenFQNames="true">
1208 |     <context>
1209 |       <option name="JAVA_SCRIPT" value="true" />
1210 |       <option name="JS_EXPRESSION" value="true" />
1211 |       <option name="JSX_HTML" value="true" />
1212 |       <option name="JS_STATEMENT" value="true" />
1213 |     </context>
1214 |   </template>
1215 |   <template
1216 |       name="rcctx"
1217 |       value="const { Provider, Consumer } = React.createContext($END$);&#10;"
1218 |       description="React: React.createContext"
1219 |       toReformat="true"
1220 |       toShortenFQNames="true">
1221 |     <context>
1222 |       <option name="JAVA_SCRIPT" value="true" />
1223 |       <option name="JS_EXPRESSION" value="true" />
1224 |       <option name="JSX_HTML" value="true" />
1225 |       <option name="JS_STATEMENT" value="true" />
1226 |     </context>
1227 |   </template>
1228 |   <template
1229 |       name="ctxprvd"
1230 |       value="&lt;Provider value={$START$}&gt;&#10;  $END$&#10;&lt;/Provider&gt;&#10;"
1231 |       description="React: React context Provider"
1232 |       toReformat="true"
1233 |       toShortenFQNames="true">
1234 |     <variable name="START" expression="" defaultValue="" alwaysStopAt="true" />
1235 |     <context>
1236 |       <option name="JAVA_SCRIPT" value="true" />
1237 |       <option name="JS_EXPRESSION" value="true" />
1238 |       <option name="JSX_HTML" value="true" />
1239 |       <option name="JS_STATEMENT" value="true" />
1240 |     </context>
1241 |   </template>
1242 |   <template
1243 |       name="ctxcsm"
1244 |       value="&lt;Consumer&gt;&#10;  {value =&gt; $END$}&#10;&lt;/Consumer&gt;&#10;"
1245 |       description="React: React context Consumer"
1246 |       toReformat="true"
1247 |       toShortenFQNames="true">
1248 |     <context>
1249 |       <option name="JAVA_SCRIPT" value="true" />
1250 |       <option name="JS_EXPRESSION" value="true" />
1251 |       <option name="JSX_HTML" value="true" />
1252 |       <option name="JS_STATEMENT" value="true" />
1253 |     </context>
1254 |   </template>
1255 |   <template
1256 |       name="oncp"
1257 |       value="onCopy={$END$}"
1258 |       description="React: onCopy"
1259 |       toReformat="true"
1260 |       toShortenFQNames="true">
1261 |     <context>
1262 |       <option name="JAVA_SCRIPT" value="true" />
1263 |       <option name="JS_EXPRESSION" value="true" />
1264 |       <option name="JSX_HTML" value="true" />
1265 |       <option name="JS_STATEMENT" value="true" />
1266 |     </context>
1267 |   </template>
1268 |   <template
1269 |       name="onct"
1270 |       value="onCut={$END$}"
1271 |       description="React: onCut"
1272 |       toReformat="true"
1273 |       toShortenFQNames="true">
1274 |     <context>
1275 |       <option name="JAVA_SCRIPT" value="true" />
1276 |       <option name="JS_EXPRESSION" value="true" />
1277 |       <option name="JSX_HTML" value="true" />
1278 |       <option name="JS_STATEMENT" value="true" />
1279 |     </context>
1280 |   </template>
1281 |   <template
1282 |       name="onpt"
1283 |       value="onPaste={$END$}"
1284 |       description="React: onPaste"
1285 |       toReformat="true"
1286 |       toShortenFQNames="true">
1287 |     <context>
1288 |       <option name="JAVA_SCRIPT" value="true" />
1289 |       <option name="JS_EXPRESSION" value="true" />
1290 |       <option name="JSX_HTML" value="true" />
1291 |       <option name="JS_STATEMENT" value="true" />
1292 |     </context>
1293 |   </template>
1294 |   <template
1295 |       name="oncpse"
1296 |       value="onCompositionEnd={$END$}"
1297 |       description="React: onCompositionEnd"
1298 |       toReformat="true"
1299 |       toShortenFQNames="true">
1300 |     <context>
1301 |       <option name="JAVA_SCRIPT" value="true" />
1302 |       <option name="JS_EXPRESSION" value="true" />
1303 |       <option name="JSX_HTML" value="true" />
1304 |       <option name="JS_STATEMENT" value="true" />
1305 |     </context>
1306 |   </template>
1307 |   <template
1308 |       name="oncpss"
1309 |       value="onCompositionStart={$END$}"
1310 |       description="React: onCompositionStart"
1311 |       toReformat="true"
1312 |       toShortenFQNames="true">
1313 |     <context>
1314 |       <option name="JAVA_SCRIPT" value="true" />
1315 |       <option name="JS_EXPRESSION" value="true" />
1316 |       <option name="JSX_HTML" value="true" />
1317 |       <option name="JS_STATEMENT" value="true" />
1318 |     </context>
1319 |   </template>
1320 |   <template
1321 |       name="oncpsu"
1322 |       value="onCompositionUpdate={$END$}"
1323 |       description="React: onCompositionUpdate"
1324 |       toReformat="true"
1325 |       toShortenFQNames="true">
1326 |     <context>
1327 |       <option name="JAVA_SCRIPT" value="true" />
1328 |       <option name="JS_EXPRESSION" value="true" />
1329 |       <option name="JSX_HTML" value="true" />
1330 |       <option name="JS_STATEMENT" value="true" />
1331 |     </context>
1332 |   </template>
1333 |   <template
1334 |       name="onkd"
1335 |       value="onKeyDown={$END$}"
1336 |       description="React: onKeyDown"
1337 |       toReformat="true"
1338 |       toShortenFQNames="true">
1339 |     <context>
1340 |       <option name="JAVA_SCRIPT" value="true" />
1341 |       <option name="JS_EXPRESSION" value="true" />
1342 |       <option name="JSX_HTML" value="true" />
1343 |       <option name="JS_STATEMENT" value="true" />
1344 |     </context>
1345 |   </template>
1346 |   <template
1347 |       name="onps"
1348 |       value="onKeyPress={$END$}"
1349 |       description="React: onKeyPress"
1350 |       toReformat="true"
1351 |       toShortenFQNames="true">
1352 |     <context>
1353 |       <option name="JAVA_SCRIPT" value="true" />
1354 |       <option name="JS_EXPRESSION" value="true" />
1355 |       <option name="JSX_HTML" value="true" />
1356 |       <option name="JS_STATEMENT" value="true" />
1357 |     </context>
1358 |   </template>
1359 |   <template
1360 |       name="onku"
1361 |       value="onKeyUp={$END$}"
1362 |       description="React: onKeyUp"
1363 |       toReformat="true"
1364 |       toShortenFQNames="true">
1365 |     <context>
1366 |       <option name="JAVA_SCRIPT" value="true" />
1367 |       <option name="JS_EXPRESSION" value="true" />
1368 |       <option name="JSX_HTML" value="true" />
1369 |       <option name="JS_STATEMENT" value="true" />
1370 |     </context>
1371 |   </template>
1372 |   <template
1373 |       name="onfs"
1374 |       value="onFocus={$END$}"
1375 |       description="React: onFocus"
1376 |       toReformat="true"
1377 |       toShortenFQNames="true">
1378 |     <context>
1379 |       <option name="JAVA_SCRIPT" value="true" />
1380 |       <option name="JS_EXPRESSION" value="true" />
1381 |       <option name="JSX_HTML" value="true" />
1382 |       <option name="JS_STATEMENT" value="true" />
1383 |     </context>
1384 |   </template>
1385 |   <template
1386 |       name="onbl"
1387 |       value="onBlur={$END$}"
1388 |       description="React: onBlur"
1389 |       toReformat="true"
1390 |       toShortenFQNames="true">
1391 |     <context>
1392 |       <option name="JAVA_SCRIPT" value="true" />
1393 |       <option name="JS_EXPRESSION" value="true" />
1394 |       <option name="JSX_HTML" value="true" />
1395 |       <option name="JS_STATEMENT" value="true" />
1396 |     </context>
1397 |   </template>
1398 |   <template
1399 |       name="oncg"
1400 |       value="onChange={$END$}"
1401 |       description="React: onChange"
1402 |       toReformat="true"
1403 |       toShortenFQNames="true">
1404 |     <context>
1405 |       <option name="JAVA_SCRIPT" value="true" />
1406 |       <option name="JS_EXPRESSION" value="true" />
1407 |       <option name="JSX_HTML" value="true" />
1408 |       <option name="JS_STATEMENT" value="true" />
1409 |     </context>
1410 |   </template>
1411 |   <template
1412 |       name="onip"
1413 |       value="onInput={$END$}"
1414 |       description="React: onInput"
1415 |       toReformat="true"
1416 |       toShortenFQNames="true">
1417 |     <context>
1418 |       <option name="JAVA_SCRIPT" value="true" />
1419 |       <option name="JS_EXPRESSION" value="true" />
1420 |       <option name="JSX_HTML" value="true" />
1421 |       <option name="JS_STATEMENT" value="true" />
1422 |     </context>
1423 |   </template>
1424 |   <template
1425 |       name="onsb"
1426 |       value="onSubmit={$END$}"
1427 |       description="React: onSubmit"
1428 |       toReformat="true"
1429 |       toShortenFQNames="true">
1430 |     <context>
1431 |       <option name="JAVA_SCRIPT" value="true" />
1432 |       <option name="JS_EXPRESSION" value="true" />
1433 |       <option name="JSX_HTML" value="true" />
1434 |       <option name="JS_STATEMENT" value="true" />
1435 |     </context>
1436 |   </template>
1437 |   <template
1438 |       name="onc"
1439 |       value="onClick={$END$}"
1440 |       description="React: onClick"
1441 |       toReformat="true"
1442 |       toShortenFQNames="true">
1443 |     <context>
1444 |       <option name="JAVA_SCRIPT" value="true" />
1445 |       <option name="JS_EXPRESSION" value="true" />
1446 |       <option name="JSX_HTML" value="true" />
1447 |       <option name="JS_STATEMENT" value="true" />
1448 |     </context>
1449 |   </template>
1450 |   <template
1451 |       name="oncm"
1452 |       value="onContextMenu={$END$}"
1453 |       description="React: onContextMenu"
1454 |       toReformat="true"
1455 |       toShortenFQNames="true">
1456 |     <context>
1457 |       <option name="JAVA_SCRIPT" value="true" />
1458 |       <option name="JS_EXPRESSION" value="true" />
1459 |       <option name="JSX_HTML" value="true" />
1460 |       <option name="JS_STATEMENT" value="true" />
1461 |     </context>
1462 |   </template>
1463 |   <template
1464 |       name="ondc"
1465 |       value="onDoubleClick={$END$}"
1466 |       description="React: onDoubleClick"
1467 |       toReformat="true"
1468 |       toShortenFQNames="true">
1469 |     <context>
1470 |       <option name="JAVA_SCRIPT" value="true" />
1471 |       <option name="JS_EXPRESSION" value="true" />
1472 |       <option name="JSX_HTML" value="true" />
1473 |       <option name="JS_STATEMENT" value="true" />
1474 |     </context>
1475 |   </template>
1476 |   <template
1477 |       name="ondg"
1478 |       value="onDrag={$END$}"
1479 |       description="React: onDrag"
1480 |       toReformat="true"
1481 |       toShortenFQNames="true">
1482 |     <context>
1483 |       <option name="JAVA_SCRIPT" value="true" />
1484 |       <option name="JS_EXPRESSION" value="true" />
1485 |       <option name="JSX_HTML" value="true" />
1486 |       <option name="JS_STATEMENT" value="true" />
1487 |     </context>
1488 |   </template>
1489 |   <template
1490 |       name="ondge"
1491 |       value="onDragEnd={$END$}"
1492 |       description="React: onDragEnd"
1493 |       toReformat="true"
1494 |       toShortenFQNames="true">
1495 |     <context>
1496 |       <option name="JAVA_SCRIPT" value="true" />
1497 |       <option name="JS_EXPRESSION" value="true" />
1498 |       <option name="JSX_HTML" value="true" />
1499 |       <option name="JS_STATEMENT" value="true" />
1500 |     </context>
1501 |   </template>
1502 |   <template
1503 |       name="ondgetr"
1504 |       value="onDragEnter={$END$}"
1505 |       description="React: onDragEnter"
1506 |       toReformat="true"
1507 |       toShortenFQNames="true">
1508 |     <context>
1509 |       <option name="JAVA_SCRIPT" value="true" />
1510 |       <option name="JS_EXPRESSION" value="true" />
1511 |       <option name="JSX_HTML" value="true" />
1512 |       <option name="JS_STATEMENT" value="true" />
1513 |     </context>
1514 |   </template>
1515 |   <template
1516 |       name="ondget"
1517 |       value="onDragExit={$END$}"
1518 |       description="React: onDragExit"
1519 |       toReformat="true"
1520 |       toShortenFQNames="true">
1521 |     <context>
1522 |       <option name="JAVA_SCRIPT" value="true" />
1523 |       <option name="JS_EXPRESSION" value="true" />
1524 |       <option name="JSX_HTML" value="true" />
1525 |       <option name="JS_STATEMENT" value="true" />
1526 |     </context>
1527 |   </template>
1528 |   <template
1529 |       name="ondgl"
1530 |       value="onDragLeave={$END$}"
1531 |       description="React: onDragLeave"
1532 |       toReformat="true"
1533 |       toShortenFQNames="true">
1534 |     <context>
1535 |       <option name="JAVA_SCRIPT" value="true" />
1536 |       <option name="JS_EXPRESSION" value="true" />
1537 |       <option name="JSX_HTML" value="true" />
1538 |       <option name="JS_STATEMENT" value="true" />
1539 |     </context>
1540 |   </template>
1541 |   <template
1542 |       name="ondgo"
1543 |       value="onDragOver={$END$}"
1544 |       description="React: onDragOver"
1545 |       toReformat="true"
1546 |       toShortenFQNames="true">
1547 |     <context>
1548 |       <option name="JAVA_SCRIPT" value="true" />
1549 |       <option name="JS_EXPRESSION" value="true" />
1550 |       <option name="JSX_HTML" value="true" />
1551 |       <option name="JS_STATEMENT" value="true" />
1552 |     </context>
1553 |   </template>
1554 |   <template
1555 |       name="ondgst"
1556 |       value="onDragStart={$END$}"
1557 |       description="React: onDragStart"
1558 |       toReformat="true"
1559 |       toShortenFQNames="true">
1560 |     <context>
1561 |       <option name="JAVA_SCRIPT" value="true" />
1562 |       <option name="JS_EXPRESSION" value="true" />
1563 |       <option name="JSX_HTML" value="true" />
1564 |       <option name="JS_STATEMENT" value="true" />
1565 |     </context>
1566 |   </template>
1567 |   <template
1568 |       name="ondp"
1569 |       value="onDrop={$END$}"
1570 |       description="React: onDrop"
1571 |       toReformat="true"
1572 |       toShortenFQNames="true">
1573 |     <context>
1574 |       <option name="JAVA_SCRIPT" value="true" />
1575 |       <option name="JS_EXPRESSION" value="true" />
1576 |       <option name="JSX_HTML" value="true" />
1577 |       <option name="JS_STATEMENT" value="true" />
1578 |     </context>
1579 |   </template>
1580 |   <template
1581 |       name="onmd"
1582 |       value="onMouseDown={$END$}"
1583 |       description="React: onMouseDown"
1584 |       toReformat="true"
1585 |       toShortenFQNames="true">
1586 |     <context>
1587 |       <option name="JAVA_SCRIPT" value="true" />
1588 |       <option name="JS_EXPRESSION" value="true" />
1589 |       <option name="JSX_HTML" value="true" />
1590 |       <option name="JS_STATEMENT" value="true" />
1591 |     </context>
1592 |   </template>
1593 |   <template
1594 |       name="onme"
1595 |       value="onMouseEnter={$END$}"
1596 |       description="React: onMouseEnter"
1597 |       toReformat="true"
1598 |       toShortenFQNames="true">
1599 |     <context>
1600 |       <option name="JAVA_SCRIPT" value="true" />
1601 |       <option name="JS_EXPRESSION" value="true" />
1602 |       <option name="JSX_HTML" value="true" />
1603 |       <option name="JS_STATEMENT" value="true" />
1604 |     </context>
1605 |   </template>
1606 |   <template
1607 |       name="onml"
1608 |       value="onMouseLeave={$END$}"
1609 |       description="React: onMouseLeave"
1610 |       toReformat="true"
1611 |       toShortenFQNames="true">
1612 |     <context>
1613 |       <option name="JAVA_SCRIPT" value="true" />
1614 |       <option name="JS_EXPRESSION" value="true" />
1615 |       <option name="JSX_HTML" value="true" />
1616 |       <option name="JS_STATEMENT" value="true" />
1617 |     </context>
1618 |   </template>
1619 |   <template
1620 |       name="onmm"
1621 |       value="onMouseMove={$END$}"
1622 |       description="React: onMouseMove"
1623 |       toReformat="true"
1624 |       toShortenFQNames="true">
1625 |     <context>
1626 |       <option name="JAVA_SCRIPT" value="true" />
1627 |       <option name="JS_EXPRESSION" value="true" />
1628 |       <option name="JSX_HTML" value="true" />
1629 |       <option name="JS_STATEMENT" value="true" />
1630 |     </context>
1631 |   </template>
1632 |   <template
1633 |       name="onmot"
1634 |       value="onMouseOut={$END$}"
1635 |       description="React: onMouseOut"
1636 |       toReformat="true"
1637 |       toShortenFQNames="true">
1638 |     <context>
1639 |       <option name="JAVA_SCRIPT" value="true" />
1640 |       <option name="JS_EXPRESSION" value="true" />
1641 |       <option name="JSX_HTML" value="true" />
1642 |       <option name="JS_STATEMENT" value="true" />
1643 |     </context>
1644 |   </template>
1645 |   <template
1646 |       name="onmov"
1647 |       value="onMouseOver={$END$}"
1648 |       description="React: onMouseOver"
1649 |       toReformat="true"
1650 |       toShortenFQNames="true">
1651 |     <context>
1652 |       <option name="JAVA_SCRIPT" value="true" />
1653 |       <option name="JS_EXPRESSION" value="true" />
1654 |       <option name="JSX_HTML" value="true" />
1655 |       <option name="JS_STATEMENT" value="true" />
1656 |     </context>
1657 |   </template>
1658 |   <template
1659 |       name="onmu"
1660 |       value="onMouseUp={$END$}"
1661 |       description="React: onMouseUp"
1662 |       toReformat="true"
1663 |       toShortenFQNames="true">
1664 |     <context>
1665 |       <option name="JAVA_SCRIPT" value="true" />
1666 |       <option name="JS_EXPRESSION" value="true" />
1667 |       <option name="JSX_HTML" value="true" />
1668 |       <option name="JS_STATEMENT" value="true" />
1669 |     </context>
1670 |   </template>
1671 |   <template
1672 |       name="onsl"
1673 |       value="onSelect={$END$}"
1674 |       description="React: onSelect"
1675 |       toReformat="true"
1676 |       toShortenFQNames="true">
1677 |     <context>
1678 |       <option name="JAVA_SCRIPT" value="true" />
1679 |       <option name="JS_EXPRESSION" value="true" />
1680 |       <option name="JSX_HTML" value="true" />
1681 |       <option name="JS_STATEMENT" value="true" />
1682 |     </context>
1683 |   </template>
1684 |   <template
1685 |       name="ontc"
1686 |       value="onTouchCancel={$END$}"
1687 |       description="React: onTouchCancel"
1688 |       toReformat="true"
1689 |       toShortenFQNames="true">
1690 |     <context>
1691 |       <option name="JAVA_SCRIPT" value="true" />
1692 |       <option name="JS_EXPRESSION" value="true" />
1693 |       <option name="JSX_HTML" value="true" />
1694 |       <option name="JS_STATEMENT" value="true" />
1695 |     </context>
1696 |   </template>
1697 |   <template
1698 |       name="onte"
1699 |       value="onTouchEnd={$END$}"
1700 |       description="React: onTouchEnd"
1701 |       toReformat="true"
1702 |       toShortenFQNames="true">
1703 |     <context>
1704 |       <option name="JAVA_SCRIPT" value="true" />
1705 |       <option name="JS_EXPRESSION" value="true" />
1706 |       <option name="JSX_HTML" value="true" />
1707 |       <option name="JS_STATEMENT" value="true" />
1708 |     </context>
1709 |   </template>
1710 |   <template
1711 |       name="ontm"
1712 |       value="onTouchMove={$END$}"
1713 |       description="React: onTouchMove"
1714 |       toReformat="true"
1715 |       toShortenFQNames="true">
1716 |     <context>
1717 |       <option name="JAVA_SCRIPT" value="true" />
1718 |       <option name="JS_EXPRESSION" value="true" />
1719 |       <option name="JSX_HTML" value="true" />
1720 |       <option name="JS_STATEMENT" value="true" />
1721 |     </context>
1722 |   </template>
1723 |   <template
1724 |       name="onts"
1725 |       value="onTouchStart={$END$}"
1726 |       description="React: onTouchStart"
1727 |       toReformat="true"
1728 |       toShortenFQNames="true">
1729 |     <context>
1730 |       <option name="JAVA_SCRIPT" value="true" />
1731 |       <option name="JS_EXPRESSION" value="true" />
1732 |       <option name="JSX_HTML" value="true" />
1733 |       <option name="JS_STATEMENT" value="true" />
1734 |     </context>
1735 |   </template>
1736 |   <template
1737 |       name="onsl"
1738 |       value="onScroll={$END$}"
1739 |       description="React: onScroll"
1740 |       toReformat="true"
1741 |       toShortenFQNames="true">
1742 |     <context>
1743 |       <option name="JAVA_SCRIPT" value="true" />
1744 |       <option name="JS_EXPRESSION" value="true" />
1745 |       <option name="JSX_HTML" value="true" />
1746 |       <option name="JS_STATEMENT" value="true" />
1747 |     </context>
1748 |   </template>
1749 |   <template
1750 |       name="onwl"
1751 |       value="onWheel={$END$}"
1752 |       description="React: onWheel"
1753 |       toReformat="true"
1754 |       toShortenFQNames="true">
1755 |     <context>
1756 |       <option name="JAVA_SCRIPT" value="true" />
1757 |       <option name="JS_EXPRESSION" value="true" />
1758 |       <option name="JSX_HTML" value="true" />
1759 |       <option name="JS_STATEMENT" value="true" />
1760 |     </context>
1761 |   </template>
1762 |   <template
1763 |       name="onabt"
1764 |       value="onAbort={$END$}"
1765 |       description="React: onAbort"
1766 |       toReformat="true"
1767 |       toShortenFQNames="true">
1768 |     <context>
1769 |       <option name="JAVA_SCRIPT" value="true" />
1770 |       <option name="JS_EXPRESSION" value="true" />
1771 |       <option name="JSX_HTML" value="true" />
1772 |       <option name="JS_STATEMENT" value="true" />
1773 |     </context>
1774 |   </template>
1775 |   <template
1776 |       name="oncpl"
1777 |       value="onCanPlay={$END$}"
1778 |       description="React: onCanPlay"
1779 |       toReformat="true"
1780 |       toShortenFQNames="true">
1781 |     <context>
1782 |       <option name="JAVA_SCRIPT" value="true" />
1783 |       <option name="JS_EXPRESSION" value="true" />
1784 |       <option name="JSX_HTML" value="true" />
1785 |       <option name="JS_STATEMENT" value="true" />
1786 |     </context>
1787 |   </template>
1788 |   <template
1789 |       name="oncpt"
1790 |       value="onCanPlayThrough={$END$}"
1791 |       description="React: onCanPlayThrough"
1792 |       toReformat="true"
1793 |       toShortenFQNames="true">
1794 |     <context>
1795 |       <option name="JAVA_SCRIPT" value="true" />
1796 |       <option name="JS_EXPRESSION" value="true" />
1797 |       <option name="JSX_HTML" value="true" />
1798 |       <option name="JS_STATEMENT" value="true" />
1799 |     </context>
1800 |   </template>
1801 |   <template
1802 |       name="ondc"
1803 |       value="onDurationChange={$END$}"
1804 |       description="React: onDurationChange"
1805 |       toReformat="true"
1806 |       toShortenFQNames="true">
1807 |     <context>
1808 |       <option name="JAVA_SCRIPT" value="true" />
1809 |       <option name="JS_EXPRESSION" value="true" />
1810 |       <option name="JSX_HTML" value="true" />
1811 |       <option name="JS_STATEMENT" value="true" />
1812 |     </context>
1813 |   </template>
1814 |   <template
1815 |       name="onempt"
1816 |       value="onEmptied={$END$}"
1817 |       description="React: onEmptied"
1818 |       toReformat="true"
1819 |       toShortenFQNames="true">
1820 |     <context>
1821 |       <option name="JAVA_SCRIPT" value="true" />
1822 |       <option name="JS_EXPRESSION" value="true" />
1823 |       <option name="JSX_HTML" value="true" />
1824 |       <option name="JS_STATEMENT" value="true" />
1825 |     </context>
1826 |   </template>
1827 |   <template
1828 |       name="onekpt"
1829 |       value="onEncrypted={$END$}"
1830 |       description="React: onEncrypted"
1831 |       toReformat="true"
1832 |       toShortenFQNames="true">
1833 |     <context>
1834 |       <option name="JAVA_SCRIPT" value="true" />
1835 |       <option name="JS_EXPRESSION" value="true" />
1836 |       <option name="JSX_HTML" value="true" />
1837 |       <option name="JS_STATEMENT" value="true" />
1838 |     </context>
1839 |   </template>
1840 |   <template
1841 |       name="onend"
1842 |       value="onEnded={$END$}"
1843 |       description="React: onEnded"
1844 |       toReformat="true"
1845 |       toShortenFQNames="true">
1846 |     <context>
1847 |       <option name="JAVA_SCRIPT" value="true" />
1848 |       <option name="JS_EXPRESSION" value="true" />
1849 |       <option name="JSX_HTML" value="true" />
1850 |       <option name="JS_STATEMENT" value="true" />
1851 |     </context>
1852 |   </template>
1853 |   <template
1854 |       name="onldd"
1855 |       value="onLoadedData={$END$}"
1856 |       description="React: onLoadedData"
1857 |       toReformat="true"
1858 |       toShortenFQNames="true">
1859 |     <context>
1860 |       <option name="JAVA_SCRIPT" value="true" />
1861 |       <option name="JS_EXPRESSION" value="true" />
1862 |       <option name="JSX_HTML" value="true" />
1863 |       <option name="JS_STATEMENT" value="true" />
1864 |     </context>
1865 |   </template>
1866 |   <template
1867 |       name="onldmd"
1868 |       value="onLoadedMetadata={$END$}"
1869 |       description="React: onLoadedMetadata"
1870 |       toReformat="true"
1871 |       toShortenFQNames="true">
1872 |     <context>
1873 |       <option name="JAVA_SCRIPT" value="true" />
1874 |       <option name="JS_EXPRESSION" value="true" />
1875 |       <option name="JSX_HTML" value="true" />
1876 |       <option name="JS_STATEMENT" value="true" />
1877 |     </context>
1878 |   </template>
1879 |   <template
1880 |       name="onls"
1881 |       value="onLoadStart={$END$}"
1882 |       description="React: onLoadStart"
1883 |       toReformat="true"
1884 |       toShortenFQNames="true">
1885 |     <context>
1886 |       <option name="JAVA_SCRIPT" value="true" />
1887 |       <option name="JS_EXPRESSION" value="true" />
1888 |       <option name="JSX_HTML" value="true" />
1889 |       <option name="JS_STATEMENT" value="true" />
1890 |     </context>
1891 |   </template>
1892 |   <template
1893 |       name="onpaus"
1894 |       value="onPause={$END$}"
1895 |       description="React: onPause"
1896 |       toReformat="true"
1897 |       toShortenFQNames="true">
1898 |     <context>
1899 |       <option name="JAVA_SCRIPT" value="true" />
1900 |       <option name="JS_EXPRESSION" value="true" />
1901 |       <option name="JSX_HTML" value="true" />
1902 |       <option name="JS_STATEMENT" value="true" />
1903 |     </context>
1904 |   </template>
1905 |   <template
1906 |       name="opl"
1907 |       value="onPlay={$END$}"
1908 |       description="React: onPlay"
1909 |       toReformat="true"
1910 |       toShortenFQNames="true">
1911 |     <context>
1912 |       <option name="JAVA_SCRIPT" value="true" />
1913 |       <option name="JS_EXPRESSION" value="true" />
1914 |       <option name="JSX_HTML" value="true" />
1915 |       <option name="JS_STATEMENT" value="true" />
1916 |     </context>
1917 |   </template>
1918 |   <template
1919 |       name="onplg"
1920 |       value="onPlaying={$END$}"
1921 |       description="React: onPlaying"
1922 |       toReformat="true"
1923 |       toShortenFQNames="true">
1924 |     <context>
1925 |       <option name="JAVA_SCRIPT" value="true" />
1926 |       <option name="JS_EXPRESSION" value="true" />
1927 |       <option name="JSX_HTML" value="true" />
1928 |       <option name="JS_STATEMENT" value="true" />
1929 |     </context>
1930 |   </template>
1931 |   <template
1932 |       name="onpgs"
1933 |       value="onProgress={$END$}"
1934 |       description="React: onProgress"
1935 |       toReformat="true"
1936 |       toShortenFQNames="true">
1937 |     <context>
1938 |       <option name="JAVA_SCRIPT" value="true" />
1939 |       <option name="JS_EXPRESSION" value="true" />
1940 |       <option name="JSX_HTML" value="true" />
1941 |       <option name="JS_STATEMENT" value="true" />
1942 |     </context>
1943 |   </template>
1944 |   <template
1945 |       name="onrc"
1946 |       value="onRateChange={$END$}"
1947 |       description="React: onRateChange"
1948 |       toReformat="true"
1949 |       toShortenFQNames="true">
1950 |     <context>
1951 |       <option name="JAVA_SCRIPT" value="true" />
1952 |       <option name="JS_EXPRESSION" value="true" />
1953 |       <option name="JSX_HTML" value="true" />
1954 |       <option name="JS_STATEMENT" value="true" />
1955 |     </context>
1956 |   </template>
1957 |   <template
1958 |       name="onsked"
1959 |       value="onSeeked={$END$}"
1960 |       description="React: onSeeked"
1961 |       toReformat="true"
1962 |       toShortenFQNames="true">
1963 |     <context>
1964 |       <option name="JAVA_SCRIPT" value="true" />
1965 |       <option name="JS_EXPRESSION" value="true" />
1966 |       <option name="JSX_HTML" value="true" />
1967 |       <option name="JS_STATEMENT" value="true" />
1968 |     </context>
1969 |   </template>
1970 |   <template
1971 |       name="onskin"
1972 |       value="onSeeking={$END$}"
1973 |       description="React: onSeeking"
1974 |       toReformat="true"
1975 |       toShortenFQNames="true">
1976 |     <context>
1977 |       <option name="JAVA_SCRIPT" value="true" />
1978 |       <option name="JS_EXPRESSION" value="true" />
1979 |       <option name="JSX_HTML" value="true" />
1980 |       <option name="JS_STATEMENT" value="true" />
1981 |     </context>
1982 |   </template>
1983 |   <template
1984 |       name="onstd"
1985 |       value="onStalled={$END$}"
1986 |       description="React: onStalled"
1987 |       toReformat="true"
1988 |       toShortenFQNames="true">
1989 |     <context>
1990 |       <option name="JAVA_SCRIPT" value="true" />
1991 |       <option name="JS_EXPRESSION" value="true" />
1992 |       <option name="JSX_HTML" value="true" />
1993 |       <option name="JS_STATEMENT" value="true" />
1994 |     </context>
1995 |   </template>
1996 |   <template
1997 |       name="onsupd"
1998 |       value="onSuspend={$END$}"
1999 |       description="React: onSuspend"
2000 |       toReformat="true"
2001 |       toShortenFQNames="true">
2002 |     <context>
2003 |       <option name="JAVA_SCRIPT" value="true" />
2004 |       <option name="JS_EXPRESSION" value="true" />
2005 |       <option name="JSX_HTML" value="true" />
2006 |       <option name="JS_STATEMENT" value="true" />
2007 |     </context>
2008 |   </template>
2009 |   <template
2010 |       name="ontu"
2011 |       value="onTimeUpdate={$END$}"
2012 |       description="React: onTimeUpdate"
2013 |       toReformat="true"
2014 |       toShortenFQNames="true">
2015 |     <context>
2016 |       <option name="JAVA_SCRIPT" value="true" />
2017 |       <option name="JS_EXPRESSION" value="true" />
2018 |       <option name="JSX_HTML" value="true" />
2019 |       <option name="JS_STATEMENT" value="true" />
2020 |     </context>
2021 |   </template>
2022 |   <template
2023 |       name="onvc"
2024 |       value="onVolumeChange={$END$}"
2025 |       description="React: onVolumeChange"
2026 |       toReformat="true"
2027 |       toShortenFQNames="true">
2028 |     <context>
2029 |       <option name="JAVA_SCRIPT" value="true" />
2030 |       <option name="JS_EXPRESSION" value="true" />
2031 |       <option name="JSX_HTML" value="true" />
2032 |       <option name="JS_STATEMENT" value="true" />
2033 |     </context>
2034 |   </template>
2035 |   <template
2036 |       name="onwt"
2037 |       value="onWaiting={$END$}"
2038 |       description="React: onWaiting"
2039 |       toReformat="true"
2040 |       toShortenFQNames="true">
2041 |     <context>
2042 |       <option name="JAVA_SCRIPT" value="true" />
2043 |       <option name="JS_EXPRESSION" value="true" />
2044 |       <option name="JSX_HTML" value="true" />
2045 |       <option name="JS_STATEMENT" value="true" />
2046 |     </context>
2047 |   </template>
2048 |   <template
2049 |       name="onld"
2050 |       value="onLoad={$END$}"
2051 |       description="React: onLoad"
2052 |       toReformat="true"
2053 |       toShortenFQNames="true">
2054 |     <context>
2055 |       <option name="JAVA_SCRIPT" value="true" />
2056 |       <option name="JS_EXPRESSION" value="true" />
2057 |       <option name="JSX_HTML" value="true" />
2058 |       <option name="JS_STATEMENT" value="true" />
2059 |     </context>
2060 |   </template>
2061 |   <template
2062 |       name="onerr"
2063 |       value="onError={$END$}"
2064 |       description="React: onError"
2065 |       toReformat="true"
2066 |       toShortenFQNames="true">
2067 |     <context>
2068 |       <option name="JAVA_SCRIPT" value="true" />
2069 |       <option name="JS_EXPRESSION" value="true" />
2070 |       <option name="JSX_HTML" value="true" />
2071 |       <option name="JS_STATEMENT" value="true" />
2072 |     </context>
2073 |   </template>
2074 |   <template
2075 |       name="onas"
2076 |       value="onAnimationStart={$END$}"
2077 |       description="React: onAnimationStart"
2078 |       toReformat="true"
2079 |       toShortenFQNames="true">
2080 |     <context>
2081 |       <option name="JAVA_SCRIPT" value="true" />
2082 |       <option name="JS_EXPRESSION" value="true" />
2083 |       <option name="JSX_HTML" value="true" />
2084 |       <option name="JS_STATEMENT" value="true" />
2085 |     </context>
2086 |   </template>
2087 |   <template
2088 |       name="onae"
2089 |       value="onAnimationEnd={$END$}"
2090 |       description="React: onAnimationEnd"
2091 |       toReformat="true"
2092 |       toShortenFQNames="true">
2093 |     <context>
2094 |       <option name="JAVA_SCRIPT" value="true" />
2095 |       <option name="JS_EXPRESSION" value="true" />
2096 |       <option name="JSX_HTML" value="true" />
2097 |       <option name="JS_STATEMENT" value="true" />
2098 |     </context>
2099 |   </template>
2100 |   <template
2101 |       name="onai"
2102 |       value="onAnimationIteration={$END$}"
2103 |       description="React: onAnimationIteration"
2104 |       toReformat="true"
2105 |       toShortenFQNames="true">
2106 |     <context>
2107 |       <option name="JAVA_SCRIPT" value="true" />
2108 |       <option name="JS_EXPRESSION" value="true" />
2109 |       <option name="JSX_HTML" value="true" />
2110 |       <option name="JS_STATEMENT" value="true" />
2111 |     </context>
2112 |   </template>
2113 |   <template
2114 |       name="ontse"
2115 |       value="onTransitionEnd={$END$}"
2116 |       description="React: onTransitionEnd"
2117 |       toReformat="true"
2118 |       toShortenFQNames="true">
2119 |     <context>
2120 |       <option name="JAVA_SCRIPT" value="true" />
2121 |       <option name="JS_EXPRESSION" value="true" />
2122 |       <option name="JSX_HTML" value="true" />
2123 |       <option name="JS_STATEMENT" value="true" />
2124 |     </context>
2125 |   </template>
2126 | </templateSet>


--------------------------------------------------------------------------------