@atlaskit/select 16.7.5 → 16.7.6

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/select
 
+## 16.7.6
+
+### Patch Changes
+
+- [#42697](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/42697) [`37d5038129d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/37d5038129d) - Revise types for `ClearIndicator` usage inside `AtlaskitSelect`
+
 ## 16.7.5
 
 ### 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 = "16.7.5";
+var packageVersion = "16.7.6";
 var SelectWithoutAnalytics = exports.SelectWithoutAnalytics = (0, _createSelect.default)(_reactSelect.default);
 var createAndFireEventOnAtlaskit = (0, _analyticsNext.createAndFireEvent)('atlaskit');
 var _default = exports.default = (0, _analyticsNext.withAnalyticsContext)({

package/dist/cjs/createSelect.js

@@ -20,7 +20,7 @@ var _reactSelect = require("react-select");
 var _memoizeOne = _interopRequireDefault(require("memoize-one"));
 var _reactFastCompare = _interopRequireDefault(require("react-fast-compare"));
 var _inputAriaDescribedby = require("./components/input-aria-describedby");
-var defaultComponents = _interopRequireWildcard(require("./components"));
+var _components = require("./components");
 var _styles = _interopRequireDefault(require("./styles"));
 var _groupedOptionsAnnouncement = require("./utils/grouped-options-announcement");
 var _excluded = ["styles", "validationState", "isInvalid", "spacing", "isMulti", "appearance", "ariaLiveMessages"];
@@ -42,7 +42,13 @@ function createSelect(WrappedComponent) {
       (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "components", {});
       (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "select", null);
       (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "cacheComponents", function (components) {
-        _this.components = _objectSpread(_objectSpread({}, defaultComponents), components);
+        _this.components = _objectSpread({
+          ClearIndicator: _components.ClearIndicator ? _components.ClearIndicator : undefined,
+          DropdownIndicator: _components.DropdownIndicator,
+          LoadingIndicator: _components.LoadingIndicator,
+          MultiValueRemove: _components.MultiValueRemove,
+          IndicatorSeparator: _components.IndicatorSeparator
+        }, components);
       });
       (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onSelectRef", function (ref) {
         _this.select = ref;

package/dist/es2019/Select.js

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

package/dist/es2019/createSelect.js

@@ -5,7 +5,7 @@ import { mergeStyles } from 'react-select';
 import memoizeOne from 'memoize-one';
 import isEqual from 'react-fast-compare';
 import { Input } from './components/input-aria-describedby';
-import * as defaultComponents from './components';
+import { ClearIndicator, DropdownIndicator, LoadingIndicator, MultiValueRemove, IndicatorSeparator } from './components';
 import baseStyles from './styles';
 import { onFocus, isOptionsGrouped } from './utils/grouped-options-announcement';
 export default function createSelect(WrappedComponent) {
@@ -17,7 +17,11 @@ export default function createSelect(WrappedComponent) {
       _defineProperty(this, "select", null);
       _defineProperty(this, "cacheComponents", components => {
         this.components = {
-          ...defaultComponents,
+          ClearIndicator: ClearIndicator ? ClearIndicator : undefined,
+          DropdownIndicator,
+          LoadingIndicator,
+          MultiValueRemove,
+          IndicatorSeparator,
           ...components
         };
       });

package/dist/esm/Select.js

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

package/dist/esm/createSelect.js

@@ -17,7 +17,7 @@ import { mergeStyles } from 'react-select';
 import memoizeOne from 'memoize-one';
 import isEqual from 'react-fast-compare';
 import { Input } from './components/input-aria-describedby';
-import * as defaultComponents from './components';
+import { ClearIndicator, DropdownIndicator, LoadingIndicator, MultiValueRemove, IndicatorSeparator } from './components';
 import baseStyles from './styles';
 import { onFocus, isOptionsGrouped } from './utils/grouped-options-announcement';
 export default function createSelect(WrappedComponent) {
@@ -32,7 +32,13 @@ export default function createSelect(WrappedComponent) {
       _defineProperty(_assertThisInitialized(_this), "components", {});
       _defineProperty(_assertThisInitialized(_this), "select", null);
       _defineProperty(_assertThisInitialized(_this), "cacheComponents", function (components) {
-        _this.components = _objectSpread(_objectSpread({}, defaultComponents), components);
+        _this.components = _objectSpread({
+          ClearIndicator: ClearIndicator ? ClearIndicator : undefined,
+          DropdownIndicator: DropdownIndicator,
+          LoadingIndicator: LoadingIndicator,
+          MultiValueRemove: MultiValueRemove,
+          IndicatorSeparator: IndicatorSeparator
+        }, components);
       });
       _defineProperty(_assertThisInitialized(_this), "onSelectRef", function (ref) {
         _this.select = ref;

package/dist/types/createSelect.d.ts

@@ -1,12 +1,13 @@
 import React, { ComponentType } from 'react';
+import { type GroupBase } from 'react-select';
 import BaseSelect from 'react-select/base';
-import { SelectProps, SelectComponentsConfig, OptionType, AsyncSelectProps, CreatableSelectProps, GroupType } from './types';
+import { SelectProps, SelectComponentsConfig, OptionType, AsyncSelectProps, CreatableSelectProps } from './types';
 export default function createSelect(WrappedComponent: ComponentType<any>): {
     new <Option = OptionType, IsMulti extends boolean = false>(props: SelectProps<Option, IsMulti>): {
-        components: Partial<import("react-select/dist/declarations/src/components").SelectComponents<Option, IsMulti, GroupType<Option>>>;
+        components: Partial<import("react-select/dist/declarations/src/components").SelectComponents<Option, IsMulti, GroupBase<Option>>>;
         select: BaseSelect | null;
         UNSAFE_componentWillReceiveProps(nextProps: SelectProps<Option, IsMulti>): void;
-        cacheComponents: (components: Partial<import("react-select/dist/declarations/src/components").SelectComponents<Option, IsMulti, GroupType<Option>>>) => void;
+        cacheComponents: (components: Partial<import("react-select/dist/declarations/src/components").SelectComponents<Option, IsMulti, GroupBase<Option>>>) => void;
         focus(): void;
         blur(): void;
         onSelectRef: (ref: BaseSelect) => void;
@@ -39,7 +40,7 @@ export default function createSelect(WrappedComponent: ComponentType<any>): {
         onClickPreventDefault: boolean;
         tabSelectsValue: boolean;
         components: {
-            Input: (props: import("react-select").InputProps<unknown, boolean, GroupType<unknown>>) => JSX.Element;
+            Input: (props: import("react-select").InputProps<unknown, boolean, GroupBase<unknown>>) => JSX.Element;
         };
         styles: {};
     };

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

@@ -1,12 +1,13 @@
 import React, { ComponentType } from 'react';
+import { type GroupBase } from 'react-select';
 import BaseSelect from 'react-select/base';
-import { SelectProps, SelectComponentsConfig, OptionType, AsyncSelectProps, CreatableSelectProps, GroupType } from './types';
+import { SelectProps, SelectComponentsConfig, OptionType, AsyncSelectProps, CreatableSelectProps } from './types';
 export default function createSelect(WrappedComponent: ComponentType<any>): {
     new <Option = OptionType, IsMulti extends boolean = false>(props: SelectProps<Option, IsMulti>): {
-        components: Partial<import("react-select/dist/declarations/src/components").SelectComponents<Option, IsMulti, GroupType<Option>>>;
+        components: Partial<import("react-select/dist/declarations/src/components").SelectComponents<Option, IsMulti, GroupBase<Option>>>;
         select: BaseSelect | null;
         UNSAFE_componentWillReceiveProps(nextProps: SelectProps<Option, IsMulti>): void;
-        cacheComponents: (components: Partial<import("react-select/dist/declarations/src/components").SelectComponents<Option, IsMulti, GroupType<Option>>>) => void;
+        cacheComponents: (components: Partial<import("react-select/dist/declarations/src/components").SelectComponents<Option, IsMulti, GroupBase<Option>>>) => void;
         focus(): void;
         blur(): void;
         onSelectRef: (ref: BaseSelect) => void;
@@ -39,7 +40,7 @@ export default function createSelect(WrappedComponent: ComponentType<any>): {
         onClickPreventDefault: boolean;
         tabSelectsValue: boolean;
         components: {
-            Input: (props: import("react-select").InputProps<unknown, boolean, GroupType<unknown>>) => JSX.Element;
+            Input: (props: import("react-select").InputProps<unknown, boolean, GroupBase<unknown>>) => JSX.Element;
         };
         styles: {};
     };

package/package.json

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