@atlaskit/select 16.2.1 → 16.2.3

package/AsyncCreatableSelect/package.json

@@ -6,9 +6,9 @@
   "sideEffects": false,
   "types": "../dist/types/entry-points/async-creatable-select.d.ts",
   "typesVersions": {
-    ">=4.0 <4.5": {
+    ">=4.5 <4.9": {
       "*": [
-        "../dist/types-ts4.0/entry-points/async-creatable-select.d.ts"
+        "../dist/types-ts4.5/entry-points/async-creatable-select.d.ts"
       ]
     }
   }

package/AsyncSelect/package.json

@@ -6,9 +6,9 @@
   "sideEffects": false,
   "types": "../dist/types/entry-points/async-select.d.ts",
   "typesVersions": {
-    ">=4.0 <4.5": {
+    ">=4.5 <4.9": {
       "*": [
-        "../dist/types-ts4.0/entry-points/async-select.d.ts"
+        "../dist/types-ts4.5/entry-points/async-select.d.ts"
       ]
     }
   }

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/select
 
+## 16.2.3
+
+### Patch Changes
+
+- [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure legacy types are published for TS 4.5-4.8
+
+## 16.2.2
+
+### Patch Changes
+
+- [`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) - Upgrade Typescript from `4.5.5` to `4.9.5`
+
 ## 16.2.1
 
 ### Patch Changes

package/CreatableSelect/package.json

@@ -6,9 +6,9 @@
   "sideEffects": false,
   "types": "../dist/types/entry-points/creatable-select.d.ts",
   "typesVersions": {
-    ">=4.0 <4.5": {
+    ">=4.5 <4.9": {
       "*": [
-        "../dist/types-ts4.0/entry-points/creatable-select.d.ts"
+        "../dist/types-ts4.5/entry-points/creatable-select.d.ts"
       ]
     }
   }

package/Select/package.json

@@ -6,9 +6,9 @@
   "sideEffects": false,
   "types": "../dist/types/entry-points/select.d.ts",
   "typesVersions": {
-    ">=4.0 <4.5": {
+    ">=4.5 <4.9": {
       "*": [
-        "../dist/types-ts4.0/entry-points/select.d.ts"
+        "../dist/types-ts4.5/entry-points/select.d.ts"
       ]
     }
   }

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.2.1";
+var packageVersion = "16.2.3";
 var SelectWithoutAnalytics = (0, _createSelect.default)(_reactSelect.default);
 exports.SelectWithoutAnalytics = SelectWithoutAnalytics;
 var createAndFireEventOnAtlaskit = (0, _analyticsNext.createAndFireEvent)('atlaskit');

package/dist/cjs/version.json

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

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

package/dist/es2019/version.json

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

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

package/dist/esm/version.json

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

package/dist/types/CountrySelect.d.ts

@@ -1,6 +1,6 @@
 import { jsx } from '@emotion/react';
 import { groupedCountries } from './data/countries';
 import { SelectProps } from './types';
-declare type Country = (typeof groupedCountries)[number]['options'][number];
+type Country = (typeof groupedCountries)[number]['options'][number];
 declare const CountrySelect: (props: SelectProps<Country>) => jsx.JSX.Element;
 export default CountrySelect;

package/dist/types/PopupSelect/PopupSelect.d.ts

@@ -3,15 +3,15 @@ import BaseSelect from 'react-select/base';
 import { PopperProps } from 'react-popper';
 import { OptionType, ActionMeta, ReactSelectProps, StylesConfig, ValueType, ValidationState } from '../types';
 import { UnbindFn } from 'bind-event-listener';
-declare type defaultModifiers = 'offset' | 'preventOverflow';
-declare type PopperPropsNoChildren<Modifiers> = Omit<PopperProps<Modifiers>, 'children'>;
+type defaultModifiers = 'offset' | 'preventOverflow';
+type PopperPropsNoChildren<Modifiers> = Omit<PopperProps<Modifiers>, 'children'>;
 interface PopupSelectTriggerProps {
     ref: any;
     'aria-haspopup': 'true';
     'aria-expanded': boolean;
     'aria-controls'?: string;
 }
-export declare type ModifierList = 'offset' | 'computeStyles' | 'preventOverflow' | 'handleFlipStyle' | 'flip' | 'popperOffsets' | 'arrow' | 'hide' | 'eventListeners' | 'applyStyles';
+export type ModifierList = 'offset' | 'computeStyles' | 'preventOverflow' | 'handleFlipStyle' | 'flip' | 'popperOffsets' | 'arrow' | 'hide' | 'eventListeners' | 'applyStyles';
 export interface PopupSelectProps<Option = OptionType, IsMulti extends boolean = false, Modifiers = ModifierList> extends ReactSelectProps<Option, IsMulti> {
     /**
      * Defines whether the menu should close when selected. Defaults to "true"
@@ -125,16 +125,16 @@ export default class PopupSelect<Option = OptionType, IsMulti extends boolean =
      * @param options.controlOverride  - Force the popup to open when it's open state is being controlled
      */
     open: (options?: {
-        controlOverride?: boolean | undefined;
-    } | undefined) => void;
+        controlOverride?: boolean;
+    }) => 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;
+        controlOverride?: boolean;
+    }) => void;
     resolveTargetRef: (popperRef: React.Ref<HTMLElement>) => (ref: HTMLElement) => void;
     resolveMenuRef: (popperRef: React.Ref<HTMLElement>) => (ref: HTMLElement) => void;
     getSelectRef: (ref: BaseSelect<Option, IsMulti>) => void;

package/dist/types/extract-react-types/react-popper-props.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { Modifier, Options } from '@popperjs/core';
-declare type Placement = 'auto' | 'auto-start' | 'auto-end' | 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'right' | 'right-start' | 'right-end' | 'left' | 'left-start' | 'left-end';
-declare type Strategy = 'absolute' | 'fixed';
+type Placement = 'auto' | 'auto-start' | 'auto-end' | 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'right' | 'right-start' | 'right-end' | 'left' | 'left-start' | 'left-end';
+type Strategy = 'absolute' | 'fixed';
 interface NativeReactPopperProps<Name = unknown> {
     /** Function `(?HTMLElement) => void` that can be used to obtain popper reference */
     innerRef?: React.Ref<any>;

package/dist/types/types.d.ts

@@ -3,13 +3,13 @@ import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 import { SelectInstance, Props as ReactSelectProps, FormatOptionLabelMeta, OnChangeValue as RSValueType, ActionMeta as RSActionMeta, GroupBase as GroupType, Options as RSOptionsType, SelectComponentsConfig as RSSelectComponentsConfig, StylesConfig as RSStylesConfig, InputActionMeta, ClearIndicatorProps, DropdownIndicatorProps, IndicatorSeparatorProps, LoadingIndicatorProps, NoticeProps, ControlProps as RSControlProps, GroupProps as RSGroupProps, InputProps, MenuProps as RSMenuProps, MenuListProps as RSMenuListComponentProps, MultiValueProps, OptionProps as ReactSelectOptionProps, PlaceholderProps as RSPlaceholderProps, SingleValueProps, ValueContainerProps as RSValueContainerProps, MultiValueRemoveProps } from 'react-select';
 import { AsyncProps } from 'react-select/async';
 import { CreatableProps } from 'react-select/creatable';
-export declare type ValidationState = 'default' | 'error' | 'success';
+export type ValidationState = 'default' | 'error' | 'success';
 export interface OptionType {
     [key: string]: any;
     label: string;
     value: string | number;
 }
-export declare type OptionsType<Option = OptionType> = RSOptionsType<Option>;
+export type OptionsType<Option = OptionType> = RSOptionsType<Option>;
 export interface OptionProps<Option = OptionType, IsMulti extends boolean = false> extends ReactSelectOptionProps<Option, IsMulti> {
     [key: string]: any;
     Icon?: React.ComponentType<{
@@ -41,17 +41,17 @@ export interface AsyncSelectProps<Option, IsMulti extends boolean = false> exten
 }
 export interface CreatableSelectProps<Option, IsMulti extends boolean = false> extends CreatableProps<Option, IsMulti, GroupType<Option>>, CustomSelectProps {
 }
-export declare type ActionMeta<Option = OptionType> = RSActionMeta<Option>;
-export declare type ControlProps<Option, IsMulti extends boolean = false> = RSControlProps<Option, IsMulti>;
-export declare type ValueType<Option, IsMulti extends boolean = false> = RSValueType<Option, IsMulti>;
-export declare type StylesConfig<Option = OptionType, IsMulti extends boolean = false> = RSStylesConfig<Option, IsMulti>;
-export declare type SelectComponentsConfig<Option, IsMulti extends boolean = false> = RSSelectComponentsConfig<Option, IsMulti, GroupType<Option>>;
-export declare type GroupProps<Option, IsMulti extends boolean = false> = RSGroupProps<Option, IsMulti>;
-export declare type MenuProps<Option, IsMulti extends boolean = false> = RSMenuProps<Option, IsMulti>;
-export declare type MenuListComponentProps<Option, IsMulti extends boolean = false> = RSMenuListComponentProps<Option, IsMulti>;
-export declare type PlaceholderProps<Option, IsMulti extends boolean = false> = RSPlaceholderProps<Option, IsMulti>;
-export declare type ValueContainerProps<Option, IsMulti extends boolean = false> = RSValueContainerProps<Option, IsMulti>;
-export declare type GroupedOptionsType<Option> = ReadonlyArray<GroupType<Option>>;
+export type ActionMeta<Option = OptionType> = RSActionMeta<Option>;
+export type ControlProps<Option, IsMulti extends boolean = false> = RSControlProps<Option, IsMulti>;
+export type ValueType<Option, IsMulti extends boolean = false> = RSValueType<Option, IsMulti>;
+export type StylesConfig<Option = OptionType, IsMulti extends boolean = false> = RSStylesConfig<Option, IsMulti>;
+export type SelectComponentsConfig<Option, IsMulti extends boolean = false> = RSSelectComponentsConfig<Option, IsMulti, GroupType<Option>>;
+export type GroupProps<Option, IsMulti extends boolean = false> = RSGroupProps<Option, IsMulti>;
+export type MenuProps<Option, IsMulti extends boolean = false> = RSMenuProps<Option, IsMulti>;
+export type MenuListComponentProps<Option, IsMulti extends boolean = false> = RSMenuListComponentProps<Option, IsMulti>;
+export type PlaceholderProps<Option, IsMulti extends boolean = false> = RSPlaceholderProps<Option, IsMulti>;
+export type ValueContainerProps<Option, IsMulti extends boolean = false> = RSValueContainerProps<Option, IsMulti>;
+export type GroupedOptionsType<Option> = ReadonlyArray<GroupType<Option>>;
 export type { SelectInstance, FormatOptionLabelMeta, InputActionMeta, GroupType, InputProps, MultiValueProps, ReactSelectProps, SingleValueProps, ClearIndicatorProps, DropdownIndicatorProps, IndicatorSeparatorProps, LoadingIndicatorProps, NoticeProps, MultiValueRemoveProps, };
 declare module 'react-select/dist/declarations/src/Select' {
     interface Props<Option, IsMulti extends boolean, Group extends GroupType<Option>> {

package/dist/{types-ts4.0 → types-ts4.5}/CountrySelect.d.ts

@@ -1,6 +1,6 @@
 import { jsx } from '@emotion/react';
 import { groupedCountries } from './data/countries';
 import { SelectProps } from './types';
-declare type Country = (typeof groupedCountries)[number]['options'][number];
+type Country = (typeof groupedCountries)[number]['options'][number];
 declare const CountrySelect: (props: SelectProps<Country>) => jsx.JSX.Element;
 export default CountrySelect;

package/dist/{types-ts4.0 → types-ts4.5}/PopupSelect/PopupSelect.d.ts

@@ -3,15 +3,15 @@ import BaseSelect from 'react-select/base';
 import { PopperProps } from 'react-popper';
 import { OptionType, ActionMeta, ReactSelectProps, StylesConfig, ValueType, ValidationState } from '../types';
 import { UnbindFn } from 'bind-event-listener';
-declare type defaultModifiers = 'offset' | 'preventOverflow';
-declare type PopperPropsNoChildren<Modifiers> = Omit<PopperProps<Modifiers>, 'children'>;
+type defaultModifiers = 'offset' | 'preventOverflow';
+type PopperPropsNoChildren<Modifiers> = Omit<PopperProps<Modifiers>, 'children'>;
 interface PopupSelectTriggerProps {
     ref: any;
     'aria-haspopup': 'true';
     'aria-expanded': boolean;
     'aria-controls'?: string;
 }
-export declare type ModifierList = 'offset' | 'computeStyles' | 'preventOverflow' | 'handleFlipStyle' | 'flip' | 'popperOffsets' | 'arrow' | 'hide' | 'eventListeners' | 'applyStyles';
+export type ModifierList = 'offset' | 'computeStyles' | 'preventOverflow' | 'handleFlipStyle' | 'flip' | 'popperOffsets' | 'arrow' | 'hide' | 'eventListeners' | 'applyStyles';
 export interface PopupSelectProps<Option = OptionType, IsMulti extends boolean = false, Modifiers = ModifierList> extends ReactSelectProps<Option, IsMulti> {
     /**
      * Defines whether the menu should close when selected. Defaults to "true"
@@ -125,16 +125,16 @@ export default class PopupSelect<Option = OptionType, IsMulti extends boolean =
      * @param options.controlOverride  - Force the popup to open when it's open state is being controlled
      */
     open: (options?: {
-        controlOverride?: boolean | undefined;
-    } | undefined) => void;
+        controlOverride?: boolean;
+    }) => 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;
+        controlOverride?: boolean;
+    }) => void;
     resolveTargetRef: (popperRef: React.Ref<HTMLElement>) => (ref: HTMLElement) => void;
     resolveMenuRef: (popperRef: React.Ref<HTMLElement>) => (ref: HTMLElement) => void;
     getSelectRef: (ref: BaseSelect<Option, IsMulti>) => void;

package/dist/{types-ts4.0 → types-ts4.5}/extract-react-types/react-popper-props.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { Modifier, Options } from '@popperjs/core';
-declare type Placement = 'auto' | 'auto-start' | 'auto-end' | 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'right' | 'right-start' | 'right-end' | 'left' | 'left-start' | 'left-end';
-declare type Strategy = 'absolute' | 'fixed';
+type Placement = 'auto' | 'auto-start' | 'auto-end' | 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'right' | 'right-start' | 'right-end' | 'left' | 'left-start' | 'left-end';
+type Strategy = 'absolute' | 'fixed';
 interface NativeReactPopperProps<Name = unknown> {
     /** Function `(?HTMLElement) => void` that can be used to obtain popper reference */
     innerRef?: React.Ref<any>;

package/dist/{types-ts4.0 → types-ts4.5}/types.d.ts

@@ -3,13 +3,13 @@ import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 import { SelectInstance, Props as ReactSelectProps, FormatOptionLabelMeta, OnChangeValue as RSValueType, ActionMeta as RSActionMeta, GroupBase as GroupType, Options as RSOptionsType, SelectComponentsConfig as RSSelectComponentsConfig, StylesConfig as RSStylesConfig, InputActionMeta, ClearIndicatorProps, DropdownIndicatorProps, IndicatorSeparatorProps, LoadingIndicatorProps, NoticeProps, ControlProps as RSControlProps, GroupProps as RSGroupProps, InputProps, MenuProps as RSMenuProps, MenuListProps as RSMenuListComponentProps, MultiValueProps, OptionProps as ReactSelectOptionProps, PlaceholderProps as RSPlaceholderProps, SingleValueProps, ValueContainerProps as RSValueContainerProps, MultiValueRemoveProps } from 'react-select';
 import { AsyncProps } from 'react-select/async';
 import { CreatableProps } from 'react-select/creatable';
-export declare type ValidationState = 'default' | 'error' | 'success';
+export type ValidationState = 'default' | 'error' | 'success';
 export interface OptionType {
     [key: string]: any;
     label: string;
     value: string | number;
 }
-export declare type OptionsType<Option = OptionType> = RSOptionsType<Option>;
+export type OptionsType<Option = OptionType> = RSOptionsType<Option>;
 export interface OptionProps<Option = OptionType, IsMulti extends boolean = false> extends ReactSelectOptionProps<Option, IsMulti> {
     [key: string]: any;
     Icon?: React.ComponentType<{
@@ -41,17 +41,17 @@ export interface AsyncSelectProps<Option, IsMulti extends boolean = false> exten
 }
 export interface CreatableSelectProps<Option, IsMulti extends boolean = false> extends CreatableProps<Option, IsMulti, GroupType<Option>>, CustomSelectProps {
 }
-export declare type ActionMeta<Option = OptionType> = RSActionMeta<Option>;
-export declare type ControlProps<Option, IsMulti extends boolean = false> = RSControlProps<Option, IsMulti>;
-export declare type ValueType<Option, IsMulti extends boolean = false> = RSValueType<Option, IsMulti>;
-export declare type StylesConfig<Option = OptionType, IsMulti extends boolean = false> = RSStylesConfig<Option, IsMulti>;
-export declare type SelectComponentsConfig<Option, IsMulti extends boolean = false> = RSSelectComponentsConfig<Option, IsMulti, GroupType<Option>>;
-export declare type GroupProps<Option, IsMulti extends boolean = false> = RSGroupProps<Option, IsMulti>;
-export declare type MenuProps<Option, IsMulti extends boolean = false> = RSMenuProps<Option, IsMulti>;
-export declare type MenuListComponentProps<Option, IsMulti extends boolean = false> = RSMenuListComponentProps<Option, IsMulti>;
-export declare type PlaceholderProps<Option, IsMulti extends boolean = false> = RSPlaceholderProps<Option, IsMulti>;
-export declare type ValueContainerProps<Option, IsMulti extends boolean = false> = RSValueContainerProps<Option, IsMulti>;
-export declare type GroupedOptionsType<Option> = ReadonlyArray<GroupType<Option>>;
+export type ActionMeta<Option = OptionType> = RSActionMeta<Option>;
+export type ControlProps<Option, IsMulti extends boolean = false> = RSControlProps<Option, IsMulti>;
+export type ValueType<Option, IsMulti extends boolean = false> = RSValueType<Option, IsMulti>;
+export type StylesConfig<Option = OptionType, IsMulti extends boolean = false> = RSStylesConfig<Option, IsMulti>;
+export type SelectComponentsConfig<Option, IsMulti extends boolean = false> = RSSelectComponentsConfig<Option, IsMulti, GroupType<Option>>;
+export type GroupProps<Option, IsMulti extends boolean = false> = RSGroupProps<Option, IsMulti>;
+export type MenuProps<Option, IsMulti extends boolean = false> = RSMenuProps<Option, IsMulti>;
+export type MenuListComponentProps<Option, IsMulti extends boolean = false> = RSMenuListComponentProps<Option, IsMulti>;
+export type PlaceholderProps<Option, IsMulti extends boolean = false> = RSPlaceholderProps<Option, IsMulti>;
+export type ValueContainerProps<Option, IsMulti extends boolean = false> = RSValueContainerProps<Option, IsMulti>;
+export type GroupedOptionsType<Option> = ReadonlyArray<GroupType<Option>>;
 export type { SelectInstance, FormatOptionLabelMeta, InputActionMeta, GroupType, InputProps, MultiValueProps, ReactSelectProps, SingleValueProps, ClearIndicatorProps, DropdownIndicatorProps, IndicatorSeparatorProps, LoadingIndicatorProps, NoticeProps, MultiValueRemoveProps, };
 declare module 'react-select/dist/declarations/src/Select' {
     interface Props<Option, IsMulti extends boolean, Group extends GroupType<Option>> {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/select",
-  "version": "16.2.1",
+  "version": "16.2.3",
   "description": "Select allows users to make a single selection or multiple selections from a list of options.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -12,6 +12,14 @@
   "module": "dist/esm/index.js",
   "module:es2019": "dist/es2019/index.js",
   "types": "dist/types/index.d.ts",
+  "typesVersions": {
+    ">=4.5 <4.9": {
+      "*": [
+        "dist/types-ts4.5/*",
+        "dist/types-ts4.5/index.d.ts"
+      ]
+    }
+  },
   "sideEffects": false,
   "atlaskit:src": "src/index.tsx",
   "atlassian": {
@@ -34,7 +42,7 @@
     "@atlaskit/icon": "^21.12.0",
     "@atlaskit/spinner": "^15.5.0",
     "@atlaskit/theme": "^12.5.0",
-    "@atlaskit/tokens": "^1.3.0",
+    "@atlaskit/tokens": "^1.4.0",
     "@atlaskit/visually-hidden": "^1.2.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
@@ -55,7 +63,7 @@
   },
   "devDependencies": {
     "@atlaskit/button": "^16.7.0",
-    "@atlaskit/checkbox": "^12.5.0",
+    "@atlaskit/checkbox": "^12.6.0",
     "@atlaskit/docs": "*",
     "@atlaskit/drawer": "^7.5.0",
     "@atlaskit/form": "^8.11.0",
@@ -75,7 +83,7 @@
     "jscodeshift": "^0.13.0",
     "react-dom": "^16.8.0",
     "react-value": "^0.2.0",
-    "typescript": "4.5.5",
+    "typescript": "~4.9.5",
     "wait-for-expect": "^1.2.0"
   },
   "techstack": {