React Select v2

.TODO.md

@@ -0,0 +1,78 @@
+# Order of focus:
+
+* [ ] Lock scrolling on Menu (enable with prop)
+* [ ] Pass more (and consistent?) props and state from Select to Components
+* [x] Fix issue with how the mouse hover interacts with keyboard scrolling
+* [x] Ability to customise built-in strings
+* [ ] Tags mode (Creatable)
+* [-] Make inputValue a controllable prop
+* [ ] Make menuIsOpen a controllable prop
+* [ ] Render menu always open | as a dropdown | not at all
+* [ ] Handle changing of isDisabled prop
+* [ ] Virtualisation
+* [ ] Documentation
+* [ ] * Props
+* [ ] * Customisation
+* [ ] Upgrade Guide from v1 -> v2
+* [ ] Cleanup
+
+---
+
+# Review:
+
+* [ ] Make sure all on{Event} props that make sense are implemented
+* [ ] Check old props that may need to be brought forward:
+* [ ] * `autoBlur` (was for mobile -- still necessary?)
+* [ ] * `autosize` (not sure why this needs to be supported?)
+* [ ] * `backspaceToRemoveMessage`
+* [ ] * `className` (for container)
+* [ ] * `clearable` (can just provide no component)
+* [ ] * `clearAllText` / `clearValueText` (can override component?)
+* [ ] * `id` (for container) / `inputId`
+* [ ] * `onBlurResetsInput` / `onCloseResetsInput` / `onSelectResetsInput`
+* [ ] * `onClose` / `onOpen`
+* [ ] * `onMenuScrollToBottom`
+* [ ] * `openOnClick` / `openOnFocus`
+* [ ] * `pageSize`
+* [ ] * `required`
+* [ ] * `resetValue`
+* [ ] * `rtl`
+* [ ] * `scrollMenuIntoView`
+* [ ] * `searchable` / `searchPromptText`
+* [ ] * `tabIndex`
+
+---
+
+# Maybe:
+
+* [ ] Prevent values from being popped, was `option.clearableValue === false`
+* [ ] Scroll behaviour: should we detect parent? how do we handle the footer?
+* [ ] Scroll behaviour: can we overscroll up to show the group heading?
+* [ ] Internal Required State
+* [ ] Touch event handling
+* [ ] Scroll the menu into view when it opens
+* [ ] * handle `touchOutside`?
+* [ ] Async w/ pagination
+* [ ] Extention point to reorder / change menu options array when it's created
+
+---
+
+# Later:
+
+* [ ] Reordering of Options (drag and drop)
+
+---
+
+# Done:
+
+* [x] Finalise theme and style customisation framework
+* [x] Remove `disabledKey`, clean up similar functionality
+* [x] Pseudo-focus Options
+* [x] Keyboard navigation
+* [x] Make `isDisabled` / `isSelected` etc. props
+* [x] Scroll to focused option
+* [x] Add `autofocus` prop
+* [x] Add HTML Form Input
+* [x] Async with:
+* [x] * promises
+* [x] * better loading state and behaviour

.babelrc

@@ -1,9 +1,10 @@
 {
-  "ignore": ["node-modules/**", "src/index.umd.js"],
-  "presets": [ "env", "stage-0", "react"],
+  "plugins": ["transform-class-properties", "transform-object-rest-spread"],
+  "presets": ["env", "react"],
+  "ignore": ["node_modules"],
   "env": {
     "test": {
-      "plugins": ["istanbul"],
-    },
+      "plugins": ["istanbul"]
+    }
   }
 }

.browserslistrc

@@ -0,0 +1,3 @@
+> 1%
+Last 2 versions
+IE 11

.editorconfig

@@ -7,14 +7,6 @@ end_of_line = lf
 charset = utf-8
 trim_trailing_whitespace = true
 insert_final_newline = true
-indent_style = tab
-translate_tabs_to_spaces = false
-
-[*.json]
-indent_style = space
-indent_size = 2
-
-[*.yml]
 indent_style = space
 indent_size = 2
 

.eslintignore

