ReactDom -> ReactDOM

This commit is contained in:
Adomas Venčkauskas 2021-04-09 09:30:30 +03:00 committed by Dan Stillman
parent 1e75425698
commit 5a97f2bdd8
11 changed files with 23 additions and 23 deletions

View file

@ -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 {
<CollectionTree ref={c => ref = c } {...opts} />
</IntlProvider>
);
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;

View file

@ -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 {
<ItemTree ref={c => ref = c } {...opts} />
</IntlProvider>
);
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;

View file

@ -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 {
<TagSelectorContainer ref={c => ref = c } {...opts} />
</IntlProvider>
);
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);
}

View file

@ -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(
<TagsBoxContainer
key={"tagsBox-" + item.id}
item={item}

View file

@ -26,7 +26,7 @@
import VirtualizedTable from 'components/virtualized-table';
const { IntlProvider } = require('react-intl');
import React from 'react';
import ReactDom from 'react-dom';
import ReactDOM from 'react-dom';
var tree;
@ -54,7 +54,7 @@ function init() {
/>
</IntlProvider>
);
return new Promise(resolve => ReactDom.render(elem, domEl, resolve));
return new Promise(resolve => ReactDOM.render(elem, domEl, resolve));
}
function getRowData(index) {

View file

@ -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 = {
/>
</IntlProvider>
);
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();

View file

@ -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 = {
/>
</IntlProvider>
);
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();
}

View file

@ -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 = {
</IntlProvider>
);
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({

View file

@ -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() {
/>
</IntlProvider>
);
ReactDom.render(elem, domEl);
ReactDOM.render(elem, domEl);
}
/**

View file

@ -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() {
/>
</IntlProvider>
);
return new Promise(resolve => ReactDom.render(elem, domEl, resolve));
return new Promise(resolve => ReactDOM.render(elem, domEl, resolve));
};
}

View file

@ -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(<DataGeneratorForm/>, div);
ReactDOM.render(<DataGeneratorForm/>, div);
}
class DataGeneratorForm extends React.Component {