@atlaskit/react-select 2.2.0 → 2.2.1

package/dist/types-ts4.5/emotion/components/internal/scroll-manager.d.ts

@@ -0,0 +1,17 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type ReactElement, type RefCallback } from 'react';
+import { jsx } from '@emotion/react';
+interface ScrollManagerProps {
+    readonly children: (ref: RefCallback<HTMLElement>) => ReactElement;
+    readonly lockEnabled: boolean;
+    readonly captureEnabled: boolean;
+    readonly onBottomArrive?: (event: WheelEvent | TouchEvent) => void;
+    readonly onBottomLeave?: (event: WheelEvent | TouchEvent) => void;
+    readonly onTopArrive?: (event: WheelEvent | TouchEvent) => void;
+    readonly onTopLeave?: (event: WheelEvent | TouchEvent) => void;
+}
+export default function ScrollManager({ children, lockEnabled, captureEnabled, onBottomArrive, onBottomLeave, onTopArrive, onTopLeave, }: ScrollManagerProps): jsx.JSX.Element;
+export {};

package/dist/types-ts4.5/emotion/components/internal/use-scroll-capture.d.ts

@@ -0,0 +1,12 @@
+interface Options {
+    readonly isEnabled: boolean;
+    readonly onBottomArrive?: (event: WheelEvent | TouchEvent) => void;
+    readonly onBottomLeave?: (event: WheelEvent | TouchEvent) => void;
+    readonly onTopArrive?: (event: WheelEvent | TouchEvent) => void;
+    readonly onTopLeave?: (event: WheelEvent | TouchEvent) => void;
+}
+/**
+ * {description}.
+ */
+export default function useScrollCapture({ isEnabled, onBottomArrive, onBottomLeave, onTopArrive, onTopLeave, }: Options): (element: HTMLElement | null) => void;
+export {};

package/dist/types-ts4.5/emotion/components/internal/use-scroll-lock.d.ts

@@ -0,0 +1,9 @@
+interface Options {
+    readonly isEnabled: boolean;
+    readonly accountForScrollbars?: boolean;
+}
+/**
+ * {description}.
+ */
+export default function useScrollLock({ isEnabled, accountForScrollbars }: Options): (element: HTMLElement | null) => void;
+export {};

package/dist/types-ts4.5/emotion/components/live-region.d.ts

@@ -0,0 +1,25 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ * @jsxFrag React.Fragment
+ */
+import { type ReactNode } from 'react';
+import { jsx } from '@emotion/react';
+import { type AriaSelection } from '../../accessibility';
+import { type CommonProps, type GroupBase, type Options } from '../../types';
+interface LiveRegionProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> extends CommonProps<Option, IsMulti, Group> {
+    children: ReactNode;
+    innerProps: {
+        className?: string;
+    };
+    ariaSelection: AriaSelection<Option, IsMulti>;
+    focusedOption: Option | null;
+    focusedValue: Option | null;
+    selectValue: Options<Option>;
+    focusableOptions: Options<Option>;
+    isFocused: boolean;
+    id: string;
+    isAppleDevice: boolean;
+}
+declare const LiveRegion: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: LiveRegionProps<Option, IsMulti, Group>) => jsx.JSX.Element;
+export default LiveRegion;

package/dist/types-ts4.5/emotion/components/menu.d.ts

