@atlaskit/select 18.10.2 → 18.10.3

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/select
 
+## 18.10.3
+
+### Patch Changes
+
+- [#110434](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/110434)
+  [`29da4bcb1cd78`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/29da4bcb1cd78) -
+  Inprove device vevification with common utils
+
 ## 18.10.2
 
 ### Patch Changes

package/dist/cjs/PopupSelect/PopupSelect.js

@@ -20,6 +20,7 @@ var _reactDom = require("react-dom");
 var _reactFocusLock = _interopRequireDefault(require("react-focus-lock"));
 var _reactPopper = require("react-popper");
 var _shallowEqual = require("shallow-equal");
+var _deviceCheck = require("@atlaskit/ds-lib/device-check");
 var _useId = require("@atlaskit/ds-lib/use-id");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _reactSelect = require("@atlaskit/react-select");
@@ -420,8 +421,7 @@ var PopupSelect = exports.default = /*#__PURE__*/function (_PureComponent) {
           label: providedAriaLabel
           // TODO: Popup Select does not work well with active-descendant
           ,
-          "aria-live": (/iPad|iPhone|iPod/.test(navigator.userAgent) || navigator.platform === 'MacIntel') &&
-          // temporary check for now
+          "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
           : undefined,

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 = "18.10.2";
+var packageVersion = "18.10.3";
 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

@@ -11,6 +11,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("react");
 var _react2 = require("@emotion/react");
+var _deviceCheck = require("@atlaskit/ds-lib/device-check");
 var _checkbox = _interopRequireDefault(require("@atlaskit/icon/glyph/checkbox"));
 var _radio = _interopRequireDefault(require("@atlaskit/icon/glyph/radio"));
 var _svg = _interopRequireDefault(require("@atlaskit/icon/svg"));
@@ -162,8 +163,7 @@ var ControlOption = function ControlOption(props) {
     }, rest)),
     styles = _getPrimitiveStyles.styles,
     classes = _getPrimitiveStyles.classes;
