@carbon/react 1.21.0 → 1.22.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 (398) hide show
  1. package/es/components/Accordion/AccordionItem.js +2 -2
  2. package/es/components/Breadcrumb/Breadcrumb.js +2 -1
  3. package/es/components/Breadcrumb/BreadcrumbItem.js +2 -1
  4. package/es/components/Button/Button.Skeleton.js +2 -1
  5. package/es/components/Button/Button.js +2 -1
  6. package/es/components/Button/index.js +0 -1
  7. package/es/components/ButtonSet/ButtonSet.js +2 -1
  8. package/es/{es/components → components}/Checkbox/Checkbox.Skeleton.d.ts +0 -0
  9. package/es/{es/components → components}/Checkbox/Checkbox.d.ts +0 -0
  10. package/es/{es/components → components}/Checkbox/index.d.ts +0 -0
  11. package/es/components/CodeSnippet/CodeSnippet.js +0 -1
  12. package/es/components/ComboBox/ComboBox.js +7 -7
  13. package/es/components/ComposedModal/ComposedModal.js +3 -2
  14. package/es/components/ComposedModal/ModalFooter.js +0 -1
  15. package/es/components/ContentSwitcher/ContentSwitcher.js +3 -3
  16. package/es/components/DangerButton/DangerButton.js +3 -2
  17. package/es/components/DataTable/Table.js +2 -1
  18. package/es/components/DataTable/TableActionList.js +2 -1
  19. package/es/components/DataTable/TableBatchAction.js +2 -2
  20. package/es/components/DataTable/TableBatchActions.js +2 -2
  21. package/es/components/DataTable/TableBody.js +2 -1
  22. package/es/components/DataTable/TableCell.js +2 -1
  23. package/es/components/DataTable/TableContainer.js +2 -1
  24. package/es/components/DataTable/TableExpandHeader.js +2 -1
  25. package/es/components/DataTable/TableExpandRow.js +2 -1
  26. package/es/components/DataTable/TableExpandedRow.js +2 -1
  27. package/es/components/DataTable/TableHead.js +2 -1
  28. package/es/components/DataTable/TableHeader.js +2 -1
  29. package/es/components/DataTable/TableRow.js +2 -1
  30. package/es/components/DataTable/TableSelectAll.d.ts +83 -0
  31. package/es/components/DataTable/TableSelectAll.js +2 -1
  32. package/es/components/DataTable/TableSelectRow.js +2 -1
  33. package/es/components/DataTable/TableToolbar.js +3 -2
  34. package/es/components/DataTable/TableToolbarAction.js +2 -1
  35. package/es/components/DataTable/TableToolbarContent.js +2 -1
  36. package/es/components/DataTable/TableToolbarMenu.js +2 -1
  37. package/es/components/DataTable/TableToolbarSearch.js +2 -2
  38. package/es/components/DataTable/state/getDerivedStateFromProps.js +3 -1
  39. package/es/components/DataTable/tools/denormalize.js +3 -1
  40. package/es/components/DataTable/tools/instanceId.js +3 -1
  41. package/es/components/DataTable/tools/normalize.js +3 -1
  42. package/es/components/DataTableSkeleton/DataTableSkeleton.js +2 -1
  43. package/es/components/DatePicker/DatePicker.Skeleton.js +2 -1
  44. package/es/components/DatePicker/DatePicker.js +4 -3
  45. package/es/components/DatePicker/index.js +0 -1
  46. package/es/components/DatePicker/plugins/fixEventsPlugin.js +32 -1
  47. package/es/components/DatePickerInput/DatePickerInput.js +2 -1
  48. package/es/components/Dropdown/Dropdown.Skeleton.js +2 -1
  49. package/es/components/Dropdown/Dropdown.d.ts +134 -0
  50. package/es/components/Dropdown/Dropdown.js +27 -14
  51. package/es/components/Dropdown/index.d.ts +11 -0
  52. package/es/components/Dropdown/index.js +0 -1
  53. package/es/components/ExpandableSearch/ExpandableSearch.js +0 -1
  54. package/es/components/FileUploader/FileUploader.js +2 -2
  55. package/es/components/FileUploader/FileUploaderButton.js +2 -2
  56. package/es/components/FileUploader/FileUploaderDropContainer.js +2 -2
  57. package/es/components/FileUploader/FileUploaderItem.js +2 -2
  58. package/es/components/FluidComboBox/FluidComboBox.Skeleton.js +2 -1
  59. package/es/components/FluidComboBox/FluidComboBox.js +2 -1
  60. package/es/components/FluidDatePicker/FluidDatePicker.js +2 -2
  61. package/es/components/FluidDatePickerInput/FluidDatePickerInput.js +2 -1
  62. package/es/components/FluidDropdown/FluidDropdown.Skeleton.js +2 -1
  63. package/es/components/FluidDropdown/FluidDropdown.js +2 -2
  64. package/es/components/FluidForm/FluidForm.d.ts +11 -0
  65. package/es/components/FluidForm/FluidForm.js +2 -2
  66. package/es/components/FluidForm/FormContext.d.ts +11 -0
  67. package/es/components/FluidForm/index.d.ts +10 -0
  68. package/es/components/FluidMultiSelect/FluidMultiSelect.Skeleton.js +2 -1
  69. package/es/components/FluidMultiSelect/FluidMultiSelect.js +2 -1
  70. package/es/components/FluidSelect/FluidSelect.Skeleton.js +2 -1
  71. package/es/components/FluidSelect/FluidSelect.js +2 -1
  72. package/es/components/FluidSelect/index.js +0 -1
  73. package/es/components/FluidTextArea/FluidTextArea.js +0 -1
  74. package/es/components/FluidTextInput/FluidTextInput.js +0 -1
  75. package/es/components/FluidTextInput/index.js +0 -1
  76. package/es/components/FluidTimePicker/FluidTimePicker.Skeleton.js +2 -3
  77. package/es/components/FluidTimePicker/FluidTimePicker.js +2 -2
  78. package/es/components/FluidTimePickerSelect/FluidTimePickerSelect.js +2 -2
  79. package/es/components/Form/Form.js +2 -1
  80. package/es/components/FormGroup/FormGroup.js +2 -1
  81. package/es/components/IconButton/index.js +1 -2
  82. package/es/components/InlineCheckbox/InlineCheckbox.js +4 -1
  83. package/es/components/Link/Link.js +2 -1
  84. package/es/components/ListBox/ListBox.d.ts +60 -0
  85. package/es/components/ListBox/ListBox.js +4 -15
  86. package/es/components/ListBox/ListBoxField.d.ts +18 -0
  87. package/es/components/ListBox/ListBoxField.js +1 -1
  88. package/es/components/ListBox/ListBoxMenu.d.ts +22 -0
  89. package/es/components/ListBox/ListBoxMenu.js +2 -2
  90. package/es/components/ListBox/ListBoxMenuIcon.d.ts +31 -0
  91. package/es/components/ListBox/ListBoxMenuIcon.js +8 -5
  92. package/es/components/ListBox/ListBoxMenuItem.d.ts +24 -0
  93. package/es/components/ListBox/ListBoxMenuItem.js +2 -3
  94. package/es/components/ListBox/ListBoxPropTypes.d.ts +14 -0
  95. package/es/components/ListBox/ListBoxPropTypes.js +4 -2
  96. package/es/components/ListBox/ListBoxSelection.d.ts +51 -0
  97. package/es/components/ListBox/ListBoxSelection.js +7 -20
  98. package/es/components/ListBox/index.d.ts +23 -0
  99. package/es/components/ListBox/index.js +11 -8
  100. package/es/components/ListBox/next/ListBoxSelection.js +3 -3
  101. package/es/components/ListBox/next/ListBoxTrigger.js +2 -1
  102. package/es/components/ListItem/ListItem.js +2 -1
  103. package/es/components/Menu/Menu.js +4 -3
  104. package/es/components/Menu/MenuOption.js +2 -2
  105. package/es/components/Modal/Modal.js +3 -3
  106. package/es/components/ModalWrapper/ModalWrapper.js +0 -1
  107. package/es/components/MultiSelect/FilterableMultiSelect.js +8 -8
  108. package/es/components/MultiSelect/MultiSelect.js +6 -6
  109. package/es/components/Notification/Notification.js +4 -5
  110. package/es/components/NumberInput/NumberInput.Skeleton.d.ts +32 -0
  111. package/es/components/OrderedList/OrderedList.js +2 -1
  112. package/es/components/OverflowMenu/OverflowMenu.js +40 -35
  113. package/es/components/OverflowMenuItem/OverflowMenuItem.js +4 -3
  114. package/es/components/OverflowMenuV2/index.js +2 -2
  115. package/es/components/Pagination/Pagination.js +2 -1
  116. package/es/components/Pagination/experimental/Pagination.js +0 -1
  117. package/es/components/PaginationNav/PaginationNav.js +2 -2
  118. package/es/components/PrimaryButton/PrimaryButton.js +3 -2
  119. package/es/components/ProgressIndicator/ProgressIndicator.js +2 -2
  120. package/es/components/RadioButton/RadioButton.js +2 -1
  121. package/es/components/RadioButtonGroup/RadioButtonGroup.js +2 -1
  122. package/es/components/RadioTile/RadioTile.js +2 -2
  123. package/es/components/Search/Search.Skeleton.js +2 -1
  124. package/es/components/Search/Search.js +6 -5
  125. package/es/components/Search/index.js +0 -1
  126. package/es/components/SecondaryButton/SecondaryButton.js +3 -2
  127. package/es/components/Select/Select.Skeleton.d.ts +33 -0
  128. package/es/components/Select/Select.Skeleton.js +2 -1
  129. package/es/components/Select/Select.js +2 -1
  130. package/es/components/SelectItem/SelectItem.js +2 -1
  131. package/es/components/SelectItemGroup/SelectItemGroup.js +2 -1
  132. package/es/components/SkeletonIcon/SkeletonIcon.js +2 -1
  133. package/es/components/SkeletonPlaceholder/SkeletonPlaceholder.js +2 -1
  134. package/es/components/SkeletonText/SkeletonText.js +2 -1
  135. package/es/components/Slider/Slider.Skeleton.d.ts +33 -0
  136. package/es/components/Slider/Slider.Skeleton.js +2 -1
  137. package/es/components/Slider/Slider.js +1 -1
  138. package/es/components/StructuredList/StructuredList.Skeleton.js +2 -1
  139. package/es/components/Switch/Switch.js +2 -1
  140. package/es/components/Tab/Tab.js +1 -1
  141. package/es/components/TabContent/TabContent.js +2 -1
  142. package/es/components/Tabs/Tabs.js +2 -3
  143. package/es/components/Tag/Tag.js +2 -1
  144. package/es/{es/components → components}/Text/Text.d.ts +0 -0
  145. package/es/{es/components → components}/Text/TextDirection.d.ts +0 -0
  146. package/es/{es/components → components}/Text/createTextComponent.d.ts +0 -0
  147. package/es/{es/components → components}/Text/index.d.ts +0 -0
  148. package/es/components/TextArea/TextArea.Skeleton.js +2 -1
  149. package/es/components/TextArea/TextArea.js +6 -3
  150. package/es/components/TextArea/index.js +0 -1
  151. package/es/components/TextInput/ControlledPasswordInput.js +2 -1
  152. package/es/components/TextInput/PasswordInput.js +2 -1
  153. package/es/components/TextInput/TextInput.Skeleton.js +2 -1
  154. package/es/components/TextInput/TextInput.js +2 -1
  155. package/es/components/TextInput/index.js +0 -1
  156. package/es/components/Tile/Tile.js +3 -7
  157. package/es/components/TileGroup/TileGroup.js +1 -1
  158. package/es/components/TimePicker/TimePicker.js +2 -1
  159. package/es/components/TimePickerSelect/TimePickerSelect.js +2 -1
  160. package/es/components/TimePickerSelect/index.js +2 -2
  161. package/es/components/Toggletip/index.js +2 -2
  162. package/es/components/Tooltip/DefinitionTooltip.js +2 -2
  163. package/es/components/Tooltip/Tooltip.js +34 -5
  164. package/es/components/TreeView/TreeNode.js +2 -2
  165. package/es/components/TreeView/TreeView.js +2 -2
  166. package/es/components/UIShell/Content.js +2 -1
  167. package/es/components/UIShell/Header.js +3 -2
  168. package/es/components/UIShell/HeaderContainer.js +2 -1
  169. package/es/components/UIShell/HeaderGlobalAction.js +3 -3
  170. package/es/components/UIShell/HeaderMenu.js +5 -4
  171. package/es/components/UIShell/HeaderMenuButton.js +1 -1
  172. package/es/components/UIShell/HeaderMenuItem.js +3 -2
  173. package/es/components/UIShell/HeaderName.js +1 -1
  174. package/es/components/UIShell/HeaderNavigation.js +1 -1
  175. package/es/components/UIShell/HeaderPanel.js +3 -2
  176. package/es/components/UIShell/HeaderSideNavItems.js +2 -1
  177. package/es/components/UIShell/Link.js +2 -1
  178. package/es/components/UIShell/SideNav.js +3 -2
  179. package/es/components/UIShell/SideNavDetails.js +2 -1
  180. package/es/components/UIShell/SideNavHeader.js +2 -1
  181. package/es/components/UIShell/SideNavItems.js +2 -1
  182. package/es/components/UIShell/SideNavLink.js +3 -2
  183. package/es/components/UIShell/SideNavMenu.js +5 -3
  184. package/es/components/UIShell/SideNavMenuItem.js +2 -1
  185. package/es/components/UIShell/SideNavSwitcher.js +2 -1
  186. package/es/components/UIShell/Switcher.js +3 -2
  187. package/es/components/UIShell/SwitcherDivider.js +2 -1
  188. package/es/components/UIShell/SwitcherItem.js +3 -2
  189. package/es/components/UnorderedList/UnorderedList.js +2 -1
  190. package/es/{es/index.d.ts → index.d.ts} +0 -0
  191. package/es/index.js +134 -140
  192. package/es/internal/ClickListener.js +1 -1
  193. package/es/internal/FloatingMenu.js +5 -6
  194. package/es/internal/OptimizedResize.js +3 -1
  195. package/es/internal/Selection.js +1 -1
  196. package/es/internal/useIsomorphicEffect.js +2 -1
  197. package/es/{es/internal → internal}/usePrefix.d.ts +0 -0
  198. package/es/node_modules/flatpickr/dist/plugins/rangePlugin.js +1 -1
  199. package/es/tools/mergeRefs.js +3 -1
  200. package/es/tools/wrapComponent.js +3 -1
  201. package/lib/components/Accordion/AccordionItem.js +2 -2
  202. package/lib/components/Breadcrumb/Breadcrumb.js +2 -1
  203. package/lib/components/Breadcrumb/BreadcrumbItem.js +2 -1
  204. package/lib/components/Button/Button.Skeleton.js +2 -1
  205. package/lib/components/Button/Button.js +2 -1
  206. package/lib/components/Button/index.js +0 -2
  207. package/lib/components/ButtonSet/ButtonSet.js +2 -1
  208. package/lib/{lib/components → components}/Checkbox/Checkbox.Skeleton.d.ts +0 -0
  209. package/lib/{lib/components → components}/Checkbox/Checkbox.d.ts +0 -0
  210. package/lib/{lib/components → components}/Checkbox/index.d.ts +0 -0
  211. package/lib/components/CodeSnippet/CodeSnippet.js +0 -1
  212. package/lib/components/ComboBox/ComboBox.js +10 -10
  213. package/lib/components/ComposedModal/ComposedModal.js +2 -1
  214. package/lib/components/ComposedModal/ModalFooter.js +0 -1
  215. package/lib/components/ContentSwitcher/ContentSwitcher.js +2 -2
  216. package/lib/components/DangerButton/DangerButton.js +3 -2
  217. package/lib/components/DataTable/DataTable.js +5 -5
  218. package/lib/components/DataTable/Table.js +2 -1
  219. package/lib/components/DataTable/TableActionList.js +2 -1
  220. package/lib/components/DataTable/TableBatchAction.js +2 -2
  221. package/lib/components/DataTable/TableBatchActions.js +2 -2
  222. package/lib/components/DataTable/TableBody.js +2 -1
  223. package/lib/components/DataTable/TableCell.js +2 -1
  224. package/lib/components/DataTable/TableContainer.js +2 -1
  225. package/lib/components/DataTable/TableExpandHeader.js +2 -1
  226. package/lib/components/DataTable/TableExpandRow.js +2 -1
  227. package/lib/components/DataTable/TableExpandedRow.js +2 -1
  228. package/lib/components/DataTable/TableHead.js +2 -1
  229. package/lib/components/DataTable/TableHeader.js +2 -1
  230. package/lib/components/DataTable/TableRow.js +2 -1
  231. package/lib/components/DataTable/TableSelectAll.d.ts +83 -0
  232. package/lib/components/DataTable/TableSelectAll.js +2 -1
  233. package/lib/components/DataTable/TableSelectRow.js +2 -1
  234. package/lib/components/DataTable/TableToolbar.js +2 -1
  235. package/lib/components/DataTable/TableToolbarAction.js +2 -1
  236. package/lib/components/DataTable/TableToolbarContent.js +2 -1
  237. package/lib/components/DataTable/TableToolbarMenu.js +2 -1
  238. package/lib/components/DataTable/TableToolbarSearch.js +2 -2
  239. package/lib/components/DataTable/state/getDerivedStateFromProps.js +3 -1
  240. package/lib/components/DataTable/tools/denormalize.js +3 -1
  241. package/lib/components/DataTable/tools/instanceId.js +3 -1
  242. package/lib/components/DataTable/tools/normalize.js +3 -1
  243. package/lib/components/DataTableSkeleton/DataTableSkeleton.js +2 -1
  244. package/lib/components/DatePicker/DatePicker.Skeleton.js +2 -1
  245. package/lib/components/DatePicker/DatePicker.js +4 -3
  246. package/lib/components/DatePicker/index.js +0 -2
  247. package/lib/components/DatePicker/plugins/fixEventsPlugin.js +32 -1
  248. package/lib/components/DatePickerInput/DatePickerInput.js +2 -1
  249. package/lib/components/Dropdown/Dropdown.Skeleton.js +2 -1
  250. package/lib/components/Dropdown/Dropdown.d.ts +134 -0
  251. package/lib/components/Dropdown/Dropdown.js +30 -17
  252. package/lib/components/Dropdown/index.d.ts +11 -0
  253. package/lib/components/Dropdown/index.js +0 -2
  254. package/lib/components/ExpandableSearch/ExpandableSearch.js +0 -1
  255. package/lib/components/FileUploader/FileUploader.js +2 -2
  256. package/lib/components/FileUploader/FileUploaderButton.js +2 -2
  257. package/lib/components/FileUploader/FileUploaderDropContainer.js +2 -2
  258. package/lib/components/FileUploader/FileUploaderItem.js +2 -2
  259. package/lib/components/FluidComboBox/FluidComboBox.Skeleton.js +2 -1
  260. package/lib/components/FluidComboBox/FluidComboBox.js +2 -1
  261. package/lib/components/FluidDatePicker/FluidDatePicker.js +2 -2
  262. package/lib/components/FluidDatePickerInput/FluidDatePickerInput.js +2 -1
  263. package/lib/components/FluidDropdown/FluidDropdown.Skeleton.js +2 -1
  264. package/lib/components/FluidDropdown/FluidDropdown.js +2 -2
  265. package/lib/components/FluidForm/FluidForm.d.ts +11 -0
  266. package/lib/components/FluidForm/FluidForm.js +2 -2
  267. package/lib/components/FluidForm/FormContext.d.ts +11 -0
  268. package/lib/components/FluidForm/index.d.ts +10 -0
  269. package/lib/components/FluidMultiSelect/FluidMultiSelect.Skeleton.js +2 -1
  270. package/lib/components/FluidMultiSelect/FluidMultiSelect.js +2 -1
  271. package/lib/components/FluidSelect/FluidSelect.Skeleton.js +2 -1
  272. package/lib/components/FluidSelect/FluidSelect.js +2 -1
  273. package/lib/components/FluidSelect/index.js +0 -2
  274. package/lib/components/FluidTextArea/FluidTextArea.js +0 -1
  275. package/lib/components/FluidTextInput/FluidTextInput.js +0 -1
  276. package/lib/components/FluidTextInput/index.js +0 -2
  277. package/lib/components/FluidTimePicker/FluidTimePicker.Skeleton.js +2 -3
  278. package/lib/components/FluidTimePicker/FluidTimePicker.js +2 -2
  279. package/lib/components/FluidTimePickerSelect/FluidTimePickerSelect.js +2 -2
  280. package/lib/components/Form/Form.js +2 -1
  281. package/lib/components/FormGroup/FormGroup.js +2 -1
  282. package/lib/components/IconButton/index.js +1 -2
  283. package/lib/components/InlineCheckbox/InlineCheckbox.js +4 -1
  284. package/lib/components/Link/Link.js +2 -1
  285. package/lib/components/ListBox/ListBox.d.ts +60 -0
  286. package/lib/components/ListBox/ListBox.js +3 -14
  287. package/lib/components/ListBox/ListBoxField.d.ts +18 -0
  288. package/lib/components/ListBox/ListBoxField.js +1 -1
  289. package/lib/components/ListBox/ListBoxMenu.d.ts +22 -0
  290. package/lib/components/ListBox/ListBoxMenu.js +2 -2
  291. package/lib/components/ListBox/ListBoxMenuIcon.d.ts +31 -0
  292. package/lib/components/ListBox/ListBoxMenuIcon.js +8 -5
  293. package/lib/components/ListBox/ListBoxMenuItem.d.ts +24 -0
  294. package/lib/components/ListBox/ListBoxMenuItem.js +2 -3
  295. package/lib/components/ListBox/ListBoxPropTypes.d.ts +14 -0
  296. package/lib/components/ListBox/ListBoxPropTypes.js +4 -2
  297. package/lib/components/ListBox/ListBoxSelection.d.ts +51 -0
  298. package/lib/components/ListBox/ListBoxSelection.js +7 -20
  299. package/lib/components/ListBox/index.d.ts +23 -0
  300. package/lib/components/ListBox/index.js +12 -8
  301. package/lib/components/ListBox/next/ListBoxSelection.js +2 -2
  302. package/lib/components/ListBox/next/ListBoxTrigger.js +2 -1
  303. package/lib/components/ListItem/ListItem.js +2 -1
  304. package/lib/components/Menu/Menu.js +4 -3
  305. package/lib/components/Menu/MenuOption.js +2 -2
  306. package/lib/components/Modal/Modal.js +2 -2
  307. package/lib/components/ModalWrapper/ModalWrapper.js +0 -1
  308. package/lib/components/MultiSelect/FilterableMultiSelect.js +10 -10
  309. package/lib/components/MultiSelect/MultiSelect.js +10 -10
  310. package/lib/components/Notification/Notification.js +2 -3
  311. package/lib/components/NumberInput/NumberInput.Skeleton.d.ts +32 -0
  312. package/lib/components/OrderedList/OrderedList.js +2 -1
  313. package/lib/components/OverflowMenu/OverflowMenu.js +40 -54
  314. package/lib/components/OverflowMenuItem/OverflowMenuItem.js +4 -3
  315. package/lib/components/OverflowMenuV2/index.js +2 -2
  316. package/lib/components/Pagination/Pagination.js +2 -1
  317. package/lib/components/Pagination/experimental/Pagination.js +0 -1
  318. package/lib/components/PaginationNav/PaginationNav.js +2 -2
  319. package/lib/components/PrimaryButton/PrimaryButton.js +3 -2
  320. package/lib/components/ProgressIndicator/ProgressIndicator.js +2 -2
  321. package/lib/components/RadioButton/RadioButton.js +2 -1
  322. package/lib/components/RadioButtonGroup/RadioButtonGroup.js +2 -1
  323. package/lib/components/RadioTile/RadioTile.js +2 -2
  324. package/lib/components/Search/Search.Skeleton.js +2 -1
  325. package/lib/components/Search/Search.js +4 -3
  326. package/lib/components/Search/index.js +0 -2
  327. package/lib/components/SecondaryButton/SecondaryButton.js +3 -2
  328. package/lib/components/Select/Select.Skeleton.d.ts +33 -0
  329. package/lib/components/Select/Select.Skeleton.js +2 -1
  330. package/lib/components/Select/Select.js +2 -1
  331. package/lib/components/SelectItem/SelectItem.js +2 -1
  332. package/lib/components/SelectItemGroup/SelectItemGroup.js +2 -1
  333. package/lib/components/SkeletonIcon/SkeletonIcon.js +2 -1
  334. package/lib/components/SkeletonPlaceholder/SkeletonPlaceholder.js +2 -1
  335. package/lib/components/SkeletonText/SkeletonText.js +2 -1
  336. package/lib/components/Slider/Slider.Skeleton.d.ts +33 -0
  337. package/lib/components/Slider/Slider.Skeleton.js +2 -1
  338. package/lib/components/StructuredList/StructuredList.Skeleton.js +2 -1
  339. package/lib/components/Switch/Switch.js +2 -1
  340. package/lib/components/TabContent/TabContent.js +2 -1
  341. package/lib/components/Tabs/Tabs.js +2 -3
  342. package/lib/components/Tag/Tag.js +2 -1
  343. package/lib/{lib/components → components}/Text/Text.d.ts +0 -0
  344. package/lib/{lib/components → components}/Text/TextDirection.d.ts +0 -0
  345. package/lib/{lib/components → components}/Text/createTextComponent.d.ts +0 -0
  346. package/lib/{lib/components → components}/Text/index.d.ts +0 -0
  347. package/lib/components/TextArea/TextArea.Skeleton.js +2 -1
  348. package/lib/components/TextArea/TextArea.js +6 -3
  349. package/lib/components/TextArea/index.js +0 -2
  350. package/lib/components/TextInput/ControlledPasswordInput.js +2 -1
  351. package/lib/components/TextInput/PasswordInput.js +2 -1
  352. package/lib/components/TextInput/TextInput.Skeleton.js +2 -1
  353. package/lib/components/TextInput/TextInput.js +2 -1
  354. package/lib/components/TextInput/index.js +0 -2
  355. package/lib/components/Tile/Tile.js +3 -7
  356. package/lib/components/TimePicker/TimePicker.js +2 -1
  357. package/lib/components/TimePickerSelect/TimePickerSelect.js +2 -1
  358. package/lib/components/Toggletip/index.js +2 -2
  359. package/lib/components/Tooltip/DefinitionTooltip.js +2 -2
  360. package/lib/components/Tooltip/Tooltip.js +33 -4
  361. package/lib/components/TreeView/TreeNode.js +2 -2
  362. package/lib/components/TreeView/TreeView.js +2 -2
  363. package/lib/components/UIShell/Content.js +2 -1
  364. package/lib/components/UIShell/Header.js +2 -1
  365. package/lib/components/UIShell/HeaderContainer.js +2 -1
  366. package/lib/components/UIShell/HeaderGlobalAction.js +2 -2
  367. package/lib/components/UIShell/HeaderMenu.js +4 -3
  368. package/lib/components/UIShell/HeaderMenuItem.js +2 -1
  369. package/lib/components/UIShell/HeaderPanel.js +2 -1
  370. package/lib/components/UIShell/HeaderSideNavItems.js +2 -1
  371. package/lib/components/UIShell/Link.js +2 -1
  372. package/lib/components/UIShell/SideNav.js +2 -1
  373. package/lib/components/UIShell/SideNavDetails.js +2 -1
  374. package/lib/components/UIShell/SideNavHeader.js +2 -1
  375. package/lib/components/UIShell/SideNavItems.js +2 -1
  376. package/lib/components/UIShell/SideNavLink.js +2 -1
  377. package/lib/components/UIShell/SideNavMenu.js +5 -3
  378. package/lib/components/UIShell/SideNavMenuItem.js +2 -1
  379. package/lib/components/UIShell/SideNavSwitcher.js +2 -1
  380. package/lib/components/UIShell/Switcher.js +2 -1
  381. package/lib/components/UIShell/SwitcherDivider.js +2 -1
  382. package/lib/components/UIShell/SwitcherItem.js +2 -1
  383. package/lib/components/UnorderedList/UnorderedList.js +2 -1
  384. package/lib/{lib/index.d.ts → index.d.ts} +0 -0
  385. package/lib/index.js +281 -287
  386. package/lib/internal/FloatingMenu.js +4 -5
  387. package/lib/internal/OptimizedResize.js +3 -1
  388. package/lib/internal/useIsomorphicEffect.js +2 -1
  389. package/lib/{lib/internal → internal}/usePrefix.d.ts +0 -0
  390. package/lib/tools/mergeRefs.js +3 -1
  391. package/lib/tools/wrapComponent.js +3 -1
  392. package/package.json +5 -5
  393. package/es/components/ContainedList/index.js +0 -13
  394. package/es/components/DataTable/index.js +0 -70
  395. package/es/components/TreeView/index.js +0 -13
  396. package/lib/components/ContainedList/index.js +0 -19
  397. package/lib/components/DataTable/index.js +0 -76
  398. package/lib/components/TreeView/index.js +0 -19
