Bug 1874363 - [devtools] Remove build-debugger react-dom-factories mapping. r=devtools-reviewers,ochameau.

Differential Revision: https://phabricator.services.mozilla.com/D198419

devtools/client/debugger/src/components/App.js

@@ -3,7 +3,11 @@
  * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
 
 import React, { Component } from "react";
-import { div, main, span } from "react-dom-factories";
+import {
+  div,
+  main,
+  span,
+} from "devtools/client/shared/vendor/react-dom-factories";
 import PropTypes from "devtools/client/shared/vendor/react-prop-types";
 import { connect } from "../utils/connect";
 import { prefs } from "../utils/prefs";

devtools/client/debugger/src/components/Editor/Breakpoints.js

@@ -4,7 +4,7 @@
 
 import PropTypes from "devtools/client/shared/vendor/react-prop-types";
 import React, { Component } from "react";
-import { div } from "react-dom-factories";
+import { div } from "devtools/client/shared/vendor/react-dom-factories";
 import Breakpoint from "./Breakpoint";
 
 import { getSelectedSource, getFirstVisibleBreakpoints } from "../../selectors";

devtools/client/debugger/src/components/Editor/ColumnBreakpoints.js

@@ -3,7 +3,7 @@
  * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
 
 import React, { Component } from "react";
-import { div } from "react-dom-factories";
+import { div } from "devtools/client/shared/vendor/react-dom-factories";
 import PropTypes from "devtools/client/shared/vendor/react-prop-types";
 
 import ColumnBreakpoint from "./ColumnBreakpoint";

devtools/client/debugger/src/components/Editor/ConditionalPanel.js

@@ -3,7 +3,10 @@
  * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
 
 import { PureComponent } from "react";
-import { div, textarea } from "react-dom-factories";
+import {
+  div,
+  textarea,
+} from "devtools/client/shared/vendor/react-dom-factories";
 import ReactDOM from "devtools/client/shared/vendor/react-dom";
 import PropTypes from "devtools/client/shared/vendor/react-prop-types";
 import { connect } from "../../utils/connect";

devtools/client/debugger/src/components/Editor/Footer.js

@@ -3,7 +3,11 @@
  * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
 
 import React, { PureComponent } from "react";
-import { div, button, span } from "react-dom-factories";
+import {
+  div,
+  button,
+  span,
+} from "devtools/client/shared/vendor/react-dom-factories";
 import PropTypes from "devtools/client/shared/vendor/react-prop-types";
 import { connect } from "../../utils/connect";
 import actions from "../../actions";

devtools/client/debugger/src/components/Editor/InlinePreview.js

@@ -3,7 +3,7 @@
  * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
 
 import React, { PureComponent } from "react";
-import { span } from "react-dom-factories";
+import { span } from "devtools/client/shared/vendor/react-dom-factories";
 import PropTypes from "devtools/client/shared/vendor/react-prop-types";
 import Reps from "devtools/client/shared/components/reps/index";
 

devtools/client/debugger/src/components/Editor/InlinePreviews.js

@@ -3,7 +3,7 @@
  * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
 
 import React, { Component } from "react";
-import { div } from "react-dom-factories";
+import { div } from "devtools/client/shared/vendor/react-dom-factories";
 import PropTypes from "devtools/client/shared/vendor/react-prop-types";
 import InlinePreviewRow from "./InlinePreviewRow";
 import { connect } from "../../utils/connect";

devtools/client/debugger/src/components/Editor/Preview/ExceptionPopup.js

@@ -3,7 +3,7 @@
  * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
 
 import React, { Component } from "react";
-import { div, span } from "react-dom-factories";
+import { div, span } from "devtools/client/shared/vendor/react-dom-factories";
 import PropTypes from "devtools/client/shared/vendor/react-prop-types";
 import { connect } from "../../../utils/connect";
 

devtools/client/debugger/src/components/Editor/Preview/Popup.js

@@ -3,7 +3,7 @@
  * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
 
 import React, { Component } from "react";
-import { div } from "react-dom-factories";
+import { div } from "devtools/client/shared/vendor/react-dom-factories";
 import PropTypes from "devtools/client/shared/vendor/react-prop-types";
 import { connect } from "../../../utils/connect";
 