-  var isVoiceOver = (/iPad|iPhone|iPod/.test(navigator.userAgent) || navigator.platform === 'MacIntel') &&
-  // temporary check for now
+  var isVoiceOver = (0, _deviceCheck.isAppleDevice)() &&
   // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
   (0, _platformFeatureFlags.fg)('design_system_select-a11y-improvement');
   return (

package/dist/es2019/PopupSelect/PopupSelect.js

@@ -7,6 +7,7 @@ import { createPortal } from 'react-dom';
 import FocusLock from 'react-focus-lock';
 import { Manager, Popper, Reference } from 'react-popper';
 import { shallowEqualObjects } from 'shallow-equal';
+import { isAppleDevice } from '@atlaskit/ds-lib/device-check';
 import { IdProvider } from '@atlaskit/ds-lib/use-id';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { mergeStyles } from '@atlaskit/react-select';
@@ -401,8 +402,7 @@ export default class PopupSelect extends PureComponent {
         label: providedAriaLabel
         // TODO: Popup Select does not work well with active-descendant
         ,
-        "aria-live": (/iPad|iPhone|iPod/.test(navigator.userAgent) || navigator.platform === 'MacIntel') &&
-        // temporary check for now
+        "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
         : undefined,

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 = "18.10.2";
+const packageVersion = "18.10.3";
 export const SelectWithoutAnalytics = createSelect(AsyncSelect);
 const createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
 const Select = withAnalyticsContext({

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

@@ -6,6 +6,7 @@ import _extends from "@babel/runtime/helpers/extends";
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { useCallback, useState } from 'react';
 import { css, jsx } from '@emotion/react';
+import { isAppleDevice } from '@atlaskit/ds-lib/device-check';
 import CheckboxIcon from '@atlaskit/icon/glyph/checkbox';
 import RadioIcon from '@atlaskit/icon/glyph/radio';
 import PrimitiveSVGIcon from '@atlaskit/icon/svg';
@@ -161,8 +162,7 @@ const ControlOption = props => {
     getStyles,
     ...rest
   });
-  const isVoiceOver = (/iPad|iPhone|iPod/.test(navigator.userAgent) || navigator.platform === 'MacIntel') &&
-  // temporary check for now
+  const isVoiceOver = isAppleDevice() &&
   // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
   fg('design_system_select-a11y-improvement');
   return (

package/dist/esm/PopupSelect/PopupSelect.js

@@ -18,6 +18,7 @@ import { createPortal } from 'react-dom';
 import FocusLock from 'react-focus-lock';
 import { Manager, Popper, Reference } from 'react-popper';
 import { shallowEqualObjects } from 'shallow-equal';
+import { isAppleDevice } from '@atlaskit/ds-lib/device-check';
 import { IdProvider } from '@atlaskit/ds-lib/use-id';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { mergeStyles } from '@atlaskit/react-select';
@@ -411,8 +412,7 @@ var PopupSelect = /*#__PURE__*/function (_PureComponent) {
           label: providedAriaLabel
           // TODO: Popup Select does not work well with active-descendant
           ,
-          "aria-live": (/iPad|iPhone|iPod/.test(navigator.userAgent) || navigator.platform === 'MacIntel') &&
-          // temporary check for now
+          "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
           : undefined,

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 = "18.10.2";
+var packageVersion = "18.10.3";
 export var SelectWithoutAnalytics = createSelect(AsyncSelect);
 var createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
 var Select = withAnalyticsContext({

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

@@ -12,6 +12,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { useCallback, useState } from 'react';
 import { css, jsx } from '@emotion/react';
+import { isAppleDevice } from '@atlaskit/ds-lib/device-check';
 import CheckboxIcon from '@atlaskit/icon/glyph/checkbox';
 import RadioIcon from '@atlaskit/icon/glyph/radio';
 import PrimitiveSVGIcon from '@atlaskit/icon/svg';
@@ -157,8 +158,7 @@ var ControlOption = function ControlOption(props) {
     }, rest)),
     styles = _getPrimitiveStyles.styles,
     classes = _getPrimitiveStyles.classes;
-  var isVoiceOver = (/iPad|iPhone|iPod/.test(navigator.userAgent) || navigator.platform === 'MacIntel') &&
-  // temporary check for now
+  var isVoiceOver = isAppleDevice() &&
   // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
   fg('design_system_select-a11y-improvement');
   return (

package/dist/types/PopupSelect/PopupSelect.d.ts

@@ -111,6 +111,10 @@ export default class PopupSelect<Option = OptionType, IsMulti extends boolean =
         focusLockEnabled: boolean;
         isOpen: boolean;
         mergedComponents: {
+            /**
+             * If `false`, renders a select with no search field. If `true`, renders a search field in the select when the
+             * number of options exceeds the `searchThreshold`. The default is `true`.
+             */
             Control: React.FC<import("../types").ControlProps<OptionType, boolean>>;
             DropdownIndicator: () => import("@emotion/react").jsx.JSX.Element;
             Menu: ({ children, innerProps }: import("../types").MenuProps<OptionType, boolean>) => import("@emotion/react").jsx.JSX.Element;

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

@@ -111,6 +111,10 @@ export default class PopupSelect<Option = OptionType, IsMulti extends boolean =
         focusLockEnabled: boolean;
         isOpen: boolean;
         mergedComponents: {
+            /**
+             * If `false`, renders a select with no search field. If `true`, renders a search field in the select when the
+             * number of options exceeds the `searchThreshold`. The default is `true`.
+             */
             Control: React.FC<import("../types").ControlProps<OptionType, boolean>>;
             DropdownIndicator: () => import("@emotion/react").jsx.JSX.Element;
             Menu: ({ children, innerProps }: import("../types").MenuProps<OptionType, boolean>) => import("@emotion/react").jsx.JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/select",
-	"version": "18.10.2",
+	"version": "18.10.3",
 	"description": "Select allows users to make a single selection or multiple selections from a list of options.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"