@atlaskit/react-select 2.2.0 → 2.3.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 (268) hide show
  1. package/CHANGELOG.md +23 -0
  2. package/dist/cjs/compiled/components/containers.compiled.css +26 -0
  3. package/dist/cjs/compiled/components/containers.js +119 -0
  4. package/dist/cjs/compiled/components/control.compiled.css +51 -0
  5. package/dist/cjs/compiled/components/control.js +66 -0
  6. package/dist/cjs/compiled/components/group.compiled.css +12 -0
  7. package/dist/cjs/compiled/components/group.js +81 -0
  8. package/dist/cjs/compiled/components/indicators.compiled.css +24 -0
  9. package/dist/cjs/compiled/components/indicators.js +157 -0
  10. package/dist/cjs/compiled/components/input.compiled.css +49 -0
  11. package/dist/cjs/compiled/components/input.js +69 -0
  12. package/dist/cjs/compiled/components/internal/a11y-text.compiled.css +15 -0
  13. package/dist/cjs/compiled/components/internal/a11y-text.js +23 -0
  14. package/dist/cjs/compiled/components/internal/dummy-input.compiled.css +17 -0
  15. package/dist/cjs/compiled/components/internal/dummy-input.js +30 -0
  16. package/dist/cjs/compiled/components/internal/required-input.compiled.css +8 -0
  17. package/dist/cjs/compiled/components/internal/required-input.js +34 -0
  18. package/dist/cjs/compiled/components/live-region.js +177 -0
  19. package/dist/cjs/compiled/components/menu.compiled.css +19 -0
  20. package/dist/cjs/compiled/components/menu.js +491 -0
  21. package/dist/cjs/compiled/components/multi-value.compiled.css +56 -0
  22. package/dist/cjs/compiled/components/multi-value.js +199 -0
  23. package/dist/cjs/compiled/components/option.compiled.css +22 -0
  24. package/dist/cjs/compiled/components/option.js +57 -0
  25. package/dist/cjs/compiled/components/placeholder.compiled.css +7 -0
  26. package/dist/cjs/compiled/components/placeholder.js +45 -0
  27. package/dist/cjs/compiled/components/single-value.compiled.css +13 -0
  28. package/dist/cjs/compiled/components/single-value.js +46 -0
  29. package/dist/cjs/components/containers.js +12 -72
  30. package/dist/cjs/components/control.js +11 -96
  31. package/dist/cjs/components/group.js +15 -53
  32. package/dist/cjs/components/indicators.js +15 -107
  33. package/dist/cjs/components/input.js +12 -81
  34. package/dist/cjs/components/internal/a11y-text.js +6 -25
  35. package/dist/cjs/components/internal/dummy-input.js +8 -36
  36. package/dist/cjs/components/internal/notify-open-layer-observer.js +1 -0
  37. package/dist/cjs/components/internal/required-input.js +7 -31
  38. package/dist/cjs/components/internal/scroll-manager.js +19 -17
  39. package/dist/cjs/components/live-region.js +6 -164
  40. package/dist/cjs/components/menu.js +26 -181
  41. package/dist/cjs/components/multi-value.js +21 -197
  42. package/dist/cjs/components/option.js +11 -68
  43. package/dist/cjs/components/placeholder.js +11 -20
  44. package/dist/cjs/components/single-value.js +11 -26
  45. package/dist/cjs/emotion/components/containers.js +113 -0
  46. package/dist/cjs/emotion/components/control.js +112 -0
  47. package/dist/cjs/emotion/components/group.js +72 -0
  48. package/dist/cjs/emotion/components/indicators.js +138 -0
  49. package/dist/cjs/emotion/components/input.js +94 -0
  50. package/dist/cjs/emotion/components/internal/a11y-text.js +37 -0
  51. package/dist/cjs/emotion/components/internal/dummy-input.js +45 -0
  52. package/dist/cjs/emotion/components/internal/required-input.js +45 -0
  53. package/dist/cjs/emotion/components/live-region.js +182 -0
  54. package/dist/cjs/emotion/components/menu.js +456 -0
  55. package/dist/cjs/emotion/components/multi-value.js +224 -0
  56. package/dist/cjs/emotion/components/option.js +84 -0
  57. package/dist/cjs/emotion/components/placeholder.js +36 -0
  58. package/dist/cjs/emotion/components/single-value.js +42 -0
  59. package/dist/cjs/utils.js +2 -1
  60. package/dist/es2019/compiled/components/containers.compiled.css +26 -0
  61. package/dist/es2019/compiled/components/containers.js +115 -0
  62. package/dist/es2019/compiled/components/control.compiled.css +51 -0
  63. package/dist/es2019/compiled/components/control.js +58 -0
  64. package/dist/es2019/compiled/components/group.compiled.css +12 -0
  65. package/dist/es2019/compiled/components/group.js +72 -0
  66. package/dist/es2019/compiled/components/indicators.compiled.css +24 -0
  67. package/dist/es2019/compiled/components/indicators.js +144 -0
  68. package/dist/es2019/compiled/components/input.compiled.css +49 -0
  69. package/dist/es2019/compiled/components/input.js +59 -0
  70. package/dist/es2019/compiled/components/internal/a11y-text.compiled.css +15 -0
  71. package/dist/es2019/compiled/components/internal/a11y-text.js +11 -0
  72. package/dist/es2019/compiled/components/internal/dummy-input.compiled.css +17 -0
  73. package/dist/es2019/compiled/components/internal/dummy-input.js +19 -0
  74. package/dist/es2019/compiled/components/internal/required-input.compiled.css +8 -0
  75. package/dist/es2019/compiled/components/internal/required-input.js +23 -0
  76. package/dist/es2019/compiled/components/live-region.js +171 -0
  77. package/dist/es2019/compiled/components/menu.compiled.css +19 -0
  78. package/dist/es2019/compiled/components/menu.js +478 -0
  79. package/dist/es2019/compiled/components/multi-value.compiled.css +56 -0
  80. package/dist/es2019/compiled/components/multi-value.js +190 -0
  81. package/dist/es2019/compiled/components/option.compiled.css +22 -0
  82. package/dist/es2019/compiled/components/option.js +48 -0
  83. package/dist/es2019/compiled/components/placeholder.compiled.css +7 -0
  84. package/dist/es2019/compiled/components/placeholder.js +36 -0
  85. package/dist/es2019/compiled/components/single-value.compiled.css +13 -0
  86. package/dist/es2019/compiled/components/single-value.js +37 -0
  87. package/dist/es2019/components/containers.js +10 -87
  88. package/dist/es2019/components/control.js +8 -103
  89. package/dist/es2019/components/group.js +9 -54
  90. package/dist/es2019/components/indicators.js +11 -113
  91. package/dist/es2019/components/input.js +7 -83
  92. package/dist/es2019/components/internal/a11y-text.js +6 -26
  93. package/dist/es2019/components/internal/dummy-input.js +7 -36
  94. package/dist/es2019/components/internal/notify-open-layer-observer.js +1 -0
  95. package/dist/es2019/components/internal/required-input.js +6 -32
  96. package/dist/es2019/components/internal/scroll-manager.js +16 -16
  97. package/dist/es2019/components/live-region.js +5 -168
  98. package/dist/es2019/components/menu.js +14 -192
  99. package/dist/es2019/components/multi-value.js +12 -216
  100. package/dist/es2019/components/option.js +7 -75
  101. package/dist/es2019/components/placeholder.js +7 -25
  102. package/dist/es2019/components/single-value.js +7 -31
  103. package/dist/es2019/emotion/components/containers.js +110 -0
  104. package/dist/es2019/emotion/components/control.js +108 -0
  105. package/dist/es2019/emotion/components/group.js +60 -0
  106. package/dist/es2019/emotion/components/indicators.js +129 -0
  107. package/dist/es2019/emotion/components/input.js +87 -0
  108. package/dist/es2019/emotion/components/internal/a11y-text.js +28 -0
  109. package/dist/es2019/emotion/components/internal/dummy-input.js +38 -0
  110. package/dist/es2019/emotion/components/internal/required-input.js +36 -0
  111. package/dist/es2019/emotion/components/live-region.js +180 -0
  112. package/dist/es2019/emotion/components/menu.js +452 -0
  113. package/dist/es2019/emotion/components/multi-value.js +228 -0
  114. package/dist/es2019/emotion/components/option.js +79 -0
  115. package/dist/es2019/emotion/components/placeholder.js +29 -0
  116. package/dist/es2019/emotion/components/single-value.js +35 -0
  117. package/dist/es2019/utils.js +1 -0
  118. package/dist/esm/compiled/components/containers.compiled.css +26 -0
  119. package/dist/esm/compiled/components/containers.js +110 -0
  120. package/dist/esm/compiled/components/control.compiled.css +51 -0
  121. package/dist/esm/compiled/components/control.js +57 -0
  122. package/dist/esm/compiled/components/group.compiled.css +12 -0
  123. package/dist/esm/compiled/components/group.js +71 -0
  124. package/dist/esm/compiled/components/indicators.compiled.css +24 -0
  125. package/dist/esm/compiled/components/indicators.js +148 -0
  126. package/dist/esm/compiled/components/input.compiled.css +49 -0
  127. package/dist/esm/compiled/components/input.js +59 -0
  128. package/dist/esm/compiled/components/internal/a11y-text.compiled.css +15 -0
  129. package/dist/esm/compiled/components/internal/a11y-text.js +13 -0
  130. package/dist/esm/compiled/components/internal/dummy-input.compiled.css +17 -0
  131. package/dist/esm/compiled/components/internal/dummy-input.js +20 -0
  132. package/dist/esm/compiled/components/internal/required-input.compiled.css +8 -0
  133. package/dist/esm/compiled/components/internal/required-input.js +24 -0
  134. package/dist/esm/compiled/components/live-region.js +168 -0
  135. package/dist/esm/compiled/components/menu.compiled.css +19 -0
  136. package/dist/esm/compiled/components/menu.js +485 -0
  137. package/dist/esm/compiled/components/multi-value.compiled.css +56 -0
  138. package/dist/esm/compiled/components/multi-value.js +187 -0
  139. package/dist/esm/compiled/components/option.compiled.css +22 -0
  140. package/dist/esm/compiled/components/option.js +47 -0
  141. package/dist/esm/compiled/components/placeholder.compiled.css +7 -0
  142. package/dist/esm/compiled/components/placeholder.js +35 -0
  143. package/dist/esm/compiled/components/single-value.compiled.css +13 -0
  144. package/dist/esm/compiled/components/single-value.js +36 -0
  145. package/dist/esm/components/containers.js +12 -73
  146. package/dist/esm/components/control.js +8 -97
  147. package/dist/esm/components/group.js +11 -54
  148. package/dist/esm/components/indicators.js +15 -109
  149. package/dist/esm/components/input.js +8 -83
  150. package/dist/esm/components/internal/a11y-text.js +6 -26
  151. package/dist/esm/components/internal/dummy-input.js +7 -37
  152. package/dist/esm/components/internal/notify-open-layer-observer.js +1 -0
  153. package/dist/esm/components/internal/required-input.js +7 -32
  154. package/dist/esm/components/internal/scroll-manager.js +16 -16
  155. package/dist/esm/components/live-region.js +5 -163
  156. package/dist/esm/components/menu.js +24 -182
  157. package/dist/esm/components/multi-value.js +17 -199
  158. package/dist/esm/components/option.js +8 -69
  159. package/dist/esm/components/placeholder.js +8 -21
  160. package/dist/esm/components/single-value.js +8 -27
  161. package/dist/esm/emotion/components/containers.js +106 -0
  162. package/dist/esm/emotion/components/control.js +104 -0
  163. package/dist/esm/emotion/components/group.js +66 -0
  164. package/dist/esm/emotion/components/indicators.js +133 -0
  165. package/dist/esm/emotion/components/input.js +90 -0
  166. package/dist/esm/emotion/components/internal/a11y-text.js +30 -0
  167. package/dist/esm/emotion/components/internal/dummy-input.js +39 -0
  168. package/dist/esm/emotion/components/internal/required-input.js +37 -0
  169. package/dist/esm/emotion/components/live-region.js +177 -0
  170. package/dist/esm/emotion/components/menu.js +456 -0
  171. package/dist/esm/emotion/components/multi-value.js +218 -0
  172. package/dist/esm/emotion/components/option.js +76 -0
  173. package/dist/esm/emotion/components/placeholder.js +28 -0
  174. package/dist/esm/emotion/components/single-value.js +34 -0
  175. package/dist/esm/utils.js +2 -1
  176. package/dist/types/compiled/components/containers.d.ts +53 -0
  177. package/dist/types/compiled/components/control.d.ts +41 -0
  178. package/dist/types/compiled/components/group.d.ts +54 -0
  179. package/dist/types/compiled/components/indicators.d.ts +72 -0
  180. package/dist/types/compiled/components/input.d.ts +36 -0
  181. package/dist/types/compiled/components/internal/a11y-text.d.ts +3 -0
  182. package/dist/types/compiled/components/internal/dummy-input.d.ts +8 -0
  183. package/dist/types/compiled/components/internal/required-input.d.ts +10 -0
  184. package/dist/types/compiled/components/live-region.d.ts +19 -0
  185. package/dist/types/compiled/components/menu.d.ts +115 -0
  186. package/dist/types/compiled/components/multi-value.d.ts +57 -0
  187. package/dist/types/compiled/components/option.d.ts +48 -0
  188. package/dist/types/compiled/components/placeholder.d.ts +21 -0
  189. package/dist/types/compiled/components/single-value.d.ts +27 -0
  190. package/dist/types/components/containers.d.ts +6 -11
  191. package/dist/types/components/control.d.ts +4 -9
  192. package/dist/types/components/group.d.ts +8 -10
  193. package/dist/types/components/index.d.ts +21 -21
  194. package/dist/types/components/indicators.d.ts +7 -12
  195. package/dist/types/components/input.d.ts +3 -8
  196. package/dist/types/components/internal/a11y-text.d.ts +2 -7
  197. package/dist/types/components/internal/dummy-input.d.ts +3 -8
  198. package/dist/types/components/internal/required-input.d.ts +0 -4
  199. package/dist/types/components/internal/scroll-manager.d.ts +2 -7
  200. package/dist/types/components/live-region.d.ts +2 -8
  201. package/dist/types/components/menu.d.ts +10 -15
  202. package/dist/types/components/multi-value.d.ts +19 -13
  203. package/dist/types/components/option.d.ts +3 -8
  204. package/dist/types/components/placeholder.d.ts +3 -8
  205. package/dist/types/components/single-value.d.ts +3 -8
  206. package/dist/types/emotion/components/containers.d.ts +54 -0
  207. package/dist/types/emotion/components/control.d.ts +42 -0
  208. package/dist/types/emotion/components/group.d.ts +52 -0
  209. package/dist/types/emotion/components/indicators.d.ts +73 -0
  210. package/dist/types/emotion/components/input.d.ts +37 -0
  211. package/dist/types/emotion/components/internal/a11y-text.d.ts +8 -0
  212. package/dist/types/emotion/components/internal/dummy-input.d.ts +9 -0
  213. package/dist/types/emotion/components/internal/required-input.d.ts +10 -0
  214. package/dist/types/emotion/components/live-region.d.ts +25 -0
  215. package/dist/types/emotion/components/menu.d.ts +116 -0
  216. package/dist/types/emotion/components/multi-value.d.ts +47 -0
  217. package/dist/types/emotion/components/option.d.ts +49 -0
  218. package/dist/types/emotion/components/placeholder.d.ts +22 -0
  219. package/dist/types/emotion/components/single-value.d.ts +28 -0
  220. package/dist/types/select.d.ts +21 -21
  221. package/dist/types/types.d.ts +3 -0
  222. package/dist/types-ts4.5/compiled/components/containers.d.ts +53 -0
  223. package/dist/types-ts4.5/compiled/components/control.d.ts +41 -0
  224. package/dist/types-ts4.5/compiled/components/group.d.ts +54 -0
  225. package/dist/types-ts4.5/compiled/components/indicators.d.ts +72 -0
  226. package/dist/types-ts4.5/compiled/components/input.d.ts +36 -0
  227. package/dist/types-ts4.5/compiled/components/internal/a11y-text.d.ts +3 -0
  228. package/dist/types-ts4.5/compiled/components/internal/dummy-input.d.ts +8 -0
  229. package/dist/types-ts4.5/compiled/components/internal/required-input.d.ts +10 -0
  230. package/dist/types-ts4.5/compiled/components/live-region.d.ts +19 -0
  231. package/dist/types-ts4.5/compiled/components/menu.d.ts +115 -0
  232. package/dist/types-ts4.5/compiled/components/multi-value.d.ts +57 -0
  233. package/dist/types-ts4.5/compiled/components/option.d.ts +48 -0
  234. package/dist/types-ts4.5/compiled/components/placeholder.d.ts +21 -0
  235. package/dist/types-ts4.5/compiled/components/single-value.d.ts +27 -0
  236. package/dist/types-ts4.5/components/containers.d.ts +6 -11
  237. package/dist/types-ts4.5/components/control.d.ts +4 -9
  238. package/dist/types-ts4.5/components/group.d.ts +8 -10
  239. package/dist/types-ts4.5/components/index.d.ts +21 -21
  240. package/dist/types-ts4.5/components/indicators.d.ts +7 -12
  241. package/dist/types-ts4.5/components/input.d.ts +3 -8
  242. package/dist/types-ts4.5/components/internal/a11y-text.d.ts +2 -7
  243. package/dist/types-ts4.5/components/internal/dummy-input.d.ts +3 -8
  244. package/dist/types-ts4.5/components/internal/required-input.d.ts +0 -4
  245. package/dist/types-ts4.5/components/internal/scroll-manager.d.ts +2 -7
  246. package/dist/types-ts4.5/components/live-region.d.ts +2 -8
  247. package/dist/types-ts4.5/components/menu.d.ts +10 -15
  248. package/dist/types-ts4.5/components/multi-value.d.ts +19 -13
  249. package/dist/types-ts4.5/components/option.d.ts +3 -8
  250. package/dist/types-ts4.5/components/placeholder.d.ts +3 -8
  251. package/dist/types-ts4.5/components/single-value.d.ts +3 -8
  252. package/dist/types-ts4.5/emotion/components/containers.d.ts +54 -0
  253. package/dist/types-ts4.5/emotion/components/control.d.ts +42 -0
  254. package/dist/types-ts4.5/emotion/components/group.d.ts +52 -0
  255. package/dist/types-ts4.5/emotion/components/indicators.d.ts +73 -0
  256. package/dist/types-ts4.5/emotion/components/input.d.ts +37 -0
  257. package/dist/types-ts4.5/emotion/components/internal/a11y-text.d.ts +8 -0
  258. package/dist/types-ts4.5/emotion/components/internal/dummy-input.d.ts +9 -0
  259. package/dist/types-ts4.5/emotion/components/internal/required-input.d.ts +10 -0
  260. package/dist/types-ts4.5/emotion/components/live-region.d.ts +25 -0
  261. package/dist/types-ts4.5/emotion/components/menu.d.ts +116 -0
  262. package/dist/types-ts4.5/emotion/components/multi-value.d.ts +47 -0
  263. package/dist/types-ts4.5/emotion/components/option.d.ts +49 -0
  264. package/dist/types-ts4.5/emotion/components/placeholder.d.ts +22 -0
  265. package/dist/types-ts4.5/emotion/components/single-value.d.ts +28 -0
  266. package/dist/types-ts4.5/select.d.ts +21 -21
  267. package/dist/types-ts4.5/types.d.ts +3 -0
  268. package/package.json +10 -2
