@atlaskit/react-select 1.3.2 → 1.4.0

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.
Files changed (63) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/async/package.json +3 -1
  3. package/async-creatable/package.json +3 -1
  4. package/base/package.json +3 -1
  5. package/creatable/package.json +3 -1
  6. package/dist/cjs/components/containers.js +6 -8
  7. package/dist/cjs/components/control.js +6 -8
  8. package/dist/cjs/components/group.js +7 -10
  9. package/dist/cjs/components/indicators.js +12 -15
  10. package/dist/cjs/components/input.js +2 -2
  11. package/dist/cjs/components/menu.js +33 -41
  12. package/dist/cjs/components/multi-value.js +14 -16
  13. package/dist/cjs/components/option.js +6 -8
  14. package/dist/cjs/components/placeholder.js +6 -8
  15. package/dist/cjs/components/single-value.js +6 -8
  16. package/dist/cjs/select.js +2 -4
  17. package/dist/es2019/components/containers.js +2 -4
  18. package/dist/es2019/components/control.js +10 -12
  19. package/dist/es2019/components/group.js +10 -12
  20. package/dist/es2019/components/indicators.js +13 -19
  21. package/dist/es2019/components/input.js +5 -7
  22. package/dist/es2019/components/menu.js +12 -18
  23. package/dist/es2019/components/multi-value.js +19 -25
  24. package/dist/es2019/components/option.js +8 -10
  25. package/dist/es2019/components/placeholder.js +4 -6
  26. package/dist/es2019/components/single-value.js +4 -6
  27. package/dist/es2019/select.js +2 -6
  28. package/dist/esm/components/containers.js +4 -8
  29. package/dist/esm/components/control.js +4 -8
  30. package/dist/esm/components/group.js +6 -10
  31. package/dist/esm/components/indicators.js +12 -15
  32. package/dist/esm/components/input.js +2 -2
  33. package/dist/esm/components/menu.js +33 -41
  34. package/dist/esm/components/multi-value.js +14 -16
  35. package/dist/esm/components/option.js +4 -8
  36. package/dist/esm/components/placeholder.js +4 -8
  37. package/dist/esm/components/single-value.js +4 -8
  38. package/dist/esm/select.js +2 -4
  39. package/dist/types/components/containers.d.ts +1 -1
  40. package/dist/types/components/control.d.ts +1 -1
  41. package/dist/types/components/group.d.ts +2 -2
  42. package/dist/types/components/indicators.d.ts +4 -4
  43. package/dist/types/components/input.d.ts +1 -1
  44. package/dist/types/components/menu.d.ts +4 -4
  45. package/dist/types/components/multi-value.d.ts +3 -3
  46. package/dist/types/components/option.d.ts +1 -1
  47. package/dist/types/components/placeholder.d.ts +1 -1
  48. package/dist/types/components/single-value.d.ts +1 -1
  49. package/dist/types/select.d.ts +0 -6
  50. package/dist/types/styles.d.ts +1 -1
  51. package/dist/types-ts4.5/components/containers.d.ts +1 -1
  52. package/dist/types-ts4.5/components/control.d.ts +1 -1
  53. package/dist/types-ts4.5/components/group.d.ts +2 -2
  54. package/dist/types-ts4.5/components/indicators.d.ts +4 -4
  55. package/dist/types-ts4.5/components/input.d.ts +1 -1
  56. package/dist/types-ts4.5/components/menu.d.ts +4 -4
  57. package/dist/types-ts4.5/components/multi-value.d.ts +3 -3
  58. package/dist/types-ts4.5/components/option.d.ts +1 -1
  59. package/dist/types-ts4.5/components/placeholder.d.ts +1 -1
  60. package/dist/types-ts4.5/components/single-value.d.ts +1 -1
  61. package/dist/types-ts4.5/select.d.ts +0 -6
  62. package/dist/types-ts4.5/styles.d.ts +1 -1
  63. package/package.json +4 -2
@@ -28,6 +28,6 @@ export interface InputSpecificProps<Option = unknown, IsMulti extends boolean =
28
28
  inputClassName?: string;
29
29
  }
30
30
  export type InputProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> = InputSpecificProps<Option, IsMulti, Group>;