@@ -0,0 +1,116 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type LegacyRef, type ReactElement, type ReactNode, type Ref } from 'react';
+import { jsx } from '@emotion/react';
+import { type CoercedMenuPlacement, type CommonProps, type CommonPropsAndClassName, type CSSObjectWithLabel, type GroupBase, type MenuPlacement, type MenuPosition } from '../../types';
+interface MenuPlacementProps {
+    /**
+     * Set the minimum height of the menu.
+     */
+    minMenuHeight: number;
+    /**
+     * Set the maximum height of the menu.
+     */
+    maxMenuHeight: number;
+    /**
+     * Set whether the menu should be at the top, at the bottom. The auto options sets it to bottom.
+     */
+    menuPlacement: MenuPlacement;
+    /**
+     * The CSS position value of the menu, when "fixed" extra layout management is required
+     */
+    menuPosition: MenuPosition;
+    /**
+     * Set whether the page should scroll to show the menu.
+     */
+    menuShouldScrollIntoView: boolean;
+}
+export interface MenuProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group>, MenuPlacementProps {
+    /**
+     * Reference to the internal element, consumed by the MenuPlacer component
+     */
+    innerRef: Ref<HTMLDivElement>;
+    innerProps: JSX.IntrinsicElements['div'];
+    isLoading: boolean;
+    placement: CoercedMenuPlacement;
+    /**
+     * The children to be rendered.
+     */
+    children: ReactNode;
+}
+interface PlacerProps {
+    placement: CoercedMenuPlacement;
+    maxHeight: number;
+}
+interface ChildrenProps {
+    ref: Ref<HTMLDivElement>;
+    placerProps: PlacerProps;
+}
+interface MenuPlacerProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> extends CommonProps<Option, IsMulti, Group>, MenuPlacementProps {
+    /**
+     * The children to be rendered.
+     */
+    children: (childrenProps: ChildrenProps) => ReactElement;
+}
+export declare const menuCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ placement, }: MenuProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
+export declare const MenuPlacer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MenuPlacerProps<Option, IsMulti, Group>) => ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+declare const Menu: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MenuProps<Option, IsMulti, Group>) => jsx.JSX.Element;
+export default Menu;
+export interface MenuListProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
+    /**
+     * Set the max height of the Menu component
+     */
+    maxHeight: number;
+    /**
+     * The children to be rendered.
+     */
+    children: ReactNode;
+    /**
+     * Inner ref to DOM ReactNode
+     */
+    innerRef: LegacyRef<HTMLDivElement>;
+    /**
+     * The currently focused option
+     */
+    focusedOption: Option;
+    /**
+     * Props to be passed to the menu-list wrapper.
+     */
+    innerProps: JSX.IntrinsicElements['div'];
+}
+export declare const menuListCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ maxHeight, }: MenuListProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
+export declare const MenuList: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MenuListProps<Option, IsMulti, Group>) => jsx.JSX.Element;
+export declare const noOptionsMessageCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({}: NoticeProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
+export declare const loadingMessageCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({}: NoticeProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
+export interface NoticeProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
+    /**
+     * The children to be rendered.
+     */
+    children: ReactNode;
+    /**
+     * Props to be passed on to the wrapper.
+     */
+    innerProps: JSX.IntrinsicElements['div'];
+}
+export declare const NoOptionsMessage: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ children, innerProps, ...restProps }: NoticeProps<Option, IsMulti, Group>) => jsx.JSX.Element;
+export declare const LoadingMessage: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ children, innerProps, ...restProps }: NoticeProps<Option, IsMulti, Group>) => jsx.JSX.Element;
+export interface MenuPortalProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
+    appendTo: HTMLElement | undefined;
+    children: ReactNode;
+    controlElement: HTMLDivElement | null;
+    innerProps: JSX.IntrinsicElements['div'];
+    menuPlacement: MenuPlacement;
+    menuPosition: MenuPosition;
+}
+export interface PortalStyleArgs {
+    offset: number;
+    position: MenuPosition;
+    rect: {
+        left: number;
+        width: number;
+    };
+}
+export declare const menuPortalCSS: ({ rect, offset, position }: PortalStyleArgs) => CSSObjectWithLabel;
+export declare const MenuPortal: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MenuPortalProps<Option, IsMulti, Group>) => jsx.JSX.Element | null;

package/dist/types-ts4.5/emotion/components/multi-value.d.ts

@@ -0,0 +1,47 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type ComponentType, type ReactNode } from 'react';
+import { jsx } from '@emotion/react';
+import { type SelectProps } from '../../select';
+import { type CommonPropsAndClassName, type CSSObjectWithLabel, type GroupBase } from '../../types';
+interface MultiValueComponents<Option, IsMulti extends boolean, Group extends GroupBase<Option>> {
+    Container: ComponentType<MultiValueGenericProps<Option, IsMulti, Group>>;
+    Label: ComponentType<MultiValueGenericProps<Option, IsMulti, Group>>;
+    Remove: ComponentType<MultiValueRemoveProps<Option, IsMulti, Group>>;
+}
+export interface MultiValueProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
+    children: ReactNode;
+    components: MultiValueComponents<Option, IsMulti, Group>;
+    cropWithEllipsis?: boolean;
+    data: Option;
+    innerProps: JSX.IntrinsicElements['div'];
+    isFocused: boolean;
+    isDisabled: boolean;
+    removeProps: JSX.IntrinsicElements['div'];
+    index: number;
+}
+export declare const multiValueCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, isFocused, }: MultiValueProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
+export declare const multiValueLabelCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ cropWithEllipsis, isDisabled, }: MultiValueProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
+export declare const multiValueRemoveCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isFocused, }: MultiValueProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
+export interface MultiValueGenericProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> {
+    children: ReactNode;
+    data: any;
+    innerProps: {
+        className?: string;
+    };
+    selectProps: SelectProps<Option, IsMulti, Group>;
+}
+export declare const MultiValueContainer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ children, innerProps, }: MultiValueGenericProps<Option, IsMulti, Group>) => jsx.JSX.Element;
+export declare const MultiValueLabel: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ children, innerProps, }: MultiValueGenericProps<Option, IsMulti, Group>) => jsx.JSX.Element;
+export interface MultiValueRemoveProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> {
+    children?: ReactNode;
+    data: Option;
+    innerProps: JSX.IntrinsicElements['div'];
+    selectProps: SelectProps<Option, IsMulti, Group>;
+    isDisabled: boolean;
+}
+export declare function MultiValueRemove<Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, innerProps, }: MultiValueRemoveProps<Option, IsMulti, Group>): jsx.JSX.Element;
+declare const MultiValue: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MultiValueProps<Option, IsMulti, Group>) => jsx.JSX.Element;
+export default MultiValue;

