@atlaskit/select 17.10.1 → 17.10.3

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/select
 
+## 17.10.3
+
+### Patch Changes
+
+- Updated dependencies
+
+## 17.10.2
+
+### Patch Changes
+
+- [#101221](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/101221)
+  [`9e50bb672a7f`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/9e50bb672a7f) -
+  Add the `aria-describedby` to `Select` component if we do not have options.
+
 ## 17.10.1
 
 ### Patch Changes

package/dist/cjs/Select.js

@@ -9,7 +9,7 @@ var _reactSelect = _interopRequireDefault(require("react-select"));
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _createSelect = _interopRequireDefault(require("./createSelect"));
 var packageName = "@atlaskit/select";
-var packageVersion = "17.10.1";
+var packageVersion = "17.10.3";
 var SelectWithoutAnalytics = exports.SelectWithoutAnalytics = (0, _createSelect.default)(_reactSelect.default);
 var createAndFireEventOnAtlaskit = (0, _analyticsNext.createAndFireEvent)('atlaskit');
 var Select = (0, _analyticsNext.withAnalyticsContext)({

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

@@ -0,0 +1,15 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NoOptionsMessage = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactSelect = require("react-select");
+var NoOptionsMessage = exports.NoOptionsMessage = function NoOptionsMessage(props) {
+  return /*#__PURE__*/_react.default.createElement(_reactSelect.components.NoOptionsMessage, props, /*#__PURE__*/_react.default.createElement("span", {
+    id: "no-options",
+    role: "alert"
+  }, props.children || "No options"));
+};

package/dist/cjs/createSelect.js

@@ -12,6 +12,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = _interopRequireWildcard(require("react"));
 var _reactSelect = require("react-select");
 var _inputAriaDescribedby = require("./components/input-aria-describedby");
+var _noOptions = require("./components/no-options");
 var _components = require("./components");
 var _styles = _interopRequireDefault(require("./styles"));
 var _groupedOptionsAnnouncement = require("./utils/grouped-options-announcement");
@@ -45,7 +46,8 @@ function createSelect(WrappedComponent) {
         LoadingIndicator: _components.LoadingIndicator,
         MultiValueRemove: _components.MultiValueRemove,
         IndicatorSeparator: _components.IndicatorSeparator,
-        Input: _inputAriaDescribedby.Input
+        Input: _inputAriaDescribedby.Input,
+        NoOptionsMessage: _noOptions.NoOptionsMessage
       }, componentsProp);
     }, [componentsProp]);
     var descriptionId = props['aria-describedby'];

package/dist/es2019/Select.js

@@ -2,7 +2,7 @@ import ReactSelect from 'react-select';
 import { withAnalyticsEvents, withAnalyticsContext, createAndFireEvent } from '@atlaskit/analytics-next';
 import createSelect from './createSelect';
 const packageName = "@atlaskit/select";
-const packageVersion = "17.10.1";
+const packageVersion = "17.10.3";
 export const SelectWithoutAnalytics = createSelect(ReactSelect);
 const createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
 const Select = withAnalyticsContext({

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { components } from 'react-select';
+export const NoOptionsMessage = props => {
+  return /*#__PURE__*/React.createElement(components.NoOptionsMessage, props, /*#__PURE__*/React.createElement("span", {
+    id: "no-options",
+    role: "alert"
+  }, props.children || `No options`));
+};

package/dist/es2019/createSelect.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import React, { useRef, useEffect, useMemo, forwardRef, useImperativeHandle } from 'react';
 import { mergeStyles } from 'react-select';
 import { Input } from './components/input-aria-describedby';
+import { NoOptionsMessage } from './components/no-options';
 import { ClearIndicator, DropdownIndicator, LoadingIndicator, MultiValueRemove, IndicatorSeparator } from './components';
 import baseStyles from './styles';
 import { onFocus, isOptionsGrouped } from './utils/grouped-options-announcement';
@@ -28,6 +29,7 @@ export default function createSelect(WrappedComponent) {
       MultiValueRemove,
       IndicatorSeparator,
       Input,
+      NoOptionsMessage,
       ...componentsProp
     }), [componentsProp]);
     const descriptionId = props['aria-describedby'];

package/dist/esm/Select.js

@@ -2,7 +2,7 @@ import ReactSelect from 'react-select';
 import { withAnalyticsEvents, withAnalyticsContext, createAndFireEvent } from '@atlaskit/analytics-next';
 import createSelect from './createSelect';
 var packageName = "@atlaskit/select";
-var packageVersion = "17.10.1";
+var packageVersion = "17.10.3";
 export var SelectWithoutAnalytics = createSelect(ReactSelect);
 var createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
 var Select = withAnalyticsContext({

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { components } from 'react-select';
+export var NoOptionsMessage = function NoOptionsMessage(props) {
+  return /*#__PURE__*/React.createElement(components.NoOptionsMessage, props, /*#__PURE__*/React.createElement("span", {
+    id: "no-options",
+    role: "alert"
+  }, props.children || "No options"));
+};

package/dist/esm/createSelect.js

@@ -7,6 +7,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import React, { useRef, useEffect, useMemo, forwardRef, useImperativeHandle } from 'react';
 import { mergeStyles } from 'react-select';
 import { Input } from './components/input-aria-describedby';
+import { NoOptionsMessage } from './components/no-options';
 import { ClearIndicator, DropdownIndicator, LoadingIndicator, MultiValueRemove, IndicatorSeparator } from './components';
 import baseStyles from './styles';
 import { onFocus, isOptionsGrouped } from './utils/grouped-options-announcement';
@@ -35,7 +36,8 @@ export default function createSelect(WrappedComponent) {
         LoadingIndicator: LoadingIndicator,
         MultiValueRemove: MultiValueRemove,
         IndicatorSeparator: IndicatorSeparator,
-        Input: Input
+        Input: Input,
+        NoOptionsMessage: NoOptionsMessage
       }, componentsProp);
     }, [componentsProp]);
     var descriptionId = props['aria-describedby'];

package/dist/types/components/no-options.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { type OptionType, type NoticeProps } from '../types';
+export declare const NoOptionsMessage: (props: NoticeProps<OptionType>) => JSX.Element;

package/dist/types-ts4.5/components/no-options.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { type OptionType, type NoticeProps } from '../types';
+export declare const NoOptionsMessage: (props: NoticeProps<OptionType>) => JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/select",
-  "version": "17.10.1",
+  "version": "17.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/"
@@ -45,9 +45,9 @@
     "@atlaskit/analytics-next": "^9.3.0",
     "@atlaskit/icon": "^22.3.0",
     "@atlaskit/platform-feature-flags": "^0.2.0",
-    "@atlaskit/primitives": "^6.4.0",
+    "@atlaskit/primitives": "^7.0.0",
     "@atlaskit/spinner": "^16.1.0",
-    "@atlaskit/theme": "^12.8.0",
+    "@atlaskit/theme": "^12.9.0",
     "@atlaskit/tokens": "^1.49.0",
     "@atlaskit/visually-hidden": "^1.3.0",
     "@babel/runtime": "^7.0.0",