@@ -55,6 +55,7 @@ SearchSkeleton.propTypes = {
55
55
  SearchSkeleton.defaultProps = {
56
56
  small: false
57
57
  };
58
+ var SearchSkeleton$1 = SearchSkeleton;
58
59
 
59
60
  exports.SearchSkeleton = SearchSkeleton;
60
- exports["default"] = SearchSkeleton;
61
+ exports["default"] = SearchSkeleton$1;
@@ -15,8 +15,6 @@ var cx = require('classnames');
15
15
  var PropTypes = require('prop-types');
16
16
  var React = require('react');
17
17
  var index = require('../../internal/focus/index.js');
18
- var keys = require('../../internal/keyboard/keys.js');
19
- var match = require('../../internal/keyboard/match.js');
20
18
  var useId = require('../../internal/useId.js');
21
19
  var usePrefix = require('../../internal/usePrefix.js');
22
20
  var events = require('../../tools/events.js');
@@ -24,6 +22,8 @@ var useMergedRefs = require('../../internal/useMergedRefs.js');
24
22
  var deprecate = require('../../prop-types/deprecate.js');
25
23
  require('../FluidForm/FluidForm.js');
26
24
  var FormContext = require('../FluidForm/FormContext.js');
25
+ var match = require('../../internal/keyboard/match.js');
26
+ var keys = require('../../internal/keyboard/keys.js');
27
27
 
28
28
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
29
29
 
@@ -277,5 +277,6 @@ CustomSearchIcon.propTypes = {
277
277
  */
278
278
  icon: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].object])