@@ -0,0 +1,57 @@
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
5
+ import { type ComponentType, type CSSProperties, type ReactNode } from 'react';
6
+ import { type XCSSProp } from '@compiled/react';
7
+ import type { XCSSAllProperties, XCSSAllPseudos } from '@atlaskit/css';
8
+ import { type SelectProps } from '../../select';
9
+ import { type CommonPropsAndClassName, type GroupBase } from '../../types';
10
+ interface MultiValueComponents<Option, IsMulti extends boolean, Group extends GroupBase<Option>> {
11
+ Container: ComponentType<MultiValueGenericProps<Option, IsMulti, Group>>;
12
+ Label: ComponentType<MultiValueGenericProps<Option, IsMulti, Group>>;
13
+ Remove: ComponentType<MultiValueRemoveProps<Option, IsMulti, Group>>;
14
+ }
15
+ export interface MultiValueProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
16
+ children: ReactNode;
17
+ components: MultiValueComponents<Option, IsMulti, Group>;
18
+ cropWithEllipsis?: boolean;
19
+ data: Option;
20
+ innerProps: JSX.IntrinsicElements['div'];
21
+ isFocused: boolean;
22
+ isDisabled: boolean;
23
+ removeProps: JSX.IntrinsicElements['div'];
24
+ index: number;
25
+ }
26
+ export declare const multiValueCSS: () => {};
27
+ export declare const multiValueLabelCSS: () => {};
28
+ export declare const multiValueRemoveCSS: () => {};
29
+ export interface MultiValueGenericProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> {
30
+ children: ReactNode;
31
+ data: any;
32
+ innerProps: {
33
+ className?: string;
34
+ style?: CSSProperties;
35
+ };
36
+ selectProps: SelectProps<Option, IsMulti, Group>;
37
+ isFocused?: boolean;
38
+ isDisabled?: boolean;
39
+ hasEllipsis?: boolean;
40
+ className?: string | undefined;
41
+ xcss?: XCSSProp<XCSSAllProperties, XCSSAllPseudos> | undefined;
42
+ }
43
+ export declare const MultiValueContainer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ children, innerProps, isFocused, isDisabled, className, xcss, }: MultiValueGenericProps<Option, IsMulti, Group>) => JSX.Element;
44
+ export declare const MultiValueLabel: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ children, innerProps, isDisabled, hasEllipsis, className, xcss, }: MultiValueGenericProps<Option, IsMulti, Group>) => JSX.Element;
45
+ export interface MultiValueRemoveProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> {
46
+ children?: ReactNode;
47
+ data: Option;
48
+ innerProps: JSX.IntrinsicElements['div'];
49
+ selectProps: SelectProps<Option, IsMulti, Group>;
50
+ isDisabled: boolean;
51
+ isFocused?: boolean;
52
+ className?: string | undefined;
53
+ xcss?: XCSSProp<XCSSAllProperties, XCSSAllPseudos> | undefined;
54
+ }
55
+ export declare function MultiValueRemove<Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, isFocused, innerProps, className, xcss, }: MultiValueRemoveProps<Option, IsMulti, Group>): JSX.Element;
56
+ declare const MultiValue: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MultiValueProps<Option, IsMulti, Group>) => JSX.Element;
57
+ export default MultiValue;
@@ -0,0 +1,48 @@
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
5
+ import { type ReactNode, type RefCallback } from 'react';
6
+ import { type CommonPropsAndClassName, type GroupBase } from '../../types';
7
+ export interface OptionProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
8
+ /**
9
+ * The children to be rendered.
10
+ */
11
+ children: ReactNode;
12
+ /**
13
+ * Inner ref to DOM Node
14
+ */
15
+ innerRef: RefCallback<HTMLDivElement>;
16
+ /**
17
+ * props passed to the wrapping element for the group.
18
+ */
19
+ innerProps: JSX.IntrinsicElements['div'];
20
+ /**
21
+ * Text to be displayed representing the option.
22
+ */
23
+ label: string;
24
+ /**
25
+ * Type is used by the menu to determine whether this is an option or a group.
26
+ * In the case of option this is always `option`. *
27
+ */
28
+ type: 'option';
29
+ /**
30
+ * The data of the selected option.
31
+ */
32
+ data: Option;
33
+ /**
34
+ * Whether the option is disabled.
35
+ */
36
+ isDisabled: boolean;
37
+ /**
38
+ * Whether the option is focused.
39
+ */
40
+ isFocused: boolean;
41
+ /**
42
+ * Whether the option is selected.
43
+ */
44
+ isSelected: boolean;
45
+ }
46
+ export declare const optionCSS: () => {};
47
+ declare const Option: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: OptionProps<Option, IsMulti, Group>) => JSX.Element;
48
+ export default Option;
@@ -0,0 +1,21 @@
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
5
+ import { type ReactNode } from 'react';
6
+ import { type CommonPropsAndClassName, type GroupBase } from '../../types';
7
+ export interface PlaceholderProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
8
+ /**
9
+ * The children to be rendered.
10
+ */
11
+ children: ReactNode;
12
+ /**
13
+ * props passed to the wrapping element for the group.
14
+ */
15
+ innerProps: JSX.IntrinsicElements['div'];
16
+ isDisabled: boolean;
17
+ isFocused: boolean;
18
+ }
19
+ export declare const placeholderCSS: () => {};
20
+ declare const Placeholder: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: PlaceholderProps<Option, IsMulti, Group>) => JSX.Element;
21
+ export default Placeholder;
@@ -0,0 +1,27 @@
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
5
+ import { type ReactNode } from 'react';
6
+ import { type CommonPropsAndClassName, type GroupBase } from '../../types';
7
+ export interface SingleValueProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
8
+ /**
9
+ * The children to be rendered.
10
+ */
11
+ children: ReactNode;
12
+ /**
13
+ * The data of the selected option rendered in the Single Value component.
14
+ */
15
+ data: Option;
16
+ /**
17
+ * Props passed to the wrapping element for the group.
18
+ */
19
+ innerProps: JSX.IntrinsicElements['div'];
20
+ /**
21
+ * Whether this is disabled.
22
+ */
23
+ isDisabled: boolean;
24
+ }
25
+ export declare const css: () => {};
26
+ declare const SingleValue: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: SingleValueProps<Option, IsMulti, Group>) => JSX.Element;
27
+ export default SingleValue;
@@ -1,9 +1,4 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
- import { type ReactNode } from 'react';
6
- import { jsx } from '@emotion/react';
1
+ import React, { type ReactNode } from 'react';
7
2
  import { type CommonPropsAndClassName, type CSSObjectWithLabel, type GroupBase } from '../types';
