@atlaskit/select 15.7.4 → 15.7.6

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/select
 
+## 15.7.6
+
+### Patch Changes
+
+- Updated dependencies
+
+## 15.7.5
+
+### Patch Changes
+
+- [`a0bf7e532ff`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a0bf7e532ff) - Fix validationState taking precedent over isInvalid
+- Updated dependencies
+
 ## 15.7.4
 
 ### Patch Changes

package/codemods/__tests__/13.0.0-popper-props.ts

@@ -184,8 +184,7 @@ describe('Convert positionFixed:boolean to strategy:"fixed"|"absolute"', () => {
 
 describe('Warn use of the `modifiers` prop', () => {
   check({
-    it:
-      'should add warning comment when using the modifier prop in `popperProps`',
+    it: 'should add warning comment when using the modifier prop in `popperProps`',
     original: `
       import { PopupSelect } from '@atlaskit/select';
 

package/dist/cjs/Select.js

@@ -14,7 +14,7 @@ var _analyticsNext = require("@atlaskit/analytics-next");
 var _createSelect = _interopRequireDefault(require("./createSelect"));
 
 var packageName = "@atlaskit/select";
-var packageVersion = "15.7.4";
+var packageVersion = "15.7.6";
 var SelectWithoutAnalytics = (0, _createSelect.default)(_reactSelect.default);
 exports.SelectWithoutAnalytics = SelectWithoutAnalytics;
 var createAndFireEventOnAtlaskit = (0, _analyticsNext.createAndFireEvent)('atlaskit');

package/dist/cjs/createSelect.js

@@ -130,14 +130,16 @@ function createSelect(WrappedComponent) {
           "aria-live": "assertive"
         }, props, {
           components: this.components,
-          styles: (0, _reactSelect.mergeStyles)((0, _styles.default)(validationState || (isInvalid ? 'error' : 'default'), isCompact, this.props.appearance || 'default'), styles)
+          styles: (0, _reactSelect.mergeStyles)((0, _styles.default)( // This will cover both props for invalid state while giving priority to isInvalid. When cleaning up validationState, we can just keep the inner condition.
+          typeof isInvalid !== 'undefined' ? isInvalid ? 'error' : 'default' : validationState, isCompact, this.props.appearance || 'default'), styles)
         }));
       }
     }]);
     return AtlaskitSelect;
   }(_react.Component), (0, _defineProperty2.default)(_class, "defaultProps", {
     validationState: 'default',
-    isInvalid: false,
+    // TODO: uncomment the next line when cleaning up validationState prop so it has a default value
+    // isInvalid: false,
     spacing: 'default',
     onClickPreventDefault: true,
     tabSelectsValue: false,

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/select",
-	"version": "15.7.4",
+	"version": "15.7.6",
 	"sideEffects": false
 }

package/dist/es2019/Select.js

@@ -2,7 +2,7 @@ import Select from 'react-select';
 import { withAnalyticsEvents, withAnalyticsContext, createAndFireEvent } from '@atlaskit/analytics-next';
 import createSelect from './createSelect';
 const packageName = "@atlaskit/select";
-const packageVersion = "15.7.4";
+const packageVersion = "15.7.6";
 export const SelectWithoutAnalytics = createSelect(Select);
 const createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
 export default withAnalyticsContext({

package/dist/es2019/createSelect.js

@@ -76,13 +76,15 @@ export default function createSelect(WrappedComponent) {
         "aria-live": "assertive"
       }, props, {
         components: this.components,
-        styles: mergeStyles(baseStyles(validationState || (isInvalid ? 'error' : 'default'), isCompact, this.props.appearance || 'default'), styles)
+        styles: mergeStyles(baseStyles( // This will cover both props for invalid state while giving priority to isInvalid. When cleaning up validationState, we can just keep the inner condition.
+        typeof isInvalid !== 'undefined' ? isInvalid ? 'error' : 'default' : validationState, isCompact, this.props.appearance || 'default'), styles)
       }));
     }
 
   }, _defineProperty(_class, "defaultProps", {
     validationState: 'default',
-    isInvalid: false,
+    // TODO: uncomment the next line when cleaning up validationState prop so it has a default value
+    // isInvalid: false,
     spacing: 'default',
     onClickPreventDefault: true,
     tabSelectsValue: false,

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/select",
-	"version": "15.7.4",
+	"version": "15.7.6",
 	"sideEffects": false
 }

package/dist/esm/Select.js

@@ -2,7 +2,7 @@ import Select from 'react-select';
 import { withAnalyticsEvents, withAnalyticsContext, createAndFireEvent } from '@atlaskit/analytics-next';
 import createSelect from './createSelect';
 var packageName = "@atlaskit/select";
-var packageVersion = "15.7.4";
+var packageVersion = "15.7.6";
 export var SelectWithoutAnalytics = createSelect(Select);
 var createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
 export default withAnalyticsContext({

package/dist/esm/createSelect.js

@@ -106,7 +106,8 @@ export default function createSelect(WrappedComponent) {
           "aria-live": "assertive"
         }, props, {
           components: this.components,
-          styles: mergeStyles(baseStyles(validationState || (isInvalid ? 'error' : 'default'), isCompact, this.props.appearance || 'default'), styles)
+          styles: mergeStyles(baseStyles( // This will cover both props for invalid state while giving priority to isInvalid. When cleaning up validationState, we can just keep the inner condition.
+          typeof isInvalid !== 'undefined' ? isInvalid ? 'error' : 'default' : validationState, isCompact, this.props.appearance || 'default'), styles)
         }));
       }
     }]);
@@ -114,7 +115,8 @@ export default function createSelect(WrappedComponent) {
     return AtlaskitSelect;
   }(Component), _defineProperty(_class, "defaultProps", {
     validationState: 'default',
-    isInvalid: false,
+    // TODO: uncomment the next line when cleaning up validationState prop so it has a default value
+    // isInvalid: false,
     spacing: 'default',
     onClickPreventDefault: true,
     tabSelectsValue: false,

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/select",
-	"version": "15.7.4",
+	"version": "15.7.6",
 	"sideEffects": false
 }

package/dist/types/AsyncCreatableSelect.d.ts

@@ -33,7 +33,6 @@ declare const _default: {
     };
     defaultProps: {
         validationState: string;
-        isInvalid: boolean;
         spacing: string;
         onClickPreventDefault: boolean;
         tabSelectsValue: boolean;

package/dist/types/AsyncSelect.d.ts

@@ -33,7 +33,6 @@ declare const _default: {
     };
     defaultProps: {
         validationState: string;
-        isInvalid: boolean;
         spacing: string;
         onClickPreventDefault: boolean;
         tabSelectsValue: boolean;

package/dist/types/CreatableSelect.d.ts

@@ -33,7 +33,6 @@ declare const _default: {
     };
     defaultProps: {
         validationState: string;
-        isInvalid: boolean;
         spacing: string;
         onClickPreventDefault: boolean;
         tabSelectsValue: boolean;

package/dist/types/Select.d.ts

@@ -34,7 +34,6 @@ export declare const SelectWithoutAnalytics: {
     };
     defaultProps: {
         validationState: string;
-        isInvalid: boolean;
         spacing: string;
         onClickPreventDefault: boolean;
         tabSelectsValue: boolean;
@@ -77,7 +76,6 @@ declare const _default: {
     };
     defaultProps: {
         validationState: string;
-        isInvalid: boolean;
         spacing: string;
         onClickPreventDefault: boolean;
         tabSelectsValue: boolean;

package/dist/types/createSelect.d.ts

@@ -35,7 +35,6 @@ export default function createSelect(WrappedComponent: ComponentType<any>): {
     };
     defaultProps: {
         validationState: string;
-        isInvalid: boolean;
         spacing: string;
         onClickPreventDefault: boolean;
         tabSelectsValue: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/select",
-  "version": "15.7.4",
+  "version": "15.7.6",
   "description": "Select allows users to make a single selection or multiple selections from a list of options.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -12,14 +12,6 @@
   "module": "dist/esm/index.js",
   "module:es2019": "dist/es2019/index.js",
   "types": "dist/types/index.d.ts",
-  "typesVersions": {
-    ">=4.0 <4.5": {
-      "*": [
-        "dist/types-ts4.0/*",
-        "dist/types-ts4.0/index.d.ts"
-      ]
-    }
-  },
   "sideEffects": false,
   "atlaskit:src": "src/index.tsx",
   "atlassian": {
@@ -35,9 +27,9 @@
   "dependencies": {
     "@atlaskit/analytics-next": "^8.2.0",
     "@atlaskit/icon": "^21.11.0",
-    "@atlaskit/spinner": "^15.0.0",
+    "@atlaskit/spinner": "^15.2.0",
     "@atlaskit/theme": "^12.2.0",
-    "@atlaskit/tokens": "^0.10.0",
+    "@atlaskit/tokens": "^0.11.0",
     "@atlaskit/visually-hidden": "^1.1.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
@@ -58,11 +50,11 @@
     "react-dom": "^16.8.0"
   },
   "devDependencies": {
-    "@atlaskit/button": "^16.3.0",
+    "@atlaskit/button": "^16.4.0",
     "@atlaskit/checkbox": "^12.4.0",
     "@atlaskit/docs": "*",
-    "@atlaskit/drawer": "^7.3.0",
-    "@atlaskit/form": "^8.6.0",
+    "@atlaskit/drawer": "^7.4.0",
+    "@atlaskit/form": "^8.7.0",
     "@atlaskit/logo": "^13.10.0",
     "@atlaskit/modal-dialog": "^12.4.0",
     "@atlaskit/radio": "^5.4.0",