@atlaskit/react-select 2.7.6 → 3.0.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 (273) hide show
  1. package/CHANGELOG.md +33 -0
  2. package/dist/cjs/components/containers.compiled.css +26 -0
  3. package/dist/cjs/components/containers.js +80 -13
  4. package/dist/cjs/components/control.js +50 -9
  5. package/dist/cjs/components/group.js +60 -12
  6. package/dist/cjs/components/indicators.js +128 -15
  7. package/dist/cjs/components/input.js +50 -9
  8. package/dist/cjs/components/internal/a11y-text.js +14 -7
  9. package/dist/cjs/components/internal/dummy-input.js +21 -7
  10. package/dist/cjs/components/internal/required-input.js +24 -8
  11. package/dist/cjs/components/live-region.js +101 -7
  12. package/dist/cjs/components/menu.js +436 -27
  13. package/dist/cjs/components/multi-value.js +148 -22
  14. package/dist/cjs/components/option.js +41 -9
  15. package/dist/cjs/components/placeholder.js +29 -9
  16. package/dist/cjs/components/single-value.js +30 -9
  17. package/dist/cjs/select.js +1 -1
  18. package/dist/es2019/components/containers.compiled.css +26 -0
  19. package/dist/es2019/components/containers.js +93 -10
  20. package/dist/es2019/components/control.js +54 -8
  21. package/dist/es2019/components/group.js +67 -9
  22. package/dist/es2019/components/indicators.js +131 -11
  23. package/dist/es2019/components/input.js +53 -7
  24. package/dist/es2019/components/internal/a11y-text.js +12 -6
  25. package/dist/es2019/components/internal/dummy-input.js +19 -7
  26. package/dist/es2019/components/internal/required-input.js +22 -6
  27. package/dist/es2019/components/live-region.js +104 -6
  28. package/dist/es2019/components/menu.js +444 -19
  29. package/dist/es2019/components/multi-value.js +157 -15
  30. package/dist/es2019/components/option.js +45 -7
  31. package/dist/es2019/components/placeholder.js +33 -7
  32. package/dist/es2019/components/single-value.js +34 -7
  33. package/dist/es2019/select.js +1 -1
  34. package/dist/esm/components/containers.compiled.css +26 -0
  35. package/dist/esm/components/containers.js +78 -12
  36. package/dist/esm/components/control.js +51 -8
  37. package/dist/esm/components/group.js +60 -11
  38. package/dist/esm/components/indicators.js +127 -15
  39. package/dist/esm/components/input.js +50 -8
  40. package/dist/esm/components/internal/a11y-text.js +12 -6
  41. package/dist/esm/components/internal/dummy-input.js +20 -7
  42. package/dist/esm/components/internal/required-input.js +22 -7
  43. package/dist/esm/components/live-region.js +99 -6
  44. package/dist/esm/components/menu.js +437 -27
  45. package/dist/esm/components/multi-value.js +148 -21
  46. package/dist/esm/components/option.js +41 -8
  47. package/dist/esm/components/placeholder.js +29 -8
  48. package/dist/esm/components/single-value.js +30 -8
  49. package/dist/esm/select.js +1 -1
  50. package/dist/types/components/containers.d.ts +12 -8
  51. package/dist/types/components/control.d.ts +7 -3
  52. package/dist/types/components/group.d.ts +10 -6
  53. package/dist/types/components/index.d.ts +21 -21
  54. package/dist/types/components/indicators.d.ts +12 -8
  55. package/dist/types/components/input.d.ts +8 -4
  56. package/dist/types/components/internal/a11y-text.d.ts +2 -2
  57. package/dist/types/components/internal/dummy-input.d.ts +7 -3
  58. package/dist/types/components/internal/required-input.d.ts +4 -0
  59. package/dist/types/components/live-region.d.ts +0 -2
  60. package/dist/types/components/menu.d.ts +17 -13
  61. package/dist/types/components/multi-value.d.ts +13 -9
  62. package/dist/types/components/option.d.ts +8 -4
  63. package/dist/types/components/placeholder.d.ts +8 -4
  64. package/dist/types/components/single-value.d.ts +8 -4
  65. package/dist/types/select.d.ts +23 -25
  66. package/dist/types-ts4.5/components/containers.d.ts +12 -8
  67. package/dist/types-ts4.5/components/control.d.ts +7 -3
  68. package/dist/types-ts4.5/components/group.d.ts +10 -6
  69. package/dist/types-ts4.5/components/index.d.ts +21 -21
  70. package/dist/types-ts4.5/components/indicators.d.ts +12 -8
  71. package/dist/types-ts4.5/components/input.d.ts +8 -4
  72. package/dist/types-ts4.5/components/internal/a11y-text.d.ts +2 -2
  73. package/dist/types-ts4.5/components/internal/dummy-input.d.ts +7 -3
  74. package/dist/types-ts4.5/components/internal/required-input.d.ts +4 -0
  75. package/dist/types-ts4.5/components/live-region.d.ts +0 -2
  76. package/dist/types-ts4.5/components/menu.d.ts +17 -13
  77. package/dist/types-ts4.5/components/multi-value.d.ts +13 -9
  78. package/dist/types-ts4.5/components/option.d.ts +8 -4
  79. package/dist/types-ts4.5/components/placeholder.d.ts +8 -4
  80. package/dist/types-ts4.5/components/single-value.d.ts +8 -4
  81. package/dist/types-ts4.5/select.d.ts +23 -25
  82. package/package.json +3 -3
  83. package/dist/cjs/compiled/components/control.js +0 -65
  84. package/dist/cjs/compiled/components/group.js +0 -80
  85. package/dist/cjs/compiled/components/indicators.js +0 -158
  86. package/dist/cjs/compiled/components/input.js +0 -65
  87. package/dist/cjs/compiled/components/internal/a11y-text.js +0 -24
  88. package/dist/cjs/compiled/components/internal/dummy-input.js +0 -30
  89. package/dist/cjs/compiled/components/internal/required-input.js +0 -35
  90. package/dist/cjs/compiled/components/live-region.js +0 -117
  91. package/dist/cjs/compiled/components/menu.js +0 -489
  92. package/dist/cjs/compiled/components/multi-value.js +0 -173
  93. package/dist/cjs/compiled/components/option.js +0 -56
  94. package/dist/cjs/compiled/components/placeholder.js +0 -44
  95. package/dist/cjs/compiled/components/single-value.js +0 -45
  96. package/dist/cjs/emotion/components/containers.js +0 -117
  97. package/dist/cjs/emotion/components/control.js +0 -112
  98. package/dist/cjs/emotion/components/group.js +0 -72
  99. package/dist/cjs/emotion/components/indicators.js +0 -140
  100. package/dist/cjs/emotion/components/input.js +0 -94
  101. package/dist/cjs/emotion/components/internal/a11y-text.js +0 -37
  102. package/dist/cjs/emotion/components/internal/dummy-input.js +0 -45
  103. package/dist/cjs/emotion/components/internal/index.js +0 -34
  104. package/dist/cjs/emotion/components/internal/required-input.js +0 -45
  105. package/dist/cjs/emotion/components/internal/scroll-manager.js +0 -59
  106. package/dist/cjs/emotion/components/internal/use-scroll-capture.js +0 -132
  107. package/dist/cjs/emotion/components/internal/use-scroll-lock.js +0 -149
  108. package/dist/cjs/emotion/components/live-region.js +0 -120
  109. package/dist/cjs/emotion/components/menu.js +0 -456
  110. package/dist/cjs/emotion/components/multi-value.js +0 -199
  111. package/dist/cjs/emotion/components/option.js +0 -84
  112. package/dist/cjs/emotion/components/placeholder.js +0 -36
  113. package/dist/cjs/emotion/components/single-value.js +0 -42
  114. package/dist/es2019/compiled/components/control.js +0 -58
  115. package/dist/es2019/compiled/components/group.js +0 -72
  116. package/dist/es2019/compiled/components/indicators.js +0 -146
  117. package/dist/es2019/compiled/components/input.js +0 -56
  118. package/dist/es2019/compiled/components/internal/a11y-text.js +0 -13
  119. package/dist/es2019/compiled/components/internal/dummy-input.js +0 -20
  120. package/dist/es2019/compiled/components/internal/required-input.js +0 -25
  121. package/dist/es2019/compiled/components/live-region.js +0 -112
  122. package/dist/es2019/compiled/components/menu.js +0 -477
  123. package/dist/es2019/compiled/components/multi-value.js +0 -165
  124. package/dist/es2019/compiled/components/option.js +0 -48
  125. package/dist/es2019/compiled/components/placeholder.js +0 -36
  126. package/dist/es2019/compiled/components/single-value.js +0 -37
  127. package/dist/es2019/emotion/components/containers.js +0 -114
  128. package/dist/es2019/emotion/components/control.js +0 -108
  129. package/dist/es2019/emotion/components/group.js +0 -60
  130. package/dist/es2019/emotion/components/indicators.js +0 -131
  131. package/dist/es2019/emotion/components/input.js +0 -87
  132. package/dist/es2019/emotion/components/internal/a11y-text.js +0 -28
  133. package/dist/es2019/emotion/components/internal/dummy-input.js +0 -38
  134. package/dist/es2019/emotion/components/internal/index.js +0 -4
  135. package/dist/es2019/emotion/components/internal/required-input.js +0 -36
  136. package/dist/es2019/emotion/components/internal/scroll-manager.js +0 -51
  137. package/dist/es2019/emotion/components/internal/use-scroll-capture.js +0 -128
  138. package/dist/es2019/emotion/components/internal/use-scroll-lock.js +0 -143
  139. package/dist/es2019/emotion/components/live-region.js +0 -120
  140. package/dist/es2019/emotion/components/menu.js +0 -452
  141. package/dist/es2019/emotion/components/multi-value.js +0 -203
  142. package/dist/es2019/emotion/components/option.js +0 -79
  143. package/dist/es2019/emotion/components/placeholder.js +0 -29
  144. package/dist/es2019/emotion/components/single-value.js +0 -35
  145. package/dist/esm/compiled/components/control.js +0 -57
  146. package/dist/esm/compiled/components/group.js +0 -71
  147. package/dist/esm/compiled/components/indicators.js +0 -150
  148. package/dist/esm/compiled/components/input.js +0 -56
  149. package/dist/esm/compiled/components/internal/a11y-text.js +0 -15
  150. package/dist/esm/compiled/components/internal/dummy-input.js +0 -21
  151. package/dist/esm/compiled/components/internal/required-input.js +0 -26
  152. package/dist/esm/compiled/components/live-region.js +0 -109
  153. package/dist/esm/compiled/components/menu.js +0 -484
  154. package/dist/esm/compiled/components/multi-value.js +0 -162
  155. package/dist/esm/compiled/components/option.js +0 -47
  156. package/dist/esm/compiled/components/placeholder.js +0 -35
  157. package/dist/esm/compiled/components/single-value.js +0 -36
  158. package/dist/esm/emotion/components/containers.js +0 -110
  159. package/dist/esm/emotion/components/control.js +0 -104
  160. package/dist/esm/emotion/components/group.js +0 -66
  161. package/dist/esm/emotion/components/indicators.js +0 -135
  162. package/dist/esm/emotion/components/input.js +0 -90
  163. package/dist/esm/emotion/components/internal/a11y-text.js +0 -30
  164. package/dist/esm/emotion/components/internal/dummy-input.js +0 -39
  165. package/dist/esm/emotion/components/internal/index.js +0 -4
  166. package/dist/esm/emotion/components/internal/required-input.js +0 -37
  167. package/dist/esm/emotion/components/internal/scroll-manager.js +0 -51
  168. package/dist/esm/emotion/components/internal/use-scroll-capture.js +0 -126
  169. package/dist/esm/emotion/components/internal/use-scroll-lock.js +0 -143
  170. package/dist/esm/emotion/components/live-region.js +0 -117
  171. package/dist/esm/emotion/components/menu.js +0 -456
  172. package/dist/esm/emotion/components/multi-value.js +0 -193
  173. package/dist/esm/emotion/components/option.js +0 -76
  174. package/dist/esm/emotion/components/placeholder.js +0 -28
  175. package/dist/esm/emotion/components/single-value.js +0 -34
  176. package/dist/types/compiled/components/control.d.ts +0 -41
  177. package/dist/types/compiled/components/group.d.ts +0 -54
  178. package/dist/types/compiled/components/indicators.d.ts +0 -72
  179. package/dist/types/compiled/components/input.d.ts +0 -36
  180. package/dist/types/compiled/components/internal/a11y-text.d.ts +0 -3
  181. package/dist/types/compiled/components/internal/dummy-input.d.ts +0 -8
  182. package/dist/types/compiled/components/internal/required-input.d.ts +0 -10
  183. package/dist/types/compiled/components/live-region.d.ts +0 -17
  184. package/dist/types/compiled/components/menu.d.ts +0 -115
  185. package/dist/types/compiled/components/multi-value.d.ts +0 -57
  186. package/dist/types/compiled/components/option.d.ts +0 -48
  187. package/dist/types/compiled/components/placeholder.d.ts +0 -21
  188. package/dist/types/compiled/components/single-value.d.ts +0 -27
  189. package/dist/types/emotion/components/containers.d.ts +0 -54
  190. package/dist/types/emotion/components/control.d.ts +0 -42
  191. package/dist/types/emotion/components/group.d.ts +0 -52
  192. package/dist/types/emotion/components/indicators.d.ts +0 -73
  193. package/dist/types/emotion/components/input.d.ts +0 -37
  194. package/dist/types/emotion/components/internal/a11y-text.d.ts +0 -8
  195. package/dist/types/emotion/components/internal/dummy-input.d.ts +0 -9
  196. package/dist/types/emotion/components/internal/index.d.ts +0 -4
  197. package/dist/types/emotion/components/internal/required-input.d.ts +0 -10
  198. package/dist/types/emotion/components/internal/scroll-manager.d.ts +0 -17
  199. package/dist/types/emotion/components/internal/use-scroll-capture.d.ts +0 -12
  200. package/dist/types/emotion/components/internal/use-scroll-lock.d.ts +0 -9
  201. package/dist/types/emotion/components/live-region.d.ts +0 -23
  202. package/dist/types/emotion/components/menu.d.ts +0 -116
  203. package/dist/types/emotion/components/multi-value.d.ts +0 -47
  204. package/dist/types/emotion/components/option.d.ts +0 -49
  205. package/dist/types/emotion/components/placeholder.d.ts +0 -22
  206. package/dist/types/emotion/components/single-value.d.ts +0 -28
  207. package/dist/types-ts4.5/compiled/components/control.d.ts +0 -41
  208. package/dist/types-ts4.5/compiled/components/group.d.ts +0 -54
  209. package/dist/types-ts4.5/compiled/components/indicators.d.ts +0 -72
  210. package/dist/types-ts4.5/compiled/components/input.d.ts +0 -36
  211. package/dist/types-ts4.5/compiled/components/internal/a11y-text.d.ts +0 -3
  212. package/dist/types-ts4.5/compiled/components/internal/dummy-input.d.ts +0 -8
  213. package/dist/types-ts4.5/compiled/components/internal/required-input.d.ts +0 -10
  214. package/dist/types-ts4.5/compiled/components/live-region.d.ts +0 -17
  215. package/dist/types-ts4.5/compiled/components/menu.d.ts +0 -115
  216. package/dist/types-ts4.5/compiled/components/multi-value.d.ts +0 -57
  217. package/dist/types-ts4.5/compiled/components/option.d.ts +0 -48
  218. package/dist/types-ts4.5/compiled/components/placeholder.d.ts +0 -21
  219. package/dist/types-ts4.5/compiled/components/single-value.d.ts +0 -27
  220. package/dist/types-ts4.5/emotion/components/containers.d.ts +0 -54
  221. package/dist/types-ts4.5/emotion/components/control.d.ts +0 -42
  222. package/dist/types-ts4.5/emotion/components/group.d.ts +0 -52
  223. package/dist/types-ts4.5/emotion/components/indicators.d.ts +0 -73
  224. package/dist/types-ts4.5/emotion/components/input.d.ts +0 -37
  225. package/dist/types-ts4.5/emotion/components/internal/a11y-text.d.ts +0 -8
  226. package/dist/types-ts4.5/emotion/components/internal/dummy-input.d.ts +0 -9
  227. package/dist/types-ts4.5/emotion/components/internal/index.d.ts +0 -4
  228. package/dist/types-ts4.5/emotion/components/internal/required-input.d.ts +0 -10
  229. package/dist/types-ts4.5/emotion/components/internal/scroll-manager.d.ts +0 -17
  230. package/dist/types-ts4.5/emotion/components/internal/use-scroll-capture.d.ts +0 -12
  231. package/dist/types-ts4.5/emotion/components/internal/use-scroll-lock.d.ts +0 -9
  232. package/dist/types-ts4.5/emotion/components/live-region.d.ts +0 -23
  233. package/dist/types-ts4.5/emotion/components/menu.d.ts +0 -116
  234. package/dist/types-ts4.5/emotion/components/multi-value.d.ts +0 -47
  235. package/dist/types-ts4.5/emotion/components/option.d.ts +0 -49
  236. package/dist/types-ts4.5/emotion/components/placeholder.d.ts +0 -22
  237. package/dist/types-ts4.5/emotion/components/single-value.d.ts +0 -28
  238. /package/dist/cjs/{compiled/components → components}/control.compiled.css +0 -0
  239. /package/dist/cjs/{compiled/components → components}/group.compiled.css +0 -0
  240. /package/dist/cjs/{compiled/components → components}/indicators.compiled.css +0 -0
  241. /package/dist/cjs/{compiled/components → components}/input.compiled.css +0 -0
  242. /package/dist/cjs/{compiled/components → components}/internal/a11y-text.compiled.css +0 -0
  243. /package/dist/cjs/{compiled/components → components}/internal/dummy-input.compiled.css +0 -0
  244. /package/dist/cjs/{compiled/components → components}/internal/required-input.compiled.css +0 -0
  245. /package/dist/cjs/{compiled/components → components}/menu.compiled.css +0 -0
  246. /package/dist/cjs/{compiled/components → components}/multi-value.compiled.css +0 -0
  247. /package/dist/cjs/{compiled/components → components}/option.compiled.css +0 -0
  248. /package/dist/cjs/{compiled/components → components}/placeholder.compiled.css +0 -0
  249. /package/dist/cjs/{compiled/components → components}/single-value.compiled.css +0 -0
  250. /package/dist/es2019/{compiled/components → components}/control.compiled.css +0 -0
  251. /package/dist/es2019/{compiled/components → components}/group.compiled.css +0 -0
  252. /package/dist/es2019/{compiled/components → components}/indicators.compiled.css +0 -0
  253. /package/dist/es2019/{compiled/components → components}/input.compiled.css +0 -0
  254. /package/dist/es2019/{compiled/components → components}/internal/a11y-text.compiled.css +0 -0
  255. /package/dist/es2019/{compiled/components → components}/internal/dummy-input.compiled.css +0 -0
  256. /package/dist/es2019/{compiled/components → components}/internal/required-input.compiled.css +0 -0
  257. /package/dist/es2019/{compiled/components → components}/menu.compiled.css +0 -0
  258. /package/dist/es2019/{compiled/components → components}/multi-value.compiled.css +0 -0
  259. /package/dist/es2019/{compiled/components → components}/option.compiled.css +0 -0
  260. /package/dist/es2019/{compiled/components → components}/placeholder.compiled.css +0 -0
  261. /package/dist/es2019/{compiled/components → components}/single-value.compiled.css +0 -0
  262. /package/dist/esm/{compiled/components → components}/control.compiled.css +0 -0
  263. /package/dist/esm/{compiled/components → components}/group.compiled.css +0 -0
  264. /package/dist/esm/{compiled/components → components}/indicators.compiled.css +0 -0
  265. /package/dist/esm/{compiled/components → components}/input.compiled.css +0 -0
  266. /package/dist/esm/{compiled/components → components}/internal/a11y-text.compiled.css +0 -0
  267. /package/dist/esm/{compiled/components → components}/internal/dummy-input.compiled.css +0 -0
  268. /package/dist/esm/{compiled/components → components}/internal/required-input.compiled.css +0 -0
  269. /package/dist/esm/{compiled/components → components}/menu.compiled.css +0 -0
  270. /package/dist/esm/{compiled/components → components}/multi-value.compiled.css +0 -0
  271. /package/dist/esm/{compiled/components → components}/option.compiled.css +0 -0
  272. /package/dist/esm/{compiled/components → components}/placeholder.compiled.css +0 -0
  273. /package/dist/esm/{compiled/components → components}/single-value.compiled.css +0 -0
