@itwin/itwinui-react 3.13.3 → 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.
- package/CHANGELOG.md +54 -0
- package/DEV-cjs/core/Alert/Alert.js +125 -72
- package/DEV-cjs/core/Avatar/Avatar.js +70 -44
- package/DEV-cjs/core/AvatarGroup/AvatarGroup.js +71 -34
- package/DEV-cjs/core/Backdrop/Backdrop.js +26 -22
- package/DEV-cjs/core/Badge/Badge.js +49 -42
- package/DEV-cjs/core/Breadcrumbs/Breadcrumbs.js +164 -85
- package/DEV-cjs/core/ButtonGroup/ButtonGroup.js +141 -79
- package/DEV-cjs/core/Buttons/Button.js +95 -49
- package/DEV-cjs/core/Buttons/DropdownButton.js +53 -35
- package/DEV-cjs/core/Buttons/IconButton.js +77 -41
- package/DEV-cjs/core/Buttons/IdeasButton.js +30 -26
- package/DEV-cjs/core/Buttons/SplitButton.js +90 -56
- package/DEV-cjs/core/Carousel/Carousel.js +77 -67
- package/DEV-cjs/core/Carousel/CarouselContext.js +10 -10
- package/DEV-cjs/core/Carousel/CarouselDot.js +31 -27
- package/DEV-cjs/core/Carousel/CarouselDotsList.js +148 -113
- package/DEV-cjs/core/Carousel/CarouselNavigation.js +98 -69
- package/DEV-cjs/core/Carousel/CarouselSlide.js +51 -42
- package/DEV-cjs/core/Carousel/CarouselSlider.js +68 -61
- package/DEV-cjs/core/Checkbox/Checkbox.js +96 -54
- package/DEV-cjs/core/ColorPicker/ColorBuilder.js +274 -228
- package/DEV-cjs/core/ColorPicker/ColorInputPanel.js +398 -366
- package/DEV-cjs/core/ColorPicker/ColorPalette.js +56 -36
- package/DEV-cjs/core/ColorPicker/ColorPicker.js +88 -69
- package/DEV-cjs/core/ColorPicker/ColorPickerContext.js +22 -18
- package/DEV-cjs/core/ColorPicker/ColorSwatch.js +50 -33
- package/DEV-cjs/core/ComboBox/ComboBox.js +395 -294
- package/DEV-cjs/core/ComboBox/ComboBox.types-test.js +87 -80
- package/DEV-cjs/core/ComboBox/ComboBoxEndIcon.js +36 -27
- package/DEV-cjs/core/ComboBox/ComboBoxInput.js +190 -128
- package/DEV-cjs/core/ComboBox/ComboBoxInputContainer.js +40 -28
- package/DEV-cjs/core/ComboBox/ComboBoxMenu.js +132 -93
- package/DEV-cjs/core/ComboBox/ComboBoxMenuItem.js +75 -34
- package/DEV-cjs/core/ComboBox/ComboBoxMultipleContainer.js +18 -18
- package/DEV-cjs/core/ComboBox/helpers.js +15 -14
- package/DEV-cjs/core/DatePicker/DatePicker.js +556 -353
- package/DEV-cjs/core/Dialog/Dialog.js +86 -58
- package/DEV-cjs/core/Dialog/DialogBackdrop.js +52 -39
- package/DEV-cjs/core/Dialog/DialogButtonBar.js +9 -9
- package/DEV-cjs/core/Dialog/DialogContent.js +9 -9
- package/DEV-cjs/core/Dialog/DialogContext.js +16 -15
- package/DEV-cjs/core/Dialog/DialogDragContext.js +20 -19
- package/DEV-cjs/core/Dialog/DialogMain.js +174 -122
- package/DEV-cjs/core/Dialog/DialogTitleBar.js +68 -33
- package/DEV-cjs/core/Dialog/DialogTitleBarTitle.js +9 -9
- package/DEV-cjs/core/Divider/Divider.js +22 -22
- package/DEV-cjs/core/DropdownMenu/DropdownMenu.js +63 -37
- package/DEV-cjs/core/ExpandableBlock/ExpandableBlock.js +195 -125
- package/DEV-cjs/core/Fieldset/Fieldset.js +34 -23
- package/DEV-cjs/core/FileUpload/FileEmptyCard.js +43 -24
- package/DEV-cjs/core/FileUpload/FileUpload.js +94 -57
- package/DEV-cjs/core/FileUpload/FileUploadCard.js +181 -124
- package/DEV-cjs/core/FileUpload/FileUploadTemplate.js +63 -35
- package/DEV-cjs/core/Flex/Flex.js +78 -77
- package/DEV-cjs/core/Footer/Footer.js +119 -85
- package/DEV-cjs/core/Footer/FooterItem.js +9 -9
- package/DEV-cjs/core/Footer/FooterList.js +9 -9
- package/DEV-cjs/core/Footer/FooterSeparator.js +10 -10
- package/DEV-cjs/core/Header/Header.js +86 -44
- package/DEV-cjs/core/Header/HeaderBasicButton.js +30 -20
- package/DEV-cjs/core/Header/HeaderBreadcrumbs.js +59 -36
- package/DEV-cjs/core/Header/HeaderButton.js +90 -46
- package/DEV-cjs/core/Header/HeaderDropdownButton.js +55 -44
- package/DEV-cjs/core/Header/HeaderLogo.js +53 -30
- package/DEV-cjs/core/Header/HeaderSplitButton.js +72 -44
- package/DEV-cjs/core/Icon/Icon.js +41 -35
- package/DEV-cjs/core/InformationPanel/InformationPanel.js +97 -62
- package/DEV-cjs/core/InformationPanel/InformationPanelBody.js +9 -9
- package/DEV-cjs/core/InformationPanel/InformationPanelContent.js +30 -22
- package/DEV-cjs/core/InformationPanel/InformationPanelHeader.js +51 -32
- package/DEV-cjs/core/InformationPanel/InformationPanelWrapper.js +12 -10
- package/DEV-cjs/core/Input/Input.js +26 -26
- package/DEV-cjs/core/InputGrid/InputGrid.js +151 -117
- package/DEV-cjs/core/InputGroup/InputGroup.js +85 -48
- package/DEV-cjs/core/InputWithDecorations/InputWithDecorations.js +60 -44
- package/DEV-cjs/core/Label/Label.js +40 -25
- package/DEV-cjs/core/LabeledInput/LabeledInput.js +86 -42
- package/DEV-cjs/core/LabeledSelect/LabeledSelect.js +71 -39
- package/DEV-cjs/core/LabeledSelect/LabeledSelect.types-test.js +100 -81
- package/DEV-cjs/core/LabeledTextarea/LabeledTextarea.js +19 -17
- package/DEV-cjs/core/LinkAction/LinkAction.js +27 -26
- package/DEV-cjs/core/List/List.js +11 -11
- package/DEV-cjs/core/List/ListItem.js +42 -34
- package/DEV-cjs/core/Menu/Menu.js +213 -127
- package/DEV-cjs/core/Menu/MenuDivider.js +11 -11
- package/DEV-cjs/core/Menu/MenuExtraContent.js +10 -10
- package/DEV-cjs/core/Menu/MenuItem.js +139 -76
- package/DEV-cjs/core/Menu/MenuItemSkeleton.js +65 -40
- package/DEV-cjs/core/Modal/Modal.js +54 -31
- package/DEV-cjs/core/Modal/ModalButtonBar.js +9 -9
- package/DEV-cjs/core/Modal/ModalContent.js +9 -9
- package/DEV-cjs/core/NonIdealState/ErrorPage.js +208 -127
- package/DEV-cjs/core/NonIdealState/NonIdealState.js +84 -35
- package/DEV-cjs/core/NotificationMarker/NotificationMarker.js +39 -25
- package/DEV-cjs/core/Overlay/Overlay.js +55 -41
- package/DEV-cjs/core/Popover/Popover.js +302 -193
- package/DEV-cjs/core/ProgressIndicators/ProgressLinear.js +70 -33
- package/DEV-cjs/core/ProgressIndicators/ProgressRadial.js +67 -40
- package/DEV-cjs/core/Radio/Radio.js +66 -38
- package/DEV-cjs/core/RadioTiles/RadioTile.js +88 -43
- package/DEV-cjs/core/RadioTiles/RadioTileGroup.js +29 -21
- package/DEV-cjs/core/SearchBox/SearchBox.js +203 -130
- package/DEV-cjs/core/Select/Select.js +457 -274
- package/DEV-cjs/core/Select/Select.types-test.js +112 -87
- package/DEV-cjs/core/Select/SelectTag.js +32 -24
- package/DEV-cjs/core/Select/SelectTagContainer.js +38 -25
- package/DEV-cjs/core/SideNavigation/SideNavigation.js +132 -64
- package/DEV-cjs/core/SideNavigation/SidenavButton.js +55 -33
- package/DEV-cjs/core/SideNavigation/SidenavSubmenu.js +33 -22
- package/DEV-cjs/core/SideNavigation/SidenavSubmenuHeader.js +41 -24
- package/DEV-cjs/core/SkipToContentLink/SkipToContentLink.js +28 -21
- package/DEV-cjs/core/Slider/Slider.js +352 -259
- package/DEV-cjs/core/Slider/Thumb.js +111 -98
- package/DEV-cjs/core/Slider/Track.js +93 -61
- package/DEV-cjs/core/StatusMessage/StatusMessage.js +46 -27
- package/DEV-cjs/core/Stepper/Stepper.js +86 -44
- package/DEV-cjs/core/Stepper/StepperStep.js +113 -59
- package/DEV-cjs/core/Stepper/WorkflowDiagram.js +37 -29
- package/DEV-cjs/core/Stepper/WorkflowDiagramStep.js +48 -28
- package/DEV-cjs/core/Surface/Surface.js +98 -76
- package/DEV-cjs/core/Table/ColumnHeader.js +194 -0
- package/DEV-cjs/core/Table/SubRowExpander.js +45 -34
- package/DEV-cjs/core/Table/Table.js +687 -506
- package/DEV-cjs/core/Table/TableCell.js +104 -61
- package/DEV-cjs/core/Table/TablePaginator.js +314 -178
- package/DEV-cjs/core/Table/TableRowMemoized.js +183 -90
- package/DEV-cjs/core/Table/actionHandlers/expandHandler.js +18 -18
- package/DEV-cjs/core/Table/actionHandlers/filterHandler.js +31 -23
- package/DEV-cjs/core/Table/actionHandlers/index.js +32 -31
- package/DEV-cjs/core/Table/actionHandlers/resizeHandler.js +26 -25
- package/DEV-cjs/core/Table/actionHandlers/selectHandler.js +124 -88
- package/DEV-cjs/core/Table/cells/DefaultCell.js +93 -44
- package/DEV-cjs/core/Table/cells/EditableCell.js +85 -63
- package/DEV-cjs/core/Table/cells/index.js +15 -14
- package/DEV-cjs/core/Table/columns/actionColumn.js +100 -78
- package/DEV-cjs/core/Table/columns/expanderColumn.js +56 -49
- package/DEV-cjs/core/Table/columns/index.js +25 -24
- package/DEV-cjs/core/Table/columns/selectionColumn.js +79 -58
- package/DEV-cjs/core/Table/filters/BaseFilter.js +31 -25
- package/DEV-cjs/core/Table/filters/DateRangeFilter/DatePickerInput.js +108 -72
- package/DEV-cjs/core/Table/filters/DateRangeFilter/DateRangeFilter.js +115 -91
- package/DEV-cjs/core/Table/filters/FilterButtonBar.js +56 -33
- package/DEV-cjs/core/Table/filters/FilterToggle.js +71 -54
- package/DEV-cjs/core/Table/filters/NumberRangeFilter/NumberRangeFilter.js +56 -60
- package/DEV-cjs/core/Table/filters/TextFilter/TextFilter.js +38 -36
- package/DEV-cjs/core/Table/filters/customFilterFunctions.js +26 -20
- package/DEV-cjs/core/Table/filters/defaultFilterFunctions.js +119 -77
- package/DEV-cjs/core/Table/filters/index.js +23 -22
- package/DEV-cjs/core/Table/filters/tableFilters.js +28 -25
- package/DEV-cjs/core/Table/filters/types.js +3 -3
- package/DEV-cjs/core/Table/hooks/index.js +39 -38
- package/DEV-cjs/core/Table/hooks/useColumnDragAndDrop.js +118 -101
- package/DEV-cjs/core/Table/hooks/useExpanderCell.js +39 -29
- package/DEV-cjs/core/Table/hooks/useResizeColumns.js +346 -248
- package/DEV-cjs/core/Table/hooks/useScrollToRow.js +42 -38
- package/DEV-cjs/core/Table/hooks/useSelectionCell.js +26 -19
- package/DEV-cjs/core/Table/hooks/useStickyColumns.js +55 -47
- package/DEV-cjs/core/Table/hooks/useSubRowFiltering.js +89 -86
- package/DEV-cjs/core/Table/hooks/useSubRowSelection.js +39 -39
- package/DEV-cjs/core/Table/index.js +42 -41
- package/DEV-cjs/core/Table/utils.js +66 -64
- package/DEV-cjs/core/Tabs/Tabs.js +388 -260
- package/DEV-cjs/core/Tag/Tag.js +80 -42
- package/DEV-cjs/core/Tag/TagContainer.js +31 -23
- package/DEV-cjs/core/Textarea/Textarea.js +19 -17
- package/DEV-cjs/core/ThemeProvider/ThemeContext.js +10 -10
- package/DEV-cjs/core/ThemeProvider/ThemeProvider.js +276 -172
- package/DEV-cjs/core/Tile/Tile.js +310 -173
- package/DEV-cjs/core/TimePicker/TimePicker.js +451 -263
- package/DEV-cjs/core/Toast/Toast.js +226 -157
- package/DEV-cjs/core/Toast/Toaster.js +142 -118
- package/DEV-cjs/core/ToggleSwitch/ToggleSwitch.js +76 -42
- package/DEV-cjs/core/Tooltip/Tooltip.js +221 -170
- package/DEV-cjs/core/TransferList/TransferList.js +171 -132
- package/DEV-cjs/core/Tree/Tree.js +226 -179
- package/DEV-cjs/core/Tree/TreeContext.js +20 -18
- package/DEV-cjs/core/Tree/TreeNode.js +254 -143
- package/DEV-cjs/core/Tree/TreeNodeExpander.js +40 -31
- package/DEV-cjs/core/Typography/Anchor.js +41 -27
- package/DEV-cjs/core/Typography/Blockquote.js +26 -21
- package/DEV-cjs/core/Typography/Code.js +9 -9
- package/DEV-cjs/core/Typography/Kbd.js +43 -38
- package/DEV-cjs/core/Typography/Text.js +45 -31
- package/DEV-cjs/core/VisuallyHidden/VisuallyHidden.js +47 -30
- package/DEV-cjs/index.js +475 -474
- package/DEV-cjs/package.json +1 -0
- package/DEV-cjs/react-table/react-table.js +3 -3
- package/DEV-cjs/react-table/react-table.types-test.js +628 -476
- package/DEV-cjs/styles.js +17 -1
- package/DEV-cjs/utils/color/ColorValue.js +429 -323
- package/DEV-cjs/utils/color/index.js +5 -5
- package/DEV-cjs/utils/components/AutoclearingHiddenLiveRegion.js +31 -26
- package/DEV-cjs/utils/components/Box.js +9 -9
- package/DEV-cjs/utils/components/ButtonBase.js +41 -35
- package/DEV-cjs/utils/components/FieldsetBase.js +9 -9
- package/DEV-cjs/utils/components/FocusTrap.js +48 -45
- package/DEV-cjs/utils/components/InputContainer.js +67 -34
- package/DEV-cjs/utils/components/InputFlexContainer.js +63 -49
- package/DEV-cjs/utils/components/InputWithIcon.js +9 -9
- package/DEV-cjs/utils/components/LineClamp.js +33 -24
- package/DEV-cjs/utils/components/MiddleTextTruncation.js +37 -33
- package/DEV-cjs/utils/components/Portal.js +35 -32
- package/DEV-cjs/utils/components/Resizer.js +221 -185
- package/DEV-cjs/utils/components/ShadowRoot.js +85 -69
- package/DEV-cjs/utils/components/WithCSSTransition.js +57 -50
- package/DEV-cjs/utils/components/index.js +18 -18
- package/DEV-cjs/utils/functions/colors.js +37 -35
- package/DEV-cjs/utils/functions/date.js +15 -15
- package/DEV-cjs/utils/functions/dev.js +25 -19
- package/DEV-cjs/utils/functions/dom.js +39 -39
- package/DEV-cjs/utils/functions/focusable.js +81 -63
- package/DEV-cjs/utils/functions/import.js +28 -22
- package/DEV-cjs/utils/functions/index.js +14 -14
- package/DEV-cjs/utils/functions/numbers.js +26 -24
- package/DEV-cjs/utils/functions/polymorphic.js +56 -43
- package/DEV-cjs/utils/functions/react.js +25 -23
- package/DEV-cjs/utils/functions/supports.js +11 -10
- package/DEV-cjs/utils/hooks/index.js +20 -20
- package/DEV-cjs/utils/hooks/useContainerWidth.js +31 -26
- package/DEV-cjs/utils/hooks/useControlledState.js +28 -27
- package/DEV-cjs/utils/hooks/useDragAndDrop.js +112 -88
- package/DEV-cjs/utils/hooks/useEventListener.js +23 -28
- package/DEV-cjs/utils/hooks/useGlobals.js +46 -40
- package/DEV-cjs/utils/hooks/useId.js +17 -17
- package/DEV-cjs/utils/hooks/useIntersection.js +38 -38
- package/DEV-cjs/utils/hooks/useIsClient.js +16 -16
- package/DEV-cjs/utils/hooks/useIsomorphicLayoutEffect.js +12 -11
- package/DEV-cjs/utils/hooks/useLatestRef.js +16 -18
- package/DEV-cjs/utils/hooks/useMediaQuery.js +32 -23
- package/DEV-cjs/utils/hooks/useMergedRefs.js +25 -23
- package/DEV-cjs/utils/hooks/useOverflow.js +68 -72
- package/DEV-cjs/utils/hooks/useResizeObserver.js +31 -33
- package/DEV-cjs/utils/hooks/useSafeContext.js +15 -14
- package/DEV-cjs/utils/hooks/useSyncExternalStore.js +37 -40
- package/DEV-cjs/utils/hooks/useVirtualScroll.js +42 -40
- package/DEV-cjs/utils/icons/StatusIconMap.js +34 -30
- package/DEV-cjs/utils/icons/Svg.js +12 -12
- package/DEV-cjs/utils/icons/SvgCalendar.js +19 -14
- package/DEV-cjs/utils/icons/SvgCaretDownSmall.js +19 -14
- package/DEV-cjs/utils/icons/SvgCaretRightSmall.js +19 -14
- package/DEV-cjs/utils/icons/SvgCaretUpSmall.js +19 -14
- package/DEV-cjs/utils/icons/SvgCheckmark.js +19 -14
- package/DEV-cjs/utils/icons/SvgCheckmarkSmall.js +19 -14
- package/DEV-cjs/utils/icons/SvgChevronLeft.js +19 -14
- package/DEV-cjs/utils/icons/SvgChevronLeftDouble.js +19 -14
- package/DEV-cjs/utils/icons/SvgChevronRight.js +19 -14
- package/DEV-cjs/utils/icons/SvgChevronRightDouble.js +19 -14
- package/DEV-cjs/utils/icons/SvgChevronRightSmall.js +19 -14
- package/DEV-cjs/utils/icons/SvgClose.js +19 -14
- package/DEV-cjs/utils/icons/SvgCloseSmall.js +19 -14
- package/DEV-cjs/utils/icons/SvgColumnManager.js +19 -14
- package/DEV-cjs/utils/icons/SvgDocument.js +19 -14
- package/DEV-cjs/utils/icons/SvgFilter.js +19 -14
- package/DEV-cjs/utils/icons/SvgFilterHollow.js +19 -14
- package/DEV-cjs/utils/icons/SvgImportantSmall.js +19 -14
- package/DEV-cjs/utils/icons/SvgInfoCircular.js +19 -14
- package/DEV-cjs/utils/icons/SvgMore.js +19 -14
- package/DEV-cjs/utils/icons/SvgMoreVertical.js +19 -14
- package/DEV-cjs/utils/icons/SvgNew.js +19 -14
- package/DEV-cjs/utils/icons/SvgSearch.js +19 -14
- package/DEV-cjs/utils/icons/SvgSmileyHappy.js +19 -14
- package/DEV-cjs/utils/icons/SvgSortDown.js +19 -14
- package/DEV-cjs/utils/icons/SvgSortUp.js +19 -14
- package/DEV-cjs/utils/icons/SvgStatusError.js +19 -14
- package/DEV-cjs/utils/icons/SvgStatusSuccess.js +19 -14
- package/DEV-cjs/utils/icons/SvgStatusWarning.js +19 -14
- package/DEV-cjs/utils/icons/SvgSwap.js +19 -14
- package/DEV-cjs/utils/icons/SvgUpload.js +19 -14
- package/DEV-cjs/utils/icons/index.js +36 -36
- package/DEV-cjs/utils/index.js +12 -12
- package/DEV-cjs/utils/meta.js +11 -11
- package/DEV-cjs/utils/props.js +3 -3
- package/DEV-cjs/utils/providers/HydrationProvider.js +47 -35
- package/DEV-cjs/utils/providers/ScopeProvider.js +55 -53
- package/DEV-cjs/utils/providers/index.js +6 -6
- package/DEV-cjs/utils/types.js +3 -3
- package/DEV-esm/core/Alert/Alert.js +112 -57
- package/DEV-esm/core/Avatar/Avatar.js +45 -26
- package/DEV-esm/core/AvatarGroup/AvatarGroup.js +58 -21
- package/DEV-esm/core/Backdrop/Backdrop.js +13 -9
- package/DEV-esm/core/Badge/Badge.js +34 -29
- package/DEV-esm/core/Breadcrumbs/Breadcrumbs.js +150 -71
- package/DEV-esm/core/ButtonGroup/ButtonGroup.js +127 -62
- package/DEV-esm/core/Buttons/Button.js +71 -34
- package/DEV-esm/core/Buttons/DropdownButton.js +38 -20
- package/DEV-esm/core/Buttons/IconButton.js +54 -25
- package/DEV-esm/core/Buttons/IdeasButton.js +16 -12
- package/DEV-esm/core/Buttons/SplitButton.js +80 -41
- package/DEV-esm/core/Carousel/Carousel.js +58 -48
- package/DEV-esm/core/Carousel/CarouselDot.js +18 -14
- package/DEV-esm/core/Carousel/CarouselDotsList.js +134 -98
- package/DEV-esm/core/Carousel/CarouselNavigation.js +82 -53
- package/DEV-esm/core/Carousel/CarouselSlide.js +40 -29
- package/DEV-esm/core/Carousel/CarouselSlider.js +59 -48
- package/DEV-esm/core/Checkbox/Checkbox.js +79 -40
- package/DEV-esm/core/ColorPicker/ColorBuilder.js +263 -214
- package/DEV-esm/core/ColorPicker/ColorInputPanel.js +382 -350
- package/DEV-esm/core/ColorPicker/ColorPalette.js +37 -20
- package/DEV-esm/core/ColorPicker/ColorPicker.js +69 -51
- package/DEV-esm/core/ColorPicker/ColorPickerContext.js +7 -4
- package/DEV-esm/core/ColorPicker/ColorSwatch.js +29 -18
- package/DEV-esm/core/ComboBox/ComboBox.js +382 -274
- package/DEV-esm/core/ComboBox/ComboBox.types-test.js +82 -75
- package/DEV-esm/core/ComboBox/ComboBoxEndIcon.js +22 -13
- package/DEV-esm/core/ComboBox/ComboBoxInput.js +170 -114
- package/DEV-esm/core/ComboBox/ComboBoxInputContainer.js +29 -11
- package/DEV-esm/core/ComboBox/ComboBoxMenu.js +121 -79
- package/DEV-esm/core/ComboBox/ComboBoxMenuItem.js +65 -22
- package/DEV-esm/core/ComboBox/ComboBoxMultipleContainer.js +7 -7
- package/DEV-esm/core/DatePicker/DatePicker.js +527 -335
- package/DEV-esm/core/Dialog/Dialog.js +66 -38
- package/DEV-esm/core/Dialog/DialogBackdrop.js +37 -24
- package/DEV-esm/core/Dialog/DialogContext.js +1 -1
- package/DEV-esm/core/Dialog/DialogDragContext.js +5 -5
- package/DEV-esm/core/Dialog/DialogMain.js +166 -106
- package/DEV-esm/core/Dialog/DialogTitleBar.js +43 -15
- package/DEV-esm/core/Divider/Divider.js +9 -9
- package/DEV-esm/core/DropdownMenu/DropdownMenu.js +50 -24
- package/DEV-esm/core/ExpandableBlock/ExpandableBlock.js +177 -110
- package/DEV-esm/core/Fieldset/Fieldset.js +21 -10
- package/DEV-esm/core/FileUpload/FileEmptyCard.js +25 -10
- package/DEV-esm/core/FileUpload/FileUpload.js +66 -44
- package/DEV-esm/core/FileUpload/FileUploadCard.js +163 -105
- package/DEV-esm/core/FileUpload/FileUploadTemplate.js +46 -21
- package/DEV-esm/core/Flex/Flex.js +65 -64
- package/DEV-esm/core/Footer/Footer.js +96 -64
- package/DEV-esm/core/Footer/FooterSeparator.js +1 -1
- package/DEV-esm/core/Header/Header.js +71 -29
- package/DEV-esm/core/Header/HeaderBasicButton.js +14 -7
- package/DEV-esm/core/Header/HeaderBreadcrumbs.js +39 -23
- package/DEV-esm/core/Header/HeaderButton.js +70 -32
- package/DEV-esm/core/Header/HeaderDropdownButton.js +41 -29
- package/DEV-esm/core/Header/HeaderLogo.js +40 -17
- package/DEV-esm/core/Header/HeaderSplitButton.js +60 -30
- package/DEV-esm/core/Icon/Icon.js +28 -22
- package/DEV-esm/core/InformationPanel/InformationPanel.js +84 -49
- package/DEV-esm/core/InformationPanel/InformationPanelContent.js +18 -8
- package/DEV-esm/core/InformationPanel/InformationPanelHeader.js +37 -16
- package/DEV-esm/core/InformationPanel/InformationPanelWrapper.js +3 -1
- package/DEV-esm/core/Input/Input.js +13 -13
- package/DEV-esm/core/InputGrid/InputGrid.js +128 -98
- package/DEV-esm/core/InputGroup/InputGroup.js +66 -32
- package/DEV-esm/core/InputWithDecorations/InputWithDecorations.js +59 -34
- package/DEV-esm/core/Label/Label.js +27 -12
- package/DEV-esm/core/LabeledInput/LabeledInput.js +65 -24
- package/DEV-esm/core/LabeledSelect/LabeledSelect.js +57 -25
- package/DEV-esm/core/LabeledSelect/LabeledSelect.types-test.js +95 -76
- package/DEV-esm/core/LabeledTextarea/LabeledTextarea.js +8 -6
- package/DEV-esm/core/LinkAction/LinkAction.js +8 -8
- package/DEV-esm/core/List/List.js +2 -2
- package/DEV-esm/core/List/ListItem.js +28 -20
- package/DEV-esm/core/Menu/Menu.js +207 -111
- package/DEV-esm/core/Menu/MenuDivider.js +2 -2
- package/DEV-esm/core/Menu/MenuExtraContent.js +1 -1
- package/DEV-esm/core/Menu/MenuItem.js +129 -62
- package/DEV-esm/core/Menu/MenuItemSkeleton.js +47 -26
- package/DEV-esm/core/Modal/Modal.js +43 -20
- package/DEV-esm/core/NonIdealState/ErrorPage.js +159 -114
- package/DEV-esm/core/NonIdealState/NonIdealState.js +65 -22
- package/DEV-esm/core/NotificationMarker/NotificationMarker.js +26 -12
- package/DEV-esm/core/Overlay/Overlay.js +44 -30
- package/DEV-esm/core/Popover/Popover.js +306 -172
- package/DEV-esm/core/ProgressIndicators/ProgressLinear.js +52 -19
- package/DEV-esm/core/ProgressIndicators/ProgressRadial.js +52 -27
- package/DEV-esm/core/Radio/Radio.js +50 -25
- package/DEV-esm/core/RadioTiles/RadioTile.js +63 -30
- package/DEV-esm/core/RadioTiles/RadioTileGroup.js +17 -9
- package/DEV-esm/core/SearchBox/SearchBox.js +200 -118
- package/DEV-esm/core/Select/Select.js +434 -256
- package/DEV-esm/core/Select/Select.types-test.js +107 -82
- package/DEV-esm/core/Select/SelectTag.js +19 -11
- package/DEV-esm/core/Select/SelectTagContainer.js +21 -11
- package/DEV-esm/core/SideNavigation/SideNavigation.js +103 -46
- package/DEV-esm/core/SideNavigation/SidenavButton.js +39 -18
- package/DEV-esm/core/SideNavigation/SidenavSubmenu.js +17 -9
- package/DEV-esm/core/SideNavigation/SidenavSubmenuHeader.js +25 -11
- package/DEV-esm/core/SkipToContentLink/SkipToContentLink.js +12 -8
- package/DEV-esm/core/Slider/Slider.js +317 -244
- package/DEV-esm/core/Slider/Thumb.js +97 -84
- package/DEV-esm/core/Slider/Track.js +77 -48
- package/DEV-esm/core/StatusMessage/StatusMessage.js +32 -13
- package/DEV-esm/core/Stepper/Stepper.js +69 -30
- package/DEV-esm/core/Stepper/StepperStep.js +93 -45
- package/DEV-esm/core/Stepper/WorkflowDiagram.js +23 -15
- package/DEV-esm/core/Stepper/WorkflowDiagramStep.js +28 -14
- package/DEV-esm/core/Surface/Surface.js +85 -63
- package/DEV-esm/core/Table/ColumnHeader.js +188 -0
- package/DEV-esm/core/Table/SubRowExpander.js +33 -22
- package/DEV-esm/core/Table/Table.js +694 -486
- package/DEV-esm/core/Table/TableCell.js +80 -44
- package/DEV-esm/core/Table/TablePaginator.js +305 -161
- package/DEV-esm/core/Table/TableRowMemoized.js +167 -73
- package/DEV-esm/core/Table/actionHandlers/expandHandler.js +10 -10
- package/DEV-esm/core/Table/actionHandlers/filterHandler.js +23 -15
- package/DEV-esm/core/Table/actionHandlers/index.js +5 -1
- package/DEV-esm/core/Table/actionHandlers/resizeHandler.js +14 -14
- package/DEV-esm/core/Table/actionHandlers/selectHandler.js +108 -73
- package/DEV-esm/core/Table/cells/DefaultCell.js +79 -30
- package/DEV-esm/core/Table/cells/EditableCell.js +70 -50
- package/DEV-esm/core/Table/columns/actionColumn.js +81 -59
- package/DEV-esm/core/Table/columns/expanderColumn.js +38 -32
- package/DEV-esm/core/Table/columns/selectionColumn.js +62 -42
- package/DEV-esm/core/Table/filters/BaseFilter.js +16 -13
- package/DEV-esm/core/Table/filters/DateRangeFilter/DatePickerInput.js +92 -56
- package/DEV-esm/core/Table/filters/DateRangeFilter/DateRangeFilter.js +101 -77
- package/DEV-esm/core/Table/filters/FilterButtonBar.js +42 -19
- package/DEV-esm/core/Table/filters/FilterToggle.js +58 -40
- package/DEV-esm/core/Table/filters/NumberRangeFilter/NumberRangeFilter.js +42 -46
- package/DEV-esm/core/Table/filters/TextFilter/TextFilter.js +24 -22
- package/DEV-esm/core/Table/filters/customFilterFunctions.js +18 -12
- package/DEV-esm/core/Table/filters/defaultFilterFunctions.js +111 -69
- package/DEV-esm/core/Table/filters/tableFilters.js +15 -12
- package/DEV-esm/core/Table/filters/types.js +1 -1
- package/DEV-esm/core/Table/hooks/useColumnDragAndDrop.js +100 -91
- package/DEV-esm/core/Table/hooks/useExpanderCell.js +26 -18
- package/DEV-esm/core/Table/hooks/useResizeColumns.js +333 -238
- package/DEV-esm/core/Table/hooks/useScrollToRow.js +32 -28
- package/DEV-esm/core/Table/hooks/useSelectionCell.js +17 -10
- package/DEV-esm/core/Table/hooks/useStickyColumns.js +46 -38
- package/DEV-esm/core/Table/hooks/useSubRowFiltering.js +78 -75
- package/DEV-esm/core/Table/hooks/useSubRowSelection.js +29 -29
- package/DEV-esm/core/Table/index.js +5 -1
- package/DEV-esm/core/Table/utils.js +45 -44
- package/DEV-esm/core/Tabs/Tabs.js +372 -243
- package/DEV-esm/core/Tag/Tag.js +55 -27
- package/DEV-esm/core/Tag/TagContainer.js +18 -10
- package/DEV-esm/core/Textarea/Textarea.js +8 -6
- package/DEV-esm/core/ThemeProvider/ThemeProvider.js +258 -155
- package/DEV-esm/core/Tile/Tile.js +286 -157
- package/DEV-esm/core/TimePicker/TimePicker.js +438 -250
- package/DEV-esm/core/Toast/Toast.js +199 -138
- package/DEV-esm/core/Toast/Toaster.js +114 -94
- package/DEV-esm/core/ToggleSwitch/ToggleSwitch.js +60 -29
- package/DEV-esm/core/Tooltip/Tooltip.js +229 -159
- package/DEV-esm/core/TransferList/TransferList.js +146 -112
- package/DEV-esm/core/Tree/Tree.js +226 -174
- package/DEV-esm/core/Tree/TreeContext.js +5 -4
- package/DEV-esm/core/Tree/TreeNode.js +226 -129
- package/DEV-esm/core/Tree/TreeNodeExpander.js +24 -16
- package/DEV-esm/core/Typography/Anchor.js +22 -12
- package/DEV-esm/core/Typography/Blockquote.js +13 -8
- package/DEV-esm/core/Typography/Kbd.js +25 -21
- package/DEV-esm/core/Typography/Text.js +27 -14
- package/DEV-esm/core/VisuallyHidden/VisuallyHidden.js +34 -17
- package/DEV-esm/index.js +21 -3
- package/DEV-esm/react-table/react-table.js +1 -1
- package/DEV-esm/react-table/react-table.types-test.js +635 -471
- package/DEV-esm/styles.js +7 -10
- package/DEV-esm/utils/color/ColorValue.js +406 -304
- package/DEV-esm/utils/components/AutoclearingHiddenLiveRegion.js +16 -14
- package/DEV-esm/utils/components/ButtonBase.js +27 -21
- package/DEV-esm/utils/components/FocusTrap.js +36 -33
- package/DEV-esm/utils/components/InputContainer.js +52 -19
- package/DEV-esm/utils/components/InputFlexContainer.js +31 -27
- package/DEV-esm/utils/components/LineClamp.js +21 -12
- package/DEV-esm/utils/components/MiddleTextTruncation.js +26 -22
- package/DEV-esm/utils/components/Portal.js +11 -11
- package/DEV-esm/utils/components/Resizer.js +215 -175
- package/DEV-esm/utils/components/ShadowRoot.js +72 -56
- package/DEV-esm/utils/components/WithCSSTransition.js +45 -38
- package/DEV-esm/utils/functions/colors.js +21 -20
- package/DEV-esm/utils/functions/date.js +7 -7
- package/DEV-esm/utils/functions/dev.js +12 -7
- package/DEV-esm/utils/functions/dom.js +18 -18
- package/DEV-esm/utils/functions/focusable.js +62 -45
- package/DEV-esm/utils/functions/import.js +20 -14
- package/DEV-esm/utils/functions/numbers.js +11 -9
- package/DEV-esm/utils/functions/polymorphic.js +42 -29
- package/DEV-esm/utils/functions/react.js +14 -12
- package/DEV-esm/utils/functions/supports.js +2 -1
- package/DEV-esm/utils/hooks/useContainerWidth.js +14 -14
- package/DEV-esm/utils/hooks/useControlledState.js +18 -17
- package/DEV-esm/utils/hooks/useDragAndDrop.js +100 -76
- package/DEV-esm/utils/hooks/useEventListener.js +13 -18
- package/DEV-esm/utils/hooks/useGlobals.js +29 -24
- package/DEV-esm/utils/hooks/useId.js +5 -6
- package/DEV-esm/utils/hooks/useIntersection.js +27 -27
- package/DEV-esm/utils/hooks/useIsClient.js +6 -6
- package/DEV-esm/utils/hooks/useIsomorphicLayoutEffect.js +2 -1
- package/DEV-esm/utils/hooks/useLatestRef.js +6 -8
- package/DEV-esm/utils/hooks/useMediaQuery.js +17 -12
- package/DEV-esm/utils/hooks/useMergedRefs.js +10 -9
- package/DEV-esm/utils/hooks/useOverflow.js +57 -59
- package/DEV-esm/utils/hooks/useResizeObserver.js +20 -22
- package/DEV-esm/utils/hooks/useSafeContext.js +5 -4
- package/DEV-esm/utils/hooks/useSyncExternalStore.js +27 -30
- package/DEV-esm/utils/hooks/useVirtualScroll.js +31 -29
- package/DEV-esm/utils/icons/StatusIconMap.js +20 -16
- package/DEV-esm/utils/icons/Svg.js +3 -3
- package/DEV-esm/utils/icons/SvgCalendar.js +8 -3
- package/DEV-esm/utils/icons/SvgCaretDownSmall.js +8 -3
- package/DEV-esm/utils/icons/SvgCaretRightSmall.js +8 -3
- package/DEV-esm/utils/icons/SvgCaretUpSmall.js +8 -3
- package/DEV-esm/utils/icons/SvgCheckmark.js +8 -3
- package/DEV-esm/utils/icons/SvgCheckmarkSmall.js +8 -3
- package/DEV-esm/utils/icons/SvgChevronLeft.js +8 -3
- package/DEV-esm/utils/icons/SvgChevronLeftDouble.js +8 -3
- package/DEV-esm/utils/icons/SvgChevronRight.js +8 -3
- package/DEV-esm/utils/icons/SvgChevronRightDouble.js +8 -3
- package/DEV-esm/utils/icons/SvgChevronRightSmall.js +8 -3
- package/DEV-esm/utils/icons/SvgClose.js +8 -3
- package/DEV-esm/utils/icons/SvgCloseSmall.js +8 -3
- package/DEV-esm/utils/icons/SvgColumnManager.js +8 -3
- package/DEV-esm/utils/icons/SvgDocument.js +8 -3
- package/DEV-esm/utils/icons/SvgFilter.js +8 -3
- package/DEV-esm/utils/icons/SvgFilterHollow.js +8 -3
- package/DEV-esm/utils/icons/SvgImportantSmall.js +8 -3
- package/DEV-esm/utils/icons/SvgInfoCircular.js +8 -3
- package/DEV-esm/utils/icons/SvgMore.js +8 -3
- package/DEV-esm/utils/icons/SvgMoreVertical.js +8 -3
- package/DEV-esm/utils/icons/SvgNew.js +8 -3
- package/DEV-esm/utils/icons/SvgSearch.js +8 -3
- package/DEV-esm/utils/icons/SvgSmileyHappy.js +8 -3
- package/DEV-esm/utils/icons/SvgSortDown.js +8 -3
- package/DEV-esm/utils/icons/SvgSortUp.js +8 -3
- package/DEV-esm/utils/icons/SvgStatusError.js +8 -3
- package/DEV-esm/utils/icons/SvgStatusSuccess.js +8 -3
- package/DEV-esm/utils/icons/SvgStatusWarning.js +8 -3
- package/DEV-esm/utils/icons/SvgSwap.js +8 -3
- package/DEV-esm/utils/icons/SvgUpload.js +8 -3
- package/DEV-esm/utils/meta.js +2 -2
- package/DEV-esm/utils/props.js +1 -1
- package/DEV-esm/utils/providers/HydrationProvider.js +31 -20
- package/DEV-esm/utils/providers/ScopeProvider.js +36 -35
- package/DEV-esm/utils/types.js +1 -1
- package/cjs/core/Buttons/IconButton.d.ts +4 -0
- package/cjs/core/Buttons/IconButton.js +3 -1
- package/cjs/core/Carousel/Carousel.d.ts +4 -2
- package/cjs/core/Carousel/CarouselNavigation.d.ts +4 -2
- package/cjs/core/ComboBox/ComboBox.js +5 -0
- package/cjs/core/InputWithDecorations/InputWithDecorations.d.ts +1 -1
- package/cjs/core/List/List.d.ts +1 -1
- package/cjs/core/List/List.js +1 -1
- package/cjs/core/List/ListItem.d.ts +4 -4
- package/cjs/core/List/ListItem.js +4 -6
- package/cjs/core/Menu/Menu.js +6 -0
- package/cjs/core/Menu/MenuDivider.d.ts +1 -1
- package/cjs/core/Menu/MenuDivider.js +1 -1
- package/cjs/core/Overlay/Overlay.d.ts +2 -2
- package/cjs/core/Overlay/Overlay.js +2 -2
- package/cjs/core/Popover/Popover.d.ts +8 -1
- package/cjs/core/Popover/Popover.js +40 -9
- package/cjs/core/Select/Select.js +5 -0
- package/cjs/core/Table/ColumnHeader.d.ts +19 -0
- package/cjs/core/Table/ColumnHeader.js +194 -0
- package/cjs/core/Table/Table.js +38 -184
- package/cjs/core/Table/filters/BaseFilter.d.ts +2 -9
- package/cjs/core/Table/filters/BaseFilter.js +17 -15
- package/cjs/core/Table/filters/DateRangeFilter/DateRangeFilter.js +3 -8
- package/cjs/core/Table/filters/FilterButtonBar.d.ts +4 -2
- package/cjs/core/Table/filters/FilterButtonBar.js +1 -0
- package/cjs/core/Table/filters/NumberRangeFilter/NumberRangeFilter.js +3 -9
- package/cjs/core/Table/filters/TextFilter/TextFilter.js +4 -7
- package/cjs/core/Table/filters/index.d.ts +0 -1
- package/cjs/core/Table/index.d.ts +1 -1
- package/cjs/core/ThemeProvider/ThemeProvider.d.ts +0 -4
- package/cjs/core/ThemeProvider/ThemeProvider.js +66 -49
- package/cjs/core/Tile/Tile.d.ts +10 -9
- package/cjs/core/Tile/Tile.js +8 -8
- package/cjs/core/Toast/Toaster.d.ts +3 -2
- package/cjs/core/Toast/Toaster.js +2 -1
- package/cjs/core/Tooltip/Tooltip.js +22 -7
- package/cjs/core/TransferList/TransferList.d.ts +5 -5
- package/cjs/core/TransferList/TransferList.js +2 -2
- package/cjs/core/Tree/Tree.js +2 -1
- package/cjs/styles.js +1 -1
- package/cjs/utils/functions/polymorphic.d.ts +3 -7
- package/cjs/utils/functions/polymorphic.js +8 -5
- package/esm/core/Buttons/IconButton.d.ts +4 -0
- package/esm/core/Buttons/IconButton.js +4 -2
- package/esm/core/Carousel/Carousel.d.ts +4 -2
- package/esm/core/Carousel/CarouselNavigation.d.ts +4 -2
- package/esm/core/ComboBox/ComboBox.js +5 -0
- package/esm/core/InputWithDecorations/InputWithDecorations.d.ts +1 -1
- package/esm/core/List/List.d.ts +1 -1
- package/esm/core/List/List.js +1 -1
- package/esm/core/List/ListItem.d.ts +4 -4
- package/esm/core/List/ListItem.js +4 -4
- package/esm/core/Menu/Menu.js +6 -0
- package/esm/core/Menu/MenuDivider.d.ts +1 -1
- package/esm/core/Menu/MenuDivider.js +1 -1
- package/esm/core/Overlay/Overlay.d.ts +2 -2
- package/esm/core/Overlay/Overlay.js +2 -2
- package/esm/core/Popover/Popover.d.ts +8 -1
- package/esm/core/Popover/Popover.js +40 -9
- package/esm/core/Select/Select.js +5 -0
- package/esm/core/Table/ColumnHeader.d.ts +19 -0
- package/esm/core/Table/ColumnHeader.js +188 -0
- package/esm/core/Table/Table.js +20 -171
- package/esm/core/Table/filters/BaseFilter.d.ts +2 -9
- package/esm/core/Table/filters/BaseFilter.js +15 -16
- package/esm/core/Table/filters/DateRangeFilter/DateRangeFilter.js +3 -8
- package/esm/core/Table/filters/FilterButtonBar.d.ts +4 -2
- package/esm/core/Table/filters/FilterButtonBar.js +1 -0
- package/esm/core/Table/filters/NumberRangeFilter/NumberRangeFilter.js +3 -9
- package/esm/core/Table/filters/TextFilter/TextFilter.js +4 -7
- package/esm/core/Table/filters/index.d.ts +0 -1
- package/esm/core/Table/index.d.ts +1 -1
- package/esm/core/ThemeProvider/ThemeProvider.d.ts +0 -4
- package/esm/core/ThemeProvider/ThemeProvider.js +65 -44
- package/esm/core/Tile/Tile.d.ts +10 -9
- package/esm/core/Tile/Tile.js +8 -8
- package/esm/core/Toast/Toaster.d.ts +3 -2
- package/esm/core/Toast/Toaster.js +2 -1
- package/esm/core/Tooltip/Tooltip.js +22 -8
- package/esm/core/TransferList/TransferList.d.ts +5 -5
- package/esm/core/TransferList/TransferList.js +2 -2
- package/esm/core/Tree/Tree.js +2 -1
- package/esm/styles.js +1 -1
- package/esm/utils/functions/polymorphic.d.ts +3 -7
- package/esm/utils/functions/polymorphic.js +8 -5
- package/package.json +3 -3
- package/styles.css +22 -14
|
@@ -1,68 +1,103 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports,
|
|
3
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
Object.defineProperty(exports, '__esModule', {
|
|
3
|
+
value: true,
|
|
4
4
|
});
|
|
5
|
-
Object.defineProperty(exports,
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
5
|
+
Object.defineProperty(exports, 'InformationPanel', {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function () {
|
|
8
|
+
return InformationPanel;
|
|
9
|
+
},
|
|
10
10
|
});
|
|
11
|
-
const _interop_require_default = require(
|
|
12
|
-
const _interop_require_wildcard = require(
|
|
13
|
-
const _classnames = _interop_require_default._(require(
|
|
14
|
-
const _react = _interop_require_wildcard._(require(
|
|
15
|
-
const _index = require(
|
|
16
|
-
const InformationPanel = _react.forwardRef((props, forwardedRef)=>{
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
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
|
-
|
|
60
|
+
height: void 0,
|
|
61
|
+
})
|
|
62
|
+
: setInfoPanelSize({
|
|
42
63
|
height: bottom - e.clientY,
|
|
43
|
-
width: void 0
|
|
44
|
-
|
|
45
|
-
},
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
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
|
-
|
|
2
|
-
Object.defineProperty(exports,
|
|
3
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
Object.defineProperty(exports, '__esModule', {
|
|
3
|
+
value: true,
|
|
4
4
|
});
|
|
5
|
-
Object.defineProperty(exports,
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
5
|
+
Object.defineProperty(exports, 'InformationPanelBody', {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function () {
|
|
8
|
+
return InformationPanelBody;
|
|
9
|
+
},
|
|
10
10
|
});
|
|
11
|
-
const _index = require(
|
|
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
|
-
|
|
2
|
-
Object.defineProperty(exports,
|
|
3
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
Object.defineProperty(exports, '__esModule', {
|
|
3
|
+
value: true,
|
|
4
4
|
});
|
|
5
|
-
Object.defineProperty(exports,
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
5
|
+
Object.defineProperty(exports, 'InformationPanelContent', {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function () {
|
|
8
|
+
return InformationPanelContent;
|
|
9
|
+
},
|
|
10
10
|
});
|
|
11
|
-
const _interop_require_default = require(
|
|
12
|
-
const _interop_require_wildcard = require(
|
|
13
|
-
const _classnames = _interop_require_default._(require(
|
|
14
|
-
const _react = _interop_require_wildcard._(require(
|
|
15
|
-
const _index = require(
|
|
16
|
-
const InformationPanelContent = _react.forwardRef((props, forwardedRef)=>{
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
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
|
-
|
|
2
|
-
Object.defineProperty(exports,
|
|
3
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
Object.defineProperty(exports, '__esModule', {
|
|
3
|
+
value: true,
|
|
4
4
|
});
|
|
5
|
-
Object.defineProperty(exports,
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
5
|
+
Object.defineProperty(exports, 'InformationPanelHeader', {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function () {
|
|
8
|
+
return InformationPanelHeader;
|
|
9
|
+
},
|
|
10
10
|
});
|
|
11
|
-
const _interop_require_default = require(
|
|
12
|
-
const _interop_require_wildcard = require(
|
|
13
|
-
const _react = _interop_require_wildcard._(require(
|
|
14
|
-
const _classnames = _interop_require_default._(require(
|
|
15
|
-
const _IconButton = require(
|
|
16
|
-
const _index = require(
|
|
17
|
-
const InformationPanelHeader = _react.forwardRef((props, forwardedRef)=>{
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
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
|
-
|
|
2
|
-
Object.defineProperty(exports,
|
|
3
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
Object.defineProperty(exports, '__esModule', {
|
|
3
|
+
value: true,
|
|
4
4
|
});
|
|
5
|
-
Object.defineProperty(exports,
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
5
|
+
Object.defineProperty(exports, 'InformationPanelWrapper', {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function () {
|
|
8
|
+
return InformationPanelWrapper;
|
|
9
|
+
},
|
|
10
10
|
});
|
|
11
|
-
const _index = require(
|
|
12
|
-
const InformationPanelWrapper = _index.polymorphic.div(
|
|
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
|
-
|
|
2
|
-
Object.defineProperty(exports,
|
|
3
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
Object.defineProperty(exports, '__esModule', {
|
|
3
|
+
value: true,
|
|
4
4
|
});
|
|
5
|
-
Object.defineProperty(exports,
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
5
|
+
Object.defineProperty(exports, 'Input', {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function () {
|
|
8
|
+
return Input;
|
|
9
|
+
},
|
|
10
10
|
});
|
|
11
|
-
const _interop_require_default = require(
|
|
12
|
-
const _interop_require_wildcard = require(
|
|
13
|
-
const _classnames = _interop_require_default._(require(
|
|
14
|
-
const _react = _interop_require_wildcard._(require(
|
|
15
|
-
const _index = require(
|
|
16
|
-
const Input = _react.forwardRef((props, ref)=>{
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
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';
|