8
3
  export interface ContainerProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
9
4
  /**
@@ -20,8 +15,8 @@ export interface ContainerProps<Option = unknown, IsMulti extends boolean = bool
20
15
  */
21
16
  innerProps: {};
22
17
  }
23
- export declare const containerCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, isRtl, }: ContainerProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
24
- export declare const SelectContainer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ContainerProps<Option, IsMulti, Group>) => jsx.JSX.Element;
18
+ export declare const containerCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ContainerProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
19
+ export declare const SelectContainer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ContainerProps<Option, IsMulti, Group>) => React.JSX.Element;
25
20
  export interface ValueContainerProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
26
21
  /**
27
22
  * Props to be passed to the value container element.
@@ -37,8 +32,8 @@ export interface ValueContainerProps<Option = unknown, IsMulti extends boolean =
37
32
  */
38
33
  isCompact?: boolean;
39
34
  }
40
- export declare const valueContainerCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isMulti, hasValue, isCompact, selectProps: { controlShouldRenderValue }, }: ValueContainerProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
41
- export declare const ValueContainer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ValueContainerProps<Option, IsMulti, Group>) => jsx.JSX.Element;
35
+ export declare const valueContainerCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ValueContainerProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
36
+ export declare const ValueContainer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ValueContainerProps<Option, IsMulti, Group>) => React.JSX.Element;
42
37
  export interface IndicatorsContainerProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
