diff --git a/chrome/content/zotero/containers/collectionTree.jsx b/chrome/content/zotero/containers/collectionTree.jsx index 35f197b332..d178879081 100644 --- a/chrome/content/zotero/containers/collectionTree.jsx +++ b/chrome/content/zotero/containers/collectionTree.jsx @@ -24,7 +24,7 @@ */ const React = require('react'); -const ReactDom = require('react-dom'); +const ReactDOM = require('react-dom'); const { IntlProvider } = require('react-intl'); const LibraryTree = require('containers/libraryTree'); const VirtualizedTable = require('components/virtualized-table'); @@ -47,7 +47,7 @@ var CollectionTree = class CollectionTree extends LibraryTree { ref = c } {...opts} /> ); - await new Promise(resolve => ReactDom.render(elem, domEl, resolve)); + await new Promise(resolve => ReactDOM.render(elem, domEl, resolve)); Zotero.debug('React CollectionTree initialized'); return ref; diff --git a/chrome/content/zotero/containers/itemTree.jsx b/chrome/content/zotero/containers/itemTree.jsx index b318770280..80bc9cd2c9 100644 --- a/chrome/content/zotero/containers/itemTree.jsx +++ b/chrome/content/zotero/containers/itemTree.jsx @@ -26,7 +26,7 @@ const { noop, getDragTargetOrient } = require("components/utils"); const PropTypes = require("prop-types"); const React = require('react'); -const ReactDom = require('react-dom'); +const ReactDOM = require('react-dom'); const { IntlProvider } = require('react-intl'); const LibraryTree = require('containers/libraryTree'); const VirtualizedTable = require('components/virtualized-table'); @@ -211,7 +211,7 @@ var ItemTree = class ItemTree extends LibraryTree { ref = c } {...opts} /> ); - await new Promise(resolve => ReactDom.render(elem, domEl, resolve)); + await new Promise(resolve => ReactDOM.render(elem, domEl, resolve)); Zotero.debug('React ItemTree initialized'); return ref; diff --git a/chrome/content/zotero/containers/tagSelectorContainer.jsx b/chrome/content/zotero/containers/tagSelectorContainer.jsx index 8a8a4612ea..48c3d76647 100644 --- a/chrome/content/zotero/containers/tagSelectorContainer.jsx +++ b/chrome/content/zotero/containers/tagSelectorContainer.jsx @@ -29,7 +29,7 @@ (function () { const React = require('react'); -const ReactDom = require('react-dom'); +const ReactDOM = require('react-dom'); const PropTypes = require('prop-types'); const { IntlProvider } = require('react-intl'); const TagSelector = require('components/tagSelector.js'); @@ -766,14 +766,14 @@ Zotero.TagSelector = class TagSelectorContainer extends React.PureComponent { ref = c } {...opts} /> ); - ReactDom.render(elem, domEl); + ReactDOM.render(elem, domEl); ref.domEl = domEl; return ref; } uninit() { this._uninitialized = true; - ReactDom.unmountComponentAtNode(this.domEl); + ReactDOM.unmountComponentAtNode(this.domEl); Zotero.Notifier.unregisterObserver(this._notifierID); Zotero.Prefs.unregisterObserver(this._prefObserverID); } diff --git a/chrome/content/zotero/itemPane.js b/chrome/content/zotero/itemPane.js index 7cd9ca61a5..3fc7f418f0 100644 --- a/chrome/content/zotero/itemPane.js +++ b/chrome/content/zotero/itemPane.js @@ -24,7 +24,7 @@ */ import React from 'react'; -import ReactDom from 'react-dom'; +import ReactDOM from 'react-dom'; import TagsBoxContainer from 'containers/tagsBoxContainer'; var ZoteroItemPane = new function() { @@ -182,7 +182,7 @@ var ZoteroItemPane = new function() { return; } else if (index == 2) { - ReactDom.render( + ReactDOM.render( ); - return new Promise(resolve => ReactDom.render(elem, domEl, resolve)); + return new Promise(resolve => ReactDOM.render(elem, domEl, resolve)); } function getRowData(index) { diff --git a/chrome/content/zotero/preferences/preferences_cite.jsx b/chrome/content/zotero/preferences/preferences_cite.jsx index a12c24ed23..337ded38a8 100644 --- a/chrome/content/zotero/preferences/preferences_cite.jsx +++ b/chrome/content/zotero/preferences/preferences_cite.jsx @@ -28,7 +28,7 @@ import FilePicker from 'zotero/filePicker'; var React = require('react'); -var ReactDom = require('react-dom'); +var ReactDOM = require('react-dom'); var VirtualizedTable = require('components/virtualized-table'); var { IntlProvider } = require('react-intl'); var { makeRowRenderer } = VirtualizedTable; @@ -124,7 +124,7 @@ Zotero_Preferences.Cite = { /> ); - await new Promise(resolve => ReactDom.render(elem, document.getElementById("styleManager"), resolve)); + await new Promise(resolve => ReactDOM.render(elem, document.getElementById("styleManager"), resolve)); } else { this._tree.invalidate(); diff --git a/chrome/content/zotero/preferences/preferences_export.jsx b/chrome/content/zotero/preferences/preferences_export.jsx index da131b40ac..08df9ce3bc 100644 --- a/chrome/content/zotero/preferences/preferences_export.jsx +++ b/chrome/content/zotero/preferences/preferences_export.jsx @@ -26,7 +26,7 @@ "use strict"; var React = require('react'); -var ReactDom = require('react-dom'); +var ReactDOM = require('react-dom'); var VirtualizedTable = require('components/virtualized-table'); var { IntlProvider } = require('react-intl'); var { makeRowRenderer } = VirtualizedTable; @@ -307,7 +307,7 @@ Zotero_Preferences.Export = { /> ); - await new Promise(resolve => ReactDom.render(elem, document.getElementById("quickCopy-siteSettings"), resolve)); + await new Promise(resolve => ReactDOM.render(elem, document.getElementById("quickCopy-siteSettings"), resolve)); } else { this._tree.invalidate(); } diff --git a/chrome/content/zotero/preferences/preferences_sync.jsx b/chrome/content/zotero/preferences/preferences_sync.jsx index 46e9faff15..fd71f90886 100644 --- a/chrome/content/zotero/preferences/preferences_sync.jsx +++ b/chrome/content/zotero/preferences/preferences_sync.jsx @@ -29,7 +29,7 @@ Components.utils.import("resource://gre/modules/osfile.jsm"); Components.utils.import("resource://zotero/config.js"); var React = require('react'); -var ReactDom = require('react-dom'); +var ReactDOM = require('react-dom'); var VirtualizedTable = require('components/virtualized-table'); var { getDomElement } = require('components/icons'); var { IntlProvider } = require('react-intl'); @@ -311,7 +311,7 @@ Zotero_Preferences.Sync = { ); - ReactDom.render(elem, document.getElementById("libraries-to-sync-tree")); + ReactDOM.render(elem, document.getElementById("libraries-to-sync-tree")); var addRow = function (libraryName, id, checked=false, editable=true) { this._rows.push({ diff --git a/chrome/content/zotero/progressQueueDialog.jsx b/chrome/content/zotero/progressQueueDialog.jsx index c96d7e0d9d..1eece43d3e 100644 --- a/chrome/content/zotero/progressQueueDialog.jsx +++ b/chrome/content/zotero/progressQueueDialog.jsx @@ -25,7 +25,7 @@ Components.utils.import("resource://gre/modules/Services.jsm"); import React from 'react'; -import ReactDom from 'react-dom'; +import ReactDOM from 'react-dom'; import VirtualizedTable from 'components/virtualized-table'; const { IntlProvider } = require('react-intl'); const { getDomElement } = require('components/icons'); @@ -105,7 +105,7 @@ function _init() { /> ); - ReactDom.render(elem, domEl); + ReactDOM.render(elem, domEl); } /** diff --git a/chrome/content/zotero/rtfScan.jsx b/chrome/content/zotero/rtfScan.jsx index 4eca4b4acf..bc0a28753c 100644 --- a/chrome/content/zotero/rtfScan.jsx +++ b/chrome/content/zotero/rtfScan.jsx @@ -29,7 +29,7 @@ import FilePicker from 'zotero/filePicker'; import React from 'react'; -import ReactDom from 'react-dom'; +import ReactDOM from 'react-dom'; import VirtualizedTable from 'components/virtualized-table'; import { IntlProvider } from 'react-intl'; import { getDomElement } from 'components/icons'; @@ -778,6 +778,6 @@ var Zotero_RTFScan = new function() { /> ); - return new Promise(resolve => ReactDom.render(elem, domEl, resolve)); + return new Promise(resolve => ReactDOM.render(elem, domEl, resolve)); }; } diff --git a/chrome/content/zotero/tools/data_generator.jsx b/chrome/content/zotero/tools/data_generator.jsx index e295a2ae1b..b5b8a286ed 100644 --- a/chrome/content/zotero/tools/data_generator.jsx +++ b/chrome/content/zotero/tools/data_generator.jsx @@ -24,11 +24,11 @@ */ const React = require('react'); -const ReactDom = require('react-dom'); +const ReactDOM = require('react-dom'); function init() { let div = document.querySelector('div'); - ReactDom.render(, div); + ReactDOM.render(, div); } class DataGeneratorForm extends React.Component {