react-select - npm Package Compare versions

Comparing version 2.4.2 to 2.4.3

lib/components/containers.js

@@ -38,2 +38,3 @@ "use strict";
   return {
+    label: 'container',
     direction: isRtl ? 'rtl' : null,
@@ -40,0 +41,0 @@ pointerEvents: isDisabled ? 'none' : null,

lib/components/Control.js

@@ -24,2 +24,3 @@ "use strict";
   return {
+    label: 'control',
     alignItems: 'center',
@@ -26,0 +27,0 @@ backgroundColor: isDisabled ? colors.neutral5 : colors.neutral0,

lib/components/Group.js

@@ -61,2 +61,3 @@ "use strict";
   return {
+    label: 'group',
     color: '#999',
@@ -63,0 +64,0 @@ cursor: 'default',

lib/components/indicators.js

@@ -76,2 +76,3 @@ "use strict";
   return {
+    label: 'indicatorContainer',
     color: isFocused ? colors.neutral60 : colors.neutral20,
@@ -137,2 +138,3 @@ display: 'flex',
   return {
+    label: 'indicatorSeparator',
     alignSelf: 'stretch',
@@ -176,2 +178,3 @@ backgroundColor: isDisabled ? colors.neutral10 : colors.neutral20,
   return {
+    label: 'loadingIndicator',
     color: isFocused ? colors.neutral60 : colors.neutral20,
@@ -178,0 +181,0 @@ display: 'flex',

lib/components/Input.js

@@ -44,2 +44,3 @@ "use strict";
   return {
+    label: 'input',
     background: 0,
@@ -46,0 +47,0 @@ border: 0,

lib/components/Menu.js

@@ -232,3 +232,5 @@ "use strict";
       colors = _ref2$theme.colors;
-  return _ref3 = {}, _defineProperty(_ref3, alignToControl(placement), '100%'), _defineProperty(_ref3, "backgroundColor", colors.neutral0), _defineProperty(_ref3, "borderRadius", borderRadius), _defineProperty(_ref3, "boxShadow", '0 0 0 1px hsla(0, 0%, 0%, 0.1), 0 4px 11px hsla(0, 0%, 0%, 0.1)'), _defineProperty(_ref3, "marginBottom", spacing.menuGutter), _defineProperty(_ref3, "marginTop", spacing.menuGutter), _defineProperty(_ref3, "position", 'absolute'), _defineProperty(_ref3, "width", '100%'), _defineProperty(_ref3, "zIndex", 1), _ref3;
+  return _ref3 = {
+    label: 'menu'
+  }, _defineProperty(_ref3, alignToControl(placement), '100%'), _defineProperty(_ref3, "backgroundColor", colors.neutral0), _defineProperty(_ref3, "borderRadius", borderRadius), _defineProperty(_ref3, "boxShadow", '0 0 0 1px hsla(0, 0%, 0%, 0.1), 0 4px 11px hsla(0, 0%, 0%, 0.1)'), _defineProperty(_ref3, "marginBottom", spacing.menuGutter), _defineProperty(_ref3, "marginTop", spacing.menuGutter), _defineProperty(_ref3, "position", 'absolute'), _defineProperty(_ref3, "width", '100%'), _defineProperty(_ref3, "zIndex", 1), _ref3;
 }; // NOTE: internal only
@@ -235,0 +237,0 @@

lib/components/MultiValue.js

@@ -44,2 +44,3 @@ "use strict";
   return {
+    label: 'multiValue',
     backgroundColor: colors.neutral10,
@@ -46,0 +47,0 @@ borderRadius: borderRadius / 2,

lib/components/Option.js

@@ -24,2 +24,3 @@ "use strict";
   return {
+    label: 'option',
     backgroundColor: isSelected ? colors.primary : isFocused ? colors.primary25 : 'transparent',
@@ -26,0 +27,0 @@ color: isDisabled ? colors.neutral20 : isSelected ? colors.neutral0 : 'inherit',

lib/components/Placeholder.js

@@ -21,2 +21,3 @@ "use strict";
   return {
+    label: 'placeholder',
     color: colors.neutral50,
@@ -23,0 +24,0 @@ marginLeft: spacing.baseUnit / 2,

lib/components/SingleValue.js

@@ -22,2 +22,3 @@ "use strict";
   return {
+    label: 'singleValue',
     color: isDisabled ? colors.neutral40 : colors.neutral80,
@@ -24,0 +25,0 @@ marginLeft: spacing.baseUnit / 2,

lib/internal/A11yText.js

@@ -24,2 +24,3 @@ "use strict";
     (0, _emotion.css)({
+      label: 'a11yText',
       zIndex: 9999,
@@ -26,0 +27,0 @@ border: 0,

lib/internal/DummyInput.js

@@ -71,2 +71,3 @@ "use strict";
         (0, _emotion.css)({
+          label: 'dummyInput',
           // get rid of any default styles
@@ -73,0 +74,0 @@ background: 0,

package.json

 {
   "name": "react-select",
-  "version": "2.4.2",
+  "version": "2.4.3",
   "description": "A Select control built with and for ReactJS",
@@ -5,0 +5,0 @@ "main": "lib/index.js",

README.md

 [![NPM](https://img.shields.io/npm/v/react-select.svg)](https://www.npmjs.com/package/react-select)
-[![Build Status](https://travis-ci.org/JedWatson/react-select.svg?branch=master)](https://travis-ci.org/JedWatson/react-select)
+[![CircleCI](https://circleci.com/gh/JedWatson/react-select/tree/master.svg?style=svg)](https://circleci.com/gh/JedWatson/react-select/tree/master)
 [![Coverage Status](https://coveralls.io/repos/JedWatson/react-select/badge.svg?branch=master&service=github)](https://coveralls.io/github/JedWatson/react-select?branch=master)
@@ -4,0 +4,0 @@ [![Supported by Thinkmill](https://thinkmill.github.io/badge/heart.svg)](http://thinkmill.com.au/?utm_source=github&utm_medium=badge&utm_campaign=react-select)

src/Async.js

@@ -25,3 +25,3 @@ // @flow
   onInputChange: (string, InputActionMeta) => void,
-  inputValue: string,
+  inputValue?: string,
 };
@@ -28,0 +28,0 @@

src/components/containers.js

@@ -25,2 +25,3 @@ // @flow
 export const containerCSS = ({ isDisabled, isRtl }: ContainerState) => ({
+  label: 'container',
   direction: isRtl ? 'rtl' : null,
@@ -27,0 +28,0 @@ pointerEvents: isDisabled ? 'none' : null, // cancel mouse events when disabled

src/components/Control.js

@@ -32,2 +32,3 @@ // @flow
 }: ControlProps) => ({
+  label: 'control',
   alignItems: 'center',
@@ -34,0 +35,0 @@ backgroundColor: isDisabled ? colors.neutral5 : colors.neutral0,

src/components/Group.js

@@ -58,2 +58,3 @@ // @flow
 export const groupHeadingCSS = ({ theme: { spacing } }: GroupProps) => ({
+  label: 'group',
   color: '#999',
@@ -60,0 +61,0 @@ cursor: 'default',

src/components/indicators.js

@@ -60,2 +60,3 @@ // @flow
 }: IndicatorProps) => ({
+  label: 'indicatorContainer',
   color: isFocused ? colors.neutral60 : colors.neutral20,
@@ -120,2 +121,3 @@ display: 'flex',
 }: (CommonProps & SeparatorState)) => ({
+  label: 'indicatorSeparator',
   alignSelf: 'stretch',
@@ -158,2 +160,3 @@ backgroundColor: isDisabled ? colors.neutral10 : colors.neutral20,
 }) => ({
+  label: 'loadingIndicator',
   color: isFocused ? colors.neutral60 : colors.neutral20,
@@ -160,0 +163,0 @@ display: 'flex',

src/components/Input.js

@@ -27,2 +27,3 @@ // @flow
 const inputStyle = isHidden => ({
+  label: 'input',
   background: 0,
@@ -29,0 +30,0 @@ border: 0,

src/components/Menu.js

@@ -248,2 +248,3 @@ // @flow
 }: MenuStateWithProps) => ({
+  label: 'menu',
   [alignToControl(placement)]: '100%',
@@ -250,0 +251,0 @@ backgroundColor: colors.neutral0,

src/components/MultiValue.js

@@ -25,2 +25,3 @@ // @flow
 }: MultiValueProps) => ({
+  label: 'multiValue',
   backgroundColor: colors.neutral10,
@@ -27,0 +28,0 @@ borderRadius: borderRadius / 2,

src/components/Option.js

@@ -45,2 +45,3 @@ // @flow
 }: OptionProps) => ({
+  label: 'option',
   backgroundColor: isSelected
@@ -47,0 +48,0 @@ ? colors.primary

src/components/Placeholder.js

@@ -14,2 +14,3 @@ // @flow
 export const placeholderCSS = ({ theme: { spacing, colors } }: PlaceholderProps) => ({
+  label: 'placeholder',
   color: colors.neutral50,
@@ -16,0 +17,0 @@ marginLeft: spacing.baseUnit / 2,

src/components/SingleValue.js

@@ -21,2 +21,3 @@ // @flow
 export const css = ({ isDisabled, theme: { spacing, colors } }: SingleValueProps) => ({
+  label: 'singleValue',
   color: isDisabled ? colors.neutral40 : colors.neutral80,
@@ -23,0 +24,0 @@ marginLeft: spacing.baseUnit / 2,

src/internal/A11yText.js

@@ -9,2 +9,3 @@ // @flow
     className={css({
+      label: 'a11yText',
       zIndex: 9999,
@@ -11,0 +12,0 @@ border: 0,

src/internal/DummyInput.js

@@ -14,2 +14,3 @@ // @flow
         className={css({
+          label: 'dummyInput',
           // get rid of any default styles
@@ -16,0 +17,0 @@ background: 0,

src/Select.js

@@ -229,4 +229,4 @@ // @flow
   pageSize: number,
-  /* Placeholder text for the select value */
-  placeholder: string,
+  /* Placeholder for the select value */
+  placeholder: Node,
   /* Status to relay to screen readers */
@@ -1202,2 +1202,7 @@ screenReaderStatus: ({ count: number }) => string,
       case 'Enter':
+        if (event.keyCode === 229) {
+          // ignore the keydown event from an Input Method Editor(IME)
+          // ref. https://www.w3.org/TR/uievents/#determine-keydown-keyup-keyCode
+          break;
+        }
         if (menuIsOpen) {
@@ -1479,3 +1484,4 @@ if (!focusedOption) return;
       const selectValues: Array<any> = selectValue.map(opt => {
-        let isFocused = opt === focusedValue;
+        const isOptionFocused = opt === focusedValue;
+
         return (
@@ -1489,3 +1495,3 @@ <MultiValue
             }}
-            isFocused={isFocused}
+            isFocused={isOptionFocused}
             isDisabled={isDisabled}
@@ -1492,0 +1498,0 @@ key={this.getOptionValue(opt)}

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

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

Improved metrics

Total package byte prevSize

1119497

increased by0.43%

Lines of code

22845

increased by0.5%

No dependency changes