Release 0.23.10 (#1587)

* Release 0.23.10

* Catchup release 0.23.10

* Fix changelog & pinned dependency

* Remove console.log()

* Revert fixing broken snapshots from react-select

Author: cristiandouce

changelog.md

@@ -5,6 +5,17 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/). Currently, this project is using an `0.x` versioning system to indicate its preview status. As such, it does _not_ currently adhere to [Semantic Versioning](http://semver.org/spec/v2.0.0.html). Once we reach production readiness, we will
 follow semver beginning with our `1.0` release. In the meantime, please read this changelog for information on breaking changes!
 
+## 0.23.10 [April 24, 2019]
+
+### Added
+
+- Select: add `autoFocus` support. [#1586]
+- Icon: added`expand-arrows`, `compress-arrows`, `history`, `lock-cancel`, `lock-check`, `reload-cancel`, `reload-check`, `key` icons. [#1583]
+
+### Fixed
+
+- Select: pass down `name` property to **react-select**. [#1586]
+
 ## 0.23.9 [April 24, 2019]
 
 ### Fixed

core/babel-preset/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@auth0/babel-preset-cosmos",
   "description": "babel preset to use cosmos",
-  "version": "0.23.9",
+  "version": "0.23.10",
   "repository": "auth0/cosmos",
   "main": "index.js",
   "author": "siddharthkp",

core/components/molecules/sidebar/sidebar-link-group.tsx

@@ -1,15 +1,16 @@
-import * as React from 'react'
-import styled from '../../styled'
-import SidebarLink from './sidebar-link'
-import { __ICONNAMES__ } from '../../atoms/icon'
-import Automation from '../../_helpers/automation-attribute'
+import * as React from "react";
+
+import Automation from "../../_helpers/automation-attribute";
+import { __ICONNAMES__ } from "../../atoms/icon";
+import styled from "../../styled";
+import SidebarLink from "./sidebar-link";
 
 export interface ISidebarLinkGroupProps {
   /** HTML ID of the component */
   id?: string
   icon: string
   label: string
-  children: React.ReactNode,
+  children: React.ReactNode
   /** @internal */
   defaultOpen?: boolean
 }
@@ -36,7 +37,6 @@ class SidebarLinkGroup extends React.Component<ISidebarLinkGroupProps, ISidebarL
     super(props)
 
     const subItemSelected = this.evaluateSubItemSelection(props)
-    console.log({ subItemSelected })
     this.state = { open: props.defaultOpen || false, subItemSelected }
   }
 
@@ -83,5 +83,4 @@ class SidebarLinkGroup extends React.Component<ISidebarLinkGroupProps, ISidebarL
   }
 }
 
-
 export default SidebarLinkGroup

core/components/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@auth0/cosmos",
   "description": "Component library for Auth0 Design System",
-  "version": "0.23.9",
+  "version": "0.23.10",
   "repository": "auth0/cosmos",
   "scripts": {},
   "keywords": [],
@@ -15,7 +15,7 @@
     "prop-types": "15.6.1",
     "react-focus-lock": "^1.14.1",
     "react-popper": "1.3.2",
-    "react-select": "^2.3.0",
+    "react-select": "2.3.0",
     "react-sortable-hoc": "^0.8.3",
     "styled-components": "3.4.10"
   },

examples/perf-tests/package.json

@@ -10,11 +10,11 @@
     "start": "cosmos-scripts start"
   },
   "dependencies": {
-    "@auth0/cosmos": "0.23.9",
+    "@auth0/cosmos": "0.23.10",
     "react": "16.8.4",
     "react-dom": "16.8.4"
   },
   "devDependencies": {
-    "@auth0/cosmos-scripts": "0.23.9"
+    "@auth0/cosmos-scripts": "0.23.10"
   }
 }

examples/webpack-hello-world/package.json

@@ -10,12 +10,12 @@
     "start": "cosmos-scripts start"
   },
   "dependencies": {
-    "@auth0/cosmos": "0.23.9",
+    "@auth0/cosmos": "0.23.10",
     "@auth0/cosmos-fonts": "0.0.5",
     "react": "16.8.4",
     "react-dom": "16.8.4"
   },
   "devDependencies": {
-    "@auth0/cosmos-scripts": "0.23.9"
+    "@auth0/cosmos-scripts": "0.23.10"
   }
 }

