@itwin/itwinui-react 3.3.4 → 3.4.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (531) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/cjs/core/Alert/Alert.d.ts +1 -1
  3. package/cjs/core/Alert/Alert.js +0 -1
  4. package/cjs/core/Avatar/Avatar.d.ts +1 -1
  5. package/cjs/core/Avatar/Avatar.js +0 -1
  6. package/cjs/core/AvatarGroup/AvatarGroup.d.ts +1 -1
  7. package/cjs/core/AvatarGroup/AvatarGroup.js +0 -1
  8. package/cjs/core/Badge/Badge.d.ts +1 -1
  9. package/cjs/core/Badge/Badge.js +0 -1
  10. package/cjs/core/Breadcrumbs/Breadcrumbs.d.ts +1 -1
  11. package/cjs/core/Breadcrumbs/Breadcrumbs.js +0 -1
  12. package/cjs/core/ButtonGroup/ButtonGroup.d.ts +1 -1
  13. package/cjs/core/ButtonGroup/ButtonGroup.js +0 -1
  14. package/cjs/core/Buttons/Button.d.ts +0 -1
  15. package/cjs/core/Buttons/Button.js +0 -1
  16. package/cjs/core/Buttons/DropdownButton.d.ts +0 -1
  17. package/cjs/core/Buttons/DropdownButton.js +0 -1
  18. package/cjs/core/Buttons/IconButton.d.ts +0 -1
  19. package/cjs/core/Buttons/IconButton.js +0 -1
  20. package/cjs/core/Buttons/IdeasButton.d.ts +1 -1
  21. package/cjs/core/Buttons/IdeasButton.js +0 -1
  22. package/cjs/core/Buttons/SplitButton.d.ts +0 -1
  23. package/cjs/core/Buttons/SplitButton.js +0 -1
  24. package/cjs/core/Carousel/Carousel.d.ts +1 -1
  25. package/cjs/core/Carousel/Carousel.js +0 -1
  26. package/cjs/core/Carousel/CarouselSlider.js +1 -1
  27. package/cjs/core/Checkbox/Checkbox.d.ts +1 -1
  28. package/cjs/core/Checkbox/Checkbox.js +0 -1
  29. package/cjs/core/ColorPicker/ColorInputPanel.d.ts +1 -1
  30. package/cjs/core/ColorPicker/ColorInputPanel.js +0 -1
  31. package/cjs/core/ColorPicker/ColorPalette.d.ts +0 -1
  32. package/cjs/core/ColorPicker/ColorPalette.js +0 -1
  33. package/cjs/core/ColorPicker/ColorPicker.d.ts +1 -1
  34. package/cjs/core/ColorPicker/ColorPicker.js +0 -1
  35. package/cjs/core/ColorPicker/ColorSwatch.d.ts +1 -1
  36. package/cjs/core/ColorPicker/ColorSwatch.js +0 -1
  37. package/cjs/core/ComboBox/ComboBox.d.ts +1 -1
  38. package/cjs/core/ComboBox/ComboBox.js +1 -2
  39. package/cjs/core/ComboBox/ComboBoxMultipleContainer.js +2 -5
  40. package/cjs/core/DatePicker/DatePicker.d.ts +9 -1
  41. package/cjs/core/DatePicker/DatePicker.js +9 -5
  42. package/cjs/core/Dialog/Dialog.d.ts +1 -1
  43. package/cjs/core/Dialog/Dialog.js +0 -1
  44. package/cjs/core/Dialog/DialogBackdrop.d.ts +1 -1
  45. package/cjs/core/Dialog/DialogBackdrop.js +0 -1
  46. package/cjs/core/Dialog/DialogButtonBar.d.ts +0 -1
  47. package/cjs/core/Dialog/DialogButtonBar.js +0 -1
  48. package/cjs/core/Dialog/DialogContent.d.ts +0 -1
  49. package/cjs/core/Dialog/DialogContent.js +0 -1
  50. package/cjs/core/Dialog/DialogMain.d.ts +0 -1
  51. package/cjs/core/Dialog/DialogMain.js +13 -16
  52. package/cjs/core/Dialog/DialogTitleBar.d.ts +1 -1
  53. package/cjs/core/Dialog/DialogTitleBar.js +0 -1
  54. package/cjs/core/Dialog/DialogTitleBarTitle.d.ts +0 -1
  55. package/cjs/core/Dialog/DialogTitleBarTitle.js +0 -1
  56. package/cjs/core/Divider/Divider.d.ts +1 -1
  57. package/cjs/core/Divider/Divider.js +0 -1
  58. package/cjs/core/DropdownMenu/DropdownMenu.d.ts +0 -1
  59. package/cjs/core/DropdownMenu/DropdownMenu.js +0 -1
  60. package/cjs/core/ExpandableBlock/ExpandableBlock.d.ts +1 -1
  61. package/cjs/core/ExpandableBlock/ExpandableBlock.js +0 -1
  62. package/cjs/core/Fieldset/Fieldset.d.ts +1 -1
  63. package/cjs/core/Fieldset/Fieldset.js +0 -1
  64. package/cjs/core/FileUpload/FileEmptyCard.d.ts +0 -1
  65. package/cjs/core/FileUpload/FileEmptyCard.js +2 -3
  66. package/cjs/core/FileUpload/FileUpload.d.ts +1 -1
  67. package/cjs/core/FileUpload/FileUpload.js +0 -1
  68. package/cjs/core/FileUpload/FileUploadCard.d.ts +1 -1
  69. package/cjs/core/FileUpload/FileUploadCard.js +0 -1
  70. package/cjs/core/FileUpload/FileUploadTemplate.d.ts +3 -2
  71. package/cjs/core/FileUpload/FileUploadTemplate.js +2 -2
  72. package/cjs/core/Flex/Flex.d.ts +1 -1
  73. package/cjs/core/Flex/Flex.js +0 -1
  74. package/cjs/core/Footer/Footer.d.ts +1 -1
  75. package/cjs/core/Footer/Footer.js +0 -1
  76. package/cjs/core/Footer/FooterItem.d.ts +0 -1
  77. package/cjs/core/Footer/FooterItem.js +0 -1
  78. package/cjs/core/Footer/FooterList.d.ts +0 -1
  79. package/cjs/core/Footer/FooterList.js +0 -1
  80. package/cjs/core/Footer/FooterSeparator.d.ts +0 -1
  81. package/cjs/core/Footer/FooterSeparator.js +0 -1
  82. package/cjs/core/Header/Header.d.ts +1 -1
  83. package/cjs/core/Header/Header.js +0 -1
  84. package/cjs/core/Header/HeaderBasicButton.d.ts +0 -1
  85. package/cjs/core/Header/HeaderBasicButton.js +0 -1
  86. package/cjs/core/Header/HeaderBreadcrumbs.d.ts +1 -1
  87. package/cjs/core/Header/HeaderBreadcrumbs.js +0 -1
  88. package/cjs/core/Header/HeaderButton.d.ts +1 -1
  89. package/cjs/core/Header/HeaderButton.js +0 -1
  90. package/cjs/core/Header/HeaderDropdownButton.d.ts +0 -1
  91. package/cjs/core/Header/HeaderDropdownButton.js +0 -1
  92. package/cjs/core/Header/HeaderLogo.d.ts +1 -1
  93. package/cjs/core/Header/HeaderLogo.js +0 -1
  94. package/cjs/core/Header/HeaderSplitButton.d.ts +0 -1
  95. package/cjs/core/Header/HeaderSplitButton.js +0 -1
  96. package/cjs/core/Icon/Icon.d.ts +0 -1
  97. package/cjs/core/Icon/Icon.js +0 -1
  98. package/cjs/core/InformationPanel/InformationPanel.d.ts +1 -1
  99. package/cjs/core/InformationPanel/InformationPanel.js +0 -1
  100. package/cjs/core/InformationPanel/InformationPanelBody.d.ts +0 -1
  101. package/cjs/core/InformationPanel/InformationPanelBody.js +0 -1
  102. package/cjs/core/InformationPanel/InformationPanelContent.d.ts +1 -1
  103. package/cjs/core/InformationPanel/InformationPanelContent.js +0 -1
  104. package/cjs/core/InformationPanel/InformationPanelHeader.d.ts +1 -1
  105. package/cjs/core/InformationPanel/InformationPanelHeader.js +0 -1
  106. package/cjs/core/InformationPanel/InformationPanelWrapper.d.ts +0 -1
  107. package/cjs/core/InformationPanel/InformationPanelWrapper.js +0 -1
  108. package/cjs/core/Input/Input.d.ts +0 -1
  109. package/cjs/core/Input/Input.js +0 -1
  110. package/cjs/core/InputGrid/InputGrid.d.ts +1 -1
  111. package/cjs/core/InputGrid/InputGrid.js +0 -1
  112. package/cjs/core/InputGroup/InputGroup.d.ts +1 -1
  113. package/cjs/core/InputGroup/InputGroup.js +0 -1
  114. package/cjs/core/Label/Label.d.ts +1 -1
  115. package/cjs/core/Label/Label.js +0 -1
  116. package/cjs/core/LabeledInput/LabeledInput.d.ts +0 -1
  117. package/cjs/core/LabeledInput/LabeledInput.js +0 -1
  118. package/cjs/core/LabeledSelect/LabeledSelect.d.ts +0 -1
  119. package/cjs/core/LabeledSelect/LabeledSelect.js +0 -1
  120. package/cjs/core/LabeledTextarea/LabeledTextarea.d.ts +1 -1
  121. package/cjs/core/LabeledTextarea/LabeledTextarea.js +0 -1
  122. package/cjs/core/LinkAction/LinkAction.d.ts +3 -2
  123. package/cjs/core/LinkAction/LinkAction.js +33 -1
  124. package/cjs/core/Menu/Menu.d.ts +1 -1
  125. package/cjs/core/Menu/Menu.js +0 -1
  126. package/cjs/core/Menu/MenuDivider.d.ts +0 -1
  127. package/cjs/core/Menu/MenuDivider.js +0 -1
  128. package/cjs/core/Menu/MenuExtraContent.d.ts +0 -1
  129. package/cjs/core/Menu/MenuExtraContent.js +0 -1
  130. package/cjs/core/Menu/MenuItem.d.ts +0 -1
  131. package/cjs/core/Menu/MenuItem.js +0 -1
  132. package/cjs/core/Menu/MenuItemSkeleton.d.ts +1 -1
  133. package/cjs/core/Menu/MenuItemSkeleton.js +0 -1
  134. package/cjs/core/Modal/Modal.d.ts +13 -1
  135. package/cjs/core/Modal/Modal.js +4 -5
  136. package/cjs/core/Modal/ModalButtonBar.d.ts +0 -1
  137. package/cjs/core/Modal/ModalButtonBar.js +0 -1
  138. package/cjs/core/Modal/ModalContent.d.ts +0 -1
  139. package/cjs/core/Modal/ModalContent.js +0 -1
  140. package/cjs/core/NonIdealState/ErrorPage.d.ts +1 -1
  141. package/cjs/core/NonIdealState/ErrorPage.js +0 -1
  142. package/cjs/core/NonIdealState/NonIdealState.d.ts +1 -1
  143. package/cjs/core/NonIdealState/NonIdealState.js +0 -1
  144. package/cjs/core/NotificationMarker/NotificationMarker.d.ts +1 -1
  145. package/cjs/core/NotificationMarker/NotificationMarker.js +0 -1
  146. package/cjs/core/Popover/Popover.d.ts +1 -1
  147. package/cjs/core/Popover/Popover.js +1 -2
  148. package/cjs/core/ProgressIndicators/ProgressLinear.d.ts +16 -8
  149. package/cjs/core/ProgressIndicators/ProgressLinear.js +14 -7
  150. package/cjs/core/ProgressIndicators/ProgressRadial.d.ts +4 -3
  151. package/cjs/core/ProgressIndicators/ProgressRadial.js +3 -2
  152. package/cjs/core/Radio/Radio.d.ts +1 -1
  153. package/cjs/core/Radio/Radio.js +0 -1
  154. package/cjs/core/RadioTiles/RadioTile.d.ts +1 -1
  155. package/cjs/core/RadioTiles/RadioTile.js +0 -1
  156. package/cjs/core/RadioTiles/RadioTileGroup.d.ts +1 -1
  157. package/cjs/core/RadioTiles/RadioTileGroup.js +0 -1
  158. package/cjs/core/SearchBox/SearchBox.d.ts +1 -1
  159. package/cjs/core/SearchBox/SearchBox.js +0 -1
  160. package/cjs/core/Select/Select.d.ts +0 -1
  161. package/cjs/core/Select/Select.js +0 -1
  162. package/cjs/core/Select/SelectTag.d.ts +1 -1
  163. package/cjs/core/Select/SelectTag.js +0 -1
  164. package/cjs/core/Select/SelectTagContainer.d.ts +1 -1
  165. package/cjs/core/Select/SelectTagContainer.js +0 -1
  166. package/cjs/core/SideNavigation/SideNavigation.d.ts +1 -1
  167. package/cjs/core/SideNavigation/SideNavigation.js +0 -1
  168. package/cjs/core/SideNavigation/SidenavButton.d.ts +1 -1
  169. package/cjs/core/SideNavigation/SidenavButton.js +0 -1
  170. package/cjs/core/SideNavigation/SidenavSubmenu.d.ts +0 -1
  171. package/cjs/core/SideNavigation/SidenavSubmenu.js +0 -1
  172. package/cjs/core/SideNavigation/SidenavSubmenuHeader.d.ts +1 -1
  173. package/cjs/core/SideNavigation/SidenavSubmenuHeader.js +0 -1
  174. package/cjs/core/SkipToContentLink/SkipToContentLink.d.ts +1 -1
  175. package/cjs/core/SkipToContentLink/SkipToContentLink.js +0 -1
  176. package/cjs/core/Slider/Slider.d.ts +1 -1
  177. package/cjs/core/Slider/Slider.js +0 -1
  178. package/cjs/core/StatusMessage/StatusMessage.d.ts +1 -1
  179. package/cjs/core/StatusMessage/StatusMessage.js +0 -1
  180. package/cjs/core/Stepper/Stepper.d.ts +0 -1
  181. package/cjs/core/Stepper/Stepper.js +0 -1
  182. package/cjs/core/Stepper/WorkflowDiagram.d.ts +1 -1
  183. package/cjs/core/Stepper/WorkflowDiagram.js +0 -1
  184. package/cjs/core/Surface/Surface.d.ts +1 -1
  185. package/cjs/core/Surface/Surface.js +0 -1
  186. package/cjs/core/Table/SubRowExpander.d.ts +0 -1
  187. package/cjs/core/Table/SubRowExpander.js +0 -1
  188. package/cjs/core/Table/Table.d.ts +0 -1
  189. package/cjs/core/Table/Table.js +4 -23
  190. package/cjs/core/Table/TableCell.d.ts +0 -1
  191. package/cjs/core/Table/TableCell.js +0 -1
  192. package/cjs/core/Table/TablePaginator.d.ts +0 -1
  193. package/cjs/core/Table/TablePaginator.js +0 -1
  194. package/cjs/core/Table/cells/DefaultCell.d.ts +0 -1
  195. package/cjs/core/Table/cells/DefaultCell.js +0 -1
  196. package/cjs/core/Table/cells/EditableCell.d.ts +0 -1
  197. package/cjs/core/Table/cells/EditableCell.js +0 -1
  198. package/cjs/core/Table/filters/DateRangeFilter/DatePickerInput.d.ts +1 -2
  199. package/cjs/core/Table/filters/DateRangeFilter/DatePickerInput.js +2 -2
  200. package/cjs/core/Table/filters/DateRangeFilter/DateRangeFilter.js +3 -6
  201. package/cjs/core/Table/index.d.ts +0 -2
  202. package/cjs/core/Table/index.js +0 -1
  203. package/cjs/core/Tabs/Tabs.d.ts +0 -1
  204. package/cjs/core/Tabs/Tabs.js +17 -17
  205. package/cjs/core/Tag/Tag.d.ts +30 -8
  206. package/cjs/core/Tag/Tag.js +12 -6
  207. package/cjs/core/Tag/TagContainer.d.ts +1 -1
  208. package/cjs/core/Tag/TagContainer.js +0 -1
  209. package/cjs/core/Textarea/Textarea.d.ts +0 -1
  210. package/cjs/core/Textarea/Textarea.js +0 -1
  211. package/cjs/core/ThemeProvider/ThemeProvider.d.ts +1 -1
  212. package/cjs/core/ThemeProvider/ThemeProvider.js +2 -3
  213. package/cjs/core/Tile/Tile.d.ts +1 -1
  214. package/cjs/core/Tile/Tile.js +0 -1
  215. package/cjs/core/TimePicker/TimePicker.d.ts +0 -1
  216. package/cjs/core/TimePicker/TimePicker.js +0 -1
  217. package/cjs/core/Toast/Toast.d.ts +0 -1
  218. package/cjs/core/Toast/Toast.js +0 -1
  219. package/cjs/core/ToggleSwitch/ToggleSwitch.d.ts +1 -1
  220. package/cjs/core/ToggleSwitch/ToggleSwitch.js +0 -1
  221. package/cjs/core/Tooltip/Tooltip.d.ts +1 -1
  222. package/cjs/core/Tooltip/Tooltip.js +0 -1
  223. package/cjs/core/TransferList/TransferList.d.ts +1 -1
  224. package/cjs/core/TransferList/TransferList.js +0 -1
  225. package/cjs/core/Tree/Tree.d.ts +0 -1
  226. package/cjs/core/Tree/Tree.js +0 -1
  227. package/cjs/core/Tree/TreeNode.d.ts +1 -1
  228. package/cjs/core/Tree/TreeNode.js +0 -1
  229. package/cjs/core/Tree/TreeNodeExpander.d.ts +1 -1
  230. package/cjs/core/Tree/TreeNodeExpander.js +0 -1
  231. package/cjs/core/Typography/Anchor.d.ts +0 -1
  232. package/cjs/core/Typography/Anchor.js +0 -1
  233. package/cjs/core/Typography/Blockquote.d.ts +1 -1
  234. package/cjs/core/Typography/Blockquote.js +0 -1
  235. package/cjs/core/Typography/Code.d.ts +0 -1
  236. package/cjs/core/Typography/Code.js +0 -1
  237. package/cjs/core/Typography/Kbd.d.ts +1 -1
  238. package/cjs/core/Typography/Kbd.js +0 -1
  239. package/cjs/core/Typography/Text.d.ts +1 -1
  240. package/cjs/core/Typography/Text.js +0 -1
  241. package/cjs/core/VisuallyHidden/VisuallyHidden.d.ts +1 -1
  242. package/cjs/core/VisuallyHidden/VisuallyHidden.js +0 -1
  243. package/cjs/core/utils/components/FocusTrap.d.ts +0 -1
  244. package/cjs/core/utils/components/FocusTrap.js +0 -1
  245. package/cjs/core/utils/components/MiddleTextTruncation.d.ts +0 -1
  246. package/cjs/core/utils/components/MiddleTextTruncation.js +0 -1
  247. package/cjs/core/utils/components/Resizer.d.ts +2 -1
  248. package/cjs/core/utils/components/Resizer.js +55 -66
  249. package/cjs/core/utils/components/ShadowRoot.d.ts +10 -0
  250. package/cjs/core/utils/components/ShadowRoot.js +67 -0
  251. package/cjs/core/utils/components/VirtualScroll.d.ts +0 -1
  252. package/cjs/core/utils/components/VirtualScroll.js +7 -8
  253. package/cjs/core/utils/components/WithCSSTransition.d.ts +0 -1
  254. package/cjs/core/utils/components/WithCSSTransition.js +0 -1
  255. package/cjs/core/utils/components/index.d.ts +1 -0
  256. package/cjs/core/utils/components/index.js +1 -0
  257. package/cjs/core/utils/hooks/useContainerWidth.d.ts +0 -1
  258. package/cjs/core/utils/hooks/useContainerWidth.js +0 -1
  259. package/cjs/core/utils/hooks/useDragAndDrop.d.ts +0 -1
  260. package/cjs/core/utils/hooks/useDragAndDrop.js +0 -1
  261. package/cjs/core/utils/hooks/useIsomorphicLayoutEffect.d.ts +4 -1
  262. package/cjs/core/utils/hooks/useIsomorphicLayoutEffect.js +5 -2
  263. package/cjs/core/utils/hooks/useMediaQuery.d.ts +0 -1
  264. package/cjs/core/utils/hooks/useMediaQuery.js +1 -2
  265. package/cjs/core/utils/hooks/useOverflow.js +3 -3
  266. package/esm/core/Alert/Alert.d.ts +1 -1
  267. package/esm/core/Alert/Alert.js +0 -1
  268. package/esm/core/Avatar/Avatar.d.ts +1 -1
  269. package/esm/core/Avatar/Avatar.js +0 -1
  270. package/esm/core/AvatarGroup/AvatarGroup.d.ts +1 -1
  271. package/esm/core/AvatarGroup/AvatarGroup.js +0 -1
  272. package/esm/core/Badge/Badge.d.ts +1 -1
  273. package/esm/core/Badge/Badge.js +0 -1
  274. package/esm/core/Breadcrumbs/Breadcrumbs.d.ts +1 -1
  275. package/esm/core/Breadcrumbs/Breadcrumbs.js +0 -1
  276. package/esm/core/ButtonGroup/ButtonGroup.d.ts +1 -1
  277. package/esm/core/ButtonGroup/ButtonGroup.js +0 -1
  278. package/esm/core/Buttons/Button.d.ts +0 -1
  279. package/esm/core/Buttons/Button.js +0 -1
  280. package/esm/core/Buttons/DropdownButton.d.ts +0 -1
  281. package/esm/core/Buttons/DropdownButton.js +0 -1
  282. package/esm/core/Buttons/IconButton.d.ts +0 -1
  283. package/esm/core/Buttons/IconButton.js +0 -1
  284. package/esm/core/Buttons/IdeasButton.d.ts +1 -1
  285. package/esm/core/Buttons/IdeasButton.js +0 -1
  286. package/esm/core/Buttons/SplitButton.d.ts +0 -1
  287. package/esm/core/Buttons/SplitButton.js +0 -1
  288. package/esm/core/Carousel/Carousel.d.ts +1 -1
  289. package/esm/core/Carousel/Carousel.js +0 -1
  290. package/esm/core/Carousel/CarouselSlider.js +2 -2
  291. package/esm/core/Checkbox/Checkbox.d.ts +1 -1
  292. package/esm/core/Checkbox/Checkbox.js +0 -1
  293. package/esm/core/ColorPicker/ColorInputPanel.d.ts +1 -1
  294. package/esm/core/ColorPicker/ColorInputPanel.js +0 -1
  295. package/esm/core/ColorPicker/ColorPalette.d.ts +0 -1
  296. package/esm/core/ColorPicker/ColorPalette.js +0 -1
  297. package/esm/core/ColorPicker/ColorPicker.d.ts +1 -1
  298. package/esm/core/ColorPicker/ColorPicker.js +0 -1
  299. package/esm/core/ColorPicker/ColorSwatch.d.ts +1 -1
  300. package/esm/core/ColorPicker/ColorSwatch.js +0 -1
  301. package/esm/core/ComboBox/ComboBox.d.ts +1 -1
  302. package/esm/core/ComboBox/ComboBox.js +2 -3
  303. package/esm/core/ComboBox/ComboBoxMultipleContainer.js +1 -1
  304. package/esm/core/DatePicker/DatePicker.d.ts +9 -1
  305. package/esm/core/DatePicker/DatePicker.js +9 -5
  306. package/esm/core/Dialog/Dialog.d.ts +1 -1
  307. package/esm/core/Dialog/Dialog.js +0 -1
  308. package/esm/core/Dialog/DialogBackdrop.d.ts +1 -1
  309. package/esm/core/Dialog/DialogBackdrop.js +0 -1
  310. package/esm/core/Dialog/DialogButtonBar.d.ts +0 -1
  311. package/esm/core/Dialog/DialogButtonBar.js +0 -1
  312. package/esm/core/Dialog/DialogContent.d.ts +0 -1
  313. package/esm/core/Dialog/DialogContent.js +0 -1
  314. package/esm/core/Dialog/DialogMain.d.ts +0 -1
  315. package/esm/core/Dialog/DialogMain.js +14 -17
  316. package/esm/core/Dialog/DialogTitleBar.d.ts +1 -1
  317. package/esm/core/Dialog/DialogTitleBar.js +0 -1
  318. package/esm/core/Dialog/DialogTitleBarTitle.d.ts +0 -1
  319. package/esm/core/Dialog/DialogTitleBarTitle.js +0 -1
  320. package/esm/core/Divider/Divider.d.ts +1 -1
  321. package/esm/core/Divider/Divider.js +0 -1
  322. package/esm/core/DropdownMenu/DropdownMenu.d.ts +0 -1
  323. package/esm/core/DropdownMenu/DropdownMenu.js +0 -1
  324. package/esm/core/ExpandableBlock/ExpandableBlock.d.ts +1 -1
  325. package/esm/core/ExpandableBlock/ExpandableBlock.js +0 -1
  326. package/esm/core/Fieldset/Fieldset.d.ts +1 -1
  327. package/esm/core/Fieldset/Fieldset.js +0 -1
  328. package/esm/core/FileUpload/FileEmptyCard.d.ts +0 -1
  329. package/esm/core/FileUpload/FileEmptyCard.js +1 -2
  330. package/esm/core/FileUpload/FileUpload.d.ts +1 -1
  331. package/esm/core/FileUpload/FileUpload.js +0 -1
  332. package/esm/core/FileUpload/FileUploadCard.d.ts +1 -1
  333. package/esm/core/FileUpload/FileUploadCard.js +0 -1
  334. package/esm/core/FileUpload/FileUploadTemplate.d.ts +3 -2
  335. package/esm/core/FileUpload/FileUploadTemplate.js +2 -2
  336. package/esm/core/Flex/Flex.d.ts +1 -1
  337. package/esm/core/Flex/Flex.js +0 -1
  338. package/esm/core/Footer/Footer.d.ts +1 -1
  339. package/esm/core/Footer/Footer.js +0 -1
  340. package/esm/core/Footer/FooterItem.d.ts +0 -1
  341. package/esm/core/Footer/FooterItem.js +0 -1
  342. package/esm/core/Footer/FooterList.d.ts +0 -1
  343. package/esm/core/Footer/FooterList.js +0 -1
  344. package/esm/core/Footer/FooterSeparator.d.ts +0 -1
  345. package/esm/core/Footer/FooterSeparator.js +0 -1
  346. package/esm/core/Header/Header.d.ts +1 -1
  347. package/esm/core/Header/Header.js +0 -1
  348. package/esm/core/Header/HeaderBasicButton.d.ts +0 -1
  349. package/esm/core/Header/HeaderBasicButton.js +0 -1
  350. package/esm/core/Header/HeaderBreadcrumbs.d.ts +1 -1
  351. package/esm/core/Header/HeaderBreadcrumbs.js +0 -1
  352. package/esm/core/Header/HeaderButton.d.ts +1 -1
  353. package/esm/core/Header/HeaderButton.js +0 -1
  354. package/esm/core/Header/HeaderDropdownButton.d.ts +0 -1
  355. package/esm/core/Header/HeaderDropdownButton.js +0 -1
  356. package/esm/core/Header/HeaderLogo.d.ts +1 -1
  357. package/esm/core/Header/HeaderLogo.js +0 -1
  358. package/esm/core/Header/HeaderSplitButton.d.ts +0 -1
  359. package/esm/core/Header/HeaderSplitButton.js +0 -1
  360. package/esm/core/Icon/Icon.d.ts +0 -1
  361. package/esm/core/Icon/Icon.js +0 -1
  362. package/esm/core/InformationPanel/InformationPanel.d.ts +1 -1
  363. package/esm/core/InformationPanel/InformationPanel.js +0 -1
  364. package/esm/core/InformationPanel/InformationPanelBody.d.ts +0 -1
  365. package/esm/core/InformationPanel/InformationPanelBody.js +0 -1
  366. package/esm/core/InformationPanel/InformationPanelContent.d.ts +1 -1
  367. package/esm/core/InformationPanel/InformationPanelContent.js +0 -1
  368. package/esm/core/InformationPanel/InformationPanelHeader.d.ts +1 -1
  369. package/esm/core/InformationPanel/InformationPanelHeader.js +0 -1
  370. package/esm/core/InformationPanel/InformationPanelWrapper.d.ts +0 -1
  371. package/esm/core/InformationPanel/InformationPanelWrapper.js +0 -1
  372. package/esm/core/Input/Input.d.ts +0 -1
  373. package/esm/core/Input/Input.js +0 -1
  374. package/esm/core/InputGrid/InputGrid.d.ts +1 -1
  375. package/esm/core/InputGrid/InputGrid.js +0 -1
  376. package/esm/core/InputGroup/InputGroup.d.ts +1 -1
  377. package/esm/core/InputGroup/InputGroup.js +0 -1
  378. package/esm/core/Label/Label.d.ts +1 -1
  379. package/esm/core/Label/Label.js +0 -1
  380. package/esm/core/LabeledInput/LabeledInput.d.ts +0 -1
  381. package/esm/core/LabeledInput/LabeledInput.js +0 -1
  382. package/esm/core/LabeledSelect/LabeledSelect.d.ts +0 -1
  383. package/esm/core/LabeledSelect/LabeledSelect.js +0 -1
  384. package/esm/core/LabeledTextarea/LabeledTextarea.d.ts +1 -1
  385. package/esm/core/LabeledTextarea/LabeledTextarea.js +0 -1
  386. package/esm/core/LinkAction/LinkAction.d.ts +3 -2
  387. package/esm/core/LinkAction/LinkAction.js +7 -1
  388. package/esm/core/Menu/Menu.d.ts +1 -1
  389. package/esm/core/Menu/Menu.js +0 -1
  390. package/esm/core/Menu/MenuDivider.d.ts +0 -1
  391. package/esm/core/Menu/MenuDivider.js +0 -1
  392. package/esm/core/Menu/MenuExtraContent.d.ts +0 -1
  393. package/esm/core/Menu/MenuExtraContent.js +0 -1
  394. package/esm/core/Menu/MenuItem.d.ts +0 -1
  395. package/esm/core/Menu/MenuItem.js +0 -1
  396. package/esm/core/Menu/MenuItemSkeleton.d.ts +1 -1
  397. package/esm/core/Menu/MenuItemSkeleton.js +0 -1
  398. package/esm/core/Modal/Modal.d.ts +13 -1
  399. package/esm/core/Modal/Modal.js +4 -5
  400. package/esm/core/Modal/ModalButtonBar.d.ts +0 -1
  401. package/esm/core/Modal/ModalButtonBar.js +0 -1
  402. package/esm/core/Modal/ModalContent.d.ts +0 -1
  403. package/esm/core/Modal/ModalContent.js +0 -1
  404. package/esm/core/NonIdealState/ErrorPage.d.ts +1 -1
  405. package/esm/core/NonIdealState/ErrorPage.js +0 -1
  406. package/esm/core/NonIdealState/NonIdealState.d.ts +1 -1
  407. package/esm/core/NonIdealState/NonIdealState.js +0 -1
  408. package/esm/core/NotificationMarker/NotificationMarker.d.ts +1 -1
  409. package/esm/core/NotificationMarker/NotificationMarker.js +0 -1
  410. package/esm/core/Popover/Popover.d.ts +1 -1
  411. package/esm/core/Popover/Popover.js +2 -3
  412. package/esm/core/ProgressIndicators/ProgressLinear.d.ts +16 -8
  413. package/esm/core/ProgressIndicators/ProgressLinear.js +14 -7
  414. package/esm/core/ProgressIndicators/ProgressRadial.d.ts +4 -3
  415. package/esm/core/ProgressIndicators/ProgressRadial.js +3 -2
  416. package/esm/core/Radio/Radio.d.ts +1 -1
  417. package/esm/core/Radio/Radio.js +0 -1
  418. package/esm/core/RadioTiles/RadioTile.d.ts +1 -1
  419. package/esm/core/RadioTiles/RadioTile.js +0 -1
  420. package/esm/core/RadioTiles/RadioTileGroup.d.ts +1 -1
  421. package/esm/core/RadioTiles/RadioTileGroup.js +0 -1
  422. package/esm/core/SearchBox/SearchBox.d.ts +1 -1
  423. package/esm/core/SearchBox/SearchBox.js +0 -1
  424. package/esm/core/Select/Select.d.ts +0 -1
  425. package/esm/core/Select/Select.js +0 -1
  426. package/esm/core/Select/SelectTag.d.ts +1 -1
  427. package/esm/core/Select/SelectTag.js +0 -1
  428. package/esm/core/Select/SelectTagContainer.d.ts +1 -1
  429. package/esm/core/Select/SelectTagContainer.js +0 -1
  430. package/esm/core/SideNavigation/SideNavigation.d.ts +1 -1
  431. package/esm/core/SideNavigation/SideNavigation.js +0 -1
  432. package/esm/core/SideNavigation/SidenavButton.d.ts +1 -1
  433. package/esm/core/SideNavigation/SidenavButton.js +0 -1
  434. package/esm/core/SideNavigation/SidenavSubmenu.d.ts +0 -1
  435. package/esm/core/SideNavigation/SidenavSubmenu.js +0 -1
  436. package/esm/core/SideNavigation/SidenavSubmenuHeader.d.ts +1 -1
  437. package/esm/core/SideNavigation/SidenavSubmenuHeader.js +0 -1
  438. package/esm/core/SkipToContentLink/SkipToContentLink.d.ts +1 -1
  439. package/esm/core/SkipToContentLink/SkipToContentLink.js +0 -1
  440. package/esm/core/Slider/Slider.d.ts +1 -1
  441. package/esm/core/Slider/Slider.js +0 -1
  442. package/esm/core/StatusMessage/StatusMessage.d.ts +1 -1
  443. package/esm/core/StatusMessage/StatusMessage.js +0 -1
  444. package/esm/core/Stepper/Stepper.d.ts +0 -1
  445. package/esm/core/Stepper/Stepper.js +0 -1
  446. package/esm/core/Stepper/WorkflowDiagram.d.ts +1 -1
  447. package/esm/core/Stepper/WorkflowDiagram.js +0 -1
  448. package/esm/core/Surface/Surface.d.ts +1 -1
  449. package/esm/core/Surface/Surface.js +0 -1
  450. package/esm/core/Table/SubRowExpander.d.ts +0 -1
  451. package/esm/core/Table/SubRowExpander.js +0 -1
  452. package/esm/core/Table/Table.d.ts +0 -1
  453. package/esm/core/Table/Table.js +4 -23
  454. package/esm/core/Table/TableCell.d.ts +0 -1
  455. package/esm/core/Table/TableCell.js +0 -1
  456. package/esm/core/Table/TablePaginator.d.ts +0 -1
  457. package/esm/core/Table/TablePaginator.js +0 -1
  458. package/esm/core/Table/cells/DefaultCell.d.ts +0 -1
  459. package/esm/core/Table/cells/DefaultCell.js +0 -1
  460. package/esm/core/Table/cells/EditableCell.d.ts +0 -1
  461. package/esm/core/Table/cells/EditableCell.js +0 -1
  462. package/esm/core/Table/filters/DateRangeFilter/DatePickerInput.d.ts +1 -2
  463. package/esm/core/Table/filters/DateRangeFilter/DatePickerInput.js +1 -2
  464. package/esm/core/Table/filters/DateRangeFilter/DateRangeFilter.js +1 -1
  465. package/esm/core/Table/index.d.ts +0 -2
  466. package/esm/core/Table/index.js +0 -1
  467. package/esm/core/Tabs/Tabs.d.ts +0 -1
  468. package/esm/core/Tabs/Tabs.js +18 -18
  469. package/esm/core/Tag/Tag.d.ts +30 -8
  470. package/esm/core/Tag/Tag.js +13 -7
  471. package/esm/core/Tag/TagContainer.d.ts +1 -1
  472. package/esm/core/Tag/TagContainer.js +0 -1
  473. package/esm/core/Textarea/Textarea.d.ts +0 -1
  474. package/esm/core/Textarea/Textarea.js +0 -1
  475. package/esm/core/ThemeProvider/ThemeProvider.d.ts +1 -1
  476. package/esm/core/ThemeProvider/ThemeProvider.js +3 -4
  477. package/esm/core/Tile/Tile.d.ts +1 -1
  478. package/esm/core/Tile/Tile.js +0 -1
  479. package/esm/core/TimePicker/TimePicker.d.ts +0 -1
  480. package/esm/core/TimePicker/TimePicker.js +0 -1
  481. package/esm/core/Toast/Toast.d.ts +0 -1
  482. package/esm/core/Toast/Toast.js +0 -1
  483. package/esm/core/ToggleSwitch/ToggleSwitch.d.ts +1 -1
  484. package/esm/core/ToggleSwitch/ToggleSwitch.js +0 -1
  485. package/esm/core/Tooltip/Tooltip.d.ts +1 -1
  486. package/esm/core/Tooltip/Tooltip.js +0 -1
  487. package/esm/core/TransferList/TransferList.d.ts +1 -1
  488. package/esm/core/TransferList/TransferList.js +0 -1
  489. package/esm/core/Tree/Tree.d.ts +0 -1
  490. package/esm/core/Tree/Tree.js +0 -1
  491. package/esm/core/Tree/TreeNode.d.ts +1 -1
  492. package/esm/core/Tree/TreeNode.js +0 -1
  493. package/esm/core/Tree/TreeNodeExpander.d.ts +1 -1
  494. package/esm/core/Tree/TreeNodeExpander.js +0 -1
  495. package/esm/core/Typography/Anchor.d.ts +0 -1
  496. package/esm/core/Typography/Anchor.js +0 -1
  497. package/esm/core/Typography/Blockquote.d.ts +1 -1
  498. package/esm/core/Typography/Blockquote.js +0 -1
  499. package/esm/core/Typography/Code.d.ts +0 -1
  500. package/esm/core/Typography/Code.js +0 -1
  501. package/esm/core/Typography/Kbd.d.ts +1 -1
  502. package/esm/core/Typography/Kbd.js +0 -1
  503. package/esm/core/Typography/Text.d.ts +1 -1
  504. package/esm/core/Typography/Text.js +0 -1
  505. package/esm/core/VisuallyHidden/VisuallyHidden.d.ts +1 -1
  506. package/esm/core/VisuallyHidden/VisuallyHidden.js +0 -1
  507. package/esm/core/utils/components/FocusTrap.d.ts +0 -1
  508. package/esm/core/utils/components/FocusTrap.js +0 -1
  509. package/esm/core/utils/components/MiddleTextTruncation.d.ts +0 -1
  510. package/esm/core/utils/components/MiddleTextTruncation.js +0 -1
  511. package/esm/core/utils/components/Resizer.d.ts +2 -1
  512. package/esm/core/utils/components/Resizer.js +54 -65
  513. package/esm/core/utils/components/ShadowRoot.d.ts +10 -0
  514. package/esm/core/utils/components/ShadowRoot.js +40 -0
  515. package/esm/core/utils/components/VirtualScroll.d.ts +0 -1
  516. package/esm/core/utils/components/VirtualScroll.js +8 -9
  517. package/esm/core/utils/components/WithCSSTransition.d.ts +0 -1
  518. package/esm/core/utils/components/WithCSSTransition.js +0 -1
  519. package/esm/core/utils/components/index.d.ts +1 -0
  520. package/esm/core/utils/components/index.js +1 -0
  521. package/esm/core/utils/hooks/useContainerWidth.d.ts +0 -1
  522. package/esm/core/utils/hooks/useContainerWidth.js +0 -1
  523. package/esm/core/utils/hooks/useDragAndDrop.d.ts +0 -1
  524. package/esm/core/utils/hooks/useDragAndDrop.js +0 -1
  525. package/esm/core/utils/hooks/useIsomorphicLayoutEffect.d.ts +4 -1
  526. package/esm/core/utils/hooks/useIsomorphicLayoutEffect.js +4 -1
  527. package/esm/core/utils/hooks/useMediaQuery.d.ts +0 -1
  528. package/esm/core/utils/hooks/useMediaQuery.js +2 -3
  529. package/esm/core/utils/hooks/useOverflow.js +4 -4
  530. package/package.json +6 -9
  531. package/styles.css +11 -11
