@itwin/itwinui-react 3.12.0 → 3.12.2
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.
- package/CHANGELOG.md +15 -0
- package/cjs/core/Alert/Alert.js +76 -64
- package/cjs/core/Avatar/Avatar.js +24 -22
- package/cjs/core/AvatarGroup/AvatarGroup.js +37 -35
- package/cjs/core/Backdrop/Backdrop.js +1 -2
- package/cjs/core/Badge/Badge.js +12 -10
- package/cjs/core/Breadcrumbs/Breadcrumbs.js +95 -87
- package/cjs/core/ButtonGroup/ButtonGroup.js +75 -65
- package/cjs/core/Buttons/Button.js +43 -34
- package/cjs/core/Buttons/DropdownButton.js +30 -25
- package/cjs/core/Buttons/IconButton.js +32 -28
- package/cjs/core/Buttons/IdeasButton.js +14 -12
- package/cjs/core/Buttons/SplitButton.js +39 -30
- package/cjs/core/Carousel/Carousel.js +25 -20
- package/cjs/core/Carousel/CarouselDot.js +1 -2
- package/cjs/core/Carousel/CarouselDotsList.js +30 -29
- package/cjs/core/Carousel/CarouselNavigation.js +64 -51
- package/cjs/core/Carousel/CarouselSlide.js +21 -16
- package/cjs/core/Carousel/CarouselSlider.js +11 -9
- package/cjs/core/Checkbox/Checkbox.js +48 -45
- package/cjs/core/ColorPicker/ColorBuilder.js +63 -60
- package/cjs/core/ColorPicker/ColorInputPanel.js +226 -235
- package/cjs/core/ColorPicker/ColorPalette.js +37 -33
- package/cjs/core/ColorPicker/ColorPicker.js +16 -14
- package/cjs/core/ColorPicker/ColorSwatch.js +25 -22
- package/cjs/core/ComboBox/ComboBox.js +89 -77
- package/cjs/core/ComboBox/{ComboBox.test-types.js → ComboBox.types-test.js} +8 -7
- package/cjs/core/ComboBox/ComboBoxEndIcon.js +18 -17
- package/cjs/core/ComboBox/ComboBoxInput.js +46 -47
- package/cjs/core/ComboBox/ComboBoxInputContainer.js +24 -21
- package/cjs/core/ComboBox/ComboBoxMenu.js +43 -34
- package/cjs/core/ComboBox/ComboBoxMenuItem.js +41 -38
- package/cjs/core/ComboBox/ComboBoxMultipleContainer.js +1 -2
- package/cjs/core/DatePicker/DatePicker.js +199 -186
- package/cjs/core/Dialog/Dialog.js +36 -28
- package/cjs/core/Dialog/DialogBackdrop.js +1 -2
- package/cjs/core/Dialog/DialogMain.js +75 -77
- package/cjs/core/Dialog/DialogTitleBar.js +31 -24
- package/cjs/core/Divider/Divider.js +1 -2
- package/cjs/core/DropdownMenu/DropdownMenu.js +33 -27
- package/cjs/core/ExpandableBlock/ExpandableBlock.js +122 -111
- package/cjs/core/Fieldset/Fieldset.js +20 -23
- package/cjs/core/FileUpload/FileEmptyCard.js +25 -24
- package/cjs/core/FileUpload/FileUpload.js +42 -36
- package/cjs/core/FileUpload/FileUploadCard.js +92 -74
- package/cjs/core/FileUpload/FileUploadTemplate.js +37 -34
- package/cjs/core/Flex/Flex.js +3 -4
- package/cjs/core/Footer/Footer.d.ts +1 -1
- package/cjs/core/Footer/Footer.js +33 -29
- package/cjs/core/Header/Header.js +50 -39
- package/cjs/core/Header/HeaderBasicButton.js +14 -10
- package/cjs/core/Header/HeaderBreadcrumbs.js +30 -28
- package/cjs/core/Header/HeaderButton.js +48 -36
- package/cjs/core/Header/HeaderDropdownButton.js +31 -26
- package/cjs/core/Header/HeaderLogo.js +26 -20
- package/cjs/core/Header/HeaderSplitButton.js +35 -26
- package/cjs/core/Icon/Icon.js +1 -2
- package/cjs/core/InformationPanel/InformationPanel.js +28 -25
- package/cjs/core/InformationPanel/InformationPanelContent.js +15 -13
- package/cjs/core/InformationPanel/InformationPanelHeader.js +32 -25
- package/cjs/core/Input/Input.js +1 -2
- package/cjs/core/InputGrid/InputGrid.js +10 -8
- package/cjs/core/InputGroup/InputGroup.js +42 -33
- package/cjs/core/InputWithDecorations/InputWithDecorations.js +29 -21
- package/cjs/core/Label/Label.js +18 -16
- package/cjs/core/LabeledInput/LabeledInput.js +45 -37
- package/cjs/core/LabeledSelect/LabeledSelect.js +33 -27
- package/cjs/core/LabeledSelect/LabeledSelect.types-test.js +20 -13
- package/cjs/core/LabeledTextarea/LabeledTextarea.js +1 -2
- package/cjs/core/LinkAction/LinkAction.js +1 -2
- package/cjs/core/List/ListItem.js +1 -2
- package/cjs/core/Menu/Menu.js +47 -33
- package/cjs/core/Menu/MenuItem.js +67 -58
- package/cjs/core/Menu/MenuItemSkeleton.js +36 -33
- package/cjs/core/Modal/Modal.js +26 -27
- package/cjs/core/NonIdealState/ErrorPage.js +39 -28
- package/cjs/core/NonIdealState/NonIdealState.js +35 -23
- package/cjs/core/NotificationMarker/NotificationMarker.js +17 -15
- package/cjs/core/Overlay/Overlay.js +18 -19
- package/cjs/core/Popover/Popover.js +63 -47
- package/cjs/core/ProgressIndicators/ProgressLinear.js +37 -36
- package/cjs/core/ProgressIndicators/ProgressRadial.js +36 -38
- package/cjs/core/Radio/Radio.js +24 -21
- package/cjs/core/RadioTiles/RadioTile.js +41 -32
- package/cjs/core/RadioTiles/RadioTileGroup.js +15 -10
- package/cjs/core/SearchBox/SearchBox.d.ts +2 -2
- package/cjs/core/SearchBox/SearchBox.js +104 -88
- package/cjs/core/Select/Select.js +216 -204
- package/cjs/core/Select/Select.types-test.js +32 -25
- package/cjs/core/Select/SelectTag.js +16 -11
- package/cjs/core/Select/SelectTagContainer.js +20 -15
- package/cjs/core/SideNavigation/SideNavigation.js +77 -60
- package/cjs/core/SideNavigation/SidenavButton.js +27 -22
- package/cjs/core/SideNavigation/SidenavSubmenu.js +17 -12
- package/cjs/core/SideNavigation/SidenavSubmenuHeader.js +24 -18
- package/cjs/core/SkipToContentLink/SkipToContentLink.js +13 -8
- package/cjs/core/Slider/Slider.js +71 -64
- package/cjs/core/Slider/Thumb.d.ts +1 -1
- package/cjs/core/Slider/Thumb.js +11 -9
- package/cjs/core/Slider/Track.d.ts +1 -1
- package/cjs/core/Slider/Track.js +26 -26
- package/cjs/core/StatusMessage/StatusMessage.js +18 -18
- package/cjs/core/Stepper/Stepper.js +50 -50
- package/cjs/core/Stepper/StepperStep.js +50 -38
- package/cjs/core/Stepper/WorkflowDiagram.js +23 -21
- package/cjs/core/Stepper/WorkflowDiagramStep.d.ts +1 -1
- package/cjs/core/Stepper/WorkflowDiagramStep.js +29 -18
- package/cjs/core/Surface/Surface.js +37 -26
- package/cjs/core/Table/SubRowExpander.d.ts +1 -1
- package/cjs/core/Table/SubRowExpander.js +25 -21
- package/cjs/core/Table/Table.js +301 -280
- package/cjs/core/Table/TableCell.d.ts +1 -1
- package/cjs/core/Table/TableCell.js +39 -38
- package/cjs/core/Table/TablePaginator.d.ts +2 -1
- package/cjs/core/Table/TablePaginator.js +166 -133
- package/cjs/core/Table/TableRowMemoized.d.ts +1 -1
- package/cjs/core/Table/TableRowMemoized.js +32 -27
- package/cjs/core/Table/cells/DefaultCell.d.ts +1 -1
- package/cjs/core/Table/cells/DefaultCell.js +47 -39
- package/cjs/core/Table/cells/EditableCell.d.ts +1 -1
- package/cjs/core/Table/cells/EditableCell.js +1 -1
- package/cjs/core/Table/columns/actionColumn.d.ts +1 -1
- package/cjs/core/Table/columns/actionColumn.js +29 -21
- package/cjs/core/Table/columns/expanderColumn.d.ts +2 -2
- package/cjs/core/Table/columns/expanderColumn.js +15 -13
- package/cjs/core/Table/columns/selectionColumn.d.ts +4 -3
- package/cjs/core/Table/columns/selectionColumn.js +5 -4
- package/cjs/core/Table/filters/BaseFilter.d.ts +1 -1
- package/cjs/core/Table/filters/BaseFilter.js +11 -9
- package/cjs/core/Table/filters/DateRangeFilter/DatePickerInput.js +52 -50
- package/cjs/core/Table/filters/DateRangeFilter/DateRangeFilter.d.ts +1 -1
- package/cjs/core/Table/filters/DateRangeFilter/DateRangeFilter.js +36 -37
- package/cjs/core/Table/filters/FilterButtonBar.d.ts +1 -1
- package/cjs/core/Table/filters/FilterButtonBar.js +21 -15
- package/cjs/core/Table/filters/FilterToggle.d.ts +2 -1
- package/cjs/core/Table/filters/FilterToggle.js +39 -33
- package/cjs/core/Table/filters/NumberRangeFilter/NumberRangeFilter.d.ts +2 -1
- package/cjs/core/Table/filters/NumberRangeFilter/NumberRangeFilter.js +26 -28
- package/cjs/core/Table/filters/TextFilter/TextFilter.d.ts +2 -1
- package/cjs/core/Table/filters/TextFilter/TextFilter.js +15 -16
- package/cjs/core/Table/filters/tableFilters.d.ts +3 -3
- package/cjs/core/Table/filters/tableFilters.js +3 -4
- package/cjs/core/Table/hooks/useExpanderCell.js +5 -4
- package/cjs/core/Tabs/Tabs.js +178 -160
- package/cjs/core/Tag/Tag.js +36 -30
- package/cjs/core/Tag/TagContainer.js +16 -14
- package/cjs/core/Textarea/Textarea.js +1 -2
- package/cjs/core/ThemeProvider/ThemeProvider.js +67 -51
- package/cjs/core/Tile/Tile.js +165 -150
- package/cjs/core/TimePicker/TimePicker.js +84 -87
- package/cjs/core/Toast/Toast.d.ts +1 -1
- package/cjs/core/Toast/Toast.js +89 -65
- package/cjs/core/Toast/Toaster.d.ts +2 -2
- package/cjs/core/Toast/Toaster.js +27 -22
- package/cjs/core/ToggleSwitch/ToggleSwitch.js +40 -34
- package/cjs/core/Tooltip/Tooltip.js +21 -16
- package/cjs/core/TransferList/TransferList.js +65 -48
- package/cjs/core/Tree/Tree.d.ts +2 -1
- package/cjs/core/Tree/Tree.js +41 -31
- package/cjs/core/Tree/TreeNode.js +122 -107
- package/cjs/core/Tree/TreeNodeExpander.js +11 -9
- package/cjs/core/Typography/Anchor.js +23 -21
- package/cjs/core/Typography/Blockquote.js +11 -14
- package/cjs/core/Typography/Kbd.js +10 -8
- package/cjs/core/Typography/Text.js +7 -5
- package/cjs/core/VisuallyHidden/VisuallyHidden.js +22 -17
- package/cjs/react-table/react-table.types-test.js +173 -148
- package/cjs/styles.js +1 -1
- package/cjs/utils/components/AutoclearingHiddenLiveRegion.d.ts +2 -1
- package/cjs/utils/components/AutoclearingHiddenLiveRegion.js +9 -7
- package/cjs/utils/components/ButtonBase.js +1 -2
- package/cjs/utils/components/FocusTrap.d.ts +2 -1
- package/cjs/utils/components/FocusTrap.js +17 -18
- package/cjs/utils/components/InputContainer.js +30 -24
- package/cjs/utils/components/InputFlexContainer.js +18 -13
- package/cjs/utils/components/LineClamp.js +17 -14
- package/cjs/utils/components/MiddleTextTruncation.d.ts +1 -1
- package/cjs/utils/components/MiddleTextTruncation.js +14 -12
- package/cjs/utils/components/Resizer.d.ts +1 -1
- package/cjs/utils/components/Resizer.js +73 -77
- package/cjs/utils/components/ShadowRoot.d.ts +1 -1
- package/cjs/utils/components/ShadowRoot.js +18 -22
- package/cjs/utils/components/VirtualScroll.js +8 -9
- package/cjs/utils/components/WithCSSTransition.d.ts +1 -1
- package/cjs/utils/components/WithCSSTransition.js +34 -32
- package/cjs/utils/functions/polymorphic.js +1 -2
- package/cjs/utils/icons/StatusIconMap.d.ts +5 -5
- package/cjs/utils/icons/StatusIconMap.js +6 -5
- package/cjs/utils/icons/SvgCalendar.d.ts +1 -1
- package/cjs/utils/icons/SvgCalendar.js +5 -5
- package/cjs/utils/icons/SvgCaretDownSmall.d.ts +1 -1
- package/cjs/utils/icons/SvgCaretDownSmall.js +5 -5
- package/cjs/utils/icons/SvgCaretRightSmall.d.ts +1 -1
- package/cjs/utils/icons/SvgCaretRightSmall.js +5 -5
- package/cjs/utils/icons/SvgCaretUpSmall.d.ts +1 -1
- package/cjs/utils/icons/SvgCaretUpSmall.js +5 -5
- package/cjs/utils/icons/SvgCheckmark.d.ts +1 -1
- package/cjs/utils/icons/SvgCheckmark.js +5 -5
- package/cjs/utils/icons/SvgCheckmarkSmall.d.ts +1 -1
- package/cjs/utils/icons/SvgCheckmarkSmall.js +5 -5
- package/cjs/utils/icons/SvgChevronLeft.d.ts +1 -1
- package/cjs/utils/icons/SvgChevronLeft.js +5 -5
- package/cjs/utils/icons/SvgChevronLeftDouble.d.ts +1 -1
- package/cjs/utils/icons/SvgChevronLeftDouble.js +5 -5
- package/cjs/utils/icons/SvgChevronRight.d.ts +1 -1
- package/cjs/utils/icons/SvgChevronRight.js +5 -5
- package/cjs/utils/icons/SvgChevronRightDouble.d.ts +1 -1
- package/cjs/utils/icons/SvgChevronRightDouble.js +5 -5
- package/cjs/utils/icons/SvgChevronRightSmall.d.ts +1 -1
- package/cjs/utils/icons/SvgChevronRightSmall.js +5 -5
- package/cjs/utils/icons/SvgClose.d.ts +1 -1
- package/cjs/utils/icons/SvgClose.js +5 -5
- package/cjs/utils/icons/SvgCloseSmall.d.ts +1 -1
- package/cjs/utils/icons/SvgCloseSmall.js +5 -5
- package/cjs/utils/icons/SvgColumnManager.d.ts +1 -1
- package/cjs/utils/icons/SvgColumnManager.js +5 -5
- package/cjs/utils/icons/SvgDocument.d.ts +1 -1
- package/cjs/utils/icons/SvgDocument.js +5 -5
- package/cjs/utils/icons/SvgFilter.d.ts +1 -1
- package/cjs/utils/icons/SvgFilter.js +5 -5
- package/cjs/utils/icons/SvgFilterHollow.d.ts +1 -1
- package/cjs/utils/icons/SvgFilterHollow.js +5 -5
- package/cjs/utils/icons/SvgImportantSmall.d.ts +1 -1
- package/cjs/utils/icons/SvgImportantSmall.js +5 -5
- package/cjs/utils/icons/SvgInfoCircular.d.ts +1 -1
- package/cjs/utils/icons/SvgInfoCircular.js +5 -5
- package/cjs/utils/icons/SvgMore.d.ts +1 -1
- package/cjs/utils/icons/SvgMore.js +5 -5
- package/cjs/utils/icons/SvgMoreVertical.d.ts +1 -1
- package/cjs/utils/icons/SvgMoreVertical.js +5 -5
- package/cjs/utils/icons/SvgNew.d.ts +1 -1
- package/cjs/utils/icons/SvgNew.js +5 -5
- package/cjs/utils/icons/SvgSearch.d.ts +1 -1
- package/cjs/utils/icons/SvgSearch.js +5 -5
- package/cjs/utils/icons/SvgSmileyHappy.d.ts +1 -1
- package/cjs/utils/icons/SvgSmileyHappy.js +5 -5
- package/cjs/utils/icons/SvgSortDown.d.ts +1 -1
- package/cjs/utils/icons/SvgSortDown.js +5 -5
- package/cjs/utils/icons/SvgSortUp.d.ts +1 -1
- package/cjs/utils/icons/SvgSortUp.js +5 -5
- package/cjs/utils/icons/SvgStatusError.d.ts +1 -1
- package/cjs/utils/icons/SvgStatusError.js +5 -5
- package/cjs/utils/icons/SvgStatusSuccess.d.ts +1 -1
- package/cjs/utils/icons/SvgStatusSuccess.js +5 -5
- package/cjs/utils/icons/SvgStatusWarning.d.ts +1 -1
- package/cjs/utils/icons/SvgStatusWarning.js +5 -5
- package/cjs/utils/icons/SvgSwap.d.ts +1 -1
- package/cjs/utils/icons/SvgSwap.js +5 -5
- package/cjs/utils/icons/SvgUpload.d.ts +1 -1
- package/cjs/utils/icons/SvgUpload.js +5 -5
- package/cjs/utils/meta.js +2 -2
- package/cjs/utils/providers/HydrationProvider.d.ts +1 -1
- package/cjs/utils/providers/HydrationProvider.js +12 -12
- package/cjs/utils/providers/ScopeProvider.d.ts +1 -1
- package/cjs/utils/providers/ScopeProvider.js +13 -11
- package/esm/core/Alert/Alert.js +72 -60
- package/esm/core/Avatar/Avatar.js +20 -22
- package/esm/core/AvatarGroup/AvatarGroup.js +37 -39
- package/esm/core/Backdrop/Backdrop.js +1 -2
- package/esm/core/Badge/Badge.js +12 -10
- package/esm/core/Breadcrumbs/Breadcrumbs.js +95 -91
- package/esm/core/ButtonGroup/ButtonGroup.js +75 -69
- package/esm/core/Buttons/Button.js +43 -34
- package/esm/core/Buttons/DropdownButton.js +30 -25
- package/esm/core/Buttons/IconButton.js +30 -28
- package/esm/core/Buttons/IdeasButton.js +14 -12
- package/esm/core/Buttons/SplitButton.js +39 -28
- package/esm/core/Carousel/Carousel.js +25 -20
- package/esm/core/Carousel/CarouselDot.js +1 -2
- package/esm/core/Carousel/CarouselDotsList.js +27 -26
- package/esm/core/Carousel/CarouselNavigation.js +64 -55
- package/esm/core/Carousel/CarouselSlide.js +18 -16
- package/esm/core/Carousel/CarouselSlider.js +11 -9
- package/esm/core/Checkbox/Checkbox.js +48 -49
- package/esm/core/ColorPicker/ColorBuilder.js +60 -57
- package/esm/core/ColorPicker/ColorInputPanel.js +226 -239
- package/esm/core/ColorPicker/ColorPalette.js +34 -33
- package/esm/core/ColorPicker/ColorPicker.js +25 -20
- package/esm/core/ColorPicker/ColorSwatch.js +21 -22
- package/esm/core/ComboBox/ComboBox.js +89 -81
- package/esm/core/ComboBox/{ComboBox.test-types.js → ComboBox.types-test.js} +8 -7
- package/esm/core/ComboBox/ComboBoxEndIcon.js +18 -17
- package/esm/core/ComboBox/ComboBoxInput.js +40 -45
- package/esm/core/ComboBox/ComboBoxInputContainer.js +24 -21
- package/esm/core/ComboBox/ComboBoxMenu.js +43 -34
- package/esm/core/ComboBox/ComboBoxMenuItem.js +40 -37
- package/esm/core/ComboBox/ComboBoxMultipleContainer.js +1 -2
- package/esm/core/DatePicker/DatePicker.js +184 -171
- package/esm/core/Dialog/Dialog.js +36 -28
- package/esm/core/Dialog/DialogBackdrop.js +1 -2
- package/esm/core/Dialog/DialogMain.js +81 -80
- package/esm/core/Dialog/DialogTitleBar.js +24 -25
- package/esm/core/Divider/Divider.js +1 -2
- package/esm/core/DropdownMenu/DropdownMenu.js +33 -27
- package/esm/core/ExpandableBlock/ExpandableBlock.js +115 -111
- package/esm/core/Fieldset/Fieldset.js +20 -23
- package/esm/core/FileUpload/FileEmptyCard.js +21 -28
- package/esm/core/FileUpload/FileUpload.js +33 -27
- package/esm/core/FileUpload/FileUploadCard.js +85 -78
- package/esm/core/FileUpload/FileUploadTemplate.js +34 -34
- package/esm/core/Flex/Flex.js +3 -4
- package/esm/core/Footer/Footer.d.ts +1 -1
- package/esm/core/Footer/Footer.js +32 -25
- package/esm/core/Header/Header.js +50 -39
- package/esm/core/Header/HeaderBasicButton.js +11 -7
- package/esm/core/Header/HeaderBreadcrumbs.js +25 -23
- package/esm/core/Header/HeaderButton.js +42 -36
- package/esm/core/Header/HeaderDropdownButton.js +28 -23
- package/esm/core/Header/HeaderLogo.js +26 -20
- package/esm/core/Header/HeaderSplitButton.js +32 -23
- package/esm/core/Icon/Icon.js +1 -2
- package/esm/core/InformationPanel/InformationPanel.js +28 -25
- package/esm/core/InformationPanel/InformationPanelContent.js +15 -13
- package/esm/core/InformationPanel/InformationPanelHeader.js +32 -25
- package/esm/core/Input/Input.js +1 -2
- package/esm/core/InputGrid/InputGrid.js +10 -8
- package/esm/core/InputGroup/InputGroup.js +42 -33
- package/esm/core/InputWithDecorations/InputWithDecorations.js +29 -21
- package/esm/core/Label/Label.js +18 -16
- package/esm/core/LabeledInput/LabeledInput.js +42 -34
- package/esm/core/LabeledSelect/LabeledSelect.js +33 -27
- package/esm/core/LabeledSelect/LabeledSelect.types-test.js +20 -13
- package/esm/core/LabeledTextarea/LabeledTextarea.js +1 -2
- package/esm/core/LinkAction/LinkAction.js +1 -2
- package/esm/core/List/ListItem.js +1 -2
- package/esm/core/Menu/Menu.js +47 -37
- package/esm/core/Menu/MenuItem.js +66 -62
- package/esm/core/Menu/MenuItemSkeleton.js +32 -33
- package/esm/core/Modal/Modal.js +26 -27
- package/esm/core/NonIdealState/ErrorPage.js +39 -32
- package/esm/core/NonIdealState/NonIdealState.js +35 -23
- package/esm/core/NotificationMarker/NotificationMarker.js +17 -15
- package/esm/core/Overlay/Overlay.js +18 -19
- package/esm/core/Popover/Popover.js +63 -51
- package/esm/core/ProgressIndicators/ProgressLinear.js +33 -33
- package/esm/core/ProgressIndicators/ProgressRadial.js +28 -31
- package/esm/core/Radio/Radio.js +24 -21
- package/esm/core/RadioTiles/RadioTile.js +38 -29
- package/esm/core/RadioTiles/RadioTileGroup.js +15 -10
- package/esm/core/SearchBox/SearchBox.d.ts +2 -2
- package/esm/core/SearchBox/SearchBox.js +104 -90
- package/esm/core/Select/Select.js +213 -202
- package/esm/core/Select/Select.types-test.js +32 -29
- package/esm/core/Select/SelectTag.js +16 -11
- package/esm/core/Select/SelectTagContainer.js +17 -19
- package/esm/core/SideNavigation/SideNavigation.js +67 -50
- package/esm/core/SideNavigation/SidenavButton.js +27 -22
- package/esm/core/SideNavigation/SidenavSubmenu.js +15 -10
- package/esm/core/SideNavigation/SidenavSubmenuHeader.js +21 -15
- package/esm/core/SkipToContentLink/SkipToContentLink.js +10 -8
- package/esm/core/Slider/Slider.js +67 -61
- package/esm/core/Slider/Thumb.d.ts +1 -1
- package/esm/core/Slider/Thumb.js +11 -9
- package/esm/core/Slider/Track.d.ts +1 -1
- package/esm/core/Slider/Track.js +23 -23
- package/esm/core/StatusMessage/StatusMessage.js +18 -18
- package/esm/core/Stepper/Stepper.js +50 -50
- package/esm/core/Stepper/StepperStep.js +50 -38
- package/esm/core/Stepper/WorkflowDiagram.js +23 -21
- package/esm/core/Stepper/WorkflowDiagramStep.d.ts +1 -1
- package/esm/core/Stepper/WorkflowDiagramStep.js +25 -17
- package/esm/core/Surface/Surface.js +37 -26
- package/esm/core/Table/SubRowExpander.d.ts +1 -1
- package/esm/core/Table/SubRowExpander.js +25 -21
- package/esm/core/Table/Table.js +297 -278
- package/esm/core/Table/TableCell.d.ts +1 -1
- package/esm/core/Table/TableCell.js +39 -42
- package/esm/core/Table/TablePaginator.d.ts +2 -1
- package/esm/core/Table/TablePaginator.js +166 -137
- package/esm/core/Table/TableRowMemoized.d.ts +1 -1
- package/esm/core/Table/TableRowMemoized.js +32 -31
- package/esm/core/Table/cells/DefaultCell.d.ts +1 -1
- package/esm/core/Table/cells/DefaultCell.js +47 -39
- package/esm/core/Table/cells/EditableCell.d.ts +1 -1
- package/esm/core/Table/cells/EditableCell.js +1 -2
- package/esm/core/Table/columns/actionColumn.d.ts +1 -1
- package/esm/core/Table/columns/actionColumn.js +29 -21
- package/esm/core/Table/columns/expanderColumn.d.ts +2 -2
- package/esm/core/Table/columns/expanderColumn.js +15 -13
- package/esm/core/Table/columns/selectionColumn.d.ts +4 -3
- package/esm/core/Table/columns/selectionColumn.js +4 -4
- package/esm/core/Table/filters/BaseFilter.d.ts +1 -1
- package/esm/core/Table/filters/BaseFilter.js +11 -9
- package/esm/core/Table/filters/DateRangeFilter/DatePickerInput.js +52 -44
- package/esm/core/Table/filters/DateRangeFilter/DateRangeFilter.d.ts +1 -1
- package/esm/core/Table/filters/DateRangeFilter/DateRangeFilter.js +36 -37
- package/esm/core/Table/filters/FilterButtonBar.d.ts +1 -1
- package/esm/core/Table/filters/FilterButtonBar.js +21 -15
- package/esm/core/Table/filters/FilterToggle.d.ts +2 -1
- package/esm/core/Table/filters/FilterToggle.js +36 -30
- package/esm/core/Table/filters/NumberRangeFilter/NumberRangeFilter.d.ts +2 -1
- package/esm/core/Table/filters/NumberRangeFilter/NumberRangeFilter.js +26 -28
- package/esm/core/Table/filters/TextFilter/TextFilter.d.ts +2 -1
- package/esm/core/Table/filters/TextFilter/TextFilter.js +15 -16
- package/esm/core/Table/filters/tableFilters.d.ts +3 -3
- package/esm/core/Table/filters/tableFilters.js +3 -4
- package/esm/core/Table/hooks/useExpanderCell.js +5 -4
- package/esm/core/Tabs/Tabs.js +170 -156
- package/esm/core/Tag/Tag.js +32 -26
- package/esm/core/Tag/TagContainer.js +16 -14
- package/esm/core/Textarea/Textarea.js +1 -2
- package/esm/core/ThemeProvider/ThemeProvider.js +66 -55
- package/esm/core/Tile/Tile.js +159 -150
- package/esm/core/TimePicker/TimePicker.js +84 -91
- package/esm/core/Toast/Toast.d.ts +1 -1
- package/esm/core/Toast/Toast.js +86 -65
- package/esm/core/Toast/Toaster.d.ts +2 -2
- package/esm/core/Toast/Toaster.js +24 -19
- package/esm/core/ToggleSwitch/ToggleSwitch.js +40 -34
- package/esm/core/Tooltip/Tooltip.js +21 -20
- package/esm/core/TransferList/TransferList.js +59 -45
- package/esm/core/Tree/Tree.d.ts +2 -1
- package/esm/core/Tree/Tree.js +41 -31
- package/esm/core/Tree/TreeNode.js +111 -102
- package/esm/core/Tree/TreeNodeExpander.js +11 -9
- package/esm/core/Typography/Anchor.js +19 -21
- package/esm/core/Typography/Blockquote.js +11 -14
- package/esm/core/Typography/Kbd.js +10 -8
- package/esm/core/Typography/Text.js +7 -5
- package/esm/core/VisuallyHidden/VisuallyHidden.js +22 -21
- package/esm/react-table/react-table.types-test.js +169 -152
- package/esm/styles.js +1 -1
- package/esm/utils/components/AutoclearingHiddenLiveRegion.d.ts +2 -1
- package/esm/utils/components/AutoclearingHiddenLiveRegion.js +9 -7
- package/esm/utils/components/ButtonBase.js +1 -2
- package/esm/utils/components/FocusTrap.d.ts +2 -1
- package/esm/utils/components/FocusTrap.js +17 -22
- package/esm/utils/components/InputContainer.js +30 -24
- package/esm/utils/components/InputFlexContainer.js +15 -13
- package/esm/utils/components/LineClamp.js +17 -14
- package/esm/utils/components/MiddleTextTruncation.d.ts +1 -1
- package/esm/utils/components/MiddleTextTruncation.js +14 -12
- package/esm/utils/components/Resizer.d.ts +1 -1
- package/esm/utils/components/Resizer.js +73 -81
- package/esm/utils/components/ShadowRoot.d.ts +1 -1
- package/esm/utils/components/ShadowRoot.js +18 -26
- package/esm/utils/components/VirtualScroll.js +8 -9
- package/esm/utils/components/WithCSSTransition.d.ts +1 -1
- package/esm/utils/components/WithCSSTransition.js +34 -32
- package/esm/utils/functions/polymorphic.js +1 -2
- package/esm/utils/icons/StatusIconMap.d.ts +5 -5
- package/esm/utils/icons/StatusIconMap.js +5 -5
- package/esm/utils/icons/SvgCalendar.d.ts +1 -1
- package/esm/utils/icons/SvgCalendar.js +5 -5
- package/esm/utils/icons/SvgCaretDownSmall.d.ts +1 -1
- package/esm/utils/icons/SvgCaretDownSmall.js +5 -5
- package/esm/utils/icons/SvgCaretRightSmall.d.ts +1 -1
- package/esm/utils/icons/SvgCaretRightSmall.js +5 -5
- package/esm/utils/icons/SvgCaretUpSmall.d.ts +1 -1
- package/esm/utils/icons/SvgCaretUpSmall.js +5 -5
- package/esm/utils/icons/SvgCheckmark.d.ts +1 -1
- package/esm/utils/icons/SvgCheckmark.js +5 -5
- package/esm/utils/icons/SvgCheckmarkSmall.d.ts +1 -1
- package/esm/utils/icons/SvgCheckmarkSmall.js +5 -5
- package/esm/utils/icons/SvgChevronLeft.d.ts +1 -1
- package/esm/utils/icons/SvgChevronLeft.js +5 -5
- package/esm/utils/icons/SvgChevronLeftDouble.d.ts +1 -1
- package/esm/utils/icons/SvgChevronLeftDouble.js +5 -5
- package/esm/utils/icons/SvgChevronRight.d.ts +1 -1
- package/esm/utils/icons/SvgChevronRight.js +5 -5
- package/esm/utils/icons/SvgChevronRightDouble.d.ts +1 -1
- package/esm/utils/icons/SvgChevronRightDouble.js +5 -5
- package/esm/utils/icons/SvgChevronRightSmall.d.ts +1 -1
- package/esm/utils/icons/SvgChevronRightSmall.js +5 -5
- package/esm/utils/icons/SvgClose.d.ts +1 -1
- package/esm/utils/icons/SvgClose.js +5 -5
- package/esm/utils/icons/SvgCloseSmall.d.ts +1 -1
- package/esm/utils/icons/SvgCloseSmall.js +5 -5
- package/esm/utils/icons/SvgColumnManager.d.ts +1 -1
- package/esm/utils/icons/SvgColumnManager.js +5 -5
- package/esm/utils/icons/SvgDocument.d.ts +1 -1
- package/esm/utils/icons/SvgDocument.js +5 -5
- package/esm/utils/icons/SvgFilter.d.ts +1 -1
- package/esm/utils/icons/SvgFilter.js +5 -5
- package/esm/utils/icons/SvgFilterHollow.d.ts +1 -1
- package/esm/utils/icons/SvgFilterHollow.js +5 -5
- package/esm/utils/icons/SvgImportantSmall.d.ts +1 -1
- package/esm/utils/icons/SvgImportantSmall.js +5 -5
- package/esm/utils/icons/SvgInfoCircular.d.ts +1 -1
- package/esm/utils/icons/SvgInfoCircular.js +5 -5
- package/esm/utils/icons/SvgMore.d.ts +1 -1
- package/esm/utils/icons/SvgMore.js +5 -5
- package/esm/utils/icons/SvgMoreVertical.d.ts +1 -1
- package/esm/utils/icons/SvgMoreVertical.js +5 -5
- package/esm/utils/icons/SvgNew.d.ts +1 -1
- package/esm/utils/icons/SvgNew.js +5 -5
- package/esm/utils/icons/SvgSearch.d.ts +1 -1
- package/esm/utils/icons/SvgSearch.js +5 -5
- package/esm/utils/icons/SvgSmileyHappy.d.ts +1 -1
- package/esm/utils/icons/SvgSmileyHappy.js +5 -5
- package/esm/utils/icons/SvgSortDown.d.ts +1 -1
- package/esm/utils/icons/SvgSortDown.js +5 -5
- package/esm/utils/icons/SvgSortUp.d.ts +1 -1
- package/esm/utils/icons/SvgSortUp.js +5 -5
- package/esm/utils/icons/SvgStatusError.d.ts +1 -1
- package/esm/utils/icons/SvgStatusError.js +5 -5
- package/esm/utils/icons/SvgStatusSuccess.d.ts +1 -1
- package/esm/utils/icons/SvgStatusSuccess.js +5 -5
- package/esm/utils/icons/SvgStatusWarning.d.ts +1 -1
- package/esm/utils/icons/SvgStatusWarning.js +5 -5
- package/esm/utils/icons/SvgSwap.d.ts +1 -1
- package/esm/utils/icons/SvgSwap.js +5 -5
- package/esm/utils/icons/SvgUpload.d.ts +1 -1
- package/esm/utils/icons/SvgUpload.js +5 -5
- package/esm/utils/meta.js +2 -2
- package/esm/utils/providers/HydrationProvider.d.ts +1 -1
- package/esm/utils/providers/HydrationProvider.js +12 -12
- package/esm/utils/providers/ScopeProvider.d.ts +1 -1
- package/esm/utils/providers/ScopeProvider.js +13 -11
- package/package.json +1 -1
- package/styles.css +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
export declare const SvgStatusSuccess: (props: React.ComponentPropsWithoutRef<"svg">) =>
|
|
2
|
+
export declare const SvgStatusSuccess: (props: React.ComponentPropsWithoutRef<"svg">) => React.JSX.Element;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { jsx as _jsx } from 'react/jsx-runtime';
|
|
2
1
|
import * as React from 'react';
|
|
3
2
|
import { Svg } from './Svg.js';
|
|
4
3
|
export const SvgStatusSuccess = (props) => {
|
|
5
|
-
return
|
|
6
|
-
|
|
7
|
-
|
|
4
|
+
return React.createElement(
|
|
5
|
+
Svg,
|
|
6
|
+
props,
|
|
7
|
+
React.createElement('path', {
|
|
8
8
|
d: 'm8 0a8 8 0 1 0 8 8 8 8 0 0 0 -8-8zm-1.35 12-3.65-3.41 1.4-1.3 2.36 2.2 4.83-4.49 1.41 1.29z',
|
|
9
9
|
}),
|
|
10
|
-
|
|
10
|
+
);
|
|
11
11
|
};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
export declare const SvgStatusWarning: (props: React.ComponentPropsWithoutRef<"svg">) =>
|
|
2
|
+
export declare const SvgStatusWarning: (props: React.ComponentPropsWithoutRef<"svg">) => React.JSX.Element;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { jsx as _jsx } from 'react/jsx-runtime';
|
|
2
1
|
import * as React from 'react';
|
|
3
2
|
import { Svg } from './Svg.js';
|
|
4
3
|
export const SvgStatusWarning = (props) => {
|
|
5
|
-
return
|
|
6
|
-
|
|
7
|
-
|
|
4
|
+
return React.createElement(
|
|
5
|
+
Svg,
|
|
6
|
+
props,
|
|
7
|
+
React.createElement('path', {
|
|
8
8
|
d: 'm15.86807 13.26721-6.77-11.62a1.15 1.15 0 0 0 -1.1-.67 1.17 1.17 0 0 0 -1.1.69l-6.77 11.59a1.2 1.2 0 0 0 1.1 1.72h13.45a1.19 1.19 0 0 0 1.19-1.71zm-6.87-.29h-2v-2h2zm0-3h-2v-5h2z',
|
|
9
9
|
}),
|
|
10
|
-
|
|
10
|
+
);
|
|
11
11
|
};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
export declare const SvgSwap: (props: React.ComponentPropsWithoutRef<"svg">) =>
|
|
2
|
+
export declare const SvgSwap: (props: React.ComponentPropsWithoutRef<"svg">) => React.JSX.Element;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { jsx as _jsx } from 'react/jsx-runtime';
|
|
2
1
|
import * as React from 'react';
|
|
3
2
|
import { Svg } from './Svg.js';
|
|
4
3
|
export const SvgSwap = (props) => {
|
|
5
|
-
return
|
|
6
|
-
|
|
7
|
-
|
|
4
|
+
return React.createElement(
|
|
5
|
+
Svg,
|
|
6
|
+
props,
|
|
7
|
+
React.createElement('path', {
|
|
8
8
|
d: 'm5 15-3.78125-3.5 3.78125-3.5v2h8v3h-8zm6-7 3.78125-3.5-3.78125-3.5v2h-8v3h8z',
|
|
9
9
|
}),
|
|
10
|
-
|
|
10
|
+
);
|
|
11
11
|
};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
export declare const SvgUpload: (props: React.ComponentPropsWithoutRef<"svg">) =>
|
|
2
|
+
export declare const SvgUpload: (props: React.ComponentPropsWithoutRef<"svg">) => React.JSX.Element;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { jsx as _jsx } from 'react/jsx-runtime';
|
|
2
1
|
import * as React from 'react';
|
|
3
2
|
import { Svg } from './Svg.js';
|
|
4
3
|
export const SvgUpload = (props) => {
|
|
5
|
-
return
|
|
6
|
-
|
|
7
|
-
|
|
4
|
+
return React.createElement(
|
|
5
|
+
Svg,
|
|
6
|
+
props,
|
|
7
|
+
React.createElement('path', {
|
|
8
8
|
d: 'm2 5h4v7h4v-7h4l-6-5zm12 6v3h-12v-3h-2v5h16v-5z',
|
|
9
9
|
}),
|
|
10
|
-
|
|
10
|
+
);
|
|
11
11
|
};
|
package/esm/utils/meta.js
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from 'react/jsx-runtime';
|
|
2
1
|
import * as React from 'react';
|
|
3
2
|
import { useSyncExternalStore, useIsClient } from '../hooks/index.js';
|
|
4
3
|
const HydrationContext = React.createContext(false);
|
|
@@ -24,17 +23,18 @@ export const HydrationProvider = ({ children }) => {
|
|
|
24
23
|
React.useContext(HydrationContext),
|
|
25
24
|
);
|
|
26
25
|
const onHydrate = React.useCallback(() => setIsHydrated(true), []);
|
|
27
|
-
return
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
26
|
+
return React.createElement(
|
|
27
|
+
HydrationContext.Provider,
|
|
28
|
+
{
|
|
29
|
+
value: isHydrated,
|
|
30
|
+
},
|
|
31
|
+
!isHydrated
|
|
32
|
+
? React.createElement(HydrationCheck, {
|
|
33
|
+
onHydrate: onHydrate,
|
|
34
|
+
})
|
|
35
|
+
: null,
|
|
36
|
+
children,
|
|
37
|
+
);
|
|
38
38
|
};
|
|
39
39
|
const HydrationCheck = ({ onHydrate }) => {
|
|
40
40
|
React.useEffect(() => void onHydrate(), [onHydrate]);
|
|
@@ -9,7 +9,7 @@ import type { Atom, WritableAtom } from 'jotai';
|
|
|
9
9
|
*/
|
|
10
10
|
export declare const ScopeProvider: ({ children }: {
|
|
11
11
|
children: React.ReactNode;
|
|
12
|
-
}) =>
|
|
12
|
+
}) => React.JSX.Element;
|
|
13
13
|
/**
|
|
14
14
|
* Wrapper over `useAtom` that uses the store from the nearest `ScopeProvider`.
|
|
15
15
|
*
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { jsx as _jsx } from 'react/jsx-runtime';
|
|
2
1
|
import * as React from 'react';
|
|
3
2
|
import { createStore, useAtomValue, useSetAtom } from 'jotai';
|
|
4
3
|
const ScopeContext = React.createContext({
|
|
@@ -8,16 +7,19 @@ const ScopeContext = React.createContext({
|
|
|
8
7
|
export const ScopeProvider = ({ children }) => {
|
|
9
8
|
const store = React.useMemo(() => createStore(), []);
|
|
10
9
|
const parentStore = React.useContext(ScopeContext).store;
|
|
11
|
-
return
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
10
|
+
return React.createElement(
|
|
11
|
+
ScopeContext.Provider,
|
|
12
|
+
{
|
|
13
|
+
value: React.useMemo(
|
|
14
|
+
() => ({
|
|
15
|
+
store,
|
|
16
|
+
parentStore,
|
|
17
|
+
}),
|
|
18
|
+
[store, parentStore],
|
|
19
|
+
),
|
|
20
|
+
},
|
|
21
|
+
children,
|
|
22
|
+
);
|
|
21
23
|
};
|
|
22
24
|
export const useScopedAtom = (atom) => {
|
|
23
25
|
const { store, parentStore } = React.useContext(ScopeContext);
|