globocom · jerempy · Oct 14, 2022
diff --git a/src/components/Dropdown.js b/src/components/Dropdown.js
@@ -4,7 +4,7 @@
  * License: MIT
  */
 
-import React, { useEffect, useRef, useState } from "react";
+import { useEffect, useRef, useState } from "react";
 import PropTypes from "prop-types";
 import classNames from "classnames";
 

diff --git a/src/components/DropdownItem.js b/src/components/DropdownItem.js
@@ -4,7 +4,6 @@
  * License: MIT
  */
 
-import React from "react";
 import PropTypes from "prop-types";
 import classNames from "classnames";
 

diff --git a/src/components/ErrorBoundary.js b/src/components/ErrorBoundary.js
@@ -4,7 +4,7 @@
  * License: MIT
  */
 
-import React, { Component } from "react";
+import { Component } from "react";
 
 import { BlockContent, CommonBlock } from "./plugin";
 import MediaMessage from "./MediaMessage";

diff --git a/src/components/Link.js b/src/components/Link.js
@@ -4,8 +4,6 @@
  * License: MIT
  */
 
-import React from "react";
-
 const Link = ({ contentState, entityKey, children }) => {
   const { url } = contentState.getEntity(entityKey).getData();
   return (

diff --git a/src/components/Media.js b/src/components/Media.js
@@ -4,7 +4,7 @@
  * License: MIT
  */
 
-import React, { useMemo, useCallback } from "react";
+import { useMemo, useCallback } from "react";
 import { EditorState, SelectionState, Modifier } from "draft-js";
 
 import ErrorBoundary from "./ErrorBoundary";

diff --git a/src/components/MediaMessage.js b/src/components/MediaMessage.js
@@ -4,7 +4,6 @@
  * License: MIT
  */
 
-import React from "react";
 import classNames from "classnames";
 
 const MediaMessage = ({ text, type }) => {

diff --git a/src/components/MediaWrapper.js b/src/components/MediaWrapper.js
@@ -4,8 +4,6 @@
  * License: MIT
  */
 
-import React from "react";
-
 /*
  * MediaWrapper component avoids Draft JS bugs when a custom block component
  * is being updated by setting the editor's readOnly flag to true

diff --git a/src/components/MegadraftEditor.js b/src/components/MegadraftEditor.js
@@ -13,13 +13,13 @@
 ).__ = x => {
   console.warn(
     "__() has been deprecated and will be removed soon. " +
-      "You can move this code to your app, instead. __() code can be found at " +
-      "https://gist.github.com/marcelometal/768454831c0c10ee03b939187b7bebbf"
+    "You can move this code to your app, instead. __() code can be found at " +
+    "https://gist.github.com/marcelometal/768454831c0c10ee03b939187b7bebbf"
   );
   return x;
 };
 
-import React, { Component } from "react";
+import { Component } from "react";
 import {
   Editor,
   RichUtils,
@@ -50,7 +50,7 @@ const NO_RESET_STYLE_DEFAULT = ["ordered-list-item", "unordered-list-item"];
 export default class MegadraftEditor extends Component {
   static defaultProps = {
     actions: DEFAULT_ACTIONS,
-    blockRendererFn: () => {},
+    blockRendererFn: () => { },
     i18n: i18nConfig,
     language: "en-US"
   };
@@ -202,12 +202,12 @@ export default class MegadraftEditor extends Component {
     });
     const blockMap = contentState.getBlockMap();
 
-    const blocksBefore = blockMap.toSeq().takeUntil(function(v) {
+    const blocksBefore = blockMap.toSeq().takeUntil(function (v) {
       return v === currentBlock;
     });
     const blocksAfter = blockMap
       .toSeq()
-      .skipUntil(function(v) {
+      .skipUntil(function (v) {
         return v === currentBlock;
       })
       .rest();
@@ -358,10 +358,10 @@ export default class MegadraftEditor extends Component {
     // Class with styling to spacing placeholder.
     if (!contentState.hasText()) {
       switch (
-        contentState
-          .getBlockMap()
-          .first()
-          .getType()
+      contentState
+        .getBlockMap()
+        .first()
+        .getType()
       ) {
         case "ordered-list-item":
         case "unordered-list-item":

diff --git a/src/components/ModalPluginItem.js b/src/components/ModalPluginItem.js
@@ -4,7 +4,7 @@
  * License: MIT
  */
 
-import React, { Component } from "react";
+import { Component } from "react";
 
 import { ActionsContext } from "./ActionsProvider";
 import { PLUGINS_MODAL_ADD_PLUGIN } from "../constants";

diff --git a/src/components/ModalPluginList.js b/src/components/ModalPluginList.js
@@ -4,7 +4,7 @@
  * License: MIT
  */
 
-import React, { Component } from "react";
+import { Component } from "react";
 
 import { ModalBody } from "backstage-modal";
 import ModalPluginItem from "./ModalPluginItem";

diff --git a/src/components/PluginsModal.js b/src/components/PluginsModal.js
@@ -4,7 +4,7 @@
  * License: MIT
  */
 
-import React, { useCallback } from "react";
+import { useCallback } from "react";
 
 import Modal from "backstage-modal";
 import ModalPluginList from "./ModalPluginList";

diff --git a/src/components/Separator.js b/src/components/Separator.js
@@ -4,8 +4,6 @@
  * License: MIT
  */
 
-import React from "react";
-
 export default function Separator() {
   return <li className="toolbar__item toolbar__item--separator" />;
 }
diff --git a/src/components/Sidebar.js b/src/components/Sidebar.js
@@ -4,7 +4,7 @@
  * License: MIT
  */
 
-import React, { Component } from "react";
+import { Component } from "react";
 import ReactDOM from "react-dom";
 import classNames from "classnames";
 import icons from "../icons";

diff --git a/src/components/Toolbar.js b/src/components/Toolbar.js
@@ -4,7 +4,7 @@
  * License: MIT
  */
 
-import React, { Component } from "react";
+import { Component } from "react";
 import PropTypes from "prop-types";
 import { EditorState, RichUtils } from "draft-js";
 import classNames from "classnames";

diff --git a/src/components/ToolbarItem.js b/src/components/ToolbarItem.js
@@ -4,7 +4,7 @@
  * License: MIT
  */
 
-import React, { Component } from "react";
+import { Component } from "react";
 import classNames from "classnames";
 
 import Separator from "./Separator";

diff --git a/src/components/plugin/BlockAction.js b/src/components/plugin/BlockAction.js
@@ -4,7 +4,6 @@
  * License: MIT
  */
 
-import React from "react";
 import PropTypes from "prop-types";
 
 export default function BlockAction(props) {

diff --git a/src/components/plugin/BlockActionGroup.js b/src/components/plugin/BlockActionGroup.js
@@ -4,7 +4,6 @@
  * License: MIT
  */
 
-import React from "react";
 import PropTypes from "prop-types";
 
 import BlockAction from "./BlockAction";

diff --git a/src/components/plugin/BlockContent.js b/src/components/plugin/BlockContent.js
@@ -4,7 +4,6 @@
  * License: MIT
  */
 
-import React from "react";
 import classNames from "classnames";
 
 export default function BlockContent(props) {

diff --git a/src/components/plugin/BlockControls.js b/src/components/plugin/BlockControls.js
@@ -4,8 +4,6 @@
  * License: MIT
  */
 
-import React from "react";
-
 export default function BlockControls(props) {
   return <div className="block__controls">{props.children}</div>;
 }
diff --git a/src/components/plugin/BlockData.js b/src/components/plugin/BlockData.js
@@ -4,8 +4,6 @@
  * License: MIT
  */
 
-import React from "react";
-
 export default function BlockData(props) {
   return <div className="block__data">{props.children}</div>;
 }
diff --git a/src/components/plugin/BlockInput.js b/src/components/plugin/BlockInput.js
@@ -4,7 +4,6 @@
  * License: MIT
  */
 
-import React from "react";
 import classNames from "classnames";
 
 import icons from "../../icons";

diff --git a/src/components/plugin/BlockWrapper.js b/src/components/plugin/BlockWrapper.js
@@ -4,8 +4,6 @@
  * License: MIT
  */
 
-import React from "react";
-
 export default function BlockWrapper(props) {
   return (
     <div className={props.readOnly ? "block__hover--readonly" : "block__hover"}>

diff --git a/src/components/plugin/CommonBlock.js b/src/components/plugin/CommonBlock.js
@@ -4,8 +4,6 @@
  * License: MIT
  */
 
-import React from "react";
-
 import Dropdown from "../../components/Dropdown";
 import {
   BlockActionGroup,

diff --git a/src/entity_inputs/LinkInput.js b/src/entity_inputs/LinkInput.js
@@ -4,7 +4,7 @@
  * License: MIT
  */
 
-import React, { useRef, useState } from "react";
+import { useRef, useState } from "react";
 import icons from "../icons";
 
 const addHttpPrefix = url => {

diff --git a/src/icons/blockquote.js b/src/icons/blockquote.js
@@ -4,8 +4,6 @@
  * License: MIT
  */
 
-import React from "react";
-
 export default function Blockquote() {
   return (
     <svg width="24" height="24" viewBox="0 0 24 24">

diff --git a/src/icons/bold.js b/src/icons/bold.js
@@ -4,8 +4,6 @@
  * License: MIT
  */
 
-import React from "react";
-
 export default function Bold() {
   return (
     <svg width="24" height="24" viewBox="0 0 24 24">

diff --git a/src/icons/close.js b/src/icons/close.js
@@ -4,8 +4,6 @@
  * License: MIT
  */
 
-import React from "react";
-
 export default function Close() {
   return (
     <svg width="24" height="24" viewBox="0 0 24 24">

diff --git a/src/icons/crop.js b/src/icons/crop.js
@@ -4,8 +4,6 @@
  * License: MIT
  */
 
-import React from "react";
-
 export default function Crop(props) {
   return (
     <svg {...props} width="24" height="24" viewBox="0 0 24 24">

diff --git a/src/icons/cross.js b/src/icons/cross.js
@@ -4,8 +4,6 @@
  * License: MIT
  */
 
-import React from "react";
-
 export default function Cross(props) {
   return (
     <svg {...props} width="24" height="24" viewBox="0 0 24 24">

diff --git a/src/icons/delete.js b/src/icons/delete.js
@@ -4,8 +4,6 @@
  * License: MIT
  */
 
-import React from "react";
-
 export default function Delete(props) {
   return (
     <svg {...props} width="24" height="24" viewBox="0 0 24 24">

diff --git a/src/icons/dropdownArrow.js b/src/icons/dropdownArrow.js
@@ -4,8 +4,6 @@
  * License: MIT
  */
 
-import React from "react";
-
 export default function DropDownArrow(props) {
   return (
     <svg {...props} width="24" height="24" viewBox="0 0 24 24">

diff --git a/src/icons/edit.js b/src/icons/edit.js
@@ -4,8 +4,6 @@
  * License: MIT
  */
 
-import React from "react";
-
 export default function Edit(props) {
   return (
     <svg {...props} width="24" height="24" viewBox="0 0 24 24">

diff --git a/src/icons/ellipsis.js b/src/icons/ellipsis.js
@@ -4,8 +4,6 @@
  * License: MIT
  */
 
-import React from "react";
-
 export default function Ellipsis() {
   return (
     <svg width="24" height="24" viewBox="0 0 24 24">

diff --git a/src/icons/error.js b/src/icons/error.js
@@ -4,8 +4,6 @@
  * License: MIT
  */
 
-import React from "react";
-
 export default function Error(props) {
   return (
     <svg {...props} width="24" height="24" viewBox="0 0 24 24">

diff --git a/src/icons/h2.js b/src/icons/h2.js
@@ -4,8 +4,6 @@
  * License: MIT
  */
 
-import React from "react";
-
 export default function H2() {
   return (
     <svg width="24" height="24" viewBox="0 0 24 24">

diff --git a/src/icons/image.js b/src/icons/image.js
@@ -4,8 +4,6 @@
  * License: MIT
  */
 
-import React from "react";
-
 export default function Image(props) {
   return (
     <svg {...props} width="24" height="24" viewBox="0 0 24 24">

diff --git a/src/icons/italic.js b/src/icons/italic.js
@@ -4,8 +4,6 @@
  * License: MIT
  */
 
-import React from "react";
-
 export default function Italic() {
   return (
     <svg width="24" height="24" viewBox="0 0 24 24">

diff --git a/src/icons/link.js b/src/icons/link.js
@@ -4,8 +4,6 @@
  * License: MIT
  */
 
-import React from "react";
-
 export default function Link() {
   return (
     <svg width="24" height="24" viewBox="0 0 24 24">

diff --git a/src/icons/mediaBig.js b/src/icons/mediaBig.js
@@ -4,8 +4,6 @@
  * License: MIT
  */
 
-import React from "react";
-
 export default function MediaBig(props) {
   return (
     <svg {...props} width="24" height="24" viewBox="0 0 24 24">