@atlaskit/select 15.6.2 → 15.7.1

package/dist/types-ts4.0/data/countries.d.ts

@@ -0,0 +1,19 @@
+interface Country {
+    abbr: string;
+    code: string;
+    icon: string;
+    name: string;
+    suggested?: boolean;
+}
+export declare const allCountries: Array<Country>;
+export declare const groupedCountries: readonly [
+    {
+        readonly label: "Suggested";
+        readonly options: Country[];
+    },
+    {
+        readonly label: "All Countries";
+        readonly options: Country[];
+    }
+];
+export {};

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

@@ -0,0 +1,2 @@
+import { SelectProps, OptionType } from './types';
+export default function ertHackForSelect(_: SelectProps<OptionType>): void;

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

@@ -0,0 +1,14 @@
+export { components, createFilter, mergeStyles } from 'react-select';
+export { makeAsyncSelect } from 'react-select/async';
+export { makeCreatableSelect } from 'react-select/creatable';
+export { CheckboxOption, RadioOption } from './components/input-options';
+export { default, SelectWithoutAnalytics } from './Select';
+export { default as AsyncSelect } from './AsyncSelect';
+export { default as CheckboxSelect } from './CheckboxSelect';
+export { default as CountrySelect } from './CountrySelect';
+export { default as RadioSelect } from './RadioSelect';
+export { default as CreatableSelect } from './CreatableSelect';
+export { default as AsyncCreatableSelect } from './AsyncCreatableSelect';
+export { default as PopupSelect } from './PopupSelect';
+export type { PopupSelectProps } from './PopupSelect';
+export type { ActionMeta, ControlProps, FormatOptionLabelMeta, IndicatorComponentType, IndicatorProps, InputActionMeta, InputProps, MenuProps, MenuListComponentProps, OptionProps, OptionsType, OptionType, SelectComponentsConfig, SelectProps, StylesConfig, ValueContainerProps, ValueType, GroupedOptionsType, GroupType, } from './types';

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

@@ -0,0 +1,2 @@
+import { StylesConfig, ValidationState } from './types';
+export default function baseStyles<Option, IsMulti extends boolean>(validationState: ValidationState, isCompact: boolean | undefined, appearance: 'default' | 'subtle' | 'none'): StylesConfig<Option, IsMulti>;

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

@@ -0,0 +1,45 @@
+/// <reference types="react" />
+import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import { Props as ReactSelectProps, FormatOptionLabelMeta as RSFormatOptionLabelMeta, ValueType as RSValueType, ActionMeta as RSActionMeta, GroupTypeBase as GroupType, OptionsType as RSOptionsType, SelectComponentsConfig as RSSelectComponentsConfig, IndicatorComponentType as RSIndicatorComponentType, StylesConfig as RSStylesConfig, InputActionMeta as RSInputActionMeta, IndicatorProps as RSIndicatorProps, ControlProps as RSControlProps, GroupProps as RSGroupProps, InputProps, MenuProps as RSMenuProps, MenuListComponentProps as RSMenuListComponentProps, MultiValueProps, OptionProps as ReactSelectOptionProps, PlaceholderProps as RSPlaceholderProps, SingleValueProps, ValueContainerProps as RSValueContainerProps, GroupedOptionsType } from 'react-select';
+import { AsyncProps as ReactAsyncSelectProps } from 'react-select/async';
+export declare 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 interface OptionProps<Option = OptionType, IsMulti extends boolean = false> extends ReactSelectOptionProps<Option, IsMulti> {
+    [key: string]: any;
+    Icon?: React.ComponentType<{
+        label: string;
+        size?: 'small' | 'medium' | 'large' | 'xlarge';
+        onClick?: (e: MouseEvent) => void;
+        primaryColor?: string;
+        secondaryColor?: string;
+    }>;
+    isDisabled: boolean;
+    isFocused: boolean;
+    isSelected: boolean;
+}
+export interface SelectProps<OptionType, IsMulti extends boolean = false> extends ReactSelectProps<OptionType, IsMulti>, WithAnalyticsEventsProps {
+    spacing?: 'compact' | 'default';
+    validationState?: ValidationState;
+    appearance?: 'default' | 'subtle' | 'none';
+    isInvalid?: boolean;
+}
+export declare type ActionMeta<Option = OptionType> = RSActionMeta<Option>;
+export declare type InputActionMeta = RSInputActionMeta;
+export declare type ControlProps<OptionType, IsMulti extends boolean = false> = RSControlProps<OptionType, IsMulti>;
+export declare type FormatOptionLabelMeta<OptionType, IsMulti extends boolean = false> = RSFormatOptionLabelMeta<OptionType, IsMulti>;
+export declare type IndicatorProps<OptionType, IsMulti extends boolean = false> = RSIndicatorProps<OptionType, IsMulti>;
+export declare type IndicatorComponentType<OptionType, IsMulti extends boolean = false> = RSIndicatorComponentType<OptionType, IsMulti>;
+export declare type ValueType<OptionType, IsMulti extends boolean = false> = RSValueType<OptionType, IsMulti>;
+export declare type StylesConfig<Option = OptionType, IsMulti extends boolean = false> = RSStylesConfig<Option, IsMulti>;
+export declare type SelectComponentsConfig<OptionType, IsMulti extends boolean = false> = RSSelectComponentsConfig<OptionType, IsMulti>;
+export declare type GroupProps<OptionType, IsMulti extends boolean = false> = RSGroupProps<OptionType, IsMulti>;
+export declare type MenuProps<OptionType, IsMulti extends boolean = false> = RSMenuProps<OptionType, IsMulti>;
+export declare type MenuListComponentProps<OptionType, IsMulti extends boolean = false> = RSMenuListComponentProps<OptionType, IsMulti>;
+export declare type PlaceholderProps<OptionType, IsMulti extends boolean = false> = RSPlaceholderProps<OptionType, IsMulti>;
+export declare type ValueContainerProps<OptionType, IsMulti extends boolean = false> = RSValueContainerProps<OptionType, IsMulti>;
+export type { GroupType, InputProps, MultiValueProps, ReactAsyncSelectProps, ReactSelectProps, SingleValueProps, GroupedOptionsType, };