43
38
  isDisabled: boolean;
44
39
  /**
@@ -51,4 +46,4 @@ export interface IndicatorsContainerProps<Option = unknown, IsMulti extends bool
51
46
  innerProps?: {};
52
47
  }
53
48
  export declare const indicatorsContainerCSS: () => CSSObjectWithLabel;
54
- export declare const IndicatorsContainer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: IndicatorsContainerProps<Option, IsMulti, Group>) => jsx.JSX.Element;
49
+ export declare const IndicatorsContainer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: IndicatorsContainerProps<Option, IsMulti, Group>) => React.JSX.Element;
@@ -1,10 +1,5 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
- import { type ReactNode, type Ref } from 'react';
6
- import { jsx } from '@emotion/react';
7
- import { type CommonPropsAndClassName, type CSSObjectWithLabel, type GroupBase } from '../types';
1
+ import React, { type ReactNode, type Ref } from 'react';
2
+ import { type CommonPropsAndClassName, type GroupBase } from '../types';
8
3
  export interface ControlProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
9
4
  /**
10
5
  * Children to render.
@@ -37,6 +32,6 @@ export interface ControlProps<Option = unknown, IsMulti extends boolean = boolea
37
32
  */
38
33
  menuIsOpen: boolean;
39
34
  }
40
- export declare const css: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, isFocused, isInvalid, isCompact, appearance, }: ControlProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
41
- declare const Control: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ControlProps<Option, IsMulti, Group>) => jsx.JSX.Element;
35
+ export declare const css: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ControlProps<Option, IsMulti, Group>) => {};
36
+ declare const Control: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ControlProps<Option, IsMulti, Group>) => React.JSX.Element;
42
37
  export default Control;
