@atlaskit/react-select 3.16.2 → 4.0.1

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/react-select",
-	"version": "3.16.2",
+	"version": "4.0.1",
 	"description": "A forked version of react-select to only be used in atlaskit/select",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -20,14 +20,14 @@
 	],
 	"atlaskit:src": "src/index.tsx",
 	"dependencies": {
-		"@atlaskit/ds-lib": "^7.0.0",
-		"@atlaskit/icon": "^35.3.0",
-		"@atlaskit/layering": "^3.7.0",
-		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/primitives": "^19.0.0",
-		"@atlaskit/spinner": "^19.1.0",
-		"@atlaskit/tag": "^14.14.0",
-		"@atlaskit/tokens": "^13.0.0",
+		"@atlaskit/ds-lib": "^8.0.0",
+		"@atlaskit/icon": "^36.0.0",
+		"@atlaskit/layering": "^4.0.0",
+		"@atlaskit/platform-feature-flags": "^2.0.0",
+		"@atlaskit/primitives": "^20.0.0",
+		"@atlaskit/spinner": "^20.0.0",
+		"@atlaskit/tag": "^15.0.0",
+		"@atlaskit/tokens": "^14.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.20.0",
 		"@floating-ui/dom": "^1.0.1",
@@ -40,8 +40,8 @@
 	},
 	"devDependencies": {
 		"@af/accessibility-testing": "workspace:^",
-		"@atlaskit/checkbox": "^17.3.0",
-		"@atlaskit/form": "^15.5.0",
+		"@atlaskit/checkbox": "^18.0.0",
+		"@atlaskit/form": "^16.0.0",
 		"@atlassian/feature-flags-test-utils": "^1.1.0",
 		"@testing-library/react": "^16.3.0",
 		"@testing-library/user-event": "^14.4.3",
@@ -93,13 +93,5 @@
 			]
 		}
 	},
-	"homepage": "https://atlassian.design/components",
-	"typesVersions": {
-		">=4.5 <4.9": {
-			"*": [
-				"dist/types-ts4.5/*",
-				"dist/types-ts4.5/index.d.ts"
-			]
-		}
-	}
+	"homepage": "https://atlassian.design/components"
 }

package/placeholder/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/placeholder.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/placeholder.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/placeholder.d.ts"
 }

package/select-container/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/select-container.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/select-container.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/select-container.d.ts"
 }

package/single-value/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/single-value.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/single-value.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/single-value.d.ts"
 }

package/state-manager/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/state-manager.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/state-manager.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/state-manager.d.ts"
 }

package/styles/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/styles.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/styles.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/styles.d.ts"
 }

package/types/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/types.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/types.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/types.d.ts"
 }

package/use-async/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/use-async.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/use-async.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/use-async.d.ts"
 }

package/use-creatable/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/use-creatable.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/use-creatable.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/use-creatable.d.ts"
 }

package/use-state-manager/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/use-state-manager.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/use-state-manager.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/use-state-manager.d.ts"
 }

package/value-container/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/value-container.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/value-container.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/value-container.d.ts"
 }

package/dist/types-ts4.5/accessibility/index.d.ts

