Merge pull request #4 from beeblebrox3/master

add yarn.lock; using some es2015 features
Cohros · Oct 31, 2016 · 13913e2 · 13913e2
2 parents 305467e + 07bce9d
commit 13913e2
Show file tree

Hide file tree

Showing 11 changed files with 4,794 additions and 63 deletions.
diff --git a/dist/SuperSelect.js b/dist/SuperSelect.js
@@ -207,7 +207,7 @@ return /******/ (function(modules) { // webpackBootstrap
 	    getValue: function getValue() {
 	        "use strict";
 
-	        var value;
+	        var value = void 0;
 	        if (this.props.valueLink) {
 	            value = this.props.valueLink.value;
 	        } else {
@@ -285,7 +285,7 @@ return /******/ (function(modules) { // webpackBootstrap
 	        "use strict";
 
 	        var value = this.getValue();
-	        var current;
+	        var current = void 0;
 
 	        if (this.props.multiple) {
 	            current = this.isChecked(item, true);
@@ -1000,7 +1000,6 @@ return /******/ (function(modules) { // webpackBootstrap
 	/**
 	 * @todo support max display items
 	 */
-
 	var Button = React.createClass({
 	    displayName: "SuperSelect.button",
 
@@ -1328,6 +1327,7 @@ return /******/ (function(modules) { // webpackBootstrap
 
 	        return this.props.content || this.props.label;
 	    },
+
 	    render: function render() {
 	        "use strict";
 

diff --git a/example.html b/example.html
@@ -11,7 +11,7 @@
     <div class="container">
         <header>
             <h1>Super Select</h1>
-            <p>A replacement for selects (?) on web applications</p>
+            <p>A replacement for selects/datalists on web applications</p>
         </header>
 
         <div class="content">

diff --git a/package.json b/package.json
@@ -3,7 +3,8 @@
   "keywords": [
     "react-component",
     "select",
-    "select-multiple"
+    "select-multiple",
+    "datalist"
   ],
   "description": "",
   "main": "lib/SuperSelect.js",

diff --git a/src/Action.js b/src/Action.js
@@ -1,6 +1,6 @@
-var React = require("react");
+const React = require("react");
 
-var Action = React.createClass({
+let Action = React.createClass({
     displayName: "SuperSelect.Action",
 
     getDefaultProps: function () {
@@ -20,6 +20,7 @@ var Action = React.createClass({
 
         return this.props.content || this.props.label;
     },
+
     render: function () {
         "use strict";
 

diff --git a/src/Actions.js b/src/Actions.js
@@ -1,7 +1,7 @@
-var React = require("react");
-var Action = require("./Action");
+const React = require("react");
+const Action = require("./Action");
 
-var Actions = React.createClass({
+let Actions = React.createClass({
     displayName: "SuperSelect.Actions",
 
     getDefaultProps: function () {
@@ -22,7 +22,7 @@ var Actions = React.createClass({
         return (
             <ul className="super-select-actions">
                 { this.props.actions.map(function (action, index) {
-                    return <Action { ...action } key={ index } />;
+                    return <Action { ...action } key={ index }/>;
                 }) }
             </ul>
         );

diff --git a/src/Button.js b/src/Button.js
@@ -1,10 +1,9 @@
-var React = require("react");
+const React = require("react");
 
 /**
  * @todo support max display items
  */
-
-var Button = React.createClass({
+let Button = React.createClass({
     displayName: "SuperSelect.button",
 
     getDefaultProps: function () {
@@ -36,7 +35,7 @@ var Button = React.createClass({
     getLabel: function () {
         "use strict";
 
-        var label = this.props.label;
+        let label = this.props.label;
         if (typeof this.props.contentLabelProvider === "function") {
             label = this.props.contentLabelProvider();
         }
@@ -55,11 +54,11 @@ var Button = React.createClass({
     render: function () {
         "use strict";
 
-        var self = this;
-        var className = this.getClassName();
-        var text = [];
-        var countValues = 0;
-        var value = this.props.value;
+        let self = this;
+        let className = this.getClassName();
+        let text = [];
+        let countValues = 0;
+        let value = this.props.value;
 
         text.push(this.getLabel());
 

diff --git a/src/Option.js b/src/Option.js
@@ -1,6 +1,6 @@
-var React = require("react");
+const React = require("react");
 
-var Option = React.createClass({
+let Option = React.createClass({
     displayName: "SuperSelect.Option",
 
     getDefaultProps: function () {
@@ -25,8 +25,8 @@ var Option = React.createClass({
     render: function () {
         "use strict";
 
-        var className = "super-select-options-list-item";
-        var type = this.props.multiple ? "checkbox" : "radio";
+        let className = "super-select-options-list-item";
+        let type = this.props.multiple ? "checkbox" : "radio";
 
         if (this.props.pseudoHover) {
             className += " hover";
@@ -41,7 +41,7 @@ var Option = React.createClass({
                         onChange={ this.handleChange }
                         tabIndex="-1"
                     />
-                { this.props.option[this.props.labelKey] }
+                    { this.props.option[this.props.labelKey] }
                 </label>
             </li>
         );

diff --git a/src/OptionsList.js b/src/OptionsList.js
@@ -1,8 +1,8 @@
-var React = require("react");
+const React = require("react");
 
-var Option = require("./Option");
+const Option = require("./Option");
 
-var OptionsList = React.createClass({
+let OptionsList = React.createClass({
     displayName: "SuperSelect.OptionsList",
 
     getDefaultProps: function () {
@@ -21,8 +21,8 @@ var OptionsList = React.createClass({
     renderOptions: function () {
         "use strict";
 
-        var self = this;
-        var options = this.props.options;
+        let self = this;
+        let options = this.props.options;
         if (!options.length) {
             return (
                 <li
@@ -35,7 +35,7 @@ var OptionsList = React.createClass({
         }
 
         return options.map(function (item, index) {
-            var optionProps = {
+            let optionProps = {
                 index: index,
                 pseudoHover: index === self.props.currentHover,
                 checked: self.props.isChecked(item),
@@ -50,7 +50,7 @@ var OptionsList = React.createClass({
             }
 
             return (
-                <Option { ...optionProps } key={ index } />
+                <Option { ...optionProps } key={ index }/>
             );
         });
     },

diff --git a/src/SearchBox.js b/src/SearchBox.js
@@ -1,6 +1,6 @@
-var React = require("react");
+const React = require("react");
 
-var SearchBox = React.createClass({
+let SearchBox = React.createClass({
     displayName: "SuperSelect.SearchBox",
 
     getDefaultProps: function () {

diff --git a/src/SuperSelect.js b/src/SuperSelect.js
@@ -1,12 +1,12 @@
-var React = require("react");
-var Fuse = require("fuse.js");
+const React = require("react");
+const Fuse = require("fuse.js");
 
-var Button = require("./Button");
-var OptionsList = require("./OptionsList");
-var Actions = require("./Actions");
-var SearchBox = require("./SearchBox");
+const Button = require("./Button");
+const OptionsList = require("./OptionsList");
+const Actions = require("./Actions");
+const SearchBox = require("./SearchBox");
 
-var SuperSelect = React.createClass({
+let SuperSelect = React.createClass({
     displayName: "SuperSelect",
 
     propTypes: {
@@ -115,7 +115,7 @@ var SuperSelect = React.createClass({
 
     closeOnClickOutside: function closeOnClickOutside(e) {
         "use strict";
-        var eventSuperSelect = e.superSelect || false;
+        let eventSuperSelect = e.superSelect || false;
         if (!eventSuperSelect || eventSuperSelect !== this) {
             this.setState({
                 open: false,
@@ -134,9 +134,9 @@ var SuperSelect = React.createClass({
     getOptions: function getOptions() {
         "use strict";
 
-        var options = this.props.options || [];
-        var q = this.state.q;
-        var fuse = new Fuse(options, {
+        let options = this.props.options || [];
+        let q = this.state.q;
+        let fuse = new Fuse(options, {
             keys: this.props.searchKeys
             // threshold: 0.4
         });
@@ -151,7 +151,7 @@ var SuperSelect = React.createClass({
     getValue: function getValue() {
         "use strict";
 
-        var value;
+        let value;
         if (this.props.valueLink) {
             value = this.props.valueLink.value;
         } else {
@@ -193,7 +193,7 @@ var SuperSelect = React.createClass({
     toggle: function toggle(forceState) {
         "use strict";
 
-        var newState = typeof forceState === "boolean" ? forceState : !this.state.open;
+        let newState = typeof forceState === "boolean" ? forceState : !this.state.open;
         this.setState({
             open: newState,
             q: newState ? this.state.q : "",
@@ -204,10 +204,10 @@ var SuperSelect = React.createClass({
     isChecked: function isChecked(item, returnIndex) {
         "use strict";
 
-        var index = false;
-        var value = this.getValue();
-        var found = false;
-        var valueKey = this.props.valueKey;
+        let index = false;
+        let value = this.getValue();
+        let found = false;
+        let valueKey = this.props.valueKey;
 
         if (!value) {
             return false;
@@ -230,8 +230,8 @@ var SuperSelect = React.createClass({
     handleChange: function handleChange(item) {
         "use strict";
 
-        var value = this.getValue();
-        var current;
+        let value = this.getValue();
+        let current;
 
         if (this.props.multiple) {
             current = this.isChecked(item, true);
@@ -291,20 +291,20 @@ var SuperSelect = React.createClass({
     handleNavigationKeys: function handleNavigationKeys(e) {
         "use strict";
 
-        var currentPosition = this.state.pseudoHover || 0;
-        var isEnter = e.key === "Enter";
-        var open = this.state.open;
-        var mustRetainFocus = false;
-        var self = this;
-        var container = self.refs.container;
-        var q = this.state.q;
+        let currentPosition = this.state.pseudoHover || 0;
+        let isEnter = e.key === "Enter";
+        let open = this.state.open;
+        let mustRetainFocus = false;
+        let self = this;
+        let container = self.refs.container;
+        let q = this.state.q;
 
         if (isEnter) {
             e.preventDefault();
         }
 
         if (isEnter && !isNaN(currentPosition) && open) {
-            var option = this.getOptions()[currentPosition] || false;
+            let option = this.getOptions()[currentPosition] || false;
             if (option) {
                 this.handleChange(option);
             }
@@ -374,7 +374,7 @@ var SuperSelect = React.createClass({
     buildActions: function buildActions() {
         "use strict";
 
-        var actions = [];
+        let actions = [];
         if (this.props.options.length && this.props.multiple === true) {
             actions.push({
                 label: this.props.selectAllLabel,
@@ -393,7 +393,7 @@ var SuperSelect = React.createClass({
     buildContent: function buildContent() {
         "use strict";
 
-        var content = [];
+        let content = [];
 
         if (this.state.open) {
             if (this.props.searchBox) {