@atlaskit/react-select 3.14.5 → 3.15.0

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @atlaskit/react-select
 
+## 3.15.0
+
+### Minor Changes
+
+- [`31cb79d51457a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/31cb79d51457a) -
+  Remove prop shouldKeepInputOnSelect to clean up stale flag
+
 ## 3.14.5
 
 ### Patch Changes

package/dist/cjs/components/input.js

@@ -46,7 +46,7 @@ var Input = function Input(props) {
     }),
     css = _getStyleProps.css,
     className = _getStyleProps.className;
-  if ((0, _platformFeatureFlags.fg)('platform_do_not_clear_input_for_multiselect')) {
+  if ((0, _platformFeatureFlags.fg)('platform_fix_input_component_styling')) {
     return /*#__PURE__*/React.createElement("div", {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
       style: css

package/dist/cjs/select.js

@@ -166,8 +166,7 @@ var defaultProps = exports.defaultProps = {
   styles: {},
   tabIndex: 0,
   tabSelectsValue: true,
-  UNSAFE_is_experimental_generic: false,
-  shouldKeepInputOnSelect: false
+  UNSAFE_is_experimental_generic: false
 };
 function toCategorizedOption(props, option, selectValue, index) {
   var isDisabled = _isOptionDisabled(props, option, selectValue);
@@ -379,20 +378,11 @@ var Select = exports.default = /*#__PURE__*/function (_Component) {
       var _this$props2 = _this.props,
         closeMenuOnSelect = _this$props2.closeMenuOnSelect,
         isMulti = _this$props2.isMulti,
-        inputValue = _this$props2.inputValue,
-        shouldKeepInputOnSelect = _this$props2.shouldKeepInputOnSelect;
-      // for multiple selection options, do not clear the search input value
-      if (isMulti && shouldKeepInputOnSelect && (0, _platformFeatureFlags.fg)('platform_do_not_clear_input_for_multiselect')) {
-        _this.onInputChange(inputValue, {
-          action: 'set-value',
-          prevInputValue: inputValue
-        });
-      } else {
-        _this.onInputChange('', {
-          action: 'set-value',
-          prevInputValue: inputValue
-        });
-      }
+        inputValue = _this$props2.inputValue;
+      _this.onInputChange('', {
+        action: 'set-value',
+        prevInputValue: inputValue
+      });
       if (closeMenuOnSelect) {
         _this.setState({
           inputIsHiddenAfterUpdate: !isMulti

package/dist/es2019/components/input.js

@@ -39,7 +39,7 @@ const Input = props => {
   } = getStyleProps(props, 'input', {
     'input-container': true
   });
-  if (fg('platform_do_not_clear_input_for_multiselect')) {
+  if (fg('platform_fix_input_component_styling')) {
     return /*#__PURE__*/React.createElement("div", {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
       style: css

package/dist/es2019/select.js

@@ -138,8 +138,7 @@ export const defaultProps = {
   styles: {},
   tabIndex: 0,
   tabSelectsValue: true,
-  UNSAFE_is_experimental_generic: false,
-  shouldKeepInputOnSelect: false
+  UNSAFE_is_experimental_generic: false
 };
 function toCategorizedOption(props, option, selectValue, index) {
   const isDisabled = isOptionDisabled(props, option, selectValue);
@@ -347,21 +346,12 @@ export default class Select extends Component {
       const {
         closeMenuOnSelect,
         isMulti,
-        inputValue,
-        shouldKeepInputOnSelect
+        inputValue
       } = this.props;
-      // for multiple selection options, do not clear the search input value
-      if (isMulti && shouldKeepInputOnSelect && fg('platform_do_not_clear_input_for_multiselect')) {
-        this.onInputChange(inputValue, {
-          action: 'set-value',
-          prevInputValue: inputValue
-        });
-      } else {
-        this.onInputChange('', {
-          action: 'set-value',
-          prevInputValue: inputValue
-        });
-      }
+      this.onInputChange('', {
+        action: 'set-value',
+        prevInputValue: inputValue
+      });
       if (closeMenuOnSelect) {
         this.setState({
           inputIsHiddenAfterUpdate: !isMulti

package/dist/esm/components/input.js

@@ -37,7 +37,7 @@ var Input = function Input(props) {
     }),
     css = _getStyleProps.css,
     className = _getStyleProps.className;
-  if (fg('platform_do_not_clear_input_for_multiselect')) {
+  if (fg('platform_fix_input_component_styling')) {
     return /*#__PURE__*/React.createElement("div", {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
       style: css

package/dist/esm/select.js

@@ -157,8 +157,7 @@ export var defaultProps = {
   styles: {},
   tabIndex: 0,
   tabSelectsValue: true,
-  UNSAFE_is_experimental_generic: false,
-  shouldKeepInputOnSelect: false
+  UNSAFE_is_experimental_generic: false
 };
 function toCategorizedOption(props, option, selectValue, index) {
   var isDisabled = _isOptionDisabled(props, option, selectValue);
@@ -370,20 +369,11 @@ var Select = /*#__PURE__*/function (_Component) {
       var _this$props2 = _this.props,
         closeMenuOnSelect = _this$props2.closeMenuOnSelect,
         isMulti = _this$props2.isMulti,
-        inputValue = _this$props2.inputValue,
-        shouldKeepInputOnSelect = _this$props2.shouldKeepInputOnSelect;
-      // for multiple selection options, do not clear the search input value
-      if (isMulti && shouldKeepInputOnSelect && fg('platform_do_not_clear_input_for_multiselect')) {
-        _this.onInputChange(inputValue, {
-          action: 'set-value',
-          prevInputValue: inputValue
-        });
-      } else {
-        _this.onInputChange('', {
-          action: 'set-value',
-          prevInputValue: inputValue
-        });
-      }
+        inputValue = _this$props2.inputValue;
+      _this.onInputChange('', {
+        action: 'set-value',
+        prevInputValue: inputValue
+      });
       if (closeMenuOnSelect) {
         _this.setState({
           inputIsHiddenAfterUpdate: !isMulti

package/dist/types/internal/portal-placement-context.d.ts

@@ -1,3 +1,4 @@
+import { type Context } from 'react';
 import type { CoercedMenuPlacement } from '../types';
 /**
  * __Portal placement context__
@@ -8,6 +9,6 @@ import type { CoercedMenuPlacement } from '../types';
  * - [Code](https://atlassian.design/components/{packageName}/code)
  * - [Usage](https://atlassian.design/components/{packageName}/usage)
  */
-export declare const PortalPlacementContext: import("react").Context<{
+export declare const PortalPlacementContext: Context<{
     setPortalPlacement: (placement: CoercedMenuPlacement) => void;
 } | null>;

package/dist/types/select.d.ts

@@ -437,10 +437,6 @@ export interface SelectProps<Option, IsMulti extends boolean, Group extends Grou
     appearance: 'default' | 'subtle' | 'none';
     [key: string]: any;
     UNSAFE_is_experimental_generic?: boolean;
-    /**
-     * If `true`, the input value will be kept when an option is selected and isMulti is `true`. The default is `false`.
-     */
-    shouldKeepInputOnSelect?: boolean;
 }
 export declare const defaultProps: Omit<SelectProps<unknown, false, GroupBase<unknown>>, 'inputValue' | 'onChange' | 'onInputChange' | 'onMenuOpen' | 'onMenuClose' | 'value' | 'appearance'>;
 interface State<Option, IsMulti extends boolean, Group extends GroupBase<Option>> {

package/dist/types-ts4.5/internal/portal-placement-context.d.ts

@@ -1,3 +1,4 @@
+import { type Context } from 'react';
 import type { CoercedMenuPlacement } from '../types';
 /**
  * __Portal placement context__
@@ -8,6 +9,6 @@ import type { CoercedMenuPlacement } from '../types';
  * - [Code](https://atlassian.design/components/{packageName}/code)
  * - [Usage](https://atlassian.design/components/{packageName}/usage)
  */
-export declare const PortalPlacementContext: import("react").Context<{
+export declare const PortalPlacementContext: Context<{
     setPortalPlacement: (placement: CoercedMenuPlacement) => void;
 } | null>;

package/dist/types-ts4.5/select.d.ts

@@ -437,10 +437,6 @@ export interface SelectProps<Option, IsMulti extends boolean, Group extends Grou
     appearance: 'default' | 'subtle' | 'none';
     [key: string]: any;
     UNSAFE_is_experimental_generic?: boolean;
-    /**
-     * If `true`, the input value will be kept when an option is selected and isMulti is `true`. The default is `false`.
-     */
-    shouldKeepInputOnSelect?: boolean;
 }
 export declare const defaultProps: Omit<SelectProps<unknown, false, GroupBase<unknown>>, 'inputValue' | 'onChange' | 'onInputChange' | 'onMenuOpen' | 'onMenuClose' | 'value' | 'appearance'>;
 interface State<Option, IsMulti extends boolean, Group extends GroupBase<Option>> {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/react-select",
-	"version": "3.14.5",
+	"version": "3.15.0",
 	"description": "A forked version of react-select to only be used in atlaskit/select",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -25,8 +25,8 @@
 		"@atlaskit/layering": "^3.6.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^18.1.0",
-		"@atlaskit/spinner": "^19.0.0",
-		"@atlaskit/tag": "^14.6.0",
+		"@atlaskit/spinner": "^19.1.0",
+		"@atlaskit/tag": "^14.7.0",
 		"@atlaskit/tokens": "^11.4.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.20.0",
@@ -54,7 +54,7 @@
 		"platform_dst_select_menu_close_on_blur": {
 			"type": "boolean"
 		},
-		"platform_do_not_clear_input_for_multiselect": {
+		"platform_fix_input_component_styling": {
 			"type": "boolean"
 		},
 		"platform_fix_autocomplete_aria_for_select": {