@atlaskit/react-select 1.4.0 → 1.4.1

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 (55) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/cjs/components/containers.js +9 -7
  3. package/dist/cjs/components/control.js +58 -13
  4. package/dist/cjs/components/group.js +11 -11
  5. package/dist/cjs/components/indicators.js +39 -34
  6. package/dist/cjs/components/input.js +1 -1
  7. package/dist/cjs/components/menu.js +4 -5
  8. package/dist/cjs/components/multi-value.js +86 -30
  9. package/dist/cjs/components/option.js +31 -10
  10. package/dist/cjs/components/placeholder.js +3 -6
  11. package/dist/cjs/components/single-value.js +3 -6
  12. package/dist/cjs/select.js +57 -37
  13. package/dist/es2019/components/containers.js +8 -8
  14. package/dist/es2019/components/control.js +71 -24
  15. package/dist/es2019/components/group.js +10 -18
  16. package/dist/es2019/components/indicators.js +25 -28
  17. package/dist/es2019/components/input.js +1 -1
  18. package/dist/es2019/components/menu.js +6 -11
  19. package/dist/es2019/components/multi-value.js +89 -30
  20. package/dist/es2019/components/option.js +41 -19
  21. package/dist/es2019/components/placeholder.js +3 -7
  22. package/dist/es2019/components/single-value.js +3 -5
  23. package/dist/es2019/select.js +26 -9
  24. package/dist/esm/components/containers.js +9 -7
  25. package/dist/esm/components/control.js +58 -13
  26. package/dist/esm/components/group.js +11 -11
  27. package/dist/esm/components/indicators.js +39 -34
  28. package/dist/esm/components/input.js +1 -1
  29. package/dist/esm/components/menu.js +4 -5
  30. package/dist/esm/components/multi-value.js +86 -30
  31. package/dist/esm/components/option.js +31 -10
  32. package/dist/esm/components/placeholder.js +3 -6
  33. package/dist/esm/components/single-value.js +3 -6
  34. package/dist/esm/select.js +57 -37
  35. package/dist/types/components/containers.d.ts +5 -1
  36. package/dist/types/components/control.d.ts +10 -1
  37. package/dist/types/components/group.d.ts +2 -2
  38. package/dist/types/components/indicators.d.ts +16 -4
  39. package/dist/types/components/menu.d.ts +1 -1
  40. package/dist/types/components/multi-value.d.ts +3 -3
  41. package/dist/types/components/option.d.ts +1 -1
  42. package/dist/types/components/placeholder.d.ts +1 -1
  43. package/dist/types/components/single-value.d.ts +1 -1
  44. package/dist/types/select.d.ts +5 -0
  45. package/dist/types-ts4.5/components/containers.d.ts +5 -1
  46. package/dist/types-ts4.5/components/control.d.ts +10 -1
  47. package/dist/types-ts4.5/components/group.d.ts +2 -2
  48. package/dist/types-ts4.5/components/indicators.d.ts +16 -4
  49. package/dist/types-ts4.5/components/menu.d.ts +1 -1
  50. package/dist/types-ts4.5/components/multi-value.d.ts +3 -3
  51. package/dist/types-ts4.5/components/option.d.ts +1 -1
  52. package/dist/types-ts4.5/components/placeholder.d.ts +1 -1
  53. package/dist/types-ts4.5/components/single-value.d.ts +1 -1
  54. package/dist/types-ts4.5/select.d.ts +5 -0
  55. package/package.json +5 -1
package/dist/types-ts4.5/components/group.d.ts CHANGED
@@ -37,7 +37,7 @@ export interface GroupProps<Option = unknown, IsMulti extends boolean = boolean,
37
37
  data: Group;
38
38
  options: Options<Option>;
39
39
  }
40
- export declare const groupCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ theme: { spacing }, }: GroupProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
40
+ export declare const groupCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({}: GroupProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
41
41
  declare const Group: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: GroupProps<Option, IsMulti, Group>) => jsx.JSX.Element;
42
42
  interface GroupHeadingPropsDefinedProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> extends ForwardedHeadingProps<Option, Group> {
43
43
  className?: string | undefined;
@@ -48,6 +48,6 @@ interface GroupHeadingPropsDefinedProps<Option, IsMulti extends boolean, Group e
48
48
  cx: CX;
49
49
  }
50
50
  export type GroupHeadingProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> = GroupHeadingPropsDefinedProps<Option, IsMulti, Group> & JSX.IntrinsicElements['div'];
51
- export declare const groupHeadingCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ theme: { colors, spacing }, }: GroupHeadingProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
51
+ export declare const groupHeadingCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({}: GroupHeadingProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
52
52
  export declare const GroupHeading: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: GroupHeadingProps<Option, IsMulti, Group>) => jsx.JSX.Element;
53
53
  export default Group;
package/dist/types-ts4.5/components/indicators.d.ts CHANGED
@@ -27,8 +27,12 @@ export interface DropdownIndicatorProps<Option = unknown, IsMulti extends boolea
27
27
  */
28
28
  isFocused: boolean;
29
29
  isDisabled: boolean;
30
+ /**
31
+ * Whether the select is compact.
32
+ */
33
+ isCompact?: boolean;
30
34
  }
31
- export declare const dropdownIndicatorCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isFocused, theme: { spacing: { baseUnit }, colors, }, }: DropdownIndicatorProps<Option, IsMulti, Group> | ClearIndicatorProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
35
+ export declare const dropdownIndicatorCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isCompact, isDisabled, }: DropdownIndicatorProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
32
36
  export declare const DropdownIndicator: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: DropdownIndicatorProps<Option, IsMulti, Group>) => jsx.JSX.Element;
