@atlaskit/select 20.3.1 → 20.4.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/select
 
+## 20.4.0
+
+### Minor Changes
+
+- [#142856](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/142856)
+  [`578fbeefd6128`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/578fbeefd6128) -
+  Remove feature flag to allow new controls
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 20.3.1
 
 ### Patch Changes

package/dist/cjs/PopupSelect/PopupSelect.js

@@ -429,9 +429,7 @@ var PopupSelect = exports.default = /*#__PURE__*/function (_PureComponent) {
           label: providedAriaLabel
           // TODO: Popup Select does not work well with active-descendant
           ,
-          "aria-live": (0, _deviceCheck.isAppleDevice)() &&
-          // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
-          (0, _platformFeatureFlags.fg)('design_system_select-a11y-improvement') ? 'assertive' // only needed on Apple products
+          "aria-live": (0, _deviceCheck.isAppleDevice)() && (0, _platformFeatureFlags.fg)('design_system_select-a11y-improvement') ? 'assertive' // only needed on Apple products
           : undefined,
           backspaceRemovesValue: false,
           controlShouldRenderValue: false,
@@ -441,9 +439,7 @@ var PopupSelect = exports.default = /*#__PURE__*/function (_PureComponent) {
           placeholder: placeholder,
           ref: _this.getSelectRef
         }, props, {
-          isSearchable: showSearchControl
-          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-          ,
+          isSearchable: showSearchControl,
           styles: (0, _reactSelect.mergeStyles)(_this.defaultStyles, props.styles || {}),
           maxMenuHeight: _this.getMaxHeight(),
           components: selectComponents,

package/dist/cjs/Select.js

@@ -11,7 +11,7 @@ var _createSelect = _interopRequireDefault(require("./createSelect"));
 /* eslint-disable @repo/internal/react/require-jsdoc */
 
 var packageName = "@atlaskit/select";
-var packageVersion = "20.3.1";
+var packageVersion = "20.4.0";
 var SelectWithoutAnalytics = exports.SelectWithoutAnalytics = (0, _createSelect.default)(_async.default);
 var createAndFireEventOnAtlaskit = (0, _analyticsNext.createAndFireEvent)('atlaskit');
 var Select = (0, _analyticsNext.withAnalyticsContext)({

package/dist/cjs/components/input-options.js

@@ -66,8 +66,6 @@ var iconStyles = {
 };
 var baseIconStyles = null;
 var baseOptionStyles = null;
-
-// eslint-disable-next-line @repo/internal/react/no-class-components
 var ControlOption = function ControlOption(props) {
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -170,8 +168,8 @@ var NewRadioIcon = function NewRadioIcon(props) {
 var CheckboxOption = exports.CheckboxOption = function CheckboxOption(props) {
   return /*#__PURE__*/React.createElement(ControlOption, (0, _extends2.default)({
     Icon:
-    // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix, @atlaskit/platform/no-preconditioning
-    (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') && (0, _platformFeatureFlags.fg)('platform-icon-control-migration') ? NewCheckboxIcon :
+    // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
+    (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ? NewCheckboxIcon :
     // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons
     _checkbox.default
     // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
@@ -185,11 +183,10 @@ var RadioOption = exports.RadioOption = function RadioOption(props) {
   return (
     /*#__PURE__*/
     // TODO https://product-fabric.atlassian.net/browse/DSP-20769
-    // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons, @repo/internal/react/no-unsafe-spread-props
     React.createElement(ControlOption, (0, _extends2.default)({
       Icon:
-      // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix, @atlaskit/platform/no-preconditioning
-      (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') && (0, _platformFeatureFlags.fg)('platform-icon-control-migration') ? NewRadioIcon :
+      // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
+      (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ? NewRadioIcon :
       // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons
       _radio.default
       // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props

package/dist/cjs/createSelect.js

@@ -56,7 +56,6 @@ function createSelect(WrappedComponent) {
       ref: internalSelectRef,
       "aria-live": (0, _platformFeatureFlags.fg)('design_system_select-a11y-improvement') ? undefined : 'assertive',
       ariaLiveMessages:
-      // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
       //TO DO: Still need live region for PopupSelect because of the menu being open by default
       (0, _groupedOptionsAnnouncement.isOptionsGrouped)(props.options) ? _objectSpread({
         onFocus: function onFocus(data) {

package/dist/es2019/PopupSelect/PopupSelect.js

@@ -412,9 +412,7 @@ export default class PopupSelect extends PureComponent {
         label: providedAriaLabel
         // TODO: Popup Select does not work well with active-descendant
         ,
-        "aria-live": isAppleDevice() &&
-        // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
-        fg('design_system_select-a11y-improvement') ? 'assertive' // only needed on Apple products
+        "aria-live": isAppleDevice() && fg('design_system_select-a11y-improvement') ? 'assertive' // only needed on Apple products
         : undefined,
         backspaceRemovesValue: false,
         controlShouldRenderValue: false,
@@ -424,9 +422,7 @@ export default class PopupSelect extends PureComponent {
         placeholder: placeholder,
         ref: this.getSelectRef
       }, props, {
-        isSearchable: showSearchControl
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-        ,
+        isSearchable: showSearchControl,
         styles: mergeStyles(this.defaultStyles, props.styles || {}),
         maxMenuHeight: this.getMaxHeight(),
         components: selectComponents,

package/dist/es2019/Select.js

@@ -3,7 +3,7 @@ import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@
 import AsyncSelect from '@atlaskit/react-select/async';
 import createSelect from './createSelect';
 const packageName = "@atlaskit/select";
-const packageVersion = "20.3.1";
+const packageVersion = "20.4.0";
 export const SelectWithoutAnalytics = createSelect(AsyncSelect);
 const createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
 const Select = withAnalyticsContext({

package/dist/es2019/components/input-options.js

@@ -57,8 +57,6 @@ const iconStyles = {
 };
 const baseIconStyles = null;
 const baseOptionStyles = null;
-
-// eslint-disable-next-line @repo/internal/react/no-class-components
 const ControlOption = props => {
   const [isActive, setIsActive] = useState(false);
   const onMouseDown = useCallback(() => setIsActive(true), []);
@@ -147,8 +145,8 @@ React.createElement(PrimitiveSVGIcon, props, /*#__PURE__*/React.createElement("g
  */
 export const CheckboxOption = props => /*#__PURE__*/React.createElement(ControlOption, _extends({
   Icon:
-  // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix, @atlaskit/platform/no-preconditioning
-  fg('platform-visual-refresh-icons') && fg('platform-icon-control-migration') ? NewCheckboxIcon :
+  // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
+  fg('platform-visual-refresh-icons') ? NewCheckboxIcon :
   // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons
   CheckboxIcon
   // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
@@ -160,11 +158,10 @@ export const CheckboxOption = props => /*#__PURE__*/React.createElement(ControlO
 export const RadioOption = props =>
 /*#__PURE__*/
 // TODO https://product-fabric.atlassian.net/browse/DSP-20769
-// eslint-disable-next-line @atlaskit/design-system/no-legacy-icons, @repo/internal/react/no-unsafe-spread-props
 React.createElement(ControlOption, _extends({
   Icon:
-  // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix, @atlaskit/platform/no-preconditioning
-  fg('platform-visual-refresh-icons') && fg('platform-icon-control-migration') ? NewRadioIcon :
+  // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
+  fg('platform-visual-refresh-icons') ? NewRadioIcon :
   // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons
   RadioIcon
   // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props

package/dist/es2019/createSelect.js

@@ -39,7 +39,6 @@ export default function createSelect(WrappedComponent) {
       ref: internalSelectRef,
       "aria-live": fg('design_system_select-a11y-improvement') ? undefined : 'assertive',
       ariaLiveMessages:
-      // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
       //TO DO: Still need live region for PopupSelect because of the menu being open by default
       isOptionsGrouped(props.options) ? {
         onFocus: data => onFocus(data, props.options),

package/dist/esm/PopupSelect/PopupSelect.js

@@ -421,9 +421,7 @@ var PopupSelect = /*#__PURE__*/function (_PureComponent) {
           label: providedAriaLabel
           // TODO: Popup Select does not work well with active-descendant
           ,
-          "aria-live": isAppleDevice() &&
-          // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
-          fg('design_system_select-a11y-improvement') ? 'assertive' // only needed on Apple products
+          "aria-live": isAppleDevice() && fg('design_system_select-a11y-improvement') ? 'assertive' // only needed on Apple products
           : undefined,
           backspaceRemovesValue: false,
           controlShouldRenderValue: false,
@@ -433,9 +431,7 @@ var PopupSelect = /*#__PURE__*/function (_PureComponent) {
           placeholder: placeholder,
           ref: _this.getSelectRef
         }, props, {
-          isSearchable: showSearchControl
-          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-          ,
+          isSearchable: showSearchControl,
           styles: mergeStyles(_this.defaultStyles, props.styles || {}),
           maxMenuHeight: _this.getMaxHeight(),
           components: selectComponents,

package/dist/esm/Select.js

@@ -3,7 +3,7 @@ import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@
 import AsyncSelect from '@atlaskit/react-select/async';
 import createSelect from './createSelect';
 var packageName = "@atlaskit/select";
-var packageVersion = "20.3.1";
+var packageVersion = "20.4.0";
 export var SelectWithoutAnalytics = createSelect(AsyncSelect);
 var createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
 var Select = withAnalyticsContext({

package/dist/esm/components/input-options.js

@@ -56,8 +56,6 @@ var iconStyles = {
 };
 var baseIconStyles = null;
 var baseOptionStyles = null;
-
-// eslint-disable-next-line @repo/internal/react/no-class-components
 var ControlOption = function ControlOption(props) {
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -160,8 +158,8 @@ var NewRadioIcon = function NewRadioIcon(props) {
 export var CheckboxOption = function CheckboxOption(props) {
   return /*#__PURE__*/React.createElement(ControlOption, _extends({
     Icon:
-    // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix, @atlaskit/platform/no-preconditioning
-    fg('platform-visual-refresh-icons') && fg('platform-icon-control-migration') ? NewCheckboxIcon :
+    // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
+    fg('platform-visual-refresh-icons') ? NewCheckboxIcon :
     // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons
     CheckboxIcon
     // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
@@ -175,11 +173,10 @@ export var RadioOption = function RadioOption(props) {
   return (
     /*#__PURE__*/
     // TODO https://product-fabric.atlassian.net/browse/DSP-20769
-    // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons, @repo/internal/react/no-unsafe-spread-props
     React.createElement(ControlOption, _extends({
       Icon:
-      // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix, @atlaskit/platform/no-preconditioning
-      fg('platform-visual-refresh-icons') && fg('platform-icon-control-migration') ? NewRadioIcon :
+      // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
+      fg('platform-visual-refresh-icons') ? NewRadioIcon :
       // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons
       RadioIcon
       // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props

package/dist/esm/createSelect.js

@@ -46,7 +46,6 @@ export default function createSelect(WrappedComponent) {
       ref: internalSelectRef,
       "aria-live": fg('design_system_select-a11y-improvement') ? undefined : 'assertive',
       ariaLiveMessages:
-      // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
       //TO DO: Still need live region for PopupSelect because of the menu being open by default
       isOptionsGrouped(props.options) ? _objectSpread({
         onFocus: function onFocus(data) {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/select",
-	"version": "20.3.1",
+	"version": "20.4.0",
 	"description": "Select allows users to make a single selection or multiple selections from a list of options.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -68,14 +68,14 @@
 		"@af/integration-testing": "^0.5.0",
 		"@af/visual-regression": "^1.3.0",
 		"@atlaskit/button": "^23.0.0",
-		"@atlaskit/checkbox": "^17.0.0",
+		"@atlaskit/checkbox": "^17.1.0",
 		"@atlaskit/docs": "^10.0.0",
 		"@atlaskit/drawer": "^10.1.0",
 		"@atlaskit/form": "^12.0.0",
 		"@atlaskit/link": "^3.1.0",
 		"@atlaskit/logo": "^16.0.0",
 		"@atlaskit/modal-dialog": "^14.1.0",
-		"@atlaskit/radio": "^8.0.0",
+		"@atlaskit/radio": "^8.1.0",
 		"@atlaskit/section-message": "^8.2.0",
 		"@atlassian/ssr-tests": "^0.2.0",
 		"@testing-library/react": "^13.4.0",
@@ -115,9 +115,6 @@
 		"platform-visual-refresh-icons": {
 			"type": "boolean"
 		},
-		"platform-icon-control-migration": {
-			"type": "boolean"
-		},
 		"platform_design_system_team_safari_input_fix": {
 			"type": "boolean"
 		},