@@ -80,4 +80,4 @@ type SideNavigationProps = {
80
80
  * />
81
81
  */
82
82
  export declare const SideNavigation: PolymorphicForwardRefComponent<"div", SideNavigationProps>;
83
- export default SideNavigation;
83
+ export {};
@@ -44,4 +44,3 @@ export const SideNavigation = React.forwardRef((props, forwardedRef) => {
44
44
  expanderPlacement === 'bottom' && ExpandButton),
45
45
  submenu && (React.createElement(WithCSSTransition, { in: isSubmenuOpen, dimension: 'width', timeout: 200, classNames: 'iui' }, submenu))));
46
46
  });
47
- export default SideNavigation;
@@ -17,4 +17,4 @@ type SidenavButtonProps = {
17
17
  * Label is hidden when sidenav is collapsed.
18
18
  */
19
19
  export declare const SidenavButton: PolymorphicForwardRefComponent<"button", SidenavButtonProps>;
20
- export default SidenavButton;
20
+ export {};
@@ -13,4 +13,3 @@ export const SidenavButton = React.forwardRef((props, ref) => {
13
13
  const { className, children, isActive = false, disabled = false, isSubmenuOpen = false, ...rest } = props;
14
14
  return (React.createElement(Button, { className: cx('iui-sidenav-button', { 'iui-submenu-open': isSubmenuOpen }, className), "data-iui-active": isActive, size: 'large', disabled: disabled, ref: ref, ...rest }, children));
15
15
  });
16
- export default SidenavButton;
@@ -8,4 +8,3 @@ import type { PolymorphicForwardRefComponent } from '../utils/index.js';
8
8
  * </SidenavSubmenu>
9
9
  */
10
10
  export declare const SidenavSubmenu: PolymorphicForwardRefComponent<"div", {}>;
11
- export default SidenavSubmenu;
@@ -18,4 +18,3 @@ export const SidenavSubmenu = React.forwardRef((props, ref) => {
18
18
  return (React.createElement(Box, { className: cx('iui-side-navigation-submenu', className), ref: ref, ...rest },
19
19
  React.createElement(Box, { className: 'iui-side-navigation-submenu-content' }, children)));
20
20
  });
21
- export default SidenavSubmenu;
@@ -21,4 +21,4 @@ type SidenavSubmenuHeaderProps = {
21
21
  * </SidenavSubmenuHeader>
22
22
  */
23
23
  export declare const SidenavSubmenuHeader: PolymorphicForwardRefComponent<"div", SidenavSubmenuHeaderProps>;
24
- export default SidenavSubmenuHeader;
24
+ export {};
@@ -25,4 +25,3 @@ export const SidenavSubmenuHeader = React.forwardRef((props, forwardedRef) => {
25
25
  React.createElement(Box, { className: 'iui-side-navigation-submenu-header-label' }, children),
26
26
  actions && (React.createElement(Box, { className: 'iui-side-navigation-submenu-header-actions' }, actions))));
27
27
  });
