@atlaskit/select 16.5.2 → 16.5.4

package/report.api.md

@@ -22,26 +22,35 @@ import { AsyncProps } from 'react-select/async';
 import BaseSelect from 'react-select/base';
 import { ClearIndicatorProps } from 'react-select';
 import { components } from 'react-select';
+import { ContainerProps } from 'react-select';
 import { Context } from 'react';
 import { ControlProps as ControlProps_2 } from 'react-select';
 import { CreatableProps } from 'react-select/creatable';
 import { createFilter } from 'react-select';
+import { CrossIconProps } from 'react-select/dist/declarations/src/components/indicators';
 import { default as default_2 } from 'react-select/base';
+import { DownChevronProps } from 'react-select/dist/declarations/src/components/indicators';
 import { DropdownIndicatorProps } from 'react-select';
 import { ErrorInfo } from 'react';
 import { FC } from 'react';
 import { FormatOptionLabelMeta } from 'react-select';
+import { GroupHeadingProps } from 'react-select';
 import { GroupProps as GroupProps_2 } from 'react-select';
 import { GroupBase as GroupType } from 'react-select';
+import { IndicatorsContainerProps } from 'react-select';
 import { IndicatorSeparatorProps } from 'react-select';
 import { InputActionMeta } from 'react-select';
 import { InputProps } from 'react-select';
 import { jsx } from '@emotion/react';
 import { LoadingIndicatorProps } from 'react-select';
+import { MemoizedFn } from 'memoize-one';
 import { MenuListProps } from 'react-select';
+import { MenuPortal } from 'react-select/dist/declarations/src/components/Menu';
 import { MenuProps as MenuProps_2 } from 'react-select';
 import { mergeStyles } from 'react-select';
+import { MultiValueGenericProps } from 'react-select';
 import { MultiValueProps } from 'react-select';
+import { MultiValueRemove } from 'react-select/dist/declarations/src/components/MultiValue';
 import { MultiValueRemoveProps } from 'react-select';
 import { NoticeProps } from 'react-select';
 import { OnChangeValue } from 'react-select';
@@ -49,6 +58,7 @@ import { OptionProps as OptionProps_2 } from 'react-select';
 import { Options } from 'react-select';
 import { PlaceholderProps as PlaceholderProps_2 } from 'react-select';
 import { PopperProps } from 'react-popper';
+import { PortalStyleArgs } from 'react-select/dist/declarations/src/components/Menu';
 import { PureComponent } from 'react';
 import { default as React_2 } from 'react';
 import { ReactInstance } from 'react';
@@ -59,6 +69,7 @@ import { SelectComponentsConfig as SelectComponentsConfig_2 } from 'react-select
 import { SelectInstance } from 'react-select';
 import { SingleValueProps } from 'react-select';
 import { StylesConfig as StylesConfig_2 } from 'react-select';
+import { StylesConfigFunction } from 'react-select/dist/declarations/src/styles';
 import { UnbindFn } from 'bind-event-listener';
 import { useAsync } from 'react-select/async';
 import { useCreatable } from 'react-select/creatable';
@@ -307,10 +318,9 @@ export interface AsyncSelectProps<Option, IsMulti extends boolean = false>
 export const CheckboxOption: FC<OptionProps<OptionType, true>>;
 
 // @public (undocumented)
-export const CheckboxSelect: ({
-  components,
-  ...props
-}: SelectProps<OptionType, true>) => JSX.Element;
+export const CheckboxSelect: React_2.MemoExoticComponent<
+  ({ components, ...props }: SelectProps<OptionType, true>) => JSX.Element
+>;
 
 export { ClearIndicatorProps };
 
@@ -590,6 +600,17 @@ const _default: {
 };
 export default _default;
 
+// @public (undocumented)
+const defaultComponents: {
+  Control: FC<ControlProps<OptionType, boolean>>;
+  DropdownIndicator: () => jsx.JSX.Element;
+  Menu: ({
+    children,
+    innerProps,
+    ...props
+  }: MenuProps<OptionType, boolean>) => jsx.JSX.Element;
+};
+
 // @public (undocumented)
 type defaultModifiers = 'offset' | 'preventOverflow';
 