@@ -1,9 +1,6 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
- import { type ComponentType, type ReactNode } from 'react';
6
- import { jsx } from '@emotion/react';
1
+ import React, { type ComponentType, type ReactNode } from 'react';
2
+ import { type XCSSProp } from '@compiled/react';
3
+ import type { XCSSAllProperties, XCSSAllPseudos } from '@atlaskit/css';
7
4
  import { type SelectProps } from '../select';
8
5
  import { type CommonProps, type CommonPropsAndClassName, type CSSObjectWithLabel, type CX, type GetStyles, type GroupBase, type Options } from '../types';
9
6
  interface ForwardedHeadingProps<Option, Group extends GroupBase<Option>> {
@@ -37,16 +34,17 @@ export interface GroupProps<Option = unknown, IsMulti extends boolean = boolean,
37
34
  data: Group;
38
35
  options: Options<Option>;
39
36
  }
40
- export declare const groupCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({}: GroupProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
41
- declare const Group: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: GroupProps<Option, IsMulti, Group>) => jsx.JSX.Element;
37
+ export declare const groupCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: GroupProps<Option, IsMulti, Group>) => {};
38
+ declare const Group: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: GroupProps<Option, IsMulti, Group>) => React.JSX.Element;
42
39
  interface GroupHeadingPropsDefinedProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> extends ForwardedHeadingProps<Option, Group> {
43
40
  className?: string | undefined;
44
41
  selectProps: SelectProps<Option, IsMulti, Group>;
45
42
  getStyles: GetStyles<Option, IsMulti, Group>;
46
43
  getClassNames: CommonProps<Option, IsMulti, Group>['getClassNames'];
47
44
  cx: CX;
45
+ xcss?: XCSSProp<XCSSAllProperties, XCSSAllPseudos> | undefined;
48
46
  }
49
47
  export type GroupHeadingProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> = GroupHeadingPropsDefinedProps<Option, IsMulti, Group> & JSX.IntrinsicElements['div'];
50
- export declare const groupHeadingCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({}: GroupHeadingProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
51
- export declare const GroupHeading: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: GroupHeadingProps<Option, IsMulti, Group>) => jsx.JSX.Element;
48
+ export declare const groupHeadingCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: GroupHeadingProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
49
+ export declare const GroupHeading: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: GroupHeadingProps<Option, IsMulti, Group>) => React.JSX.Element;
52
50
  export default Group;
@@ -36,28 +36,28 @@ export interface SelectComponents<Option, IsMulti extends boolean, Group extends
36
36
  }
37
37
  export type SelectComponentsConfig<Option, IsMulti extends boolean, Group extends GroupBase<Option>> = Partial<SelectComponents<Option, IsMulti, Group>>;
38
38
  export declare const components: {
39
- ClearIndicator: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ClearIndicatorProps<Option, IsMulti, Group>) => import("@emotion/react").jsx.JSX.Element;
40
- Control: <Option_1, IsMulti_1 extends boolean, Group_1 extends GroupBase<Option_1>>(props: ControlProps<Option_1, IsMulti_1, Group_1>) => import("@emotion/react").jsx.JSX.Element;
41
- DropdownIndicator: <Option_2, IsMulti_2 extends boolean, Group_2 extends GroupBase<Option_2>>(props: DropdownIndicatorProps<Option_2, IsMulti_2, Group_2>) => import("@emotion/react").jsx.JSX.Element;
42
- Group: <Option_3, IsMulti_3 extends boolean, Group_3 extends GroupBase<Option_3>>(props: GroupProps<Option_3, IsMulti_3, Group_3>) => import("@emotion/react").jsx.JSX.Element;
43
- GroupHeading: <Option_4, IsMulti_4 extends boolean, Group_4 extends GroupBase<Option_4>>(props: GroupHeadingProps<Option_4, IsMulti_4, Group_4>) => import("@emotion/react").jsx.JSX.Element;
44
- IndicatorsContainer: <Option_5, IsMulti_5 extends boolean, Group_5 extends GroupBase<Option_5>>(props: IndicatorsContainerProps<Option_5, IsMulti_5, Group_5>) => import("@emotion/react").jsx.JSX.Element;
45
- Input: <Option_6, IsMulti_6 extends boolean, Group_6 extends GroupBase<Option_6>>(props: InputProps<Option_6, IsMulti_6, Group_6>) => import("@emotion/react").jsx.JSX.Element;
46
- LoadingIndicator: <Option_7, IsMulti_7 extends boolean, Group_7 extends GroupBase<Option_7>>({ innerProps, isRtl, size, ...restProps }: LoadingIndicatorProps<Option_7, IsMulti_7, Group_7>) => import("@emotion/react").jsx.JSX.Element;
47
- Menu: <Option_8, IsMulti_8 extends boolean, Group_8 extends GroupBase<Option_8>>(props: MenuProps<Option_8, IsMulti_8, Group_8>) => import("@emotion/react").jsx.JSX.Element;
48
- MenuList: <Option_9, IsMulti_9 extends boolean, Group_9 extends GroupBase<Option_9>>(props: MenuListProps<Option_9, IsMulti_9, Group_9>) => import("@emotion/react").jsx.JSX.Element;
49
- MenuPortal: <Option_10, IsMulti_10 extends boolean, Group_10 extends GroupBase<Option_10>>(props: MenuPortalProps<Option_10, IsMulti_10, Group_10>) => import("@emotion/react").jsx.JSX.Element | null;
50
- LoadingMessage: <Option_11, IsMulti_11 extends boolean, Group_11 extends GroupBase<Option_11>>({ children, innerProps, ...restProps }: NoticeProps<Option_11, IsMulti_11, Group_11>) => import("@emotion/react").jsx.JSX.Element;
51
- NoOptionsMessage: <Option_12, IsMulti_12 extends boolean, Group_12 extends GroupBase<Option_12>>({ children, innerProps, ...restProps }: NoticeProps<Option_12, IsMulti_12, Group_12>) => import("@emotion/react").jsx.JSX.Element;
52
- MultiValue: <Option_13, IsMulti_13 extends boolean, Group_13 extends GroupBase<Option_13>>(props: MultiValueProps<Option_13, IsMulti_13, Group_13>) => import("@emotion/react").jsx.JSX.Element;
53
- MultiValueContainer: <Option_14, IsMulti_14 extends boolean, Group_14 extends GroupBase<Option_14>>({ children, innerProps, }: MultiValueGenericProps<Option_14, IsMulti_14, Group_14>) => import("@emotion/react").jsx.JSX.Element;
54
- MultiValueLabel: <Option_14, IsMulti_14 extends boolean, Group_14 extends GroupBase<Option_14>>({ children, innerProps, }: MultiValueGenericProps<Option_14, IsMulti_14, Group_14>) => import("@emotion/react").jsx.JSX.Element;
39
+ ClearIndicator: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ClearIndicatorProps<Option, IsMulti, Group>) => import("react").JSX.Element;
40
+ Control: <Option_1, IsMulti_1 extends boolean, Group_1 extends GroupBase<Option_1>>(props: ControlProps<Option_1, IsMulti_1, Group_1>) => import("react").JSX.Element;
41
+ DropdownIndicator: <Option_2, IsMulti_2 extends boolean, Group_2 extends GroupBase<Option_2>>(props: DropdownIndicatorProps<Option_2, IsMulti_2, Group_2>) => import("react").JSX.Element;
42
+ Group: <Option_3, IsMulti_3 extends boolean, Group_3 extends GroupBase<Option_3>>(props: GroupProps<Option_3, IsMulti_3, Group_3>) => import("react").JSX.Element;
43
+ GroupHeading: <Option_4, IsMulti_4 extends boolean, Group_4 extends GroupBase<Option_4>>(props: GroupHeadingProps<Option_4, IsMulti_4, Group_4>) => import("react").JSX.Element;
44
+ IndicatorsContainer: <Option_5, IsMulti_5 extends boolean, Group_5 extends GroupBase<Option_5>>(props: IndicatorsContainerProps<Option_5, IsMulti_5, Group_5>) => import("react").JSX.Element;
45
+ Input: <Option_6, IsMulti_6 extends boolean, Group_6 extends GroupBase<Option_6>>(props: InputProps<Option_6, IsMulti_6, Group_6>) => import("react").JSX.Element;
46
+ LoadingIndicator: <Option_7, IsMulti_7 extends boolean, Group_7 extends GroupBase<Option_7>>(props: LoadingIndicatorProps<Option_7, IsMulti_7, Group_7>) => import("react").JSX.Element;
47
+ Menu: <Option_8, IsMulti_8 extends boolean, Group_8 extends GroupBase<Option_8>>(props: MenuProps<Option_8, IsMulti_8, Group_8>) => import("react").JSX.Element;
48
+ MenuList: <Option_9, IsMulti_9 extends boolean, Group_9 extends GroupBase<Option_9>>(props: MenuListProps<Option_9, IsMulti_9, Group_9>) => import("react").JSX.Element;
49
+ MenuPortal: <Option_10, IsMulti_10 extends boolean, Group_10 extends GroupBase<Option_10>>(props: MenuPortalProps<Option_10, IsMulti_10, Group_10>) => import("react").JSX.Element;
50
+ LoadingMessage: <Option_11, IsMulti_11 extends boolean, Group_11 extends GroupBase<Option_11>>(props: NoticeProps<Option_11, IsMulti_11, Group_11>) => import("react").JSX.Element;
51
+ NoOptionsMessage: <Option_12, IsMulti_12 extends boolean, Group_12 extends GroupBase<Option_12>>(props: NoticeProps<Option_12, IsMulti_12, Group_12>) => import("react").JSX.Element;
52
+ MultiValue: <Option_13, IsMulti_13 extends boolean, Group_13 extends GroupBase<Option_13>>(props: MultiValueProps<Option_13, IsMulti_13, Group_13>) => import("react").JSX.Element;
53
+ MultiValueContainer: <Option_14, IsMulti_14 extends boolean, Group_14 extends GroupBase<Option_14>>(props: MultiValueGenericProps<Option_14, IsMulti_14, Group_14>) => import("react").JSX.Element;
54
+ MultiValueLabel: <Option_15, IsMulti_15 extends boolean, Group_15 extends GroupBase<Option_15>>(props: MultiValueGenericProps<Option_15, IsMulti_15, Group_15>) => import("react").JSX.Element;
55
55
  MultiValueRemove: typeof MultiValueRemove;
