@carbon/react 1.27.0-rc.0 → 1.28.0-rc.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 (591) hide show
  1. package/es/_virtual/_rollupPluginBabelHelpers.js +1 -313
  2. package/es/components/Accordion/Accordion.Skeleton.js +28 -30
  3. package/es/components/Accordion/Accordion.js +18 -21
  4. package/es/components/Accordion/AccordionItem.js +37 -49
  5. package/es/components/AspectRatio/AspectRatio.js +10 -12
  6. package/es/components/Breadcrumb/Breadcrumb.Skeleton.js +10 -11
  7. package/es/components/Breadcrumb/Breadcrumb.js +14 -13
  8. package/es/components/Breadcrumb/BreadcrumbItem.js +24 -22
  9. package/es/components/Button/Button.Skeleton.js +25 -23
  10. package/es/components/Button/Button.js +77 -72
  11. package/es/components/ButtonSet/ButtonSet.js +12 -10
  12. package/es/components/Checkbox/Checkbox.Skeleton.js +10 -11
  13. package/es/components/Checkbox/Checkbox.js +55 -52
  14. package/es/components/CheckboxGroup/CheckboxGroup.js +33 -31
  15. package/es/components/ClassPrefix/index.js +4 -2
  16. package/es/components/CodeSnippet/CodeSnippet.Skeleton.js +15 -14
  17. package/es/components/CodeSnippet/CodeSnippet.js +199 -102
  18. package/es/components/ComboBox/ComboBox.js +349 -178
  19. package/es/components/ComboBox/tools/filter.js +6 -4
  20. package/es/components/ComboButton/index.js +38 -43
  21. package/es/components/ComposedModal/ComposedModal.js +187 -85
  22. package/es/components/ComposedModal/ModalFooter.js +54 -49
  23. package/es/components/ComposedModal/ModalHeader.js +39 -26
  24. package/es/components/ContainedList/ContainedList.js +18 -17
  25. package/es/components/ContainedList/ContainedListItem/ContainedListItem.js +20 -18
  26. package/es/components/ContentSwitcher/ContentSwitcher.js +83 -98
  27. package/es/components/ContentSwitcher/index.js +1 -1
  28. package/es/components/ContextMenu/useContextMenu.js +12 -21
  29. package/es/components/Copy/Copy.js +24 -29
  30. package/es/components/CopyButton/CopyButton.js +10 -10
  31. package/es/components/DangerButton/DangerButton.js +3 -5
  32. package/es/components/DataTable/DataTable.js +334 -361
  33. package/es/components/DataTable/Table.js +29 -26
  34. package/es/components/DataTable/TableActionList.js +2 -4
  35. package/es/components/DataTable/TableBatchAction.js +2 -4
  36. package/es/components/DataTable/TableBatchActions.js +29 -30
  37. package/es/components/DataTable/TableBody.js +7 -8
  38. package/es/components/DataTable/TableCell.js +1 -1
  39. package/es/components/DataTable/TableContainer.js +23 -23
  40. package/es/components/DataTable/TableContext.js +1 -1
  41. package/es/components/DataTable/TableExpandHeader.js +19 -21
  42. package/es/components/DataTable/TableExpandRow.js +23 -23
  43. package/es/components/DataTable/TableExpandedRow.js +18 -23
  44. package/es/components/DataTable/TableHead.js +1 -1
  45. package/es/components/DataTable/TableHeader.js +45 -41
  46. package/es/components/DataTable/TableRow.js +7 -8
  47. package/es/components/DataTable/TableSelectAll.js +13 -11
  48. package/es/components/DataTable/TableSelectRow.js +29 -21
  49. package/es/components/DataTable/TableToolbar.js +19 -14
  50. package/es/components/DataTable/TableToolbarAction.js +6 -6
  51. package/es/components/DataTable/TableToolbarContent.js +2 -4
  52. package/es/components/DataTable/TableToolbarMenu.js +11 -12
  53. package/es/components/DataTable/TableToolbarSearch.js +52 -71
  54. package/es/components/DataTable/state/getDerivedStateFromProps.js +15 -15
  55. package/es/components/DataTable/state/sortStates.js +1 -1
  56. package/es/components/DataTable/state/sorting.js +28 -20
  57. package/es/components/DataTable/tools/cells.js +1 -3
  58. package/es/components/DataTable/tools/denormalize.js +4 -17
  59. package/es/components/DataTable/tools/filter.js +18 -16
  60. package/es/components/DataTable/tools/instanceId.js +2 -2
  61. package/es/components/DataTable/tools/normalize.js +28 -25
  62. package/es/components/DataTable/tools/sorting.js +28 -25
  63. package/es/components/DataTableSkeleton/DataTableSkeleton.js +36 -38
  64. package/es/components/DatePicker/DatePicker.Skeleton.js +17 -18
  65. package/es/components/DatePicker/DatePicker.js +206 -195
  66. package/es/components/DatePicker/plugins/appendToPlugin.js +45 -43
  67. package/es/components/DatePicker/plugins/fixEventsPlugin.js +117 -107
  68. package/es/components/DatePicker/plugins/rangePlugin.js +19 -11
  69. package/es/components/DatePickerInput/DatePickerInput.js +83 -74
  70. package/es/components/Dropdown/Dropdown.Skeleton.js +13 -12
  71. package/es/components/Dropdown/Dropdown.js +266 -109
  72. package/es/components/ErrorBoundary/ErrorBoundary.js +27 -48
  73. package/es/components/ErrorBoundary/ErrorBoundaryContext.js +3 -2
  74. package/es/components/ExpandableSearch/ExpandableSearch.d.ts +13 -0
  75. package/es/components/ExpandableSearch/ExpandableSearch.js +18 -25
  76. package/es/components/FeatureFlags/index.js +25 -43
  77. package/es/components/FileUploader/FileUploader.Skeleton.js +8 -9
  78. package/es/components/FileUploader/FileUploader.js +120 -147
  79. package/es/components/FileUploader/FileUploaderButton.js +36 -48
  80. package/es/components/FileUploader/FileUploaderDropContainer.js +49 -53
  81. package/es/components/FileUploader/FileUploaderItem.js +30 -30
  82. package/es/components/FileUploader/Filename.js +13 -14
  83. package/es/components/FluidComboBox/FluidComboBox.Skeleton.js +11 -12
  84. package/es/components/FluidComboBox/FluidComboBox.js +11 -9
  85. package/es/components/FluidDatePicker/FluidDatePicker.Skeleton.js +18 -18
  86. package/es/components/FluidDatePicker/FluidDatePicker.js +19 -16
  87. package/es/components/FluidDatePickerInput/FluidDatePickerInput.js +3 -3
  88. package/es/components/FluidDropdown/FluidDropdown.Skeleton.js +11 -12
  89. package/es/components/FluidDropdown/FluidDropdown.js +11 -9
  90. package/es/components/FluidForm/FluidForm.js +9 -10
  91. package/es/components/FluidForm/FormContext.js +1 -1
  92. package/es/components/FluidMultiSelect/FluidMultiSelect.Skeleton.js +11 -12
  93. package/es/components/FluidMultiSelect/FluidMultiSelect.js +12 -10
  94. package/es/components/FluidSelect/FluidSelect.Skeleton.js +11 -12
  95. package/es/components/FluidSelect/FluidSelect.js +9 -9
  96. package/es/components/FluidTextArea/FluidTextArea.Skeleton.js +9 -10
  97. package/es/components/FluidTextArea/FluidTextArea.js +7 -8
  98. package/es/components/FluidTextInput/FluidTextInput.Skeleton.js +9 -10
  99. package/es/components/FluidTextInput/FluidTextInput.js +10 -9
  100. package/es/components/FluidTimePicker/FluidTimePicker.Skeleton.js +11 -10
  101. package/es/components/FluidTimePicker/FluidTimePicker.js +30 -26
  102. package/es/components/FluidTimePickerSelect/FluidTimePickerSelect.js +7 -7
  103. package/es/components/Form/Form.js +9 -10
  104. package/es/components/FormGroup/FormGroup.js +16 -17
  105. package/es/components/FormItem/FormItem.js +8 -9
  106. package/es/components/FormLabel/FormLabel.js +11 -10
  107. package/es/components/Grid/CSSGrid.js +38 -39
  108. package/es/components/Grid/Column.js +86 -79
  109. package/es/components/Grid/ColumnHang.js +12 -14
  110. package/es/components/Grid/FlexGrid.js +19 -21
  111. package/es/components/Grid/Grid.js +2 -2
  112. package/es/components/Grid/GridContext.js +12 -11
  113. package/es/components/Grid/Row.js +16 -18
  114. package/es/components/Heading/index.js +11 -13
  115. package/es/components/Icon/Icon.Skeleton.js +10 -12
  116. package/es/components/IconButton/index.js +19 -22
  117. package/es/components/IdPrefix/index.js +4 -2
  118. package/es/components/InlineCheckbox/InlineCheckbox.js +89 -36
  119. package/es/components/InlineLoading/InlineLoading.js +23 -25
  120. package/es/components/Layer/LayerContext.js +1 -1
  121. package/es/components/Layer/index.js +17 -18
  122. package/es/components/Layout/LayoutDirection.js +8 -10
  123. package/es/components/Layout/LayoutDirectionContext.js +1 -1
  124. package/es/components/Link/Link.js +25 -25
  125. package/es/components/ListBox/ListBox.js +38 -31
  126. package/es/components/ListBox/ListBoxField.js +9 -10
  127. package/es/components/ListBox/ListBoxMenu.js +9 -10
  128. package/es/components/ListBox/ListBoxMenuIcon.js +16 -14
  129. package/es/components/ListBox/ListBoxMenuItem.js +23 -26
  130. package/es/components/ListBox/ListBoxPropTypes.js +4 -4
  131. package/es/components/ListBox/ListBoxSelection.js +30 -25
  132. package/es/components/ListBox/index.js +1 -1
  133. package/es/components/ListBox/next/ListBoxSelection.js +27 -24
  134. package/es/components/ListBox/next/ListBoxTrigger.js +20 -19
  135. package/es/components/ListItem/ListItem.js +9 -10
  136. package/es/components/Loading/Loading.js +24 -24
  137. package/es/components/Menu/Menu.js +67 -80
  138. package/es/components/Menu/MenuContext.js +9 -12
  139. package/es/components/Menu/MenuItem.js +104 -128
  140. package/es/components/MenuButton/index.js +37 -41
  141. package/es/components/Modal/Modal.js +281 -120
  142. package/es/components/ModalWrapper/ModalWrapper.js +72 -96
  143. package/es/components/MultiSelect/FilterableMultiSelect.js +299 -163
  144. package/es/components/MultiSelect/MultiSelect.js +162 -174
  145. package/es/components/MultiSelect/MultiSelectPropTypes.js +1 -1
  146. package/es/components/MultiSelect/tools/itemToString.js +3 -4
  147. package/es/components/MultiSelect/tools/sorting.js +15 -13
  148. package/es/components/Notification/Notification.js +436 -164
  149. package/es/components/NumberInput/NumberInput.Skeleton.js +10 -11
  150. package/es/components/NumberInput/NumberInput.js +140 -139
  151. package/es/components/OrderedList/OrderedList.js +17 -15
  152. package/es/components/OverflowMenu/OverflowMenu.js +359 -227
  153. package/es/components/OverflowMenu/index.js +1 -1
  154. package/es/components/OverflowMenuItem/OverflowMenuItem.js +32 -37
  155. package/es/components/OverflowMenuV2/index.js +26 -28
  156. package/es/components/Pagination/Pagination.Skeleton.js +9 -10
  157. package/es/components/Pagination/Pagination.js +98 -140
  158. package/es/components/Pagination/experimental/PageSelector.js +16 -16
  159. package/es/components/Pagination/experimental/Pagination.js +73 -94
  160. package/es/components/PaginationNav/PaginationNav.js +98 -117
  161. package/es/components/Popover/index.js +74 -80
  162. package/es/components/PrimaryButton/PrimaryButton.js +3 -5
  163. package/es/components/ProgressBar/ProgressBar.js +39 -37
  164. package/es/components/ProgressIndicator/ProgressIndicator.Skeleton.js +15 -14
  165. package/es/components/ProgressIndicator/ProgressIndicator.js +71 -71
  166. package/es/components/RadioButton/RadioButton.Skeleton.js +9 -10
  167. package/es/components/RadioButton/RadioButton.js +27 -27
  168. package/es/components/RadioButtonGroup/RadioButtonGroup.js +55 -65
  169. package/es/components/RadioTile/RadioTile.js +28 -26
  170. package/es/components/Search/Search.Skeleton.js +16 -16
  171. package/es/components/Search/Search.d.ts +83 -0
  172. package/es/components/Search/Search.js +65 -72
  173. package/es/components/Search/index.d.ts +11 -0
  174. package/es/components/SecondaryButton/SecondaryButton.js +3 -5
  175. package/es/components/Select/Select.Skeleton.js +12 -13
  176. package/es/components/Select/Select.js +79 -73
  177. package/es/components/SelectItem/SelectItem.js +17 -13
  178. package/es/components/SelectItemGroup/SelectItemGroup.js +11 -12
  179. package/es/components/SkeletonIcon/SkeletonIcon.js +11 -11
  180. package/es/components/SkeletonPlaceholder/SkeletonPlaceholder.js +11 -11
  181. package/es/components/SkeletonText/SkeletonText.js +29 -29
  182. package/es/components/Slider/Slider.Skeleton.js +17 -18
  183. package/es/components/Slider/Slider.js +306 -329
  184. package/es/components/Slider/index.js +1 -1
  185. package/es/components/Stack/Stack.js +19 -20
  186. package/es/components/Stack/index.js +2 -2
  187. package/es/components/StructuredList/StructuredList.Skeleton.js +25 -24
  188. package/es/components/StructuredList/StructuredList.js +134 -106
  189. package/es/components/Switch/IconSwitch.js +48 -54
  190. package/es/components/Switch/Switch.js +33 -31
  191. package/es/components/Tab/Tab.js +77 -83
  192. package/es/components/Tab/index.js +1 -1
  193. package/es/components/TabContent/TabContent.js +16 -18
  194. package/es/components/Tabs/Tabs.Skeleton.js +14 -13
  195. package/es/components/Tabs/Tabs.js +211 -210
  196. package/es/components/Tabs/usePressable.js +27 -36
  197. package/es/components/Tag/Tag.Skeleton.js +10 -9
  198. package/es/components/Tag/Tag.js +34 -31
  199. package/es/components/Text/Text.js +20 -20
  200. package/es/components/Text/TextDirection.js +8 -7
  201. package/es/components/Text/TextDirectionContext.js +1 -1
  202. package/es/components/Text/index.js +1 -1
  203. package/es/components/TextArea/TextArea.Skeleton.js +11 -12
  204. package/es/components/TextArea/TextArea.js +89 -83
  205. package/es/components/TextInput/ControlledPasswordInput.js +79 -73
  206. package/es/components/TextInput/PasswordInput.js +101 -91
  207. package/es/components/TextInput/TextInput.Skeleton.js +11 -12
  208. package/es/components/TextInput/TextInput.js +104 -92
  209. package/es/components/TextInput/util.js +26 -28
  210. package/es/components/Theme/index.js +25 -20
  211. package/es/components/Tile/Tile.js +135 -176
  212. package/es/components/TileGroup/TileGroup.js +55 -70
  213. package/es/components/TileGroup/index.js +1 -1
  214. package/es/components/TimePicker/TimePicker.js +60 -67
  215. package/es/components/TimePickerSelect/TimePickerSelect.js +20 -18
  216. package/es/components/TimePickerSelect/index.js +1 -1
  217. package/es/components/Toggle/Toggle.Skeleton.js +63 -52
  218. package/es/components/Toggle/Toggle.js +44 -48
  219. package/es/components/ToggleSmall/ToggleSmall.Skeleton.js +56 -50
  220. package/es/components/Toggletip/index.js +52 -48
  221. package/es/components/Tooltip/DefinitionTooltip.js +24 -31
  222. package/es/components/Tooltip/Tooltip.js +35 -50
  223. package/es/components/TreeView/TreeNode.js +94 -74
  224. package/es/components/TreeView/TreeView.js +72 -83
  225. package/es/components/UIShell/Content.js +12 -14
  226. package/es/components/UIShell/Header.js +16 -12
  227. package/es/components/UIShell/HeaderContainer.js +8 -14
  228. package/es/components/UIShell/HeaderGlobalAction.js +26 -19
  229. package/es/components/UIShell/HeaderGlobalBar.js +1 -3
  230. package/es/components/UIShell/HeaderMenu.js +114 -129
  231. package/es/components/UIShell/HeaderMenuButton.js +31 -22
  232. package/es/components/UIShell/HeaderMenuItem.js +28 -20
  233. package/es/components/UIShell/HeaderName.js +19 -14
  234. package/es/components/UIShell/HeaderNavigation.js +19 -15
  235. package/es/components/UIShell/HeaderPanel.js +23 -17
  236. package/es/components/UIShell/HeaderSideNavItems.js +11 -9
  237. package/es/components/UIShell/Link.js +11 -11
  238. package/es/components/UIShell/SideNav.js +66 -62
  239. package/es/components/UIShell/SideNavDetails.js +11 -12
  240. package/es/components/UIShell/SideNavDivider.js +5 -3
  241. package/es/components/UIShell/SideNavFooter.js +12 -12
  242. package/es/components/UIShell/SideNavHeader.js +8 -6
  243. package/es/components/UIShell/SideNavIcon.js +11 -8
  244. package/es/components/UIShell/SideNavItem.js +11 -9
  245. package/es/components/UIShell/SideNavItems.js +13 -11
  246. package/es/components/UIShell/SideNavLink.js +19 -17
  247. package/es/components/UIShell/SideNavLinkText.js +8 -9
  248. package/es/components/UIShell/SideNavMenu.js +28 -35
  249. package/es/components/UIShell/SideNavMenuItem.js +14 -14
  250. package/es/components/UIShell/SideNavSwitcher.js +19 -19
  251. package/es/components/UIShell/SkipToContent.js +10 -11
  252. package/es/components/UIShell/Switcher.js +20 -11
  253. package/es/components/UIShell/SwitcherDivider.js +10 -9
  254. package/es/components/UIShell/SwitcherItem.js +26 -19
  255. package/es/components/UIShell/_utils.js +1 -1
  256. package/es/components/UnorderedList/UnorderedList.js +14 -14
  257. package/es/index.js +5 -5
  258. package/es/internal/ClickListener.js +49 -65
  259. package/es/internal/FloatingMenu.js +193 -200
  260. package/es/internal/OptimizedResize.js +9 -8
  261. package/es/internal/Selection.js +92 -111
  262. package/es/internal/createClassWrapper.js +2 -2
  263. package/es/internal/deprecateFieldOnObject.js +5 -3
  264. package/es/internal/environment.js +1 -1
  265. package/es/internal/focus/index.js +1 -1
  266. package/es/internal/keyboard/keys.js +11 -11
  267. package/es/internal/keyboard/match.js +7 -6
  268. package/es/internal/keyboard/navigation.js +15 -5
  269. package/es/internal/useAnnouncer.js +2 -2
  270. package/es/internal/useAttachedMenu.js +12 -20
  271. package/es/internal/useControllableState.js +11 -16
  272. package/es/internal/useDelayedState.js +9 -18
  273. package/es/internal/useEffectOnce.js +4 -4
  274. package/es/internal/useEvent.js +4 -4
  275. package/es/internal/useId.js +15 -19
  276. package/es/internal/useIdPrefix.js +1 -1
  277. package/es/internal/useIsomorphicEffect.js +1 -1
  278. package/es/internal/useMergedRefs.js +3 -3
  279. package/es/internal/useNoInteractiveChildren.js +8 -19
  280. package/es/internal/useNormalizedInputProps.js +16 -14
  281. package/es/internal/usePrefix.js +1 -1
  282. package/es/internal/useSavedCallback.js +3 -3
  283. package/es/internal/warning.js +4 -4
  284. package/es/internal/wrapFocus.js +16 -21
  285. package/es/prop-types/AriaPropTypes.js +1 -1
  286. package/es/prop-types/deprecate.js +6 -5
  287. package/es/prop-types/isRequiredOneOf.js +12 -25
  288. package/es/prop-types/requiredIfGivenPropIsTruthy.js +2 -2
  289. package/es/prop-types/types.js +1 -1
  290. package/es/tools/array.js +1 -1
  291. package/es/tools/events.js +21 -14
  292. package/es/tools/mergeRefs.js +3 -3
  293. package/es/tools/setupGetInstanceId.js +1 -1
  294. package/es/tools/uniqueId.js +3 -3
  295. package/es/tools/wrapComponent.js +14 -13
  296. package/lib/_virtual/_rollupPluginBabelHelpers.js +0 -336
  297. package/lib/components/Accordion/Accordion.Skeleton.js +27 -29
  298. package/lib/components/Accordion/Accordion.js +17 -20
  299. package/lib/components/Accordion/AccordionItem.js +36 -48
  300. package/lib/components/AspectRatio/AspectRatio.js +9 -11
  301. package/lib/components/Breadcrumb/Breadcrumb.Skeleton.js +9 -10
  302. package/lib/components/Breadcrumb/Breadcrumb.js +13 -12
  303. package/lib/components/Breadcrumb/BreadcrumbItem.js +23 -21
  304. package/lib/components/Button/Button.Skeleton.js +24 -22
  305. package/lib/components/Button/Button.js +76 -71
  306. package/lib/components/ButtonSet/ButtonSet.js +11 -9
  307. package/lib/components/Checkbox/Checkbox.Skeleton.js +9 -10
  308. package/lib/components/Checkbox/Checkbox.js +54 -51
  309. package/lib/components/CheckboxGroup/CheckboxGroup.js +32 -30
  310. package/lib/components/ClassPrefix/index.js +4 -2
  311. package/lib/components/CodeSnippet/CodeSnippet.Skeleton.js +14 -13
  312. package/lib/components/CodeSnippet/CodeSnippet.js +198 -101
  313. package/lib/components/ComboBox/ComboBox.js +348 -177
  314. package/lib/components/ComboBox/tools/filter.js +6 -4
  315. package/lib/components/ComboButton/index.js +37 -42
  316. package/lib/components/ComposedModal/ComposedModal.js +187 -85
  317. package/lib/components/ComposedModal/ModalFooter.js +53 -48
  318. package/lib/components/ComposedModal/ModalHeader.js +38 -25
  319. package/lib/components/ContainedList/ContainedList.js +18 -17
  320. package/lib/components/ContainedList/ContainedListItem/ContainedListItem.js +20 -18
  321. package/lib/components/ContentSwitcher/ContentSwitcher.js +82 -97
  322. package/lib/components/ContentSwitcher/index.js +1 -1
  323. package/lib/components/ContextMenu/useContextMenu.js +12 -21
  324. package/lib/components/Copy/Copy.js +23 -28
  325. package/lib/components/CopyButton/CopyButton.js +9 -9
  326. package/lib/components/DangerButton/DangerButton.js +3 -5
  327. package/lib/components/DataTable/DataTable.js +332 -359
  328. package/lib/components/DataTable/Table.js +28 -25
  329. package/lib/components/DataTable/TableActionList.js +2 -4
  330. package/lib/components/DataTable/TableBatchAction.js +2 -4
  331. package/lib/components/DataTable/TableBatchActions.js +28 -29
  332. package/lib/components/DataTable/TableBody.js +6 -7
  333. package/lib/components/DataTable/TableCell.js +1 -1
  334. package/lib/components/DataTable/TableContainer.js +22 -22
  335. package/lib/components/DataTable/TableContext.js +1 -1
  336. package/lib/components/DataTable/TableExpandHeader.js +18 -20
  337. package/lib/components/DataTable/TableExpandRow.js +22 -22
  338. package/lib/components/DataTable/TableExpandedRow.js +17 -22
  339. package/lib/components/DataTable/TableHead.js +1 -1
  340. package/lib/components/DataTable/TableHeader.js +43 -39
  341. package/lib/components/DataTable/TableRow.js +7 -8
  342. package/lib/components/DataTable/TableSelectAll.js +13 -11
  343. package/lib/components/DataTable/TableSelectRow.js +28 -20
  344. package/lib/components/DataTable/TableToolbar.js +18 -13
  345. package/lib/components/DataTable/TableToolbarAction.js +5 -5
  346. package/lib/components/DataTable/TableToolbarContent.js +2 -4
  347. package/lib/components/DataTable/TableToolbarMenu.js +10 -11
  348. package/lib/components/DataTable/TableToolbarSearch.js +51 -70
  349. package/lib/components/DataTable/state/getDerivedStateFromProps.js +15 -15
  350. package/lib/components/DataTable/state/sortStates.js +1 -1
  351. package/lib/components/DataTable/state/sorting.js +28 -20
  352. package/lib/components/DataTable/tools/cells.js +1 -3
  353. package/lib/components/DataTable/tools/denormalize.js +4 -17
  354. package/lib/components/DataTable/tools/filter.js +18 -16
  355. package/lib/components/DataTable/tools/instanceId.js +2 -2
  356. package/lib/components/DataTable/tools/normalize.js +28 -25
  357. package/lib/components/DataTable/tools/sorting.js +27 -24
  358. package/lib/components/DataTableSkeleton/DataTableSkeleton.js +35 -37
  359. package/lib/components/DatePicker/DatePicker.Skeleton.js +16 -17
  360. package/lib/components/DatePicker/DatePicker.js +205 -194
  361. package/lib/components/DatePicker/plugins/appendToPlugin.js +45 -43
  362. package/lib/components/DatePicker/plugins/fixEventsPlugin.js +117 -107
  363. package/lib/components/DatePicker/plugins/rangePlugin.js +19 -11
  364. package/lib/components/DatePickerInput/DatePickerInput.js +83 -74
  365. package/lib/components/Dropdown/Dropdown.Skeleton.js +12 -11
  366. package/lib/components/Dropdown/Dropdown.js +265 -108
  367. package/lib/components/ErrorBoundary/ErrorBoundary.js +27 -48
  368. package/lib/components/ErrorBoundary/ErrorBoundaryContext.js +3 -2
  369. package/lib/components/ExpandableSearch/ExpandableSearch.d.ts +13 -0
  370. package/lib/components/ExpandableSearch/ExpandableSearch.js +17 -24
  371. package/lib/components/FeatureFlags/index.js +25 -43
  372. package/lib/components/FileUploader/FileUploader.Skeleton.js +7 -8
  373. package/lib/components/FileUploader/FileUploader.js +119 -146
  374. package/lib/components/FileUploader/FileUploaderButton.js +35 -47
  375. package/lib/components/FileUploader/FileUploaderDropContainer.js +48 -52
  376. package/lib/components/FileUploader/FileUploaderItem.js +29 -29
  377. package/lib/components/FileUploader/Filename.js +12 -13
  378. package/lib/components/FluidComboBox/FluidComboBox.Skeleton.js +10 -11
  379. package/lib/components/FluidComboBox/FluidComboBox.js +10 -8
  380. package/lib/components/FluidDatePicker/FluidDatePicker.Skeleton.js +17 -17
  381. package/lib/components/FluidDatePicker/FluidDatePicker.js +18 -15
  382. package/lib/components/FluidDatePickerInput/FluidDatePickerInput.js +3 -3
  383. package/lib/components/FluidDropdown/FluidDropdown.Skeleton.js +10 -11
  384. package/lib/components/FluidDropdown/FluidDropdown.js +10 -8
  385. package/lib/components/FluidForm/FluidForm.js +8 -9
  386. package/lib/components/FluidForm/FormContext.js +1 -1
  387. package/lib/components/FluidMultiSelect/FluidMultiSelect.Skeleton.js +10 -11
  388. package/lib/components/FluidMultiSelect/FluidMultiSelect.js +11 -9
  389. package/lib/components/FluidSelect/FluidSelect.Skeleton.js +10 -11
  390. package/lib/components/FluidSelect/FluidSelect.js +8 -8
  391. package/lib/components/FluidTextArea/FluidTextArea.Skeleton.js +8 -9
  392. package/lib/components/FluidTextArea/FluidTextArea.js +6 -7
  393. package/lib/components/FluidTextInput/FluidTextInput.Skeleton.js +8 -9
  394. package/lib/components/FluidTextInput/FluidTextInput.js +9 -8
  395. package/lib/components/FluidTimePicker/FluidTimePicker.Skeleton.js +10 -9
  396. package/lib/components/FluidTimePicker/FluidTimePicker.js +30 -26
  397. package/lib/components/FluidTimePickerSelect/FluidTimePickerSelect.js +6 -6
  398. package/lib/components/Form/Form.js +8 -9
  399. package/lib/components/FormGroup/FormGroup.js +15 -16
  400. package/lib/components/FormItem/FormItem.js +7 -8
  401. package/lib/components/FormLabel/FormLabel.js +10 -9
  402. package/lib/components/Grid/CSSGrid.js +37 -38
  403. package/lib/components/Grid/Column.js +85 -78
  404. package/lib/components/Grid/ColumnHang.js +11 -13
  405. package/lib/components/Grid/FlexGrid.js +19 -21
  406. package/lib/components/Grid/Grid.js +2 -2
  407. package/lib/components/Grid/GridContext.js +12 -11
  408. package/lib/components/Grid/Row.js +16 -18
  409. package/lib/components/Heading/index.js +11 -13
  410. package/lib/components/Icon/Icon.Skeleton.js +9 -11
  411. package/lib/components/IconButton/index.js +18 -21
  412. package/lib/components/IdPrefix/index.js +4 -2
  413. package/lib/components/InlineCheckbox/InlineCheckbox.js +89 -36
  414. package/lib/components/InlineLoading/InlineLoading.js +22 -24
  415. package/lib/components/Layer/LayerContext.js +1 -1
  416. package/lib/components/Layer/index.js +16 -17
  417. package/lib/components/Layout/LayoutDirection.js +7 -9
  418. package/lib/components/Layout/LayoutDirectionContext.js +1 -1
  419. package/lib/components/Link/Link.js +24 -24
  420. package/lib/components/ListBox/ListBox.js +37 -30
  421. package/lib/components/ListBox/ListBoxField.js +8 -9
  422. package/lib/components/ListBox/ListBoxMenu.js +8 -9
  423. package/lib/components/ListBox/ListBoxMenuIcon.js +16 -14
  424. package/lib/components/ListBox/ListBoxMenuItem.js +22 -25
  425. package/lib/components/ListBox/ListBoxPropTypes.js +4 -4
  426. package/lib/components/ListBox/ListBoxSelection.js +30 -25
  427. package/lib/components/ListBox/index.js +1 -1
  428. package/lib/components/ListBox/next/ListBoxSelection.js +26 -23
  429. package/lib/components/ListBox/next/ListBoxTrigger.js +19 -18
  430. package/lib/components/ListItem/ListItem.js +8 -9
  431. package/lib/components/Loading/Loading.js +23 -23
  432. package/lib/components/Menu/Menu.js +66 -79
  433. package/lib/components/Menu/MenuContext.js +9 -12
  434. package/lib/components/Menu/MenuItem.js +103 -127
  435. package/lib/components/MenuButton/index.js +36 -40
  436. package/lib/components/Modal/Modal.js +280 -119
  437. package/lib/components/ModalWrapper/ModalWrapper.js +71 -95
  438. package/lib/components/MultiSelect/FilterableMultiSelect.js +298 -162
  439. package/lib/components/MultiSelect/MultiSelect.js +163 -175
  440. package/lib/components/MultiSelect/MultiSelectPropTypes.js +1 -1
  441. package/lib/components/MultiSelect/tools/itemToString.js +3 -4
  442. package/lib/components/MultiSelect/tools/sorting.js +15 -13
  443. package/lib/components/Notification/Notification.js +434 -162
  444. package/lib/components/NumberInput/NumberInput.Skeleton.js +9 -10
  445. package/lib/components/NumberInput/NumberInput.js +139 -138
  446. package/lib/components/OrderedList/OrderedList.js +16 -14
  447. package/lib/components/OverflowMenu/OverflowMenu.js +358 -226
  448. package/lib/components/OverflowMenu/index.js +1 -1
  449. package/lib/components/OverflowMenuItem/OverflowMenuItem.js +31 -36
  450. package/lib/components/OverflowMenuV2/index.js +25 -27
  451. package/lib/components/Pagination/Pagination.Skeleton.js +8 -9
  452. package/lib/components/Pagination/Pagination.js +97 -139
  453. package/lib/components/Pagination/experimental/PageSelector.js +17 -17
  454. package/lib/components/Pagination/experimental/Pagination.js +72 -93
  455. package/lib/components/PaginationNav/PaginationNav.js +97 -116
  456. package/lib/components/Popover/index.js +73 -79
  457. package/lib/components/PrimaryButton/PrimaryButton.js +3 -5
  458. package/lib/components/ProgressBar/ProgressBar.js +38 -36
  459. package/lib/components/ProgressIndicator/ProgressIndicator.Skeleton.js +14 -13
  460. package/lib/components/ProgressIndicator/ProgressIndicator.js +70 -70
  461. package/lib/components/RadioButton/RadioButton.Skeleton.js +8 -9
  462. package/lib/components/RadioButton/RadioButton.js +26 -26
  463. package/lib/components/RadioButtonGroup/RadioButtonGroup.js +54 -64
  464. package/lib/components/RadioTile/RadioTile.js +27 -25
  465. package/lib/components/Search/Search.Skeleton.js +15 -15
  466. package/lib/components/Search/Search.d.ts +83 -0
  467. package/lib/components/Search/Search.js +62 -69
  468. package/lib/components/Search/index.d.ts +11 -0
  469. package/lib/components/SecondaryButton/SecondaryButton.js +3 -5
  470. package/lib/components/Select/Select.Skeleton.js +11 -12
  471. package/lib/components/Select/Select.js +78 -72
  472. package/lib/components/SelectItem/SelectItem.js +16 -12
  473. package/lib/components/SelectItemGroup/SelectItemGroup.js +10 -11
  474. package/lib/components/SkeletonIcon/SkeletonIcon.js +10 -10
  475. package/lib/components/SkeletonPlaceholder/SkeletonPlaceholder.js +10 -10
  476. package/lib/components/SkeletonText/SkeletonText.js +28 -28
  477. package/lib/components/Slider/Slider.Skeleton.js +16 -17
  478. package/lib/components/Slider/Slider.js +305 -328
  479. package/lib/components/Slider/index.js +1 -1
  480. package/lib/components/Stack/Stack.js +18 -19
  481. package/lib/components/Stack/index.js +2 -2
  482. package/lib/components/StructuredList/StructuredList.Skeleton.js +24 -23
  483. package/lib/components/StructuredList/StructuredList.js +133 -105
  484. package/lib/components/Switch/IconSwitch.js +45 -51
  485. package/lib/components/Switch/Switch.js +33 -31
  486. package/lib/components/Tab/Tab.js +76 -82
  487. package/lib/components/Tab/index.js +1 -1
  488. package/lib/components/TabContent/TabContent.js +15 -17
  489. package/lib/components/Tabs/Tabs.Skeleton.js +13 -12
  490. package/lib/components/Tabs/Tabs.js +210 -209
  491. package/lib/components/Tabs/usePressable.js +27 -36
  492. package/lib/components/Tag/Tag.Skeleton.js +9 -8
  493. package/lib/components/Tag/Tag.js +33 -30
  494. package/lib/components/Text/Text.js +19 -19
  495. package/lib/components/Text/TextDirection.js +8 -7
  496. package/lib/components/Text/TextDirectionContext.js +1 -1
  497. package/lib/components/Text/index.js +1 -1
  498. package/lib/components/TextArea/TextArea.Skeleton.js +10 -11
  499. package/lib/components/TextArea/TextArea.js +88 -82
  500. package/lib/components/TextInput/ControlledPasswordInput.js +78 -72
  501. package/lib/components/TextInput/PasswordInput.js +100 -90
  502. package/lib/components/TextInput/TextInput.Skeleton.js +10 -11
  503. package/lib/components/TextInput/TextInput.js +104 -92
  504. package/lib/components/TextInput/util.js +28 -30
  505. package/lib/components/Theme/index.js +24 -19
  506. package/lib/components/Tile/Tile.js +134 -175
  507. package/lib/components/TileGroup/TileGroup.js +54 -69
  508. package/lib/components/TileGroup/index.js +1 -1
  509. package/lib/components/TimePicker/TimePicker.js +59 -66
  510. package/lib/components/TimePickerSelect/TimePickerSelect.js +19 -17
  511. package/lib/components/TimePickerSelect/index.js +1 -1
  512. package/lib/components/Toggle/Toggle.Skeleton.js +68 -57
  513. package/lib/components/Toggle/Toggle.js +43 -47
  514. package/lib/components/ToggleSmall/ToggleSmall.Skeleton.js +60 -54
  515. package/lib/components/Toggletip/index.js +51 -47
  516. package/lib/components/Tooltip/DefinitionTooltip.js +23 -30
  517. package/lib/components/Tooltip/Tooltip.js +34 -49
  518. package/lib/components/TreeView/TreeNode.js +93 -73
  519. package/lib/components/TreeView/TreeView.js +71 -82
  520. package/lib/components/UIShell/Content.js +12 -14
  521. package/lib/components/UIShell/Header.js +15 -11
  522. package/lib/components/UIShell/HeaderContainer.js +8 -14
  523. package/lib/components/UIShell/HeaderGlobalAction.js +25 -18
  524. package/lib/components/UIShell/HeaderGlobalBar.js +1 -3
  525. package/lib/components/UIShell/HeaderMenu.js +113 -128
  526. package/lib/components/UIShell/HeaderMenuButton.js +30 -21
  527. package/lib/components/UIShell/HeaderMenuItem.js +27 -19
  528. package/lib/components/UIShell/HeaderName.js +18 -13
  529. package/lib/components/UIShell/HeaderNavigation.js +18 -14
  530. package/lib/components/UIShell/HeaderPanel.js +22 -16
  531. package/lib/components/UIShell/HeaderSideNavItems.js +11 -9
  532. package/lib/components/UIShell/Link.js +11 -11
  533. package/lib/components/UIShell/SideNav.js +65 -61
  534. package/lib/components/UIShell/SideNavDetails.js +10 -11
  535. package/lib/components/UIShell/SideNavDivider.js +5 -3
  536. package/lib/components/UIShell/SideNavFooter.js +12 -12
  537. package/lib/components/UIShell/SideNavHeader.js +8 -6
  538. package/lib/components/UIShell/SideNavIcon.js +11 -8
  539. package/lib/components/UIShell/SideNavItem.js +11 -9
  540. package/lib/components/UIShell/SideNavItems.js +13 -11
  541. package/lib/components/UIShell/SideNavLink.js +18 -16
  542. package/lib/components/UIShell/SideNavLinkText.js +7 -8
  543. package/lib/components/UIShell/SideNavMenu.js +28 -35
  544. package/lib/components/UIShell/SideNavMenuItem.js +13 -13
  545. package/lib/components/UIShell/SideNavSwitcher.js +19 -19
  546. package/lib/components/UIShell/SkipToContent.js +9 -10
  547. package/lib/components/UIShell/Switcher.js +19 -10
  548. package/lib/components/UIShell/SwitcherDivider.js +9 -8
  549. package/lib/components/UIShell/SwitcherItem.js +25 -18
  550. package/lib/components/UIShell/_utils.js +1 -1
  551. package/lib/components/UnorderedList/UnorderedList.js +13 -13
  552. package/lib/index.js +10 -10
  553. package/lib/internal/ClickListener.js +49 -65
  554. package/lib/internal/FloatingMenu.js +192 -199
  555. package/lib/internal/OptimizedResize.js +9 -8
  556. package/lib/internal/Selection.js +91 -110
  557. package/lib/internal/createClassWrapper.js +2 -2
  558. package/lib/internal/deprecateFieldOnObject.js +5 -3
  559. package/lib/internal/environment.js +1 -1
  560. package/lib/internal/focus/index.js +1 -1
  561. package/lib/internal/keyboard/keys.js +11 -11
  562. package/lib/internal/keyboard/match.js +7 -6
  563. package/lib/internal/keyboard/navigation.js +15 -5
  564. package/lib/internal/useAnnouncer.js +2 -2
  565. package/lib/internal/useAttachedMenu.js +12 -20
  566. package/lib/internal/useControllableState.js +11 -16
  567. package/lib/internal/useDelayedState.js +9 -18
  568. package/lib/internal/useEffectOnce.js +4 -4
  569. package/lib/internal/useEvent.js +4 -4
  570. package/lib/internal/useId.js +14 -18
  571. package/lib/internal/useIdPrefix.js +1 -1
  572. package/lib/internal/useIsomorphicEffect.js +1 -1
  573. package/lib/internal/useMergedRefs.js +3 -3
  574. package/lib/internal/useNoInteractiveChildren.js +8 -19
  575. package/lib/internal/useNormalizedInputProps.js +16 -14
  576. package/lib/internal/usePrefix.js +1 -1
  577. package/lib/internal/useSavedCallback.js +3 -3
  578. package/lib/internal/warning.js +4 -4
  579. package/lib/internal/wrapFocus.js +16 -21
  580. package/lib/prop-types/AriaPropTypes.js +1 -1
  581. package/lib/prop-types/deprecate.js +6 -5
  582. package/lib/prop-types/isRequiredOneOf.js +15 -28
  583. package/lib/prop-types/requiredIfGivenPropIsTruthy.js +2 -2
  584. package/lib/prop-types/types.js +1 -1
  585. package/lib/tools/array.js +1 -1
  586. package/lib/tools/events.js +21 -14
  587. package/lib/tools/mergeRefs.js +3 -3
  588. package/lib/tools/setupGetInstanceId.js +1 -1
  589. package/lib/tools/uniqueId.js +3 -3
  590. package/lib/tools/wrapComponent.js +14 -13
  591. package/package.json +9 -9
