@atlaskit/select 15.6.0 → 15.7.0

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

@@ -1,7 +1,7 @@
 import React, { PureComponent, ReactNode } from 'react';
 import Select from 'react-select';
 import { PopperProps } from 'react-popper';
-import { OptionType, ActionMeta, ReactSelectProps, StylesConfig, ValueType } from '../types';
+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'>;
@@ -11,7 +11,8 @@ interface PopupSelectTriggerProps {
     'aria-expanded': boolean;
     'aria-controls'?: string;
 }
-export interface PopupSelectProps<Option = OptionType, IsMulti extends boolean = false, Modifiers = string> extends ReactSelectProps<Option, IsMulti> {
+declare type ModifierList = 'offset' | 'computeStyles' | 'preventOverflow' | 'handleFlipStyle' | 'flip' | 'popperOffsets' | 'arrow' | 'hide' | string;
+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"
      */
@@ -29,9 +30,14 @@ export interface PopupSelectProps<Option = OptionType, IsMulti extends boolean =
      */
     popperProps?: PopperPropsNoChildren<Modifiers>;
     /**
-     * The maximum number of options the Select can contain without rendering the search field.
+     * The maximum number of options the select can contain without rendering the search field. Defaults to 5.
      */
     searchThreshold?: number;
+    /**
+     * If false, renders a select with no search field. If true, renders a search field in the select when the
+     * number of options exceeds the `searchThreshold`. Defaults to true.
+     */
+    isSearchable?: boolean;
     /**
      * The maximum width for the popup menu. Can be a number, representing width in pixels,
      * or a string containing a CSS length datatype.
@@ -59,6 +65,9 @@ export interface PopupSelectProps<Option = OptionType, IsMulti extends boolean =
     }) => ReactNode;
     isOpen?: boolean;
     defaultIsOpen?: boolean;
+    spacing?: string;
+    validationState?: ValidationState;
+    isInvalid?: boolean;
 }
 interface State<Modifiers = string> {
     isOpen: boolean;
@@ -78,8 +87,8 @@ export default class PopupSelect<Option = OptionType, IsMulti extends boolean =
         isOpen: boolean;
         mergedComponents: {
             Control: React.FC<import("../types").ControlProps<OptionType, boolean>>;
-            DropdownIndicator: () => JSX.Element;
-            Menu: ({ children, innerProps, ...props }: import("../types").MenuProps<OptionType, boolean>) => JSX.Element;
+            DropdownIndicator: () => import("@emotion/react").jsx.JSX.Element;
+            Menu: ({ children, innerProps, ...props }: import("../types").MenuProps<OptionType, boolean>) => import("@emotion/react").jsx.JSX.Element;
         };
         mergedPopperProps: PopperPropsNoChildren<string>;
     };
@@ -91,6 +100,7 @@ export default class PopupSelect<Option = OptionType, IsMulti extends boolean =
         maxMenuWidth: number;
         minMenuWidth: number;
         popperProps: {};
+        isSearchable: boolean;
         searchThreshold: number;
         styles: {};
         options: never[];
@@ -123,7 +133,7 @@ export default class PopupSelect<Option = OptionType, IsMulti extends boolean =
     getSelectRef: (ref: Select<Option, IsMulti>) => void;
     getItemCount: () => number;
     getMaxHeight: () => number | undefined;
-    showSearchControl: () => boolean;
+    showSearchControl: () => boolean | undefined;
     renderSelect: () => JSX.Element | null;
     render(): JSX.Element;
 }

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

@@ -1,5 +1,6 @@
 /** @jsx jsx */
 import { FC, ReactNode, CSSProperties } from 'react';
+import { jsx } from '@emotion/react';
 import { ControlProps, MenuProps, OptionType } from '../types';
 interface MenuDialogProps {
     maxWidth?: number | string;
@@ -12,7 +13,7 @@ export declare const MenuDialog: FC<MenuDialogProps>;
 export declare const DummyControl: FC<ControlProps<OptionType, boolean>>;
 export declare const defaultComponents: {
     Control: FC<ControlProps<OptionType, boolean>>;
-    DropdownIndicator: () => JSX.Element;
-    Menu: ({ children, innerProps, ...props }: MenuProps<OptionType, boolean>) => JSX.Element;
+    DropdownIndicator: () => jsx.JSX.Element;
+    Menu: ({ children, innerProps, ...props }: MenuProps<OptionType, boolean>) => jsx.JSX.Element;
 };
 export {};

package/dist/types/Select.d.ts

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

package/dist/types/components/index.d.ts

@@ -1,4 +1,5 @@
-/// <reference types="react" />
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 export { ClearIndicator, DropdownIndicator, LoadingIndicator, } from './indicators';
-export declare const MultiValueRemove: (props: any) => JSX.Element;
+export declare const MultiValueRemove: (props: any) => jsx.JSX.Element;
 export declare const IndicatorSeparator: null;

package/dist/types/createSelect.d.ts

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

package/dist/types/styles.d.ts

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

package/dist/types/types.d.ts

@@ -26,6 +26,7 @@ export interface SelectProps<OptionType, IsMulti extends boolean = false> extend
     spacing?: 'compact' | 'default';
     validationState?: ValidationState;
     appearance?: 'default' | 'subtle' | 'none';
+    isInvalid?: boolean;
 }
 export declare type ActionMeta<Option = OptionType> = RSActionMeta<Option>;
 export declare type InputActionMeta = RSInputActionMeta;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/select",
-  "version": "15.6.0",
+  "version": "15.7.0",
   "description": "Select allows users to make a single selection or multiple selections from a list of options.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -27,11 +27,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,18 +52,18 @@
     "@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",
+    "@emotion/styled": "^11.0.0",
     "@testing-library/react": "^8.0.1",
     "@testing-library/user-event": "10.4.0",
     "ast-types": "^0.13.3",
@@ -71,7 +71,7 @@
     "jscodeshift": "^0.13.0",
     "react-dom": "^16.8.0",
     "react-value": "^0.2.0",
-    "typescript": "4.2.4",
+    "typescript": "4.3.5",
     "wait-for-expect": "^1.2.0"
   },
   "techstack": {