56
- Option: <Option_15, IsMulti_15 extends boolean, Group_15 extends GroupBase<Option_15>>(props: OptionProps<Option_15, IsMulti_15, Group_15>) => import("@emotion/react").jsx.JSX.Element;
57
- Placeholder: <Option_16, IsMulti_16 extends boolean, Group_16 extends GroupBase<Option_16>>(props: PlaceholderProps<Option_16, IsMulti_16, Group_16>) => import("@emotion/react").jsx.JSX.Element;
58
- SelectContainer: <Option_17, IsMulti_17 extends boolean, Group_17 extends GroupBase<Option_17>>(props: ContainerProps<Option_17, IsMulti_17, Group_17>) => import("@emotion/react").jsx.JSX.Element;
59
- SingleValue: <Option_18, IsMulti_18 extends boolean, Group_18 extends GroupBase<Option_18>>(props: SingleValueProps<Option_18, IsMulti_18, Group_18>) => import("@emotion/react").jsx.JSX.Element;
60
- ValueContainer: <Option_19, IsMulti_19 extends boolean, Group_19 extends GroupBase<Option_19>>(props: ValueContainerProps<Option_19, IsMulti_19, Group_19>) => import("@emotion/react").jsx.JSX.Element;
56
+ Option: <Option_16, IsMulti_16 extends boolean, Group_16 extends GroupBase<Option_16>>(props: OptionProps<Option_16, IsMulti_16, Group_16>) => import("react").JSX.Element;
57
+ Placeholder: <Option_17, IsMulti_17 extends boolean, Group_17 extends GroupBase<Option_17>>(props: PlaceholderProps<Option_17, IsMulti_17, Group_17>) => import("react").JSX.Element;
58
+ SelectContainer: <Option_18, IsMulti_18 extends boolean, Group_18 extends GroupBase<Option_18>>(props: ContainerProps<Option_18, IsMulti_18, Group_18>) => import("react").JSX.Element;
59
+ SingleValue: <Option_19, IsMulti_19 extends boolean, Group_19 extends GroupBase<Option_19>>(props: SingleValueProps<Option_19, IsMulti_19, Group_19>) => import("react").JSX.Element;
60
+ ValueContainer: <Option_20, IsMulti_20 extends boolean, Group_20 extends GroupBase<Option_20>>(props: ValueContainerProps<Option_20, IsMulti_20, Group_20>) => import("react").JSX.Element;
61
61
  };
62
62
  type SelectComponentsGeneric = typeof components;
63
63
  interface ComponentsProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> {
@@ -1,9 +1,4 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
- import { type ReactNode } from 'react';
6
- import { jsx } from '@emotion/react';
1
+ import React, { type ReactNode } from 'react';
7
2
  import { type CommonPropsAndClassName, type CSSObjectWithLabel, type GroupBase } from '../types';
8
3
  export interface DropdownIndicatorProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
9
4
  /**
@@ -24,8 +19,8 @@ export interface DropdownIndicatorProps<Option = unknown, IsMulti extends boolea
24
19
  */
25
20
  isCompact?: boolean;
26
21
  }
27
- export declare const dropdownIndicatorCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isCompact, isDisabled, }: DropdownIndicatorProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
28
- export declare const DropdownIndicator: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: DropdownIndicatorProps<Option, IsMulti, Group>) => jsx.JSX.Element;
22
+ export declare const dropdownIndicatorCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: DropdownIndicatorProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
23
+ export declare const DropdownIndicator: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: DropdownIndicatorProps<Option, IsMulti, Group>) => React.JSX.Element;
29
24
  export interface ClearIndicatorProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
30
25
  /**
31
26
  * The children to be rendered inside the indicator.
@@ -48,9 +43,9 @@ export interface ClearIndicatorProps<Option = unknown, IsMulti extends boolean =
48
43
  */
49
44
  isCompact?: boolean;