28
- export default SidenavSubmenuHeader;
@@ -20,4 +20,4 @@ type SkipToContentLinkProps = {
20
20
  * <body><SkipToContentLink href='#main-content-id'>{localizedLabel}</SkipToContentLink> ... </body>
21
21
  */
22
22
  export declare const SkipToContentLink: PolymorphicForwardRefComponent<"a", SkipToContentLinkProps>;
23
- export default SkipToContentLink;
23
+ export {};
@@ -17,4 +17,3 @@ export const SkipToContentLink = React.forwardRef((props, ref) => {
17
17
  const { children = 'Skip to main content', className, ...rest } = props;
18
18
  return (React.createElement(Box, { as: 'a', ref: ref, className: cx('iui-skip-to-content-link', className), ...rest }, children));
19
19
  });
20
- export default SkipToContentLink;
@@ -126,4 +126,4 @@ export type SliderProps = {
126
126
  * thumbMode='allow-crossing' />
127
127
  */
128
128
  export declare const Slider: PolymorphicForwardRefComponent<"div", SliderProps>;
129
- export default Slider;
129
+ export {};
@@ -223,4 +223,3 @@ export const Slider = React.forwardRef((props, ref) => {
223
223
  tickMarkArea,
224
224
  maxValueLabel && (React.createElement(Box, { as: 'span', ...maxProps, className: cx('iui-slider-max', maxProps?.className) }, maxValueLabel))));
225
225
  });
