@atlaskit/react-select 3.14.5 → 3.15.1

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/react-select
 
+## 3.15.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 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

@@ -21,6 +21,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _deviceCheck = require("@atlaskit/ds-lib/device-check");
+var _isSafari = require("@atlaskit/ds-lib/is-safari");
 var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _builtins = require("./builtins");
@@ -166,8 +167,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 +379,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
@@ -1081,7 +1072,7 @@ var Select = exports.default = /*#__PURE__*/function (_Component) {
       }, function () {
         return _this2.onMenuOpen();
       });
-      (0, _deviceCheck.isSafari)() && focusedOption && this.updateInputLabel(this.calculateInputLabel(focusedOption, openAtIndex));
+      (0, _isSafari.isSafari)() && focusedOption && this.updateInputLabel(this.calculateInputLabel(focusedOption, openAtIndex));
     }
   }, {
     key: "updateInputLabel",
@@ -1845,7 +1836,7 @@ var Select = exports.default = /*#__PURE__*/function (_Component) {
               id: _this6.getElementId('listbox')
             }, testId && {
               'data-testid': "".concat(testId, "-select--listbox")
-            }), (0, _deviceCheck.isSafari)() && !_this6.props['UNSAFE_is_experimental_generic'] && {
+            }), (0, _isSafari.isSafari)() && !_this6.props['UNSAFE_is_experimental_generic'] && {
               'aria-describedby': ((_this6$inputRef2 = _this6.inputRef) === null || _this6$inputRef2 === void 0 ? void 0 : _this6$inputRef2.id) || _this6.getElementId('input')
             }),
             isLoading: isLoading,

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

@@ -4,7 +4,8 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import "./select.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { Component } from 'react';
-import { isAppleDevice, isSafari } from '@atlaskit/ds-lib/device-check';
+import { isAppleDevice } from '@atlaskit/ds-lib/device-check';
+import { isSafari } from '@atlaskit/ds-lib/is-safari';
 import __noop from '@atlaskit/ds-lib/noop';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { formatGroupLabel as formatGroupLabelBuiltin, getOptionLabel as getOptionLabelBuiltin, getOptionValue as getOptionValueBuiltin, isOptionDisabled as isOptionDisabledBuiltin } from './builtins';
@@ -138,8 +139,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 +347,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

@@ -16,7 +16,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React, { Component } from 'react';
-import { isAppleDevice, isSafari } from '@atlaskit/ds-lib/device-check';
+import { isAppleDevice } from '@atlaskit/ds-lib/device-check';
+import { isSafari } from '@atlaskit/ds-lib/is-safari';
 import __noop from '@atlaskit/ds-lib/noop';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { formatGroupLabel as formatGroupLabelBuiltin, getOptionLabel as getOptionLabelBuiltin, getOptionValue as getOptionValueBuiltin, isOptionDisabled as isOptionDisabledBuiltin } from './builtins';
@@ -157,8 +158,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 +370,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.1",
 	"description": "A forked version of react-select to only be used in atlaskit/select",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -20,14 +20,14 @@
 	],
 	"atlaskit:src": "src/index.tsx",
 	"dependencies": {
-		"@atlaskit/ds-lib": "^6.0.0",
+		"@atlaskit/ds-lib": "^7.0.0",
 		"@atlaskit/icon": "^34.0.0",
 		"@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/tokens": "^11.4.0",
+		"@atlaskit/spinner": "^19.1.0",
+		"@atlaskit/tag": "^14.7.0",
+		"@atlaskit/tokens": "^12.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.20.0",
 		"@floating-ui/dom": "^1.0.1",
@@ -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": {