@atlaskit/select 15.7.3 → 15.7.5

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/select
 
+## 15.7.5
+
+### Patch Changes
+
+- [`a0bf7e532ff`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a0bf7e532ff) - Fix validationState taking precedent over isInvalid
+- Updated dependencies
+
+## 15.7.4
+
+### Patch Changes
+
+- [`9827dcb82b8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9827dcb82b8) - No-op change to introduce spacing tokens to design system components.
+
 ## 15.7.3
 
 ### Patch Changes

package/dist/cjs/CountrySelect.js

@@ -24,7 +24,8 @@ var labelStyles = (0, _react.css)({
 });
 var flagStyles = (0, _react.css)({
   fontSize: '18px',
-  marginRight: '8px'
+  // TODO Delete this comment after verifying spacing token -> previous value `'8px'`
+  marginRight: "var(--ds-scale-100, 8px)"
 });
 
 var Opt = function Opt(_ref) {

package/dist/cjs/Select.js

@@ -14,7 +14,7 @@ var _analyticsNext = require("@atlaskit/analytics-next");
 var _createSelect = _interopRequireDefault(require("./createSelect"));
 
 var packageName = "@atlaskit/select";
-var packageVersion = "15.7.3";
+var packageVersion = "15.7.5";
 var SelectWithoutAnalytics = (0, _createSelect.default)(_reactSelect.default);
 exports.SelectWithoutAnalytics = SelectWithoutAnalytics;
 var createAndFireEventOnAtlaskit = (0, _analyticsNext.createAndFireEvent)('atlaskit');

package/dist/cjs/createSelect.js

@@ -130,14 +130,16 @@ function createSelect(WrappedComponent) {
           "aria-live": "assertive"
         }, props, {
           components: this.components,
-          styles: (0, _reactSelect.mergeStyles)((0, _styles.default)(validationState || (isInvalid ? 'error' : 'default'), isCompact, this.props.appearance || 'default'), styles)
+          styles: (0, _reactSelect.mergeStyles)((0, _styles.default)( // This will cover both props for invalid state while giving priority to isInvalid. When cleaning up validationState, we can just keep the inner condition.
+          typeof isInvalid !== 'undefined' ? isInvalid ? 'error' : 'default' : validationState, isCompact, this.props.appearance || 'default'), styles)
         }));
       }
     }]);
     return AtlaskitSelect;
   }(_react.Component), (0, _defineProperty2.default)(_class, "defaultProps", {
     validationState: 'default',
-    isInvalid: false,
+    // TODO: uncomment the next line when cleaning up validationState prop so it has a default value
+    // isInvalid: false,
     spacing: 'default',
     onClickPreventDefault: true,
     tabSelectsValue: false,

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/select",
-	"version": "15.7.3",
+	"version": "15.7.5",
 	"sideEffects": false
 }

package/dist/es2019/CountrySelect.js

@@ -12,7 +12,8 @@ const labelStyles = css({
 });
 const flagStyles = css({
   fontSize: '18px',
-  marginRight: '8px'
+  // TODO Delete this comment after verifying spacing token -> previous value `'8px'`
+  marginRight: "var(--ds-scale-100, 8px)"
 });
 
 const Opt = ({

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

package/dist/es2019/createSelect.js

@@ -76,13 +76,15 @@ export default function createSelect(WrappedComponent) {
         "aria-live": "assertive"
       }, props, {
         components: this.components,
-        styles: mergeStyles(baseStyles(validationState || (isInvalid ? 'error' : 'default'), isCompact, this.props.appearance || 'default'), styles)
+        styles: mergeStyles(baseStyles( // This will cover both props for invalid state while giving priority to isInvalid. When cleaning up validationState, we can just keep the inner condition.
+        typeof isInvalid !== 'undefined' ? isInvalid ? 'error' : 'default' : validationState, isCompact, this.props.appearance || 'default'), styles)
       }));
     }
 
   }, _defineProperty(_class, "defaultProps", {
     validationState: 'default',
-    isInvalid: false,
+    // TODO: uncomment the next line when cleaning up validationState prop so it has a default value
+    // isInvalid: false,
     spacing: 'default',
     onClickPreventDefault: true,
     tabSelectsValue: false,

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/select",
-	"version": "15.7.3",
+	"version": "15.7.5",
 	"sideEffects": false
 }

package/dist/esm/CountrySelect.js

@@ -12,7 +12,8 @@ var labelStyles = css({
 });
 var flagStyles = css({
   fontSize: '18px',
-  marginRight: '8px'
+  // TODO Delete this comment after verifying spacing token -> previous value `'8px'`
+  marginRight: "var(--ds-scale-100, 8px)"
 });
 
 var Opt = function Opt(_ref) {

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

package/dist/esm/createSelect.js

@@ -106,7 +106,8 @@ export default function createSelect(WrappedComponent) {
           "aria-live": "assertive"
         }, props, {
           components: this.components,
-          styles: mergeStyles(baseStyles(validationState || (isInvalid ? 'error' : 'default'), isCompact, this.props.appearance || 'default'), styles)
+          styles: mergeStyles(baseStyles( // This will cover both props for invalid state while giving priority to isInvalid. When cleaning up validationState, we can just keep the inner condition.
+          typeof isInvalid !== 'undefined' ? isInvalid ? 'error' : 'default' : validationState, isCompact, this.props.appearance || 'default'), styles)
         }));
       }
     }]);
@@ -114,7 +115,8 @@ export default function createSelect(WrappedComponent) {
     return AtlaskitSelect;
   }(Component), _defineProperty(_class, "defaultProps", {
     validationState: 'default',
-    isInvalid: false,
+    // TODO: uncomment the next line when cleaning up validationState prop so it has a default value
+    // isInvalid: false,
     spacing: 'default',
     onClickPreventDefault: true,
     tabSelectsValue: false,

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/select",
-	"version": "15.7.3",
+	"version": "15.7.5",
 	"sideEffects": false
 }

package/dist/types/AsyncCreatableSelect.d.ts

@@ -33,7 +33,6 @@ declare const _default: {
     };
     defaultProps: {
         validationState: string;
-        isInvalid: boolean;
         spacing: string;
         onClickPreventDefault: boolean;
         tabSelectsValue: boolean;

package/dist/types/AsyncSelect.d.ts

@@ -33,7 +33,6 @@ declare const _default: {
     };
     defaultProps: {
         validationState: string;
-        isInvalid: boolean;
         spacing: string;
         onClickPreventDefault: boolean;
         tabSelectsValue: boolean;

package/dist/types/CountrySelect.d.ts

@@ -1,4 +1,3 @@
-/** @jsx jsx */
 import { jsx } from '@emotion/react';
 import { groupedCountries } from './data/countries';
 import { SelectProps } from './types';

package/dist/types/CreatableSelect.d.ts

@@ -33,7 +33,6 @@ declare const _default: {
     };
     defaultProps: {
         validationState: string;
-        isInvalid: boolean;
         spacing: string;
         onClickPreventDefault: boolean;
         tabSelectsValue: boolean;

package/dist/types/Select.d.ts

@@ -34,7 +34,6 @@ export declare const SelectWithoutAnalytics: {
     };
     defaultProps: {
         validationState: string;
-        isInvalid: boolean;
         spacing: string;
         onClickPreventDefault: boolean;
         tabSelectsValue: boolean;
@@ -77,7 +76,6 @@ declare const _default: {
     };
     defaultProps: {
         validationState: string;
-        isInvalid: boolean;
         spacing: string;
         onClickPreventDefault: boolean;
         tabSelectsValue: boolean;

package/dist/types/createSelect.d.ts

@@ -35,7 +35,6 @@ export default function createSelect(WrappedComponent: ComponentType<any>): {
     };
     defaultProps: {
         validationState: string;
-        isInvalid: boolean;
         spacing: string;
         onClickPreventDefault: boolean;
         tabSelectsValue: boolean;

package/dist/types-ts4.0/AsyncCreatableSelect.d.ts

@@ -33,7 +33,6 @@ declare const _default: {
     };
     defaultProps: {
         validationState: string;
-        isInvalid: boolean;
         spacing: string;
         onClickPreventDefault: boolean;
         tabSelectsValue: boolean;

package/dist/types-ts4.0/AsyncSelect.d.ts

@@ -33,7 +33,6 @@ declare const _default: {
     };
     defaultProps: {
         validationState: string;
-        isInvalid: boolean;
         spacing: string;
         onClickPreventDefault: boolean;
         tabSelectsValue: boolean;

package/dist/types-ts4.0/CountrySelect.d.ts

@@ -1,4 +1,3 @@
-/** @jsx jsx */
 import { jsx } from '@emotion/react';
 import { groupedCountries } from './data/countries';
 import { SelectProps } from './types';

package/dist/types-ts4.0/CreatableSelect.d.ts

@@ -33,7 +33,6 @@ declare const _default: {
     };
     defaultProps: {
         validationState: string;
-        isInvalid: boolean;
         spacing: string;
         onClickPreventDefault: boolean;
         tabSelectsValue: boolean;

package/dist/types-ts4.0/Select.d.ts

@@ -34,7 +34,6 @@ export declare const SelectWithoutAnalytics: {
     };
     defaultProps: {
         validationState: string;
-        isInvalid: boolean;
         spacing: string;
         onClickPreventDefault: boolean;
         tabSelectsValue: boolean;
@@ -77,7 +76,6 @@ declare const _default: {
     };
     defaultProps: {
         validationState: string;
-        isInvalid: boolean;
         spacing: string;
         onClickPreventDefault: boolean;
         tabSelectsValue: boolean;

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

@@ -35,7 +35,6 @@ export default function createSelect(WrappedComponent: ComponentType<any>): {
     };
     defaultProps: {
         validationState: string;
-        isInvalid: boolean;
         spacing: string;
         onClickPreventDefault: boolean;
         tabSelectsValue: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/select",
-  "version": "15.7.3",
+  "version": "15.7.5",
   "description": "Select allows users to make a single selection or multiple selections from a list of options.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -15,13 +15,15 @@
   "typesVersions": {
     ">=4.0 <4.5": {
       "*": [
-        "dist/types-ts4.0/*"
+        "dist/types-ts4.0/*",
+        "dist/types-ts4.0/index.d.ts"
       ]
     }
   },
   "sideEffects": false,
   "atlaskit:src": "src/index.tsx",
   "atlassian": {
+    "disableProductCI": true,
     "team": "Design System Team",
     "deprecatedAutoEntryPoints": true,
     "releaseModel": "scheduled",
@@ -32,8 +34,8 @@
   },
   "dependencies": {
     "@atlaskit/analytics-next": "^8.2.0",
-    "@atlaskit/icon": "^21.10.0",
-    "@atlaskit/spinner": "^15.0.0",
+    "@atlaskit/icon": "^21.11.0",
+    "@atlaskit/spinner": "^15.2.0",
     "@atlaskit/theme": "^12.2.0",
     "@atlaskit/tokens": "^0.10.0",
     "@atlaskit/visually-hidden": "^1.1.0",
@@ -56,17 +58,17 @@
     "react-dom": "^16.8.0"
   },
   "devDependencies": {
-    "@atlaskit/button": "^16.3.0",
-    "@atlaskit/checkbox": "^12.2.0",
+    "@atlaskit/button": "^16.4.0",
+    "@atlaskit/checkbox": "^12.4.0",
     "@atlaskit/docs": "*",
-    "@atlaskit/drawer": "^7.2.0",
-    "@atlaskit/form": "^8.5.0",
-    "@atlaskit/logo": "^13.9.0",
-    "@atlaskit/modal-dialog": "^12.3.0",
+    "@atlaskit/drawer": "^7.4.0",
+    "@atlaskit/form": "^8.7.0",
+    "@atlaskit/logo": "^13.10.0",
+    "@atlaskit/modal-dialog": "^12.4.0",
     "@atlaskit/radio": "^5.4.0",
-    "@atlaskit/section-message": "^6.2.0",
+    "@atlaskit/section-message": "^6.3.0",
     "@atlaskit/ssr": "*",
-    "@atlaskit/tooltip": "^17.5.0",
+    "@atlaskit/tooltip": "^17.6.0",
     "@atlaskit/visual-regression": "*",
     "@atlaskit/webdriver-runner": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
@@ -84,6 +86,7 @@
   "techstack": {
     "@repo/internal": {
       "dom-events": "use-bind-event-listener",
+      "design-tokens": "spacing",
       "theming": "tokens",
       "deprecation": "no-deprecated-imports",
       "styling": [

package/report.api.md

@@ -2,6 +2,12 @@
 
 > Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
 
+<!--
+	Generated API Report version: 2.0
+-->
+
+[Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
+
 ```ts
 /// <reference types="react" />
 
@@ -14,13 +20,14 @@ import { default as default_2 } from 'react-select/src/Select';
 import { default as default_3 } from 'react-select';
 import { ErrorInfo } from 'react';
 import { FC } from 'react';
-import { FocusTrap } from 'focus-trap';
 import { FormatOptionLabelMeta as FormatOptionLabelMeta_2 } from 'react-select';
 import { GroupedOptionsType } from 'react-select';
 import { GroupTypeBase as GroupType } from 'react-select';
 import { IndicatorComponentType as IndicatorComponentType_2 } from 'react-select';
 import { IndicatorProps as IndicatorProps_2 } from 'react-select';
+import { InputActionMeta as InputActionMeta_2 } from 'react-select';
 import { InputProps } from 'react-select';
+import { jsx } from '@emotion/react';
 import { makeAsyncSelect } from 'react-select/async';
 import { makeCreatableSelect } from 'react-select/creatable';
 import { MenuListComponentProps as MenuListComponentProps_2 } from 'react-select';
@@ -43,9 +50,11 @@ import { ValueContainerProps as ValueContainerProps_2 } from 'react-select';
 import { ValueType as ValueType_2 } from 'react-select';
 import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 
-export declare type ActionMeta<Option = OptionType> = ActionMeta_2<Option>;
+// @public (undocumented)
+export type ActionMeta<Option = OptionType> = ActionMeta_2<Option>;
 
-export declare const AsyncCreatableSelect: {
+// @public (undocumented)
+export const AsyncCreatableSelect: {
   new <Option = OptionType, IsMulti extends boolean = false>(
     props: SelectProps<Option, IsMulti>,
   ): {
@@ -130,6 +139,7 @@ export declare const AsyncCreatableSelect: {
   };
   defaultProps: {
     validationState: string;
+    isInvalid: boolean;
     spacing: string;
     onClickPreventDefault: boolean;
     tabSelectsValue: boolean;
@@ -139,7 +149,8 @@ export declare const AsyncCreatableSelect: {
   contextType?: Context<any> | undefined;
 };
 
-export declare const AsyncSelect: {
+// @public (undocumented)
+export const AsyncSelect: {
   new <Option = OptionType, IsMulti extends boolean = false>(
     props: SelectProps<Option, IsMulti>,
   ): {
@@ -224,6 +235,7 @@ export declare const AsyncSelect: {
   };
   defaultProps: {
     validationState: string;
+    isInvalid: boolean;
     spacing: string;
     onClickPreventDefault: boolean;
     tabSelectsValue: boolean;
@@ -233,23 +245,45 @@ export declare const AsyncSelect: {
   contextType?: Context<any> | undefined;
 };
 
-export declare const CheckboxOption: FC<OptionProps<OptionType, true>>;
+// @public (undocumented)
+export const CheckboxOption: FC<OptionProps<OptionType, true>>;
 
-export declare const CheckboxSelect: ({
+// @public (undocumented)
+export const CheckboxSelect: ({
   components,
   ...props
 }: SelectProps<OptionType, true>) => JSX.Element;
 
 export { components };
 
-export declare type ControlProps<
+// @public (undocumented)
+export type ControlProps<
   OptionType,
   IsMulti extends boolean = false
 > = ControlProps_2<OptionType, IsMulti>;
 
-export declare const CountrySelect: (props: any) => JSX.Element;
+// @public (undocumented)
+type Country = typeof groupedCountries[number]['options'][number];
+
+// @public (undocumented)
+interface Country_2 {
+  // (undocumented)
+  abbr: string;
+  // (undocumented)
+  code: string;
+  // (undocumented)
+  icon: string;
+  // (undocumented)
+  name: string;
+  // (undocumented)
+  suggested?: boolean;
+}
+
+// @public (undocumented)
+export const CountrySelect: (props: SelectProps<Country>) => jsx.JSX.Element;
 
-export declare const CreatableSelect: {
+// @public (undocumented)
+export const CreatableSelect: {
   new <Option = OptionType, IsMulti extends boolean = false>(
     props: SelectProps<Option, IsMulti>,
   ): {
@@ -334,6 +368,7 @@ export declare const CreatableSelect: {
   };
   defaultProps: {
     validationState: string;
+    isInvalid: boolean;
     spacing: string;
     onClickPreventDefault: boolean;
     tabSelectsValue: boolean;
@@ -345,7 +380,8 @@ export declare const CreatableSelect: {
 
 export { createFilter };
 
-declare const _default: {
+// @public (undocumented)
+const _default: {
   new <Option = OptionType, IsMulti extends boolean = false>(
     props: SelectProps<Option, IsMulti>,
   ): {
@@ -430,6 +466,7 @@ declare const _default: {
   };
   defaultProps: {
     validationState: string;
+    isInvalid: boolean;
     spacing: string;
     onClickPreventDefault: boolean;
     tabSelectsValue: boolean;
@@ -440,50 +477,86 @@ declare const _default: {
 };
 export default _default;
 
-declare type defaultModifiers = 'offset' | 'preventOverflow';
+// @public (undocumented)
+type defaultModifiers = 'offset' | 'preventOverflow';
 
-export declare type FormatOptionLabelMeta<
+// @public (undocumented)
+export type FormatOptionLabelMeta<
   OptionType,
   IsMulti extends boolean = false
 > = FormatOptionLabelMeta_2<OptionType, IsMulti>;
 
+// @public (undocumented)
+const groupedCountries: readonly [
+  {
+    readonly label: 'Suggested';
+    readonly options: Country_2[];
+  },
+  {
+    readonly label: 'All Countries';
+    readonly options: Country_2[];
+  },
+];
+
 export { GroupedOptionsType };
 
 export { GroupType };
 
-export declare type IndicatorComponentType<
+// @public (undocumented)
+export type IndicatorComponentType<
   OptionType,
   IsMulti extends boolean = false
 > = IndicatorComponentType_2<OptionType, IsMulti>;
 
-export declare type IndicatorProps<
+// @public (undocumented)
+export type IndicatorProps<
   OptionType,
   IsMulti extends boolean = false
 > = IndicatorProps_2<OptionType, IsMulti>;
 
+// @public (undocumented)
+export type InputActionMeta = InputActionMeta_2;
+
 export { InputProps };
 
 export { makeAsyncSelect };
 
 export { makeCreatableSelect };
 
-export declare type MenuListComponentProps<
+// @public (undocumented)
+export type MenuListComponentProps<
   OptionType,
   IsMulti extends boolean = false
 > = MenuListComponentProps_2<OptionType, IsMulti>;
 
-export declare type MenuProps<
+// @public (undocumented)
+export type MenuProps<
   OptionType,
   IsMulti extends boolean = false
 > = MenuProps_2<OptionType, IsMulti>;
 
 export { mergeStyles };
 
-export declare interface OptionProps<
+// @public (undocumented)
+type ModifierList =
+  | 'offset'
+  | 'computeStyles'
+  | 'preventOverflow'
+  | 'handleFlipStyle'
+  | 'flip'
+  | 'popperOffsets'
+  | 'arrow'
+  | 'hide'
+  | string;
+
+// @public (undocumented)
+export interface OptionProps<
   Option = OptionType,
   IsMulti extends boolean = false
 > extends OptionProps_2<Option, IsMulti> {
+  // (undocumented)
   [key: string]: any;
+  // (undocumented)
   Icon?: React.ComponentType<{
     label: string;
     size?: 'small' | 'medium' | 'large' | 'xlarge';
@@ -491,51 +564,54 @@ export declare interface OptionProps<
     primaryColor?: string;
     secondaryColor?: string;
   }>;
+  // (undocumented)
   isDisabled: boolean;
+  // (undocumented)
   isFocused: boolean;
+  // (undocumented)
   isSelected: boolean;
 }
 
-export declare type OptionsType<Option = OptionType> = OptionsType_2<Option>;
+// @public (undocumented)
+export type OptionsType<Option = OptionType> = OptionsType_2<Option>;
 
-export declare interface OptionType {
+// @public (undocumented)
+export interface OptionType {
+  // (undocumented)
   [key: string]: any;
+  // (undocumented)
   label: string;
+  // (undocumented)
   value: string | number;
 }
 
-declare type PopperPropsNoChildren<Modifiers> = Omit<
+// @public (undocumented)
+type PopperPropsNoChildren<Modifiers> = Omit<
   PopperProps<Modifiers>,
   'children'
 >;
 
-export declare class PopupSelect<
+// @public (undocumented)
+export class PopupSelect<
   Option = OptionType,
   IsMulti extends boolean = false
 > extends PureComponent<PopupSelectProps<Option, IsMulti>, State> {
-  focusTrap: FocusTrap | null;
-  menuRef: HTMLElement | null;
-  selectRef: Select<Option, IsMulti> | null;
-  targetRef: HTMLElement | null;
-  unbindWindowClick: UnbindFn | null;
-  unbindWindowKeydown: UnbindFn | null;
-  defaultStyles: StylesConfig<Option, IsMulti>;
-  isOpenControlled: boolean;
+  close: (
+    options?:
+      | {
+          controlOverride?: boolean | undefined;
+        }
+      | undefined,
+  ) => void;
+  // (undocumented)
+  componentDidMount(): void;
+  // (undocumented)
+  componentDidUpdate(prevProps: PopupSelectProps<Option, IsMulti>): void;
+  // (undocumented)
+  componentWillUnmount(): void;
+  // (undocumented)
   defaultOpenState: boolean | undefined;
-  state: {
-    isOpen: boolean;
-    mergedComponents: {
-      Control: React_2.FC<ControlProps<OptionType, boolean>>;
-      DropdownIndicator: () => JSX.Element;
-      Menu: ({
-        children,
-        innerProps,
-        ...props
-      }: MenuProps<OptionType, boolean>) => JSX.Element;
-    };
-    mergedPopperProps: PopperPropsNoChildren<string>;
-  };
-  popperWrapperId: string;
+  // (undocumented)
   static defaultProps: {
     closeMenuOnSelect: boolean;
     components: {};
@@ -543,28 +619,37 @@ export declare class PopupSelect<
     maxMenuWidth: number;
     minMenuWidth: number;
     popperProps: {};
+    isSearchable: boolean;
     searchThreshold: number;
     styles: {};
     options: never[];
   };
+  // (undocumented)
+  defaultStyles: StylesConfig<Option, IsMulti>;
+  // (undocumented)
   static getDerivedStateFromProps(
     props: PopupSelectProps<OptionType>,
     state: State,
   ): Partial<State<string>> | null;
-  componentDidMount(): void;
-  componentWillUnmount(): void;
-  componentDidUpdate(prevProps: PopupSelectProps<Option, IsMulti>): void;
-  handleKeyDown: (event: KeyboardEvent) => void;
+  // (undocumented)
+  getItemCount: () => number;
+  // (undocumented)
+  getMaxHeight: () => number | undefined;
+  // (undocumented)
+  getSelectRef: (ref: Select<Option, IsMulti>) => void;
+  // (undocumented)
   handleClick: ({ target }: MouseEvent) => void;
+  // (undocumented)
+  handleKeyDown: (event: KeyboardEvent) => void;
+  // (undocumented)
   handleSelectChange: (
     value: ValueType<Option, IsMulti>,
     actionMeta: ActionMeta<Option>,
   ) => void;
-  /**
-   * Opens the popup
-   *
-   * @param options.controlOverride  - Force the popup to open when it's open state is being controlled
-   */
+  // (undocumented)
+  isOpenControlled: boolean;
+  // (undocumented)
+  menuRef: HTMLElement | null;
   open: (
     options?:
       | {
@@ -572,139 +657,243 @@ export declare class PopupSelect<
         }
       | undefined,
   ) => void;
-  initialiseFocusTrap: () => void;
-  /**
-   * Closes the popup
-   *
-   * @param options.controlOverride  - Force the popup to close when it's open state is being controlled
-   */
-  close: (
-    options?:
-      | {
-          controlOverride?: boolean | undefined;
-        }
-      | undefined,
-  ) => void;
-  resolveTargetRef: (
+  // (undocumented)
+  popperWrapperId: string;
+  // (undocumented)
+  render(): JSX.Element;
+  // (undocumented)
+  renderSelect: () => JSX.Element | null;
+  // (undocumented)
+  resolveMenuRef: (
     popperRef: React_2.Ref<HTMLElement>,
   ) => (ref: HTMLElement) => void;
-  resolveMenuRef: (
+  // (undocumented)
+  resolveTargetRef: (
     popperRef: React_2.Ref<HTMLElement>,
   ) => (ref: HTMLElement) => void;
-  getSelectRef: (ref: Select<Option, IsMulti>) => void;
-  getItemCount: () => number;
-  getMaxHeight: () => number | undefined;
-  showSearchControl: () => boolean;
-  renderSelect: () => JSX.Element | null;
-  render(): JSX.Element;
+  // (undocumented)
+  selectRef: Select<Option, IsMulti> | null;
+  // (undocumented)
+  showSearchControl: () => boolean | undefined;
+  // (undocumented)
+  state: {
+    isOpen: boolean;
+    mergedComponents: {
+      Control: React_2.FC<ControlProps<OptionType, boolean>>;
+      DropdownIndicator: () => jsx;
+      Menu: ({
+        children,
+        innerProps,
+        ...props
+      }: MenuProps<OptionType, boolean>) => jsx;
+    };
+    mergedPopperProps: PopperPropsNoChildren<string>;
+  };
+  // (undocumented)
+  targetRef: HTMLElement | null;
+  // (undocumented)
+  unbindWindowClick: UnbindFn | null;
+  // (undocumented)
+  unbindWindowKeydown: UnbindFn | null;
 }
 
-export declare interface PopupSelectProps<
+// @public (undocumented)
+export interface PopupSelectProps<
   Option = OptionType,
   IsMulti extends boolean = false,
-  Modifiers = string
+  Modifiers = ModifierList
 > extends Props<Option, IsMulti> {
-  /**
-   * Defines whether the menu should close when selected. Defaults to "true"
-   */
   closeMenuOnSelect?: boolean;
-  /**
-   * The footer content shown at the bottom of the Popup, underneath the Select options
-   */
+  // (undocumented)
+  defaultIsOpen?: boolean;
   footer?: ReactNode;
-  /**
-     The props passed down to React Popper.
-
-     Use these to override the default positioning strategy, behaviour and placement used by this library.
-     For more information, see the [React Popper documentation](https://popper.js.org/react-popper/v2/render-props).
-
-     */
-  popperProps?: PopperPropsNoChildren<Modifiers>;
-  /**
-   * The maximum number of options the Select can contain without rendering the search field.
-   */
-  searchThreshold?: number;
-  /**
-   * The maximum width for the popup menu. Can be a number, representing width in pixels,
-   * or a string containing a CSS length datatype.
-   */
+  // (undocumented)
+  isInvalid?: boolean;
+  // (undocumented)
+  isOpen?: boolean;
+  isSearchable?: boolean;
   maxMenuWidth?: number | string;
-  /**
-   * The maximum width for the popup menu. Can be a number, representing width in pixels,
-   * or a string containing a CSS length datatype.
-   */
   minMenuWidth?: number | string;
-  /**
-     Render props used to anchor the popup to your content.
-
-     Make this an interactive element, such as an @atlaskit/button component.
-
-     The provided render props in `options` are detailed below:
-     - `isOpen`: The current state of the popup.
-     Use this to change the appearance of your target based on the state of your component
-     - `ref`: Pass this ref to the element the Popup should be attached to
-     - `aria-haspopup`, `aria-expanded`, `aria-controls`: Spread these onto a target element to
-     ensure your experience is accessible
-     */
+  popperProps?: PopperPropsNoChildren<Modifiers>;
+  searchThreshold?: number;
+  // (undocumented)
+  spacing?: string;
   target?: (
     options: PopupSelectTriggerProps & {
       isOpen: boolean;
     },
   ) => ReactNode;
-  isOpen?: boolean;
-  defaultIsOpen?: boolean;
+  // (undocumented)
+  validationState?: ValidationState;
 }
 
-declare interface PopupSelectTriggerProps {
-  ref: any;
-  'aria-haspopup': 'true';
-  'aria-expanded': boolean;
+// @public (undocumented)
+interface PopupSelectTriggerProps {
+  // (undocumented)
   'aria-controls'?: string;
+  // (undocumented)
+  'aria-expanded': boolean;
+  // (undocumented)
+  'aria-haspopup': 'true';
+  // (undocumented)
+  ref: any;
 }
 
-export declare const RadioOption: FC<OptionProps>;
+// @public (undocumented)
+export const RadioOption: FC<OptionProps>;
 
-export declare const RadioSelect: ({
+// @public (undocumented)
+export const RadioSelect: ({
   components,
   ...props
 }: SelectProps<OptionType>) => JSX.Element;
 
-export declare type SelectComponentsConfig<
+// @public (undocumented)
+export type SelectComponentsConfig<
   OptionType,
   IsMulti extends boolean = false
 > = SelectComponentsConfig_2<OptionType, IsMulti>;
 
-export declare interface SelectProps<
-  OptionType,
-  IsMulti extends boolean = false
-> extends Props<OptionType, IsMulti>,
+// @public (undocumented)
+export interface SelectProps<OptionType, IsMulti extends boolean = false>
+  extends Props<OptionType, IsMulti>,
     WithAnalyticsEventsProps {
+  // (undocumented)
+  appearance?: 'default' | 'subtle' | 'none';
+  // (undocumented)
+  isInvalid?: boolean;
+  // (undocumented)
   spacing?: 'compact' | 'default';
+  // (undocumented)
   validationState?: ValidationState;
 }
 
-declare interface State<Modifiers = string> {
+// @public (undocumented)
+export const SelectWithoutAnalytics: {
+  new <Option = OptionType, IsMulti extends boolean = false>(
+    props: SelectProps<Option, IsMulti>,
+  ): {
+    components: Partial<SelectComponents<Option, IsMulti, GroupType<Option>>>;
+    select: Select<
+      Option,
+      false,
+      GroupType<Option>,
+      default_2<Option, false, GroupType<Option>>
+    > | null;
+    UNSAFE_componentWillReceiveProps(
+      nextProps: SelectProps<Option, IsMulti>,
+    ): void;
+    cacheComponents: (
+      components: Partial<SelectComponents<Option, IsMulti, GroupType<Option>>>,
+    ) => void;
+    focus(): void;
+    blur(): void;
+    onSelectRef: (
+      ref: Select<
+        Option,
+        false,
+        GroupType<Option>,
+        default_2<Option, false, GroupType<Option>>
+      >,
+    ) => void;
+    render(): JSX.Element;
+    context: any;
+    setState<K extends never>(
+      state:
+        | {}
+        | ((
+            prevState: Readonly<{}>,
+            props: Readonly<SelectProps<Option, IsMulti>>,
+          ) => {} | Pick<{}, K> | null)
+        | Pick<{}, K>
+        | null,
+      callback?: (() => void) | undefined,
+    ): void;
+    forceUpdate(callBack?: (() => void) | undefined): void;
+    readonly props: Readonly<SelectProps<Option, IsMulti>> &
+      Readonly<{
+        children?: ReactNode;
+      }>;
+    state: Readonly<{}>;
+    refs: {
+      [key: string]: ReactInstance;
+    };
+    componentDidMount?(): void;
+    shouldComponentUpdate?(
+      nextProps: Readonly<SelectProps<Option, IsMulti>>,
+      nextState: Readonly<{}>,
+      nextContext: any,
+    ): boolean;
+    componentWillUnmount?(): void;
+    componentDidCatch?(error: Error, errorInfo: ErrorInfo): void;
+    getSnapshotBeforeUpdate?(
+      prevProps: Readonly<SelectProps<Option, IsMulti>>,
+      prevState: Readonly<{}>,
+    ): any;
+    componentDidUpdate?(
+      prevProps: Readonly<SelectProps<Option, IsMulti>>,
+      prevState: Readonly<{}>,
+      snapshot?: any,
+    ): void;
+    componentWillMount?(): void;
+    UNSAFE_componentWillMount?(): void;
+    componentWillReceiveProps?(
+      nextProps: Readonly<SelectProps<Option, IsMulti>>,
+      nextContext: any,
+    ): void;
+    componentWillUpdate?(
+      nextProps: Readonly<SelectProps<Option, IsMulti>>,
+      nextState: Readonly<{}>,
+      nextContext: any,
+    ): void;
+    UNSAFE_componentWillUpdate?(
+      nextProps: Readonly<SelectProps<Option, IsMulti>>,
+      nextState: Readonly<{}>,
+      nextContext: any,
+    ): void;
+  };
+  defaultProps: {
+    validationState: string;
+    isInvalid: boolean;
+    spacing: string;
+    onClickPreventDefault: boolean;
+    tabSelectsValue: boolean;
+    components: {};
+    styles: {};
+  };
+  contextType?: Context<any> | undefined;
+};
+
+// @public (undocumented)
+interface State<Modifiers = string> {
+  // (undocumented)
   isOpen: boolean;
+  // (undocumented)
   mergedComponents: Object;
+  // (undocumented)
   mergedPopperProps: PopperPropsNoChildren<defaultModifiers | Modifiers>;
 }
 
-export declare type StylesConfig<
+// @public (undocumented)
+export type StylesConfig<
   Option = OptionType,
   IsMulti extends boolean = false
 > = StylesConfig_2<Option, IsMulti>;
 
-declare type ValidationState = 'default' | 'error' | 'success';
+// @public (undocumented)
+type ValidationState = 'default' | 'error' | 'success';
 
-export declare type ValueContainerProps<
+// @public (undocumented)
+export type ValueContainerProps<
   OptionType,
   IsMulti extends boolean = false
 > = ValueContainerProps_2<OptionType, IsMulti>;
 
-export declare type ValueType<
+// @public (undocumented)
+export type ValueType<
   OptionType,
   IsMulti extends boolean = false
 > = ValueType_2<OptionType, IsMulti>;
 
-export {};
+// (No @packageDocumentation comment for this package)
 ```