refact: optimize and sort imports (#448)

Author: IsraelPedreira

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,