@@ -1,76 +0,0 @@
1
- import _extends from "@babel/runtime/helpers/extends";
2
- /**
3
- * @jsxRuntime classic
4
- * @jsx jsx
5
- */
6
-
7
- // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
8
- import { jsx } from '@emotion/react';
9
- import { getStyleProps } from '../../utils';
10
- export var optionCSS = function optionCSS(_ref) {
11
- var isDisabled = _ref.isDisabled,
12
- isFocused = _ref.isFocused,
13
- isSelected = _ref.isSelected;
14
- var color = "var(--ds-text, #172B4D)";
15
- if (isDisabled) {
16
- color = "var(--ds-text-disabled, #091E424F)";
17
- } else if (isSelected) {
18
- color = "var(--ds-text-selected, #0C66E4)";
19
- }
20
- var boxShadow;
21
- var backgroundColor;
22
- if (isDisabled) {
23
- backgroundColor = undefined;
24
- } else if (isSelected && isFocused) {
25
- backgroundColor = "var(--ds-background-selected-hovered, #CCE0FF)";
26
- } else if (isSelected) {
27
- backgroundColor = "var(--ds-background-selected, #E9F2FF)";
28
- } else if (isFocused) {
29
- backgroundColor = "var(--ds-background-neutral-subtle-hovered, #091E420F)";
30
- }
31
- if (!isDisabled && (isFocused || isSelected)) {
32
- boxShadow = "inset 2px 0px 0px ".concat("var(--ds-border-selected, #0C66E4)");
33
- }
34
- var cursor = isDisabled ? 'not-allowed' : 'default';
35
- return {
36
- label: 'option',
37
- display: 'block',
38
- // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
39
- fontSize: 'inherit',
40
- width: '100%',
41
- userSelect: 'none',
42
- WebkitTapHighlightColor: 'rgba(0, 0, 0, 0)',
43
- padding: "var(--ds-space-075, 6px)".concat(" ", "var(--ds-space-150, 12px)"),
44
- backgroundColor: backgroundColor,
45
- color: color,
46
- cursor: cursor,
47
- boxShadow: boxShadow,
48
- ':active': {
49
- backgroundColor: !isDisabled ? isSelected ? "var(--ds-background-selected-pressed, #85B8FF)" : "var(--ds-background-neutral-subtle-pressed, #091E4224)" : undefined
50
- },
51
- '@media screen and (-ms-high-contrast: active)': {
52
- borderLeft: !isDisabled && (isFocused || isSelected) ? '2px solid transparent' : ''
53
- }
54
- };
55
- };
56
- var Option = function Option(props) {
57
- var children = props.children,
58
- isDisabled = props.isDisabled,
59
- isFocused = props.isFocused,
60
- isSelected = props.isSelected,
61
- innerRef = props.innerRef,
62
- innerProps = props.innerProps;
63
- return jsx("div", _extends({}, getStyleProps(props, 'option', {
64
- option: true,
65
- 'option--is-disabled': isDisabled,
66
- 'option--is-focused': isFocused,
67
- 'option--is-selected': isSelected
68
- }), {
69
- ref: innerRef
70
- }, innerProps, {
71
- tabIndex: -1
72
- }), children);
73
- };
74
-
75
- // eslint-disable-next-line @repo/internal/react/require-jsdoc
76
- export default Option;
@@ -1,28 +0,0 @@
1
- import _extends from "@babel/runtime/helpers/extends";
2
- /**
3
- * @jsxRuntime classic
4
- * @jsx jsx
5
- */
6
-
7
- // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
8
- import { jsx } from '@emotion/react';
9
- import { getStyleProps } from '../../utils';
10
- export var placeholderCSS = function placeholderCSS(_ref) {
11
- var isDisabled = _ref.isDisabled;
12
- return {
13
- label: 'placeholder',
14
- gridArea: '1 / 1 / 2 / 3',
15
- margin: "0 ".concat("var(--ds-space-025, 2px)"),
16
- color: isDisabled ? "var(--ds-text-disabled, #091E424F)" : "var(--ds-text-subtlest, #626F86)"
17
- };
18
- };
19
- var Placeholder = function Placeholder(props) {
20
- var children = props.children,
21
- innerProps = props.innerProps;
22
- return jsx("div", _extends({}, getStyleProps(props, 'placeholder', {
23
- placeholder: true
24
- }), innerProps), children);
25
- };
26
-
27
- // eslint-disable-next-line @repo/internal/react/require-jsdoc
28
- export default Placeholder;
@@ -1,34 +0,0 @@
1
- import _extends from "@babel/runtime/helpers/extends";
2
- /**
3
- * @jsxRuntime classic
4
- * @jsx jsx
5
- */
6
-
7
- // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
8
- import { jsx } from '@emotion/react';
9
- import { getStyleProps } from '../../utils';
10
- export var css = function css(_ref) {
11
- var isDisabled = _ref.isDisabled;
12
- return {
13
- label: 'singleValue',
14
- gridArea: '1 / 1 / 2 / 3',
15
- maxWidth: '100%',
16
- overflow: 'hidden',
17
- textOverflow: 'ellipsis',
18
- whiteSpace: 'nowrap',
19
- margin: "0 ".concat("var(--ds-space-025, 2px)"),
20
- color: isDisabled ? "var(--ds-text-disabled, #091E424F)" : "var(--ds-text, #172B4D)"
21
- };
22
- };
23
- var SingleValue = function SingleValue(props) {
24
- var children = props.children,
25
- isDisabled = props.isDisabled,
26
- innerProps = props.innerProps;
27
- return jsx("div", _extends({}, getStyleProps(props, 'singleValue', {
28
- 'single-value': true,
29
- 'single-value--is-disabled': isDisabled
30
- }), innerProps), children);
31
- };
32
-
33
- // eslint-disable-next-line @repo/internal/react/require-jsdoc
34
- export default SingleValue;
@@ -1,41 +0,0 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
- import { type ReactNode, type Ref } from 'react';
6
- import { type CommonPropsAndClassName, type GroupBase } from '../../types';
7
- export interface ControlProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
8
- /**
9
- * Children to render.
10
- */
11
- children: ReactNode;
12
- innerRef: Ref<HTMLDivElement>;
13
- /**
14
- * The mouse down event and the innerRef to pass down to the controller element.
15
- */
16
- innerProps: {};
17
- /**
18
- * Whether the select is disabled.
19
- */
20
- isDisabled: boolean;
21
- /**
22
- * Whether the select is focused.
23
- */
24
- isFocused: boolean;
25
- /**
26
- * Whether the select is invalid.
27
- */
28
- isInvalid: boolean | undefined;
29
- /**
30
- * Whether the select is compact.
31
- */
32
- isCompact?: boolean;
33
- appearance?: 'default' | 'subtle' | 'none';
34
- /**
35
- * Whether the select is expanded.
36
- */
37
- menuIsOpen: boolean;
38
- }
39
- export declare const css: () => {};
40
- declare const Control: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ControlProps<Option, IsMulti, Group>) => JSX.Element;
41
- export default Control;
@@ -1,54 +0,0 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
- import { type ComponentType, 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 CommonProps, type CommonPropsAndClassName, type CX, type GetStyles, type GroupBase, type Options } from '../../types';
10
- interface ForwardedHeadingProps<Option, Group extends GroupBase<Option>> {
11
- id: string;
12
- data: Group;
13
- }
14
- export interface GroupProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
15
- /**
16
- * The children to be rendered.
17
- */
18
- children: ReactNode;
19
- /**
20
- * Component to wrap the label, receives headingProps.
21
- */
22
- Heading: ComponentType<GroupHeadingProps<Option, IsMulti, Group>>;
23
- /**
24
- * Props to pass to Heading.
25
- */
26
- headingProps: ForwardedHeadingProps<Option, Group>;
27
- /**
28
- * Props to be passed to the group element.
29
- */
30
- innerProps: JSX.IntrinsicElements['div'];
31
- /**
32
- * Label to be displayed in the heading component.
33
- */
34
- label: ReactNode;
35
- /**
36
- * The data of the group.
37
- */
38
- data: Group;
39
- options: Options<Option>;
40
- }
41
- export declare const groupCSS: () => {};
42
- declare const Group: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: GroupProps<Option, IsMulti, Group>) => JSX.Element;
43
- interface GroupHeadingPropsDefinedProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> extends ForwardedHeadingProps<Option, Group> {
44
- className?: string | undefined;
45
- selectProps: SelectProps<Option, IsMulti, Group>;
46
- getStyles: GetStyles<Option, IsMulti, Group>;
47
- getClassNames: CommonProps<Option, IsMulti, Group>['getClassNames'];
48
- cx: CX;
49
- xcss?: XCSSProp<XCSSAllProperties, XCSSAllPseudos> | undefined;
50
- }
51
- export type GroupHeadingProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> = GroupHeadingPropsDefinedProps<Option, IsMulti, Group> & JSX.IntrinsicElements['div'];
52
- export declare const groupHeadingCSS: () => {};
53
- export declare const GroupHeading: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: GroupHeadingProps<Option, IsMulti, Group>) => JSX.Element;
54
- export default Group;
@@ -1,72 +0,0 @@
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 DropdownIndicatorProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
8
- /**
9
- * The children to be rendered inside the indicator.
10
- */
11
- children?: ReactNode;
12
- /**
13
- * Props that will be passed on to the children.
14
- */
15
- innerProps: JSX.IntrinsicElements['div'];
16
- /**
17
- * The focused state of the select.
18
- */
19
- isFocused: boolean;
20
- isDisabled: boolean;
21
- /**
22
- * Whether the select is compact.
23
- */
24
- isCompact?: boolean;
25
- }
26
- export declare const dropdownIndicatorCSS: () => {};
27
- export declare const DropdownIndicator: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: DropdownIndicatorProps<Option, IsMulti, Group>) => JSX.Element;
28
- export interface ClearIndicatorProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
29
- /**
30
- * The children to be rendered inside the indicator.
31
- */
32
- children?: ReactNode;
33
- /**
34
- * Sets the `aria-label` for the clear icon button
35
- */
36
- clearControlLabel?: string;
37
- /**
38
- * Props that will be passed on to the children.
39
- */
40
- innerProps: JSX.IntrinsicElements['div'];
41
- /**
42
- * The focused state of the select.
43
- */
44
- isFocused: boolean;
45
- /**
46
- * Whether the select is compact.
47
- */
48
- isCompact?: boolean;
49
- }
50
- export declare const clearIndicatorCSS: () => {};
51
- export declare const ClearIndicator: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ClearIndicatorProps<Option, IsMulti, Group>) => JSX.Element;
52
- export declare const loadingIndicatorCSS: () => {};
53
- export interface LoadingIndicatorProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
54
- /**
55
- * Props that will be passed on to the children.
56
- */
57
- innerProps: JSX.IntrinsicElements['div'];
58
- /**
59
- * The focused state of the select.
60
- */
61
- isFocused: boolean;
62
- isDisabled: boolean;
63
- /**
64
- * Set size of the container.
65
- */
66
- size: number;
67
- /**
68
- * Whether the select is compact.
69
- */
70
- isCompact?: boolean;
71
- }
72
- export declare const LoadingIndicator: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ innerProps, isRtl, size, isCompact, xcss, ...restProps }: LoadingIndicatorProps<Option, IsMulti, Group>) => JSX.Element;
@@ -1,36 +0,0 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
- import { type InputHTMLAttributes } from 'react';
6
- import { type CommonPropsAndClassName, type GroupBase } from '../../types';
7
- interface InputSpecificProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends InputHTMLAttributes<HTMLInputElement>, CommonPropsAndClassName<Option, IsMulti, Group> {
8
- /**
9
- * Reference to the internal element
10
- */
11
- innerRef?: (instance: HTMLInputElement | null) => void;
12
- /**
13
- * Set whether the input should be visible. Does not affect input size.
14
- */
15
- isHidden: boolean;
16
- /**
17
- * Whether the input is disabled
18
- */
19
- isDisabled?: boolean;
20
- /**
21
- * The ID of the form that the input belongs to
22
- */
23
- form?: string;
24
- /**
25
- * Set className for the input element
26
- */
27
- inputClassName?: string;
28
- /**
29
- * A testId prop is provided for specific elements. This is a unique string that appears as a data attribute data-testid in the rendered code and serves as a hook for automated tests.
30
- */
31
- testId?: string;
32
- }
33
- export type InputProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> = InputSpecificProps<Option, IsMulti, Group>;
34
- export declare const inputCSS: () => {};
35
- declare const Input: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: InputProps<Option, IsMulti, Group>) => JSX.Element;
36
- export default Input;
@@ -1,3 +0,0 @@
1
- /// <reference types="react" />
2
- declare const A11yText: (props: JSX.IntrinsicElements['span']) => JSX.Element;
3
- export default A11yText;
@@ -1,8 +0,0 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
- import { type Ref } from 'react';
6
- export default function DummyInput({ innerRef, ...props }: JSX.IntrinsicElements['input'] & {
7
- readonly innerRef: Ref<HTMLInputElement>;
8
- }): JSX.Element;
@@ -1,10 +0,0 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
- import { type FocusEventHandler, type FunctionComponent } from 'react';
6
- declare const RequiredInput: FunctionComponent<{
7
- readonly name?: string;
8
- readonly onFocus: FocusEventHandler<HTMLInputElement>;
9
- }>;
10
- export default RequiredInput;
@@ -1,17 +0,0 @@
1
- import React, { type ReactNode } from 'react';
2
- import { type AriaSelection } from '../../accessibility';
3
- import { type CommonProps, type GroupBase, type Options } from '../../types';
4
- interface LiveRegionProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> extends CommonProps<Option, IsMulti, Group> {
5
- children: ReactNode;
6
- innerProps: {
7
- className?: string;
8
- };
9
- ariaSelection: AriaSelection<Option, IsMulti>;
10
- selectValue: Options<Option>;
11
- focusableOptions: Options<Option>;
12
- isFocused: boolean;
13
- id: string;
14
- isAppleDevice: boolean;
15
- }
16
- declare const LiveRegion: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: LiveRegionProps<Option, IsMulti, Group>) => React.JSX.Element;
17
- export default LiveRegion;
@@ -1,115 +0,0 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
- import { type LegacyRef, type ReactElement, type ReactNode, type Ref } from 'react';
6
- import { type CoercedMenuPlacement, type CommonProps, type CommonPropsAndClassName, type GroupBase, type MenuPlacement, type MenuPosition } from '../../types';
7
- interface MenuPlacementProps {
8
- /**
9
- * Set the minimum height of the menu.
10
- */
11
- minMenuHeight: number;
12
- /**
13
- * Set the maximum height of the menu.
14
- */
15
- maxMenuHeight: number;
16
- /**
17
- * Set whether the menu should be at the top, at the bottom. The auto options sets it to bottom.
18
- */
19
- menuPlacement: MenuPlacement;
20
- /**
21
- * The CSS position value of the menu, when "fixed" extra layout management is required
22
- */
23
- menuPosition: MenuPosition;
24
- /**
25
- * Set whether the page should scroll to show the menu.
26
- */
27
- menuShouldScrollIntoView: boolean;
28
- }
29
- export interface MenuProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group>, MenuPlacementProps {
30
- /**
31
- * Reference to the internal element, consumed by the MenuPlacer component
32
- */
33
- innerRef: Ref<HTMLDivElement>;
34
- innerProps: JSX.IntrinsicElements['div'];
35
- isLoading: boolean;
36
- placement: CoercedMenuPlacement;
37
- /**
38
- * The children to be rendered.
39
- */
40
- children: ReactNode;
41
- }
42
- interface PlacerProps {
43
- placement: CoercedMenuPlacement;
44
- maxHeight: number;
45
- }
46
- interface ChildrenProps {
47
- ref: Ref<HTMLDivElement>;
48
- placerProps: PlacerProps;
49
- }
50
- interface MenuPlacerProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> extends CommonProps<Option, IsMulti, Group>, MenuPlacementProps {
51
- /**
52
- * The children to be rendered.
53
- */
54
- children: (childrenProps: ChildrenProps) => ReactElement;
55
- }
56
- export declare const menuCSS: () => {};
57
- export declare const MenuPlacer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MenuPlacerProps<Option, IsMulti, Group>) => ReactElement<any, string | import("react").JSXElementConstructor<any>>;
58
- declare const Menu: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MenuProps<Option, IsMulti, Group>) => JSX.Element;
59
- export default Menu;
60
- export interface MenuListProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
61
- /**
62
- * Set the max height of the Menu component
63
- */
64
- maxHeight: number;
65
- /**
66
- * The children to be rendered.
67
- */
68
- children: ReactNode;
69
- /**
70
- * Inner ref to DOM ReactNode
71
- */
72
- innerRef: LegacyRef<HTMLDivElement>;
73
- /**
74
- * The currently focused option
75
- */
76
- focusedOption: Option;
77
- /**
78
- * Props to be passed to the menu-list wrapper.
79
- */
80
- innerProps: JSX.IntrinsicElements['div'];
81
- }
82
- export declare const menuListCSS: () => {};
83
- export declare const MenuList: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MenuListProps<Option, IsMulti, Group>) => JSX.Element;
84
- export declare const noOptionsMessageCSS: () => {};
85
- export declare const loadingMessageCSS: () => {};
86
- export interface NoticeProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
87
- /**
88
- * The children to be rendered.
89
- */
90
- children: ReactNode;
91
- /**
92
- * Props to be passed on to the wrapper.
93
- */
94
- innerProps: JSX.IntrinsicElements['div'];
95
- }
96
- export declare const NoOptionsMessage: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ children, innerProps, xcss, ...restProps }: NoticeProps<Option, IsMulti, Group>) => JSX.Element;
97
- export declare const LoadingMessage: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ children, innerProps, xcss, ...restProps }: NoticeProps<Option, IsMulti, Group>) => JSX.Element;
98
- export interface MenuPortalProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
99
- appendTo: HTMLElement | undefined;
100
- children: ReactNode;
101
- controlElement: HTMLDivElement | null;
102
- innerProps: JSX.IntrinsicElements['div'];
103
- menuPlacement: MenuPlacement;
104
- menuPosition: MenuPosition;
105
- }
106
- export interface PortalStyleArgs {
107
- offset: number;
108
- position: MenuPosition;
109
- rect: {
110
- left: number;
111
- width: number;
112
- };
113
- }
114
- export declare const menuPortalCSS: () => {};
115
- export declare const MenuPortal: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MenuPortalProps<Option, IsMulti, Group>) => JSX.Element | null;
@@ -1,57 +0,0 @@
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;
@@ -1,48 +0,0 @@
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;
@@ -1,21 +0,0 @@
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;
@@ -1,27 +0,0 @@
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;