@itwin/itwinui-react 3.13.4 → 3.14.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 (612) hide show
  1. package/CHANGELOG.md +45 -0
  2. package/DEV-cjs/core/Alert/Alert.js +125 -72
  3. package/DEV-cjs/core/Avatar/Avatar.js +70 -44
  4. package/DEV-cjs/core/AvatarGroup/AvatarGroup.js +71 -34
  5. package/DEV-cjs/core/Backdrop/Backdrop.js +26 -22
  6. package/DEV-cjs/core/Badge/Badge.js +49 -42
  7. package/DEV-cjs/core/Breadcrumbs/Breadcrumbs.js +164 -85
  8. package/DEV-cjs/core/ButtonGroup/ButtonGroup.js +141 -79
  9. package/DEV-cjs/core/Buttons/Button.js +95 -49
  10. package/DEV-cjs/core/Buttons/DropdownButton.js +53 -35
  11. package/DEV-cjs/core/Buttons/IconButton.js +77 -41
  12. package/DEV-cjs/core/Buttons/IdeasButton.js +30 -26
  13. package/DEV-cjs/core/Buttons/SplitButton.js +90 -56
  14. package/DEV-cjs/core/Carousel/Carousel.js +77 -67
  15. package/DEV-cjs/core/Carousel/CarouselContext.js +10 -10
  16. package/DEV-cjs/core/Carousel/CarouselDot.js +31 -27
  17. package/DEV-cjs/core/Carousel/CarouselDotsList.js +148 -113
  18. package/DEV-cjs/core/Carousel/CarouselNavigation.js +98 -69
  19. package/DEV-cjs/core/Carousel/CarouselSlide.js +51 -42
  20. package/DEV-cjs/core/Carousel/CarouselSlider.js +68 -61
  21. package/DEV-cjs/core/Checkbox/Checkbox.js +96 -54
  22. package/DEV-cjs/core/ColorPicker/ColorBuilder.js +274 -228
  23. package/DEV-cjs/core/ColorPicker/ColorInputPanel.js +398 -366
  24. package/DEV-cjs/core/ColorPicker/ColorPalette.js +56 -36
  25. package/DEV-cjs/core/ColorPicker/ColorPicker.js +88 -69
  26. package/DEV-cjs/core/ColorPicker/ColorPickerContext.js +22 -18
  27. package/DEV-cjs/core/ColorPicker/ColorSwatch.js +50 -33
  28. package/DEV-cjs/core/ComboBox/ComboBox.js +395 -294
  29. package/DEV-cjs/core/ComboBox/ComboBox.types-test.js +87 -80
  30. package/DEV-cjs/core/ComboBox/ComboBoxEndIcon.js +36 -27
  31. package/DEV-cjs/core/ComboBox/ComboBoxInput.js +190 -128
  32. package/DEV-cjs/core/ComboBox/ComboBoxInputContainer.js +40 -28
  33. package/DEV-cjs/core/ComboBox/ComboBoxMenu.js +132 -93
  34. package/DEV-cjs/core/ComboBox/ComboBoxMenuItem.js +75 -34
  35. package/DEV-cjs/core/ComboBox/ComboBoxMultipleContainer.js +18 -18
  36. package/DEV-cjs/core/ComboBox/helpers.js +15 -14
  37. package/DEV-cjs/core/DatePicker/DatePicker.js +556 -353
  38. package/DEV-cjs/core/Dialog/Dialog.js +86 -58
  39. package/DEV-cjs/core/Dialog/DialogBackdrop.js +52 -39
  40. package/DEV-cjs/core/Dialog/DialogButtonBar.js +9 -9
  41. package/DEV-cjs/core/Dialog/DialogContent.js +9 -9
  42. package/DEV-cjs/core/Dialog/DialogContext.js +16 -15
  43. package/DEV-cjs/core/Dialog/DialogDragContext.js +20 -19
  44. package/DEV-cjs/core/Dialog/DialogMain.js +174 -122
  45. package/DEV-cjs/core/Dialog/DialogTitleBar.js +68 -33
  46. package/DEV-cjs/core/Dialog/DialogTitleBarTitle.js +9 -9
  47. package/DEV-cjs/core/Divider/Divider.js +22 -22
  48. package/DEV-cjs/core/DropdownMenu/DropdownMenu.js +63 -37
  49. package/DEV-cjs/core/ExpandableBlock/ExpandableBlock.js +195 -125
  50. package/DEV-cjs/core/Fieldset/Fieldset.js +34 -23
  51. package/DEV-cjs/core/FileUpload/FileEmptyCard.js +43 -24
  52. package/DEV-cjs/core/FileUpload/FileUpload.js +94 -57
  53. package/DEV-cjs/core/FileUpload/FileUploadCard.js +181 -124
  54. package/DEV-cjs/core/FileUpload/FileUploadTemplate.js +63 -35
  55. package/DEV-cjs/core/Flex/Flex.js +78 -77
  56. package/DEV-cjs/core/Footer/Footer.js +119 -85
  57. package/DEV-cjs/core/Footer/FooterItem.js +9 -9
  58. package/DEV-cjs/core/Footer/FooterList.js +9 -9
  59. package/DEV-cjs/core/Footer/FooterSeparator.js +10 -10
  60. package/DEV-cjs/core/Header/Header.js +86 -44
  61. package/DEV-cjs/core/Header/HeaderBasicButton.js +30 -20
  62. package/DEV-cjs/core/Header/HeaderBreadcrumbs.js +59 -36
  63. package/DEV-cjs/core/Header/HeaderButton.js +90 -46
  64. package/DEV-cjs/core/Header/HeaderDropdownButton.js +55 -44
  65. package/DEV-cjs/core/Header/HeaderLogo.js +53 -30
  66. package/DEV-cjs/core/Header/HeaderSplitButton.js +72 -44
  67. package/DEV-cjs/core/Icon/Icon.js +41 -35
  68. package/DEV-cjs/core/InformationPanel/InformationPanel.js +97 -62
  69. package/DEV-cjs/core/InformationPanel/InformationPanelBody.js +9 -9
  70. package/DEV-cjs/core/InformationPanel/InformationPanelContent.js +30 -22
  71. package/DEV-cjs/core/InformationPanel/InformationPanelHeader.js +51 -32
  72. package/DEV-cjs/core/InformationPanel/InformationPanelWrapper.js +12 -10
  73. package/DEV-cjs/core/Input/Input.js +26 -26
  74. package/DEV-cjs/core/InputGrid/InputGrid.js +151 -117
  75. package/DEV-cjs/core/InputGroup/InputGroup.js +85 -48
  76. package/DEV-cjs/core/InputWithDecorations/InputWithDecorations.js +60 -44
  77. package/DEV-cjs/core/Label/Label.js +40 -25
  78. package/DEV-cjs/core/LabeledInput/LabeledInput.js +86 -42
  79. package/DEV-cjs/core/LabeledSelect/LabeledSelect.js +71 -39
  80. package/DEV-cjs/core/LabeledSelect/LabeledSelect.types-test.js +100 -81
  81. package/DEV-cjs/core/LabeledTextarea/LabeledTextarea.js +19 -17
  82. package/DEV-cjs/core/LinkAction/LinkAction.js +27 -26
  83. package/DEV-cjs/core/List/List.js +11 -11
  84. package/DEV-cjs/core/List/ListItem.js +42 -34
  85. package/DEV-cjs/core/Menu/Menu.js +213 -127
  86. package/DEV-cjs/core/Menu/MenuDivider.js +11 -11
  87. package/DEV-cjs/core/Menu/MenuExtraContent.js +10 -10
  88. package/DEV-cjs/core/Menu/MenuItem.js +139 -76
  89. package/DEV-cjs/core/Menu/MenuItemSkeleton.js +65 -40
  90. package/DEV-cjs/core/Modal/Modal.js +54 -31
  91. package/DEV-cjs/core/Modal/ModalButtonBar.js +9 -9
  92. package/DEV-cjs/core/Modal/ModalContent.js +9 -9
  93. package/DEV-cjs/core/NonIdealState/ErrorPage.js +208 -127
  94. package/DEV-cjs/core/NonIdealState/NonIdealState.js +84 -35
  95. package/DEV-cjs/core/NotificationMarker/NotificationMarker.js +39 -25
  96. package/DEV-cjs/core/Overlay/Overlay.js +55 -41
  97. package/DEV-cjs/core/Popover/Popover.js +302 -193
  98. package/DEV-cjs/core/ProgressIndicators/ProgressLinear.js +70 -33
  99. package/DEV-cjs/core/ProgressIndicators/ProgressRadial.js +67 -40
  100. package/DEV-cjs/core/Radio/Radio.js +66 -38
  101. package/DEV-cjs/core/RadioTiles/RadioTile.js +88 -43
  102. package/DEV-cjs/core/RadioTiles/RadioTileGroup.js +29 -21
  103. package/DEV-cjs/core/SearchBox/SearchBox.js +203 -130
  104. package/DEV-cjs/core/Select/Select.js +457 -274
  105. package/DEV-cjs/core/Select/Select.types-test.js +112 -87
  106. package/DEV-cjs/core/Select/SelectTag.js +32 -24
  107. package/DEV-cjs/core/Select/SelectTagContainer.js +38 -25
  108. package/DEV-cjs/core/SideNavigation/SideNavigation.js +132 -64
  109. package/DEV-cjs/core/SideNavigation/SidenavButton.js +55 -33
  110. package/DEV-cjs/core/SideNavigation/SidenavSubmenu.js +33 -22
  111. package/DEV-cjs/core/SideNavigation/SidenavSubmenuHeader.js +41 -24
  112. package/DEV-cjs/core/SkipToContentLink/SkipToContentLink.js +28 -21
  113. package/DEV-cjs/core/Slider/Slider.js +352 -259
  114. package/DEV-cjs/core/Slider/Thumb.js +111 -98
  115. package/DEV-cjs/core/Slider/Track.js +93 -61
  116. package/DEV-cjs/core/StatusMessage/StatusMessage.js +46 -27
  117. package/DEV-cjs/core/Stepper/Stepper.js +86 -44
  118. package/DEV-cjs/core/Stepper/StepperStep.js +113 -59
  119. package/DEV-cjs/core/Stepper/WorkflowDiagram.js +37 -29
  120. package/DEV-cjs/core/Stepper/WorkflowDiagramStep.js +48 -28
  121. package/DEV-cjs/core/Surface/Surface.js +98 -76
  122. package/DEV-cjs/core/Table/ColumnHeader.js +194 -0
  123. package/DEV-cjs/core/Table/SubRowExpander.js +45 -34
  124. package/DEV-cjs/core/Table/Table.js +687 -510
  125. package/DEV-cjs/core/Table/TableCell.js +104 -61
  126. package/DEV-cjs/core/Table/TablePaginator.js +314 -178
  127. package/DEV-cjs/core/Table/TableRowMemoized.js +183 -90
  128. package/DEV-cjs/core/Table/actionHandlers/expandHandler.js +18 -18
  129. package/DEV-cjs/core/Table/actionHandlers/filterHandler.js +31 -23
  130. package/DEV-cjs/core/Table/actionHandlers/index.js +32 -31
  131. package/DEV-cjs/core/Table/actionHandlers/resizeHandler.js +26 -25
  132. package/DEV-cjs/core/Table/actionHandlers/selectHandler.js +124 -88
  133. package/DEV-cjs/core/Table/cells/DefaultCell.js +93 -44
  134. package/DEV-cjs/core/Table/cells/EditableCell.js +85 -63
  135. package/DEV-cjs/core/Table/cells/index.js +15 -14
  136. package/DEV-cjs/core/Table/columns/actionColumn.js +100 -78
  137. package/DEV-cjs/core/Table/columns/expanderColumn.js +56 -49
  138. package/DEV-cjs/core/Table/columns/index.js +25 -24
  139. package/DEV-cjs/core/Table/columns/selectionColumn.js +79 -58
  140. package/DEV-cjs/core/Table/filters/BaseFilter.js +31 -25
  141. package/DEV-cjs/core/Table/filters/DateRangeFilter/DatePickerInput.js +108 -72
  142. package/DEV-cjs/core/Table/filters/DateRangeFilter/DateRangeFilter.js +115 -91
  143. package/DEV-cjs/core/Table/filters/FilterButtonBar.js +56 -33
  144. package/DEV-cjs/core/Table/filters/FilterToggle.js +71 -54
  145. package/DEV-cjs/core/Table/filters/NumberRangeFilter/NumberRangeFilter.js +56 -60
  146. package/DEV-cjs/core/Table/filters/TextFilter/TextFilter.js +38 -36
  147. package/DEV-cjs/core/Table/filters/customFilterFunctions.js +26 -20
  148. package/DEV-cjs/core/Table/filters/defaultFilterFunctions.js +119 -77
  149. package/DEV-cjs/core/Table/filters/index.js +23 -22
  150. package/DEV-cjs/core/Table/filters/tableFilters.js +28 -25
  151. package/DEV-cjs/core/Table/filters/types.js +3 -3
  152. package/DEV-cjs/core/Table/hooks/index.js +39 -38
  153. package/DEV-cjs/core/Table/hooks/useColumnDragAndDrop.js +118 -101
  154. package/DEV-cjs/core/Table/hooks/useExpanderCell.js +39 -29
  155. package/DEV-cjs/core/Table/hooks/useResizeColumns.js +346 -248
  156. package/DEV-cjs/core/Table/hooks/useScrollToRow.js +42 -38
  157. package/DEV-cjs/core/Table/hooks/useSelectionCell.js +26 -19
  158. package/DEV-cjs/core/Table/hooks/useStickyColumns.js +55 -47
  159. package/DEV-cjs/core/Table/hooks/useSubRowFiltering.js +89 -86
  160. package/DEV-cjs/core/Table/hooks/useSubRowSelection.js +39 -39
  161. package/DEV-cjs/core/Table/index.js +42 -41
  162. package/DEV-cjs/core/Table/utils.js +66 -64
  163. package/DEV-cjs/core/Tabs/Tabs.js +388 -260
  164. package/DEV-cjs/core/Tag/Tag.js +80 -42
  165. package/DEV-cjs/core/Tag/TagContainer.js +31 -23
  166. package/DEV-cjs/core/Textarea/Textarea.js +19 -17
  167. package/DEV-cjs/core/ThemeProvider/ThemeContext.js +10 -10
  168. package/DEV-cjs/core/ThemeProvider/ThemeProvider.js +276 -172
  169. package/DEV-cjs/core/Tile/Tile.js +310 -173
  170. package/DEV-cjs/core/TimePicker/TimePicker.js +451 -263
  171. package/DEV-cjs/core/Toast/Toast.js +226 -157
  172. package/DEV-cjs/core/Toast/Toaster.js +142 -118
  173. package/DEV-cjs/core/ToggleSwitch/ToggleSwitch.js +76 -42
  174. package/DEV-cjs/core/Tooltip/Tooltip.js +221 -170
  175. package/DEV-cjs/core/TransferList/TransferList.js +171 -132
  176. package/DEV-cjs/core/Tree/Tree.js +226 -180
  177. package/DEV-cjs/core/Tree/TreeContext.js +20 -18
  178. package/DEV-cjs/core/Tree/TreeNode.js +254 -143
  179. package/DEV-cjs/core/Tree/TreeNodeExpander.js +40 -31
  180. package/DEV-cjs/core/Typography/Anchor.js +41 -27
  181. package/DEV-cjs/core/Typography/Blockquote.js +26 -21
  182. package/DEV-cjs/core/Typography/Code.js +9 -9
  183. package/DEV-cjs/core/Typography/Kbd.js +43 -38
  184. package/DEV-cjs/core/Typography/Text.js +45 -31
  185. package/DEV-cjs/core/VisuallyHidden/VisuallyHidden.js +47 -30
  186. package/DEV-cjs/index.js +475 -474
  187. package/DEV-cjs/package.json +1 -0
  188. package/DEV-cjs/react-table/react-table.js +3 -3
  189. package/DEV-cjs/react-table/react-table.types-test.js +628 -476
  190. package/DEV-cjs/styles.js +17 -1
  191. package/DEV-cjs/utils/color/ColorValue.js +429 -323
  192. package/DEV-cjs/utils/color/index.js +5 -5
  193. package/DEV-cjs/utils/components/AutoclearingHiddenLiveRegion.js +31 -26
  194. package/DEV-cjs/utils/components/Box.js +9 -9
  195. package/DEV-cjs/utils/components/ButtonBase.js +41 -35
  196. package/DEV-cjs/utils/components/FieldsetBase.js +9 -9
  197. package/DEV-cjs/utils/components/FocusTrap.js +48 -45
  198. package/DEV-cjs/utils/components/InputContainer.js +67 -34
  199. package/DEV-cjs/utils/components/InputFlexContainer.js +63 -49
  200. package/DEV-cjs/utils/components/InputWithIcon.js +9 -9
  201. package/DEV-cjs/utils/components/LineClamp.js +33 -24
  202. package/DEV-cjs/utils/components/MiddleTextTruncation.js +37 -33
  203. package/DEV-cjs/utils/components/Portal.js +35 -32
  204. package/DEV-cjs/utils/components/Resizer.js +221 -185
  205. package/DEV-cjs/utils/components/ShadowRoot.js +85 -69
  206. package/DEV-cjs/utils/components/WithCSSTransition.js +57 -50
  207. package/DEV-cjs/utils/components/index.js +18 -18
  208. package/DEV-cjs/utils/functions/colors.js +37 -35
  209. package/DEV-cjs/utils/functions/date.js +15 -15
  210. package/DEV-cjs/utils/functions/dev.js +25 -19
  211. package/DEV-cjs/utils/functions/dom.js +39 -39
  212. package/DEV-cjs/utils/functions/focusable.js +81 -63
  213. package/DEV-cjs/utils/functions/import.js +28 -22
  214. package/DEV-cjs/utils/functions/index.js +14 -14
  215. package/DEV-cjs/utils/functions/numbers.js +26 -24
  216. package/DEV-cjs/utils/functions/polymorphic.js +56 -43
  217. package/DEV-cjs/utils/functions/react.js +25 -23
  218. package/DEV-cjs/utils/functions/supports.js +11 -10
  219. package/DEV-cjs/utils/hooks/index.js +20 -20
  220. package/DEV-cjs/utils/hooks/useContainerWidth.js +31 -26
  221. package/DEV-cjs/utils/hooks/useControlledState.js +28 -27
  222. package/DEV-cjs/utils/hooks/useDragAndDrop.js +112 -88
  223. package/DEV-cjs/utils/hooks/useEventListener.js +23 -28
  224. package/DEV-cjs/utils/hooks/useGlobals.js +46 -40
  225. package/DEV-cjs/utils/hooks/useId.js +17 -17
  226. package/DEV-cjs/utils/hooks/useIntersection.js +38 -38
  227. package/DEV-cjs/utils/hooks/useIsClient.js +16 -16
  228. package/DEV-cjs/utils/hooks/useIsomorphicLayoutEffect.js +12 -11
  229. package/DEV-cjs/utils/hooks/useLatestRef.js +16 -18
  230. package/DEV-cjs/utils/hooks/useMediaQuery.js +32 -23
  231. package/DEV-cjs/utils/hooks/useMergedRefs.js +25 -23
  232. package/DEV-cjs/utils/hooks/useOverflow.js +68 -72
  233. package/DEV-cjs/utils/hooks/useResizeObserver.js +31 -33
  234. package/DEV-cjs/utils/hooks/useSafeContext.js +15 -14
  235. package/DEV-cjs/utils/hooks/useSyncExternalStore.js +37 -40
  236. package/DEV-cjs/utils/hooks/useVirtualScroll.js +42 -40
  237. package/DEV-cjs/utils/icons/StatusIconMap.js +34 -30
  238. package/DEV-cjs/utils/icons/Svg.js +12 -12
  239. package/DEV-cjs/utils/icons/SvgCalendar.js +19 -14
  240. package/DEV-cjs/utils/icons/SvgCaretDownSmall.js +19 -14
  241. package/DEV-cjs/utils/icons/SvgCaretRightSmall.js +19 -14
  242. package/DEV-cjs/utils/icons/SvgCaretUpSmall.js +19 -14
  243. package/DEV-cjs/utils/icons/SvgCheckmark.js +19 -14
  244. package/DEV-cjs/utils/icons/SvgCheckmarkSmall.js +19 -14
  245. package/DEV-cjs/utils/icons/SvgChevronLeft.js +19 -14
  246. package/DEV-cjs/utils/icons/SvgChevronLeftDouble.js +19 -14
  247. package/DEV-cjs/utils/icons/SvgChevronRight.js +19 -14
  248. package/DEV-cjs/utils/icons/SvgChevronRightDouble.js +19 -14
  249. package/DEV-cjs/utils/icons/SvgChevronRightSmall.js +19 -14
  250. package/DEV-cjs/utils/icons/SvgClose.js +19 -14
  251. package/DEV-cjs/utils/icons/SvgCloseSmall.js +19 -14
  252. package/DEV-cjs/utils/icons/SvgColumnManager.js +19 -14
  253. package/DEV-cjs/utils/icons/SvgDocument.js +19 -14
  254. package/DEV-cjs/utils/icons/SvgFilter.js +19 -14
  255. package/DEV-cjs/utils/icons/SvgFilterHollow.js +19 -14
  256. package/DEV-cjs/utils/icons/SvgImportantSmall.js +19 -14
  257. package/DEV-cjs/utils/icons/SvgInfoCircular.js +19 -14
  258. package/DEV-cjs/utils/icons/SvgMore.js +19 -14
  259. package/DEV-cjs/utils/icons/SvgMoreVertical.js +19 -14
  260. package/DEV-cjs/utils/icons/SvgNew.js +19 -14
  261. package/DEV-cjs/utils/icons/SvgSearch.js +19 -14
  262. package/DEV-cjs/utils/icons/SvgSmileyHappy.js +19 -14
  263. package/DEV-cjs/utils/icons/SvgSortDown.js +19 -14
  264. package/DEV-cjs/utils/icons/SvgSortUp.js +19 -14
  265. package/DEV-cjs/utils/icons/SvgStatusError.js +19 -14
  266. package/DEV-cjs/utils/icons/SvgStatusSuccess.js +19 -14
  267. package/DEV-cjs/utils/icons/SvgStatusWarning.js +19 -14
  268. package/DEV-cjs/utils/icons/SvgSwap.js +19 -14
  269. package/DEV-cjs/utils/icons/SvgUpload.js +19 -14
  270. package/DEV-cjs/utils/icons/index.js +36 -36
  271. package/DEV-cjs/utils/index.js +12 -12
  272. package/DEV-cjs/utils/meta.js +11 -11
  273. package/DEV-cjs/utils/props.js +3 -3
  274. package/DEV-cjs/utils/providers/HydrationProvider.js +47 -35
  275. package/DEV-cjs/utils/providers/ScopeProvider.js +55 -53
  276. package/DEV-cjs/utils/providers/index.js +6 -6
  277. package/DEV-cjs/utils/types.js +3 -3
  278. package/DEV-esm/core/Alert/Alert.js +112 -57
  279. package/DEV-esm/core/Avatar/Avatar.js +45 -26
  280. package/DEV-esm/core/AvatarGroup/AvatarGroup.js +58 -21
  281. package/DEV-esm/core/Backdrop/Backdrop.js +13 -9
  282. package/DEV-esm/core/Badge/Badge.js +34 -29
  283. package/DEV-esm/core/Breadcrumbs/Breadcrumbs.js +150 -71
  284. package/DEV-esm/core/ButtonGroup/ButtonGroup.js +127 -62
  285. package/DEV-esm/core/Buttons/Button.js +71 -34
  286. package/DEV-esm/core/Buttons/DropdownButton.js +38 -20
  287. package/DEV-esm/core/Buttons/IconButton.js +54 -25
  288. package/DEV-esm/core/Buttons/IdeasButton.js +16 -12
  289. package/DEV-esm/core/Buttons/SplitButton.js +80 -41
  290. package/DEV-esm/core/Carousel/Carousel.js +58 -48
  291. package/DEV-esm/core/Carousel/CarouselDot.js +18 -14
  292. package/DEV-esm/core/Carousel/CarouselDotsList.js +134 -98
  293. package/DEV-esm/core/Carousel/CarouselNavigation.js +82 -53
  294. package/DEV-esm/core/Carousel/CarouselSlide.js +40 -29
  295. package/DEV-esm/core/Carousel/CarouselSlider.js +59 -48
  296. package/DEV-esm/core/Checkbox/Checkbox.js +79 -40
  297. package/DEV-esm/core/ColorPicker/ColorBuilder.js +263 -214
  298. package/DEV-esm/core/ColorPicker/ColorInputPanel.js +382 -350
  299. package/DEV-esm/core/ColorPicker/ColorPalette.js +37 -20
  300. package/DEV-esm/core/ColorPicker/ColorPicker.js +69 -51
  301. package/DEV-esm/core/ColorPicker/ColorPickerContext.js +7 -4
  302. package/DEV-esm/core/ColorPicker/ColorSwatch.js +29 -18
  303. package/DEV-esm/core/ComboBox/ComboBox.js +382 -274
  304. package/DEV-esm/core/ComboBox/ComboBox.types-test.js +82 -75
  305. package/DEV-esm/core/ComboBox/ComboBoxEndIcon.js +22 -13
  306. package/DEV-esm/core/ComboBox/ComboBoxInput.js +170 -114
  307. package/DEV-esm/core/ComboBox/ComboBoxInputContainer.js +29 -11
  308. package/DEV-esm/core/ComboBox/ComboBoxMenu.js +121 -79
  309. package/DEV-esm/core/ComboBox/ComboBoxMenuItem.js +65 -22
  310. package/DEV-esm/core/ComboBox/ComboBoxMultipleContainer.js +7 -7
  311. package/DEV-esm/core/DatePicker/DatePicker.js +527 -335
  312. package/DEV-esm/core/Dialog/Dialog.js +66 -38
  313. package/DEV-esm/core/Dialog/DialogBackdrop.js +37 -24
  314. package/DEV-esm/core/Dialog/DialogContext.js +1 -1
  315. package/DEV-esm/core/Dialog/DialogDragContext.js +5 -5
  316. package/DEV-esm/core/Dialog/DialogMain.js +166 -106
  317. package/DEV-esm/core/Dialog/DialogTitleBar.js +43 -15
  318. package/DEV-esm/core/Divider/Divider.js +9 -9
  319. package/DEV-esm/core/DropdownMenu/DropdownMenu.js +50 -24
  320. package/DEV-esm/core/ExpandableBlock/ExpandableBlock.js +177 -110
  321. package/DEV-esm/core/Fieldset/Fieldset.js +21 -10
  322. package/DEV-esm/core/FileUpload/FileEmptyCard.js +25 -10
  323. package/DEV-esm/core/FileUpload/FileUpload.js +66 -44
  324. package/DEV-esm/core/FileUpload/FileUploadCard.js +163 -105
  325. package/DEV-esm/core/FileUpload/FileUploadTemplate.js +46 -21
  326. package/DEV-esm/core/Flex/Flex.js +65 -64
  327. package/DEV-esm/core/Footer/Footer.js +96 -64
  328. package/DEV-esm/core/Footer/FooterSeparator.js +1 -1
  329. package/DEV-esm/core/Header/Header.js +71 -29
  330. package/DEV-esm/core/Header/HeaderBasicButton.js +14 -7
  331. package/DEV-esm/core/Header/HeaderBreadcrumbs.js +39 -23
  332. package/DEV-esm/core/Header/HeaderButton.js +70 -32
  333. package/DEV-esm/core/Header/HeaderDropdownButton.js +41 -29
  334. package/DEV-esm/core/Header/HeaderLogo.js +40 -17
  335. package/DEV-esm/core/Header/HeaderSplitButton.js +60 -30
  336. package/DEV-esm/core/Icon/Icon.js +28 -22
  337. package/DEV-esm/core/InformationPanel/InformationPanel.js +84 -49
  338. package/DEV-esm/core/InformationPanel/InformationPanelContent.js +18 -8
  339. package/DEV-esm/core/InformationPanel/InformationPanelHeader.js +37 -16
  340. package/DEV-esm/core/InformationPanel/InformationPanelWrapper.js +3 -1
  341. package/DEV-esm/core/Input/Input.js +13 -13
  342. package/DEV-esm/core/InputGrid/InputGrid.js +128 -98
  343. package/DEV-esm/core/InputGroup/InputGroup.js +66 -32
  344. package/DEV-esm/core/InputWithDecorations/InputWithDecorations.js +59 -34
  345. package/DEV-esm/core/Label/Label.js +27 -12
  346. package/DEV-esm/core/LabeledInput/LabeledInput.js +65 -24
  347. package/DEV-esm/core/LabeledSelect/LabeledSelect.js +57 -25
  348. package/DEV-esm/core/LabeledSelect/LabeledSelect.types-test.js +95 -76
  349. package/DEV-esm/core/LabeledTextarea/LabeledTextarea.js +8 -6
  350. package/DEV-esm/core/LinkAction/LinkAction.js +8 -8
  351. package/DEV-esm/core/List/List.js +2 -2
  352. package/DEV-esm/core/List/ListItem.js +28 -20
  353. package/DEV-esm/core/Menu/Menu.js +207 -111
  354. package/DEV-esm/core/Menu/MenuDivider.js +2 -2
  355. package/DEV-esm/core/Menu/MenuExtraContent.js +1 -1
  356. package/DEV-esm/core/Menu/MenuItem.js +129 -62
  357. package/DEV-esm/core/Menu/MenuItemSkeleton.js +47 -26
  358. package/DEV-esm/core/Modal/Modal.js +43 -20
  359. package/DEV-esm/core/NonIdealState/ErrorPage.js +159 -114
  360. package/DEV-esm/core/NonIdealState/NonIdealState.js +65 -22
  361. package/DEV-esm/core/NotificationMarker/NotificationMarker.js +26 -12
  362. package/DEV-esm/core/Overlay/Overlay.js +44 -30
  363. package/DEV-esm/core/Popover/Popover.js +306 -172
  364. package/DEV-esm/core/ProgressIndicators/ProgressLinear.js +52 -19
  365. package/DEV-esm/core/ProgressIndicators/ProgressRadial.js +52 -27
  366. package/DEV-esm/core/Radio/Radio.js +50 -25
  367. package/DEV-esm/core/RadioTiles/RadioTile.js +63 -30
  368. package/DEV-esm/core/RadioTiles/RadioTileGroup.js +17 -9
  369. package/DEV-esm/core/SearchBox/SearchBox.js +200 -118
  370. package/DEV-esm/core/Select/Select.js +434 -256
  371. package/DEV-esm/core/Select/Select.types-test.js +107 -82
  372. package/DEV-esm/core/Select/SelectTag.js +19 -11
  373. package/DEV-esm/core/Select/SelectTagContainer.js +21 -11
  374. package/DEV-esm/core/SideNavigation/SideNavigation.js +103 -46
  375. package/DEV-esm/core/SideNavigation/SidenavButton.js +39 -18
  376. package/DEV-esm/core/SideNavigation/SidenavSubmenu.js +17 -9
  377. package/DEV-esm/core/SideNavigation/SidenavSubmenuHeader.js +25 -11
  378. package/DEV-esm/core/SkipToContentLink/SkipToContentLink.js +12 -8
  379. package/DEV-esm/core/Slider/Slider.js +317 -244
  380. package/DEV-esm/core/Slider/Thumb.js +97 -84
  381. package/DEV-esm/core/Slider/Track.js +77 -48
  382. package/DEV-esm/core/StatusMessage/StatusMessage.js +32 -13
  383. package/DEV-esm/core/Stepper/Stepper.js +69 -30
  384. package/DEV-esm/core/Stepper/StepperStep.js +93 -45
  385. package/DEV-esm/core/Stepper/WorkflowDiagram.js +23 -15
  386. package/DEV-esm/core/Stepper/WorkflowDiagramStep.js +28 -14
  387. package/DEV-esm/core/Surface/Surface.js +85 -63
  388. package/DEV-esm/core/Table/ColumnHeader.js +188 -0
  389. package/DEV-esm/core/Table/SubRowExpander.js +33 -22
  390. package/DEV-esm/core/Table/Table.js +694 -490
  391. package/DEV-esm/core/Table/TableCell.js +80 -44
  392. package/DEV-esm/core/Table/TablePaginator.js +305 -161
  393. package/DEV-esm/core/Table/TableRowMemoized.js +167 -73
  394. package/DEV-esm/core/Table/actionHandlers/expandHandler.js +10 -10
  395. package/DEV-esm/core/Table/actionHandlers/filterHandler.js +23 -15
  396. package/DEV-esm/core/Table/actionHandlers/index.js +5 -1
  397. package/DEV-esm/core/Table/actionHandlers/resizeHandler.js +14 -14
  398. package/DEV-esm/core/Table/actionHandlers/selectHandler.js +108 -73
  399. package/DEV-esm/core/Table/cells/DefaultCell.js +79 -30
  400. package/DEV-esm/core/Table/cells/EditableCell.js +70 -50
  401. package/DEV-esm/core/Table/columns/actionColumn.js +81 -59
  402. package/DEV-esm/core/Table/columns/expanderColumn.js +38 -32
  403. package/DEV-esm/core/Table/columns/selectionColumn.js +62 -42
  404. package/DEV-esm/core/Table/filters/BaseFilter.js +16 -13
  405. package/DEV-esm/core/Table/filters/DateRangeFilter/DatePickerInput.js +92 -56
  406. package/DEV-esm/core/Table/filters/DateRangeFilter/DateRangeFilter.js +101 -77
  407. package/DEV-esm/core/Table/filters/FilterButtonBar.js +42 -19
  408. package/DEV-esm/core/Table/filters/FilterToggle.js +58 -40
  409. package/DEV-esm/core/Table/filters/NumberRangeFilter/NumberRangeFilter.js +42 -46
  410. package/DEV-esm/core/Table/filters/TextFilter/TextFilter.js +24 -22
  411. package/DEV-esm/core/Table/filters/customFilterFunctions.js +18 -12
  412. package/DEV-esm/core/Table/filters/defaultFilterFunctions.js +111 -69
  413. package/DEV-esm/core/Table/filters/tableFilters.js +15 -12
  414. package/DEV-esm/core/Table/filters/types.js +1 -1
  415. package/DEV-esm/core/Table/hooks/useColumnDragAndDrop.js +100 -91
  416. package/DEV-esm/core/Table/hooks/useExpanderCell.js +26 -18
  417. package/DEV-esm/core/Table/hooks/useResizeColumns.js +333 -238
  418. package/DEV-esm/core/Table/hooks/useScrollToRow.js +32 -28
  419. package/DEV-esm/core/Table/hooks/useSelectionCell.js +17 -10
  420. package/DEV-esm/core/Table/hooks/useStickyColumns.js +46 -38
  421. package/DEV-esm/core/Table/hooks/useSubRowFiltering.js +78 -75
  422. package/DEV-esm/core/Table/hooks/useSubRowSelection.js +29 -29
  423. package/DEV-esm/core/Table/index.js +5 -1
  424. package/DEV-esm/core/Table/utils.js +45 -44
  425. package/DEV-esm/core/Tabs/Tabs.js +372 -243
  426. package/DEV-esm/core/Tag/Tag.js +55 -27
  427. package/DEV-esm/core/Tag/TagContainer.js +18 -10
  428. package/DEV-esm/core/Textarea/Textarea.js +8 -6
  429. package/DEV-esm/core/ThemeProvider/ThemeProvider.js +258 -155
  430. package/DEV-esm/core/Tile/Tile.js +286 -157
  431. package/DEV-esm/core/TimePicker/TimePicker.js +438 -250
  432. package/DEV-esm/core/Toast/Toast.js +199 -138
  433. package/DEV-esm/core/Toast/Toaster.js +114 -94
  434. package/DEV-esm/core/ToggleSwitch/ToggleSwitch.js +60 -29
  435. package/DEV-esm/core/Tooltip/Tooltip.js +229 -159
  436. package/DEV-esm/core/TransferList/TransferList.js +146 -112
  437. package/DEV-esm/core/Tree/Tree.js +226 -175
  438. package/DEV-esm/core/Tree/TreeContext.js +5 -4
  439. package/DEV-esm/core/Tree/TreeNode.js +226 -129
  440. package/DEV-esm/core/Tree/TreeNodeExpander.js +24 -16
  441. package/DEV-esm/core/Typography/Anchor.js +22 -12
  442. package/DEV-esm/core/Typography/Blockquote.js +13 -8
  443. package/DEV-esm/core/Typography/Kbd.js +25 -21
  444. package/DEV-esm/core/Typography/Text.js +27 -14
  445. package/DEV-esm/core/VisuallyHidden/VisuallyHidden.js +34 -17
  446. package/DEV-esm/index.js +21 -3
  447. package/DEV-esm/react-table/react-table.js +1 -1
  448. package/DEV-esm/react-table/react-table.types-test.js +635 -471
  449. package/DEV-esm/styles.js +7 -10
  450. package/DEV-esm/utils/color/ColorValue.js +406 -304
  451. package/DEV-esm/utils/components/AutoclearingHiddenLiveRegion.js +16 -14
  452. package/DEV-esm/utils/components/ButtonBase.js +27 -21
  453. package/DEV-esm/utils/components/FocusTrap.js +36 -33
  454. package/DEV-esm/utils/components/InputContainer.js +52 -19
  455. package/DEV-esm/utils/components/InputFlexContainer.js +31 -27
  456. package/DEV-esm/utils/components/LineClamp.js +21 -12
  457. package/DEV-esm/utils/components/MiddleTextTruncation.js +26 -22
  458. package/DEV-esm/utils/components/Portal.js +11 -11
  459. package/DEV-esm/utils/components/Resizer.js +215 -175
  460. package/DEV-esm/utils/components/ShadowRoot.js +72 -56
  461. package/DEV-esm/utils/components/WithCSSTransition.js +45 -38
  462. package/DEV-esm/utils/functions/colors.js +21 -20
  463. package/DEV-esm/utils/functions/date.js +7 -7
  464. package/DEV-esm/utils/functions/dev.js +12 -7
  465. package/DEV-esm/utils/functions/dom.js +18 -18
  466. package/DEV-esm/utils/functions/focusable.js +62 -45
  467. package/DEV-esm/utils/functions/import.js +20 -14
  468. package/DEV-esm/utils/functions/numbers.js +11 -9
  469. package/DEV-esm/utils/functions/polymorphic.js +42 -29
  470. package/DEV-esm/utils/functions/react.js +14 -12
  471. package/DEV-esm/utils/functions/supports.js +2 -1
  472. package/DEV-esm/utils/hooks/useContainerWidth.js +14 -14
  473. package/DEV-esm/utils/hooks/useControlledState.js +18 -17
  474. package/DEV-esm/utils/hooks/useDragAndDrop.js +100 -76
  475. package/DEV-esm/utils/hooks/useEventListener.js +13 -18
  476. package/DEV-esm/utils/hooks/useGlobals.js +29 -24
  477. package/DEV-esm/utils/hooks/useId.js +5 -6
  478. package/DEV-esm/utils/hooks/useIntersection.js +27 -27
  479. package/DEV-esm/utils/hooks/useIsClient.js +6 -6
  480. package/DEV-esm/utils/hooks/useIsomorphicLayoutEffect.js +2 -1
  481. package/DEV-esm/utils/hooks/useLatestRef.js +6 -8
  482. package/DEV-esm/utils/hooks/useMediaQuery.js +17 -12
  483. package/DEV-esm/utils/hooks/useMergedRefs.js +10 -9
  484. package/DEV-esm/utils/hooks/useOverflow.js +57 -59
  485. package/DEV-esm/utils/hooks/useResizeObserver.js +20 -22
  486. package/DEV-esm/utils/hooks/useSafeContext.js +5 -4
  487. package/DEV-esm/utils/hooks/useSyncExternalStore.js +27 -30
  488. package/DEV-esm/utils/hooks/useVirtualScroll.js +31 -29
  489. package/DEV-esm/utils/icons/StatusIconMap.js +20 -16
  490. package/DEV-esm/utils/icons/Svg.js +3 -3
  491. package/DEV-esm/utils/icons/SvgCalendar.js +8 -3
  492. package/DEV-esm/utils/icons/SvgCaretDownSmall.js +8 -3
  493. package/DEV-esm/utils/icons/SvgCaretRightSmall.js +8 -3
  494. package/DEV-esm/utils/icons/SvgCaretUpSmall.js +8 -3
  495. package/DEV-esm/utils/icons/SvgCheckmark.js +8 -3
  496. package/DEV-esm/utils/icons/SvgCheckmarkSmall.js +8 -3
  497. package/DEV-esm/utils/icons/SvgChevronLeft.js +8 -3
  498. package/DEV-esm/utils/icons/SvgChevronLeftDouble.js +8 -3
  499. package/DEV-esm/utils/icons/SvgChevronRight.js +8 -3
  500. package/DEV-esm/utils/icons/SvgChevronRightDouble.js +8 -3
  501. package/DEV-esm/utils/icons/SvgChevronRightSmall.js +8 -3
  502. package/DEV-esm/utils/icons/SvgClose.js +8 -3
  503. package/DEV-esm/utils/icons/SvgCloseSmall.js +8 -3
  504. package/DEV-esm/utils/icons/SvgColumnManager.js +8 -3
  505. package/DEV-esm/utils/icons/SvgDocument.js +8 -3
  506. package/DEV-esm/utils/icons/SvgFilter.js +8 -3
  507. package/DEV-esm/utils/icons/SvgFilterHollow.js +8 -3
  508. package/DEV-esm/utils/icons/SvgImportantSmall.js +8 -3
  509. package/DEV-esm/utils/icons/SvgInfoCircular.js +8 -3
  510. package/DEV-esm/utils/icons/SvgMore.js +8 -3
  511. package/DEV-esm/utils/icons/SvgMoreVertical.js +8 -3
  512. package/DEV-esm/utils/icons/SvgNew.js +8 -3
  513. package/DEV-esm/utils/icons/SvgSearch.js +8 -3
  514. package/DEV-esm/utils/icons/SvgSmileyHappy.js +8 -3
  515. package/DEV-esm/utils/icons/SvgSortDown.js +8 -3
  516. package/DEV-esm/utils/icons/SvgSortUp.js +8 -3
  517. package/DEV-esm/utils/icons/SvgStatusError.js +8 -3
  518. package/DEV-esm/utils/icons/SvgStatusSuccess.js +8 -3
  519. package/DEV-esm/utils/icons/SvgStatusWarning.js +8 -3
  520. package/DEV-esm/utils/icons/SvgSwap.js +8 -3
  521. package/DEV-esm/utils/icons/SvgUpload.js +8 -3
  522. package/DEV-esm/utils/meta.js +2 -2
  523. package/DEV-esm/utils/props.js +1 -1
  524. package/DEV-esm/utils/providers/HydrationProvider.js +31 -20
  525. package/DEV-esm/utils/providers/ScopeProvider.js +36 -35
  526. package/DEV-esm/utils/types.js +1 -1
  527. package/cjs/core/Buttons/IconButton.d.ts +4 -0
  528. package/cjs/core/Buttons/IconButton.js +3 -1
  529. package/cjs/core/Carousel/Carousel.d.ts +4 -2
  530. package/cjs/core/Carousel/CarouselNavigation.d.ts +4 -2
  531. package/cjs/core/ComboBox/ComboBox.js +5 -0
  532. package/cjs/core/InputWithDecorations/InputWithDecorations.d.ts +1 -1
  533. package/cjs/core/List/List.d.ts +1 -1
  534. package/cjs/core/List/List.js +1 -1
  535. package/cjs/core/List/ListItem.d.ts +4 -4
  536. package/cjs/core/List/ListItem.js +4 -6
  537. package/cjs/core/Menu/Menu.js +6 -0
  538. package/cjs/core/Menu/MenuDivider.d.ts +1 -1
  539. package/cjs/core/Menu/MenuDivider.js +1 -1
  540. package/cjs/core/Overlay/Overlay.d.ts +2 -2
  541. package/cjs/core/Overlay/Overlay.js +2 -2
  542. package/cjs/core/Popover/Popover.d.ts +8 -1
  543. package/cjs/core/Popover/Popover.js +40 -9
  544. package/cjs/core/Select/Select.js +5 -0
  545. package/cjs/core/Table/ColumnHeader.d.ts +19 -0
  546. package/cjs/core/Table/ColumnHeader.js +194 -0
  547. package/cjs/core/Table/Table.js +37 -190
  548. package/cjs/core/Table/filters/BaseFilter.d.ts +2 -9
  549. package/cjs/core/Table/filters/BaseFilter.js +17 -15
  550. package/cjs/core/Table/filters/DateRangeFilter/DateRangeFilter.js +3 -8
  551. package/cjs/core/Table/filters/FilterButtonBar.d.ts +4 -2
  552. package/cjs/core/Table/filters/FilterButtonBar.js +1 -0
  553. package/cjs/core/Table/filters/NumberRangeFilter/NumberRangeFilter.js +3 -9
  554. package/cjs/core/Table/filters/TextFilter/TextFilter.js +4 -7
  555. package/cjs/core/Table/filters/index.d.ts +0 -1
  556. package/cjs/core/Table/index.d.ts +1 -1
  557. package/cjs/core/ThemeProvider/ThemeProvider.d.ts +0 -4
  558. package/cjs/core/ThemeProvider/ThemeProvider.js +66 -49
  559. package/cjs/core/Tile/Tile.d.ts +10 -9
  560. package/cjs/core/Tile/Tile.js +8 -8
  561. package/cjs/core/Toast/Toaster.d.ts +3 -2
  562. package/cjs/core/Toast/Toaster.js +2 -1
  563. package/cjs/core/Tooltip/Tooltip.js +22 -7
  564. package/cjs/core/TransferList/TransferList.d.ts +5 -5
  565. package/cjs/core/TransferList/TransferList.js +2 -2
  566. package/cjs/styles.js +1 -1
  567. package/cjs/utils/functions/polymorphic.d.ts +3 -7
  568. package/cjs/utils/functions/polymorphic.js +8 -5
  569. package/esm/core/Buttons/IconButton.d.ts +4 -0
  570. package/esm/core/Buttons/IconButton.js +4 -2
  571. package/esm/core/Carousel/Carousel.d.ts +4 -2
  572. package/esm/core/Carousel/CarouselNavigation.d.ts +4 -2
  573. package/esm/core/ComboBox/ComboBox.js +5 -0
  574. package/esm/core/InputWithDecorations/InputWithDecorations.d.ts +1 -1
  575. package/esm/core/List/List.d.ts +1 -1
  576. package/esm/core/List/List.js +1 -1
  577. package/esm/core/List/ListItem.d.ts +4 -4
  578. package/esm/core/List/ListItem.js +4 -4
  579. package/esm/core/Menu/Menu.js +6 -0
  580. package/esm/core/Menu/MenuDivider.d.ts +1 -1
  581. package/esm/core/Menu/MenuDivider.js +1 -1
  582. package/esm/core/Overlay/Overlay.d.ts +2 -2
  583. package/esm/core/Overlay/Overlay.js +2 -2
  584. package/esm/core/Popover/Popover.d.ts +8 -1
  585. package/esm/core/Popover/Popover.js +40 -9
  586. package/esm/core/Select/Select.js +5 -0
  587. package/esm/core/Table/ColumnHeader.d.ts +19 -0
  588. package/esm/core/Table/ColumnHeader.js +188 -0
  589. package/esm/core/Table/Table.js +19 -177
  590. package/esm/core/Table/filters/BaseFilter.d.ts +2 -9
  591. package/esm/core/Table/filters/BaseFilter.js +15 -16
  592. package/esm/core/Table/filters/DateRangeFilter/DateRangeFilter.js +3 -8
  593. package/esm/core/Table/filters/FilterButtonBar.d.ts +4 -2
  594. package/esm/core/Table/filters/FilterButtonBar.js +1 -0
  595. package/esm/core/Table/filters/NumberRangeFilter/NumberRangeFilter.js +3 -9
  596. package/esm/core/Table/filters/TextFilter/TextFilter.js +4 -7
  597. package/esm/core/Table/filters/index.d.ts +0 -1
  598. package/esm/core/Table/index.d.ts +1 -1
  599. package/esm/core/ThemeProvider/ThemeProvider.d.ts +0 -4
  600. package/esm/core/ThemeProvider/ThemeProvider.js +65 -44
  601. package/esm/core/Tile/Tile.d.ts +10 -9
  602. package/esm/core/Tile/Tile.js +8 -8
  603. package/esm/core/Toast/Toaster.d.ts +3 -2
  604. package/esm/core/Toast/Toaster.js +2 -1
  605. package/esm/core/Tooltip/Tooltip.js +22 -8
  606. package/esm/core/TransferList/TransferList.d.ts +5 -5
  607. package/esm/core/TransferList/TransferList.js +2 -2
  608. package/esm/styles.js +1 -1
  609. package/esm/utils/functions/polymorphic.d.ts +3 -7
  610. package/esm/utils/functions/polymorphic.js +8 -5
  611. package/package.json +3 -3
  612. package/styles.css +22 -14
