wideeyes-ui - npm Package Compare versions

Comparing version 1.3.0 to 2.0.0

build/index.js

@@ -1,16 +0,133 @@
-'use strict'
-
 const React = require('react')
 const ReactDOM = require('react-dom')
+
+const Tag = require('../lib').Tag
 const Button = require('../lib').Button
-const Hero = require('../lib').Hero
+const LoadingSpinner = require('../lib').LoadingSpinner
 
 ReactDOM.render((
-  <Hero title='Example of title'>
-    <div style={{marginBottom: '1rem'}}><Button size='bg' mode='primary'>This is a very long button</Button></div>
-    <div style={{marginBottom: '1rem'}}><Button size='bg' mode='success'>This is a very long button</Button></div>
-    <div style={{marginBottom: '1rem'}}><Button size='bg' mode='danger'>This is a very long button</Button></div>
-    <div style={{marginBottom: '1rem'}}><Button size='bg' mode='warning'>This is a very long button</Button></div>
-    <div style={{marginBottom: '1rem'}}><Button size='bg' mode='link'>This is a very long button</Button></div>
-  </Hero>
+  <section style={{
+    display: 'flex',
+    flexDirection: 'column',
+    justifyContent: 'space-around',
+    margin: '2rem'
+  }}
+  >
+    <section style={{display: 'flex', justifyContent: 'space-around'}}>
+      <section>
+        <div style={{marginBottom: '1rem'}}>
+          <Button size='bg' mode='primary'>
+            Big button
+          </Button>
+        </div>
+        <div style={{marginBottom: '1rem'}}>
+          <Button size='bg' mode='success'>
+            Big button
+          </Button>
+        </div>
+        <div style={{marginBottom: '1rem'}}>
+          <Button size='bg' mode='danger'>
+            Big button
+          </Button>
+        </div>
+        <div style={{marginBottom: '1rem'}}>
+          <Button size='bg' mode='warning'>
+            Big button
+          </Button>
+        </div>
+        <div style={{marginBottom: '1rem'}}>
+          <Button size='bg' mode='link'>
+            Big button
+          </Button>
+        </div>
+      </section>
+      <section style={{display: 'flex'}}>
+        <section style={{margin: '0 1rem 0 0'}}>
+          <div style={{marginBottom: '1rem'}}>
+            <Button mode='primary'>
+              Normal button
+            </Button>
+          </div>
+          <div style={{marginBottom: '1rem'}}>
+            <Button mode='success'>
+              Normal button
+            </Button>
+          </div>
+          <div style={{marginBottom: '1rem'}}>
+            <Button mode='danger'>
+              Normal button
+            </Button>
+          </div>
+          <div style={{marginBottom: '1rem'}}>
+            <Button mode='warning'>
+              Normal button
+            </Button>
+          </div>
+          <div style={{marginBottom: '1rem'}}>
+            <Button mode='link'>
+              Normal button
+            </Button>
+          </div>
+        </section>
+        <section>
+          <div style={{marginBottom: '1rem'}}>
+            <Button mode='primary'>
+              <LoadingSpinner white small />
+            </Button>
+          </div>
+          <div style={{marginBottom: '1rem'}}>
+            <Button mode='success'>
+              <LoadingSpinner white small />
+            </Button>
+          </div>
+          <div style={{marginBottom: '1rem'}}>
+            <Button mode='danger'>
+              <LoadingSpinner white small />
+            </Button>
+          </div>
+          <div style={{marginBottom: '1rem'}}>
+            <Button mode='warning'>
+              <LoadingSpinner white small />
+            </Button>
+          </div>
+        </section>
+      </section>
+      <section>
+        <div style={{marginBottom: '1rem'}}>
+          <Button size='sm' mode='danger'>
+            Small button
+          </Button>
+        </div>
+        <div style={{marginBottom: '1rem'}}>
+          <Button size='sm' mode='primary'>
+            Small button
+          </Button>
+        </div>
+        <div style={{marginBottom: '1rem'}}>
+          <Button size='sm' mode='success'>
+            Small button
+          </Button>
+        </div>
+        <div style={{marginBottom: '1rem'}}>
+          <Button size='sm' mode='danger'>
+            Small button
+          </Button>
+        </div>
+        <div style={{marginBottom: '1rem'}}>
+          <Button size='sm' mode='warning'>
+            Small button
+          </Button>
+        </div>
+        <div style={{marginBottom: '1rem'}}>
+          <Button size='sm' mode='link'>
+            Small button
+          </Button>
+        </div>
+      </section>
+    </section>
+    <section style={{display: 'flex', marginTop: '2rem'}}>
+      <div style={{marginRight: '.5rem'}}><Tag value='example' active /></div>
+      <Tag value='example' onClick={() => alert('I was clicked!')} />
+    </section>
+  </section>
 ), document.getElementById('root'))