internal/cosmos-scripts/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@auth0/cosmos-scripts",
-  "version": "0.23.9",
+  "version": "0.23.10",
   "description": "",
   "bin": {
     "cosmos-scripts": "cli.js"

internal/docs/package.json

@@ -9,7 +9,7 @@
     "start": "cosmos-scripts start"
   },
   "dependencies": {
-    "@auth0/cosmos": "0.23.9",
+    "@auth0/cosmos": "0.23.10",
     "@auth0/cosmos-fonts": "0.0.5",
     "fuzzysearch": "1.0.3",
     "js-beautify": "1.7.5",
@@ -26,6 +26,6 @@
     "yamljs": "0.3.0"
   },
   "devDependencies": {
-    "@auth0/cosmos-scripts": "0.23.9"
+    "@auth0/cosmos-scripts": "0.23.10"
   }
 }

internal/test/unit/__snapshots__/select.test.tsx.snap

@@ -6,16 +6,16 @@ exports[`Select async variant renders ReactSelect 1`] = `
   data-cosmos-key="select.wrapper"
 >
   <div
-    class="css-1pcexqc-container"
+    class="css-10nd86i"
   >
     <div
-      class="css-xorvj4-control"
+      class="css-1dhouxp"
     >
       <div
         class="css-1hwfws3"
       >
         <div
-          class="css-151xaom-placeholder"
+          class="css-1492t68"
         >
           Something
         </div>
@@ -33,7 +33,7 @@ exports[`Select async variant renders ReactSelect 1`] = `
               autocorrect="off"
               id="react-select-5-input"
               spellcheck="false"
-              style="box-sizing:content-box;width:1px;label:input;background:0;border:0;font-size:inherit;opacity:1;outline:0;padding:0;color:inherit"
+              style="box-sizing:content-box;width:1px;background:0;border:0;font-size:inherit;opacity:1;outline:0;padding:0;color:inherit"
               tabindex="0"
               type="text"
               value=""
@@ -79,21 +79,21 @@ exports[`Select customOptionRenderer variant renders ReactSelect 1`] = `
   data-cosmos-key="select.wrapper"
 >
   <div
-    class="css-1pcexqc-container"
+    class="css-10nd86i"
   >
     <div
-      class="css-xorvj4-control"
+      class="css-1dhouxp"
     >
       <div
         class="css-1hwfws3"
       >
         <div
-          class="css-151xaom-placeholder"
+          class="css-1492t68"
         >
           Something
         </div>
         <input
-          class="css-gj7qu5-dummyInput"
+          class="css-14uuagi"
           id="react-select-4-input"
           readonly=""
           tabindex="0"
@@ -135,21 +135,21 @@ exports[`Select multiple variant renders ReactSelect 1`] = `
   data-cosmos-key="select.wrapper"
 >
   <div
-    class="css-1pcexqc-container"
+    class="css-10nd86i"
   >
     <div
-      class="css-xorvj4-control"
+      class="css-1dhouxp"
     >
       <div
         class="css-1hwfws3"
       >
         <div
-          class="css-151xaom-placeholder"
+          class="css-1492t68"
         >
           Something
         </div>
         <input
-          class="css-gj7qu5-dummyInput"
+          class="css-14uuagi"
           id="react-select-2-input"
           readonly=""
           tabindex="0"
@@ -191,16 +191,16 @@ exports[`Select searchable variant renders ReactSelect 1`] = `
   data-cosmos-key="select.wrapper"
 >
   <div
-    class="css-1pcexqc-container"
+    class="css-10nd86i"
   >
     <div
-      class="css-xorvj4-control"
+      class="css-1dhouxp"
     >
       <div
         class="css-1hwfws3"
       >
         <div
-          class="css-151xaom-placeholder"
+          class="css-1492t68"
         >
           Something
         </div>
@@ -218,7 +218,7 @@ exports[`Select searchable variant renders ReactSelect 1`] = `
               autocorrect="off"
               id="react-select-3-input"
               spellcheck="false"
-              style="box-sizing:content-box;width:1px;label:input;background:0;border:0;font-size:inherit;opacity:1;outline:0;padding:0;color:inherit"
+              style="box-sizing:content-box;width:1px;background:0;border:0;font-size:inherit;opacity:1;outline:0;padding:0;color:inherit"
               tabindex="0"
               type="text"
               value=""

package.json

@@ -1,6 +1,6 @@
 {
   "name": "cosmos",
-  "version": "0.23.9",
+  "version": "0.23.10",
   "engine": "^7.0.0",
   "private": true,
   "workspaces": [