50
45
  }
51
- export declare const clearIndicatorCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isCompact, }: ClearIndicatorProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
52
- export declare const ClearIndicator: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ClearIndicatorProps<Option, IsMulti, Group>) => jsx.JSX.Element;
53
- export declare const loadingIndicatorCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isCompact, }: LoadingIndicatorProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
46
+ export declare const clearIndicatorCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ClearIndicatorProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
47
+ export declare const ClearIndicator: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ClearIndicatorProps<Option, IsMulti, Group>) => React.JSX.Element;
48
+ export declare const loadingIndicatorCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: LoadingIndicatorProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
54
49
  export interface LoadingIndicatorProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
55
50
  /**
56
51
  * Props that will be passed on to the children.
@@ -70,4 +65,4 @@ export interface LoadingIndicatorProps<Option = unknown, IsMulti extends boolean
70
65
  */
71
66
  isCompact?: boolean;
72
67
  }
73
- export declare const LoadingIndicator: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ innerProps, isRtl, size, ...restProps }: LoadingIndicatorProps<Option, IsMulti, Group>) => jsx.JSX.Element;
68
+ export declare const LoadingIndicator: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: LoadingIndicatorProps<Option, IsMulti, Group>) => React.JSX.Element;
@@ -1,9 +1,4 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
- import { type InputHTMLAttributes } from 'react';
6
- import { jsx } from '@emotion/react';
1
+ import React, { type InputHTMLAttributes } from 'react';
7
2
  import { type CommonPropsAndClassName, type CSSObjectWithLabel, type GroupBase } from '../types';
8
3
  interface InputSpecificProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends InputHTMLAttributes<HTMLInputElement>, CommonPropsAndClassName<Option, IsMulti, Group> {
9
4
  /**
@@ -32,6 +27,6 @@ interface InputSpecificProps<Option = unknown, IsMulti extends boolean = boolean
32
27
  testId?: string;
33
28
  }
34
29
  export type InputProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> = InputSpecificProps<Option, IsMulti, Group>;
35
- export declare const inputCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, value, }: InputProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
36
- declare const Input: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: InputProps<Option, IsMulti, Group>) => jsx.JSX.Element;
30
+ export declare const inputCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: InputProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
31
+ declare const Input: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: InputProps<Option, IsMulti, Group>) => React.JSX.Element;
37
32
  export default Input;
@@ -1,8 +1,3 @@
1
- /// <reference types="react" />
2
- /**
3
- * @jsxRuntime classic
4
- * @jsx jsx
5
- */
6
- import { jsx } from '@emotion/react';
7
- declare const A11yText: (props: JSX.IntrinsicElements['span']) => jsx.JSX.Element;
1
+ import React from 'react';
2
+ declare const A11yText: (props: JSX.IntrinsicElements['span']) => React.JSX.Element;
8
3
  export default A11yText;
@@ -1,9 +1,4 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
- import { type Ref } from 'react';
6
- import { jsx } from '@emotion/react';
7
- export default function DummyInput({ innerRef, ...props }: JSX.IntrinsicElements['input'] & {
1
+ import React, { type Ref } from 'react';
2
+ export default function DummyInput(props: JSX.IntrinsicElements['input'] & {
8
3
  readonly innerRef: Ref<HTMLInputElement>;
9
- }): jsx.JSX.Element;
4
+ }): React.JSX.Element;
@@ -1,7 +1,3 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
1
  import { type FocusEventHandler, type FunctionComponent } from 'react';
6
2
  declare const RequiredInput: FunctionComponent<{
7
3
  readonly name?: string;
@@ -1,9 +1,4 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
- import { type ReactElement, type RefCallback } from 'react';
6
- import { jsx } from '@emotion/react';
1
+ import React, { type ReactElement, type RefCallback } from 'react';
7
2
  interface ScrollManagerProps {
8
3
  readonly children: (ref: RefCallback<HTMLElement>) => ReactElement;
9
4
  readonly lockEnabled: boolean;
@@ -13,5 +8,5 @@ interface ScrollManagerProps {
13
8
  readonly onTopArrive?: (event: WheelEvent | TouchEvent) => void;
14
9
  readonly onTopLeave?: (event: WheelEvent | TouchEvent) => void;
15
10
  }
16
- export default function ScrollManager({ children, lockEnabled, captureEnabled, onBottomArrive, onBottomLeave, onTopArrive, onTopLeave, }: ScrollManagerProps): jsx.JSX.Element;
11
+ export default function ScrollManager({ children, lockEnabled, captureEnabled, onBottomArrive, onBottomLeave, onTopArrive, onTopLeave, }: ScrollManagerProps): React.JSX.Element;
17
12
  export {};
@@ -1,10 +1,4 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- * @jsxFrag React.Fragment
5
- */
6
- import { type ReactNode } from 'react';
7
- import { jsx } from '@emotion/react';
1
+ import React, { type ReactNode } from 'react';
8
2
  import { type AriaSelection } from '../accessibility';
9
3
  import { type CommonProps, type GroupBase, type Options } from '../types';
10
4
  interface LiveRegionProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> extends CommonProps<Option, IsMulti, Group> {
@@ -21,5 +15,5 @@ interface LiveRegionProps<Option, IsMulti extends boolean, Group extends GroupBa
21
15
  id: string;
22
16
  isAppleDevice: boolean;
23
17
  }
24
- declare const LiveRegion: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: LiveRegionProps<Option, IsMulti, Group>) => jsx.JSX.Element;
18
+ declare const LiveRegion: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: LiveRegionProps<Option, IsMulti, Group>) => React.JSX.Element;
25
19
  export default LiveRegion;
@@ -1,9 +1,4 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
- import { type LegacyRef, type ReactElement, type ReactNode, type Ref } from 'react';
6
- import { jsx } from '@emotion/react';
1
+ import React, { type LegacyRef, type ReactElement, type ReactNode, type Ref } from 'react';
7
2
  import { type CoercedMenuPlacement, type CommonProps, type CommonPropsAndClassName, type CSSObjectWithLabel, type GroupBase, type MenuPlacement, type MenuPosition } from '../types';
8
3
  interface MenuPlacementProps {
9
4
  /**
@@ -54,9 +49,9 @@ interface MenuPlacerProps<Option, IsMulti extends boolean, Group extends GroupBa
54
49
  */
55
50
  children: (childrenProps: ChildrenProps) => ReactElement;
56
51
  }
57
- export declare const menuCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ placement, }: MenuProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
58
- export declare const MenuPlacer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MenuPlacerProps<Option, IsMulti, Group>) => ReactElement<any, string | import("react").JSXElementConstructor<any>>;
59
- declare const Menu: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MenuProps<Option, IsMulti, Group>) => jsx.JSX.Element;
52
+ export declare const menuCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MenuProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
53
+ export declare const MenuPlacer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MenuPlacerProps<Option, IsMulti, Group>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
54
+ declare const Menu: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MenuProps<Option, IsMulti, Group>) => React.JSX.Element;
60
55
  export default Menu;
61
56
  export interface MenuListProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
62
57
  /**
@@ -80,8 +75,8 @@ export interface MenuListProps<Option = unknown, IsMulti extends boolean = boole
80
75
  */
81
76
  innerProps: JSX.IntrinsicElements['div'];
82
77
  }