@@ -1,123 +0,0 @@
-import type { AriaAttributes } from 'react';
-import { type ActionMeta, type GroupBase, type InitialInputFocusedActionMeta, type OnChangeValue, type Options, type OptionsOrGroups } from '../types';
-export type OptionContext = 'menu' | 'value';
-export type GuidanceContext = 'menu' | 'input' | 'value';
-export type AriaSelection<Option, IsMulti extends boolean> = InitialInputFocusedActionMeta<Option, IsMulti> | (ActionMeta<Option> & {
-    value: OnChangeValue<Option, IsMulti>;
-    option?: Option;
-    options?: Options<Option>;
-});
-export interface AriaGuidanceProps {
-    /**
-     * String value of selectProp aria-label
-     */
-    'aria-label': AriaAttributes['aria-label'];
-    /**
-     * String indicating user's current context and available keyboard interactivity
-     */
-    context: GuidanceContext;
-    /**
-     * Boolean value of selectProp isSearchable
-     */
-    isSearchable: boolean;
-    /**
-     * Boolean value of selectProp isMulti
-     */
-    isMulti: boolean;
-    /**
-     * Boolean value of selectProp isDisabled
-     */
-    isDisabled: boolean | null;
-    /**
-     * Boolean value of selectProp tabSelectsValue
-     */
-    tabSelectsValue: boolean;
-    /**
-     * Boolean value indicating if user focused the input for the first time
-     */
-    isInitialFocus: boolean;
-}
-export type AriaOnChangeProps<Option, IsMulti extends boolean> = AriaSelection<Option, IsMulti> & {
-    /**
-     * String derived label from selected or removed option/value
-     */
-    label: string;
-    /**
-     * Array of labels derived from multiple selected or cleared options
-     */
-    labels: string[];
-    /**
-     * Boolean indicating if the selected menu option is disabled
-     */
-    isDisabled: boolean | null;
-};
-export interface AriaOnFilterProps {
-    /**
-     * String indicating current inputValue of the input
-     */
-    inputValue: string;
-    /**
-     * String derived from selectProp screenReaderStatus
-     */
-    resultsMessage: string;
-}
-export interface AriaOnFocusProps<Option, Group extends GroupBase<Option>> {
-    /**
-     * String indicating whether the option was focused in the menu or as (multi-) value
-     */
-    context: OptionContext;
-    /**
-     * Option that is being focused
-     */
-    focused: Option;
-    /**
-     * Boolean indicating whether focused menu option has been disabled
-     */
-    isDisabled: boolean;
-    /**
-     * Boolean indicating whether focused menu option is an already selected option
-     */
-    isSelected: boolean;
-    /**
-     * String derived label from focused option/value
-     */
-    label: string;
-    /**
-     * Options provided as props to Select used to determine indexing
-     */
-    options: OptionsOrGroups<Option, Group>;
-    /**
-     * selected option(s) of the Select
-     */
-    selectValue: Options<Option>;
-    /**
-     * Boolean value of selectProp isMulti
-     */
-    isMulti: boolean;
-}
-export type AriaGuidance = (props: AriaGuidanceProps) => string;
-export type AriaOnChange<Option, IsMulti extends boolean> = (props: AriaOnChangeProps<Option, IsMulti>) => string;
-export type AriaOnFilter = (props: AriaOnFilterProps) => string;
-export type AriaOnFocus<Option, Group extends GroupBase<Option> = GroupBase<Option>> = (props: AriaOnFocusProps<Option, Group>) => string;
-export interface AriaLiveMessages<Option, IsMulti extends boolean, Group extends GroupBase<Option>> {
-    /**
-     * Guidance message used to convey component state and specific keyboard interactivity
-     */
-    guidance?: (props: AriaGuidanceProps) => string;
-    /**
-     * OnChange message used to convey changes to value but also called when user selects disabled option
-     */
-    onChange?: (props: AriaOnChangeProps<Option, IsMulti>) => string;
-    /**
-     * OnFilter message used to convey information about filtered results displayed in the menu
-     */
-    onFilter?: (props: AriaOnFilterProps) => string;
-    /**
-     * OnFocus message used to convey information about the currently focused option or value
-     */
-    onFocus?: (props: AriaOnFocusProps<Option, Group>) => string;
-}
-export declare const defaultAriaLiveMessages: {
-    onChange: <Option, IsMulti extends boolean>(props: AriaOnChangeProps<Option, IsMulti>) => string;
-    onFilter: (props: AriaOnFilterProps) => string;
-};

package/dist/types-ts4.5/async-creatable.d.ts

@@ -1,10 +0,0 @@
-import { type ReactElement, type RefAttributes } from 'react';
-import Select from './select';
-import type { GroupBase } from './types';
-import { type AsyncAdditionalProps } from './use-async';
-import { type CreatableAdditionalProps } from './use-creatable';
-import { type StateManagerProps } from './use-state-manager';
-export type AsyncCreatableProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> = StateManagerProps<Option, IsMulti, Group> & CreatableAdditionalProps<Option, Group> & AsyncAdditionalProps<Option, Group>;
-type AsyncCreatableSelect = <Option = unknown, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(props: AsyncCreatableProps<Option, IsMulti, Group> & RefAttributes<Select<Option, IsMulti, Group>>) => ReactElement;
-declare const AsyncCreatableSelect: AsyncCreatableSelect;
-export default AsyncCreatableSelect;

package/dist/types-ts4.5/async.d.ts

@@ -1,8 +0,0 @@
-import { type ReactElement, type RefAttributes } from 'react';
-import Select from './select';
-import type { GroupBase } from './types';
-import { type AsyncProps } from './use-async';
-export type { AsyncProps };
-type AsyncSelect = <Option = unknown, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(props: AsyncProps<Option, IsMulti, Group> & RefAttributes<Select<Option, IsMulti, Group>>) => ReactElement;
-declare const AsyncSelect: AsyncSelect;
-export default AsyncSelect;

