refactor: tabs

packages/entity-persea/package.json

@@ -33,8 +33,7 @@
     "@flecks/core": "1.4.1",
     "@flecks/react": "1.4.1",
     "lodash.difference": "^4.5.0",
-    "react-autosuggest": "^10.1.0",
-    "react-tabs": "^4.0.1"
+    "react-autosuggest": "^10.1.0"
   },
   "devDependencies": {
     "@flecks/fleck": "1.4.1"

packages/entity-persea/src/controllers/entity/component.jsx

@@ -2,6 +2,12 @@ import './component.scss';
 
 import {join} from 'path';
 
+import {
+  Tab,
+  Tabs,
+  TabList,
+  TabPanel,
+} from '@avocado/react';
 import {
   PropTypes,
   React,
@@ -9,12 +15,6 @@ import {
   useFlecks,
   useState,
 } from '@flecks/react';
-import {
-  Tab,
-  Tabs,
-  TabList,
-  TabPanel,
-} from 'react-tabs';
 
 import Traits from './traits';
 import View from './view';

packages/entity-persea/src/controllers/entity/traits/index.jsx

@@ -2,7 +2,13 @@ import './index.scss';
 
 import {join} from 'path';
 
-import {Modal} from '@avocado/react';
+import {
+  Modal,
+  Tab,
+  Tabs,
+  TabList,
+  TabPanel,
+} from '@avocado/react';
 import {JsonController, useJsonPatcher} from '@avocado/resource-persea';
 import {
   PropTypes,
@@ -12,12 +18,6 @@ import {
   useState,
 } from '@flecks/react';
 import difference from 'lodash.difference';
-import {
-  Tab,
-  Tabs,
-  TabList,
-  TabPanel,
-} from 'react-tabs';
 
 import Suggest from './suggest';
 

packages/react/package.json

@@ -32,7 +32,8 @@
     "deepmerge": "^4.2.2",
     "react-ace": "^9.4.0",
     "react-json-editor-ajrm": "^2.5.13",
-    "react-modal": "^3.12.1"
+    "react-modal": "^3.12.1",
+    "react-tabs": "^4.0.1"
   },
   "devDependencies": {
     "@flecks/fleck": "1.4.1"

packages/react/src/index.js

@@ -1,3 +1,5 @@
+export * from 'react-tabs';
+
 export {default as Code} from './components/code';
 export {default as IconPages} from './components/icon-pages';
 export {default as Json} from './components/json';

packages/resource-persea/src/components/json-tabs/index.jsx

@@ -3,12 +3,14 @@ import './index.scss';
 import {join} from 'path';
 
 import {
-  PropTypes,
-  React,
   Tab,
   Tabs,
   TabList,
   TabPanel,
+} from '@avocado/react';
+import {
+  PropTypes,
+  React,
   useEffect,
   usePrevious,
   useRef,