@atlaskit/react-select 3.0.1 → 3.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @atlaskit/react-select
2
2
 
3
+ ## 3.0.2
4
+
5
+ ### Patch Changes
6
+
7
+ - [#178284](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/178284)
8
+ [`1c7de1d8fc547`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/1c7de1d8fc547) -
9
+ Remove emotion dependency
10
+
3
11
  ## 3.0.1
4
12
 
5
13
  ### Patch Changes
@@ -604,7 +604,7 @@ export default class Select<Option = unknown, IsMulti extends boolean = false, G
604
604
  getCommonProps(): {
605
605
  clearValue: () => void;
606
606
  cx: (...args: any) => string;
607
- getStyles: <Key extends keyof StylesProps<Option, IsMulti, Group>>(key: Key, props: StylesProps<Option, IsMulti, Group>[Key]) => Record<string, any>;
607
+ getStyles: <Key extends keyof StylesProps<Option, IsMulti, Group>>(key: Key, props: StylesProps<Option, IsMulti, Group>[Key]) => any;
608
608
  getClassNames: <Key_1 extends keyof StylesProps<Option, IsMulti, Group>>(key: Key_1, props: StylesProps<Option, IsMulti, Group>[Key_1]) => string | undefined;
609
609
  getValue: () => Options<Option>;
610
610
  hasValue: boolean;
@@ -617,7 +617,7 @@ export default class Select<Option = unknown, IsMulti extends boolean = false, G
617
617
  };
618
618
  getOptionLabel: (data: Option) => string;
619
619
  getOptionValue: (data: Option) => string;
620
- getStyles: <Key extends keyof StylesProps<Option, IsMulti, Group>>(key: Key, props: StylesProps<Option, IsMulti, Group>[Key]) => Record<string, any>;
620
+ getStyles: <Key extends keyof StylesProps<Option, IsMulti, Group>>(key: Key, props: StylesProps<Option, IsMulti, Group>[Key]) => any;
621
621
  getClassNames: <Key extends keyof StylesProps<Option, IsMulti, Group>>(key: Key, props: StylesProps<Option, IsMulti, Group>[Key]) => string | undefined;
622
622
  getElementId: (element: 'group' | 'input' | 'listbox' | 'option' | 'placeholder' | 'live-region' | 'multi-message' | 'single-value' | 'selected-value') => string;
623
623
  getComponents: () => {
@@ -42,25 +42,25 @@ export type ClassNamesConfig<Option = unknown, IsMulti extends boolean = boolean
42
42
  [K in keyof StylesProps<Option, IsMulti, Group>]?: (props: StylesProps<Option, IsMulti, Group>[K]) => string;
43
43
  };
44
44
  export declare function mergeStyles<Option, IsMulti extends boolean, Group extends GroupBase<Option>>(source: StylesConfig<Option, IsMulti, Group>, target?: StylesConfig<Option, IsMulti, Group>): {
45
- clearIndicator?: ((base: CSSObjectWithLabel, props: ClearIndicatorProps<Option, IsMulti, Group>) => CSSObjectWithLabel) | undefined;
46
- container?: ((base: CSSObjectWithLabel, props: ContainerProps<Option, IsMulti, Group>) => CSSObjectWithLabel) | undefined;
47
- control?: ((base: CSSObjectWithLabel, props: ControlProps<Option, IsMulti, Group>) => CSSObjectWithLabel) | undefined;
48
- dropdownIndicator?: ((base: CSSObjectWithLabel, props: DropdownIndicatorProps<Option, IsMulti, Group>) => CSSObjectWithLabel) | undefined;
49
- group?: ((base: CSSObjectWithLabel, props: GroupProps<Option, IsMulti, Group>) => CSSObjectWithLabel) | undefined;
50
- groupHeading?: ((base: CSSObjectWithLabel, props: GroupHeadingProps<Option, IsMulti, Group>) => CSSObjectWithLabel) | undefined;
51
- indicatorsContainer?: ((base: CSSObjectWithLabel, props: IndicatorsContainerProps<Option, IsMulti, Group>) => CSSObjectWithLabel) | undefined;
52
- input?: ((base: CSSObjectWithLabel, props: InputProps<Option, IsMulti, Group>) => CSSObjectWithLabel) | undefined;
53
- loadingIndicator?: ((base: CSSObjectWithLabel, props: LoadingIndicatorProps<Option, IsMulti, Group>) => CSSObjectWithLabel) | undefined;
54
- loadingMessage?: ((base: CSSObjectWithLabel, props: NoticeProps<Option, IsMulti, Group>) => CSSObjectWithLabel) | undefined;
55
- menu?: ((base: CSSObjectWithLabel, props: MenuProps<Option, IsMulti, Group>) => CSSObjectWithLabel) | undefined;
56
- menuList?: ((base: CSSObjectWithLabel, props: MenuListProps<Option, IsMulti, Group>) => CSSObjectWithLabel) | undefined;
57
- menuPortal?: ((base: CSSObjectWithLabel, props: PortalStyleArgs) => CSSObjectWithLabel) | undefined;
58
- multiValue?: ((base: CSSObjectWithLabel, props: MultiValueProps<Option, IsMulti, Group>) => CSSObjectWithLabel) | undefined;
59
- multiValueLabel?: ((base: CSSObjectWithLabel, props: MultiValueProps<Option, IsMulti, Group>) => CSSObjectWithLabel) | undefined;
60
- multiValueRemove?: ((base: CSSObjectWithLabel, props: MultiValueProps<Option, IsMulti, Group>) => CSSObjectWithLabel) | undefined;
61
- noOptionsMessage?: ((base: CSSObjectWithLabel, props: NoticeProps<Option, IsMulti, Group>) => CSSObjectWithLabel) | undefined;
62
- option?: ((base: CSSObjectWithLabel, props: OptionProps<Option, IsMulti, Group>) => CSSObjectWithLabel) | undefined;
63
- placeholder?: ((base: CSSObjectWithLabel, props: PlaceholderProps<Option, IsMulti, Group>) => CSSObjectWithLabel) | undefined;
64
- singleValue?: ((base: CSSObjectWithLabel, props: SingleValueProps<Option, IsMulti, Group>) => CSSObjectWithLabel) | undefined;
65
- valueContainer?: ((base: CSSObjectWithLabel, props: ValueContainerProps<Option, IsMulti, Group>) => CSSObjectWithLabel) | undefined;
45
+ clearIndicator?: ((base: any, props: ClearIndicatorProps<Option, IsMulti, Group>) => any) | undefined;
46
+ container?: ((base: any, props: ContainerProps<Option, IsMulti, Group>) => any) | undefined;
47
+ control?: ((base: any, props: ControlProps<Option, IsMulti, Group>) => any) | undefined;
48
+ dropdownIndicator?: ((base: any, props: DropdownIndicatorProps<Option, IsMulti, Group>) => any) | undefined;
49
+ group?: ((base: any, props: GroupProps<Option, IsMulti, Group>) => any) | undefined;
50
+ groupHeading?: ((base: any, props: GroupHeadingProps<Option, IsMulti, Group>) => any) | undefined;
51
+ indicatorsContainer?: ((base: any, props: IndicatorsContainerProps<Option, IsMulti, Group>) => any) | undefined;
52
+ input?: ((base: any, props: InputProps<Option, IsMulti, Group>) => any) | undefined;
53
+ loadingIndicator?: ((base: any, props: LoadingIndicatorProps<Option, IsMulti, Group>) => any) | undefined;
54
+ loadingMessage?: ((base: any, props: NoticeProps<Option, IsMulti, Group>) => any) | undefined;
55
+ menu?: ((base: any, props: MenuProps<Option, IsMulti, Group>) => any) | undefined;
56
+ menuList?: ((base: any, props: MenuListProps<Option, IsMulti, Group>) => any) | undefined;
57
+ menuPortal?: ((base: any, props: PortalStyleArgs) => any) | undefined;
58
+ multiValue?: ((base: any, props: MultiValueProps<Option, IsMulti, Group>) => any) | undefined;
59
+ multiValueLabel?: ((base: any, props: MultiValueProps<Option, IsMulti, Group>) => any) | undefined;
60
+ multiValueRemove?: ((base: any, props: MultiValueProps<Option, IsMulti, Group>) => any) | undefined;
61
+ noOptionsMessage?: ((base: any, props: NoticeProps<Option, IsMulti, Group>) => any) | undefined;
62
+ option?: ((base: any, props: OptionProps<Option, IsMulti, Group>) => any) | undefined;
63
+ placeholder?: ((base: any, props: PlaceholderProps<Option, IsMulti, Group>) => any) | undefined;
64
+ singleValue?: ((base: any, props: SingleValueProps<Option, IsMulti, Group>) => any) | undefined;
65
+ valueContainer?: ((base: any, props: ValueContainerProps<Option, IsMulti, Group>) => any) | undefined;
66
66
  };
@@ -1,5 +1,4 @@
1
1
  import { type XCSSProp } from '@compiled/react';
2
- import { type CSSObject } from '@emotion/react';
3
2
  import type { XCSSAllProperties, XCSSAllPseudos } from '@atlaskit/css';
4
3
  import { type SelectProps } from './select';
5
4
  import { type StylesProps } from './styles';
@@ -127,6 +126,4 @@ export type MenuPosition = 'absolute' | 'fixed';
127
126
  export type FocusDirection = 'up' | 'down' | 'pageup' | 'pagedown' | 'first' | 'last';
128
127
  export type GetOptionLabel<Option> = (option: Option) => string;
129
128
  export type GetOptionValue<Option> = (option: Option) => string;
130
- export type CSSObjectWithLabel = CSSObject & {
131
- label?: string;
132
- };
129
+ export type CSSObjectWithLabel = any;
@@ -5,7 +5,7 @@ export declare function classNames(prefix?: string | null, state?: ClassNamesSta
5
5
  export declare const cleanValue: <Option>(value: PropsValue<Option>) => Options<Option>;
6
6
  export declare const cleanCommonProps: <Option, IsMulti extends boolean, Group extends GroupBase<Option>, AdditionalProps>(props: Partial<CommonPropsAndClassName<Option, IsMulti, Group>> & AdditionalProps) => Omit<AdditionalProps, keyof CommonPropsAndClassName<Option, IsMulti, Group>>;
7
7
  export declare const getStyleProps: <Option, IsMulti extends boolean, Group extends GroupBase<Option>, Key extends keyof StylesProps<Option, IsMulti, Group>>(props: Pick<CommonPropsAndClassName<Option, IsMulti, Group>, 'cx' | 'getStyles' | 'getClassNames' | 'className'> & StylesProps<Option, IsMulti, Group>[Key], name: Key, classNamesState?: ClassNamesState) => {
8
- css: import("./types").CSSObjectWithLabel;
8
+ css: any;
9
9
  className: string;
10
10
  };
11
11
  export declare function handleInputChange(inputValue: string, actionMeta: InputActionMeta, onInputChange?: (newValue: string, actionMeta: InputActionMeta) => string | void): string;
@@ -604,7 +604,7 @@ export default class Select<Option = unknown, IsMulti extends boolean = false, G
604
604
  getCommonProps(): {
605
605
  clearValue: () => void;
606
606
  cx: (...args: any) => string;
607
- getStyles: <Key extends keyof StylesProps<Option, IsMulti, Group>>(key: Key, props: StylesProps<Option, IsMulti, Group>[Key]) => Record<string, any>;
607
+ getStyles: <Key extends keyof StylesProps<Option, IsMulti, Group>>(key: Key, props: StylesProps<Option, IsMulti, Group>[Key]) => any;
608
608
  getClassNames: <Key_1 extends keyof StylesProps<Option, IsMulti, Group>>(key: Key_1, props: StylesProps<Option, IsMulti, Group>[Key_1]) => string | undefined;
609
609
  getValue: () => Options<Option>;
610
610
  hasValue: boolean;
@@ -617,7 +617,7 @@ export default class Select<Option = unknown, IsMulti extends boolean = false, G
617
617
  };
618
618
  getOptionLabel: (data: Option) => string;
619
619
  getOptionValue: (data: Option) => string;
620
- getStyles: <Key extends keyof StylesProps<Option, IsMulti, Group>>(key: Key, props: StylesProps<Option, IsMulti, Group>[Key]) => Record<string, any>;
620
+ getStyles: <Key extends keyof StylesProps<Option, IsMulti, Group>>(key: Key, props: StylesProps<Option, IsMulti, Group>[Key]) => any;
621
621
  getClassNames: <Key extends keyof StylesProps<Option, IsMulti, Group>>(key: Key, props: StylesProps<Option, IsMulti, Group>[Key]) => string | undefined;
622
622
  getElementId: (element: 'group' | 'input' | 'listbox' | 'option' | 'placeholder' | 'live-region' | 'multi-message' | 'single-value' | 'selected-value') => string;
623
623
  getComponents: () => {
@@ -42,25 +42,25 @@ export type ClassNamesConfig<Option = unknown, IsMulti extends boolean = boolean
42
42
  [K in keyof StylesProps<Option, IsMulti, Group>]?: (props: StylesProps<Option, IsMulti, Group>[K]) => string;
43
43
  };
44
44
  export declare function mergeStyles<Option, IsMulti extends boolean, Group extends GroupBase<Option>>(source: StylesConfig<Option, IsMulti, Group>, target?: StylesConfig<Option, IsMulti, Group>): {
45
- clearIndicator?: ((base: CSSObjectWithLabel, props: ClearIndicatorProps<Option, IsMulti, Group>) => CSSObjectWithLabel) | undefined;
46
- container?: ((base: CSSObjectWithLabel, props: ContainerProps<Option, IsMulti, Group>) => CSSObjectWithLabel) | undefined;
47
- control?: ((base: CSSObjectWithLabel, props: ControlProps<Option, IsMulti, Group>) => CSSObjectWithLabel) | undefined;
48
- dropdownIndicator?: ((base: CSSObjectWithLabel, props: DropdownIndicatorProps<Option, IsMulti, Group>) => CSSObjectWithLabel) | undefined;
49
- group?: ((base: CSSObjectWithLabel, props: GroupProps<Option, IsMulti, Group>) => CSSObjectWithLabel) | undefined;
50
- groupHeading?: ((base: CSSObjectWithLabel, props: GroupHeadingProps<Option, IsMulti, Group>) => CSSObjectWithLabel) | undefined;
51
- indicatorsContainer?: ((base: CSSObjectWithLabel, props: IndicatorsContainerProps<Option, IsMulti, Group>) => CSSObjectWithLabel) | undefined;
52
- input?: ((base: CSSObjectWithLabel, props: InputProps<Option, IsMulti, Group>) => CSSObjectWithLabel) | undefined;
53
- loadingIndicator?: ((base: CSSObjectWithLabel, props: LoadingIndicatorProps<Option, IsMulti, Group>) => CSSObjectWithLabel) | undefined;
54
- loadingMessage?: ((base: CSSObjectWithLabel, props: NoticeProps<Option, IsMulti, Group>) => CSSObjectWithLabel) | undefined;
55
- menu?: ((base: CSSObjectWithLabel, props: MenuProps<Option, IsMulti, Group>) => CSSObjectWithLabel) | undefined;
56
- menuList?: ((base: CSSObjectWithLabel, props: MenuListProps<Option, IsMulti, Group>) => CSSObjectWithLabel) | undefined;
57
- menuPortal?: ((base: CSSObjectWithLabel, props: PortalStyleArgs) => CSSObjectWithLabel) | undefined;
58
- multiValue?: ((base: CSSObjectWithLabel, props: MultiValueProps<Option, IsMulti, Group>) => CSSObjectWithLabel) | undefined;
59
- multiValueLabel?: ((base: CSSObjectWithLabel, props: MultiValueProps<Option, IsMulti, Group>) => CSSObjectWithLabel) | undefined;
60
- multiValueRemove?: ((base: CSSObjectWithLabel, props: MultiValueProps<Option, IsMulti, Group>) => CSSObjectWithLabel) | undefined;
61
- noOptionsMessage?: ((base: CSSObjectWithLabel, props: NoticeProps<Option, IsMulti, Group>) => CSSObjectWithLabel) | undefined;
62
- option?: ((base: CSSObjectWithLabel, props: OptionProps<Option, IsMulti, Group>) => CSSObjectWithLabel) | undefined;
63
- placeholder?: ((base: CSSObjectWithLabel, props: PlaceholderProps<Option, IsMulti, Group>) => CSSObjectWithLabel) | undefined;
64
- singleValue?: ((base: CSSObjectWithLabel, props: SingleValueProps<Option, IsMulti, Group>) => CSSObjectWithLabel) | undefined;
65
- valueContainer?: ((base: CSSObjectWithLabel, props: ValueContainerProps<Option, IsMulti, Group>) => CSSObjectWithLabel) | undefined;
45
+ clearIndicator?: ((base: any, props: ClearIndicatorProps<Option, IsMulti, Group>) => any) | undefined;
46
+ container?: ((base: any, props: ContainerProps<Option, IsMulti, Group>) => any) | undefined;
47
+ control?: ((base: any, props: ControlProps<Option, IsMulti, Group>) => any) | undefined;
48
+ dropdownIndicator?: ((base: any, props: DropdownIndicatorProps<Option, IsMulti, Group>) => any) | undefined;
49
+ group?: ((base: any, props: GroupProps<Option, IsMulti, Group>) => any) | undefined;
50
+ groupHeading?: ((base: any, props: GroupHeadingProps<Option, IsMulti, Group>) => any) | undefined;
51
+ indicatorsContainer?: ((base: any, props: IndicatorsContainerProps<Option, IsMulti, Group>) => any) | undefined;
52
+ input?: ((base: any, props: InputProps<Option, IsMulti, Group>) => any) | undefined;
53
+ loadingIndicator?: ((base: any, props: LoadingIndicatorProps<Option, IsMulti, Group>) => any) | undefined;
54
+ loadingMessage?: ((base: any, props: NoticeProps<Option, IsMulti, Group>) => any) | undefined;
55
+ menu?: ((base: any, props: MenuProps<Option, IsMulti, Group>) => any) | undefined;
56
+ menuList?: ((base: any, props: MenuListProps<Option, IsMulti, Group>) => any) | undefined;
57
+ menuPortal?: ((base: any, props: PortalStyleArgs) => any) | undefined;
58
+ multiValue?: ((base: any, props: MultiValueProps<Option, IsMulti, Group>) => any) | undefined;
59
+ multiValueLabel?: ((base: any, props: MultiValueProps<Option, IsMulti, Group>) => any) | undefined;
60
+ multiValueRemove?: ((base: any, props: MultiValueProps<Option, IsMulti, Group>) => any) | undefined;
61
+ noOptionsMessage?: ((base: any, props: NoticeProps<Option, IsMulti, Group>) => any) | undefined;
62
+ option?: ((base: any, props: OptionProps<Option, IsMulti, Group>) => any) | undefined;
63
+ placeholder?: ((base: any, props: PlaceholderProps<Option, IsMulti, Group>) => any) | undefined;
64
+ singleValue?: ((base: any, props: SingleValueProps<Option, IsMulti, Group>) => any) | undefined;
65
+ valueContainer?: ((base: any, props: ValueContainerProps<Option, IsMulti, Group>) => any) | undefined;
66
66
  };
@@ -1,5 +1,4 @@
1
1
  import { type XCSSProp } from '@compiled/react';
2
- import { type CSSObject } from '@emotion/react';
3
2
  import type { XCSSAllProperties, XCSSAllPseudos } from '@atlaskit/css';
4
3
  import { type SelectProps } from './select';
5
4
  import { type StylesProps } from './styles';
@@ -127,6 +126,4 @@ export type MenuPosition = 'absolute' | 'fixed';
127
126
  export type FocusDirection = 'up' | 'down' | 'pageup' | 'pagedown' | 'first' | 'last';
128
127
  export type GetOptionLabel<Option> = (option: Option) => string;
129
128
  export type GetOptionValue<Option> = (option: Option) => string;
130
- export type CSSObjectWithLabel = CSSObject & {
131
- label?: string;
132
- };
129
+ export type CSSObjectWithLabel = any;
@@ -5,7 +5,7 @@ export declare function classNames(prefix?: string | null, state?: ClassNamesSta
5
5
  export declare const cleanValue: <Option>(value: PropsValue<Option>) => Options<Option>;
6
6
  export declare const cleanCommonProps: <Option, IsMulti extends boolean, Group extends GroupBase<Option>, AdditionalProps>(props: Partial<CommonPropsAndClassName<Option, IsMulti, Group>> & AdditionalProps) => Omit<AdditionalProps, keyof CommonPropsAndClassName<Option, IsMulti, Group>>;
7
7
  export declare const getStyleProps: <Option, IsMulti extends boolean, Group extends GroupBase<Option>, Key extends keyof StylesProps<Option, IsMulti, Group>>(props: Pick<CommonPropsAndClassName<Option, IsMulti, Group>, 'cx' | 'getStyles' | 'getClassNames' | 'className'> & StylesProps<Option, IsMulti, Group>[Key], name: Key, classNamesState?: ClassNamesState) => {
8
- css: import("./types").CSSObjectWithLabel;
8
+ css: any;
9
9
  className: string;
10
10
  };
11
11
  export declare function handleInputChange(inputValue: string, actionMeta: InputActionMeta, onInputChange?: (newValue: string, actionMeta: InputActionMeta) => string | void): string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/react-select",
3
- "version": "3.0.1",
3
+ "version": "3.0.2",
4
4
  "description": "A forked version of react-select to only be used in atlaskit/select",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -38,7 +38,6 @@
38
38
  "@atlaskit/tokens": "^5.4.0",
39
39
  "@babel/runtime": "^7.0.0",
40
40
  "@compiled/react": "^0.18.3",
41
- "@emotion/react": "^11.7.1",
42
41
  "@floating-ui/dom": "^1.0.1",
43
42
  "memoize-one": "^6.0.0",
44
43
  "use-isomorphic-layout-effect": "^1.1.2"
@@ -90,7 +89,6 @@
90
89
  "deprecation": "no-deprecated-imports",
91
90
  "styling": [
92
91
  "static",
93
- "emotion",
94
92
  "compiled"
95
93
  ]
96
94
  }