279
279
  };
280
+ var Search$1 = Search;
280
281
 
281
- exports["default"] = Search;
282
+ exports["default"] = Search$1;
@@ -10,10 +10,8 @@
10
10
  Object.defineProperty(exports, '__esModule', { value: true });
11
11
 
12
12
  var Search = require('./Search.js');
13
- var Search_Skeleton = require('./Search.Skeleton.js');
14
13
 
15
14
 
16
15
 
17
16
  exports.Search = Search["default"];
18
17
  exports["default"] = Search["default"];
19
- exports.SearchSkeleton = Search_Skeleton["default"];
@@ -12,7 +12,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
12
12
  var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
13
13
  var React = require('react');
14
14
  var Button = require('../Button/Button.js');
15
- require('../Button/Button.Skeleton.js');
16
15
 
17
16
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
18
17
 
@@ -24,4 +23,6 @@ var SecondaryButton = function SecondaryButton(props) {
24
23
  }, props));
25
24
  };
26
25
 
27
- exports["default"] = SecondaryButton;
26
+ var SecondaryButton$1 = SecondaryButton;
27
+
28
+ exports["default"] = SecondaryButton$1;
@@ -0,0 +1,33 @@
1
+ /**
2
+ * Copyright IBM Corp. 2016, 2018
3
+ *
4
+ * This source code is licensed under the Apache-2.0 license found in the
5
+ * LICENSE file in the root directory of this source tree.
6
+ */
7
+ import PropTypes from 'prop-types';
8
+ import { HTMLAttributes } from 'react';
9
+ export interface SelectSkeletonProps extends HTMLAttributes<HTMLDivElement> {
10
+ /**
11
+ * Specify an optional className to add to the form item wrapper.
12
+ */
13
+ className?: string;
14
+ /**
15
+ * Specify whether the label should be hidden, or not
16
+ */
17
+ hideLabel?: boolean;
18
+ }
19
+ declare const SelectSkeleton: {
20
+ ({ hideLabel, className, ...rest }: SelectSkeletonProps): JSX.Element;
21
+ propTypes: {
22
+ /**
23
+ * Specify an optional className to add to the form item wrapper.
24
+ */
25
+ className: PropTypes.Requireable<string>;
26
+ /**
27
+ * Specify whether the label should be hidden, or not
28
+ */
29
+ hideLabel: PropTypes.Requireable<boolean>;
30
+ };
31
+ };
32
+ export default SelectSkeleton;
33
+ export { SelectSkeleton };
@@ -51,6 +51,7 @@ SelectSkeleton.propTypes = {
51
51
  */
52
52
  hideLabel: PropTypes__default["default"].bool
53
53
  };