226
- export default Slider;
@@ -33,4 +33,4 @@ type StatusMessageProps = {
33
33
  * <StatusMessage startIcon={<SvgStar />}>This is the text</StatusMessage>
34
34
  */
35
35
  export declare const StatusMessage: PolymorphicForwardRefComponent<"div", StatusMessageProps>;
36
- export default StatusMessage;
36
+ export {};
@@ -21,4 +21,3 @@ export const StatusMessage = React.forwardRef((props, ref) => {
21
21
  shouldShowIcon ? (React.createElement(Icon, { "aria-hidden": true, ...iconProps }, icon)) : null,
22
22
  React.createElement(Box, { ...contentProps }, children)));
23
23
  });
24
- export default StatusMessage;
@@ -61,4 +61,3 @@ export type StepperProps = {
61
61
  labelCountProps?: React.ComponentProps<'span'>;
62
62
  };
63
63
  export declare const Stepper: PolymorphicForwardRefComponent<"div", StepperProps>;
64
- export default Stepper;
@@ -24,4 +24,3 @@ export const Stepper = React.forwardRef((props, ref) => {
24
24
  React.createElement(Box, { as: 'span', ...labelCountProps, className: cx('iui-stepper-steps-label-count', labelCountProps?.className) }, localization.stepsCountLabel(boundedCurrentStep + 1, steps.length)),
25
25
  steps[boundedCurrentStep].name))));