31
- export declare const inputCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, value, theme: { spacing, colors } }: InputProps<Option, IsMulti, Group>, unstyled: boolean) => CSSObjectWithLabel;
31
+ export declare const inputCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, value, theme: { spacing, colors }, }: InputProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
32
32
  declare const Input: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: InputProps<Option, IsMulti, Group>) => jsx.JSX.Element;
33
33
  export default Input;
@@ -68,7 +68,7 @@ export interface MenuPlacerProps<Option, IsMulti extends boolean, Group extends
68
68
  */
69
69
  children: (childrenProps: ChildrenProps) => ReactElement;
70
70
  }
71
- export declare const menuCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ placement, theme: { borderRadius, spacing, colors } }: MenuProps<Option, IsMulti, Group>, unstyled: boolean) => CSSObjectWithLabel;
71
+ export declare const menuCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ placement, theme: { borderRadius, spacing, colors }, }: MenuProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
72
72
  export declare const MenuPlacer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MenuPlacerProps<Option, IsMulti, Group>) => ReactElement<any, string | import("react").JSXElementConstructor<any>>;
73
73
  declare const Menu: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MenuProps<Option, IsMulti, Group>) => jsx.JSX.Element;
74
74
  export default Menu;
@@ -94,10 +94,10 @@ export interface MenuListProps<Option = unknown, IsMulti extends boolean = boole
94
94
  */
95
95
  innerProps: JSX.IntrinsicElements['div'];
96
96
  }
97
- export declare const menuListCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ maxHeight, theme: { spacing: { baseUnit }, }, }: MenuListProps<Option, IsMulti, Group>, unstyled: boolean) => CSSObjectWithLabel;
97
+ export declare const menuListCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ maxHeight, theme: { spacing: { baseUnit }, }, }: MenuListProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
98
98
  export declare const MenuList: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MenuListProps<Option, IsMulti, Group>) => jsx.JSX.Element;
99
- export declare const noOptionsMessageCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ theme: { spacing: { baseUnit }, colors, }, }: NoticeProps<Option, IsMulti, Group>, unstyled: boolean) => CSSObjectWithLabel;
100
- export declare const loadingMessageCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ theme: { spacing: { baseUnit }, colors, }, }: NoticeProps<Option, IsMulti, Group>, unstyled: boolean) => CSSObjectWithLabel;
99
+ export declare const noOptionsMessageCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ theme: { spacing: { baseUnit }, colors, }, }: NoticeProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
100
+ export declare const loadingMessageCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ theme: { spacing: { baseUnit }, colors, }, }: NoticeProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
101
101
  export interface NoticeProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
102
102
  /**
103
103
  * The children to be rendered.
@@ -22,9 +22,9 @@ export interface MultiValueProps<Option = unknown, IsMulti extends boolean = boo
22
22
  removeProps: JSX.IntrinsicElements['div'];
23
23
  index: number;
24
24
  }
25
- export declare const multiValueCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ theme: { spacing, borderRadius, colors } }: MultiValueProps<Option, IsMulti, Group>, unstyled: boolean) => CSSObjectWithLabel;
26
- export declare const multiValueLabelCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ theme: { borderRadius, colors }, cropWithEllipsis }: MultiValueProps<Option, IsMulti, Group>, unstyled: boolean) => CSSObjectWithLabel;
27
- export declare const multiValueRemoveCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ theme: { spacing, borderRadius, colors }, isFocused }: MultiValueProps<Option, IsMulti, Group>, unstyled: boolean) => CSSObjectWithLabel;
25
+ export declare const multiValueCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ theme: { spacing, borderRadius, colors }, }: MultiValueProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
26
+ export declare const multiValueLabelCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ theme: { borderRadius, colors }, cropWithEllipsis, }: MultiValueProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
27
+ export declare const multiValueRemoveCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ theme: { spacing, borderRadius, colors }, isFocused, }: MultiValueProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
28
28
  export interface MultiValueGenericProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> {
29
29
  children: ReactNode;
30
30
  data: any;
@@ -44,6 +44,6 @@ export interface OptionProps<Option = unknown, IsMulti extends boolean = boolean
44
44
  */
45
45
  isSelected: boolean;
46
46
  }
