@carbon/react 1.86.0 → 1.87.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 (506) hide show
  1. package/.playwright/INTERNAL_AVT_REPORT_DO_NOT_USE.json +871 -871
  2. package/es/_virtual/_rollupPluginBabelHelpers.js +4 -4
  3. package/es/components/Button/Button.Skeleton.js +2 -1
  4. package/es/components/Button/Button.d.ts +1 -1
  5. package/es/components/Button/Button.js +3 -3
  6. package/es/components/Button/ButtonBase.js +2 -0
  7. package/es/components/Button/index.js +5 -1
  8. package/es/components/ButtonSet/index.js +4 -1
  9. package/es/components/Checkbox/index.js +4 -1
  10. package/es/components/CodeSnippet/CodeSnippet.js +1 -0
  11. package/es/components/ComboBox/ComboBox.d.ts +7 -0
  12. package/es/components/ComboBox/ComboBox.js +11 -2
  13. package/es/components/ComboBox/index.js +4 -1
  14. package/es/components/ComposedModal/ComposedModal.js +18 -8
  15. package/es/components/ContainedList/ContainedList.d.ts +1 -1
  16. package/es/components/ContainedList/ContainedList.js +3 -3
  17. package/es/components/ContainedList/ContainedListItem/index.js +4 -1
  18. package/es/components/ContainedList/index.js +2 -2
  19. package/es/components/Copy/Copy.js +1 -1
  20. package/es/components/Copy/index.js +4 -1
  21. package/es/components/CopyButton/index.js +4 -1
  22. package/es/components/DataTable/Table.js +1 -1
  23. package/es/components/DataTable/state/getDerivedStateFromProps.d.ts +19 -0
  24. package/es/components/DataTable/state/getDerivedStateFromProps.js +1 -2
  25. package/es/components/DataTable/state/sorting.d.ts +15 -0
  26. package/es/components/DataTable/state/sorting.js +1 -2
  27. package/es/components/DataTable/tools/denormalize.d.ts +22 -0
  28. package/es/components/DataTable/tools/denormalize.js +1 -2
  29. package/es/components/DataTable/tools/normalize.d.ts +9 -0
  30. package/es/components/DataTable/tools/normalize.js +1 -2
  31. package/es/components/DatePicker/DatePicker.js +18 -11
  32. package/es/components/DatePicker/index.js +4 -1
  33. package/es/components/DatePicker/plugins/fixEventsPlugin.d.ts +2 -0
  34. package/es/components/DatePicker/plugins/rangePlugin.d.ts +2 -0
  35. package/es/components/DatePickerInput/DatePickerInput.js +6 -0
  36. package/es/components/DatePickerInput/index.js +4 -1
  37. package/es/components/Dialog/index.js +2 -2
  38. package/es/components/Dropdown/Dropdown.Skeleton.js +4 -4
  39. package/es/components/Dropdown/Dropdown.js +2 -2
  40. package/es/components/Dropdown/index.js +4 -1
  41. package/es/components/FeatureFlags/index.js +2 -2
  42. package/es/components/FluidNumberInput/FluidNumberInput.d.ts +3 -2
  43. package/es/components/FluidNumberInput/FluidNumberInput.js +3 -2
  44. package/es/components/FluidSelect/index.js +4 -1
  45. package/es/components/FluidTextInput/index.js +4 -1
  46. package/es/components/IconButton/index.d.ts +1 -1
  47. package/es/components/IconIndicator/index.js +1 -1
  48. package/es/components/InlineCheckbox/index.js +4 -1
  49. package/es/components/InlineLoading/index.js +4 -1
  50. package/es/components/LayoutDirection/LayoutDirection.js +1 -2
  51. package/es/components/Link/index.js +4 -1
  52. package/es/components/ListBox/ListBox.js +1 -1
  53. package/es/components/Loading/index.js +4 -1
  54. package/es/components/Menu/Menu.d.ts +3 -1
  55. package/es/components/Menu/Menu.js +3 -1
  56. package/es/components/Menu/MenuItem.js +1 -1
  57. package/es/components/Modal/Modal.js +16 -5
  58. package/es/components/Modal/index.js +4 -1
  59. package/es/components/MultiSelect/FilterableMultiSelect.d.ts +7 -0
  60. package/es/components/MultiSelect/FilterableMultiSelect.js +20 -10
  61. package/es/components/MultiSelect/MultiSelect.js +2 -2
  62. package/es/components/MultiSelect/filter.js +0 -4
  63. package/es/components/MultiSelect/tools/itemToString.d.ts +1 -0
  64. package/es/components/MultiSelect/tools/sorting.d.ts +9 -0
  65. package/es/components/Notification/Notification.js +2 -2
  66. package/es/components/NumberInput/NumberInput.d.ts +3 -2
  67. package/es/components/NumberInput/NumberInput.js +5 -4
  68. package/es/components/OverflowMenu/next/index.js +1 -1
  69. package/es/components/OverflowMenuItem/index.js +4 -1
  70. package/es/components/OverflowMenuV2/index.d.ts +1 -0
  71. package/es/components/PageHeader/PageHeader.js +1 -1
  72. package/es/components/Pagination/experimental/PageSelector.d.ts +19 -0
  73. package/es/components/Pagination/experimental/Pagination.d.ts +43 -0
  74. package/es/components/Pagination/experimental/index.d.ts +3 -0
  75. package/es/components/Popover/index.js +26 -8
  76. package/es/components/RadioButton/index.js +4 -1
  77. package/es/components/RadioTile/index.js +4 -1
  78. package/es/components/Search/Search.js +1 -1
  79. package/es/components/Search/index.js +4 -1
  80. package/es/components/Select/index.js +4 -1
  81. package/es/components/SelectItem/index.js +4 -1
  82. package/es/components/ShapeIndicator/index.js +1 -1
  83. package/es/components/SkeletonText/index.js +4 -1
  84. package/es/components/Slider/Slider.js +1 -1
  85. package/es/components/Switch/IconSwitch.d.ts +3 -0
  86. package/es/components/Switch/IconSwitch.js +1 -2
  87. package/es/components/TabContent/TabContent.js +2 -22
  88. package/es/components/Tabs/Tabs.js +5 -5
  89. package/es/components/Tag/DismissibleTag.js +1 -1
  90. package/es/components/TextArea/TextArea.js +1 -1
  91. package/es/components/TextArea/index.js +4 -1
  92. package/es/components/TextInput/index.js +4 -1
  93. package/es/components/TextInput/util.d.ts +9 -0
  94. package/es/components/Toggletip/index.d.ts +1 -1
  95. package/es/components/Toggletip/index.js +3 -3
  96. package/es/components/UIShell/HeaderMenu.js +2 -2
  97. package/es/components/UIShell/SideNav.js +1 -1
  98. package/es/components/UIShell/_utils.d.ts +7 -0
  99. package/es/feature-flags.d.ts +1 -0
  100. package/es/internal/FloatingMenu.js +1 -1
  101. package/es/internal/deprecateFieldOnObject.js +1 -1
  102. package/es/internal/useEvent.d.ts +2 -2
  103. package/es/internal/useEvent.js +4 -3
  104. package/es/internal/useId.d.ts +21 -0
  105. package/es/internal/useId.js +27 -1
  106. package/es/internal/useOverflowItems.js +0 -6
  107. package/es/node_modules/es-toolkit/dist/compat/function/{debounce.mjs.js → debounce.js} +1 -1
  108. package/es/node_modules/es-toolkit/dist/compat/function/{throttle.mjs.js → throttle.js} +1 -1
  109. package/es/prop-types/deprecateComponent.d.ts +1 -0
  110. package/es/prop-types/deprecateComponent.js +1 -4
  111. package/es/prop-types/deprecateValuesWithin.d.ts +1 -0
  112. package/es/prop-types/requiredIfGivenPropIsTruthy.d.ts +14 -0
  113. package/es/tools/mergeRefs.d.ts +12 -0
  114. package/es/tools/mergeRefs.js +1 -2
  115. package/icons/index.js +1 -3
  116. package/lib/_virtual/_rollupPluginBabelHelpers.js +5 -7
  117. package/lib/components/AILabel/index.js +35 -43
  118. package/lib/components/AISkeleton/AISkeletonIcon.js +5 -11
  119. package/lib/components/AISkeleton/AISkeletonPlaceholder.js +4 -10
  120. package/lib/components/AISkeleton/AISkeletonText.js +8 -14
  121. package/lib/components/Accordion/Accordion.Skeleton.js +21 -27
  122. package/lib/components/Accordion/Accordion.js +11 -17
  123. package/lib/components/Accordion/AccordionItem.js +19 -25
  124. package/lib/components/Accordion/AccordionProvider.js +1 -7
  125. package/lib/components/AspectRatio/AspectRatio.js +7 -13
  126. package/lib/components/BadgeIndicator/index.js +7 -13
  127. package/lib/components/Breadcrumb/Breadcrumb.Skeleton.js +7 -13
  128. package/lib/components/Breadcrumb/Breadcrumb.js +9 -15
  129. package/lib/components/Breadcrumb/BreadcrumbItem.js +16 -22
  130. package/lib/components/Button/Button.Skeleton.js +9 -14
  131. package/lib/components/Button/Button.d.ts +1 -1
  132. package/lib/components/Button/Button.js +32 -37
  133. package/lib/components/Button/ButtonBase.js +8 -11
  134. package/lib/components/Button/index.js +3 -3
  135. package/lib/components/ButtonSet/ButtonSet.js +6 -12
  136. package/lib/components/ButtonSet/index.js +2 -2
  137. package/lib/components/ChatButton/ChatButton.Skeleton.js +5 -11
  138. package/lib/components/ChatButton/ChatButton.js +12 -18
  139. package/lib/components/Checkbox/Checkbox.Skeleton.js +6 -12
  140. package/lib/components/Checkbox/Checkbox.js +33 -39
  141. package/lib/components/Checkbox/index.js +3 -3
  142. package/lib/components/CheckboxGroup/CheckboxGroup.js +24 -30
  143. package/lib/components/ClassPrefix/index.js +3 -10
  144. package/lib/components/CodeSnippet/CodeSnippet.Skeleton.js +10 -16
  145. package/lib/components/CodeSnippet/CodeSnippet.js +40 -46
  146. package/lib/components/ComboBox/ComboBox.d.ts +7 -0
  147. package/lib/components/ComboBox/ComboBox.js +65 -63
  148. package/lib/components/ComboBox/index.js +2 -2
  149. package/lib/components/ComboButton/index.js +20 -28
  150. package/lib/components/ComposedModal/ComposedModal.js +61 -57
  151. package/lib/components/ComposedModal/ModalFooter.js +37 -45
  152. package/lib/components/ComposedModal/ModalHeader.js +23 -31
  153. package/lib/components/ContainedList/ContainedList.d.ts +1 -1
  154. package/lib/components/ContainedList/ContainedList.js +19 -25
  155. package/lib/components/ContainedList/ContainedListItem/ContainedListItem.js +14 -20
  156. package/lib/components/ContainedList/ContainedListItem/index.js +2 -2
  157. package/lib/components/ContainedList/index.js +5 -5
  158. package/lib/components/ContentSwitcher/ContentSwitcher.js +11 -19
  159. package/lib/components/ContextMenu/useContextMenu.js +1 -1
  160. package/lib/components/Copy/Copy.js +12 -18
  161. package/lib/components/Copy/index.js +2 -2
  162. package/lib/components/CopyButton/CopyButton.js +12 -18
  163. package/lib/components/CopyButton/index.js +2 -2
  164. package/lib/components/DangerButton/DangerButton.js +2 -6
  165. package/lib/components/DataTable/DataTable.js +48 -55
  166. package/lib/components/DataTable/Table.js +18 -24
  167. package/lib/components/DataTable/TableActionList.js +2 -2
  168. package/lib/components/DataTable/TableBatchAction.js +4 -9
  169. package/lib/components/DataTable/TableBatchActions.js +19 -25
  170. package/lib/components/DataTable/TableBody.js +5 -10
  171. package/lib/components/DataTable/TableCell.js +8 -14
  172. package/lib/components/DataTable/TableContainer.js +14 -20
  173. package/lib/components/DataTable/TableContext.js +0 -2
  174. package/lib/components/DataTable/TableDecoratorRow.js +5 -11
  175. package/lib/components/DataTable/TableExpandHeader.js +16 -22
  176. package/lib/components/DataTable/TableExpandRow.js +20 -26
  177. package/lib/components/DataTable/TableExpandedRow.js +8 -14
  178. package/lib/components/DataTable/TableHead.js +2 -2
  179. package/lib/components/DataTable/TableHeader.js +26 -32
  180. package/lib/components/DataTable/TableRow.js +8 -14
  181. package/lib/components/DataTable/TableSelectAll.js +13 -19
  182. package/lib/components/DataTable/TableSelectRow.js +15 -21
  183. package/lib/components/DataTable/TableSlugRow.js +7 -13
  184. package/lib/components/DataTable/TableToolbar.js +7 -13
  185. package/lib/components/DataTable/TableToolbarAction.js +5 -10
  186. package/lib/components/DataTable/TableToolbarContent.js +2 -2
  187. package/lib/components/DataTable/TableToolbarMenu.js +9 -15
  188. package/lib/components/DataTable/TableToolbarSearch.js +22 -28
  189. package/lib/components/DataTable/state/getDerivedStateFromProps.d.ts +19 -0
  190. package/lib/components/DataTable/state/getDerivedStateFromProps.js +2 -3
  191. package/lib/components/DataTable/state/sortStates.js +0 -2
  192. package/lib/components/DataTable/state/sorting.d.ts +15 -0
  193. package/lib/components/DataTable/state/sorting.js +0 -2
  194. package/lib/components/DataTable/tools/cells.js +0 -2
  195. package/lib/components/DataTable/tools/denormalize.d.ts +22 -0
  196. package/lib/components/DataTable/tools/denormalize.js +1 -2
  197. package/lib/components/DataTable/tools/filter.js +0 -2
  198. package/lib/components/DataTable/tools/normalize.d.ts +9 -0
  199. package/lib/components/DataTable/tools/normalize.js +1 -2
  200. package/lib/components/DataTable/tools/sorting.js +0 -2
  201. package/lib/components/DataTableSkeleton/DataTableSkeleton.js +25 -31
  202. package/lib/components/DatePicker/DatePicker.Skeleton.js +14 -20
  203. package/lib/components/DatePicker/DatePicker.js +65 -66
  204. package/lib/components/DatePicker/index.js +3 -3
  205. package/lib/components/DatePicker/plugins/appendToPlugin.js +0 -2
  206. package/lib/components/DatePicker/plugins/fixEventsPlugin.d.ts +2 -0
  207. package/lib/components/DatePicker/plugins/fixEventsPlugin.js +1 -1
  208. package/lib/components/DatePicker/plugins/rangePlugin.d.ts +2 -0
  209. package/lib/components/DatePicker/plugins/rangePlugin.js +2 -6
  210. package/lib/components/DatePickerInput/DatePickerInput.js +49 -49
  211. package/lib/components/DatePickerInput/index.js +2 -2
  212. package/lib/components/Dialog/index.js +72 -80
  213. package/lib/components/Dropdown/Dropdown.Skeleton.js +10 -16
  214. package/lib/components/Dropdown/Dropdown.js +49 -55
  215. package/lib/components/Dropdown/index.js +3 -3
  216. package/lib/components/ErrorBoundary/ErrorBoundary.js +4 -9
  217. package/lib/components/ErrorBoundary/ErrorBoundaryContext.js +0 -2
  218. package/lib/components/ExpandableSearch/ExpandableSearch.js +6 -11
  219. package/lib/components/FeatureFlags/index.js +10 -17
  220. package/lib/components/FileUploader/FileUploader.Skeleton.js +7 -13
  221. package/lib/components/FileUploader/FileUploader.js +30 -36
  222. package/lib/components/FileUploader/FileUploaderButton.js +19 -25
  223. package/lib/components/FileUploader/FileUploaderDropContainer.js +18 -24
  224. package/lib/components/FileUploader/FileUploaderItem.js +23 -29
  225. package/lib/components/FileUploader/Filename.js +13 -18
  226. package/lib/components/FluidComboBox/FluidComboBox.Skeleton.js +7 -13
  227. package/lib/components/FluidComboBox/FluidComboBox.js +24 -30
  228. package/lib/components/FluidDatePicker/FluidDatePicker.Skeleton.js +14 -20
  229. package/lib/components/FluidDatePicker/FluidDatePicker.js +12 -18
  230. package/lib/components/FluidDatePickerInput/FluidDatePickerInput.js +4 -8
  231. package/lib/components/FluidDropdown/FluidDropdown.Skeleton.js +7 -13
  232. package/lib/components/FluidDropdown/FluidDropdown.js +24 -30
  233. package/lib/components/FluidForm/FluidForm.js +6 -12
  234. package/lib/components/FluidForm/FormContext.js +0 -2
  235. package/lib/components/FluidMultiSelect/FluidMultiSelect.Skeleton.js +7 -13
  236. package/lib/components/FluidMultiSelect/FluidMultiSelect.js +36 -42
  237. package/lib/components/FluidNumberInput/FluidNumberInput.Skeleton.js +7 -13
  238. package/lib/components/FluidNumberInput/FluidNumberInput.d.ts +3 -2
  239. package/lib/components/FluidNumberInput/FluidNumberInput.js +33 -38
  240. package/lib/components/FluidSearch/FluidSearch.Skeleton.js +7 -13
  241. package/lib/components/FluidSearch/FluidSearch.js +19 -25
  242. package/lib/components/FluidSelect/FluidSelect.Skeleton.js +7 -13
  243. package/lib/components/FluidSelect/FluidSelect.js +17 -23
  244. package/lib/components/FluidSelect/index.js +3 -3
  245. package/lib/components/FluidTextArea/FluidTextArea.Skeleton.js +7 -13
  246. package/lib/components/FluidTextArea/FluidTextArea.js +25 -31
  247. package/lib/components/FluidTextInput/FluidPasswordInput.js +18 -22
  248. package/lib/components/FluidTextInput/FluidTextInput.Skeleton.js +7 -13
  249. package/lib/components/FluidTextInput/FluidTextInput.js +23 -29
  250. package/lib/components/FluidTextInput/index.js +3 -3
  251. package/lib/components/FluidTimePicker/FluidTimePicker.Skeleton.js +6 -12
  252. package/lib/components/FluidTimePicker/FluidTimePicker.js +23 -29
  253. package/lib/components/FluidTimePickerSelect/FluidTimePickerSelect.js +10 -15
  254. package/lib/components/Form/Form.js +5 -11
  255. package/lib/components/FormGroup/FormGroup.js +13 -19
  256. package/lib/components/FormItem/FormItem.js +5 -11
  257. package/lib/components/FormLabel/FormLabel.js +6 -12
  258. package/lib/components/Grid/CSSGrid.js +20 -28
  259. package/lib/components/Grid/Column.js +31 -37
  260. package/lib/components/Grid/ColumnHang.js +5 -13
  261. package/lib/components/Grid/FlexGrid.js +10 -18
  262. package/lib/components/Grid/Grid.js +9 -16
  263. package/lib/components/Grid/GridContext.js +7 -14
  264. package/lib/components/Grid/Row.js +8 -14
  265. package/lib/components/Heading/index.js +14 -21
  266. package/lib/components/Icon/Icon.Skeleton.js +4 -10
  267. package/lib/components/IconButton/index.d.ts +1 -1
  268. package/lib/components/IconButton/index.js +25 -33
  269. package/lib/components/IconIndicator/index.js +9 -15
  270. package/lib/components/IdPrefix/index.js +3 -10
  271. package/lib/components/InlineCheckbox/InlineCheckbox.js +17 -22
  272. package/lib/components/InlineCheckbox/index.js +2 -2
  273. package/lib/components/InlineLoading/InlineLoading.js +17 -23
  274. package/lib/components/InlineLoading/index.js +2 -2
  275. package/lib/components/Layer/LayerContext.js +1 -7
  276. package/lib/components/Layer/LayerLevel.js +0 -2
  277. package/lib/components/Layer/index.js +11 -19
  278. package/lib/components/Layout/index.js +22 -30
  279. package/lib/components/LayoutDirection/LayoutDirection.js +6 -13
  280. package/lib/components/LayoutDirection/LayoutDirectionContext.js +1 -7
  281. package/lib/components/LayoutDirection/useLayoutDirection.js +0 -2
  282. package/lib/components/Link/Link.js +15 -21
  283. package/lib/components/Link/index.js +2 -2
  284. package/lib/components/ListBox/ListBox.js +17 -23
  285. package/lib/components/ListBox/ListBoxField.js +7 -12
  286. package/lib/components/ListBox/ListBoxMenu.js +7 -12
  287. package/lib/components/ListBox/ListBoxMenuIcon.js +7 -13
  288. package/lib/components/ListBox/ListBoxMenuItem.js +9 -15
  289. package/lib/components/ListBox/ListBoxPropTypes.js +2 -8
  290. package/lib/components/ListBox/ListBoxSelection.js +14 -20
  291. package/lib/components/ListBox/index.js +7 -7
  292. package/lib/components/ListBox/next/ListBoxSelection.js +18 -24
  293. package/lib/components/ListBox/next/ListBoxTrigger.js +7 -13
  294. package/lib/components/ListItem/ListItem.js +5 -11
  295. package/lib/components/Loading/Loading.js +14 -20
  296. package/lib/components/Loading/index.js +2 -2
  297. package/lib/components/Menu/Menu.d.ts +3 -1
  298. package/lib/components/Menu/Menu.js +18 -24
  299. package/lib/components/Menu/MenuContext.js +0 -2
  300. package/lib/components/Menu/MenuItem.js +44 -52
  301. package/lib/components/MenuButton/index.js +16 -24
  302. package/lib/components/Modal/Modal.js +91 -86
  303. package/lib/components/Modal/index.js +2 -2
  304. package/lib/components/ModalWrapper/ModalWrapper.js +30 -35
  305. package/lib/components/MultiSelect/FilterableMultiSelect.d.ts +7 -0
  306. package/lib/components/MultiSelect/FilterableMultiSelect.js +71 -71
  307. package/lib/components/MultiSelect/MultiSelect.js +61 -70
  308. package/lib/components/MultiSelect/MultiSelectPropTypes.js +2 -8
  309. package/lib/components/MultiSelect/filter.js +0 -6
  310. package/lib/components/MultiSelect/tools/itemToString.d.ts +1 -0
  311. package/lib/components/MultiSelect/tools/itemToString.js +1 -7
  312. package/lib/components/MultiSelect/tools/sorting.d.ts +9 -0
  313. package/lib/components/MultiSelect/tools/sorting.js +0 -2
  314. package/lib/components/Notification/Notification.js +118 -126
  315. package/lib/components/NumberInput/NumberFormatPropTypes.js +21 -27
  316. package/lib/components/NumberInput/NumberInput.Skeleton.js +8 -14
  317. package/lib/components/NumberInput/NumberInput.d.ts +3 -2
  318. package/lib/components/NumberInput/NumberInput.js +70 -77
  319. package/lib/components/OrderedList/OrderedList.js +8 -14
  320. package/lib/components/OverflowMenu/OverflowMenu.js +42 -49
  321. package/lib/components/OverflowMenu/index.js +3 -7
  322. package/lib/components/OverflowMenu/next/index.js +18 -26
  323. package/lib/components/OverflowMenuItem/OverflowMenuItem.js +27 -33
  324. package/lib/components/OverflowMenuItem/index.js +2 -2
  325. package/lib/components/OverflowMenuV2/index.d.ts +1 -0
  326. package/lib/components/OverflowMenuV2/index.js +2 -8
  327. package/lib/components/PageHeader/PageHeader.js +70 -78
  328. package/lib/components/PageHeader/index.js +0 -2
  329. package/lib/components/Pagination/Pagination.Skeleton.js +10 -16
  330. package/lib/components/Pagination/Pagination.js +44 -51
  331. package/lib/components/Pagination/experimental/PageSelector.d.ts +19 -0
  332. package/lib/components/Pagination/experimental/PageSelector.js +9 -15
  333. package/lib/components/Pagination/experimental/Pagination.d.ts +43 -0
  334. package/lib/components/Pagination/experimental/Pagination.js +34 -40
  335. package/lib/components/Pagination/experimental/index.d.ts +3 -0
  336. package/lib/components/PaginationNav/PaginationNav.js +54 -60
  337. package/lib/components/Popover/index.js +60 -50
  338. package/lib/components/PrimaryButton/PrimaryButton.js +2 -6
  339. package/lib/components/ProgressBar/ProgressBar.js +25 -31
  340. package/lib/components/ProgressIndicator/ProgressIndicator.Skeleton.js +10 -16
  341. package/lib/components/ProgressIndicator/ProgressIndicator.js +41 -49
  342. package/lib/components/RadioButton/RadioButton.Skeleton.js +6 -12
  343. package/lib/components/RadioButton/RadioButton.js +26 -32
  344. package/lib/components/RadioButton/index.js +2 -2
  345. package/lib/components/RadioButtonGroup/RadioButtonGroup.js +37 -43
  346. package/lib/components/RadioTile/RadioTile.js +25 -31
  347. package/lib/components/RadioTile/index.js +2 -2
  348. package/lib/components/Search/Search.Skeleton.js +7 -13
  349. package/lib/components/Search/Search.js +33 -39
  350. package/lib/components/Search/index.js +3 -3
  351. package/lib/components/SecondaryButton/SecondaryButton.js +2 -6
  352. package/lib/components/Select/Select.Skeleton.js +8 -14
  353. package/lib/components/Select/Select.js +42 -48
  354. package/lib/components/Select/index.js +3 -3
  355. package/lib/components/SelectItem/SelectItem.js +8 -14
  356. package/lib/components/SelectItem/index.js +2 -2
  357. package/lib/components/SelectItemGroup/SelectItemGroup.js +7 -13
  358. package/lib/components/ShapeIndicator/index.js +12 -18
  359. package/lib/components/SkeletonIcon/SkeletonIcon.js +4 -10
  360. package/lib/components/SkeletonPlaceholder/SkeletonPlaceholder.js +4 -10
  361. package/lib/components/SkeletonText/SkeletonText.js +11 -17
  362. package/lib/components/SkeletonText/index.js +2 -2
  363. package/lib/components/Slider/Slider.Skeleton.js +29 -35
  364. package/lib/components/Slider/Slider.js +84 -90
  365. package/lib/components/Slider/SliderHandles.js +18 -24
  366. package/lib/components/Slider/index.js +3 -3
  367. package/lib/components/Stack/HStack.js +1 -7
  368. package/lib/components/Stack/Stack.js +7 -15
  369. package/lib/components/Stack/VStack.js +1 -7
  370. package/lib/components/StructuredList/StructuredList.Skeleton.js +15 -21
  371. package/lib/components/StructuredList/StructuredList.js +60 -68
  372. package/lib/components/Switch/IconSwitch.d.ts +3 -0
  373. package/lib/components/Switch/IconSwitch.js +18 -25
  374. package/lib/components/Switch/Switch.js +14 -20
  375. package/lib/components/TabContent/TabContent.js +7 -33
  376. package/lib/components/Tabs/Tabs.Skeleton.js +10 -16
  377. package/lib/components/Tabs/Tabs.js +121 -129
  378. package/lib/components/Tabs/usePressable.js +0 -2
  379. package/lib/components/Tag/DismissibleTag.js +24 -30
  380. package/lib/components/Tag/OperationalTag.js +16 -22
  381. package/lib/components/Tag/SelectableTag.js +19 -25
  382. package/lib/components/Tag/Tag.Skeleton.js +5 -11
  383. package/lib/components/Tag/Tag.js +28 -34
  384. package/lib/components/Tag/isEllipsisActive.js +0 -2
  385. package/lib/components/Text/Text.js +6 -13
  386. package/lib/components/Text/TextDirection.js +4 -11
  387. package/lib/components/Text/TextDirectionContext.js +0 -2
  388. package/lib/components/Text/createTextComponent.js +1 -7
  389. package/lib/components/Text/index.js +0 -2
  390. package/lib/components/TextArea/TextArea.Skeleton.js +7 -13
  391. package/lib/components/TextArea/TextArea.js +49 -55
  392. package/lib/components/TextArea/index.js +3 -3
  393. package/lib/components/TextInput/ControlledPasswordInput.js +36 -42
  394. package/lib/components/TextInput/PasswordInput.js +48 -54
  395. package/lib/components/TextInput/TextInput.Skeleton.js +7 -13
  396. package/lib/components/TextInput/TextInput.js +47 -53
  397. package/lib/components/TextInput/index.js +3 -3
  398. package/lib/components/TextInput/util.d.ts +9 -0
  399. package/lib/components/TextInput/util.js +0 -2
  400. package/lib/components/Theme/index.js +16 -24
  401. package/lib/components/Tile/Tile.js +92 -100
  402. package/lib/components/TileGroup/TileGroup.js +15 -22
  403. package/lib/components/TimePicker/TimePicker.js +39 -45
  404. package/lib/components/TimePickerSelect/TimePickerSelect.js +10 -16
  405. package/lib/components/Toggle/Toggle.Skeleton.js +7 -13
  406. package/lib/components/Toggle/Toggle.js +28 -34
  407. package/lib/components/ToggleSmall/ToggleSmall.Skeleton.js +12 -20
  408. package/lib/components/Toggletip/index.d.ts +1 -1
  409. package/lib/components/Toggletip/index.js +33 -41
  410. package/lib/components/Tooltip/DefinitionTooltip.js +14 -22
  411. package/lib/components/Tooltip/Tooltip.js +19 -27
  412. package/lib/components/TreeView/TreeContext.js +0 -2
  413. package/lib/components/TreeView/TreeNode.js +41 -47
  414. package/lib/components/TreeView/TreeView.js +17 -23
  415. package/lib/components/UIShell/Content.js +6 -12
  416. package/lib/components/UIShell/Header.js +4 -10
  417. package/lib/components/UIShell/HeaderContainer.js +4 -9
  418. package/lib/components/UIShell/HeaderGlobalAction.js +11 -17
  419. package/lib/components/UIShell/HeaderGlobalBar.js +2 -2
  420. package/lib/components/UIShell/HeaderMenu.js +17 -23
  421. package/lib/components/UIShell/HeaderMenuButton.js +9 -15
  422. package/lib/components/UIShell/HeaderMenuItem.js +11 -17
  423. package/lib/components/UIShell/HeaderName.js +8 -14
  424. package/lib/components/UIShell/HeaderNavigation.js +6 -12
  425. package/lib/components/UIShell/HeaderPanel.js +11 -17
  426. package/lib/components/UIShell/HeaderSideNavItems.js +6 -12
  427. package/lib/components/UIShell/Link.js +6 -11
  428. package/lib/components/UIShell/SideNav.js +23 -29
  429. package/lib/components/UIShell/SideNavDetails.js +7 -13
  430. package/lib/components/UIShell/SideNavDivider.js +5 -11
  431. package/lib/components/UIShell/SideNavFooter.js +12 -18
  432. package/lib/components/UIShell/SideNavHeader.js +8 -14
  433. package/lib/components/UIShell/SideNavIcon.js +6 -12
  434. package/lib/components/UIShell/SideNavItem.js +6 -12
  435. package/lib/components/UIShell/SideNavItems.js +9 -15
  436. package/lib/components/UIShell/SideNavLink.js +13 -19
  437. package/lib/components/UIShell/SideNavLinkText.js +5 -11
  438. package/lib/components/UIShell/SideNavMenu.js +20 -26
  439. package/lib/components/UIShell/SideNavMenuItem.js +13 -19
  440. package/lib/components/UIShell/SideNavSwitcher.js +13 -19
  441. package/lib/components/UIShell/SkipToContent.js +7 -13
  442. package/lib/components/UIShell/Switcher.js +9 -15
  443. package/lib/components/UIShell/SwitcherDivider.js +4 -10
  444. package/lib/components/UIShell/SwitcherItem.js +15 -21
  445. package/lib/components/UIShell/_utils.d.ts +7 -0
  446. package/lib/components/UIShell/_utils.js +0 -2
  447. package/lib/components/UnorderedList/UnorderedList.js +7 -13
  448. package/lib/feature-flags.d.ts +1 -0
  449. package/lib/feature-flags.js +3 -4
  450. package/lib/index.js +180 -182
  451. package/lib/internal/FloatingMenu.js +10 -18
  452. package/lib/internal/OptimizedResize.js +2 -8
  453. package/lib/internal/Selection.js +1 -7
  454. package/lib/internal/clamp.js +0 -2
  455. package/lib/internal/createClassWrapper.js +1 -7
  456. package/lib/internal/deprecateFieldOnObject.js +1 -3
  457. package/lib/internal/environment.js +0 -2
  458. package/lib/internal/getAnnouncement.js +0 -2
  459. package/lib/internal/keyboard/keys.js +0 -2
  460. package/lib/internal/keyboard/match.js +0 -2
  461. package/lib/internal/keyboard/navigation.js +0 -2
  462. package/lib/internal/noopFn.js +0 -2
  463. package/lib/internal/useAttachedMenu.js +0 -2
  464. package/lib/internal/useControllableState.js +0 -2
  465. package/lib/internal/useDelayedState.js +0 -2
  466. package/lib/internal/useEvent.d.ts +2 -2
  467. package/lib/internal/useEvent.js +4 -5
  468. package/lib/internal/useId.d.ts +21 -0
  469. package/lib/internal/useId.js +27 -7
  470. package/lib/internal/useIdPrefix.js +2 -8
  471. package/lib/internal/useIsomorphicEffect.js +1 -1
  472. package/lib/internal/useMatchMedia.js +0 -2
  473. package/lib/internal/useMergedRefs.js +0 -2
  474. package/lib/internal/useNoInteractiveChildren.js +0 -2
  475. package/lib/internal/useNormalizedInputProps.js +2 -8
  476. package/lib/internal/useOutsideClick.js +0 -2
  477. package/lib/internal/useOverflowItems.js +1 -7
  478. package/lib/internal/usePrefix.js +2 -8
  479. package/lib/internal/usePreviousValue.js +0 -2
  480. package/lib/internal/useResizeObserver.js +0 -2
  481. package/lib/internal/useSavedCallback.js +0 -2
  482. package/lib/internal/utils.js +0 -2
  483. package/lib/internal/warning.js +0 -2
  484. package/lib/internal/wrapFocus.js +0 -2
  485. package/lib/node_modules/es-toolkit/dist/compat/function/{debounce.mjs.js → debounce.js} +1 -3
  486. package/lib/node_modules/es-toolkit/dist/compat/function/{throttle.mjs.js → throttle.js} +1 -3
  487. package/lib/node_modules/es-toolkit/dist/function/{debounce.mjs.js → debounce.js} +0 -2
  488. package/lib/prop-types/AriaPropTypes.js +2 -8
  489. package/lib/prop-types/deprecate.js +0 -2
  490. package/lib/prop-types/deprecateComponent.d.ts +1 -0
  491. package/lib/prop-types/deprecateComponent.js +2 -5
  492. package/lib/prop-types/deprecateValuesWithin.d.ts +1 -0
  493. package/lib/prop-types/deprecateValuesWithin.js +1 -1
  494. package/lib/prop-types/isRequiredOneOf.js +0 -2
  495. package/lib/prop-types/requiredIfGivenPropIsTruthy.d.ts +14 -0
  496. package/lib/prop-types/requiredIfGivenPropIsTruthy.js +1 -1
  497. package/lib/tools/events.js +0 -2
  498. package/lib/tools/mapPopoverAlign.js +0 -2
  499. package/lib/tools/mergeRefs.d.ts +12 -0
  500. package/lib/tools/mergeRefs.js +1 -2
  501. package/lib/tools/setupGetInstanceId.js +0 -2
  502. package/lib/tools/toggleClass.js +0 -2
  503. package/lib/tools/wrapComponent.js +4 -10
  504. package/package.json +12 -12
  505. package/telemetry.yml +1 -0
  506. /package/es/node_modules/es-toolkit/dist/function/{debounce.mjs.js → debounce.js} +0 -0