package/dist/types-ts4.5/emotion/components/option.d.ts

@@ -0,0 +1,49 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type ReactNode, type RefCallback } from 'react';
+import { jsx } from '@emotion/react';
+import { type CommonPropsAndClassName, type CSSObjectWithLabel, type GroupBase } from '../../types';
+export interface OptionProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
+    /**
+     * The children to be rendered.
+     */
+    children: ReactNode;
+    /**
+     * Inner ref to DOM Node
+     */
+    innerRef: RefCallback<HTMLDivElement>;
+    /**
+     * props passed to the wrapping element for the group.
+     */
+    innerProps: JSX.IntrinsicElements['div'];
+    /**
+     * Text to be displayed representing the option.
+     */
+    label: string;
+    /**
+     * Type is used by the menu to determine whether this is an option or a group.
+     * In the case of option this is always `option`. *
+     */
+    type: 'option';
+    /**
+     * The data of the selected option.
+     */
+    data: Option;
+    /**
+     * Whether the option is disabled.
+     */
+    isDisabled: boolean;
+    /**
+     * Whether the option is focused.
+     */
+    isFocused: boolean;
+    /**
+     * Whether the option is selected.
+     */
+    isSelected: boolean;
+}
+export declare const optionCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, isFocused, isSelected, }: OptionProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
+declare const Option: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: OptionProps<Option, IsMulti, Group>) => jsx.JSX.Element;
+export default Option;

package/dist/types-ts4.5/emotion/components/placeholder.d.ts

@@ -0,0 +1,22 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type ReactNode } from 'react';
+import { jsx } from '@emotion/react';
+import { type CommonPropsAndClassName, type CSSObjectWithLabel, type GroupBase } from '../../types';
+export interface PlaceholderProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
+    /**
+     * The children to be rendered.
+     */
+    children: ReactNode;
+    /**
+     * props passed to the wrapping element for the group.
+     */
+    innerProps: JSX.IntrinsicElements['div'];
+    isDisabled: boolean;
+    isFocused: boolean;
+}
+export declare const placeholderCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, }: PlaceholderProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
+declare const Placeholder: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: PlaceholderProps<Option, IsMulti, Group>) => jsx.JSX.Element;
+export default Placeholder;

package/dist/types-ts4.5/emotion/components/single-value.d.ts

@@ -0,0 +1,28 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type ReactNode } from 'react';
+import { jsx } from '@emotion/react';
+import { type CommonPropsAndClassName, type CSSObjectWithLabel, type GroupBase } from '../../types';
+export interface SingleValueProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
+    /**
+     * The children to be rendered.
+     */
+    children: ReactNode;
+    /**
+     * The data of the selected option rendered in the Single Value component.
+     */
+    data: Option;
+    /**
+     * Props passed to the wrapping element for the group.
+     */
+    innerProps: JSX.IntrinsicElements['div'];
+    /**
+     * Whether this is disabled.
+     */
+    isDisabled: boolean;
+}
+export declare const css: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, }: SingleValueProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
+declare const SingleValue: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: SingleValueProps<Option, IsMulti, Group>) => jsx.JSX.Element;
+export default SingleValue;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/react-select",
-	"version": "2.2.0",
+	"version": "2.2.1",
 	"description": "A forked version of react-select to only be used in atlaskit/select",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",