remove flex/view additional wrappers

plugins/ui/src/js/src/elements/SpectrumElementUtils.ts

@@ -16,16 +16,15 @@ import {
   ToggleButton,
 } from '@adobe/react-spectrum';
 import { ValueOf } from '@deephaven/utils';
+import { Flex, View } from '@deephaven/components';
 import {
   ActionButton,
   Button,
-  Flex,
   Form,
   RangeSlider,
   Slider,
   TabPanels,
   TextField,
-  View,
 } from './spectrum';
 import { ELEMENT_KEY, ElementNode, isElementNode } from './ElementUtils';
 

plugins/ui/src/js/src/elements/spectrum/index.ts

@@ -6,8 +6,6 @@
  */
 export { default as ActionButton } from './ActionButton';
 export { default as Button } from './Button';
-export { default as Flex } from './Flex';
-export { default as View } from './View';
 export { default as Form } from './Form';
 export { default as RangeSlider } from './RangeSlider';
 export { default as Slider } from './Slider';

plugins/ui/src/js/src/layout/Column.tsx

@@ -1,13 +1,13 @@
 import React, { useEffect, useMemo } from 'react';
 import { useLayoutManager } from '@deephaven/dashboard';
 import type { RowOrColumn } from '@deephaven/golden-layout';
+import { Flex } from '@deephaven/components';
 import {
   normalizeColumnChildren,
   type ColumnElementProps,
 } from './LayoutUtils';
 import { ParentItemContext, useParentItem } from './ParentItemContext';
 import { usePanelId } from './ReactPanelContext';
-import { Flex } from '../elements/spectrum';
 
 function LayoutColumn({
   children,

plugins/ui/src/js/src/layout/Row.tsx

@@ -1,10 +1,10 @@
 import React, { useEffect, useMemo } from 'react';
 import { useLayoutManager } from '@deephaven/dashboard';
 import type { RowOrColumn } from '@deephaven/golden-layout';
+import { Flex } from '@deephaven/components';
 import { normalizeRowChildren, type RowElementProps } from './LayoutUtils';
 import { ParentItemContext, useParentItem } from './ParentItemContext';
 import { usePanelId } from './ReactPanelContext';
-import { Flex } from '../elements/spectrum';
 
 function LayoutRow({ children, height }: RowElementProps): JSX.Element | null {
   const layoutManager = useLayoutManager();