@@ -715,13 +736,7 @@ export class PopupSelect<
   IsMulti extends boolean = false,
   Modifiers = ModifierList,
 > extends PureComponent<PopupSelectProps<Option, IsMulti, Modifiers>, State> {
-  close: (
-    options?:
-      | undefined
-      | {
-          controlOverride?: boolean | undefined;
-        },
-  ) => void;
+  close: (options?: { controlOverride?: boolean }) => void;
   // (undocumented)
   componentDidMount(): void;
   // (undocumented)
@@ -757,8 +772,288 @@ export class PopupSelect<
   // (undocumented)
   getMaxHeight: () => number | undefined;
   // (undocumented)
+  getSelectComponents: MemoizedFn<
+    (
+      mergedComponents: typeof defaultComponents,
+      showSearchControl: boolean | undefined,
+    ) => Partial<{
+      ClearIndicator: <
+        Option_1,
+        IsMulti_1 extends boolean,
+        Group extends GroupType<Option_1>,
+      >(
+        props: ClearIndicatorProps<Option_1, IsMulti_1, Group>,
+      ) => jsx;
+      Control: <
+        Option_1,
+        IsMulti_1 extends boolean,
+        Group_1 extends GroupType<Option_1>,
+      >(
+        props: ControlProps_2<Option_1, IsMulti_1, Group_1>,
+      ) => jsx;
+      DropdownIndicator: <
+        Option_2,
+        IsMulti_2 extends boolean,
+        Group_2 extends GroupType<Option_2>,
+      >(
+        props: DropdownIndicatorProps<Option_2, IsMulti_2, Group_2>,
+      ) => jsx;
+      DownChevron: (props: DownChevronProps) => jsx;
+      CrossIcon: (props: CrossIconProps) => jsx;
+      Group: <
+        Option_3,
+        IsMulti_3 extends boolean,
+        Group_3 extends GroupType<Option_3>,
+      >(
+        props: GroupProps_2<Option_3, IsMulti_3, Group_3>,
+      ) => jsx;
+      GroupHeading: <
+        Option_4,
+        IsMulti_4 extends boolean,
+        Group_4 extends GroupType<Option_4>,
+      >(
+        props: GroupHeadingProps<Option_4, IsMulti_4, Group_4>,
+      ) => jsx;
+      IndicatorsContainer: <
+        Option_5,
+        IsMulti_5 extends boolean,
+        Group_5 extends GroupType<Option_5>,
+      >(
+        props: IndicatorsContainerProps<Option_5, IsMulti_5, Group_5>,
+      ) => jsx;
+      IndicatorSeparator: <
+        Option_6,
+        IsMulti_6 extends boolean,
+        Group_6 extends GroupType<Option_6>,
+      >(
+        props: IndicatorSeparatorProps<Option_6, IsMulti_6, Group_6>,
+      ) => jsx;
+      Input: <
+        Option_7,
+        IsMulti_7 extends boolean,
+        Group_7 extends GroupType<Option_7>,
+      >(
+        props: InputProps<Option_7, IsMulti_7, Group_7>,
+      ) => jsx;
+      LoadingIndicator: {
+        <
+          Option_8,
+          IsMulti_8 extends boolean,
+          Group_8 extends GroupType<Option_8>,
+        >(
+          props: LoadingIndicatorProps<Option_8, IsMulti_8, Group_8>,
+        ): jsx;
+        defaultProps: {
+          size: number;
+        };
+      };
+      Menu: <
+        Option_9,
+        IsMulti_9 extends boolean,
+        Group_9 extends GroupType<Option_9>,
+      >(
+        props: MenuProps_2<Option_9, IsMulti_9, Group_9>,
+      ) => jsx;
+      MenuList: <
+        Option_10,
+        IsMulti_10 extends boolean,
+        Group_10 extends GroupType<Option_10>,
+      >(
+        props: MenuListProps<Option_10, IsMulti_10, Group_10>,
+      ) => jsx;
+      MenuPortal: MenuPortal;
+      LoadingMessage: {
+        <
+          Option_11,
+          IsMulti_11 extends boolean,
+          Group_11 extends GroupType<Option_11>,
+        >(
+          props: NoticeProps<Option_11, IsMulti_11, Group_11>,
+        ): jsx;
+        defaultProps: {
+          children: string;
+        };
+      };
+      NoOptionsMessage: {
+        <
+          Option_12,
+          IsMulti_12 extends boolean,
+          Group_12 extends GroupType<Option_12>,
+        >(
+          props: NoticeProps<Option_12, IsMulti_12, Group_12>,
+        ): jsx;
+        defaultProps: {
+          children: string;
+        };
+      };
+      MultiValue: <
+        Option_13,
+        IsMulti_13 extends boolean,
+        Group_13 extends GroupType<Option_13>,
+      >(
+        props: MultiValueProps<Option_13, IsMulti_13, Group_13>,
+      ) => jsx;
+      MultiValueContainer: <
+        Option_14,
+        IsMulti_14 extends boolean,
+        Group_14 extends GroupType<Option_14>,
+      >({
+        children,
+        innerProps,
+      }: MultiValueGenericProps<Option_14, IsMulti_14, Group_14>) => jsx;
+      MultiValueLabel: <
+        Option_14_1,
+        IsMulti_14_1 extends boolean,
+        Group_14_1 extends GroupType<Option_14_1>,
+      >({
+        children,
+        innerProps,
+      }: MultiValueGenericProps<Option_14_1, IsMulti_14_1, Group_14_1>) => jsx;
+      MultiValueRemove: MultiValueRemove;
+      Option: <
+        Option_15,
+        IsMulti_15 extends boolean,
+        Group_15 extends GroupType<Option_15>,
+      >(
+        props: OptionProps_2<Option_15, IsMulti_15, Group_15>,
+      ) => jsx;
+      Placeholder: <
+        Option_16,
+        IsMulti_16 extends boolean,
+        Group_16 extends GroupType<Option_16>,
+      >(
+        props: PlaceholderProps_2<Option_16, IsMulti_16, Group_16>,
+      ) => jsx;
+      SelectContainer: <
+        Option_17,
+        IsMulti_17 extends boolean,
+        Group_17 extends GroupType<Option_17>,
+      >(
+        props: ContainerProps<Option_17, IsMulti_17, Group_17>,
+      ) => jsx;
+      SingleValue: <
+        Option_18,
+        IsMulti_18 extends boolean,
+        Group_18 extends GroupType<Option_18>,
+      >(
+        props: SingleValueProps<Option_18, IsMulti_18, Group_18>,
+      ) => jsx;
+      ValueContainer: <
+        Option_19,
+        IsMulti_19 extends boolean,
+        Group_19 extends GroupType<Option_19>,
+      >(
+        props: ValueContainerProps_2<Option_19, IsMulti_19, Group_19>,
+      ) => jsx;
+    }>
+  >;
+  // (undocumented)
   getSelectRef: (ref: BaseSelect<Option, IsMulti>) => void;
   // (undocumented)
+  getSelectStyles: MemoizedFn<
+    (
+      defaultStyles: StylesConfig<Option, IsMulti>,
+      propStyles: StylesConfig<Option, IsMulti> | undefined,
+    ) => {
+      clearIndicator?:
+        | StylesConfigFunction<
+            ClearIndicatorProps<Option, IsMulti, GroupType<Option>>
+          >
+        | undefined;
+      container?:
+        | StylesConfigFunction<
+            ContainerProps<Option, IsMulti, GroupType<Option>>
+          >
+        | undefined;
+      control?:
+        | StylesConfigFunction<
+            ControlProps_2<Option, IsMulti, GroupType<Option>>
+          >
+        | undefined;
+      dropdownIndicator?:
+        | StylesConfigFunction<
+            DropdownIndicatorProps<Option, IsMulti, GroupType<Option>>
+          >
+        | undefined;
+      group?:
+        | StylesConfigFunction<GroupProps_2<Option, IsMulti, GroupType<Option>>>
+        | undefined;
+      groupHeading?:
+        | StylesConfigFunction<
+            GroupHeadingProps<Option, IsMulti, GroupType<Option>>
+          >
+        | undefined;
+      indicatorsContainer?:
+        | StylesConfigFunction<
+            IndicatorsContainerProps<Option, IsMulti, GroupType<Option>>
+          >
+        | undefined;
+      indicatorSeparator?:
+        | StylesConfigFunction<
+            IndicatorSeparatorProps<Option, IsMulti, GroupType<Option>>
+          >
+        | undefined;
+      input?:
+        | StylesConfigFunction<InputProps<Option, IsMulti, GroupType<Option>>>
+        | undefined;
+      loadingIndicator?:
+        | StylesConfigFunction<
+            LoadingIndicatorProps<Option, IsMulti, GroupType<Option>>
+          >
+        | undefined;
+      loadingMessage?:
+        | StylesConfigFunction<NoticeProps<Option, IsMulti, GroupType<Option>>>
+        | undefined;
+      menu?:
+        | StylesConfigFunction<MenuProps_2<Option, IsMulti, GroupType<Option>>>
+        | undefined;
+      menuList?:
+        | StylesConfigFunction<
+            MenuListProps<Option, IsMulti, GroupType<Option>>
+          >
+        | undefined;
+      menuPortal?: StylesConfigFunction<PortalStyleArgs> | undefined;
+      multiValue?:
+        | StylesConfigFunction<
+            MultiValueProps<Option, IsMulti, GroupType<Option>>
+          >
+        | undefined;
+      multiValueLabel?:
+        | StylesConfigFunction<
+            MultiValueProps<Option, IsMulti, GroupType<Option>>
+          >
+        | undefined;
+      multiValueRemove?:
+        | StylesConfigFunction<
+            MultiValueProps<Option, IsMulti, GroupType<Option>>
+          >
+        | undefined;
+      noOptionsMessage?:
+        | StylesConfigFunction<NoticeProps<Option, IsMulti, GroupType<Option>>>
+        | undefined;
+      option?:
+        | StylesConfigFunction<
+            OptionProps_2<Option, IsMulti, GroupType<Option>>
+          >
+        | undefined;
+      placeholder?:
+        | StylesConfigFunction<
+            PlaceholderProps_2<Option, IsMulti, GroupType<Option>>
+          >
+        | undefined;
+      singleValue?:
+        | StylesConfigFunction<
+            SingleValueProps<Option, IsMulti, GroupType<Option>>
+          >
+        | undefined;
+      valueContainer?:
+        | StylesConfigFunction<
+            ValueContainerProps_2<Option, IsMulti, GroupType<Option>>
+          >
+        | undefined;
+    }
+  >;
+  // (undocumented)
   handleClick: ({ target }: MouseEvent) => void;
   // (undocumented)
   handleFirstPopperUpdate: () => void;
@@ -773,13 +1068,7 @@ export class PopupSelect<
   isOpenControlled: boolean;
   // (undocumented)
   menuRef: HTMLElement | null;
-  open: (
-    options?:
-      | undefined
-      | {
-          controlOverride?: boolean | undefined;
-        },
-  ) => void;
+  open: (options?: { controlOverride?: boolean }) => void;
   // (undocumented)
   popperWrapperId: string;
   // (undocumented)
@@ -799,20 +1088,47 @@ export class PopupSelect<
   // (undocumented)
   showSearchControl: () => boolean | undefined;
   // (undocumented)
-  state: {
-    focusLockEnabled: boolean;
-    isOpen: boolean;
-    mergedComponents: {
-      Control: React_2.FC<ControlProps<OptionType, boolean>>;
-      DropdownIndicator: () => jsx;
-      Menu: ({
-        children,
-        innerProps,
-        ...props
-      }: MenuProps<OptionType, boolean>) => jsx;
-    };
-    mergedPopperProps: PopperPropsNoChildren<string>;
-  };
+  state:
+    | {
+        focusLockEnabled: boolean;
+        isOpen: boolean;
+        mergedComponents: {
+          Control: React_2.FC<ControlProps<OptionType, boolean>>;
+          DropdownIndicator: () => jsx;
+          Menu: ({
+            children,
+            innerProps,
+            ...props
+          }: MenuProps<OptionType, boolean>) => jsx /**
+            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 Popper Props section below, or [React Popper documentation](https://popper.js.org/react-popper/v2/render-props).
+
+            */;
+        };
+        mergedPopperProps: PopperPropsNoChildren<string>;
+      }
+    | {
+        isOpen: boolean;
+        mergedComponents: {
+          Control: React_2.FC<ControlProps<OptionType, boolean>>;
+          DropdownIndicator: () => jsx;
+          Menu: ({
+            children,
+            innerProps,
+            ...props
+          }: MenuProps<OptionType, boolean>) => jsx /**
+            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 Popper Props section below, or [React Popper documentation](https://popper.js.org/react-popper/v2/render-props).
+
+            */;
+        };
+        mergedPopperProps: PopperPropsNoChildren<string>;
+        focusLockEnabled?: undefined;
+      };
   // (undocumented)
   targetRef: HTMLElement | null;
   // (undocumented)
@@ -867,10 +1183,9 @@ interface PopupSelectTriggerProps {
 export const RadioOption: FC<OptionProps>;
 
 // @public (undocumented)
-export const RadioSelect: ({
-  components,
-  ...props
-}: SelectProps<OptionType>) => JSX.Element;
+export const RadioSelect: React_2.MemoExoticComponent<
+  ({ components, ...props }: SelectProps<OptionType>) => JSX.Element
+>;
 
 export { ReactSelectProps };
 
@@ -1006,8 +1321,7 @@ export { SingleValueProps };
 
 // @public (undocumented)
 interface State<Modifiers = string> {
-  // (undocumented)
-  focusLockEnabled: boolean;
+  focusLockEnabled?: boolean;
   // (undocumented)
   isOpen: boolean;
   // (undocumented)