@@ -1,68 +1,103 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
1
+ 'use strict';
2
+ Object.defineProperty(exports, '__esModule', {
3
+ value: true,
4
4
  });
5
- Object.defineProperty(exports, "InformationPanel", {
6
- enumerable: true,
7
- get: function() {
8
- return InformationPanel;
9
- }
5
+ Object.defineProperty(exports, 'InformationPanel', {
6
+ enumerable: true,
7
+ get: function () {
8
+ return InformationPanel;
9
+ },
10
10
  });
11
- const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
12
- const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
13
- const _classnames = _interop_require_default._(require("classnames"));
14
- const _react = _interop_require_wildcard._(require("react"));
15
- const _index = require("../../utils/index.js");
16
- const InformationPanel = _react.forwardRef((props, forwardedRef)=>{
17
- let { className, isOpen = false, orientation = 'vertical', resizable = true, children, ...rest } = props;
18
- let [infoPanelSize, setInfoPanelSize] = _react.useState({
19
- width: void 0,
20
- height: void 0
21
- });
22
- let infoPanelRef = _react.useRef(null);
23
- let refs = (0, _index.useMergedRefs)(forwardedRef, infoPanelRef);
24
- let startResize = (e)=>{
25
- if (!infoPanelRef.current) return;
26
- if (void 0 != e.button && 0 !== e.button) return;
27
- e.preventDefault();
28
- e.stopPropagation();
29
- infoPanelRef.current.ownerDocument.addEventListener('pointermove', onResize);
30
- infoPanelRef.current.ownerDocument.addEventListener('pointerup', ()=>infoPanelRef.current?.ownerDocument.removeEventListener('pointermove', onResize), {
31
- once: true
32
- });
33
- };
34
- let onResize = _react.useCallback((e)=>{
35
- e.preventDefault();
36
- if (!infoPanelRef.current) return;
37
- let { right, bottom } = infoPanelRef.current.getBoundingClientRect();
38
- 'vertical' === orientation ? setInfoPanelSize({
11
+ const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
12
+ const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
13
+ const _classnames = _interop_require_default._(require('classnames'));
14
+ const _react = _interop_require_wildcard._(require('react'));
15
+ const _index = require('../../utils/index.js');
16
+ const InformationPanel = _react.forwardRef((props, forwardedRef) => {
17
+ let {
18
+ className,
19
+ isOpen = false,
20
+ orientation = 'vertical',
21
+ resizable = true,
22
+ children,
23
+ ...rest
24
+ } = props;
25
+ let [infoPanelSize, setInfoPanelSize] = _react.useState({
26
+ width: void 0,
27
+ height: void 0,
28
+ });
29
+ let infoPanelRef = _react.useRef(null);
30
+ let refs = (0, _index.useMergedRefs)(forwardedRef, infoPanelRef);
31
+ let startResize = (e) => {
32
+ if (!infoPanelRef.current) return;
33
+ if (void 0 != e.button && 0 !== e.button) return;
34
+ e.preventDefault();
35
+ e.stopPropagation();
36
+ infoPanelRef.current.ownerDocument.addEventListener(
37
+ 'pointermove',
38
+ onResize,
39
+ );
40
+ infoPanelRef.current.ownerDocument.addEventListener(
41
+ 'pointerup',
42
+ () =>
43
+ infoPanelRef.current?.ownerDocument.removeEventListener(
44
+ 'pointermove',
45
+ onResize,
46
+ ),
47
+ {
48
+ once: true,
49
+ },
50
+ );
51
+ };
52
+ let onResize = _react.useCallback(
53
+ (e) => {
54
+ e.preventDefault();
55
+ if (!infoPanelRef.current) return;
56
+ let { right, bottom } = infoPanelRef.current.getBoundingClientRect();
57
+ 'vertical' === orientation
58
+ ? setInfoPanelSize({
39
59
  width: right - e.clientX,
40
- height: void 0
41
- }) : setInfoPanelSize({
60
+ height: void 0,
61
+ })
62
+ : setInfoPanelSize({
42
63
  height: bottom - e.clientY,
43
- width: void 0
44
- });
45
- }, [
46
- orientation
47
- ]);
48
- return _react.createElement(_index.Box, {
49
- className: (0, _classnames.default)('iui-information-panel', {
50
- 'iui-right': 'vertical' === orientation,
51
- 'iui-bottom': 'horizontal' === orientation,
52
- 'iui-visible': isOpen
53
- }, className),
54
- ref: refs,
55
- ...rest,
56
- style: {
57
- width: 'vertical' === orientation ? infoPanelSize.width : void 0,
58
- height: 'horizontal' === orientation ? infoPanelSize.height : void 0,
59
- ...props.style
60
- }
61
- }, resizable && _react.createElement(_index.Box, {
62
- className: "iui-resizer",
63
- onPointerDown: startResize
64
- }, _react.createElement(_index.Box, {
65
- className: "iui-resizer-bar"
66
- })), children);
64
+ width: void 0,
65
+ });
66
+ },
67
+ [orientation],
68
+ );
69
+ return _react.createElement(
70
+ _index.Box,
71
+ {
72
+ className: (0, _classnames.default)(
73
+ 'iui-information-panel',
74
+ {
75
+ 'iui-right': 'vertical' === orientation,
76
+ 'iui-bottom': 'horizontal' === orientation,
77
+ 'iui-visible': isOpen,
78
+ },
79
+ className,
80
+ ),
81
+ ref: refs,
82
+ ...rest,
83
+ style: {
84
+ width: 'vertical' === orientation ? infoPanelSize.width : void 0,
85
+ height: 'horizontal' === orientation ? infoPanelSize.height : void 0,
86
+ ...props.style,
87
+ },
88
+ },
89
+ resizable &&
90
+ _react.createElement(
91
+ _index.Box,
92
+ {
93
+ className: 'iui-resizer',
94
+ onPointerDown: startResize,
95
+ },
96
+ _react.createElement(_index.Box, {
97
+ className: 'iui-resizer-bar',
98
+ }),
99
+ ),
100
+ children,
101
+ );
67
102
  });
68
103
  InformationPanel.displayName = 'InformationPanel';
@@ -1,13 +1,13 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
1
+ 'use strict';
2
+ Object.defineProperty(exports, '__esModule', {
3
+ value: true,
4
4
  });
5
- Object.defineProperty(exports, "InformationPanelBody", {
6
- enumerable: true,
7
- get: function() {
8
- return InformationPanelBody;
9
- }
5
+ Object.defineProperty(exports, 'InformationPanelBody', {
6
+ enumerable: true,
7
+ get: function () {
8
+ return InformationPanelBody;
9
+ },
10
10
  });
11
- const _index = require("../../utils/index.js");
11
+ const _index = require('../../utils/index.js');
12
12
  const InformationPanelBody = _index.polymorphic.div('iui-information-body');
13
13
  InformationPanelBody.displayName = 'InformationPanel.Body';
@@ -1,26 +1,34 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
1
+ 'use strict';
2
+ Object.defineProperty(exports, '__esModule', {
3
+ value: true,
4
4
  });
5
- Object.defineProperty(exports, "InformationPanelContent", {
6
- enumerable: true,
7
- get: function() {
8
- return InformationPanelContent;
9
- }
5
+ Object.defineProperty(exports, 'InformationPanelContent', {
6
+ enumerable: true,
7
+ get: function () {
8
+ return InformationPanelContent;
9
+ },
10
10
  });
11
- const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
12
- const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
13
- const _classnames = _interop_require_default._(require("classnames"));
14
- const _react = _interop_require_wildcard._(require("react"));
15
- const _index = require("../../utils/index.js");
16
- const InformationPanelContent = _react.forwardRef((props, forwardedRef)=>{
17
- let { className, displayStyle = 'default', children, ...rest } = props;
18
- return _react.createElement(_index.Box, {
19
- className: (0, _classnames.default)('iui-information-body-content', {
20
- 'iui-inline': 'inline' === displayStyle
21
- }, className),
22
- ref: forwardedRef,
23
- ...rest
24
- }, children);
11
+ const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
12
+ const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
13
+ const _classnames = _interop_require_default._(require('classnames'));
14
+ const _react = _interop_require_wildcard._(require('react'));
15
+ const _index = require('../../utils/index.js');
16
+ const InformationPanelContent = _react.forwardRef((props, forwardedRef) => {
17
+ let { className, displayStyle = 'default', children, ...rest } = props;
18
+ return _react.createElement(
19
+ _index.Box,
20
+ {
21
+ className: (0, _classnames.default)(
22
+ 'iui-information-body-content',
23
+ {
24
+ 'iui-inline': 'inline' === displayStyle,
25
+ },
26
+ className,
27
+ ),
28
+ ref: forwardedRef,
29
+ ...rest,
30
+ },
31
+ children,
32
+ );
25
33
  });
26
34
  InformationPanelContent.displayName = 'InformationPanelContent';
@@ -1,36 +1,55 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
1
+ 'use strict';
2
+ Object.defineProperty(exports, '__esModule', {
3
+ value: true,
4
4
  });
5
- Object.defineProperty(exports, "InformationPanelHeader", {
6
- enumerable: true,
7
- get: function() {
8
- return InformationPanelHeader;
9
- }
5
+ Object.defineProperty(exports, 'InformationPanelHeader', {
6
+ enumerable: true,
7
+ get: function () {
8
+ return InformationPanelHeader;
9
+ },
10
10
  });
11
- const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
12
- const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
13
- const _react = _interop_require_wildcard._(require("react"));
14
- const _classnames = _interop_require_default._(require("classnames"));
15
- const _IconButton = require("../Buttons/IconButton.js");
16
- const _index = require("../../utils/index.js");
17
- const InformationPanelHeader = _react.forwardRef((props, forwardedRef)=>{
18
- let { children, onClose, actions, className, ...rest } = props;
19
- return _react.createElement(_index.Box, {
20
- className: (0, _classnames.default)('iui-information-header', className),
21
- ref: forwardedRef,
22
- ...rest
23
- }, _react.createElement(_index.Box, {
24
- as: "span",
25
- className: "iui-information-header-label"
26
- }, children), _react.createElement(_index.Box, {
27
- className: "iui-information-header-actions"
28
- }, actions, onClose && _react.createElement(_IconButton.IconButton, {
29
- styleType: "borderless",
30
- onClick: onClose,
31
- "aria-label": "Close"
32
- }, _react.createElement(_index.SvgCloseSmall, {
33
- "aria-hidden": true
34
- }))));
11
+ const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
12
+ const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
13
+ const _react = _interop_require_wildcard._(require('react'));
14
+ const _classnames = _interop_require_default._(require('classnames'));
15
+ const _IconButton = require('../Buttons/IconButton.js');
16
+ const _index = require('../../utils/index.js');
17
+ const InformationPanelHeader = _react.forwardRef((props, forwardedRef) => {
18
+ let { children, onClose, actions, className, ...rest } = props;
19
+ return _react.createElement(
20
+ _index.Box,
21
+ {
22
+ className: (0, _classnames.default)('iui-information-header', className),
23
+ ref: forwardedRef,
24
+ ...rest,
25
+ },
26
+ _react.createElement(
27
+ _index.Box,
28
+ {
29
+ as: 'span',
30
+ className: 'iui-information-header-label',
31
+ },
32
+ children,
33
+ ),
34
+ _react.createElement(
35
+ _index.Box,
36
+ {
37
+ className: 'iui-information-header-actions',
38
+ },
39
+ actions,
40
+ onClose &&
41
+ _react.createElement(
42
+ _IconButton.IconButton,
43
+ {
44
+ styleType: 'borderless',
45
+ onClick: onClose,
46
+ 'aria-label': 'Close',
47
+ },
48
+ _react.createElement(_index.SvgCloseSmall, {
49
+ 'aria-hidden': true,
50
+ }),
51
+ ),
52
+ ),
53
+ );
35
54
  });
36
55
  InformationPanelHeader.displayName = 'InformationPanelHeader';
@@ -1,13 +1,15 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
1
+ 'use strict';
2
+ Object.defineProperty(exports, '__esModule', {
3
+ value: true,
4
4
  });
5
- Object.defineProperty(exports, "InformationPanelWrapper", {
6
- enumerable: true,
7
- get: function() {
8
- return InformationPanelWrapper;
9
- }
5
+ Object.defineProperty(exports, 'InformationPanelWrapper', {
6
+ enumerable: true,
7
+ get: function () {
8
+ return InformationPanelWrapper;
9
+ },
10
10
  });
11
- const _index = require("../../utils/index.js");
12
- const InformationPanelWrapper = _index.polymorphic.div('iui-information-panel-wrapper');
11
+ const _index = require('../../utils/index.js');
12
+ const InformationPanelWrapper = _index.polymorphic.div(
13
+ 'iui-information-panel-wrapper',
14
+ );
13
15
  InformationPanelWrapper.displayName = 'InformationPanelWrapper';
@@ -1,30 +1,30 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
1
+ 'use strict';
2
+ Object.defineProperty(exports, '__esModule', {
3
+ value: true,
4
4
  });
5
- Object.defineProperty(exports, "Input", {
6
- enumerable: true,
7
- get: function() {
8
- return Input;
9
- }
5
+ Object.defineProperty(exports, 'Input', {
6
+ enumerable: true,
7
+ get: function () {
8
+ return Input;
9
+ },
10
10
  });
11
- const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
12
- const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
13
- const _classnames = _interop_require_default._(require("classnames"));
14
- const _react = _interop_require_wildcard._(require("react"));
15
- const _index = require("../../utils/index.js");
16
- const Input = _react.forwardRef((props, ref)=>{
17
- let { size, htmlSize, status, className, ...rest } = props;
18
- let inputRef = _react.useRef(null);
19
- let refs = (0, _index.useMergedRefs)(inputRef, ref);
20
- return _react.createElement(_index.Box, {
21
- as: "input",
22
- className: (0, _classnames.default)('iui-input', 'iui-field', className),
23
- "data-iui-size": size,
24
- "data-iui-status": status,
25
- size: htmlSize,
26
- ref: refs,
27
- ...rest
28
- });
11
+ const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
12
+ const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
13
+ const _classnames = _interop_require_default._(require('classnames'));
14
+ const _react = _interop_require_wildcard._(require('react'));
15
+ const _index = require('../../utils/index.js');
16
+ const Input = _react.forwardRef((props, ref) => {
17
+ let { size, htmlSize, status, className, ...rest } = props;
18
+ let inputRef = _react.useRef(null);
19
+ let refs = (0, _index.useMergedRefs)(inputRef, ref);
20
+ return _react.createElement(_index.Box, {
21
+ as: 'input',
22
+ className: (0, _classnames.default)('iui-input', 'iui-field', className),
23
+ 'data-iui-size': size,
24
+ 'data-iui-status': status,
25
+ size: htmlSize,
26
+ ref: refs,
27
+ ...rest,
28
+ });
29
29
  });
30
30
  Input.displayName = 'Input';