package/dist/types-ts4.5/builtins.d.ts

@@ -1,4 +0,0 @@
-export { formatGroupLabel } from './format-group-label';
-export { getOptionLabel } from './get-option-label';
-export { getOptionValue } from './get-option-value';
-export { isOptionDisabled } from './is-option-disabled';

package/dist/types-ts4.5/colors.d.ts

@@ -1,19 +0,0 @@
-export declare const colors: {
-    primary: string;
-    primary75: string;
-    primary50: string;
-    primary25: string;
-    danger: string;
-    dangerLight: string;
-    neutral0: string;
-    neutral5: string;
-    neutral10: string;
-    neutral20: string;
-    neutral30: string;
-    neutral40: string;
-    neutral50: string;
-    neutral60: string;
-    neutral70: string;
-    neutral80: string;
-    neutral90: string;
-};

package/dist/types-ts4.5/compiled/components/indicators-container.d.ts

@@ -1,18 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { type ReactNode } from 'react';
-import { type CommonPropsAndClassName, type GroupBase } from '../../types';
-export interface IndicatorsContainerProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
-    isDisabled: boolean;
-    /**
-     * The children to be rendered.
-     */
-    children: ReactNode;
-    /**
-     * Props to be passed to the indicators container element.
-     */
-    innerProps?: {};
-}
-export declare const IndicatorsContainer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: IndicatorsContainerProps<Option, IsMulti, Group>) => JSX.Element;

package/dist/types-ts4.5/compiled/components/select-container.d.ts

@@ -1,22 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { type ReactNode } from 'react';
-import { type CommonPropsAndClassName, type GroupBase } from '../../types';
-export interface ContainerProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
-    /**
-     * Whether the select is disabled.
-     */
-    isDisabled: boolean;
-    isFocused: boolean;
-    /**
-     * The children to be rendered.
-     */
-    children: ReactNode;
-    /**
-     * Inner props to be passed down to the container.
-     */
-    innerProps: {};
-}
-export declare const SelectContainer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ContainerProps<Option, IsMulti, Group>) => JSX.Element;

package/dist/types-ts4.5/compiled/components/value-container.d.ts

@@ -1,22 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { type ReactNode } from 'react';
-import { type CommonPropsAndClassName, type GroupBase } from '../../types';
-export interface ValueContainerProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
-    /**
-     * Props to be passed to the value container element.
-     */
-    innerProps?: {};
-    /**
-     * The children to be rendered.
-     */
-    children: ReactNode;
-    isDisabled: boolean;
-    /**
-     * Whether the select is compact.
-     */
-    isCompact?: boolean;
-}
-export declare const ValueContainer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ValueContainerProps<Option, IsMulti, Group>) => JSX.Element;

package/dist/types-ts4.5/components/containers/indicators-container.d.ts

@@ -1,18 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { type ReactNode } from 'react';
-import { type CommonPropsAndClassName, type GroupBase } from '../../types';
-export interface IndicatorsContainerProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
-    isDisabled: boolean;
-    /**
-     * The children to be rendered.
-     */
-    children: ReactNode;
-    /**
-     * Props to be passed to the indicators container element.
-     */
-    innerProps?: {};
-}
-export declare const IndicatorsContainer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: IndicatorsContainerProps<Option, IsMulti, Group>) => JSX.Element;

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

@@ -1,6 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import type { GroupBase, MultiValueGenericProps } from '../../types';
-export declare const MultiValueContainer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ children, innerProps, isFocused, isDisabled, className, xcss, }: MultiValueGenericProps<Option, IsMulti, Group>) => JSX.Element;

package/dist/types-ts4.5/components/containers/select-container.d.ts

@@ -1,22 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { type ReactNode } from 'react';
-import { type CommonPropsAndClassName, type GroupBase } from '../../types';
-export interface ContainerProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
-    /**
-     * Whether the select is disabled.
-     */
-    isDisabled: boolean;
-    isFocused: boolean;
-    /**
-     * The children to be rendered.
-     */
-    children: ReactNode;
-    /**
-     * Inner props to be passed down to the container.
-     */
-    innerProps: {};
-}
-export declare const SelectContainer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ContainerProps<Option, IsMulti, Group>) => JSX.Element;