26
26
  });
27
- export default Stepper;
@@ -12,4 +12,4 @@ type WorkflowDiagramProps = Pick<StepperProps, 'steps'> & {
12
12
  wrapperProps?: React.ComponentProps<'div'>;
13
13
  };
14
14
  export declare const WorkflowDiagram: PolymorphicForwardRefComponent<"ol", WorkflowDiagramProps>;
15
- export default WorkflowDiagram;
15
+ export {};
@@ -16,4 +16,3 @@ export const WorkflowDiagram = React.forwardRef(
16
16
  return (React.createElement(WorkflowDiagramStep, { contentProps: thisContentProps, key: index, title: s.name, description: s.description }));
17
17
  }))));
18
18
  });
19
- export default WorkflowDiagram;
@@ -44,4 +44,4 @@ export declare const Surface: PolymorphicForwardRefComponent<"div", SurfaceProps
44
44
  */
45
45
  Body: PolymorphicForwardRefComponent<"div", SurfaceBodyOwnProps>;
46
46
  };
47
- export default Surface;
47
+ export {};
@@ -89,4 +89,3 @@ export const Surface = Object.assign(React.forwardRef((props, ref) => {
89
89
  Body: SurfaceBody,
90
90
  });
91
91
  const SurfaceContext = React.createContext(undefined);
92
- export default Surface;
@@ -8,4 +8,3 @@ export type SubRowExpanderProps<T extends Record<string, unknown>> = {
8
8
  density?: 'default' | 'condensed' | 'extra-condensed';
9
9
  };
10
10
  export declare const SubRowExpander: <T extends Record<string, unknown>>(props: SubRowExpanderProps<T>) => React.JSX.Element;
11
- export default SubRowExpander;
@@ -16,4 +16,3 @@ export const SubRowExpander = (props) => {
16
16
  transform: cell.row.isExpanded ? 'rotate(90deg)' : undefined,
17
17
  } })))));