devtools/client/debugger/src/components/Editor/SearchInFileBar.js

@@ -4,7 +4,7 @@
 
 import PropTypes from "devtools/client/shared/vendor/react-prop-types";
 import React, { Component } from "react";
-import { div } from "react-dom-factories";
+import { div } from "devtools/client/shared/vendor/react-dom-factories";
 import { connect } from "../../utils/connect";
 import actions from "../../actions";
 import {

devtools/client/debugger/src/components/Editor/Tab.js

@@ -3,7 +3,7 @@
  * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
 
 import React, { PureComponent } from "react";
-import { div, span } from "react-dom-factories";
+import { div, span } from "devtools/client/shared/vendor/react-dom-factories";
 import PropTypes from "devtools/client/shared/vendor/react-prop-types";
 import { connect } from "../../utils/connect";
 

devtools/client/debugger/src/components/Editor/Tabs.js

@@ -3,7 +3,12 @@
  * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
 
 import React, { PureComponent } from "react";
-import { div, ul, li, span } from "react-dom-factories";
+import {
+  div,
+  ul,
+  li,
+  span,
+} from "devtools/client/shared/vendor/react-dom-factories";
 import PropTypes from "devtools/client/shared/vendor/react-prop-types";
 import { connect } from "../../utils/connect";
 

devtools/client/debugger/src/components/Editor/index.js

@@ -4,7 +4,7 @@
 
 import PropTypes from "devtools/client/shared/vendor/react-prop-types";
 import React, { PureComponent } from "react";
-import { div } from "react-dom-factories";
+import { div } from "devtools/client/shared/vendor/react-dom-factories";
 import { bindActionCreators } from "devtools/client/shared/vendor/redux";
 import ReactDOM from "devtools/client/shared/vendor/react-dom";
 import { connect } from "../../utils/connect";

devtools/client/debugger/src/components/PrimaryPanes/Outline.js

@@ -3,7 +3,14 @@
  * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
 
 import React, { Component } from "react";
-import { div, ul, li, span, h2, button } from "react-dom-factories";
+import {
+  div,
+  ul,
+  li,
+  span,
+  h2,
+  button,
+} from "devtools/client/shared/vendor/react-dom-factories";
 import PropTypes from "devtools/client/shared/vendor/react-prop-types";
 import { connect } from "../../utils/connect";
 

devtools/client/debugger/src/components/PrimaryPanes/OutlineFilter.js

@@ -3,7 +3,11 @@
  * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
 
 import { Component } from "react";
-import { form, div, input } from "react-dom-factories";
+import {
+  form,
+  div,
+  input,
+} from "devtools/client/shared/vendor/react-dom-factories";
 import PropTypes from "devtools/client/shared/vendor/react-prop-types";
 const classnames = require("devtools/client/shared/classnames.js");
 

devtools/client/debugger/src/components/PrimaryPanes/ProjectSearch.js

@@ -3,7 +3,11 @@
  * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
 
 import React, { Component } from "react";
-import { button, div, span } from "react-dom-factories";
+import {
+  button,
+  div,
+  span,
+} from "devtools/client/shared/vendor/react-dom-factories";
 import PropTypes from "devtools/client/shared/vendor/react-prop-types";
 import { connect } from "../../utils/connect";
 import actions from "../../actions";

devtools/client/debugger/src/components/PrimaryPanes/SourcesTree.js

@@ -4,7 +4,12 @@
 
 // Dependencies
 import React, { Component, Fragment } from "react";
-import { div, button, span, footer } from "react-dom-factories";
+import {
+  div,
+  button,
+  span,
+  footer,
+} from "devtools/client/shared/vendor/react-dom-factories";
 import PropTypes from "devtools/client/shared/vendor/react-prop-types";
 import { connect } from "../../utils/connect";
 

devtools/client/debugger/src/components/PrimaryPanes/SourcesTreeItem.js

@@ -3,7 +3,7 @@
  * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
 
 import React, { Component } from "react";
-import { div, span } from "react-dom-factories";
+import { div, span } from "devtools/client/shared/vendor/react-dom-factories";
 import PropTypes from "devtools/client/shared/vendor/react-prop-types";
 import { connect } from "../../utils/connect";
 

devtools/client/debugger/src/components/QuickOpenModal.js

@@ -3,7 +3,7 @@
  * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
 
 import React, { Component } from "react";
-import { div } from "react-dom-factories";
+import { div } from "devtools/client/shared/vendor/react-dom-factories";
 import PropTypes from "devtools/client/shared/vendor/react-prop-types";
 import { connect } from "../utils/connect";
 import { basename } from "../utils/path";

devtools/client/debugger/src/components/SecondaryPanes/Breakpoints/Breakpoint.js

@@ -3,7 +3,11 @@
  * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
 
 import React, { PureComponent } from "react";
-import { div, input, span } from "react-dom-factories";
+import {
+  div,
+  input,
+  span,
+} from "devtools/client/shared/vendor/react-dom-factories";
 import PropTypes from "devtools/client/shared/vendor/react-prop-types";
 import { connect } from "../../../utils/connect";
 import { createSelector } from "devtools/client/shared/vendor/reselect";

devtools/client/debugger/src/components/SecondaryPanes/Breakpoints/BreakpointHeading.js

@@ -3,7 +3,7 @@
  * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
 
 import React, { PureComponent } from "react";
-import { div, span } from "react-dom-factories";
+import { div, span } from "devtools/client/shared/vendor/react-dom-factories";
 import PropTypes from "devtools/client/shared/vendor/react-prop-types";
 
 import { connect } from "../../../utils/connect";

devtools/client/debugger/src/components/SecondaryPanes/Breakpoints/ExceptionOption.js

@@ -1,7 +1,11 @@
 /* This Source Code Form is subject to the terms of the Mozilla Public
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
-import { div, input, label } from "react-dom-factories";
+import {
+  div,
+  input,
+  label,
+} from "devtools/client/shared/vendor/react-dom-factories";
 import PropTypes from "devtools/client/shared/vendor/react-prop-types";
 
 export default function ExceptionOption({

devtools/client/debugger/src/components/SecondaryPanes/Breakpoints/index.js

@@ -3,7 +3,7 @@
  * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
 
 import React, { Component } from "react";
-import { div } from "react-dom-factories";
+import { div } from "devtools/client/shared/vendor/react-dom-factories";
 import PropTypes from "devtools/client/shared/vendor/react-prop-types";
 import { connect } from "../../../utils/connect";
 

devtools/client/debugger/src/components/SecondaryPanes/CommandBar.js

@@ -3,7 +3,7 @@
  * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
 
 import React, { Component } from "react";
-import { div, button } from "react-dom-factories";
+import { div, button } from "devtools/client/shared/vendor/react-dom-factories";
 import PropTypes from "devtools/client/shared/vendor/react-prop-types";
 
 import { connect } from "../../utils/connect";

devtools/client/debugger/src/components/SecondaryPanes/DOMMutationBreakpoints.js

@@ -3,7 +3,12 @@
  * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
 
 import React, { Component } from "react";
-import { div, input, li, ul } from "react-dom-factories";
+import {
+  div,
+  input,
+  li,
+  ul,
+} from "devtools/client/shared/vendor/react-dom-factories";
 import PropTypes from "devtools/client/shared/vendor/react-prop-types";
 
 import Reps from "devtools/client/shared/components/reps/index";

devtools/client/debugger/src/components/SecondaryPanes/EventListeners.js

@@ -12,7 +12,7 @@ import {
   button,
   form,
   label,
-} from "react-dom-factories";
+} from "devtools/client/shared/vendor/react-dom-factories";
 import PropTypes from "devtools/client/shared/vendor/react-prop-types";
 
 import { connect } from "../../utils/connect";

devtools/client/debugger/src/components/SecondaryPanes/Expressions.js

@@ -12,7 +12,7 @@ import {
   datalist,
   option,
   span,
-} from "react-dom-factories";
+} from "devtools/client/shared/vendor/react-dom-factories";
 import PropTypes from "devtools/client/shared/vendor/react-prop-types";
 import { connect } from "../../utils/connect";
 import { features } from "../../utils/prefs";

devtools/client/debugger/src/components/SecondaryPanes/Scopes.js

@@ -3,7 +3,11 @@
  * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
 
 import React, { PureComponent } from "react";
-import { div, button, span } from "react-dom-factories";
+import {
+  div,
+  button,
+  span,
+} from "devtools/client/shared/vendor/react-dom-factories";
 import PropTypes from "devtools/client/shared/vendor/react-prop-types";
 import AccessibleImage from "../shared/AccessibleImage";
 import { showMenu } from "../../context-menu/menu";

devtools/client/debugger/src/components/SecondaryPanes/Thread.js

@@ -3,7 +3,7 @@
  * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
 
 import React, { Component } from "react";
-import { div, span } from "react-dom-factories";
+import { div, span } from "devtools/client/shared/vendor/react-dom-factories";
 import PropTypes from "devtools/client/shared/vendor/react-prop-types";
 import { connect } from "../../utils/connect";
 

devtools/client/debugger/src/components/SecondaryPanes/Threads.js

@@ -3,7 +3,7 @@
  * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
 
 import React, { Component } from "react";
-import { div } from "react-dom-factories";
+import { div } from "devtools/client/shared/vendor/react-dom-factories";
 import PropTypes from "devtools/client/shared/vendor/react-prop-types";
 import { connect } from "../../utils/connect";
 

devtools/client/debugger/src/components/SecondaryPanes/WhyPaused.js

@@ -8,7 +8,7 @@ const {
 } = require("devtools/client/shared/vendor/fluent-react");
 
 import React, { PureComponent } from "react";
-import { div, span } from "react-dom-factories";
+import { div, span } from "devtools/client/shared/vendor/react-dom-factories";
 import PropTypes from "devtools/client/shared/vendor/react-prop-types";
 import { connect } from "../../utils/connect";
 import AccessibleImage from "../shared/AccessibleImage";

devtools/client/debugger/src/components/SecondaryPanes/XHRBreakpoints.js

@@ -12,7 +12,7 @@ import {
   ul,
   option,
   select,
-} from "react-dom-factories";
+} from "devtools/client/shared/vendor/react-dom-factories";
 import PropTypes from "devtools/client/shared/vendor/react-prop-types";
 import { connect } from "../../utils/connect";
 import actions from "../../actions";

devtools/client/debugger/src/components/SecondaryPanes/index.js

@@ -5,7 +5,13 @@
 const SplitBox = require("devtools/client/shared/components/splitter/SplitBox");
 
 import React, { Component } from "react";
-import { div, input, label, button, a } from "react-dom-factories";
+import {
+  div,
+  input,
+  label,
+  button,
+  a,
+} from "devtools/client/shared/vendor/react-dom-factories";
 import PropTypes from "devtools/client/shared/vendor/react-prop-types";
 import { connect } from "../../utils/connect";
 

devtools/client/debugger/src/components/ShortcutsModal.js

@@ -3,7 +3,13 @@
  * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
 
 import React, { Component } from "react";
-import { div, ul, h2, span, li } from "react-dom-factories";
+import {
+  div,
+  ul,
+  h2,
+  span,
+  li,
+} from "devtools/client/shared/vendor/react-dom-factories";
 import PropTypes from "devtools/client/shared/vendor/react-prop-types";
 import Modal from "./shared/Modal";
 import { formatKeyShortcut } from "../utils/text";

devtools/client/debugger/src/components/WelcomeBox.js

@@ -3,7 +3,11 @@
  * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
 
 import { Component } from "react";
-import { div, p, span } from "react-dom-factories";
+import {
+  div,
+  p,
+  span,
+} from "devtools/client/shared/vendor/react-dom-factories";
 import PropTypes from "devtools/client/shared/vendor/react-prop-types";
 
 import { connect } from "../utils/connect";

devtools/client/debugger/src/components/shared/Accordion.js

@@ -3,7 +3,12 @@
  * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
 
 import { cloneElement, Component } from "react";
-import { aside, button, div, h2 } from "react-dom-factories";
+import {
+  aside,
+  button,
+  div,
+  h2,
+} from "devtools/client/shared/vendor/react-dom-factories";
 import PropTypes from "devtools/client/shared/vendor/react-prop-types";
 
 import "./Accordion.css";

devtools/client/debugger/src/components/shared/BracketArrow.js

@@ -2,7 +2,7 @@
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
 
-import { div } from "react-dom-factories";
+import { div } from "devtools/client/shared/vendor/react-dom-factories";
 import PropTypes from "devtools/client/shared/vendor/react-prop-types";
 
 const classnames = require("devtools/client/shared/classnames.js");

devtools/client/debugger/src/components/shared/Button/CloseButton.js

@@ -3,7 +3,7 @@
  * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
 
 import React from "react";
-import { button } from "react-dom-factories";
+import { button } from "devtools/client/shared/vendor/react-dom-factories";
 import PropTypes from "devtools/client/shared/vendor/react-prop-types";
 
 import AccessibleImage from "../AccessibleImage";

devtools/client/debugger/src/components/shared/Button/CommandBarButton.js

@@ -3,7 +3,7 @@
  * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
 
 import React from "react";
-import { button } from "react-dom-factories";
+import { button } from "devtools/client/shared/vendor/react-dom-factories";
 import PropTypes from "devtools/client/shared/vendor/react-prop-types";
 
 import AccessibleImage from "../AccessibleImage";

devtools/client/debugger/src/components/shared/Dropdown.js

@@ -3,7 +3,7 @@
  * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
 
 import { Component } from "react";
-import { button, div } from "react-dom-factories";
+import { button, div } from "devtools/client/shared/vendor/react-dom-factories";
 import PropTypes from "devtools/client/shared/vendor/react-prop-types";
 import "./Dropdown.css";
 

devtools/client/debugger/src/components/shared/Modal.js

@@ -4,7 +4,7 @@
 
 import PropTypes from "devtools/client/shared/vendor/react-prop-types";
 import React from "react";
-import { div } from "react-dom-factories";
+import { div } from "devtools/client/shared/vendor/react-dom-factories";
 const classnames = require("devtools/client/shared/classnames.js");
 import "./Modal.css";
 

devtools/client/debugger/src/components/shared/Popover.js

@@ -3,7 +3,7 @@
  * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
 
 import React, { Component } from "react";
-import { div } from "react-dom-factories";
+import { div } from "devtools/client/shared/vendor/react-dom-factories";
 import PropTypes from "devtools/client/shared/vendor/react-prop-types";
 import BracketArrow from "./BracketArrow";
 import SmartGap from "./SmartGap";

devtools/client/debugger/src/components/shared/PreviewFunction.js

@@ -3,7 +3,10 @@
  * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
 
 import { Component } from "react";
-import { span, button } from "react-dom-factories";
+import {
+  span,
+  button,
+} from "devtools/client/shared/vendor/react-dom-factories";
 import PropTypes from "devtools/client/shared/vendor/react-prop-types";
 
 import { formatDisplayName } from "../../utils/pause/frames";

devtools/client/debugger/src/components/shared/ResultList.js

@@ -3,7 +3,7 @@
  * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
 
 import React, { Component } from "react";
-import { li, div, ul } from "react-dom-factories";
+import { li, div, ul } from "devtools/client/shared/vendor/react-dom-factories";
 import PropTypes from "devtools/client/shared/vendor/react-prop-types";
 
 import AccessibleImage from "./AccessibleImage";

devtools/client/debugger/src/components/shared/SearchInput.js

@@ -3,7 +3,13 @@
  * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
 
 import React, { Component } from "react";
-import { button, div, label, input, span } from "react-dom-factories";
+import {
+  button,
+  div,
+  label,
+  input,
+  span,
+} from "devtools/client/shared/vendor/react-dom-factories";
 import PropTypes from "devtools/client/shared/vendor/react-prop-types";
 import { connect } from "../../utils/connect";
 import { CloseButton } from "./Button";

devtools/client/debugger/src/components/shared/SmartGap.js

@@ -2,7 +2,10 @@
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
 
-import { svg, polygon } from "react-dom-factories";
+import {
+  svg,
+  polygon,
+} from "devtools/client/shared/vendor/react-dom-factories";
 import PropTypes from "devtools/client/shared/vendor/react-prop-types";
 
 function shorten(coordinates) {

devtools/client/shared/build/build-debugger.js

@@ -10,7 +10,6 @@ const _path = require("path");
 
 const mappings = {
   react: "devtools/client/shared/vendor/react",
-  "react-dom-factories": "devtools/client/shared/vendor/react-dom-factories",
 };
 
 const mappingValues = Object.values(mappings);