package/dist/types-ts4.5/components/containers/value-container.d.ts

@@ -1,22 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { type ReactNode } from 'react';
-import { type CommonPropsAndClassName, type GroupBase } from '../../types';
-export interface ValueContainerProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
-    /**
-     * Props to be passed to the value container element.
-     */
-    innerProps?: {};
-    /**
-     * The children to be rendered.
-     */
-    children: ReactNode;
-    isDisabled: boolean;
-    /**
-     * Whether the select is compact.
-     */
-    isCompact?: boolean;
-}
-export declare const ValueContainer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ValueContainerProps<Option, IsMulti, Group>) => JSX.Element;

package/dist/types-ts4.5/components/control.d.ts

@@ -1,40 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { type ReactNode, type Ref } from 'react';
-import { type CommonPropsAndClassName, type GroupBase } from '../types';
-export interface ControlProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
-    /**
-     * Children to render.
-     */
-    children: ReactNode;
-    innerRef: Ref<HTMLDivElement>;
-    /**
-     * The mouse down event and the innerRef to pass down to the controller element.
-     */
-    innerProps: {};
-    /**
-     * Whether the select is disabled.
-     */
-    isDisabled: boolean;
-    /**
-     * Whether the select is focused.
-     */
-    isFocused: boolean;
-    /**
-     * Whether the select is invalid.
-     */
-    isInvalid: boolean | undefined;
-    /**
-     * Whether the select is compact.
-     */
-    isCompact?: boolean;
-    appearance?: 'default' | 'subtle' | 'none';
-    /**
-     * Whether the select is expanded.
-     */
-    menuIsOpen: boolean;
-}
-declare const Control: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ControlProps<Option, IsMulti, Group>) => JSX.Element;
-export default Control;

package/dist/types-ts4.5/components/dummy-input.d.ts

@@ -1,8 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import type { Ref } from 'react';
-export default function DummyInput({ innerRef, ...props }: JSX.IntrinsicElements['input'] & {
-    readonly innerRef: Ref<HTMLInputElement>;
-}): JSX.Element;

package/dist/types-ts4.5/components/group-heading.d.ts

@@ -1,19 +0,0 @@
-import { type XCSSProp } from '@compiled/react';
-import type { XCSSAllProperties, XCSSAllPseudos } from '@atlaskit/css';
-import { type SelectProps } from '../select';
-import { type CommonProps, type CX, type GetStyles, type GroupBase } from '../types';
-export interface ForwardedHeadingProps<Option, Group extends GroupBase<Option>> {
-    id: string;
-    data: Group;
-}
-interface GroupHeadingPropsDefinedProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> extends ForwardedHeadingProps<Option, Group> {
-    className?: string | undefined;
-    selectProps: SelectProps<Option, IsMulti, Group>;
-    getStyles: GetStyles<Option, IsMulti, Group>;
-    getClassNames: CommonProps<Option, IsMulti, Group>['getClassNames'];
-    cx: CX;
-    xcss?: XCSSProp<XCSSAllProperties, XCSSAllPseudos> | undefined;
-}
-export type GroupHeadingProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> = GroupHeadingPropsDefinedProps<Option, IsMulti, Group> & JSX.IntrinsicElements['div'];
-export declare const GroupHeading: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: GroupHeadingProps<Option, IsMulti, Group>) => JSX.Element;
-export {};

package/dist/types-ts4.5/components/group.d.ts

@@ -1,36 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import type { ComponentType, ReactNode } from 'react';
-import { type CommonPropsAndClassName, type GroupBase, type Options } from '../types';
-import { type ForwardedHeadingProps, type GroupHeadingProps } from './group-heading';
-export interface GroupProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
-    /**
-     * The children to be rendered.
-     */
-    children: ReactNode;
-    /**
-     * Component to wrap the label, receives headingProps.
-     */
-    Heading: ComponentType<GroupHeadingProps<Option, IsMulti, Group>>;
-    /**
-     * Props to pass to Heading.
-     */
-    headingProps: ForwardedHeadingProps<Option, Group>;
-    /**
-     * Props to be passed to the group element.
-     */
-    innerProps: JSX.IntrinsicElements['div'];
-    /**
-     * Label to be displayed in the heading component.
-     */
-    label: ReactNode;
-    /**
-     * The data of the group.
-     */
-    data: Group;
-    options: Options<Option>;
-}
-declare const Group: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: GroupProps<Option, IsMulti, Group>) => JSX.Element;
-export default Group;