@atlaskit/react-select 1.7.0 → 1.7.1

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/react-select
 
+## 1.7.1
+
+### Patch Changes
+
+- [#108838](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/108838)
+  [`6afd2ca314368`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/6afd2ca314368) -
+  Replace the helper to verify devices with ds-lib util
+
 ## 1.7.0
 
 ### Minor Changes

package/dist/cjs/components/option.js

@@ -7,8 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.optionCSS = exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = require("@emotion/react");
+var _deviceCheck = require("@atlaskit/ds-lib/device-check");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _helpers = require("../accessibility/helpers");
 var _utils = require("../utils");
 var _a11yText = _interopRequireDefault(require("./internal/a11y-text"));
 /**
@@ -70,7 +70,7 @@ var Option = function Option(props) {
     innerRef = props.innerRef,
     innerProps = props.innerProps;
   // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
-  var isVoiceOver = (0, _helpers.isAppleDevice)() && (0, _platformFeatureFlags.fg)('design_system_select-a11y-improvement');
+  var isVoiceOver = (0, _deviceCheck.isAppleDevice)() && (0, _platformFeatureFlags.fg)('design_system_select-a11y-improvement');
   return (0, _react.jsx)("div", (0, _extends2.default)({}, (0, _utils.getStyleProps)(props, 'option', {
     option: true,
     'option--is-disabled': isDisabled,

package/dist/cjs/select.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.defaultProps = exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _readOnlyError2 = _interopRequireDefault(require("@babel/runtime/helpers/readOnlyError"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
@@ -15,8 +16,8 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _react = _interopRequireWildcard(require("react"));
+var _deviceCheck = require("@atlaskit/ds-lib/device-check");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _helpers = require("./accessibility/helpers");
 var _builtins = require("./builtins");
 var _components = require("./components");
 var _internal = require("./components/internal");
@@ -256,7 +257,7 @@ var Select = exports.default = /*#__PURE__*/function (_Component) {
     (0, _defineProperty2.default)(_this, "initialTouchY", 0);
     (0, _defineProperty2.default)(_this, "openAfterFocus", false);
     (0, _defineProperty2.default)(_this, "scrollToFocusedOptionOnUpdate", false);
-    (0, _defineProperty2.default)(_this, "isVoiceOver", (0, _platformFeatureFlags.fg)('design_system_select-a11y-improvement') && (0, _helpers.isAppleDevice)());
+    (0, _defineProperty2.default)(_this, "isVoiceOver", (0, _platformFeatureFlags.fg)('design_system_select-a11y-improvement') && (0, _deviceCheck.isAppleDevice)());
     // Refs
     // ------------------------------
     (0, _defineProperty2.default)(_this, "controlRef", null);
@@ -1151,7 +1152,7 @@ var Select = exports.default = /*#__PURE__*/function (_Component) {
       if (selectValue.length && action !== 'initial-input-focus') {
         return;
       }
-      if (isMulti && (0, _helpers.isAppleDevice)() && !(0, _helpers.isSafari)()) {
+      if (isMulti && (0, _deviceCheck.isAppleDevice)() && !(0, _deviceCheck.isSafari)()) {
         // chrome only friends
         return {
           'aria-describedby': descriptionProp ? [descriptionProp, defaultDescription, this.getElementId('multi-message')].join(' ') : [defaultDescription, this.getElementId('multi-message')].join(' ')
@@ -1261,7 +1262,7 @@ var Select = exports.default = /*#__PURE__*/function (_Component) {
         role: 'combobox',
         'aria-activedescendant': this.state.focusedOptionId || undefined,
         // Safari needs aria-owns in order for aria-activedescendant to work properly
-        'aria-owns': (0, _helpers.isSafari)() && (0, _platformFeatureFlags.fg)('design_system_select-a11y-improvement') ? this.getElementId('listbox') : undefined
+        'aria-owns': (0, _deviceCheck.isSafari)() && (0, _platformFeatureFlags.fg)('design_system_select-a11y-improvement') ? this.getElementId('listbox') : undefined
       }, menuIsOpen && {
         'aria-controls': this.getElementId('listbox')
       }), !isSearchable && {
@@ -1511,7 +1512,7 @@ var Select = exports.default = /*#__PURE__*/function (_Component) {
           // We don't want aria-selected on Apple devices or if it's false. It does nasty things.
           'aria-selected': (!commonProps.isMulti || _this4.isVoiceOver || !isSelected) && (0, _platformFeatureFlags.fg)('design_system_select-a11y-improvement') ? undefined : isSelected,
           // We don't want aria-disabled on Apple devices or if it's false. It's just noisy.
-          'aria-disabled': ((0, _helpers.isAppleDevice)() || !isDisabled) && (0, _platformFeatureFlags.fg)('design_system_select-a11y-improvement') ? undefined : isDisabled,
+          'aria-disabled': ((0, _deviceCheck.isAppleDevice)() || !isDisabled) && (0, _platformFeatureFlags.fg)('design_system_select-a11y-improvement') ? undefined : isDisabled,
           'aria-describedby': (0, _platformFeatureFlags.fg)('design_system_select-a11y-improvement') ? headingId : undefined
         };
         return /*#__PURE__*/_react.default.createElement(Option, (0, _extends2.default)({}, commonProps, {
@@ -1610,7 +1611,7 @@ var Select = exports.default = /*#__PURE__*/function (_Component) {
               id: _this4.getElementId('listbox')
             }, (0, _platformFeatureFlags.fg)('design_system_select-a11y-improvement') && {
               'aria-label': label,
-              'aria-labelledby': "".concat(labelId || ((_this4$inputRef = _this4.inputRef) === null || _this4$inputRef === void 0 ? void 0 : _this4$inputRef.id) || _this4.getElementId('input'), " ").concat(commonProps.isMulti && (0, _helpers.isSafari)() ? _this4.getElementId('multi-message') : '')
+              'aria-labelledby': "".concat(labelId || ((_this4$inputRef = _this4.inputRef) === null || _this4$inputRef === void 0 ? void 0 : _this4$inputRef.id) || _this4.getElementId('input'), " ").concat(commonProps.isMulti && (0, _deviceCheck.isSafari)() ? _this4.getElementId('multi-message') : '')
             }),
             isLoading: isLoading,
             maxHeight: maxHeight,

package/dist/es2019/components/option.js

@@ -5,8 +5,8 @@ import _extends from "@babel/runtime/helpers/extends";
  */
 
 import { jsx } from '@emotion/react';
+import { isAppleDevice } from '@atlaskit/ds-lib/device-check';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { isAppleDevice } from '../accessibility/helpers';
 import { getStyleProps } from '../utils';
 import A11yText from './internal/a11y-text';
 export const optionCSS = ({

package/dist/es2019/select.js

@@ -2,8 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /* eslint-disable @atlaskit/platform/ensure-feature-flag-prefix */
 import React, { Component } from 'react';
+import { isAppleDevice, isSafari } from '@atlaskit/ds-lib/device-check';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { isAppleDevice, isSafari } from './accessibility/helpers';
 import { formatGroupLabel as formatGroupLabelBuiltin, getOptionLabel as getOptionLabelBuiltin, getOptionValue as getOptionValueBuiltin, isOptionDisabled as isOptionDisabledBuiltin } from './builtins';
 import { defaultComponents } from './components';
 import { DummyInput, RequiredInput, ScrollManager } from './components/internal';

package/dist/esm/components/option.js

@@ -5,8 +5,8 @@ import _extends from "@babel/runtime/helpers/extends";
  */
 
 import { jsx } from '@emotion/react';
+import { isAppleDevice } from '@atlaskit/ds-lib/device-check';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { isAppleDevice } from '../accessibility/helpers';
 import { getStyleProps } from '../utils';
 import A11yText from './internal/a11y-text';
 export var optionCSS = function optionCSS(_ref) {

package/dist/esm/select.js

@@ -1,4 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
+import _readOnlyError from "@babel/runtime/helpers/readOnlyError";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
@@ -12,8 +13,8 @@ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstruct
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /* eslint-disable @atlaskit/platform/ensure-feature-flag-prefix */
 import React, { Component } from 'react';
+import { isAppleDevice, isSafari } from '@atlaskit/ds-lib/device-check';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { isAppleDevice, isSafari } from './accessibility/helpers';
 import { formatGroupLabel as formatGroupLabelBuiltin, getOptionLabel as getOptionLabelBuiltin, getOptionValue as getOptionValueBuiltin, isOptionDisabled as isOptionDisabledBuiltin } from './builtins';
 import { defaultComponents } from './components';
 import { DummyInput, RequiredInput, ScrollManager } from './components/internal';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/react-select",
-	"version": "1.7.0",
+	"version": "1.7.1",
 	"description": "A forked version of react-select to only be used in atlaskit/select",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",

package/dist/cjs/accessibility/helpers.js

@@ -1,43 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.isAppleDevice = isAppleDevice;
-exports.isIOS = isIOS;
-exports.isIPad = isIPad;
-exports.isIPhone = isIPhone;
-exports.isMac = isMac;
-exports.isSafari = isSafari;
-function testPlatform(re) {
-  var _window$navigator$use;
-  return typeof window !== 'undefined' && window.navigator != null ?
-  //@ts-expect-error ignore userAgentData type issue
-  re.test(((_window$navigator$use = window.navigator['userAgentData']) === null || _window$navigator$use === void 0 ? void 0 : _window$navigator$use.platform) || window.navigator.platform) : false;
-}
-function isIPhone() {
-  return testPlatform(/^iPhone/i);
-}
-function isSafari() {
-  if (typeof window !== 'undefined' && window.navigator != null) {
-    var _window$navigator$use2;
-    var ua = (_window$navigator$use2 = window.navigator.userAgent) === null || _window$navigator$use2 === void 0 ? void 0 : _window$navigator$use2.toLowerCase();
-    return ua ? ua.includes('safari') && !ua.includes('chrome') : false;
-  }
-  return false;
-}
-function isMac() {
-  return testPlatform(/^Mac/i);
-}
-function isIPad() {
-  return testPlatform(/^iPad/i) ||
-  // iPadOS 13 lies and says it's a Mac, but we can distinguish by detecting touch support.
-  // eslint-disable-next-line compat/compat
-  isMac() && navigator.maxTouchPoints > 1;
-}
-function isIOS() {
-  return isIPhone() || isIPad();
-}
-function isAppleDevice() {
-  return isMac() || isIOS();
-}

package/dist/es2019/accessibility/helpers.js

@@ -1,32 +0,0 @@
-function testPlatform(re) {
-  var _window$navigator$use;
-  return typeof window !== 'undefined' && window.navigator != null ?
-  //@ts-expect-error ignore userAgentData type issue
-  re.test(((_window$navigator$use = window.navigator['userAgentData']) === null || _window$navigator$use === void 0 ? void 0 : _window$navigator$use.platform) || window.navigator.platform) : false;
-}
-export function isIPhone() {
-  return testPlatform(/^iPhone/i);
-}
-export function isSafari() {
-  if (typeof window !== 'undefined' && window.navigator != null) {
-    var _window$navigator$use2;
-    const ua = (_window$navigator$use2 = window.navigator.userAgent) === null || _window$navigator$use2 === void 0 ? void 0 : _window$navigator$use2.toLowerCase();
-    return ua ? ua.includes('safari') && !ua.includes('chrome') : false;
-  }
-  return false;
-}
-export function isMac() {
-  return testPlatform(/^Mac/i);
-}
-export function isIPad() {
-  return testPlatform(/^iPad/i) ||
-  // iPadOS 13 lies and says it's a Mac, but we can distinguish by detecting touch support.
-  // eslint-disable-next-line compat/compat
-  isMac() && navigator.maxTouchPoints > 1;
-}
-export function isIOS() {
-  return isIPhone() || isIPad();
-}
-export function isAppleDevice() {
-  return isMac() || isIOS();
-}

package/dist/esm/accessibility/helpers.js

@@ -1,32 +0,0 @@
-function testPlatform(re) {
-  var _window$navigator$use;
-  return typeof window !== 'undefined' && window.navigator != null ?
-  //@ts-expect-error ignore userAgentData type issue
-  re.test(((_window$navigator$use = window.navigator['userAgentData']) === null || _window$navigator$use === void 0 ? void 0 : _window$navigator$use.platform) || window.navigator.platform) : false;
-}
-export function isIPhone() {
-  return testPlatform(/^iPhone/i);
-}
-export function isSafari() {
-  if (typeof window !== 'undefined' && window.navigator != null) {
-    var _window$navigator$use2;
-    var ua = (_window$navigator$use2 = window.navigator.userAgent) === null || _window$navigator$use2 === void 0 ? void 0 : _window$navigator$use2.toLowerCase();
-    return ua ? ua.includes('safari') && !ua.includes('chrome') : false;
-  }
-  return false;
-}
-export function isMac() {
-  return testPlatform(/^Mac/i);
-}
-export function isIPad() {
-  return testPlatform(/^iPad/i) ||
-  // iPadOS 13 lies and says it's a Mac, but we can distinguish by detecting touch support.
-  // eslint-disable-next-line compat/compat
-  isMac() && navigator.maxTouchPoints > 1;
-}
-export function isIOS() {
-  return isIPhone() || isIPad();
-}
-export function isAppleDevice() {
-  return isMac() || isIOS();
-}

package/dist/types/accessibility/helpers.d.ts

@@ -1,6 +0,0 @@
-export declare function isIPhone(): boolean;
-export declare function isSafari(): boolean;
-export declare function isMac(): boolean;
-export declare function isIPad(): boolean;
-export declare function isIOS(): boolean;
-export declare function isAppleDevice(): boolean;

package/dist/types-ts4.5/accessibility/helpers.d.ts

@@ -1,6 +0,0 @@
-export declare function isIPhone(): boolean;
-export declare function isSafari(): boolean;
-export declare function isMac(): boolean;
-export declare function isIPad(): boolean;
-export declare function isIOS(): boolean;
-export declare function isAppleDevice(): boolean;