18
18
  };
19
- export default SubRowExpander;
@@ -269,4 +269,3 @@ export type TableProps<T extends Record<string, unknown> = Record<string, unknow
269
269
  * />
270
270
  */
271
271
  export declare const Table: <T extends Record<string, unknown> = Record<string, unknown>>(props: TableProps<T>) => JSX.Element;
272
- export default Table;
@@ -3,18 +3,17 @@
3
3
  * See LICENSE.md in the project root for license terms and full copyright notice.
4
4
  *--------------------------------------------------------------------------------------------*/
5
5
  import * as React from 'react';
6
- import * as ReactDOM from 'react-dom';
7
6
  import cx from 'classnames';
8
7
  import { actions as TableActions, useFlexLayout, useFilters, useRowSelect, useSortBy, useTable, useExpanded, usePagination, useColumnOrder, useGlobalFilter, } from 'react-table';
9
8
  import { ProgressRadial } from '../ProgressIndicators/ProgressRadial.js';
10
- import { useGlobals, useResizeObserver, SvgSortDown, SvgSortUp, useIsomorphicLayoutEffect, Box, createWarningLogger, } from '../utils/index.js';
9
+ import { useGlobals, useResizeObserver, SvgSortDown, SvgSortUp, useLayoutEffect, Box, createWarningLogger, ShadowRoot, } from '../utils/index.js';
11
10
  import { getCellStyle, getStickyStyle, getSubRowStyle } from './utils.js';
12
11
  import { TableRowMemoized } from './TableRowMemoized.js';
13
12
  import { FilterToggle } from './filters/index.js';
14
13
  import { customFilterFunctions } from './filters/customFilterFunctions.js';
15
14
  import { useExpanderCell, useSelectionCell, useSubRowFiltering, useSubRowSelection, useResizeColumns, useColumnDragAndDrop, useScrollToRow, useStickyColumns, } from './hooks/index.js';
16
15
  import { onExpandHandler, onFilterHandler, onToggleHandler, onShiftSelectHandler, onSingleSelectHandler, onTableResizeEnd, onTableResizeStart, } from './actionHandlers/index.js';
17
- import VirtualScroll from '../utils/components/VirtualScroll.js';
16
+ import { VirtualScroll } from '../utils/components/VirtualScroll.js';
18
17
  import { SELECTION_CELL_ID } from './columns/index.js';
19
18
  const singleRowSelectedAction = 'singleRowSelected';
20
19
  const shiftRowSelectedAction = 'shiftRowSelected';
@@ -328,7 +327,7 @@ export const Table = (props) => {
328
327
  const [headerScrollWidth, setHeaderScrollWidth] = React.useState(0);
329
328
  const [headerClientWidth, setHeaderClientWidth] = React.useState(0);
330
329
  // Flexbox handles columns resize so we take new column widths before browser repaints.
331
- useIsomorphicLayoutEffect(() => {
330
+ useLayoutEffect(() => {
332
331
  if (state.isTableResizing) {
333
332
  const newColumnWidths = {};
334
333
  flatHeaders.forEach((column) => {
@@ -479,7 +478,7 @@ export const Table = (props) => {
479
478
  updateStickyState();
480
479
  }
481
480
  }, tabIndex: -1, "aria-multiselectable": (isSelectable && selectionMode === 'multi') || undefined },
482
- React.createElement(ShadowTemplate, null,
481
+ React.createElement(ShadowRoot, null,
483
482
  React.createElement("slot", null),
484
483
  rows.length === 0 && headerScrollWidth > headerClientWidth && (React.createElement("div", { "aria-hidden": true, style: {
485
484
  // This ensures that the table-body is always the same width as the table-header,
@@ -501,21 +500,3 @@ export const Table = (props) => {
501
500
  React.createElement("div", null, emptyFilteredTableContent)))),
502
501
  paginatorRenderer?.(paginatorRendererProps))));
503
502
  };
504
- export default Table;
505
- // ----------------------------------------------------------------------------
506
- /**
507
- * Wrapper around `<template>` element that attaches shadow root to its parent
508
- * and moves its children into the shadow root.
509
- */
510
- const ShadowTemplate = ({ children }) => {
511
- const [shadowRoot, setShadowRoot] = React.useState();
512
- const attachShadowRef = React.useCallback((template) => {
513
- const parent = template?.parentElement;
514
- if (!template || !parent || parent.shadowRoot) {
515
- return;
516
- }
517
- setShadowRoot(parent.attachShadow({ mode: 'open' }));
518
- template.remove();
519
- }, []);
520
- return (React.createElement("template", { ref: attachShadowRef }, shadowRoot && ReactDOM.createPortal(children, shadowRoot)));
521
- };
@@ -10,4 +10,3 @@ export type TableCellProps<T extends Record<string, unknown>> = {
10
10
  density?: 'default' | 'condensed' | 'extra-condensed';
11
11
  };
12
12
  export declare const TableCell: <T extends Record<string, unknown>>(props: TableCellProps<T>) => React.JSX.Element;
13
- export default TableCell;
@@ -51,4 +51,3 @@ export const TableCell = (props) => {
51
51
  isDisabled: () => isDisabled,
52
52
  })) : (React.createElement(DefaultCell, { ...cellRendererProps, isDisabled: () => isDisabled }))));
53
53
  };
54
- export default TableCell;
@@ -73,4 +73,3 @@ export type TablePaginatorProps = {
73
73
  * />
74
74
  */
75
75
  export declare const TablePaginator: (props: TablePaginatorProps) => React.JSX.Element | null;
76
- export default TablePaginator;
@@ -154,4 +154,3 @@ export const TablePaginator = (props) => {
154
154
  onPageSizeChange(size);
155
155
  } }, localization.pageSizeLabel(size)))) }, localization.rangeLabel(currentPage * pageSize + 1, Math.min(totalRowsCount, (currentPage + 1) * pageSize), totalRowsCount, isLoading)))))));
156
156
  };
157
- export default TablePaginator;
@@ -26,4 +26,3 @@ export type DefaultCellProps<T extends Record<string, unknown>> = {
26
26
  * }
27
27
  */
28
28
  export declare const DefaultCell: <T extends Record<string, unknown>>(props: DefaultCellProps<T>) => React.JSX.Element;
29
- export default DefaultCell;
@@ -25,4 +25,3 @@ export const DefaultCell = (props) => {
25
25
  children,
26
26
  endIcon && React.createElement(Box, { className: 'iui-table-cell-end-icon' }, endIcon)));
27
27
  };
28
- export default DefaultCell;
@@ -31,4 +31,3 @@ export type EditableCellProps<T extends Record<string, unknown>> = CellRendererP
31
31
  * }
32
32
  */
33
33
  export declare const EditableCell: <T extends Record<string, unknown>>(props: EditableCellProps<T>) => React.JSX.Element;
34
- export default EditableCell;
@@ -57,4 +57,3 @@ export const EditableCell = (props) => {
57
57
  props.onClick?.(e);
58
58
  } }, children));
59
59
  };
60
- export default EditableCell;
@@ -20,5 +20,4 @@ export type DatePickerInputProps = {
20
20
  */
21
21
  localizedNames?: DatePickerLocalizedNames;
22
22
  } & Omit<React.ComponentProps<typeof LabeledInput>, 'value' | 'onChange' | 'svgIcon' | 'displayStyle'>;
23
- declare const DatePickerInput: PolymorphicForwardRefComponent<"input", DatePickerInputProps>;
24
- export default DatePickerInput;
23
+ export declare const DatePickerInput: PolymorphicForwardRefComponent<"input", DatePickerInputProps>;
@@ -9,7 +9,7 @@ import { InputGrid } from '../../../InputGrid/InputGrid.js';
9
9
  import { Label } from '../../../Label/Label.js';
10
10
  import { InputWithDecorations } from '../../../InputWithDecorations/InputWithDecorations.js';
11
11
  import { Popover } from '../../../Popover/Popover.js';
