@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 +8 -0
- package/dist/types/select.d.ts +2 -2
- package/dist/types/styles.d.ts +21 -21
- package/dist/types/types.d.ts +1 -4
- package/dist/types/utils.d.ts +1 -1
- package/dist/types-ts4.5/select.d.ts +2 -2
- package/dist/types-ts4.5/styles.d.ts +21 -21
- package/dist/types-ts4.5/types.d.ts +1 -4
- package/dist/types-ts4.5/utils.d.ts +1 -1
- package/package.json +1 -3
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
|
package/dist/types/select.d.ts
CHANGED
|
@@ -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]) =>
|
|
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]) =>
|
|
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: () => {
|
package/dist/types/styles.d.ts
CHANGED
|
@@ -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:
|
|
46
|
-
container?: ((base:
|
|
47
|
-
control?: ((base:
|
|
48
|
-
dropdownIndicator?: ((base:
|
|
49
|
-
group?: ((base:
|
|
50
|
-
groupHeading?: ((base:
|
|
51
|
-
indicatorsContainer?: ((base:
|
|
52
|
-
input?: ((base:
|
|
53
|
-
loadingIndicator?: ((base:
|
|
54
|
-
loadingMessage?: ((base:
|
|
55
|
-
menu?: ((base:
|
|
56
|
-
menuList?: ((base:
|
|
57
|
-
menuPortal?: ((base:
|
|
58
|
-
multiValue?: ((base:
|
|
59
|
-
multiValueLabel?: ((base:
|
|
60
|
-
multiValueRemove?: ((base:
|
|
61
|
-
noOptionsMessage?: ((base:
|
|
62
|
-
option?: ((base:
|
|
63
|
-
placeholder?: ((base:
|
|
64
|
-
singleValue?: ((base:
|
|
65
|
-
valueContainer?: ((base:
|
|
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
|
};
|
package/dist/types/types.d.ts
CHANGED
|
@@ -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 =
|
|
131
|
-
label?: string;
|
|
132
|
-
};
|
|
129
|
+
export type CSSObjectWithLabel = any;
|
package/dist/types/utils.d.ts
CHANGED
|
@@ -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:
|
|
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]) =>
|
|
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]) =>
|
|
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:
|
|
46
|
-
container?: ((base:
|
|
47
|
-
control?: ((base:
|
|
48
|
-
dropdownIndicator?: ((base:
|
|
49
|
-
group?: ((base:
|
|
50
|
-
groupHeading?: ((base:
|
|
51
|
-
indicatorsContainer?: ((base:
|
|
52
|
-
input?: ((base:
|
|
53
|
-
loadingIndicator?: ((base:
|
|
54
|
-
loadingMessage?: ((base:
|
|
55
|
-
menu?: ((base:
|
|
56
|
-
menuList?: ((base:
|
|
57
|
-
menuPortal?: ((base:
|
|
58
|
-
multiValue?: ((base:
|
|
59
|
-
multiValueLabel?: ((base:
|
|
60
|
-
multiValueRemove?: ((base:
|
|
61
|
-
noOptionsMessage?: ((base:
|
|
62
|
-
option?: ((base:
|
|
63
|
-
placeholder?: ((base:
|
|
64
|
-
singleValue?: ((base:
|
|
65
|
-
valueContainer?: ((base:
|
|
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 =
|
|
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:
|
|
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.
|
|
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
|
}
|