@@ -1,6 +1,4 @@
 lib/*
 dist/*
 coverage/*
-examples/dist/*
 node_modules/*
-bower_components/*

.eslintrc.js

@@ -1,41 +1,42 @@
 module.exports = {
-	parserOptions: {
-		ecmaVersion: 6,
-		sourceType: 'module',
-		ecmaFeatures: {
-			experimentalObjectRestSpread: true,
-			jsx: true,
-		},
-	},
-	env: {
-		browser: true,
-		es6: true,
-		node: true,
-	},
-	plugins: ['react'],
-	rules: {
-		'curly': [2, 'multi-line'],
-		'jsx-quotes': 1,
-		'no-shadow': 0,
-		'no-trailing-spaces': 0,
-		'no-underscore-dangle': 0,
-		'no-unused-expressions': 0,
-		'object-curly-spacing': [1, 'always'],
-		'quotes': [2, 'single', 'avoid-escape'],
-		'react/jsx-boolean-value': 1,
-		'react/jsx-no-undef': 1,
-		'react/jsx-uses-react': 1,
-		'react/jsx-uses-vars': 1,
-		'react/jsx-wrap-multilines': 1,
-		'react/no-did-mount-set-state': 1,
-		'react/no-did-update-set-state': 1,
-		'react/no-unknown-property': 1,
-		'react/prop-types': 1,
-		'react/react-in-jsx-scope': 1,
-		'react/self-closing-comp': 1,
-		'react/sort-comp': 1,
-		'react/sort-prop-types': 1,
-		'semi': 2,
-		'strict': 0,
-	},
+  parser: 'babel-eslint',
+  env: {
+    browser: true,
+    es6: true,
+    node: true,
+  },
+  plugins: ['react'],
+  rules: {
+    'no-unused-vars': [
+      'error',
+      {
+        args: 'after-used',
+        argsIgnorePattern: '^event$',
+        ignoreRestSiblings: true,
+        vars: 'all',
+        varsIgnorePattern: '^glam$',
+      },
+    ],
+    curly: [2, 'multi-line'],
+    'jsx-quotes': 1,
+    'no-shadow': 1,
+    'no-trailing-spaces': 1,
+    'no-underscore-dangle': 1,
+    'no-unused-expressions': 1,
+    'object-curly-spacing': [1, 'always'],
+    quotes: [2, 'single', 'avoid-escape'],
+    'react/jsx-boolean-value': 1,
+    'react/jsx-no-undef': 1,
+    'react/jsx-uses-react': 1,
+    'react/jsx-uses-vars': 1,
+    'react/jsx-wrap-multilines': 1,
+    'react/no-did-mount-set-state': 1,
+    'react/no-did-update-set-state': 1,
+    'react/no-unknown-property': 1,
+    'react/react-in-jsx-scope': 1,
+    'react/self-closing-comp': 1,
+    'react/sort-prop-types': 1,
+    semi: 2,
+    strict: 0,
+  },
 };

.flowconfig

@@ -0,0 +1,13 @@
+[ignore]
+
+.*/node_modules/cypress/.*
+
+[include]
+
+[libs]
+
+[lints]
+
+[options]
+
+[strict]

.gitignore

@@ -1,3 +1,8 @@
+# Build
+lib
+dist
+examples/dist
+
 # Logs
 logs
 *.log
@@ -12,17 +17,27 @@ lib-cov
 coverage
 .nyc_output
 
+# Cypress
+cypress/videos
+cypress/screenshots
+cypress/support
+cypress/plugins
+
 # Dependency directory
 node_modules
 bower_components
 
 # Publish directory
 .publish
 
-# Editor artifacts
+# Editor artefacts
 .idea
 
 # Other
 .DS_Store
 .env
 yarn.lock
+package-lock.json
+
+# Notes
+.NOTES.md

.prettierrc.js

@@ -0,0 +1,4 @@
+module.exports = {
+  singleQuote: true,
+  trailingComma: 'es5',
+};

.travis.yml

@@ -1,8 +1,13 @@
 sudo: false
 language: node_js
 node_js:
-  - "v4"
+  - "v8"
+
+before_script:
+  - npm start & sleep 7
+  - npm install xvfb
+
 script:
   - npm run lint
-  - npm run test
-  - npm run coveralls
+  - npm run test:jest
+  - npm run test:cypress