12
- const DatePickerInput = React.forwardRef((props, forwardedRef) => {
12
+ export const DatePickerInput = React.forwardRef((props, forwardedRef) => {
13
13
  const uid = useId();
14
14
  const { onChange, date, parseInput, formatDate, label, required, disabled, isFromOrTo, selectedDate, wrapperProps, labelProps, inputWrapperProps, id = uid, localizedNames, ...rest } = props;
15
15
  const isDateDisabled = (date) => {
@@ -53,4 +53,3 @@ const DatePickerInput = React.forwardRef((props, forwardedRef) => {
53
53
  React.createElement(InputWithDecorations.Button, { "aria-label": 'Date picker', ref: buttonRef },
54
54
  React.createElement(SvgCalendar, null))))));
55
55
  });
56
- export default DatePickerInput;
@@ -6,7 +6,7 @@ import * as React from 'react';
6
6
  import { useGlobals } from '../../../utils/index.js';
7
7
  import { FilterButtonBar } from '../FilterButtonBar.js';
8
8
  import { BaseFilter } from '../BaseFilter.js';
9
- import DatePickerInput from './DatePickerInput.js';
9
+ import { DatePickerInput } from './DatePickerInput.js';
10
10
  const defaultStrings = {
11
11
  from: 'From',
12
12
  to: 'To',
@@ -7,5 +7,3 @@ export type { DefaultCellProps, EditableCellProps } from './cells/index.js';
7
7
  export { TablePaginator } from './TablePaginator.js';
8
8
  export type { TablePaginatorProps } from './TablePaginator.js';
9
9
  export { ActionColumn, ExpanderColumn, SelectionColumn, } from './columns/index.js';
10
- declare const _default: "./Table";
11
- export default _default;
@@ -7,4 +7,3 @@ export { BaseFilter, FilterButtonBar, tableFilters } from './filters/index.js';
7
7
  export { DefaultCell, EditableCell } from './cells/index.js';
8
8
  export { TablePaginator } from './TablePaginator.js';
9
9
  export { ActionColumn, ExpanderColumn, SelectionColumn, } from './columns/index.js';
10
- export default './Table';
@@ -295,4 +295,3 @@ export declare const Tabs: PolymorphicForwardRefComponent<"div", TabsLegacyProps
295
295
  */
296
296
  Panel: PolymorphicForwardRefComponent<"div", TabsPanelOwnProps>;
297
297
  };
298
- export default Tabs;
@@ -4,7 +4,7 @@
4
4
  *--------------------------------------------------------------------------------------------*/
5
5
  import cx from 'classnames';
6
6
  import * as React from 'react';
7
- import { useSafeContext, Box, polymorphic, useIsClient, useIsomorphicLayoutEffect, useMergedRefs, useContainerWidth, ButtonBase, mergeEventHandlers, useControlledState, useId, useLatestRef, } from '../utils/index.js';
7
+ import { useSafeContext, Box, polymorphic, useIsClient, useLayoutEffect, useMergedRefs, useContainerWidth, ButtonBase, mergeEventHandlers, useControlledState, useId, useLatestRef, } from '../utils/index.js';
8
8
  import { Icon } from '../Icon/Icon.js';
9
9
  const TabsWrapper = React.forwardRef((props, ref) => {
10
10
  const { className, children, orientation = 'horizontal', type = 'default', focusActivationMode = 'auto', color = 'blue', defaultValue, value: activeValueProp, onValueChange, ...rest } = props;
@@ -53,27 +53,27 @@ const Tab = React.forwardRef((props, forwardedRef) => {
53
53
  const isActive = activeValue === value;
54
54
  const isActiveRef = useLatestRef(isActive);
55
55
  // Scroll to active tab only on initial render
56
- useIsomorphicLayoutEffect(() => {
56
+ useLayoutEffect(() => {
57
57
  if (isActiveRef.current) {
58
58
  tabRef.current?.parentElement?.scrollTo({
59
59
  [orientation === 'horizontal' ? 'left' : 'top']: tabRef.current?.[orientation === 'horizontal' ? 'offsetLeft' : 'offsetTop'] - 4,
60
60
  behavior: 'instant', // not using 'smooth' to reduce layout shift on page load
61
61
  });
62
62
  }
63
- }, []);
64
- const updateStripe = () => {
65
- const currentTabRect = tabRef.current?.getBoundingClientRect();
66
- setStripeProperties({
67
- '--iui-tabs-stripe-size': orientation === 'horizontal'
68
- ? `${currentTabRect?.width}px`
69
- : `${currentTabRect?.height}px`,
70
- '--iui-tabs-stripe-position': orientation === 'horizontal'
71
- ? `${tabRef.current?.offsetLeft}px`
72
- : `${tabRef.current?.offsetTop}px`,
73
- });
74
- };
63
+ }, [isActiveRef, orientation]);
75
64
  // CSS custom properties to place the active stripe
76
- useIsomorphicLayoutEffect(() => {
65
+ useLayoutEffect(() => {
66
+ const updateStripe = () => {
67
+ const currentTabRect = tabRef.current?.getBoundingClientRect();
68
+ setStripeProperties({
69
+ '--iui-tabs-stripe-size': orientation === 'horizontal'
70
+ ? `${currentTabRect?.width}px`
71
+ : `${currentTabRect?.height}px`,
72
+ '--iui-tabs-stripe-position': orientation === 'horizontal'
73
+ ? `${tabRef.current?.offsetLeft}px`
74
+ : `${tabRef.current?.offsetTop}px`,
75
+ });
76
+ };
77
77
  if (type !== 'default' && isActive) {
78
78
  updateStripe();
79
79
  }
@@ -81,7 +81,8 @@ const Tab = React.forwardRef((props, forwardedRef) => {
81
81
  type,
82
82
  orientation,
83
83
  isActive,
84
- tabsWidth, // to fix visual artifact on initial render
84
+ tabsWidth,
85
+ setStripeProperties,
85
86
  ]);
86
87
  const onKeyDown = (event) => {
87
88
  if (event.altKey) {
@@ -157,7 +158,7 @@ TabLabel.displayName = 'Tabs.TabLabel';
157
158
  const TabDescription = React.forwardRef((props, ref) => {
158
159
  const { className, children, ...rest } = props;
159
160
  const { hasSublabel, setHasSublabel } = useSafeContext(TabsContext);
160
- useIsomorphicLayoutEffect(() => {
161
+ useLayoutEffect(() => {
161
162
  if (!hasSublabel) {
162
163
  setHasSublabel(true);
163
164
  }
@@ -320,7 +321,6 @@ export const Tabs = Object.assign(LegacyTabsComponent, {
320
321
  });
321
322
  const TabsContext = React.createContext(undefined);
322
323
  const TabListContext = React.createContext(undefined);
323
- export default Tabs;
324
324
  // ----------------------------------------------------------------------------
325
325
  /**
326
326
  * This conditionally adds `scrollbar-gutter: stable` only if the content overflows.
@@ -2,22 +2,44 @@ import * as React from 'react';
2
2
  import type { PolymorphicForwardRefComponent } from '../utils/index.js';
3
3
  type TagProps = {
4
4
  /**
5
- * Callback function that handles click on close icon.
6
- * Close icon is shown only when this function is passed.
7
- * Use only with 'default' Tag.
5
+ * Text inside the tag.
6
+ */
7
+ children: React.ReactNode;
8
+ /**
9
+ * Callback invoked when the tag is clicked.
10
+ *
11
+ * When this prop is passed, the tag will be rendered as a button.
12
+ */
13
+ onClick?: React.MouseEventHandler;
14
+ /**
15
+ * Callback function that handles click on the remove ("❌") button.
16
+ * If not passed, the remove button will not be shown.
17
+ *
18
+ * If both `onClick` and `onRemove` are passed, then the tag label (rather than the tag itself)
19
+ * will be rendered as a button, to avoid invalid markup (nested buttons).
8
20
  */
9
21
  onRemove?: React.MouseEventHandler;
10
22
  /**
11
- * Text inside the tag.
23
+ * Props for customizing the remove ("❌") button.
12
24
  */
13
- children: React.ReactNode;
25
+ removeButtonProps?: React.ComponentPropsWithRef<'button'>;
26
+ } & ({
14
27
  /**
15
28
  * Variant of tag.
16
29
  * Basic tags don't have an outline.
17
30
  * @default 'default'
18
31
  */
19
- variant?: 'default' | 'basic';
20
- };
32
+ variant?: 'default';
33
+ /**
34
+ * Props for customizing the label.
35
+ *
36
+ * Only relevant for the 'default' Tag.
37
+ */
38
+ labelProps?: React.ComponentPropsWithRef<'span'>;
39
+ } | {
40
+ variant?: 'basic';
41
+ labelProps?: never;
42
+ });
21
43
  /**
22
44
  * Tag for showing categories, filters etc.
23
45
  * @example
@@ -25,4 +47,4 @@ type TagProps = {
25
47
  * <Tag variant='basic'>Basic tag</Tag>
26
48
  */
27
49
  export declare const Tag: PolymorphicForwardRefComponent<"span", TagProps>;
28
- export default Tag;
50
+ export {};
@@ -4,8 +4,9 @@
4
4
  *--------------------------------------------------------------------------------------------*/
5
5
  import cx from 'classnames';
6
6
  import * as React from 'react';
7
- import { SvgCloseSmall, Box } from '../utils/index.js';
7
+ import { SvgCloseSmall, Box, ButtonBase } from '../utils/index.js';
8
8
  import { IconButton } from '../Buttons/IconButton.js';
9
+ import { LinkAction, LinkBox } from '../LinkAction/LinkAction.js';
9
10
  /**
10
11
  * Tag for showing categories, filters etc.
11
12
  * @example
@@ -13,13 +14,18 @@ import { IconButton } from '../Buttons/IconButton.js';
13
14
  * <Tag variant='basic'>Basic tag</Tag>
14
15
  */
15
16
  export const Tag = React.forwardRef((props, forwardedRef) => {
16
- const { className, variant = 'default', children, onRemove, ...rest } = props;
17
- return (React.createElement(Box, { as: 'span', className: cx({
17
+ const { className, variant = 'default', children, onRemove, onClick, labelProps, removeButtonProps, ...rest } = props;
18
+ // If both onClick and onRemove are passed, we want to render the label as a button
19
+ // to avoid invalid markup (nested buttons). LinkAction ensures that clicking anywhere outside
20
+ // the remove button (including padding) will still trigger the main onClick callback.
21
+ const shouldUseLinkAction = !!onClick && !!onRemove;
22
+ return (React.createElement(Box, { as: shouldUseLinkAction ? LinkBox : !!onClick ? ButtonBase : 'span', className: cx({
18
23
  'iui-tag-basic': variant === 'basic',
19
24
  'iui-tag': variant === 'default',
20
- }, className), ref: forwardedRef, ...rest },
21
- variant === 'default' ? (React.createElement(Box, { as: 'span', className: 'iui-tag-label' }, children)) : (children),
22
- onRemove && (React.createElement(IconButton, { styleType: 'borderless', size: 'small', onClick: onRemove, "aria-label": 'Delete tag', className: 'iui-tag-button' },
25
+ }, className),
26
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any -- ref's type doesn't matter internally
27
+ ref: forwardedRef, onClick: !shouldUseLinkAction ? onClick : undefined, ...rest },
28
+ variant === 'default' ? (React.createElement(Box, { as: (shouldUseLinkAction ? LinkAction : 'span'), onClick: shouldUseLinkAction ? onClick : undefined, ...labelProps, className: cx('iui-tag-label', labelProps?.className) }, children)) : (children),
29
+ onRemove && (React.createElement(IconButton, { styleType: 'borderless', size: 'small', onClick: onRemove, "aria-label": 'Delete tag', ...removeButtonProps, className: cx('iui-tag-button', removeButtonProps?.className) },
23
30
  React.createElement(SvgCloseSmall, { "aria-hidden": true })))));
24
31
  });
25
- export default Tag;
@@ -24,4 +24,4 @@ type TagContainerProps = {
24
24
  * <TagContainer><Tag variant='basic'>Basic tag</Tag><Tag variant='basic'>Basic tag 2</Tag></TagContainer>
25
25
  */
26
26
  export declare const TagContainer: PolymorphicForwardRefComponent<"div", TagContainerProps>;
27
- export default TagContainer;
27
+ export {};
@@ -18,4 +18,3 @@ export const TagContainer = React.forwardRef((props, forwardedRef) => {
18
18
  'iui-visible': background !== 'none',
19
19
  }, className), ref: forwardedRef, ...rest }, children));
20
20
  });
21
- export default TagContainer;
@@ -12,4 +12,3 @@ export type TextareaProps = {
12
12
  * <Textarea disabled={true} placeholder='This is a disabled textarea' />
13
13
  */
14
14
  export declare const Textarea: PolymorphicForwardRefComponent<"textarea", TextareaProps>;
15
- export default Textarea;
@@ -13,4 +13,3 @@ import { Input } from '../Input/Input.js';
13
13
  export const Textarea = React.forwardRef((props, forwardedRef) => {
14
14
  return React.createElement(Input, { as: 'textarea', rows: 3, ref: forwardedRef, ...props });
15
15
  });
16
- export default Textarea;
@@ -104,4 +104,4 @@ type ThemeProviderOwnProps = Pick<RootProps, 'theme'> & {
104
104
  * </ThemeProvider>
105
105
  */
106
106
  export declare const ThemeProvider: PolymorphicForwardRefComponent<"div", ThemeProviderOwnProps>;
107
- export default ThemeProvider;
107
+ export {};
@@ -5,7 +5,7 @@
5
5
  import * as React from 'react';
6
6
  import * as ReactDOM from 'react-dom';
7
7
  import cx from 'classnames';
8
- import { useMediaQuery, useMergedRefs, Box, useIsomorphicLayoutEffect, useControlledState, useLatestRef, importCss, isUnitTest, } from '../utils/index.js';
8
+ import { useMediaQuery, useMergedRefs, Box, useLayoutEffect, useControlledState, useLatestRef, importCss, isUnitTest, } from '../utils/index.js';
9
9
  import { ThemeContext } from './ThemeContext.js';
10
10
  import { ToastProvider, Toaster } from '../Toast/Toaster.js';
11
11
  /**
@@ -64,7 +64,6 @@ export const ThemeProvider = React.forwardRef((props, forwardedRef) => {
64
64
  portaledPortalContainer ? (ReactDOM.createPortal(React.createElement(Toaster, null), portaledPortalContainer)) : (React.createElement("div", { ref: setPortalContainer, style: { display: 'contents' } },
65
65
  React.createElement(Toaster, null)))))));
66
66
  });
67
- export default ThemeProvider;
68
67
  // ----------------------------------------------------------------------------
69
68
  const Root = React.forwardRef((props, forwardedRef) => {
70
69
  const { theme, children, themeOptions, className, ...rest } = props;
@@ -87,7 +86,7 @@ const useParentThemeAndContext = (rootElement) => {
87
86
  const [parentThemeState, setParentTheme] = React.useState(parentContext?.theme);
88
87
  const [parentHighContrastState, setParentHighContrastState] = React.useState(parentContext?.themeOptions?.highContrast);
89
88
  const parentThemeRef = useLatestRef(parentContext?.theme);
90
- useIsomorphicLayoutEffect(() => {
89
+ useLayoutEffect(() => {
91
90
  // bail if we already have theme from context
92
91
  if (parentThemeRef.current) {
93
92
  return;
@@ -126,7 +125,7 @@ const useParentThemeAndContext = (rootElement) => {
126
125
  * dynamically import it (if possible) and fallback to loading it from a CDN.
127
126
  */
128
127
  const FallbackStyles = ({ root }) => {
129
- useIsomorphicLayoutEffect(() => {
128
+ useLayoutEffect(() => {
130
129
  // bail if styles are already loaded
131
130
  if (getComputedStyle(root).getPropertyValue('--_iui-v3-loaded') === 'yes') {
132
131
  return;
@@ -384,4 +384,4 @@ export declare const Tile: PolymorphicForwardRefComponent<"div", TileLegacyProps
384
384
  */
385
385
  Buttons: PolymorphicForwardRefComponent<NonNullable<keyof JSX.IntrinsicElements>, {}>;
386
386
  };
387
- export default Tile;
387
+ export {};
@@ -333,4 +333,3 @@ export const Tile = Object.assign(TileComponent, {
333
333
  */
334
334
  Buttons: TileButtons,
335
335
  });
336
- export default Tile;
@@ -92,4 +92,3 @@ export type TimePickerProps = {
92
92
  * <TimePicker date={new Date()} onChange={(e) => console.log('New time value: ' + e)} />
93
93
  */
94
94
  export declare const TimePicker: PolymorphicForwardRefComponent<"div", TimePickerProps>;
95
- export default TimePicker;
@@ -261,4 +261,3 @@ const TimePickerColumn = (props) => {
261
261
  } }, valueRenderer(value, precision)));
262
262
  }))));
263
263
  };
264
- export default TimePicker;
@@ -76,4 +76,3 @@ export type ToastPresentationProps = Omit<ToastProps, 'duration' | 'id' | 'isVis
76
76
  * @private
77
77
  */
78
78
  export declare const ToastPresentation: PolymorphicForwardRefComponent<"div", ToastPresentationProps>;
79
- export default Toast;
@@ -126,4 +126,3 @@ export const ToastPresentation = React.forwardRef((props, forwardedRef) => {
126
126
  (type === 'persisting' || hasCloseButton) && (React.createElement(IconButton, { size: 'small', styleType: 'borderless', onClick: onClose, "aria-label": 'Close' },
127
127
  React.createElement(SvgCloseSmall, null)))));
128
128
  });
129
- export default Toast;
@@ -43,4 +43,4 @@ type ToggleSwitchProps = {
43
43
  * <ToggleSwitch label='With icon toggle' icon={<svg viewBox='0 0 16 16'><path d='M1 1v14h14V1H1zm13 1.7v10.6L8.7 8 14 2.7zM8 7.3L2.7 2h10.6L8 7.3zm-.7.7L2 13.3V2.7L7.3 8zm.7.7l5.3 5.3H2.7L8 8.7z' /></svg>} />
44
44
  */
45
45
  export declare const ToggleSwitch: PolymorphicForwardRefComponent<"input", ToggleSwitchProps>;
46
- export default ToggleSwitch;
46
+ export {};
@@ -42,4 +42,3 @@ export const ToggleSwitch = React.forwardRef((props, ref) => {
42
42
  icon && size !== 'small' && (React.createElement(Box, { as: 'span', className: 'iui-toggle-switch-icon', "aria-hidden": true }, icon)),
43
43
  label && (React.createElement(Box, { as: 'span', className: 'iui-toggle-switch-label' }, label))));
44
44
  });
45
- export default ToggleSwitch;