package/ert/package.json

@@ -4,5 +4,12 @@
   "module": "../dist/esm/ert.js",
   "module:es2019": "../dist/es2019/ert.js",
   "sideEffects": false,
-  "types": "../dist/types/ert.d.ts"
+  "types": "../dist/types/ert.d.ts",
+  "typesVersions": {
+    ">=4.0 <4.5": {
+      "*": [
+        "../dist/types-ts4.0/ert.d.ts"
+      ]
+    }
+  }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/select",
-  "version": "15.6.2",
+  "version": "15.7.1",
   "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,13 @@
   "module": "dist/esm/index.js",
   "module:es2019": "dist/es2019/index.js",
   "types": "dist/types/index.d.ts",
+  "typesVersions": {
+    ">=4.0 <4.5": {
+      "*": [
+        "dist/types-ts4.0/*"
+      ]
+    }
+  },
   "sideEffects": false,
   "atlaskit:src": "src/index.tsx",
   "atlassian": {
@@ -27,11 +34,11 @@
     "@atlaskit/analytics-next": "^8.2.0",
     "@atlaskit/icon": "^21.10.0",
     "@atlaskit/spinner": "^15.0.0",
-    "@atlaskit/theme": "^12.1.0",
+    "@atlaskit/theme": "^12.2.0",
     "@atlaskit/tokens": "^0.10.0",
-    "@atlaskit/visually-hidden": "^1.0.0",
+    "@atlaskit/visually-hidden": "^1.1.0",
     "@babel/runtime": "^7.0.0",
-    "@emotion/core": "^10.0.9",
+    "@emotion/react": "^11.7.1",
     "@popperjs/core": "^2.9.1",
     "@types/react-select": "^4.0.18",
     "bind-event-listener": "^2.1.1",
@@ -52,26 +59,26 @@
     "@atlaskit/button": "^16.3.0",
     "@atlaskit/checkbox": "^12.2.0",
     "@atlaskit/docs": "*",
-    "@atlaskit/drawer": "^7.1.0",
+    "@atlaskit/drawer": "^7.2.0",
     "@atlaskit/form": "^8.5.0",
-    "@atlaskit/logo": "^13.8.0",
-    "@atlaskit/modal-dialog": "^12.2.0",
-    "@atlaskit/radio": "^5.3.11",
-    "@atlaskit/section-message": "^6.0.0",
+    "@atlaskit/logo": "^13.9.0",
+    "@atlaskit/modal-dialog": "^12.3.0",
+    "@atlaskit/radio": "^5.4.0",
+    "@atlaskit/section-message": "^6.2.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/tooltip": "^17.5.0",
     "@atlaskit/visual-regression": "*",
     "@atlaskit/webdriver-runner": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
-    "@emotion/styled": "^10.0.7",
-    "@testing-library/react": "^8.0.1",
-    "@testing-library/user-event": "10.4.0",
+    "@emotion/styled": "^11.0.0",
+    "@testing-library/react": "^12.1.5",
+    "@testing-library/user-event": "^14.4.3",
     "ast-types": "^0.13.3",
     "enzyme": "^3.10.0",
     "jscodeshift": "^0.13.0",
     "react-dom": "^16.8.0",
     "react-value": "^0.2.0",
-    "typescript": "4.3.5",
+    "typescript": "4.5.5",
     "wait-for-expect": "^1.2.0"
   },
   "techstack": {

package/styles/package.json

@@ -4,5 +4,12 @@
   "module": "../dist/esm/styles.js",
   "module:es2019": "../dist/es2019/styles.js",
   "sideEffects": false,
-  "types": "../dist/types/styles.d.ts"
+  "types": "../dist/types/styles.d.ts",
+  "typesVersions": {
+    ">=4.0 <4.5": {
+      "*": [
+        "../dist/types-ts4.0/styles.d.ts"
+      ]
+    }
+  }
 }

package/types/package.json

@@ -4,5 +4,12 @@
   "module": "../dist/esm/types.js",
   "module:es2019": "../dist/es2019/types.js",
   "sideEffects": false,
-  "types": "../dist/types/types.d.ts"
+  "types": "../dist/types/types.d.ts",
+  "typesVersions": {
+    ">=4.0 <4.5": {
+      "*": [
+        "../dist/types-ts4.0/types.d.ts"
+      ]
+    }
+  }
 }