chore(*): rename devui to redux-devtools-ui (#868)

extension/src/app/containers/Actions.tsx

@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
 import { connect, ResolveThunks } from 'react-redux';
-import { Button, Container, Divider, Toolbar } from 'devui';
+import { Button, Container, Divider, Toolbar } from '@redux-devtools/ui';
 import SliderMonitor from '@redux-devtools/app/lib/containers/monitors/Slider';
 import { liftedDispatch, getReport } from '@redux-devtools/app/lib/actions';
 import { getActiveInstance } from '@redux-devtools/app/lib/reducers/instances';

extension/src/app/containers/App.tsx

@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
 import { connect, ResolveThunks } from 'react-redux';
-import { Container, Notification } from 'devui';
+import { Container, Notification } from '@redux-devtools/ui';
 import { getActiveInstance } from '@redux-devtools/app/lib/reducers/instances';
 import Settings from '@redux-devtools/app/lib/components/Settings';
 import Header from '@redux-devtools/app/lib/components/Header';

packages/devui/README.md

@@ -1,3 +0,0 @@
-# DevUI
-
-WIP

packages/redux-devtools-app/package.json

@@ -45,9 +45,9 @@
     "@redux-devtools/log-monitor": "^2.3.0",
     "@redux-devtools/rtk-query-monitor": "^1.0.0",
     "@redux-devtools/slider-monitor": "^2.0.0-8",
+    "@redux-devtools/ui": "^1.0.0-9",
     "@reduxjs/toolkit": "^1.6.1",
     "d3-state-visualizer": "^1.4.0",
-    "devui": "^1.0.0-9",
     "javascript-stringify": "^2.1.0",
     "jsan": "^3.1.13",
     "jsondiffpatch": "^0.4.1",

packages/redux-devtools-app/src/actions/index.ts

@@ -1,4 +1,4 @@
-import { Scheme, Theme } from 'devui';
+import { Scheme, Theme } from '@redux-devtools/ui';
 import { AuthStates, States } from 'socketcluster-client/lib/scclientsocket';
 import {
   CHANGE_SECTION,

packages/redux-devtools-app/src/components/BottomButtons.tsx

@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
-import { Button, Toolbar, Divider } from 'devui';
+import { Button, Toolbar, Divider } from '@redux-devtools/ui';
 import { MdSave } from 'react-icons/md';
 import ExportButton from './buttons/ExportButton';
 import ImportButton from './buttons/ImportButton';

packages/redux-devtools-app/src/components/Header.tsx

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import { Tabs, Toolbar, Button, Divider } from 'devui';
+import { Tabs, Toolbar, Button, Divider } from '@redux-devtools/ui';
 import { connect, ResolveThunks } from 'react-redux';
 import { GoBook } from 'react-icons/go';
 import { IoMdText } from 'react-icons/io';

packages/redux-devtools-app/src/components/InstanceSelector.tsx

@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
 import { connect, ResolveThunks } from 'react-redux';
-import { Select } from 'devui';
+import { Select } from '@redux-devtools/ui';
 import { selectInstance } from '../actions';
 import { StoreState } from '../reducers';
 

packages/redux-devtools-app/src/components/MonitorSelector.tsx

@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
 import { connect, ResolveThunks } from 'react-redux';
-import { Tabs } from 'devui';
+import { Tabs } from '@redux-devtools/ui';
 import { monitors } from '../utils/getMonitor';
 import { selectMonitor } from '../actions';
 import { StoreState } from '../reducers';

packages/redux-devtools-app/src/components/Settings/Connection.tsx

@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
 import { connect, ResolveThunks } from 'react-redux';
-import { Container, Form } from 'devui';
+import { Container, Form } from '@redux-devtools/ui';
 import {
   JSONSchema7Definition,
   JSONSchema7Type,

packages/redux-devtools-app/src/components/Settings/Themes.tsx

@@ -1,7 +1,7 @@
 import React, { Component } from 'react';
 import { connect, ResolveThunks } from 'react-redux';
-import { Container, Form } from 'devui';
+import { Container, Form } from '@redux-devtools/ui';
-import { listSchemes, listThemes } from 'devui/lib/utils/theme';
+import { listSchemes, listThemes } from '@redux-devtools/ui/lib/utils/theme';
 import { changeTheme } from '../../actions';
 import { StoreState } from '../../reducers';
 

packages/redux-devtools-app/src/components/Settings/index.tsx

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import { Tabs } from 'devui';
+import { Tabs } from '@redux-devtools/ui';
 import Connection from './Connection';
 import Themes from './Themes';
 

packages/redux-devtools-app/src/components/TopButtons.tsx

@@ -1,7 +1,7 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { ActionCreators, LiftedAction } from '@redux-devtools/core';
-import { Button, Toolbar, Divider } from 'devui';
+import { Button, Toolbar, Divider } from '@redux-devtools/ui';
 import { Action } from 'redux';
 import RecordButton from './buttons/RecordButton';
 import PersistButton from './buttons/PersistButton';

packages/redux-devtools-app/src/components/buttons/DispatcherButton.tsx

@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
 import { connect, ResolveThunks } from 'react-redux';
-import { Button } from 'devui';
+import { Button } from '@redux-devtools/ui';
 import { FaTerminal } from 'react-icons/fa';
 import { toggleDispatcher } from '../../actions';
 

packages/redux-devtools-app/src/components/buttons/ExportButton.tsx

@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
 import { connect, ResolveThunks } from 'react-redux';
-import { Button } from 'devui';
+import { Button } from '@redux-devtools/ui';
 import { TiDownload } from 'react-icons/ti';
 import { exportState } from '../../actions';
 

packages/redux-devtools-app/src/components/buttons/ImportButton.tsx

@@ -1,6 +1,6 @@
 import React, { ChangeEventHandler, Component, RefCallback } from 'react';
 import { connect, ResolveThunks } from 'react-redux';
-import { Button } from 'devui';
+import { Button } from '@redux-devtools/ui';
 import { TiUpload } from 'react-icons/ti';
 import { importState } from '../../actions';
 

packages/redux-devtools-app/src/components/buttons/LockButton.tsx

@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
 import { connect } from 'react-redux';
-import { Button } from 'devui';
+import { Button } from '@redux-devtools/ui';
 import { IoIosLock } from 'react-icons/io';
 import { lockChanges, StoreAction } from '../../actions';
 import { Dispatch } from 'redux';

packages/redux-devtools-app/src/components/buttons/PersistButton.tsx

@@ -1,7 +1,7 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { connect, ResolveThunks } from 'react-redux';
-import { Button } from 'devui';
+import { Button } from '@redux-devtools/ui';
 import { FaThumbtack } from 'react-icons/fa';
 import { togglePersist } from '../../actions';
 import { StoreState } from '../../reducers';

packages/redux-devtools-app/src/components/buttons/PrintButton.tsx

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import { Button } from 'devui';
+import { Button } from '@redux-devtools/ui';
 import { MdPrint } from 'react-icons/md';
 
 export default class PrintButton extends Component {

packages/redux-devtools-app/src/components/buttons/RecordButton.tsx

@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
 import { connect } from 'react-redux';
-import { Button } from 'devui';
+import { Button } from '@redux-devtools/ui';
 import { MdFiberManualRecord } from 'react-icons/md';
 import { pauseRecording, StoreAction } from '../../actions';
 import { Dispatch } from 'redux';

packages/redux-devtools-app/src/components/buttons/SliderButton.tsx

@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
 import { connect, ResolveThunks } from 'react-redux';
-import { Button } from 'devui';
+import { Button } from '@redux-devtools/ui';
 import { MdAvTimer } from 'react-icons/md';
 import { toggleSlider } from '../../actions';
 

packages/redux-devtools-app/src/components/buttons/SyncButton.tsx

@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
 import { connect, ResolveThunks } from 'react-redux';
-import { Button } from 'devui';
+import { Button } from '@redux-devtools/ui';
 import { TiArrowSync } from 'react-icons/ti';
 import { toggleSync } from '../../actions';
 import { StoreState } from '../../reducers';

packages/redux-devtools-app/src/containers/Actions.tsx

@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
 import { connect, ResolveThunks } from 'react-redux';
-import { Container } from 'devui';
+import { Container } from '@redux-devtools/ui';
 import SliderMonitor from './monitors/Slider';
 import { liftedDispatch, getReport } from '../actions';
 import { getActiveInstance } from '../reducers/instances';

packages/redux-devtools-app/src/containers/App.tsx

@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
 import { connect, ResolveThunks } from 'react-redux';
-import { Container, Notification } from 'devui';
+import { Container, Notification } from '@redux-devtools/ui';
 import { clearNotification } from '../actions';
 import Header from '../components/Header';
 import Actions from '../containers/Actions';

packages/redux-devtools-app/src/containers/DevTools.tsx

@@ -6,7 +6,7 @@ import getMonitor from '../utils/getMonitor';
 import { InitMonitorAction } from '../actions';
 import { Features, State } from '../reducers/instances';
 import { MonitorStateMonitorState } from '../reducers/monitor';
-import { ThemeFromProvider } from 'devui';
+import { ThemeFromProvider } from '@redux-devtools/ui';
 
 interface Props {
   monitor: string;

packages/redux-devtools-app/src/containers/monitors/Dispatcher.tsx

@@ -2,7 +2,7 @@
 
 import React, { Component } from 'react';
 import styled from 'styled-components';
-import { Button, Select, Editor, Toolbar } from 'devui';
+import { Button, Select, Editor, Toolbar } from '@redux-devtools/ui';
 import { connect, ResolveThunks } from 'react-redux';
 import { dispatchRemotely } from '../../actions';
 import { Options } from '../../reducers/instances';

packages/redux-devtools-app/src/containers/monitors/InspectorWrapper/ChartTab.tsx

@@ -4,7 +4,7 @@ import { withTheme } from 'styled-components';
 import { InputOptions, NodeWithId, tree } from 'd3-state-visualizer';
 import { getPath } from '../ChartMonitorWrapper';
 import { updateMonitorState } from '../../../actions';
-import { ThemeFromProvider } from 'devui';
+import { ThemeFromProvider } from '@redux-devtools/ui';
 
 const style = {
   width: '100%',

packages/redux-devtools-app/src/containers/monitors/InspectorWrapper/RawTab.tsx

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import { Editor } from 'devui';
+import { Editor } from '@redux-devtools/ui';
 import { stringify } from 'javascript-stringify';
 
 interface Props {

packages/redux-devtools-app/src/containers/monitors/InspectorWrapper/SubTabs.tsx

@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
 import { connect, ResolveThunks } from 'react-redux';
-import { Tab, Tabs } from 'devui';
+import { Tab, Tabs } from '@redux-devtools/ui';
 import { TabComponentProps } from '@redux-devtools/inspector-monitor';
 import { Action } from 'redux';
 import StateTree from '@redux-devtools/inspector-monitor/lib/tabs/StateTab';

packages/redux-devtools-app/src/containers/monitors/InspectorWrapper/VisualDiffTab.tsx

@@ -1,7 +1,7 @@
 import React, { Component } from 'react';
 import { Delta, formatters } from 'jsondiffpatch';
 import styled from 'styled-components';
-import { effects } from 'devui';
+import { effects } from '@redux-devtools/ui';
 
 export const StyledContainer = styled.div`
   .jsondiffpatch-delta {

packages/redux-devtools-app/src/containers/monitors/Slider.tsx

@@ -3,7 +3,7 @@ import styled, { withTheme } from 'styled-components';
 import SliderMonitor from '@redux-devtools/slider-monitor';
 import { LiftedAction } from '@redux-devtools/core';
 import { Action } from 'redux';
-import { ThemeFromProvider } from 'devui';
+import { ThemeFromProvider } from '@redux-devtools/ui';
 import { State } from '../../reducers/instances';
 
 const SliderWrapper = styled.div`

packages/redux-devtools-app/src/reducers/theme.ts

@@ -1,4 +1,4 @@
-import { Scheme, Theme } from 'devui';
+import { Scheme, Theme } from '@redux-devtools/ui';
 import { CHANGE_THEME } from '../constants/actionTypes';
 import { StoreAction } from '../actions';
 

packages/redux-devtools-inspector-monitor-test-tab/demo/src/js/DemoApp.tsx

@@ -1,6 +1,6 @@
 import React, { CSSProperties } from 'react';
 import { connect } from 'react-redux';
-import { Button, Toolbar, Spacer } from 'devui';
+import { Button, Toolbar, Spacer } from '@redux-devtools/ui';
 import { push as pushRoute } from 'connected-react-router';
 import pkg from '../../../package.json';
 import getOptions from './getOptions';

packages/redux-devtools-inspector-monitor-test-tab/demo/src/js/index.tsx

@@ -1,7 +1,7 @@
-import 'devui/lib/presets';
+import '@redux-devtools/ui/lib/presets';
 import React from 'react';
 import { render } from 'react-dom';
-import { Container } from 'devui';
+import { Container } from '@redux-devtools/ui';
 import { Provider } from 'react-redux';
 import {
   createStore,

packages/redux-devtools-inspector-monitor-test-tab/package.json

@@ -43,8 +43,8 @@
     "prepublishOnly": "npm run clean && npm run build"
   },
   "dependencies": {
+    "@redux-devtools/ui": "^1.0.0-9",
     "@types/prop-types": "^15.7.4",
-    "devui": "^1.0.0-9",
     "es6template": "^1.0.5",
     "javascript-stringify": "^2.1.0",
     "jsan": "^3.1.13",

packages/redux-devtools-inspector-monitor-test-tab/src/TestGenerator.tsx

@@ -4,7 +4,7 @@ import objectPath from 'object-path';
 import jsan from 'jsan';
 import diff, { Event } from 'simple-diff';
 import es6template from 'es6template';
-import { Editor } from 'devui';
+import { Editor } from '@redux-devtools/ui';
 import { TabComponentProps } from '@redux-devtools/inspector-monitor';
 import { Action } from 'redux';
 import { AssertionLocals, DispatcherLocals, WrapLocals } from './types';

packages/redux-devtools-inspector-monitor-test-tab/src/index.tsx

@@ -7,7 +7,7 @@ import {
   Select,
   Notification,
   Dialog,
-} from 'devui';
+} from '@redux-devtools/ui';
 import { MdAdd } from 'react-icons/md';
 import { MdEdit } from 'react-icons/md';
 import { Action } from 'redux';

packages/redux-devtools-rtk-query-monitor/package.json

@@ -46,9 +46,9 @@
   },
   "dependencies": {
     "@redux-devtools/dock-monitor": "^1.4.0",
+    "@redux-devtools/ui": "^1.0.0-9",
     "@types/prop-types": "^15.7.4",
     "@types/redux-devtools-themes": "^1.0.0",
-    "devui": "^1.0.0-9",
     "lodash.debounce": "^4.0.8",
     "prop-types": "^15.7.2",
     "react-json-tree": "^0.15.0",

packages/redux-devtools-rtk-query-monitor/src/components/QueryForm.tsx

@@ -1,7 +1,7 @@
 import React, { ReactNode, FormEvent, MouseEvent, ChangeEvent } from 'react';
 import { QueryFormValues } from '../types';
 import { StyleUtilsContext } from '../styles/createStylingFromTheme';
-import { Select } from 'devui';
+import { Select } from '@redux-devtools/ui';
 import { SelectOption } from '../types';
 import debounce from 'lodash.debounce';
 import { sortQueryOptions, QueryComparators } from '../utils/comparators';

packages/redux-devtools-slider-monitor/package.json

@@ -31,9 +31,9 @@
     "prepublishOnly": "npm run clean && npm run build"
   },
   "dependencies": {
+    "@redux-devtools/ui": "^1.0.0-9",
     "@types/prop-types": "^15.7.4",
     "@types/redux-devtools-themes": "^1.0.0",
-    "devui": "^1.0.0-9",
     "prop-types": "^15.7.2",
     "redux-devtools-themes": "^1.0.0"
   },

packages/redux-devtools-slider-monitor/src/SliderButton.tsx

@@ -1,7 +1,7 @@
 import React, { Component, PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import { Base16Theme } from 'redux-devtools-themes';
-import Button from 'devui/lib/Button';
+import Button from '@redux-devtools/ui/lib/Button';
 
 interface Props {
   theme: Base16Theme;

packages/redux-devtools-slider-monitor/src/SliderMonitor.tsx

@@ -8,10 +8,10 @@ import {
   LiftedAction,
   LiftedState,
 } from '@redux-devtools/core';
-import { Toolbar, Divider } from 'devui/lib/Toolbar';
+import { Toolbar, Divider } from '@redux-devtools/ui/lib/Toolbar';
-import Slider from 'devui/lib/Slider';
+import Slider from '@redux-devtools/ui/lib/Slider';
-import Button from 'devui/lib/Button';
+import Button from '@redux-devtools/ui/lib/Button';
-import SegmentedControl from 'devui/lib/SegmentedControl';
+import SegmentedControl from '@redux-devtools/ui/lib/SegmentedControl';
 
 import reducer from './reducers';
 import SliderButton from './SliderButton';

packages/redux-devtools-ui/README.md

@@ -0,0 +1,3 @@
+# Redux DevTools UI
+
+WIP

packages/redux-devtools-ui/package.json

@@ -1,8 +1,8 @@
 {
-  "name": "devui",
+  "name": "@redux-devtools/ui",
   "version": "1.0.0-9",
   "description": "Reusable React components for building DevTools monitors and apps.",
-  "homepage": "https://github.com/reduxjs/redux-devtools/tree/master/packages/devui",
+  "homepage": "https://github.com/reduxjs/redux-devtools/tree/master/packages/redux-devtools-ui",
   "bugs": {
     "url": "https://github.com/reduxjs/redux-devtools/issues"
   },