@@ -28,13 +28,6 @@ var useOutsideClick = require('../../internal/useOutsideClick.js');
28
28
  var deprecateValuesWithin = require('../../prop-types/deprecateValuesWithin.js');
29
29
  var mapPopoverAlign = require('../../tools/mapPopoverAlign.js');
30
30
 
31
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
32
-
33
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
34
- var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
35
- var invariant__default = /*#__PURE__*/_interopDefaultLegacy(invariant);
36
- var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
37
-
38
31
  const getInstanceId = setupGetInstanceId.setupGetInstanceId();
39
32
  const on = (target, ...args) => {
40
33
  target.addEventListener(...args);
@@ -75,7 +68,7 @@ const getMenuOffset = (menuBody, direction, trigger, flip) => {
75
68
  const triggerButtonPositionProp = triggerButtonPositionProps[direction];
76
69
  const triggerButtonPositionFactor = triggerButtonPositionFactors[direction];
77
70
  if (process.env.NODE_ENV !== 'production') {
78
- !(triggerButtonPositionProp && triggerButtonPositionFactor) ? process.env.NODE_ENV !== "production" ? invariant__default["default"](false, '[OverflowMenu] wrong floating menu direction: `%s`', direction) : invariant__default["default"](false) : void 0;
71
+ !(triggerButtonPositionProp && triggerButtonPositionFactor) ? process.env.NODE_ENV !== "production" ? invariant(false, '[OverflowMenu] wrong floating menu direction: `%s`', direction) : invariant(false) : void 0;
79
72
  }
80
73
  const {
81
74
  offsetWidth: menuWidth,
@@ -229,7 +222,7 @@ const OverflowMenu = /*#__PURE__*/React.forwardRef(({
229
222
  direction
230
223
  }) => {
231
224
  const enabledIndices = React.Children.toArray(children).reduce((acc, curr, i) => {
232
- if (/*#__PURE__*/React__default["default"].isValidElement(curr) && !curr.props.disabled) {
225
+ if (/*#__PURE__*/React.isValidElement(curr) && !curr.props.disabled) {
233
226
  acc.push(i);
234
227
  }
235
228
  return acc;
@@ -279,18 +272,18 @@ const OverflowMenu = /*#__PURE__*/React.forwardRef(({
279
272
  return document.body;
280
273
  };
281
274
  const menuBodyId = `overflow-menu-${instanceId.current}__menu-body`;
282
- const overflowMenuClasses = cx__default["default"](className, `${prefix}--overflow-menu`, {
275
+ const overflowMenuClasses = cx(className, `${prefix}--overflow-menu`, {
283
276
  [`${prefix}--overflow-menu--open`]: open,
284
277
  [`${prefix}--overflow-menu--light`]: light,
285
278
  [`${prefix}--overflow-menu--${size}`]: size
286
279
  });
287
- const overflowMenuOptionsClasses = cx__default["default"](menuOptionsClass, `${prefix}--overflow-menu-options`, {
280
+ const overflowMenuOptionsClasses = cx(menuOptionsClass, `${prefix}--overflow-menu-options`, {
288
281
  [`${prefix}--overflow-menu--flip`]: flipped,
289
282
  [`${prefix}--overflow-menu-options--open`]: open,
290
283
  [`${prefix}--overflow-menu-options--light`]: light,
291
284
  [`${prefix}--overflow-menu-options--${size}`]: size
292
285
  });
293
- const overflowMenuIconClasses = cx__default["default"](`${prefix}--overflow-menu__icon`, iconClass);
286
+ const overflowMenuIconClasses = cx(`${prefix}--overflow-menu__icon`, iconClass);
294
287
  const childrenWithProps = React.Children.toArray(children).map((child, index) => {
295
288
  if (/*#__PURE__*/React.isValidElement(child)) {
296
289
  const childElement = child;
@@ -305,7 +298,7 @@ const OverflowMenu = /*#__PURE__*/React.forwardRef(({
305
298
  }
306
299
  return null;
307
300
  });
308
- const menuBody = /*#__PURE__*/React__default["default"].createElement("ul", {
301
+ const menuBody = /*#__PURE__*/React.createElement("ul", {
309
302
  className: overflowMenuOptionsClasses,
310
303
  tabIndex: -1,
311
304
  role: "menu",
@@ -313,7 +306,7 @@ const OverflowMenu = /*#__PURE__*/React.forwardRef(({
313
306
  onKeyDown: handleKeyPress,
314
307
  id: menuBodyId
315
308
  }, childrenWithProps);
316
- const wrappedMenuBody = /*#__PURE__*/React__default["default"].createElement(FloatingMenu.FloatingMenu, {
309
+ const wrappedMenuBody = /*#__PURE__*/React.createElement(FloatingMenu.FloatingMenu, {
317
310
  focusTrap: focusTrap,
318
311
  triggerRef: triggerRef,
319
312
  menuDirection: direction,
@@ -326,12 +319,12 @@ const OverflowMenu = /*#__PURE__*/React.forwardRef(({
326
319
  }, /*#__PURE__*/React.cloneElement(menuBody, {
327
320
  'data-floating-menu-direction': direction
328
321
  }));
329
- const combinedRef = innerRef ? mergeRefs["default"](triggerRef, innerRef, ref) : mergeRefs["default"](triggerRef, ref);
330
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("span", {
322
+ const combinedRef = innerRef ? mergeRefs.default(triggerRef, innerRef, ref) : mergeRefs.default(triggerRef, ref);
323
+ return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
331
324
  className: `${prefix}--overflow-menu__wrapper`,
332
325
  "aria-owns": open ? menuBodyId : undefined,
333
326
  ref: wrapperRef
334
- }, /*#__PURE__*/React__default["default"].createElement(index.IconButton, _rollupPluginBabelHelpers["extends"]({}, other, {
327
+ }, /*#__PURE__*/React.createElement(index.IconButton, _rollupPluginBabelHelpers.extends({}, other, {
335
328
  align: align,
336
329
  type: "button",
337
330
  "aria-haspopup": true,
@@ -344,7 +337,7 @@ const OverflowMenu = /*#__PURE__*/React.forwardRef(({
344
337
  size: size,
345
338
  label: iconDescription,
346
339
  kind: "ghost"
347
- }), /*#__PURE__*/React__default["default"].createElement(IconElement, {
340
+ }), /*#__PURE__*/React.createElement(IconElement, {
348
341
  className: overflowMenuIconClasses,
349
342
  "aria-label": iconDescription
350
343
  })), open && hasMountedTrigger && wrappedMenuBody));
@@ -353,7 +346,7 @@ OverflowMenu.propTypes = {
353
346
  /**
354
347
  * Specify how the trigger should align with the tooltip
355
348
  */
356
- align: deprecateValuesWithin["default"](PropTypes__default["default"].oneOf(['top', 'top-left',
349
+ align: deprecateValuesWithin.default(PropTypes.oneOf(['top', 'top-left',
357
350
  // deprecated use top-start instead
358
351
  'top-right',
359
352
  // deprecated use top-end instead
@@ -378,106 +371,106 @@ OverflowMenu.propTypes = {
378
371
  /**
379
372
  * Specify a label to be read by screen readers on the container node
380
373
  */
381
- ['aria-label']: PropTypes__default["default"].string,
374
+ ['aria-label']: PropTypes.string,
382
375
  /**
383
376
  * Deprecated, please use `aria-label` instead.
384
377
  * Specify a label to be read by screen readers on the container note.
385
378
  */
386
- ariaLabel: deprecate.deprecate(PropTypes__default["default"].string, 'This prop syntax has been deprecated. Please use the new `aria-label`.'),
379
+ ariaLabel: deprecate.deprecate(PropTypes.string, 'This prop syntax has been deprecated. Please use the new `aria-label`.'),
387
380
  /**
388
381
  * The child nodes.
389
382
  */
390
- children: PropTypes__default["default"].node,
383
+ children: PropTypes.node,
391
384
  /**
392
385
  * The CSS class names.
393
386
  */
394
- className: PropTypes__default["default"].string,
387
+ className: PropTypes.string,
395
388
  /**
396
389
  * The menu direction.
397
390
  */
398
- direction: PropTypes__default["default"].oneOf([FloatingMenu.DIRECTION_TOP, FloatingMenu.DIRECTION_BOTTOM]),
391
+ direction: PropTypes.oneOf([FloatingMenu.DIRECTION_TOP, FloatingMenu.DIRECTION_BOTTOM]),
399
392
  /**
400
393
  * `true` if the menu alignment should be flipped.
401
394
  */
402
- flipped: PropTypes__default["default"].bool,
395
+ flipped: PropTypes.bool,
403
396
  /**
404
397
  * Enable or disable focus trap behavior
405
398
  */
406
- focusTrap: PropTypes__default["default"].bool,
399
+ focusTrap: PropTypes.bool,
407
400
  /**
408
401
  * The CSS class for the icon.
409
402
  */
410
- iconClass: PropTypes__default["default"].string,
403
+ iconClass: PropTypes.string,
411
404
  /**
412
405
  * The icon description.
413
406
  */
414
- iconDescription: PropTypes__default["default"].string,
407
+ iconDescription: PropTypes.string,
415
408
  /**
416
409
  * The element ID.
417
410
  */
418
- id: PropTypes__default["default"].string,
411
+ id: PropTypes.string,
419
412
  /**
420
413
  * `true` to use the light version. For use on $ui-01 backgrounds only.
421
414
  * Don't use this to make OverflowMenu background color same as container background color.
422
415
  */
423
- light: deprecate.deprecate(PropTypes__default["default"].bool, 'The `light` prop for `OverflowMenu` is no longer needed and has been deprecated. It will be removed in the next major release. Use the Layer component instead.'),
416
+ light: deprecate.deprecate(PropTypes.bool, 'The `light` prop for `OverflowMenu` is no longer needed and has been deprecated. It will be removed in the next major release. Use the Layer component instead.'),
424
417
  /**
425
418
  * The adjustment in position applied to the floating menu.
426
419
  */
427
- menuOffset: PropTypes__default["default"].oneOfType([PropTypes__default["default"].shape({
428
- top: PropTypes__default["default"].number.isRequired,
429
- left: PropTypes__default["default"].number.isRequired
430
- }), PropTypes__default["default"].func]),
420
+ menuOffset: PropTypes.oneOfType([PropTypes.shape({
421
+ top: PropTypes.number.isRequired,
422
+ left: PropTypes.number.isRequired
423
+ }), PropTypes.func]),
431
424
  /**
432
425
  * The adjustment in position applied to the floating menu.
433
426
  */
434
- menuOffsetFlip: PropTypes__default["default"].oneOfType([PropTypes__default["default"].shape({
435
- top: PropTypes__default["default"].number.isRequired,
436
- left: PropTypes__default["default"].number.isRequired
437
- }), PropTypes__default["default"].func]),
427
+ menuOffsetFlip: PropTypes.oneOfType([PropTypes.shape({
428
+ top: PropTypes.number.isRequired,
429
+ left: PropTypes.number.isRequired
430
+ }), PropTypes.func]),
438
431
  /**
439
432
  * The class to apply to the menu options
440
433
  */
441
- menuOptionsClass: PropTypes__default["default"].string,
434
+ menuOptionsClass: PropTypes.string,
442
435
  /**
443
436
  * The event handler for the `click` event.
444
437
  */
445
- onClick: PropTypes__default["default"].func,
438
+ onClick: PropTypes.func,
446
439
  /**
447
440
  * Function called when menu is closed
448
441
  */
449
- onClose: PropTypes__default["default"].func,
442
+ onClose: PropTypes.func,
450
443
  /**
451
444
  * The event handler for the `focus` event.
452
445
  */
453
- onFocus: PropTypes__default["default"].func,
446
+ onFocus: PropTypes.func,
454
447
  /**
455
448
  * The event handler for the `keydown` event.
456
449
  */
457
- onKeyDown: PropTypes__default["default"].func,
450
+ onKeyDown: PropTypes.func,
458
451
  /**
459
452
  * Function called when menu is opened
460
453
  */
461
- onOpen: PropTypes__default["default"].func,
454
+ onOpen: PropTypes.func,
462
455
  /**
463
456
  * `true` if the menu should be open.
464
457
  */
465
- open: PropTypes__default["default"].bool,
458
+ open: PropTypes.bool,
466
459
  /**
467
460
  * A component used to render an icon.
468
461
  */
469
- renderIcon: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].object]),
462
+ renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
470
463
  /**
471
464
  * Specify a CSS selector that matches the DOM element that should
472
465
  * be focused when the OverflowMenu opens
473
466
  */
474
- selectorPrimaryFocus: PropTypes__default["default"].string,
467
+ selectorPrimaryFocus: PropTypes.string,
475
468
  /**
476
469
  * Specify the size of the OverflowMenu. Currently supports either `sm`, `md` (default) or `lg` as an option.
477
470
  */
478
- size: PropTypes__default["default"].oneOf(['sm', 'md', 'lg'])
471
+ size: PropTypes.oneOf(['sm', 'md', 'lg'])
479
472
  };
480
473
 
481
474
  exports.OverflowMenu = OverflowMenu;
482
- exports["default"] = OverflowMenu;
475
+ exports.default = OverflowMenu;
483
476
  exports.getMenuOffset = getMenuOffset;
@@ -15,15 +15,11 @@ var index = require('../FeatureFlags/index.js');
15
15
  var index$1 = require('./next/index.js');
16
16
  var OverflowMenu$1 = require('./OverflowMenu.js');
17
17
 
18
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
19
-
20
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
21
-
22
18
  const OverflowMenu = /*#__PURE__*/React.forwardRef((props, ref) => {
23
19
  const enableV12OverflowMenu = index.useFeatureFlag('enable-v12-overflowmenu');
24
- return enableV12OverflowMenu ? /*#__PURE__*/React__default["default"].createElement(index$1.OverflowMenu, _rollupPluginBabelHelpers["extends"]({}, props, {
20
+ return enableV12OverflowMenu ? /*#__PURE__*/React.createElement(index$1.OverflowMenu, _rollupPluginBabelHelpers.extends({}, props, {
25
21
  ref: ref
26
- })) : /*#__PURE__*/React__default["default"].createElement(OverflowMenu$1.OverflowMenu, _rollupPluginBabelHelpers["extends"]({}, props, {
22
+ })) : /*#__PURE__*/React.createElement(OverflowMenu$1.OverflowMenu, _rollupPluginBabelHelpers.extends({}, props, {
27
23
  ref: ref
28
24
  }));
29
25
  });
@@ -31,4 +27,4 @@ OverflowMenu.displayName = 'OverflowMenu';
31
27
  OverflowMenu.propTypes = OverflowMenu$1.OverflowMenu.propTypes;
32
28
 
33
29
  exports.OverflowMenu = OverflowMenu;
34
- exports["default"] = OverflowMenu;
30
+ exports.default = OverflowMenu;
@@ -7,8 +7,6 @@
7
7
 
8
8
  'use strict';
9
9
 
10
- Object.defineProperty(exports, '__esModule', { value: true });
11
-
12
10
  var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
13
11
  var React = require('react');
14
12
  var PropTypes = require('prop-types');
@@ -26,14 +24,8 @@ var useAttachedMenu = require('../../../internal/useAttachedMenu.js');
26
24
  var deprecateValuesWithin = require('../../../prop-types/deprecateValuesWithin.js');
27
25
  var mapPopoverAlign = require('../../../tools/mapPopoverAlign.js');
28
26
 
29
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
30
-
31
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
32
- var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
33
- var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
34
-
35
27
  const defaultSize = 'md';
36
- const OverflowMenu = /*#__PURE__*/React__default["default"].forwardRef(function OverflowMenu({
28
+ const OverflowMenu = /*#__PURE__*/React.forwardRef(function OverflowMenu({
37
29
  autoAlign = false,
38
30
  children,
39
31
  className,
@@ -99,19 +91,19 @@ const OverflowMenu = /*#__PURE__*/React__default["default"].forwardRef(function
99
91
  hookOnClick();
100
92
  }
101
93
  }
102
- const containerClasses = cx__default["default"](className, `${prefix}--overflow-menu__container`, {
94
+ const containerClasses = cx(className, `${prefix}--overflow-menu__container`, {
103
95
  [`${prefix}--autoalign`]: enableFloatingStyles
104
96
  });
105
- const menuClasses = cx__default["default"](`${prefix}--overflow-menu__${menuAlignment}`);
106
- const triggerClasses = cx__default["default"](`${prefix}--overflow-menu`, {
97
+ const menuClasses = cx(`${prefix}--overflow-menu__${menuAlignment}`);
98
+ const triggerClasses = cx(`${prefix}--overflow-menu`, {
107
99
  [`${prefix}--overflow-menu--open`]: open
108
100
  }, size !== defaultSize && `${prefix}--overflow-menu--${size}`);
109
- const floatingRef = mergeRefs["default"](triggerRef, refs.setReference);
110
- return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
101
+ const floatingRef = mergeRefs.default(triggerRef, refs.setReference);
102
+ return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
111
103
  className: containerClasses,
112
104
  "aria-owns": open ? id : undefined,
113
105
  ref: forwardRef
114
- }), /*#__PURE__*/React__default["default"].createElement(index$1.IconButton, {
106
+ }), /*#__PURE__*/React.createElement(index$1.IconButton, {
115
107
  "aria-controls": open ? id : undefined,
116
108
  "aria-haspopup": true,
117
109
  "aria-expanded": open,
@@ -122,9 +114,9 @@ const OverflowMenu = /*#__PURE__*/React__default["default"].forwardRef(function
122
114
  label: label,
123
115
  align: tooltipAlignment,
124
116
  kind: "ghost"
125
- }, /*#__PURE__*/React__default["default"].createElement(IconElement, {
117
+ }, /*#__PURE__*/React.createElement(IconElement, {
126
118
  className: `${prefix}--overflow-menu__icon`
127
- })), /*#__PURE__*/React__default["default"].createElement(Menu.Menu, {
119
+ })), /*#__PURE__*/React.createElement(Menu.Menu, {
128
120
  containerRef: triggerRef,
129
121
  ref: refs.setFloating,
130
122
  menuAlignment: menuAlignment,
@@ -144,35 +136,35 @@ OverflowMenu.propTypes = {
144
136
  /**
145
137
  * **Experimental**: Will attempt to automatically align the floating element to avoid collisions with the viewport and being clipped by ancestor elements.
146
138
  */
147
- autoAlign: PropTypes__default["default"].bool,
139
+ autoAlign: PropTypes.bool,
148
140
  /**
149
141
  * A collection of MenuItems to be rendered within this OverflowMenu.
150
142
  */
151
- children: PropTypes__default["default"].node,
143
+ children: PropTypes.node,
152
144
  /**
153
145
  * Additional CSS class names for the trigger button.
154
146
  */
155
- className: PropTypes__default["default"].string,
147
+ className: PropTypes.string,
156
148
  /**
157
149
  * A label describing the options available. Is used in the trigger tooltip and as the menu's accessible label.
158
150
  */
159
- label: PropTypes__default["default"].string,
151
+ label: PropTypes.string,
160
152
  /**
161
153
  * Experimental property. Specify how the menu should align with the button element
162
154
  */
163
- menuAlignment: PropTypes__default["default"].oneOf(['top-start', 'top-end', 'bottom-start', 'bottom-end']),
155
+ menuAlignment: PropTypes.oneOf(['top-start', 'top-end', 'bottom-start', 'bottom-end']),
164
156
  /**
165
157
  * A component used to render an icon.
166
158
  */
167
- renderIcon: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].object]),
159
+ renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
168
160
  /**
169
161
  * Specify the size of the menu, from a list of available sizes.
170
162
  */
171
- size: PropTypes__default["default"].oneOf(['sm', 'md', 'lg']),
163
+ size: PropTypes.oneOf(['sm', 'md', 'lg']),
172
164
  /**
173
165
  * Specify how the trigger tooltip should be aligned.
174
166
  */
175
- tooltipAlignment: deprecateValuesWithin["default"](PropTypes__default["default"].oneOf(['top', 'top-left',
167
+ tooltipAlignment: deprecateValuesWithin.default(PropTypes.oneOf(['top', 'top-left',
176
168
  // deprecated use top-start instead
177
169
  'top-right',
178
170
  // deprecated use top-end instead
@@ -197,7 +189,7 @@ OverflowMenu.propTypes = {
197
189
  /**
198
190
  * Specify a DOM node where the Menu should be rendered in. Defaults to document.body.
199
191
  */
200
- menuTarget: PropTypes__default["default"].instanceOf(typeof Element !== 'undefined' ? Element : Object)
192
+ menuTarget: PropTypes.instanceOf(typeof Element !== 'undefined' ? Element : Object)
201
193
  };
202
194
 
203
195
  exports.OverflowMenu = OverflowMenu;
@@ -20,12 +20,6 @@ var warning = require('../../internal/warning.js');
20
20
  require('../Text/index.js');
21
21
  var Text = require('../Text/Text.js');
22
22
 
23
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
24
-
25
- var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
26
- var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
27
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
28
-
29
23
  const frFn = React.forwardRef;
30
24
  const OverflowMenuItem = frFn((props, ref) => {
31
25
  const {
@@ -67,8 +61,8 @@ const OverflowMenuItem = frFn((props, ref) => {
67
61
  }
68
62
  }
69
63
  process.env.NODE_ENV !== "production" ? warning.warning(!!closeMenu, '`<OverflowMenuItem>` detected missing `closeMenu` prop. ' + '`closeMenu` is required to let `<OverflowMenu>` close the menu upon actions on `<OverflowMenuItem>`. ' + 'Please make sure `<OverflowMenuItem>` is a direct child of `<OverflowMenu>.') : void 0;
70
- const overflowMenuBtnClasses = cx__default["default"](`${prefix}--overflow-menu-options__btn`, className);
71
- const overflowMenuItemClasses = cx__default["default"](`${prefix}--overflow-menu-options__option`, {
64
+ const overflowMenuBtnClasses = cx(`${prefix}--overflow-menu-options__btn`, className);
65
+ const overflowMenuItemClasses = cx(`${prefix}--overflow-menu-options__option`, {
72
66
  [`${prefix}--overflow-menu--divider`]: hasDivider,
73
67
  [`${prefix}--overflow-menu-options__option--danger`]: isDelete,
74
68
  [`${prefix}--overflow-menu-options__option--disabled`]: disabled
@@ -78,15 +72,15 @@ const OverflowMenuItem = frFn((props, ref) => {
78
72
  if (typeof itemText !== 'string') {
79
73
  return itemText;
80
74
  }
81
- return /*#__PURE__*/React__default["default"].createElement("div", {
75
+ return /*#__PURE__*/React.createElement("div", {
82
76
  className: `${prefix}--overflow-menu-options__option-content`
83
77
  }, itemText);
84
78
  })();
85
- return /*#__PURE__*/React__default["default"].createElement(Text.Text, {
79
+ return /*#__PURE__*/React.createElement(Text.Text, {
86
80
  as: "li",
87
81
  className: overflowMenuItemClasses,
88
82
  role: "none"
89
- }, /*#__PURE__*/React__default["default"].createElement(TagToUse, _rollupPluginBabelHelpers["extends"]({
83
+ }, /*#__PURE__*/React.createElement(TagToUse, _rollupPluginBabelHelpers.extends({
90
84
  className: overflowMenuBtnClasses,
91
85
  disabled: disabled,
92
86
  href: href,
@@ -113,57 +107,57 @@ OverflowMenuItem.propTypes = {
113
107
  /**
114
108
  * The CSS class name to be placed on the button element
115
109
  */
116
- className: PropTypes__default["default"].string,
110
+ className: PropTypes.string,
117
111
  /**
118
112
  * A callback to tell the parent menu component that the menu should be closed.
119
113
  */
120
- closeMenu: PropTypes__default["default"].func,
114
+ closeMenu: PropTypes.func,
121
115
  /**
122
116
  * `true` to make this menu item disabled.
123
117
  */
124
- disabled: PropTypes__default["default"].bool,
125
- handleOverflowMenuItemFocus: PropTypes__default["default"].func,
118
+ disabled: PropTypes.bool,
119
+ handleOverflowMenuItemFocus: PropTypes.func,
126
120
  /**
127
121
  * `true` to make this menu item a divider.
128
122
  */
129
- hasDivider: PropTypes__default["default"].bool,
123
+ hasDivider: PropTypes.bool,
130
124
  /**
131
125
  * If given, overflow item will render as a link with the given href
132
126
  */
133
- href: PropTypes__default["default"].string,
134
- index: PropTypes__default["default"].number,
127
+ href: PropTypes.string,
128
+ index: PropTypes.number,
135
129
  /**
136
130
  * `true` to make this menu item a "danger button".
137
131
  */
138
- isDelete: PropTypes__default["default"].bool,
132
+ isDelete: PropTypes.bool,
139
133
  /**
140
134
  * The text in the menu item.
141
135
  */
142
- itemText: PropTypes__default["default"].node.isRequired,
136
+ itemText: PropTypes.node.isRequired,
143
137
  /**
144
138
  * event handlers
145
139
  */
146
- onBlur: PropTypes__default["default"].func,
147
- onClick: PropTypes__default["default"].func,
148
- onFocus: PropTypes__default["default"].func,
149
- onKeyDown: PropTypes__default["default"].func,
150
- onKeyUp: PropTypes__default["default"].func,
151
- onMouseDown: PropTypes__default["default"].func,
152
- onMouseEnter: PropTypes__default["default"].func,
153
- onMouseLeave: PropTypes__default["default"].func,
154
- onMouseUp: PropTypes__default["default"].func,
140
+ onBlur: PropTypes.func,
141
+ onClick: PropTypes.func,
142
+ onFocus: PropTypes.func,
143
+ onKeyDown: PropTypes.func,
144
+ onKeyUp: PropTypes.func,
145
+ onMouseDown: PropTypes.func,
146
+ onMouseEnter: PropTypes.func,
147
+ onMouseLeave: PropTypes.func,
148
+ onMouseUp: PropTypes.func,
155
149
  /**
156
150
  * `true` if this menu item has long text and requires a browser tooltip
157
151
  */
158
- requireTitle: PropTypes__default["default"].bool,
152
+ requireTitle: PropTypes.bool,
159
153
  /**
160
154
  * Specify a title for the OverflowMenuItem
161
155
  */
162
- title: PropTypes__default["default"].string,
156
+ title: PropTypes.string,
163
157
  /**
164
158
  * The CSS class name to be placed on the wrapper list item element
165
159
  */
166
- wrapperClassName: PropTypes__default["default"].string
160
+ wrapperClassName: PropTypes.string
167
161
  };
168
162
 
169
- exports["default"] = OverflowMenuItem;
163
+ exports.default = OverflowMenuItem;
@@ -13,5 +13,5 @@ var OverflowMenuItem = require('./OverflowMenuItem.js');
13
13
 
14
14
 
15
15
 
16
- exports.OverflowMenuItem = OverflowMenuItem["default"];
17
- exports["default"] = OverflowMenuItem["default"];
16
+ exports.OverflowMenuItem = OverflowMenuItem.default;
17
+ exports.default = OverflowMenuItem.default;
@@ -0,0 +1 @@
1
+ export function OverflowMenuV2(props: any): import("react/jsx-runtime").JSX.Element;
@@ -7,26 +7,20 @@
7
7
 
8
8
  'use strict';
9
9
 
10
- Object.defineProperty(exports, '__esModule', { value: true });
11
-
12
10
  var React = require('react');
13
11
  var warning = require('../../internal/warning.js');
14
12
  var index = require('../FeatureFlags/index.js');
15
13
  var index$1 = require('../OverflowMenu/index.js');
16
14
 
17
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
18
-
19
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
20
-
21
15
  let didWarnAboutDeprecation = false;
22
16
  function OverflowMenuV2(props) {
23
17
  if (process.env.NODE_ENV !== 'production') {
24
18
  process.env.NODE_ENV !== "production" ? warning.warning(didWarnAboutDeprecation, '`<OverflowMenuV2>` is deprecated and will be removed in the next major version. Use `<OverflowMenu>` with the `enable-v12-overflowmenu` feature flag instead.') : void 0;
25
19
  didWarnAboutDeprecation = true;
26
20
  }
27
- return /*#__PURE__*/React__default["default"].createElement(index.FeatureFlags, {
21
+ return /*#__PURE__*/React.createElement(index.FeatureFlags, {
28
22
  enableV12Overflowmenu: true
29
- }, /*#__PURE__*/React__default["default"].createElement(index$1["default"], props));
23
+ }, /*#__PURE__*/React.createElement(index$1.default, props));
30
24
  }
31
25
 
32
26
  exports.OverflowMenuV2 = OverflowMenuV2;