package.json

 {
   "name": "wideeyes-ui",
-  "version": "1.3.0",
+  "version": "2.0.0",
+  "repository": "[e-mail]:wideeyes/new-recognize-demo.git",
   "main": "index.jsx",
   "scripts": {
     "start": "babel-node tools/run start --verbose",
-    "build": "babel-node tools/run build --release"
+    "build": "babel-node tools/run build --release",
+    "prepublish": "npm run build"
   },
@@ -14,5 +16,3 @@ "author": "GC",
     "react": "^15.1.0",
-    "react-dom": "^15.1.0",
-    "react-input-range": "^0.8.0",
-    "react-select": "^1.0.0-beta13"
+    "react-dom": "^15.1.0"
   },
@@ -25,14 +25,8 @@ "devDependencies": {
     "babel-loader": "^6.2.1",
-    "babel-plugin-react-transform": "^2.0.0",
-    "babel-plugin-syntax-decorators": "^6.3.13",
-    "babel-plugin-transform-class-properties": "^6.4.0",
-    "babel-plugin-transform-decorators-legacy": "^1.3.4",
+    "babel-plugin-transform-class-properties": "^6.16.0",
     "babel-preset-es2015": "^6.3.13",
     "babel-preset-react": "^6.3.13",
-    "babel-preset-stage-0": "^6.3.13",
+    "babel-preset-stage-3": "^6.17.0",
     "css-loader": "^0.23.1",
     "eslint": "^1.10.3",
-    "eslint-config-airbnb": "^4.0.0",
-    "eslint-loader": "^1.2.0",
-    "eslint-plugin-react": "^3.15.0",
     "file-loader": "^0.8.5",
@@ -51,3 +45,6 @@ "lodash": "^4.2.1",
     "webpack-dev-server": "^1.14.1"
+  },
+  "standard": {
+    "parser": "babel-eslint"
   }
 }

README.md

@@ -1,5 +0,5 @@
-#WIDE EYES UI 
+#WIDE EYES UI
 
-Library of components used at [Wide Eyes](http://wide-eyes.it). Feel free to use them. 
+Library of components used at [Wide Eyes](http://wide-eyes.it). Feel free to use them.
 
-No support provided whatsoever.
+No support provided.

tools/start.js

@@ -1,18 +0,7 @@
-import webpack from 'webpack';
+import webpack from 'webpack'
 import { watchConfig } from './webpack.config'
 import WebpackDevServer from 'webpack-dev-server'
 
-async function start() {
+async function start () {
   return new Promise(resolve => {
-    watchConfig.module.loaders
-      .filter(x => x.loader === 'babel')
-      .forEach(x => x.query = {
-        presets: ['es2015', 'react'],
-        plugins: [
-          ['transform-async-to-generator'],
-          ['transform-class-properties'],
-          ['transform-decorators-legacy']
-        ]
-      });
-
     const server = new WebpackDevServer(webpack(watchConfig), {
@@ -23,8 +12,8 @@ hot: true,
       contentBase: watchConfig.output.path
-    });
+    })
 
-    server.listen(3000, 'localhost');
+    server.listen(3000, 'localhost')
   })
 }
 
-export default start;
+export default start

tools/webpack.config.js

@@ -54,7 +54,11 @@ /**
       {
+        loader: 'babel',
         test: /\.jsx?$|\.js?$/,
         exclude: /node_modules/,
-        loader: 'babel'
+        query: {
+          'presets': ['stage-3', 'es2015', 'react'],
+          'plugins': ['transform-class-properties']
+        }
       }, {
-        test: /\.scss$/,
+        test: /\.scss$|\.css$/,
         loader: 'style-loader!css-loader?modules&importLoaders=1!postcss-loader'
@@ -61,0 +65,0 @@ }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

No repository

Supply chain risk

Package does not have a linked source code repository. Without this field, a package will have no reference to the location of the source code use to generate the package.

Found 1 instance in 1 package

Improved metrics

Dependency count

3

decreased by-40%

Dev dependency count

24

decreased by-20%

Lines of code

449

increased by10.59%

Worsened metrics

Total package byte prevSize

19998

decreased by-66.36%

Number of package files

21

decreased by-43.24%

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• - Removedreact-input-range@^0.8.0

• - Removedreact-select@^1.0.0-beta13

• - Removedreact-input-autosize@2.2.2(transitive)

• - Removedreact-input-range@0.8.0(transitive)

• - Removedreact-select@1.3.0(transitive)