refact: optimize and sort imports

src/Megadraft.js

@@ -6,14 +6,14 @@
 
 import DraftJS from "draft-js";
 
-import insertDataBlock from "./insertDataBlock";
 import Media from "./components/Media";
-import MegadraftEditor from "./components/MegadraftEditor";
-import MegadraftIcons from "./icons";
 import MegadraftMediaMessage from "./components/MediaMessage";
+import MegadraftEditor from "./components/MegadraftEditor";
 import * as MegadraftPlugin from "./components/plugin";
 import Sidebar from "./components/Sidebar";
 import Toolbar from "./components/Toolbar";
+import MegadraftIcons from "./icons";
+import insertDataBlock from "./insertDataBlock";
 import * as utils from "./utils";
 
 const Megadraft = {

src/components/ActionsProvider.js

@@ -4,8 +4,8 @@
  * License: MIT
  */
 
-import React, { useContext } from "react";
 import PropTypes from "prop-types";
+import React, { useContext } from "react";
 
 export const defaultAction = () => {};
 

src/components/Dropdown.js

@@ -4,12 +4,12 @@
  * License: MIT
  */
 
-import React, { useEffect, useRef, useState } from "react";
-import PropTypes from "prop-types";
 import classNames from "classnames";
+import PropTypes from "prop-types";
+import React, { useEffect, useRef, useState } from "react";
 
-import DropdownItem from "./DropdownItem";
 import icons from "../icons";
+import DropdownItem from "./DropdownItem";
 
 const Dropdown = ({ items = [], selected, onChange }) => {
   const wrapperRef = useRef(null);

src/components/DropdownItem.js

@@ -4,9 +4,9 @@
  * License: MIT
  */
 
-import React from "react";
-import PropTypes from "prop-types";
 import classNames from "classnames";
+import PropTypes from "prop-types";
+import React from "react";
 
 export default function DropdownItem(props) {
   const Icon = props.item.icon;

src/components/ErrorBoundary.js

@@ -6,10 +6,10 @@
 
 import React, { Component } from "react";
 
-import { BlockContent, CommonBlock } from "./plugin";
-import MediaMessage from "./MediaMessage";
-import icons from "../icons";
 import { replaceData } from "../i18n";
+import icons from "../icons";
+import MediaMessage from "./MediaMessage";
+import { BlockContent, CommonBlock } from "./plugin";
 
 class ErrorBoundary extends Component {
   constructor(props) {

src/components/Media.js

@@ -4,8 +4,8 @@
  * License: MIT
  */
 
-import React, { useMemo, useCallback } from "react";
-import { EditorState, SelectionState, Modifier } from "draft-js";
+import { EditorState, Modifier, SelectionState } from "draft-js";
+import React, { useCallback, useMemo } from "react";
 
 import ErrorBoundary from "./ErrorBoundary";
 import MediaWrapper from "./MediaWrapper";

src/components/MediaMessage.js

@@ -4,8 +4,8 @@
  * License: MIT
  */
 
-import React from "react";
 import classNames from "classnames";
+import React from "react";
 
 const MediaMessage = ({ text, type }) => {
   if (text) {

src/components/MegadraftEditor.js

@@ -19,31 +19,31 @@
   return x;
 };
 
-import React, { Component } from "react";
 import {
+  ContentBlock,
+  DefaultDraftBlockRenderMap,
   Editor,
-  RichUtils,
-  getDefaultKeyBinding,
   EditorState,
-  genKey,
-  ContentBlock,
+  RichUtils,
   SelectionState,
-  DefaultDraftBlockRenderMap
+  genKey,
+  getDefaultKeyBinding
 } from "draft-js";
 import Immutable from "immutable";
+import React, { Component } from "react";
 
-import DefaultToolbar from "./Toolbar";
-import Sidebar from "./Sidebar";
-import Media from "./Media";
-import MoveControl from "./MoveControl";
-import MegadraftBlock from "./MegadraftBlock";
-import { swapDataUp, swapDataDown } from "../swapDataBlock";
-import i18nConfig from "../i18n";
-import notFoundPlugin from "../plugins/not-found/plugin";
-import DEFAULT_PLUGINS from "../plugins/default";
 import DEFAULT_ACTIONS from "../actions/default";
 import DEFAULT_ENTITY_INPUTS from "../entity_inputs/default";
+import i18nConfig from "../i18n";
+import DEFAULT_PLUGINS from "../plugins/default";
+import notFoundPlugin from "../plugins/not-found/plugin";
+import { swapDataDown, swapDataUp } from "../swapDataBlock";
 import ActionsProvider, { defaultAction } from "./ActionsProvider";
+import Media from "./Media";
+import MegadraftBlock from "./MegadraftBlock";
+import MoveControl from "./MoveControl";
+import Sidebar from "./Sidebar";
+import DefaultToolbar from "./Toolbar";
 
 const NO_RESET_STYLE_DEFAULT = ["ordered-list-item", "unordered-list-item"];
 

src/components/ModalPluginItem.js

@@ -6,8 +6,8 @@
 
 import React, { Component } from "react";
 
-import { ActionsContext } from "./ActionsProvider";
 import { PLUGINS_MODAL_ADD_PLUGIN } from "../constants";
+import { ActionsContext } from "./ActionsProvider";
 
 export default class ModalPluginItem extends Component {
   static contextType = ActionsContext;

src/components/MoveControl.js

@@ -4,12 +4,12 @@
  * License: MIT
  */
 
-import React from "react";
 import classNames from "classnames";
+import React from "react";
 import icons from "../icons";
 import MegadraftBlock from "./MegadraftBlock";
 
-import { BLOCK_SWAP_UP, BLOCK_SWAP_DOWN } from "../constants";
+import { BLOCK_SWAP_DOWN, BLOCK_SWAP_UP } from "../constants";
 
 const Options = ({
   onClickUp,

src/components/Sidebar.js

@@ -4,24 +4,24 @@
  * License: MIT
  */
 
+import classNames from "classnames";
 import React, { Component } from "react";
 import ReactDOM from "react-dom";
-import classNames from "classnames";
 import icons from "../icons";
 
 import {
   SIDEBAR_ADD_PLUGIN,
+  SIDEBAR_CLICK_MORE,
   SIDEBAR_EXPAND,
-  SIDEBAR_SHRINK,
-  SIDEBAR_CLICK_MORE
+  SIDEBAR_SHRINK
 } from "../constants";
 
 import { ActionsContext } from "./ActionsProvider";
 
 import "setimmediate";
 
-import PluginsModal from "./PluginsModal";
 import { getSelectedBlockElement } from "../utils";
+import PluginsModal from "./PluginsModal";
 
 class BlockStyles extends Component {
   static contextType = ActionsContext;

src/components/Toolbar.js

@@ -4,12 +4,12 @@
  * License: MIT
  */
 
-import React, { Component } from "react";
-import PropTypes from "prop-types";
-import { EditorState, RichUtils } from "draft-js";
 import classNames from "classnames";
-import ToolbarItem from "./ToolbarItem";
+import { EditorState, RichUtils } from "draft-js";
+import PropTypes from "prop-types";
+import React, { Component } from "react";
 import { getSelectionCoords } from "../utils";
+import ToolbarItem from "./ToolbarItem";
 
 export default class Toolbar extends Component {
   static defaultProps = {

src/components/ToolbarItem.js

@@ -4,9 +4,9 @@
  * License: MIT
  */
 
-import React from "react";
-import PropTypes from "prop-types";
 import classNames from "classnames";
+import PropTypes from "prop-types";
+import React from "react";
 import Separator from "./Separator";
 
 export default function ToolbarItem({ item, active, toggle }) {

src/components/plugin/BlockAction.js

@@ -4,8 +4,8 @@
  * License: MIT
  */
 
-import React from "react";
 import PropTypes from "prop-types";
+import React from "react";
 
 export default function BlockAction(props) {
   const Icon = props.item.icon;

src/components/plugin/BlockActionGroup.js

@@ -4,8 +4,8 @@
  * License: MIT
  */
 
-import React from "react";
 import PropTypes from "prop-types";
+import React from "react";
 
 import BlockAction from "./BlockAction";
 

src/components/plugin/BlockContent.js

@@ -4,8 +4,8 @@
  * License: MIT
  */
 
-import React from "react";
 import classNames from "classnames";
+import React from "react";
 
 export default function BlockContent(props) {
   const className = classNames("block__content", {

src/components/plugin/BlockInput.js

@@ -4,8 +4,8 @@
  * License: MIT
  */
 
-import React from "react";
 import classNames from "classnames";
+import React from "react";
 
 import icons from "../../icons";
 

src/components/plugin/CommonBlock.js

@@ -13,8 +13,8 @@ import {
   BlockWrapper
 } from "../../components/plugin";
 import {
-  DEFAULT_DISPLAY_OPTIONS,
-  DEFAULT_DISPLAY_KEY
+  DEFAULT_DISPLAY_KEY,
+  DEFAULT_DISPLAY_OPTIONS
 } from "../../components/plugin/defaults";
 
 export default function CommonBlock(props) {

src/decorators/defaultDecorator.js

@@ -5,8 +5,8 @@
  */
 
 import { CompositeDecorator } from "draft-js";
-import { createTypeStrategy } from "../utils";
 import Link from "../components/Link";
+import { createTypeStrategy } from "../utils";
 
 const decorator = new CompositeDecorator([
   {

src/icons.js

@@ -4,27 +4,27 @@
  * License: MIT
  */
 
-import BoldIcon from "./icons/bold";
-import ItalicIcon from "./icons/italic";
-import ULIcon from "./icons/ul";
-import OLIcon from "./icons/ol";
-import H2Icon from "./icons/h2";
 import BlockQuoteIcon from "./icons/blockquote";
-import LinkIcon from "./icons/link";
+import BoldIcon from "./icons/bold";
+import CloseIcon from "./icons/close";
+import CropIcon from "./icons/crop";
 import CrossIcon from "./icons/cross";
-import ImageIcon from "./icons/image";
-import VideoIcon from "./icons/video";
-import EditIcon from "./icons/edit";
 import DeleteIcon from "./icons/delete";
-import CropIcon from "./icons/crop";
+import DropdownArrow from "./icons/dropdownArrow";
+import EditIcon from "./icons/edit";
+import ErrorIcon from "./icons/error";
+import H2Icon from "./icons/h2";
+import ImageIcon from "./icons/image";
+import ItalicIcon from "./icons/italic";
+import LinkIcon from "./icons/link";
 import MediaBigIcon from "./icons/mediaBig";
 import MediaMediumIcon from "./icons/mediaMedium";
 import MediaSmallIcon from "./icons/mediaSmall";
-import DropdownArrow from "./icons/dropdownArrow";
-import ErrorIcon from "./icons/error";
-import UnlinkIcon from "./icons/unlink";
-import CloseIcon from "./icons/close";
 import MoreIcon from "./icons/more";
+import OLIcon from "./icons/ol";
+import ULIcon from "./icons/ul";
+import UnlinkIcon from "./icons/unlink";
+import VideoIcon from "./icons/video";
 
 const icons = {
   BoldIcon,

src/insertDataBlock.js

@@ -15,11 +15,11 @@
 import Immutable from "immutable";
 
 import {
-  genKey,
-  EditorState,
+  BlockMapBuilder,
   ContentBlock,
-  Modifier,
-  BlockMapBuilder
+  EditorState,
+  genKey,
+  Modifier
 } from "draft-js";
 
 const { List, Map } = Immutable;

src/plugins/image/plugin.js

@@ -4,8 +4,8 @@
  * License: MIT
  */
 
-import ImageButton from "./ImageButton";
 import ImageBlock from "./ImageBlock";
+import ImageButton from "./ImageButton";
 
 export default {
   title: "Image",

src/plugins/not-found/NotFoundBlock.js

@@ -6,10 +6,10 @@
 
 import React from "react";
 
-import { BlockContent, CommonBlock } from "../../components/plugin";
 import MediaMessage from "../../components/MediaMessage";
-import icons from "../../icons";
+import { BlockContent, CommonBlock } from "../../components/plugin";
 import { replaceData } from "../../i18n";
+import icons from "../../icons";
 
 export default function NotFoundBlock(props) {
   const {

src/plugins/video/plugin.js

@@ -4,8 +4,8 @@
  * License: MIT
  */
 
-import VideoButton from "./VideoButton";
 import VideoBlock from "./VideoBlock";
+import VideoButton from "./VideoButton";
 
 export default {
   title: "Video",

src/utils.js

@@ -6,8 +6,8 @@
  */
 
 import {
-  convertToRaw,
   convertFromRaw,
+  convertToRaw,
   EditorState,
   getVisibleSelectionRect
 } from "draft-js";

tests/components/Dropdown_test.js

@@ -4,12 +4,12 @@
  * License: MIT
  */
 
-import React from "react";
 import { mount } from "enzyme";
+import React from "react";
 
-import icons from "../../src/icons";
 import Dropdown from "../../src/components/Dropdown";
 import DropdownItem from "../../src/components/DropdownItem";
+import icons from "../../src/icons";
 
 describe("Dropdown Component", () => {
   let testContext;