54
+ var SelectSkeleton$1 = SelectSkeleton;
54
55
 
55
56
  exports.SelectSkeleton = SelectSkeleton;
56
- exports["default"] = SelectSkeleton;
57
+ exports["default"] = SelectSkeleton$1;
@@ -260,5 +260,6 @@ Select.defaultProps = {
260
260
  invalidText: '',
261
261
  helperText: ''
262
262
  };
263
+ var Select$1 = Select;
263
264
 
264
- exports["default"] = Select;
265
+ exports["default"] = Select$1;
@@ -75,5 +75,6 @@ SelectItem.defaultProps = {
75
75
  value: '',
76
76
  text: ''
77
77
  };
78
+ var SelectItem$1 = SelectItem;
78
79
 
79
- exports["default"] = SelectItem;
80
+ exports["default"] = SelectItem$1;
@@ -84,5 +84,6 @@ SelectItemGroup.defaultProps = {
84
84
  disabled: false,
85
85
  label: FeatureFlags__namespace.enabled('enable-v11-release') ? undefined : 'Provide label'
86
86
  };
87
+ var SelectItemGroup$1 = SelectItemGroup;
87
88
 
88
- exports["default"] = SelectItemGroup;
89
+ exports["default"] = SelectItemGroup$1;
@@ -47,5 +47,6 @@ SkeletonIcon.propTypes = {
47
47
  */
48
48
  style: PropTypes__default["default"].object
49
49
  };