47
- export declare const optionCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, isFocused, isSelected, theme: { spacing, colors }, }: OptionProps<Option, IsMulti, Group>, unstyled: boolean) => CSSObjectWithLabel;
47
+ export declare const optionCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, isFocused, isSelected, theme: { spacing, colors }, }: OptionProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
48
48
  declare const Option: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: OptionProps<Option, IsMulti, Group>) => jsx.JSX.Element;
49
49
  export default Option;
@@ -17,6 +17,6 @@ export interface PlaceholderProps<Option = unknown, IsMulti extends boolean = bo
17
17
  isDisabled: boolean;
18
18
  isFocused: boolean;
19
19
  }
20
- export declare const placeholderCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ theme: { spacing, colors } }: PlaceholderProps<Option, IsMulti, Group>, unstyled: boolean) => CSSObjectWithLabel;
20
+ export declare const placeholderCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ theme: { spacing, colors }, }: PlaceholderProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
21
21
  declare const Placeholder: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: PlaceholderProps<Option, IsMulti, Group>) => jsx.JSX.Element;
22
22
  export default Placeholder;
@@ -23,6 +23,6 @@ export interface SingleValueProps<Option = unknown, IsMulti extends boolean = bo
23
23
  */
24
24
  isDisabled: boolean;
25
25
  }
26
- export declare const css: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, theme: { spacing, colors } }: SingleValueProps<Option, IsMulti, Group>, unstyled: boolean) => CSSObjectWithLabel;
26
+ export declare const css: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, theme: { spacing, colors }, }: SingleValueProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
27
27
  declare const SingleValue: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: SingleValueProps<Option, IsMulti, Group>) => jsx.JSX.Element;
28
28
  export default SingleValue;
@@ -390,10 +390,6 @@ export interface SelectProps<Option, IsMulti extends boolean, Group extends Grou
390
390
  * @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-14529 Internal documentation for deprecation (no external access)}. Will soon be handled automatically to support expected keyboard accessibility.
391
391
  */
392
392
  tabSelectsValue: boolean;
393
- /**
394
- * Remove all non-essential styles
395
- */
396
- unstyled: boolean;
397
393
  /**
398
394
  * The value of the select; reflected by the selected option
399
395
  */
@@ -452,7 +448,6 @@ export declare const defaultProps: {
452
448
  styles: {};
453
449
  tabIndex: number;
454
450
  tabSelectsValue: boolean;
455
- unstyled: boolean;
456
451
  };
457
452
  interface State<Option, IsMulti extends boolean, Group extends GroupBase<Option>> {
458
453
  ariaSelection: AriaSelection<Option, IsMulti> | null;
@@ -531,7 +526,6 @@ export default class Select<Option = unknown, IsMulti extends boolean = false, G
531
526
  styles: {};
532
527
  tabIndex: number;
533
528
  tabSelectsValue: boolean;
534
- unstyled: boolean;
535
529
  };
536
530
  state: State<Option, IsMulti, Group>;
537
531
  blockOptionHover: boolean;
@@ -34,7 +34,7 @@ export interface StylesProps<Option, IsMulti extends boolean, Group extends Grou
34
34
  valueContainer: ValueContainerProps<Option, IsMulti, Group>;
35
35
  }
36
36
  export declare const defaultStyles: {
37
- [K in keyof StylesProps<any, any, any>]: (props: StylesProps<unknown, boolean, GroupBase<unknown>>[K], unstyled: boolean) => CSSObjectWithLabel;
37
+ [K in keyof StylesProps<any, any, any>]: (props: StylesProps<unknown, boolean, GroupBase<unknown>>[K]) => CSSObjectWithLabel;
38
38
  };
39
39
  export type StylesConfig<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> = {
40
40
  [K in keyof StylesProps<Option, IsMulti, Group>]?: (base: CSSObjectWithLabel, props: StylesProps<Option, IsMulti, Group>[K]) => CSSObjectWithLabel;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/react-select",
3
- "version": "1.3.2",
3
+ "version": "1.4.0",
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",
@@ -16,7 +16,9 @@
16
16
  "module": "dist/esm/index.js",
17
17
  "module:es2019": "dist/es2019/index.js",
18
18
  "types": "dist/types/index.d.ts",
19
- "sideEffects": false,
19
+ "sideEffects": [
20
+ "**/*.compiled.css"
21
+ ],
20
22
  "atlaskit:src": "src/index.tsx",
21
23
  "af:exports": {
22
24
  ".": "./src/index.tsx",