@atlaskit/select 17.0.0 → 17.0.2

package/dist/esm/components/index.js

@@ -1,5 +1,4 @@
-/** @jsx jsx */
-import { jsx, css } from '@emotion/react';
+import { css } from '@emotion/react';
 import SelectClearIcon from '@atlaskit/icon/glyph/select-clear';
 import { components } from 'react-select';
 export { ClearIndicator, DropdownIndicator, LoadingIndicator } from './indicators';
@@ -11,10 +10,10 @@ var enabledStyles = css({
 });
 export var MultiValueRemove = function MultiValueRemove(props) {
   var isDisabled = props.selectProps.isDisabled;
-  return jsx(components.MultiValueRemove, props, jsx("div", {
+  return /*#__PURE__*/React.createElement(components.MultiValueRemove, props, /*#__PURE__*/React.createElement("div", {
     css: isDisabled ? disabledStyles : enabledStyles,
     "data-testid": isDisabled ? 'hide-clear-icon' : 'show-clear-icon'
-  }, jsx(SelectClearIcon, {
+  }, /*#__PURE__*/React.createElement(SelectClearIcon, {
     label: "Clear",
     size: "small",
     primaryColor: "transparent",

package/dist/esm/components/indicators.js

@@ -2,8 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-/** @jsx jsx */
-import { jsx, css } from '@emotion/react';
+import { css } from '@emotion/react';
 import { components } from 'react-select';
 import Spinner from '@atlaskit/spinner';
 import SelectClearIcon from '@atlaskit/icon/glyph/select-clear';
@@ -15,33 +14,34 @@ var iconContainerStyles = css({
   alignItems: 'center'
 });
 export var ClearIndicator = function ClearIndicator(props) {
-  return jsx(components.ClearIndicator, _objectSpread(_objectSpread({}, props), {}, {
+  return /*#__PURE__*/React.createElement(components.ClearIndicator, _objectSpread(_objectSpread({}, props), {}, {
     innerProps: _objectSpread(_objectSpread({}, props.innerProps), {}, {
       'aria-hidden': 'false'
     })
-  }), jsx("button", {
+  }), /*#__PURE__*/React.createElement("button", {
     css: iconContainerStyles,
     type: "button",
     tabIndex: -1
-  }, jsx(SelectClearIcon, {
+  }, /*#__PURE__*/React.createElement(SelectClearIcon, {
     size: "small",
     label: "clear"
   })));
 };
 export var DropdownIndicator = function DropdownIndicator(props) {
-  return jsx(components.DropdownIndicator, props, jsx(DownIcon, {
+  return /*#__PURE__*/React.createElement(components.DropdownIndicator, props, /*#__PURE__*/React.createElement(DownIcon, {
     label: "open"
   }));
 };
 export var LoadingIndicator = function LoadingIndicator(props) {
   var loadingStyles = css(props.getStyles('loadingIndicator', props));
   return (
+    /*#__PURE__*/
     // This *must* be constructed this way because this is being consumed by
     // `react-select` and we don't control what it wants.
     // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
-    jsx("div", _extends({
+    React.createElement("div", _extends({
       css: loadingStyles
-    }, props.innerProps), jsx(Spinner, {
+    }, props.innerProps), /*#__PURE__*/React.createElement(Spinner, {
       size: "small"
     }))
   );

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

@@ -13,8 +13,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-/** @jsx jsx */
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import { Component } from 'react';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import RadioIcon from '@atlaskit/icon/glyph/radio';
@@ -195,14 +194,15 @@ var ControlOption = /*#__PURE__*/function (_Component) {
         styles = _getPrimitiveStyles2[0],
         classes = _getPrimitiveStyles2[1];
       return (
+        /*#__PURE__*/
         // These need to remain this way because `react-select` passes props with
         // styles inside, and that must be done dynamically.
         // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
-        jsx("div", _extends({
+        React.createElement("div", _extends({
           css: styles,
           className: classes,
           ref: innerRef
-        }, props), jsx("div", {
+        }, props), /*#__PURE__*/React.createElement("div", {
           css: [baseIconStyles,
           // Here we are adding a border to the Checkbox and Radio SVG icons
           // This is an a11y fix for Select only for now but it may be rolled
@@ -219,11 +219,11 @@ var ControlOption = /*#__PURE__*/function (_Component) {
               stroke: getBorderColor(_objectSpread(_objectSpread({}, this.props), this.state))
             }
           }]
-        }, !!Icon ? jsx(Icon, {
+        }, !!Icon ? /*#__PURE__*/React.createElement(Icon, {
           label: "",
           primaryColor: getPrimaryColor(_objectSpread(_objectSpread({}, this.props), this.state)),
           secondaryColor: getSecondaryColor(_objectSpread(_objectSpread({}, this.props), this.state))
-        }) : null), jsx("div", {
+        }) : null), /*#__PURE__*/React.createElement("div", {
           css: baseOptionStyles
         }, children))
       );
@@ -232,12 +232,12 @@ var ControlOption = /*#__PURE__*/function (_Component) {
   return ControlOption;
 }(Component);
 export var CheckboxOption = function CheckboxOption(props) {
-  return jsx(ControlOption, _extends({
+  return /*#__PURE__*/React.createElement(ControlOption, _extends({
     Icon: CheckboxIcon
   }, props));
 };
 export var RadioOption = function RadioOption(props) {
-  return jsx(ControlOption, _extends({
+  return /*#__PURE__*/React.createElement(ControlOption, _extends({
     Icon: RadioIcon
   }, props));
 };

package/dist/esm/index.js

@@ -6,6 +6,7 @@ export { default, SelectWithoutAnalytics } from './entry-points/select';
 export { default as AsyncSelect } from './entry-points/async-select';
 export { default as CreatableSelect } from './entry-points/creatable-select';
 export { default as AsyncCreatableSelect } from './entry-points/async-creatable-select';
+export { isOptionsGrouped } from './utils/grouped-options-announcement';
 export { default as CheckboxSelect } from './CheckboxSelect';
 export { default as CountrySelect } from './CountrySelect';
 export { default as RadioSelect } from './RadioSelect';

package/dist/types/index.d.ts

@@ -6,6 +6,7 @@ export { default, SelectWithoutAnalytics } from './entry-points/select';
 export { default as AsyncSelect } from './entry-points/async-select';
 export { default as CreatableSelect } from './entry-points/creatable-select';
 export { default as AsyncCreatableSelect } from './entry-points/async-creatable-select';
+export { isOptionsGrouped } from './utils/grouped-options-announcement';
 export { default as CheckboxSelect } from './CheckboxSelect';
 export { default as CountrySelect } from './CountrySelect';
 export { default as RadioSelect } from './RadioSelect';

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

@@ -6,6 +6,7 @@ export { default, SelectWithoutAnalytics } from './entry-points/select';
 export { default as AsyncSelect } from './entry-points/async-select';
 export { default as CreatableSelect } from './entry-points/creatable-select';
 export { default as AsyncCreatableSelect } from './entry-points/async-creatable-select';
+export { isOptionsGrouped } from './utils/grouped-options-announcement';
 export { default as CheckboxSelect } from './CheckboxSelect';
 export { default as CountrySelect } from './CountrySelect';
 export { default as RadioSelect } from './RadioSelect';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/select",
-  "version": "17.0.0",
+  "version": "17.0.2",
   "description": "Select allows users to make a single selection or multiple selections from a list of options.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -39,11 +39,11 @@
   },
   "dependencies": {
     "@atlaskit/analytics-next": "^9.1.0",
-    "@atlaskit/icon": "^21.12.0",
+    "@atlaskit/icon": "^22.0.0",
     "@atlaskit/platform-feature-flags": "^0.2.0",
     "@atlaskit/spinner": "^16.0.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.28.0",
+    "@atlaskit/tokens": "^1.29.0",
     "@atlaskit/visually-hidden": "^1.2.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",