deprecate LayoutBox, phetsims/scenery#1418

phetsims · May 31, 2022 · 931472f · 931472f · pixelzoom · May 31, 2022
1 parent 9ebde2f
commit 931472f
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 23 deletions.
diff --git a/js/charges-and-fields/view/ChargesAndFieldsToolboxPanel.js b/js/charges-and-fields/view/ChargesAndFieldsToolboxPanel.js
@@ -12,17 +12,11 @@ import Vector2 from '../../../../dot/js/Vector2.js';
 import Vector2Property from '../../../../dot/js/Vector2Property.js';
 import { Shape } from '../../../../kite/js/imports.js';
 import MeasuringTapeNode from '../../../../scenery-phet/js/MeasuringTapeNode.js';
-import { Circle } from '../../../../scenery/js/imports.js';
-import { Image } from '../../../../scenery/js/imports.js';
-import { LayoutBox } from '../../../../scenery/js/imports.js';
-import { Node } from '../../../../scenery/js/imports.js';
-import { Path } from '../../../../scenery/js/imports.js';
-import { Rectangle } from '../../../../scenery/js/imports.js';
-import { Text } from '../../../../scenery/js/imports.js';
+import { Circle, Image, Node, Path, Rectangle, Text, VBox } from '../../../../scenery/js/imports.js';
 import Panel from '../../../../sun/js/Panel.js';
 import electricPotentialPanelOutline_png from '../../../mipmaps/electricPotentialPanelOutline_png.js';
-import chargesAndFieldsStrings from '../../chargesAndFieldsStrings.js';
 import chargesAndFields from '../../chargesAndFields.js';
+import chargesAndFieldsStrings from '../../chargesAndFieldsStrings.js';
 import ChargesAndFieldsColors from '../ChargesAndFieldsColors.js';
 import ChargesAndFieldsConstants from '../ChargesAndFieldsConstants.js';
 
@@ -57,7 +51,7 @@ class ChargesAndFieldsToolboxPanel extends Panel {
     const measuringTapeIconNode = ChargesAndFieldsToolboxPanel.createMeasuringTapeIcon( tandem ); // {Node}
 
     // The content panel with the two icons
-    const panelContent = new LayoutBox( {
+    const panelContent = new VBox( {
       spacing: 20,
       children: [ electricPotentialSensorIconNode, measuringTapeIconNode ],
       pickable: true,

diff --git a/js/charges-and-fields/view/ElectricPotentialSensorNode.js b/js/charges-and-fields/view/ElectricPotentialSensorNode.js
@@ -16,17 +16,10 @@ import { Shape } from '../../../../kite/js/imports.js';
 import merge from '../../../../phet-core/js/merge.js';
 import StringUtils from '../../../../phetcommon/js/util/StringUtils.js';
 import EraserButton from '../../../../scenery-phet/js/buttons/EraserButton.js';
-import { DragListener } from '../../../../scenery/js/imports.js';
-import { Circle } from '../../../../scenery/js/imports.js';
-import { Image } from '../../../../scenery/js/imports.js';
-import { LayoutBox } from '../../../../scenery/js/imports.js';
-import { Node } from '../../../../scenery/js/imports.js';
-import { Path } from '../../../../scenery/js/imports.js';
-import { Rectangle } from '../../../../scenery/js/imports.js';
-import { Text } from '../../../../scenery/js/imports.js';
+import { Circle, DragListener, HBox, Image, Node, Path, Rectangle, Text, VBox } from '../../../../scenery/js/imports.js';
 import electricPotentialPanelOutline_png from '../../../mipmaps/electricPotentialPanelOutline_png.js';
-import chargesAndFieldsStrings from '../../chargesAndFieldsStrings.js';
 import chargesAndFields from '../../chargesAndFields.js';
+import chargesAndFieldsStrings from '../../chargesAndFieldsStrings.js';
 import ChargesAndFieldsColors from '../ChargesAndFieldsColors.js';
 import ChargesAndFieldsConstants from '../ChargesAndFieldsConstants.js';
 import PencilButton from './PencilButton.js';
@@ -139,8 +132,7 @@ class ElectricPotentialSensorNode extends Node {
     } );
 
     // The clear and plot buttons
-    const buttonsBox = new LayoutBox( {
-      orientation: 'horizontal',
+    const buttonsBox = new HBox( {
       spacing: 10,
       children: [ clearButton, plotElectricPotentialLineButton ],
       pickable: true,
@@ -165,7 +157,7 @@ class ElectricPotentialSensorNode extends Node {
     } );
 
     // Organize the content of the control panel
-    const bodyContent = new LayoutBox( {
+    const bodyContent = new VBox( {
       spacing: 7,
       children: [ electricPotentialPanelTitleText, backgroundRectangle, buttonsBox ],
       pickable: true

diff --git a/js/charges-and-fields/view/GlobalOptionsNode.js b/js/charges-and-fields/view/GlobalOptionsNode.js
@@ -8,10 +8,10 @@
 
 import OptionsDialog from '../../../../joist/js/OptionsDialog.js';
 import ProjectorModeCheckbox from '../../../../joist/js/ProjectorModeCheckbox.js';
-import { LayoutBox } from '../../../../scenery/js/imports.js';
+import { VBox } from '../../../../scenery/js/imports.js';
 import chargesAndFields from '../../chargesAndFields.js';
 
-class GlobalOptionsNode extends LayoutBox {
+class GlobalOptionsNode extends VBox {
 
   /**
    * @param {Tandem} tandem