50
+ var SkeletonIcon$1 = SkeletonIcon;
50
51
 
51
- exports["default"] = SkeletonIcon;
52
+ exports["default"] = SkeletonIcon$1;
@@ -43,5 +43,6 @@ SkeletonPlaceholder.propTypes = {
43
43
  */
44
44
  className: PropTypes__default["default"].string
45
45
  };
46
+ var SkeletonPlaceholder$1 = SkeletonPlaceholder;
46
47
 
47
- exports["default"] = SkeletonPlaceholder;
48
+ exports["default"] = SkeletonPlaceholder$1;
@@ -120,5 +120,6 @@ SkeletonText.defaultProps = {
120
120
  heading: false,
121
121
  lineCount: 3
122
122
  };
123
+ var SkeletonText$1 = SkeletonText;
123
124
 
124
- exports["default"] = SkeletonText;
125
+ exports["default"] = SkeletonText$1;
@@ -0,0 +1,33 @@
1
+ /**
2
+ * Copyright IBM Corp. 2016, 2018
3
+ *
4
+ * This source code is licensed under the Apache-2.0 license found in the
5
+ * LICENSE file in the root directory of this source tree.
6
+ */
7
+ import PropTypes from 'prop-types';
8
+ import { HTMLAttributes } from 'react';
9
+ export interface SliderSkeletonProps extends HTMLAttributes<HTMLDivElement> {
10
+ /**
11
+ * Specify an optional className to add to the form item wrapper.
12
+ */
13
+ className?: string;
14
+ /**
15
+ * Specify whether the label should be hidden, or not
16
+ */
17
+ hideLabel?: boolean;
18
+ }
19
+ declare const SliderSkeleton: {
20
+ ({ hideLabel, className, ...rest }: SliderSkeletonProps): JSX.Element;
21
+ propTypes: {
22
+ /**
23
+ * Specify an optional className to add to the form item wrapper.
24
+ */
25
+ className: PropTypes.Requireable<string>;
26
+ /**
27
+ * Specify whether the label should be hidden, or not
28
+ */
29
+ hideLabel: PropTypes.Requireable<boolean>;
30
+ };
31
+ };
32
+ export default SliderSkeleton;
33
+ export { SliderSkeleton };
@@ -61,6 +61,7 @@ SliderSkeleton.propTypes = {
61
61
  */
62
62
  hideLabel: PropTypes__default["default"].bool
63
63
  };