33
37
  export interface ClearIndicatorProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
34
38
  /**
@@ -47,17 +51,21 @@ export interface ClearIndicatorProps<Option = unknown, IsMulti extends boolean =
47
51
  * The focused state of the select.
48
52
  */
49
53
  isFocused: boolean;
54
+ /**
55
+ * Whether the select is compact.
56
+ */
57
+ isCompact?: boolean;
50
58
  }
51
- export declare const clearIndicatorCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isFocused, theme: { spacing: { baseUnit }, colors, }, }: DropdownIndicatorProps<Option, IsMulti, Group> | ClearIndicatorProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
59
+ export declare const clearIndicatorCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isCompact, }: ClearIndicatorProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
52
60
  export declare const ClearIndicator: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ClearIndicatorProps<Option, IsMulti, Group>) => jsx.JSX.Element;
53
61
  export interface IndicatorSeparatorProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
54
62
  isDisabled: boolean;
55
63
  isFocused: boolean;
56
64
  innerProps?: JSX.IntrinsicElements['span'];
57
65
  }
58
- export declare const indicatorSeparatorCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, theme: { spacing: { baseUnit }, colors, }, }: IndicatorSeparatorProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
66
+ export declare const indicatorSeparatorCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, }: IndicatorSeparatorProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
59
67
  export declare const IndicatorSeparator: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: IndicatorSeparatorProps<Option, IsMulti, Group>) => jsx.JSX.Element;
60
- export declare const loadingIndicatorCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isFocused, size, theme: { colors, spacing: { baseUnit }, }, }: LoadingIndicatorProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
68
+ export declare const loadingIndicatorCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isFocused, size, isCompact, theme: { colors }, }: LoadingIndicatorProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
61
69
  export interface LoadingIndicatorProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
62
70
  /**
63
71
  * Props that will be passed on to the children.
@@ -72,5 +80,9 @@ export interface LoadingIndicatorProps<Option = unknown, IsMulti extends boolean
72
80
  * Set size of the container.
73
81
  */
74
82
  size: number;
83
+ /**
84
+ * Whether the select is compact.
85
+ */
86
+ isCompact?: boolean;
75
87
  }
76
88
  export declare const LoadingIndicator: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ innerProps, isRtl, size, ...restProps }: LoadingIndicatorProps<Option, IsMulti, Group>) => jsx.JSX.Element;
package/dist/types-ts4.5/components/menu.d.ts CHANGED
@@ -94,7 +94,7 @@ 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>) => CSSObjectWithLabel;
97
+ export declare const menuListCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ maxHeight, }: 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
99
  export declare const noOptionsMessageCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ theme: { spacing: { baseUnit }, colors, }, }: NoticeProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
100
100
  export declare const loadingMessageCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ theme: { spacing: { baseUnit }, colors, }, }: NoticeProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
package/dist/types-ts4.5/components/multi-value.d.ts CHANGED
@@ -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>) => 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;
25
+ export declare const multiValueCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, isFocused, theme: { spacing, borderRadius, colors }, }: MultiValueProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
26
+ export declare const multiValueLabelCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ cropWithEllipsis, isDisabled, }: MultiValueProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
27
+ export declare const multiValueRemoveCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ 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;
package/dist/types-ts4.5/components/option.d.ts CHANGED
@@ -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>) => CSSObjectWithLabel;
47
+ export declare const optionCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, isFocused, isSelected, }: 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;
package/dist/types-ts4.5/components/placeholder.d.ts CHANGED
@@ -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>) => CSSObjectWithLabel;
20
+ export declare const placeholderCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, }: 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;
package/dist/types-ts4.5/components/single-value.d.ts CHANGED
@@ -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>) => CSSObjectWithLabel;
26
+ export declare const css: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, theme: { spacing }, }: 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;
package/dist/types-ts4.5/select.d.ts CHANGED
@@ -405,6 +405,11 @@ export interface SelectProps<Option, IsMulti extends boolean, Group extends Grou
405
405
  * Use `isRequired` instead.
406
406
  */
407
407
  required?: boolean;
408
+ /**
409
+ * This prop affects the height of the select control. Compact is gridSize() * 4, default is gridSize * 5
410
+ */
411
+ spacing?: 'compact' | 'default';
412
+ appearance: 'default' | 'subtle' | 'none';
408
413
  [key: string]: any;
409
414
  }
410
415
  export declare const defaultProps: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/react-select",
3
- "version": "1.4.0",
3
+ "version": "1.4.1",
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",
@@ -30,6 +30,7 @@
30
30
  "dependencies": {
31
31
  "@atlaskit/ds-lib": "^3.2.0",
32
32
  "@atlaskit/platform-feature-flags": "^0.3.0",
33
+ "@atlaskit/tokens": "^2.3.0",
33
34
  "@babel/runtime": "^7.0.0",
34
35
  "@emotion/react": "^11.7.1",
35
36
  "@floating-ui/dom": "^1.0.1",
@@ -55,6 +56,9 @@
55
56
  "platform-feature-flags": {
56
57
  "design_system_select-a11y-improvement": {
57
58
  "type": "boolean"
59
+ },
60
+ "platform-component-visual-refresh": {
61
+ "type": "boolean"
58
62
  }
59
63
  },
60
64
  "techstack": {