Merge branch 'sortable-example' into multiselect-sort

Author: JedWatson

.changeset/config.js

@@ -0,0 +1,7 @@
+{
+  "$schema": "https://unpkg.com/@changesets/[email protected]/schema.json",
+  "changelog": "./getChangelogEntry",
+  "commit": false,
+  "linked": [],
+  "access": "public"
+}

.changeset/config.json

@@ -0,0 +1,34 @@
+require('dotenv').config();
+const { getInfo } = require('@changesets/get-github-info');
+
+const getReleaseLine = async (changeset, type) => {
+  const [firstLine, ...futureLines] = changeset.summary
+    .split('\n')
+    .map(l => l.trimRight());
+  let { links } = await getInfo({
+    repo: 'JedWatson/react-select',
+    commit: changeset.commit,
+  });
+  return `- ${links.commit}${links.pull === null ? '' : ` ${links.pull}`}${
+    links.user === null ? '' : ` Thanks ${links.user}!`
+  } - ${firstLine}\n${futureLines.map(l => `  ${l}`).join('\n')}`;
+};
+
+const getDependencyReleaseLine = async (changesets, dependenciesUpdated) => {
+  if (dependenciesUpdated.length === 0) return '';
+
+  const changesetLinks = changesets.map(
+    changeset => `- Updated dependencies [${changeset.commit}]:`
+  );
+
+  const updatedDepenenciesList = dependenciesUpdated.map(
+    dependency => `  - ${dependency.name}@${dependency.version}`
+  );
+
+  return [...changesetLinks, ...updatedDepenenciesList].join('\n');
+};
+
+module.exports = {
+  getReleaseLine,
+  getDependencyReleaseLine,
+};

.changeset/getChangelogEntry.js

@@ -4,7 +4,7 @@ docker_defaults: &docker_defaults
     docker:
         - image: cypress/base:8
           environment:
-            TERM: xterm
+              TERM: xterm
     working_directory: ~/project/repo
 
 attach_workspace: &attach_workspace
@@ -15,36 +15,36 @@ install_steps: &install_steps
     steps:
         - checkout
         - restore_cache:
-            name: Restore node_modules cache
-            keys:
-                - dependency-cache-{{ .Branch }}-{{ checksum "package.json" }}
-                - dependency-cache-{{ .Branch }}-
-                - dependency-cache-
+              name: Restore node_modules cache
+              keys:
+                  - dependency-cache-{{ .Branch }}-{{ checksum "package.json" }}
+                  - dependency-cache-{{ .Branch }}-
+                  - dependency-cache-
         - run:
-            name: Installing Dependencies
-            command: |
-              yarn install --silent
+              name: Installing Dependencies
+              command: |
+                  yarn install --silent
         - save_cache:
-            name: Save node_modules cache
-            key: dependency-cache-{{ .Branch }}-{{ checksum "package.json" }}
-            paths:
-                - node_modules/
+              name: Save node_modules cache
+              key: dependency-cache-{{ .Branch }}-{{ checksum "package.json" }}
+              paths:
+                  - node_modules/
         - persist_to_workspace:
-            root: ~/project
-            paths:
-                - repo
+              root: ~/project
+              paths:
+                  - repo
 
 workflows:
     version: 2
     build_pipeline:
         jobs:
             - build
             - unit_test:
-                requires:
-                    - build
+                  requires:
+                      - build
             - end_to_end:
-                requires:
-                    - build
+                  requires:
+                      - build
 jobs:
     build:
         <<: *docker_defaults
@@ -54,16 +54,17 @@ jobs:
         steps:
             - *attach_workspace
             - run:
-                name: Running unit tests
-                command: |
-                  yarn lint
-                  yarn test:jest
-                  yarn coveralls
+                  name: Running unit tests
+                  command: |
+                      yarn lint
+                      yarn flow check --flowconfig-name=.flowconfig-ci
+                      yarn test:jest
+                      yarn coveralls
     end_to_end:
         <<: *docker_defaults
         steps:
             - *attach_workspace
             - run:
-                name: Running E2E tests
-                command: |
-                  yarn e2e
+                  name: Running E2E tests
+                  command: |
+                      yarn e2e

.circleci/config.yml

@@ -0,0 +1,25 @@
+[ignore]
+.*/node_modules/cypress/.*
+
+[untyped]
+.*/node_modules/@atlaskit/tooltip/dist/cjs/components/Marshal.js.flow
+.*/node_modules/@atlaskit/layer-manager/dist/cjs/components/FocusLock/index.js.flow
+.*/node_modules/@atlaskit/layer-manager/dist/cjs/components/gateway/components/Gateway.js.flow
+.*/node_modules/@atlaskit/layer-manager/dist/cjs/components/withRenderTarget.js.flow
+
+[include]
+
+[libs]
+flow-typed
+
+[lints]
+unclear-type=warn
+untyped-type-import=error
+
+[options]
+module.name_mapper='\!\!raw-loader\!.*' -> '<PROJECT_ROOT>/typings/raw-loader.js'
+module.name_mapper='\!\!extract-react-types-loader\!.*' -> '<PROJECT_ROOT>/typings/extract-react-types-loader.js'
+server.max_workers=1
+sharedmemory.hash_table_pow=21
+
+[strict]

.flowconfig-ci

@@ -0,0 +1,33 @@
+name: Release
+
+on:
+  push:
+    branches:
+      - master
+
+jobs:
+  release:
+    name: Release
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout Repo
+        uses: actions/checkout@master
+
+      - name: Setup Node.js 10.x
+        uses: actions/setup-node@master
+        with:
+          node-version: 10.x
+
+      - name: Install Yarn
+        run: npm install --global yarn
+
+      - name: Install Dependencies
+        run: yarn
+
+      - name: Create Release Pull Request or Publish to npm
+        uses: changesets/action@master
+        with:
+          publish: yarn release
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}

.github/workflows/release.yml

@@ -1 +1 @@
-8.4.0
+10

.nvmrc

@@ -52,8 +52,10 @@ class App extends React.Component {
     selectedOption: null,
   };
   handleChange = selectedOption => {
-    this.setState({ selectedOption });
-    console.log(`Option selected:`, selectedOption);
+    this.setState(
+      { selectedOption },
+      () => console.log(`Option selected:`, this.state.selectedOption)
+    );
   };
   render() {
     const { selectedOption } = this.state;
@@ -83,6 +85,7 @@ Common props you may want to specify include:
 - `onChange` - subscribe to change events
 - `options` - specify the options the user can select from
 - `placeholder` - change the text displayed when no option is selected
+- `noOptionsMessage` - ({ inputValue: string }) => string | null - Text to display when there are no options
 - `value` - control the current value
 
 See the [props documentation](https://www.react-select.com/props) for complete documentation on the props react-select supports.

README.md

@@ -117,7 +117,7 @@ class Header extends Component<HeaderProps, HeaderState> {
   componentDidMount() {
     this.getStarCount();
   }
-  componentWillReceiveProps({ location }: HeaderProps) {
+  UNSAFE_componentWillReceiveProps({ location }: HeaderProps) {
     const valid = ['/', '/home'];
     const shouldCollapse = !valid.includes(this.props.location.pathname);
     if (location.pathname !== this.props.location.pathname && shouldCollapse) {

docs/App/Header.js

@@ -234,7 +234,7 @@ export default function Advanced() {
       ~~~
 
       for more ways you can do this (including critical CSS) see the
-      [Emotion SSR Docs](https://github.com/emotion-js/emotion/blob/master/docs/ssr.md)
+      [Emotion SSR Docs](https://emotion.sh/docs/ssr)
 
 
       ## Experimental