@@ -9,7 +9,6 @@
9
9
 
10
10
  Object.defineProperty(exports, '__esModule', { value: true });
11
11
 
12
- var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
13
12
  var iconsReact = require('@carbon/icons-react');
14
13
  var cx = require('classnames');
15
14
  var PropTypes = require('prop-types');
@@ -26,33 +25,27 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
26
25
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
27
26
 
28
27
  var _ChevronDown;
29
- var SideNavMenu = /*#__PURE__*/React__default["default"].forwardRef(function SideNavMenu(props, ref) {
30
- var _cx;
31
-
32
- var customClassName = props.className,
33
- children = props.children,
34
- _props$defaultExpande = props.defaultExpanded,
35
- defaultExpanded = _props$defaultExpande === void 0 ? false : _props$defaultExpande,
36
- _props$isActive = props.isActive,
37
- isActive = _props$isActive === void 0 ? false : _props$isActive,
38
- _props$large = props.large,
39
- large = _props$large === void 0 ? false : _props$large,
40
- IconElement = props.renderIcon,
41
- isSideNavExpanded = props.isSideNavExpanded,
42
- title = props.title;
43
- var prefix = usePrefix.usePrefix();
44
-
45
- var _useState = React.useState(defaultExpanded),
46
- _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
47
- isExpanded = _useState2[0],
48
- setIsExpanded = _useState2[1];
49
-
50
- var _useState3 = React.useState(defaultExpanded),
51
- _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
52
- prevExpanded = _useState4[0],
53
- setPrevExpanded = _useState4[1];
54
-
55
- var className = cx__default["default"]((_cx = {}, _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--side-nav__item"), true), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--side-nav__item--active"), isActive || hasActiveChild(children) && !isExpanded), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--side-nav__item--icon"), IconElement), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--side-nav__item--large"), large), _rollupPluginBabelHelpers.defineProperty(_cx, customClassName, !!customClassName), _cx));
28
+ const SideNavMenu = /*#__PURE__*/React__default["default"].forwardRef(function SideNavMenu(props, ref) {
29
+ const {
30
+ className: customClassName,
31
+ children,
32
+ defaultExpanded = false,
33
+ isActive = false,
34
+ large = false,
35
+ renderIcon: IconElement,
36
+ isSideNavExpanded,
37
+ title
38
+ } = props;
39
+ const prefix = usePrefix.usePrefix();
40
+ const [isExpanded, setIsExpanded] = React.useState(defaultExpanded);
41
+ const [prevExpanded, setPrevExpanded] = React.useState(defaultExpanded);
42
+ const className = cx__default["default"]({
43
+ [`${prefix}--side-nav__item`]: true,
44
+ [`${prefix}--side-nav__item--active`]: isActive || hasActiveChild(children) && !isExpanded,
45
+ [`${prefix}--side-nav__item--icon`]: IconElement,
46
+ [`${prefix}--side-nav__item--large`]: large,
47
+ [customClassName]: !!customClassName
48
+ });
56
49
 
57
50
  if (isSideNavExpanded === false && isExpanded === true) {
58
51
  setIsExpanded(false);
@@ -67,29 +60,29 @@ var SideNavMenu = /*#__PURE__*/React__default["default"].forwardRef(function Sid
67
60
  // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
68
61
  React__default["default"].createElement("li", {
69
62
  className: className,
70
- onKeyDown: function onKeyDown(event) {
63
+ onKeyDown: event => {
71
64
  if (match.match(event, keys.Escape)) {
72
65
  setIsExpanded(false);
73
66
  }
74
67
  }
75
68
  }, /*#__PURE__*/React__default["default"].createElement("button", {
76
69
  "aria-expanded": isExpanded,
77
- className: "".concat(prefix, "--side-nav__submenu"),
78
- onClick: function onClick() {
70
+ className: `${prefix}--side-nav__submenu`,
71
+ onClick: () => {
79
72
  setIsExpanded(!isExpanded);
80
73
  },
81
74
  ref: ref,
82
75
  type: "button"
83
76
  }, IconElement && /*#__PURE__*/React__default["default"].createElement(SideNavIcon["default"], null, /*#__PURE__*/React__default["default"].createElement(IconElement, null)), /*#__PURE__*/React__default["default"].createElement("span", {
84
- className: "".concat(prefix, "--side-nav__submenu-title"),
77
+ className: `${prefix}--side-nav__submenu-title`,
85
78
  title: title
86
79
  }, title), /*#__PURE__*/React__default["default"].createElement(SideNavIcon["default"], {
87
- className: "".concat(prefix, "--side-nav__submenu-chevron"),
80
+ className: `${prefix}--side-nav__submenu-chevron`,
88
81
  small: true
89
82
  }, _ChevronDown || (_ChevronDown = /*#__PURE__*/React__default["default"].createElement(iconsReact.ChevronDown, {
90
83
  size: 20
91
84
  })))), /*#__PURE__*/React__default["default"].createElement("ul", {
92
- className: "".concat(prefix, "--side-nav__menu")
85
+ className: `${prefix}--side-nav__menu`
93
86
  }, children))
94
87
  );
95
88
  });
@@ -142,7 +135,7 @@ SideNavMenu.propTypes = {
142
135
  function hasActiveChild(children) {
143
136
  // if we have children, either a single or multiple, find if it is active
144
137
  if (Array.isArray(children)) {
145
- return children.some(function (child) {
138
+ return children.some(child => {
146
139
  if (!child.props) {
147
140
  return false;
148
141
  }
@@ -23,19 +23,19 @@ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
23
23
  var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
24
24
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
25
25
 
26
- var _excluded = ["children", "className", "isActive"];
27
- var SideNavMenuItem = /*#__PURE__*/React__default["default"].forwardRef(function SideNavMenuItem(props, ref) {
28
- var _cx;
29
-
30
- var prefix = usePrefix.usePrefix();
31
-
32
- var children = props.children,
33
- customClassName = props.className,
34
- isActive = props.isActive,
35
- rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
36
-
37
- var className = cx__default["default"]("".concat(prefix, "--side-nav__menu-item"), customClassName);
38
- var linkClassName = cx__default["default"]((_cx = {}, _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--side-nav__link"), true), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--side-nav__link--current"), isActive), _cx));
26
+ const SideNavMenuItem = /*#__PURE__*/React__default["default"].forwardRef(function SideNavMenuItem(props, ref) {
27
+ const prefix = usePrefix.usePrefix();
28
+ const {
29
+ children,
30
+ className: customClassName,
31
+ isActive,
32
+ ...rest
33
+ } = props;
34
+ const className = cx__default["default"](`${prefix}--side-nav__menu-item`, customClassName);
35
+ const linkClassName = cx__default["default"]({
36
+ [`${prefix}--side-nav__link`]: true,
37
+ [`${prefix}--side-nav__link--current`]: isActive
38
+ });
39
39
  return /*#__PURE__*/React__default["default"].createElement("li", {
40
40
  className: className
41
41
  }, /*#__PURE__*/React__default["default"].createElement(Link["default"], _rollupPluginBabelHelpers["extends"]({}, rest, {
@@ -23,40 +23,40 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
23
23
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
24
24
 
25
25
  var _ChevronDown;
26
- var SideNavSwitcher = /*#__PURE__*/React__default["default"].forwardRef(function SideNavSwitcher(props, ref) {
27
- var id = useId.useId('side-nav-switcher');
28
- var prefix = usePrefix.usePrefix();
29
- var customClassName = props.className,
30
- labelText = props.labelText,
31
- onChange = props.onChange,
32
- options = props.options;
33
- var className = cx__default["default"]("".concat(prefix, "--side-nav__switcher"), customClassName); // Note for usage around `onBlur`: https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/no-onchange.md
26
+ const SideNavSwitcher = /*#__PURE__*/React__default["default"].forwardRef(function SideNavSwitcher(props, ref) {
27
+ const id = useId.useId('side-nav-switcher');
28
+ const prefix = usePrefix.usePrefix();
29
+ const {
30
+ className: customClassName,
31
+ labelText,
32
+ onChange,
33
+ options
34
+ } = props;
35
+ const className = cx__default["default"](`${prefix}--side-nav__switcher`, customClassName); // Note for usage around `onBlur`: https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/no-onchange.md
34
36
 
35
37
  return /*#__PURE__*/React__default["default"].createElement("div", {
36
38
  className: className
37
39
  }, /*#__PURE__*/React__default["default"].createElement("label", {
38
40
  htmlFor: id,
39
- className: "".concat(prefix, "--assistive-text")
41
+ className: `${prefix}--assistive-text`
40
42
  }, labelText), /*#__PURE__*/React__default["default"].createElement("select", {
41
43
  id: id,
42
- className: "".concat(prefix, "--side-nav__select"),
44
+ className: `${prefix}--side-nav__select`,
43
45
  defaultValue: "",
44
46
  onBlur: onChange,
45
47
  onChange: onChange,
46
48
  ref: ref
47
49
  }, /*#__PURE__*/React__default["default"].createElement("option", {
48
- className: "".concat(prefix, "--side-nav__option"),
50
+ className: `${prefix}--side-nav__option`,
49
51
  disabled: true,
50
52
  hidden: true,
51
53
  value: ""
52
- }, labelText), options.map(function (option) {
53
- return /*#__PURE__*/React__default["default"].createElement("option", {
54
- key: option,
55
- className: "".concat(prefix, "--side-nav__option"),
56
- value: option
57
- }, option);
58
- })), /*#__PURE__*/React__default["default"].createElement("div", {
59
- className: "".concat(prefix, "--side-nav__switcher-chevron")
54
+ }, labelText), options.map(option => /*#__PURE__*/React__default["default"].createElement("option", {
55
+ key: option,
56
+ className: `${prefix}--side-nav__option`,
57
+ value: option
58
+ }, option))), /*#__PURE__*/React__default["default"].createElement("div", {
59
+ className: `${prefix}--side-nav__switcher-chevron`
60
60
  }, _ChevronDown || (_ChevronDown = /*#__PURE__*/React__default["default"].createElement(iconsReact.ChevronDown, {
61
61
  size: 20
62
62
  }))));
@@ -21,17 +21,16 @@ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
21
21
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
22
22
  var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
23
23
 
24
- var _excluded = ["children", "className", "href", "tabIndex"];
25
-
26
24
  function SkipToContent(_ref) {
27
- var children = _ref.children,
28
- customClassName = _ref.className,
29
- href = _ref.href,
30
- tabIndex = _ref.tabIndex,
31
- rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
32
-
33
- var prefix = usePrefix.usePrefix();
34
- var className = cx__default["default"]("".concat(prefix, "--skip-to-content"), customClassName);
25
+ let {
26
+ children,
27
+ className: customClassName,
28
+ href,
29
+ tabIndex,
30
+ ...rest
31
+ } = _ref;
32
+ const prefix = usePrefix.usePrefix();
33
+ const className = cx__default["default"](`${prefix}--skip-to-content`, customClassName);
35
34
  return /*#__PURE__*/React__default["default"].createElement("a", _rollupPluginBabelHelpers["extends"]({}, rest, {
36
35
  className: className,
37
36
  href: href,
@@ -22,24 +22,33 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
22
22
  var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
23
23
  var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
24
24
 
25
- var Switcher = /*#__PURE__*/React__default["default"].forwardRef(function Switcher(props, ref) {
26
- var prefix = usePrefix.usePrefix();
27
- var ariaLabel = props['aria-label'],
28
- ariaLabelledBy = props['aria-labelledby'],
29
- customClassName = props.className,
30
- children = props.children;
31
- var accessibilityLabel = {
25
+ const Switcher = /*#__PURE__*/React__default["default"].forwardRef(function Switcher(props, ref) {
26
+ const prefix = usePrefix.usePrefix();
27
+ const {
28
+ 'aria-label': ariaLabel,
29
+ 'aria-labelledby': ariaLabelledBy,
30
+ className: customClassName,
31
+ children
32
+ } = props;
33
+ const accessibilityLabel = {
32
34
  'aria-label': ariaLabel,
33
35
  'aria-labelledby': ariaLabelledBy
34
36
  };
35
- var className = cx__default["default"]("".concat(prefix, "--switcher"), _rollupPluginBabelHelpers.defineProperty({}, customClassName, !!customClassName));
37
+ const className = cx__default["default"](`${prefix}--switcher`, {
38
+ [customClassName]: !!customClassName
39
+ });
36
40
  return /*#__PURE__*/React__default["default"].createElement("ul", _rollupPluginBabelHelpers["extends"]({
37
41
  ref: ref,
38
42
  className: className
39
43
  }, accessibilityLabel), children);
40
44
  });
41
45
  Switcher.displayName = 'Switcher';
42
- Switcher.propTypes = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, AriaPropTypes.AriaLabelPropType), {}, {
46
+ Switcher.propTypes = {
47
+ /**
48
+ * Required props for accessibility label on the underlying menu
49
+ */
50
+ ...AriaPropTypes.AriaLabelPropType,
51
+
43
52
  /**
44
53
  * expects to receive <SwitcherItem />
45
54
  */
@@ -49,7 +58,7 @@ Switcher.propTypes = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelH
49
58
  * Optionally provide a custom class to apply to the underlying `<ul>` node
50
59
  */
51
60
  className: PropTypes__default["default"].string
52
- });
61
+ };
53
62
  var Switcher$1 = Switcher;
54
63
 
55
64
  exports["default"] = Switcher$1;
@@ -21,14 +21,15 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
21
21
  var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
22
22
  var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
23
23
 
24
- var _excluded = ["className"];
25
-
26
- var SwitcherDivider = function SwitcherDivider(_ref) {
27
- var customClassName = _ref.className,
28
- other = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
29
-
30
- var prefix = usePrefix.usePrefix();
31
- var className = cx__default["default"]("".concat(prefix, "--switcher__item--divider"), _rollupPluginBabelHelpers.defineProperty({}, customClassName, !!customClassName));
24
+ const SwitcherDivider = _ref => {
25
+ let {
26
+ className: customClassName,
27
+ ...other
28
+ } = _ref;
29
+ const prefix = usePrefix.usePrefix();
30
+ const className = cx__default["default"](`${prefix}--switcher__item--divider`, {
31
+ [customClassName]: !!customClassName
32
+ });
32
33
  return /*#__PURE__*/React__default["default"].createElement("hr", _rollupPluginBabelHelpers["extends"]({}, other, {
33
34
  className: className
34
35
  }));
@@ -23,25 +23,27 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
23
23
  var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
24
24
  var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
25
25
 
26
- var _excluded = ["aria-label", "aria-labelledby", "className", "children", "isSelected", "tabIndex"];
27
- var SwitcherItem = /*#__PURE__*/React__default["default"].forwardRef(function SwitcherItem(props, ref) {
28
- var prefix = usePrefix.usePrefix();
29
-
30
- var ariaLabel = props['aria-label'],
31
- ariaLabelledBy = props['aria-labelledby'],
32
- customClassName = props.className,
33
- children = props.children,
34
- isSelected = props.isSelected,
35
- _props$tabIndex = props.tabIndex,
36
- tabIndex = _props$tabIndex === void 0 ? 0 : _props$tabIndex,
37
- rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
38
-
39
- var className = cx__default["default"]("".concat(prefix, "--switcher__item"), _rollupPluginBabelHelpers.defineProperty({}, customClassName, !!customClassName));
40
- var accessibilityLabel = {
26
+ const SwitcherItem = /*#__PURE__*/React__default["default"].forwardRef(function SwitcherItem(props, ref) {
27
+ const prefix = usePrefix.usePrefix();
28
+ const {
29
+ 'aria-label': ariaLabel,
30
+ 'aria-labelledby': ariaLabelledBy,
31
+ className: customClassName,
32
+ children,
33
+ isSelected,
34
+ tabIndex = 0,
35
+ ...rest
36
+ } = props;
37
+ const className = cx__default["default"](`${prefix}--switcher__item`, {
38
+ [customClassName]: !!customClassName
39
+ });
40
+ const accessibilityLabel = {
41
41
  'aria-label': ariaLabel,
42
42
  'aria-labelledby': ariaLabelledBy
43
43
  };
44
- var linkClassName = cx__default["default"]("".concat(prefix, "--switcher__item-link"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--switcher__item-link--selected"), isSelected));
44
+ const linkClassName = cx__default["default"](`${prefix}--switcher__item-link`, {
45
+ [`${prefix}--switcher__item-link--selected`]: isSelected
46
+ });
45
47
  return /*#__PURE__*/React__default["default"].createElement("li", {
46
48
  className: className
47
49
  }, /*#__PURE__*/React__default["default"].createElement(Link["default"], _rollupPluginBabelHelpers["extends"]({}, rest, {
@@ -51,7 +53,12 @@ var SwitcherItem = /*#__PURE__*/React__default["default"].forwardRef(function Sw
51
53
  }, accessibilityLabel), children));
52
54
  });
53
55
  SwitcherItem.displayName = 'SwitcherItem';
54
- SwitcherItem.propTypes = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, AriaPropTypes.AriaLabelPropType), {}, {
56
+ SwitcherItem.propTypes = {
57
+ /**
58
+ * Required props for accessibility label on the underlying menuitem
59
+ */
60
+ ...AriaPropTypes.AriaLabelPropType,
61
+
55
62
  /**
56
63
  * Specify the text content for the link
57
64
  */
@@ -66,7 +73,7 @@ SwitcherItem.propTypes = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBa
66
73
  * Specify the tab index of the Link
67
74
  */
68
75
  tabIndex: PropTypes__default["default"].number
69
- });
76
+ };
70
77
  var SwitcherItem$1 = SwitcherItem;
71
78
 
72
79
  exports["default"] = SwitcherItem$1;
@@ -9,6 +9,6 @@
9
9
 
10
10
  Object.defineProperty(exports, '__esModule', { value: true });
11
11
 
12
- var CARBON_SIDENAV_ITEMS = ['SideNavFooter', 'SideNavHeader', 'SideNavItems', 'SideNavMenu'];
12
+ const CARBON_SIDENAV_ITEMS = ['SideNavFooter', 'SideNavHeader', 'SideNavItems', 'SideNavMenu'];
13
13
 
14
14
  exports.CARBON_SIDENAV_ITEMS = CARBON_SIDENAV_ITEMS;
@@ -21,19 +21,19 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
21
21
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
22
22
  var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
23
23
 
24
- var _excluded = ["children", "className", "nested", "isExpressive"];
25
-
26
- var UnorderedList = function UnorderedList(_ref) {
27
- var _classnames;
28
-
29
- var children = _ref.children,
30
- className = _ref.className,
31
- nested = _ref.nested,
32
- isExpressive = _ref.isExpressive,
33
- other = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
34
-
35
- var prefix = usePrefix.usePrefix();
36
- var classNames = cx__default["default"]("".concat(prefix, "--list--unordered"), className, (_classnames = {}, _rollupPluginBabelHelpers.defineProperty(_classnames, "".concat(prefix, "--list--nested"), nested), _rollupPluginBabelHelpers.defineProperty(_classnames, "".concat(prefix, "--list--expressive"), isExpressive), _classnames));
24
+ const UnorderedList = _ref => {
25
+ let {
26
+ children,
27
+ className,
28
+ nested,
29
+ isExpressive,
30
+ ...other
31
+ } = _ref;
32
+ const prefix = usePrefix.usePrefix();
33
+ const classNames = cx__default["default"](`${prefix}--list--unordered`, className, {
34
+ [`${prefix}--list--nested`]: nested,
35
+ [`${prefix}--list--expressive`]: isExpressive
36
+ });
37
37
  return /*#__PURE__*/React__default["default"].createElement("ul", _rollupPluginBabelHelpers["extends"]({
38
38
  className: classNames
39
39
  }, other), children);
package/lib/index.js CHANGED
@@ -26,6 +26,8 @@ var Column = require('./components/Grid/Column.js');
26
26
  var ColumnHang = require('./components/Grid/ColumnHang.js');
27
27
  var index$6 = require('./components/IdPrefix/index.js');
28
28
  var index$7 = require('./components/OverflowMenu/index.js');
29
+ var Search = require('./components/Search/Search.js');
30
+ var Search_Skeleton = require('./components/Search/Search.Skeleton.js');
29
31
  var index$8 = require('./components/Slider/index.js');
30
32
  var index$9 = require('./components/Tab/index.js');
31
33
  var index$a = require('./components/TileGroup/index.js');
@@ -72,15 +74,18 @@ var ContainedListItem = require('./components/ContainedList/ContainedListItem/Co
72
74
  var ContainedList = require('./components/ContainedList/ContainedList.js');
73
75
  var Copy = require('./components/Copy/Copy.js');
74
76
  var CopyButton = require('./components/CopyButton/CopyButton.js');
77
+ var ErrorBoundary = require('./components/ErrorBoundary/ErrorBoundary.js');
75
78
  var Filename = require('./components/FileUploader/Filename.js');
76
79
  var FileUploader_Skeleton = require('./components/FileUploader/FileUploader.Skeleton.js');
77
80
  var FileUploaderButton = require('./components/FileUploader/FileUploaderButton.js');
78
81
  var FileUploaderDropContainer = require('./components/FileUploader/FileUploaderDropContainer.js');
79
82
  var FileUploaderItem = require('./components/FileUploader/FileUploaderItem.js');
83
+ var FileUploader = require('./components/FileUploader/FileUploader.js');
80
84
  var FormItem = require('./components/FormItem/FormItem.js');
81
85
  var FormLabel = require('./components/FormLabel/FormLabel.js');
82
86
  var InlineLoading = require('./components/InlineLoading/InlineLoading.js');
83
87
  var Loading = require('./components/Loading/Loading.js');
88
+ var ModalWrapper = require('./components/ModalWrapper/ModalWrapper.js');
84
89
  var NumberInput_Skeleton = require('./components/NumberInput/NumberInput.Skeleton.js');
85
90
  var ProgressIndicator_Skeleton = require('./components/ProgressIndicator/ProgressIndicator.Skeleton.js');
86
91
  var ExpandableSearch = require('./components/ExpandableSearch/ExpandableSearch.js');
@@ -151,16 +156,13 @@ var TableToolbarMenu = require('./components/DataTable/TableToolbarMenu.js');
151
156
  var DatePicker_Skeleton = require('./components/DatePicker/DatePicker.Skeleton.js');
152
157
  var DatePicker = require('./components/DatePicker/DatePicker.js');
153
158
  var DatePickerInput = require('./components/DatePickerInput/DatePickerInput.js');
154
- var ErrorBoundary = require('./components/ErrorBoundary/ErrorBoundary.js');
155
159
  var ErrorBoundaryContext = require('./components/ErrorBoundary/ErrorBoundaryContext.js');
156
- var FileUploader = require('./components/FileUploader/FileUploader.js');
157
160
  var FilterableMultiSelect = require('./components/MultiSelect/FilterableMultiSelect.js');
158
161
  var Form = require('./components/Form/Form.js');
159
162
  var FormGroup = require('./components/FormGroup/FormGroup.js');
160
163
  var Link = require('./components/Link/Link.js');
161
164
  var ListItem = require('./components/ListItem/ListItem.js');
162
165
  var Modal = require('./components/Modal/Modal.js');
163
- var ModalWrapper = require('./components/ModalWrapper/ModalWrapper.js');
164
166
  var MultiSelect = require('./components/MultiSelect/MultiSelect.js');
165
167
  var Notification = require('./components/Notification/Notification.js');
166
168
  var NumberInput = require('./components/NumberInput/NumberInput.js');
@@ -174,8 +176,6 @@ var PrimaryButton = require('./components/PrimaryButton/PrimaryButton.js');
174
176
  var ProgressIndicator = require('./components/ProgressIndicator/ProgressIndicator.js');
175
177
  var RadioButton = require('./components/RadioButton/RadioButton.js');
176
178
  var RadioButtonGroup = require('./components/RadioButtonGroup/RadioButtonGroup.js');
177
- var Search_Skeleton = require('./components/Search/Search.Skeleton.js');
178
- var Search = require('./components/Search/Search.js');
179
179
  var SecondaryButton = require('./components/SecondaryButton/SecondaryButton.js');
180
180
  var Select_Skeleton = require('./components/Select/Select.Skeleton.js');
181
181
  var Select = require('./components/Select/Select.js');
@@ -240,6 +240,8 @@ exports.Column = Column["default"];
240
240
  exports.ColumnHang = ColumnHang.ColumnHang;
241
241
  exports.IdPrefix = index$6.IdPrefix;
242
242
  exports.OverflowMenu = index$7["default"];
243
+ exports.Search = Search["default"];
244
+ exports.SearchSkeleton = Search_Skeleton["default"];
243
245
  exports.Slider = index$8["default"];
244
246
  exports.Tab = index$9["default"];
245
247
  exports.TileGroup = index$a["default"];
@@ -299,15 +301,18 @@ exports.ContainedListItem = ContainedListItem["default"];
299
301
  exports.ContainedList = ContainedList["default"];
300
302
  exports.Copy = Copy["default"];
301
303
  exports.CopyButton = CopyButton["default"];
304
+ exports.ErrorBoundary = ErrorBoundary["default"];
302
305
  exports.Filename = Filename["default"];
303
306
  exports.FileUploaderSkeleton = FileUploader_Skeleton["default"];
304
307
  exports.FileUploaderButton = FileUploaderButton["default"];
305
308
  exports.FileUploaderDropContainer = FileUploaderDropContainer["default"];
306
309
  exports.FileUploaderItem = FileUploaderItem["default"];
310
+ exports.FileUploader = FileUploader["default"];
307
311
  exports.FormItem = FormItem["default"];
308
312
  exports.FormLabel = FormLabel["default"];
309
313
  exports.InlineLoading = InlineLoading["default"];
310
314
  exports.Loading = Loading["default"];
315
+ exports.ModalWrapper = ModalWrapper["default"];
311
316
  exports.NumberInputSkeleton = NumberInput_Skeleton["default"];
312
317
  exports.ProgressIndicatorSkeleton = ProgressIndicator_Skeleton["default"];
313
318
  exports.ExpandableSearch = ExpandableSearch["default"];
@@ -383,16 +388,13 @@ exports.TableToolbarMenu = TableToolbarMenu["default"];
383
388
  exports.DatePickerSkeleton = DatePicker_Skeleton["default"];
384
389
  exports.DatePicker = DatePicker["default"];
385
390
  exports.DatePickerInput = DatePickerInput["default"];
386
- exports.ErrorBoundary = ErrorBoundary["default"];
387
391
  exports.ErrorBoundaryContext = ErrorBoundaryContext.ErrorBoundaryContext;
388
- exports.FileUploader = FileUploader["default"];
389
392
  exports.FilterableMultiSelect = FilterableMultiSelect["default"];
390
393
  exports.Form = Form["default"];
391
394
  exports.FormGroup = FormGroup["default"];
392
395
  exports.Link = Link["default"];
393
396
  exports.ListItem = ListItem["default"];
394
397
  exports.Modal = Modal["default"];
395
- exports.ModalWrapper = ModalWrapper["default"];
396
398
  exports.MultiSelect = MultiSelect["default"];
397
399
  exports.ActionableNotification = Notification.ActionableNotification;
398
400
  exports.InlineNotification = Notification.InlineNotification;
@@ -411,8 +413,6 @@ exports.ProgressIndicator = ProgressIndicator.ProgressIndicator;
411
413
  exports.ProgressStep = ProgressIndicator.ProgressStep;
412
414
  exports.RadioButton = RadioButton["default"];
413
415
  exports.RadioButtonGroup = RadioButtonGroup["default"];
414
- exports.SearchSkeleton = Search_Skeleton["default"];
415
- exports.Search = Search["default"];
416
416
  exports.SecondaryButton = SecondaryButton["default"];
417
417
  exports.SelectSkeleton = Select_Skeleton["default"];
418
418
  exports.Select = Select["default"];