83
- export declare const menuListCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ maxHeight, }: MenuListProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
84
- export declare const MenuList: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MenuListProps<Option, IsMulti, Group>) => jsx.JSX.Element;
78
+ export declare const menuListCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MenuListProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
79
+ export declare const MenuList: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MenuListProps<Option, IsMulti, Group>) => React.JSX.Element;
85
80
  export declare const noOptionsMessageCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({}: NoticeProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
86
81
  export declare const loadingMessageCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({}: NoticeProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
87
82
  export interface NoticeProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
@@ -94,8 +89,8 @@ export interface NoticeProps<Option = unknown, IsMulti extends boolean = boolean
94
89
  */
95
90
  innerProps: JSX.IntrinsicElements['div'];
96
91
  }
97
- export declare const NoOptionsMessage: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ children, innerProps, ...restProps }: NoticeProps<Option, IsMulti, Group>) => jsx.JSX.Element;
98
- export declare const LoadingMessage: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ children, innerProps, ...restProps }: NoticeProps<Option, IsMulti, Group>) => jsx.JSX.Element;
92
+ export declare const NoOptionsMessage: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: NoticeProps<Option, IsMulti, Group>) => React.JSX.Element;
93
+ export declare const LoadingMessage: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: NoticeProps<Option, IsMulti, Group>) => React.JSX.Element;
99
94
  export interface MenuPortalProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
100
95
  appendTo: HTMLElement | undefined;
101
96
  children: ReactNode;
@@ -112,5 +107,5 @@ export interface PortalStyleArgs {
112
107
  width: number;
113
108
  };
114
109
  }
115
- export declare const menuPortalCSS: ({ rect, offset, position }: PortalStyleArgs) => CSSObjectWithLabel;
116
- export declare const MenuPortal: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MenuPortalProps<Option, IsMulti, Group>) => jsx.JSX.Element | null;
110
+ export declare const menuPortalCSS: (props: PortalStyleArgs) => CSSObjectWithLabel;
111
+ export declare const MenuPortal: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MenuPortalProps<Option, IsMulti, Group>) => React.JSX.Element;
@@ -1,9 +1,6 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
- import { type ComponentType, type ReactNode } from 'react';
6
- import { jsx } from '@emotion/react';
1
+ import React, { type ComponentType, type CSSProperties, type ReactNode } from 'react';
2
+ import { type XCSSProp } from '@compiled/react';
3
+ import type { XCSSAllProperties, XCSSAllPseudos } from '@atlaskit/css';
7
4
  import { type SelectProps } from '../select';
8
5
  import { type CommonPropsAndClassName, type CSSObjectWithLabel, type GroupBase } from '../types';
9
6
  interface MultiValueComponents<Option, IsMulti extends boolean, Group extends GroupBase<Option>> {
@@ -22,26 +19,35 @@ export interface MultiValueProps<Option = unknown, IsMulti extends boolean = boo
22
19
  removeProps: JSX.IntrinsicElements['div'];
23
20
  index: number;
24
21
  }
25
- export declare const multiValueCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, isFocused, }: 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;
22
+ export declare const multiValueCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MultiValueProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
23
+ export declare const multiValueLabelCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MultiValueProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
24
+ export declare const multiValueRemoveCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MultiValueProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
28
25
  export interface MultiValueGenericProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> {
29
26
  children: ReactNode;
30
27
  data: any;
31
28
  innerProps: {
32
29
  className?: string;
30
+ style?: CSSProperties;
33
31
  };
34
32
  selectProps: SelectProps<Option, IsMulti, Group>;
33
+ isFocused?: boolean;
34
+ isDisabled?: boolean;
35
+ hasEllipsis?: boolean;
36
+ className?: string | undefined;
37
+ xcss?: XCSSProp<XCSSAllProperties, XCSSAllPseudos> | undefined;
35
38
  }
36
- export declare const MultiValueContainer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ children, innerProps, }: MultiValueGenericProps<Option, IsMulti, Group>) => jsx.JSX.Element;
37
- export declare const MultiValueLabel: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ children, innerProps, }: MultiValueGenericProps<Option, IsMulti, Group>) => jsx.JSX.Element;
39
+ export declare const MultiValueContainer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MultiValueGenericProps<Option, IsMulti, Group>) => React.JSX.Element;
40
+ export declare const MultiValueLabel: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MultiValueGenericProps<Option, IsMulti, Group>) => React.JSX.Element;
38
41
  export interface MultiValueRemoveProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> {
39
42
  children?: ReactNode;
40
43
  data: Option;
41
44
  innerProps: JSX.IntrinsicElements['div'];
42
45
  selectProps: SelectProps<Option, IsMulti, Group>;
43
46
  isDisabled: boolean;
47
+ isFocused?: boolean;
48
+ className?: string | undefined;
49
+ xcss?: XCSSProp<XCSSAllProperties, XCSSAllPseudos> | undefined;
44
50
  }
45
- export declare function MultiValueRemove<Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, innerProps, }: MultiValueRemoveProps<Option, IsMulti, Group>): jsx.JSX.Element;
46
- declare const MultiValue: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MultiValueProps<Option, IsMulti, Group>) => jsx.JSX.Element;
51
+ export declare function MultiValueRemove<Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MultiValueRemoveProps<Option, IsMulti, Group>): React.JSX.Element;
52
+ declare const MultiValue: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MultiValueProps<Option, IsMulti, Group>) => React.JSX.Element;
47
53
  export default MultiValue;
@@ -1,9 +1,4 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
- import { type ReactNode, type RefCallback } from 'react';
6
- import { jsx } from '@emotion/react';
1
+ import React, { type ReactNode, type RefCallback } from 'react';
7
2
  import { type CommonPropsAndClassName, type CSSObjectWithLabel, type GroupBase } from '../types';
8
3
  export interface OptionProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
9
4
  /**
@@ -44,6 +39,6 @@ export interface OptionProps<Option = unknown, IsMulti extends boolean = boolean
44
39
  */
45
40
  isSelected: boolean;
46
41
  }
47
- export declare const optionCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, isFocused, isSelected, }: OptionProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
48
- declare const Option: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: OptionProps<Option, IsMulti, Group>) => jsx.JSX.Element;
42
+ export declare const optionCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: OptionProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
43
+ declare const Option: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: OptionProps<Option, IsMulti, Group>) => React.JSX.Element;
49
44
  export default Option;
@@ -1,9 +1,4 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
- import { type ReactNode } from 'react';
6
- import { jsx } from '@emotion/react';
1
+ import React, { type ReactNode } from 'react';
7
2
  import { type CommonPropsAndClassName, type CSSObjectWithLabel, type GroupBase } from '../types';
8
3
  export interface PlaceholderProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
9
4
  /**
@@ -17,6 +12,6 @@ export interface PlaceholderProps<Option = unknown, IsMulti extends boolean = bo
17
12
  isDisabled: boolean;
18
13
  isFocused: boolean;
19
14
  }
20
- export declare const placeholderCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, }: PlaceholderProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
21
- declare const Placeholder: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: PlaceholderProps<Option, IsMulti, Group>) => jsx.JSX.Element;
15
+ export declare const placeholderCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: PlaceholderProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
16
+ declare const Placeholder: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: PlaceholderProps<Option, IsMulti, Group>) => React.JSX.Element;
22
17
  export default Placeholder;