Support new syntax

react-atomic/reshow#113

package.json

@@ -1,13 +1,11 @@
 {
   "name": "react-atomic-molecule",
-  "version": "3.0.5",
+  "version": "4.0.0",
   "description": "Atomic design in React (molecules)",
   "main": "./build/cjs/src/index.js",
   "module": "./build/es/src/index.js",
   "repository": "react-atomic/react-atomic-molecule",
-  "keywords": [
-    "reactjs"
-  ],
+  "keywords": ["reactjs"],
   "author": "Hill <[email protected]>",
   "license": "MIT",
   "dependencies": {
@@ -61,9 +59,5 @@
     "test": "npm run build && npm run mocha",
     "prepublishOnly": "npm run format && npm run test"
   },
-  "files": [
-    "build",
-    "package.json",
-    "README.md"
-  ]
+  "files": ["build", "package.json", "README.md"]
 }

ui/molecules/Button.jsx

@@ -1,4 +1,4 @@
-import React, { useEffect } from "react";
+import { useEffect } from "react";
 import { mixClass } from "class-lib";
 import SemanticUI from "../molecules/SemanticUI";
 import Icon from "../molecules/Icon";

ui/molecules/Card.jsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { mixClass } from "class-lib";
 import SemanticUI from "../molecules/SemanticUI";
 import useCSS from "../../src/useCSS";

ui/molecules/Circular.jsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { mixClass } from "class-lib";
 import SemanticUI from "../molecules/SemanticUI";
 import useCSS from "../../src/useCSS";

ui/molecules/Column.jsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { mixClass } from "class-lib";
 import SemanticUI from "../molecules/SemanticUI";
 

ui/molecules/Content.jsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { mixClass } from "class-lib";
 import SemanticUI from "../molecules/SemanticUI";
 

ui/molecules/Description.jsx

@@ -1,5 +1,3 @@
-/* jshint esnext: true */
-import React from "react";
 import { mixClass } from "class-lib";
 import SemanticUI from "../molecules/SemanticUI";
 

ui/molecules/Dimmer.jsx

@@ -1,5 +1,3 @@
-/* jshint esnext: true */
-import React from "react";
 import { mixClass } from "class-lib";
 import Content from "../molecules/Content";
 import SemanticUI from "../molecules/SemanticUI";

ui/molecules/Divider.jsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { mixClass } from "class-lib";
 import SemanticUI from "../molecules/SemanticUI";
 import useCSS from "../../src/useCSS";

ui/molecules/DividingHeader.jsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { mixClass } from "class-lib";
 import SemanticUI from "../molecules/SemanticUI";
 import useCSS from "../../src/useCSS";

ui/molecules/Field.jsx

@@ -1,5 +1,4 @@
-/* jshint esnext: true */
-import React, { cloneElement } from "react";
+import { cloneElement } from "react";
 import { mixClass } from "class-lib";
 import get from "get-object-value";
 import SemanticUI from "../molecules/SemanticUI";

ui/molecules/Form.jsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { mixClass } from "class-lib";
 import SemanticUI from "../molecules/SemanticUI";
 import useCSS from "../../src/useCSS";

ui/molecules/Header.jsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { mixClass } from "class-lib";
 import SemanticUI from "../molecules/SemanticUI";
 import useCSS from "../../src/useCSS";

ui/molecules/Icon.jsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { mixClass } from "class-lib";
 import SemanticUI from "../molecules/SemanticUI";
 

ui/molecules/Image.jsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { mixClass } from "class-lib";
 import SemanticUI from "../molecules/SemanticUI";
 import useCSS from "../../src/useCSS";

ui/molecules/InputBox.jsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { mixClass } from "class-lib";
 import SemanticUI from "../molecules/SemanticUI";
 import Button from "../molecules/Button";

ui/molecules/Item.jsx

@@ -1,5 +1,3 @@
-/* jshint esnext: true */
-import React from "react";
 import { mixClass } from "class-lib";
 import SemanticUI from "../molecules/SemanticUI";
 import useCSS from "../../src/useCSS";

ui/molecules/Label.jsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { mixClass } from "class-lib";
 import SemanticUI from "../molecules/SemanticUI";
 import useCSS from "../../src/useCSS";

ui/molecules/List.jsx

@@ -1,4 +1,4 @@
-import React, { Children, cloneElement } from "react";
+import { Children, cloneElement } from "react";
 import { mixClass } from "class-lib";
 import SemanticUI from "../molecules/SemanticUI";
 import useCSS from "../../src/useCSS";

ui/molecules/Menu.jsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { mixClass } from "class-lib";
 import SemanticUI from "../molecules/SemanticUI";
 import useCSS from "../../src/useCSS";

ui/molecules/Message.jsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { mixClass } from "class-lib";
 import Header from "../molecules/Header";
 import SemanticUI from "../molecules/SemanticUI";

ui/molecules/Meta.jsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { mixClass } from "class-lib";
 import SemanticUI from "../molecules/SemanticUI";
 

ui/molecules/Progress.jsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { mixClass } from "class-lib";
 import SemanticUI from "../molecules/SemanticUI";
 import Label from "../molecules/Label";

ui/molecules/Rail.jsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { mixClass } from "class-lib";
 import SemanticUI from "../molecules/SemanticUI";
 import useCSS from "../../src/useCSS";

ui/molecules/Ribbon.jsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { mixClass } from "class-lib";
 import Label from "../molecules/Label";
 

ui/molecules/Row.jsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { mixClass } from "class-lib";
 import SemanticUI from "../molecules/SemanticUI";
 

ui/molecules/Segment.jsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { mixClass } from "class-lib";
 import SemanticUI from "../molecules/SemanticUI";
 import useCSS from "../../src/useCSS";

ui/molecules/SemanticUI.jsx

@@ -1,4 +1,4 @@
-import React, { createElement } from "react";
+import { createElement } from "react";
 import * as Atoms from "react-atomic-atom";
 import get from "get-object-value";
 import ucfirst from "ucfirst-js";

ui/molecules/Title.jsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { mixClass } from "class-lib";
 import SemanticUI from "../molecules/SemanticUI";
 

ui/molecules/Unsafe.jsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { mixClass } from "class-lib";
 import callfunc from "call-func";
 import SemanticUI from "../molecules/SemanticUI";

ui/molecules/__tests__/ImageTest.js

@@ -18,7 +18,6 @@ describe("Test Image", () => {
   });
   it("img embedded in div not set loading", () => {
     const wrapper = mount(<Image atom="div" loading={null} />);
-    console.log(wrapper.html());
     expect(wrapper.html()).to.not.have.string(`loading="lazy"`);
   });
 });