64
+ var SliderSkeleton$1 = SliderSkeleton;
64
65
 
65
66
  exports.SliderSkeleton = SliderSkeleton;
66
- exports["default"] = SliderSkeleton;
67
+ exports["default"] = SliderSkeleton$1;
@@ -87,5 +87,6 @@ StructuredListSkeleton.defaultProps = {
87
87
  rowCount: 5,
88
88
  border: false
89
89
  };
90
+ var StructuredListSkeleton$1 = StructuredListSkeleton;
90
91
 
91
- exports["default"] = StructuredListSkeleton;
92
+ exports["default"] = StructuredListSkeleton$1;
@@ -128,5 +128,6 @@ Switch.defaultProps = {
128
128
  onClick: function onClick() {},
129
129
  onKeyDown: function onKeyDown() {}
130
130
  };
131
+ var Switch$1 = Switch;
131
132
 
132
- exports["default"] = Switch;
133
+ exports["default"] = Switch$1;
@@ -83,5 +83,6 @@ TabContent.propTypes = {
83
83
  TabContent.defaultProps = {
84
84
  selected: false
85
85
  };
86
+ var TabContent$1 = TabContent;
86
87
 
87
- exports["default"] = TabContent;
88
+ exports["default"] = TabContent$1;
@@ -15,7 +15,6 @@ var cx = require('classnames');
15
15
  var debounce = require('lodash.debounce');
16
16
  var PropTypes = require('prop-types');
17
17
  var React = require('react');
18
- require('../Tooltip/DefinitionTooltip.js');
19
18
  var Tooltip = require('../Tooltip/Tooltip.js');
20
19
  var useControllableState = require('../../internal/useControllableState.js');
21
20
  var useEffectOnce = require('../../internal/useEffectOnce.js');
@@ -24,9 +23,9 @@ var useIsomorphicEffect = require('../../internal/useIsomorphicEffect.js');
24
23
  var useMergedRefs = require('../../internal/useMergedRefs.js');
25
24
  var useNoInteractiveChildren = require('../../internal/useNoInteractiveChildren.js');
26
25
  var usePrefix = require('../../internal/usePrefix.js');
27
- var keys = require('../../internal/keyboard/keys.js');
28
- var match = require('../../internal/keyboard/match.js');
29
26
  var usePressable = require('./usePressable.js');
27
+ var match = require('../../internal/keyboard/match.js');
28
+ var keys = require('../../internal/keyboard/keys.js');
30
29
 
31
30
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
32
31
 
@@ -152,6 +152,7 @@ Tag.propTypes = {
152
152
  type: PropTypes__default["default"].oneOf(Object.keys(TYPES))
153
153
  };
154
154
  var types = Object.keys(TYPES);
155
+ var Tag$1 = Tag;
155
156
 
156
- exports["default"] = Tag;
157
+ exports["default"] = Tag$1;
157
158
  exports.types = types;
@@ -49,6 +49,7 @@ TextAreaSkeleton.propTypes = {
49
49
  */
50
50
  hideLabel: PropTypes__default["default"].bool
51
51
  };
52
+ var TextAreaSkeleton$1 = TextAreaSkeleton;
52
53
 
53
54
  exports.TextAreaSkeleton = TextAreaSkeleton;
54
- exports["default"] = TextAreaSkeleton;
55
+ exports["default"] = TextAreaSkeleton$1;
@@ -21,6 +21,7 @@ require('../FluidForm/FluidForm.js');
21
21
  var FormContext = require('../FluidForm/FormContext.js');
22
22
  var useAnnouncer = require('../../internal/useAnnouncer.js');
23
23
  var useIsomorphicEffect = require('../../internal/useIsomorphicEffect.js');
24
+ var useMergedRefs = require('../../internal/useMergedRefs.js');
24
25
 
25
26
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
26
27
 
@@ -29,7 +30,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
29
30
  var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
30
31
 
31
32
  var _excluded = ["className", "id", "labelText", "hideLabel", "onChange", "onClick", "invalid", "invalidText", "helperText", "light", "placeholder", "enableCounter", "maxCount"];
32
- var TextArea = /*#__PURE__*/React__default["default"].forwardRef(function TextArea(_ref, ref) {
33
+ var TextArea = /*#__PURE__*/React__default["default"].forwardRef(function TextArea(_ref, forwardRef) {
33
34
  var _classNames, _classNames4;
34
35
 
35
36
  var className = _ref.className,
@@ -109,6 +110,7 @@ var TextArea = /*#__PURE__*/React__default["default"].forwardRef(function TextAr
109
110
  })) : null;
110
111
  var textareaClasses = cx__default["default"]("".concat(prefix, "--text-area"), [enabled ? null : className], (_classNames4 = {}, _rollupPluginBabelHelpers.defineProperty(_classNames4, "".concat(prefix, "--text-area--light"), light), _rollupPluginBabelHelpers.defineProperty(_classNames4, "".concat(prefix, "--text-area--invalid"), invalid), _classNames4));
111
112
  var textareaRef = React.useRef();
113
+ var ref = useMergedRefs.useMergedRefs([forwardRef, textareaRef]);
112
114
  useIsomorphicEffect["default"](function () {
113
115
  if (other.cols) {
114
116
  textareaRef.current.style.width = null;
@@ -123,7 +125,7 @@ var TextArea = /*#__PURE__*/React__default["default"].forwardRef(function TextAr
123
125
  "aria-describedby": invalid ? errorId : null,
124
126
  disabled: other.disabled,
125
127
  readOnly: other.readOnly,
126
- ref: textareaRef
128
+ ref: ref
127
129
  }));
128
130
  return /*#__PURE__*/React__default["default"].createElement("div", {
129
131
  className: enabled ? cx__default["default"]("".concat(prefix, "--form-item"), className) : "".concat(prefix, "--form-item")
@@ -255,5 +257,6 @@ TextArea.defaultProps = {
255
257
  enableCounter: false,
256
258
  maxCount: undefined
257
259
  };
260
+ var TextArea$1 = TextArea;
258
261
 
259
- exports["default"] = TextArea;
262
+ exports["default"] = TextArea$1;
@@ -10,10 +10,8 @@
10
10
  Object.defineProperty(exports, '__esModule', { value: true });
11
11
 
12
12
  var TextArea = require('./TextArea.js');
13
- var TextArea_Skeleton = require('./TextArea.Skeleton.js');
14
13
 
15
14
 
16
15
 
17
16
  exports.TextArea = TextArea["default"];
18
17
  exports["default"] = TextArea["default"];
19
- exports.TextAreaSkeleton = TextArea_Skeleton["default"];
@@ -238,5 +238,6 @@ ControlledPasswordInput.defaultProps = {
238
238
  helperText: '',
239
239
  size: ''
240
240
  };
241
+ var ControlledPasswordInput$1 = ControlledPasswordInput;
241
242
 
242
- exports["default"] = ControlledPasswordInput;
243
+ exports["default"] = ControlledPasswordInput$1;
@@ -312,5 +312,6 @@ PasswordInput.propTypes = {
312
312
  */
313
313
  warnText: PropTypes__default["default"].node
314
314
  };
315
+ var PasswordInput$1 = PasswordInput;
315
316
 
316
- exports["default"] = PasswordInput;
317
+ exports["default"] = PasswordInput$1;
@@ -49,6 +49,7 @@ TextInputSkeleton.propTypes = {
49
49
  */
50
50
  hideLabel: PropTypes__default["default"].bool
51
51
  };
52
+ var TextInputSkeleton$1 = TextInputSkeleton;
52
53
 
53
54
  exports.TextInputSkeleton = TextInputSkeleton;
54
- exports["default"] = TextInputSkeleton;
55
+ exports["default"] = TextInputSkeleton$1;
@@ -304,5 +304,6 @@ TextInput.propTypes = {
304
304
  */
305
305
  warnText: PropTypes__default["default"].node
306
306
  };
307
+ var TextInput$1 = TextInput;
307
308
 
308
- exports["default"] = TextInput;
309
+ exports["default"] = TextInput$1;
@@ -13,7 +13,6 @@ var deprecateFieldOnObject = require('../../internal/deprecateFieldOnObject.js')
13
13
  var ControlledPasswordInput = require('./ControlledPasswordInput.js');
14
14
  var PasswordInput = require('./PasswordInput.js');
15
15
  var TextInput = require('./TextInput.js');
16
- var TextInput_Skeleton = require('./TextInput.Skeleton.js');
17
16
 
18
17
  TextInput["default"].ControlledPasswordInput = ControlledPasswordInput["default"];
19
18
  TextInput["default"].PasswordInput = PasswordInput["default"];
@@ -25,4 +24,3 @@ if (process.env.NODE_ENV !== "production") {
25
24
 
26
25
  exports.TextInput = TextInput["default"];
27
26
  exports["default"] = TextInput["default"];
28
- exports.TextInputSkeleton = TextInput_Skeleton["default"];
@@ -15,13 +15,13 @@ var PropTypes = require('prop-types');
15
15
  var cx = require('classnames');
16
16
  var iconsReact = require('@carbon/icons-react');
17
17
  var Link = require('../Link/Link.js');
18
- var keys = require('../../internal/keyboard/keys.js');
19
- var match = require('../../internal/keyboard/match.js');
20
18
  var deprecate = require('../../prop-types/deprecate.js');
21
19
  var events = require('../../tools/events.js');
22
20
  var usePrefix = require('../../internal/usePrefix.js');
23
21
  var useIsomorphicEffect = require('../../internal/useIsomorphicEffect.js');
24
22
  var useNoInteractiveChildren = require('../../internal/useNoInteractiveChildren.js');
23
+ var match = require('../../internal/keyboard/match.js');
24
+ var keys = require('../../internal/keyboard/keys.js');
25
25
 
26
26
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
27
27
 
@@ -408,10 +408,6 @@ function ExpandableTile(_ref4) {
408
408
  evt.persist();
409
409
  setIsExpanded(!isExpanded);
410
410
  setMaxHeight();
411
-
412
- if (onClick) {
413
- onClick(evt);
414
- }
415
411
  }
416
412
 
417
413
  function handleKeyUp(evt) {
@@ -441,7 +437,7 @@ function ExpandableTile(_ref4) {
441
437
  var paddingBottom = parseInt(getStyle.getPropertyValue('padding-bottom'), 10);
442
438
  setIsTileMaxHeight(height);
443
439
  setIsTilePadding(paddingTop + paddingBottom);
444
- }, []);
440
+ }, [isTileMaxHeight]);
445
441
  useIsomorphicEffect["default"](function () {
446
442
  if (useNoInteractiveChildren.getInteractiveContent(belowTheFold.current)) {
447
443
  setInteractive(true);
@@ -266,5 +266,6 @@ TimePicker.propTypes = {
266
266
  */
267
267
  value: PropTypes__default["default"].string
268
268
  };
269
+ var TimePicker$1 = TimePicker;
269
270
 
270
- exports["default"] = TimePicker;
271
+ exports["default"] = TimePicker$1;
@@ -76,5 +76,6 @@ TimePickerSelect.propTypes = {
76
76
  */
77
77
  id: PropTypes__default["default"].string.isRequired
78
78
  };
79
+ var TimePickerSelectClassic = TimePickerSelect;
79
80
 
80
- exports["default"] = TimePickerSelect;
81
+ exports["default"] = TimePickerSelectClassic;
@@ -14,11 +14,11 @@ var cx = require('classnames');
14
14
  var PropTypes = require('prop-types');
15
15
  var React = require('react');
16
16
  var index = require('../Popover/index.js');
17
- var keys = require('../../internal/keyboard/keys.js');
18
- var match = require('../../internal/keyboard/match.js');
19
17
  var useEvent = require('../../internal/useEvent.js');
20
18
  var useId = require('../../internal/useId.js');
21
19
  var usePrefix = require('../../internal/usePrefix.js');
20
+ var match = require('../../internal/keyboard/match.js');
21
+ var keys = require('../../internal/keyboard/keys.js');
22
22
 
23
23
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
24
24
 
@@ -14,11 +14,11 @@ var cx = require('classnames');
14
14
  var PropTypes = require('prop-types');
15
15
  var React = require('react');
16
16
  var index = require('../Popover/index.js');
17
- var keys = require('../../internal/keyboard/keys.js');
18
- var match = require('../../internal/keyboard/match.js');
19
17
  var useId = require('../../internal/useId.js');
20
18
  var usePrefix = require('../../internal/usePrefix.js');
21
19
  var deprecate = require('../../prop-types/deprecate.js');
20
+ var match = require('../../internal/keyboard/match.js');
21
+ var keys = require('../../internal/keyboard/keys.js');
22
22
 
23
23
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
24
24
 
@@ -14,12 +14,12 @@ var cx = require('classnames');
14
14
  var PropTypes = require('prop-types');
15
15
  var React = require('react');
16
16
  var index = require('../Popover/index.js');
17
- var keys = require('../../internal/keyboard/keys.js');
18
- var match = require('../../internal/keyboard/match.js');
19
17
  var useDelayedState = require('../../internal/useDelayedState.js');
20
18
  var useId = require('../../internal/useId.js');
21
19
  var useNoInteractiveChildren = require('../../internal/useNoInteractiveChildren.js');
22
20
  var usePrefix = require('../../internal/usePrefix.js');
21
+ var match = require('../../internal/keyboard/match.js');
22
+ var keys = require('../../internal/keyboard/keys.js');
23
23
 
24
24
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
25
25
 
@@ -27,7 +27,7 @@ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
27
27
  var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
28
28
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
29
29
 
30
- var _excluded = ["align", "className", "children", "label", "description", "enterDelayMs", "leaveDelayMs", "defaultOpen"];
30
+ var _excluded = ["align", "className", "children", "label", "description", "enterDelayMs", "leaveDelayMs", "defaultOpen", "closeOnActivation"];
31
31
 
32
32
  function Tooltip(_ref) {
33
33
  var _ref$align = _ref.align,
@@ -42,6 +42,8 @@ function Tooltip(_ref) {
42
42
  leaveDelayMs = _ref$leaveDelayMs === void 0 ? 300 : _ref$leaveDelayMs,
43
43
  _ref$defaultOpen = _ref.defaultOpen,
44
44
  defaultOpen = _ref$defaultOpen === void 0 ? false : _ref$defaultOpen,
45
+ _ref$closeOnActivatio = _ref.closeOnActivation,
46
+ closeOnActivation = _ref$closeOnActivatio === void 0 ? false : _ref$closeOnActivatio,
45
47
  rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
46
48
 
47
49
  var containerRef = React.useRef(null);
@@ -62,10 +64,28 @@ function Tooltip(_ref) {
62
64
  onBlur: function onBlur() {
63
65
  return setOpen(false);
64
66
  },
67
+ onClick: function onClick() {
68
+ return closeOnActivation && setOpen(false);
69
+ },
65
70
  // This should be placed on the trigger in case the element is disabled
66
71
  onMouseEnter: onMouseEnter
67
72
  };
68
73
 
74
+ function getChildEventHandlers(childProps) {
75
+ var eventHandlerFunctions = ['onFocus', 'onBlur', 'onClick', 'onMouseEnter'];
76
+ var eventHandlers = {};
77
+ eventHandlerFunctions.forEach(function (functionName) {
78
+ eventHandlers[functionName] = function (evt) {
79
+ triggerProps[functionName]();
80
+
81
+ if (childProps !== null && childProps !== void 0 && childProps[functionName]) {
82
+ childProps === null || childProps === void 0 ? void 0 : childProps[functionName](evt);
83
+ }
84
+ };
85
+ });
86
+ return eventHandlers;
87
+ }
88
+
69
89
  if (label) {
70
90
  triggerProps['aria-labelledby'] = id;
71
91
  } else {
@@ -77,6 +97,10 @@ function Tooltip(_ref) {
77
97
  event.stopPropagation();
78
98
  setOpen(false);
79
99
  }
100
+
101
+ if (open && closeOnActivation && (match.match(event, keys.Enter) || match.match(event, keys.Space))) {
102
+ setOpen(false);
103
+ }
80
104
  }
81
105
 
82
106
  function onMouseEnter() {
@@ -104,7 +128,7 @@ function Tooltip(_ref) {
104
128
  onMouseLeave: onMouseLeave,
105
129
  open: open,
106
130
  ref: containerRef
107
- }), /*#__PURE__*/React__default["default"].cloneElement(child, triggerProps), /*#__PURE__*/React__default["default"].createElement(index.PopoverContent, {
131
+ }), /*#__PURE__*/React__default["default"].cloneElement(child, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, triggerProps), getChildEventHandlers(child.props))), /*#__PURE__*/React__default["default"].createElement(index.PopoverContent, {
108
132
  "aria-hidden": "true",
109
133
  className: "".concat(prefix, "--tooltip-content"),
110
134
  id: id,
@@ -129,6 +153,11 @@ Tooltip.propTypes = {
129
153
  */
130
154
  className: PropTypes__default["default"].string,
131
155
 
156
+ /**
157
+ * Determines wether the tooltip should close when inner content is activated (click, Enter or Space)
158
+ */
159
+ closeOnActivation: PropTypes__default["default"].bool,
160
+
132
161
  /**
133
162
  * Specify whether the tooltip should be open when it first renders
134
163
  */
@@ -14,10 +14,10 @@ var React = require('react');
14
14
  var PropTypes = require('prop-types');
15
15
  var iconsReact = require('@carbon/icons-react');
16
16
  var cx = require('classnames');
17
- var keys = require('../../internal/keyboard/keys.js');
18
- var match = require('../../internal/keyboard/match.js');
19
17
  var uniqueId = require('../../tools/uniqueId.js');
20
18
  var usePrefix = require('../../internal/usePrefix.js');
19
+ var match = require('../../internal/keyboard/match.js');
20
+ var keys = require('../../internal/keyboard/keys.js');
21
21
 
22
22
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
23
23
 
@@ -13,10 +13,10 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
13
13
  var React = require('react');
14
14
  var PropTypes = require('prop-types');
15
15
  var cx = require('classnames');
16
- var keys = require('../../internal/keyboard/keys.js');
17
- var match = require('../../internal/keyboard/match.js');
18
16
  var uniqueId = require('../../tools/uniqueId.js');
19
17
  var usePrefix = require('../../internal/usePrefix.js');
18
+ var match = require('../../internal/keyboard/match.js');
19
+ var keys = require('../../internal/keyboard/keys.js');
20
20
 
21
21
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
22
22
 
@@ -55,5 +55,6 @@ Content.propTypes = {
55
55
  Content.defaultProps = {
56
56
  tagName: 'main'
57
57
  };
58
+ var Content$1 = Content;
58
59
 
59
- exports["default"] = Content;
60
+ exports["default"] = Content$1;
@@ -42,5 +42,6 @@ Header.propTypes = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHel
42
42
  */
43
43
  className: PropTypes__default["default"].string
44
44
  });
45
+ var Header$1 = Header;
45
46
 
46
- exports["default"] = Header;
47
+ exports["default"] = Header$1;
@@ -48,5 +48,6 @@ HeaderContainer.propTypes = {
48
48
  HeaderContainer.defaultProps = {
49
49
  isSideNavExpanded: false
50
50
  };
51
+ var HeaderContainer$1 = HeaderContainer;
51
52
 
52
- exports["default"] = HeaderContainer;
53
+ exports["default"] = HeaderContainer$1;
@@ -15,7 +15,6 @@ var React = require('react');
15
15
  var PropTypes = require('prop-types');
16
16
  var AriaPropTypes = require('../../prop-types/AriaPropTypes.js');
17
17
  var Button = require('../Button/Button.js');
18
- require('../Button/Button.Skeleton.js');
19
18
  var usePrefix = require('../../internal/usePrefix.js');
20
19
 
21
20
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -93,5 +92,6 @@ HeaderGlobalAction.propTypes = _rollupPluginBabelHelpers.objectSpread2(_rollupPl
93
92
  tooltipAlignment: PropTypes__default["default"].oneOf(['start', 'center', 'end'])
94
93
  });
95
94
  HeaderGlobalAction.displayName = 'HeaderGlobalAction';
95
+ var HeaderGlobalAction$1 = HeaderGlobalAction;
96
96
 
97
- exports["default"] = HeaderGlobalAction;
97
+ exports["default"] = HeaderGlobalAction$1;