@itwin/itwinui-react 3.12.2 → 3.13.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 +38 -0
- package/DEV-cjs/core/Alert/Alert.js +90 -0
- package/DEV-cjs/core/Avatar/Avatar.js +55 -0
- package/DEV-cjs/core/AvatarGroup/AvatarGroup.js +38 -0
- package/DEV-cjs/core/Backdrop/Backdrop.js +26 -0
- package/DEV-cjs/core/Badge/Badge.js +48 -0
- package/DEV-cjs/core/Breadcrumbs/Breadcrumbs.js +96 -0
- package/DEV-cjs/core/ButtonGroup/ButtonGroup.js +91 -0
- package/DEV-cjs/core/Buttons/Button.js +54 -0
- package/DEV-cjs/core/Buttons/DropdownButton.js +43 -0
- package/DEV-cjs/core/Buttons/IconButton.js +46 -0
- package/DEV-cjs/core/Buttons/IdeasButton.js +30 -0
- package/DEV-cjs/core/Buttons/SplitButton.js +71 -0
- package/DEV-cjs/core/Carousel/Carousel.js +74 -0
- package/DEV-cjs/core/Carousel/CarouselContext.js +14 -0
- package/DEV-cjs/core/Carousel/CarouselDot.js +31 -0
- package/DEV-cjs/core/Carousel/CarouselDotsList.js +122 -0
- package/DEV-cjs/core/Carousel/CarouselNavigation.js +79 -0
- package/DEV-cjs/core/Carousel/CarouselSlide.js +46 -0
- package/DEV-cjs/core/Carousel/CarouselSlider.js +65 -0
- package/DEV-cjs/core/Checkbox/Checkbox.js +58 -0
- package/DEV-cjs/core/ColorPicker/ColorBuilder.js +250 -0
- package/DEV-cjs/core/ColorPicker/ColorInputPanel.js +384 -0
- package/DEV-cjs/core/ColorPicker/ColorPalette.js +43 -0
- package/DEV-cjs/core/ColorPicker/ColorPicker.js +79 -0
- package/DEV-cjs/core/ColorPicker/ColorPickerContext.js +26 -0
- package/DEV-cjs/core/ColorPicker/ColorSwatch.js +38 -0
- package/DEV-cjs/core/ComboBox/ComboBox.js +310 -0
- package/DEV-cjs/core/ComboBox/ComboBox.types-test.js +82 -0
- package/DEV-cjs/core/ComboBox/ComboBoxEndIcon.js +31 -0
- package/DEV-cjs/core/ComboBox/ComboBoxInput.js +133 -0
- package/DEV-cjs/core/ComboBox/ComboBoxInputContainer.js +32 -0
- package/DEV-cjs/core/ComboBox/ComboBoxMenu.js +101 -0
- package/DEV-cjs/core/ComboBox/ComboBoxMenuItem.js +48 -0
- package/DEV-cjs/core/ComboBox/ComboBoxMultipleContainer.js +22 -0
- package/DEV-cjs/core/ComboBox/helpers.js +24 -0
- package/DEV-cjs/core/DatePicker/DatePicker.js +382 -0
- package/DEV-cjs/core/Dialog/Dialog.js +65 -0
- package/DEV-cjs/core/Dialog/DialogBackdrop.js +43 -0
- package/DEV-cjs/core/Dialog/DialogButtonBar.js +13 -0
- package/DEV-cjs/core/Dialog/DialogContent.js +13 -0
- package/DEV-cjs/core/Dialog/DialogContext.js +22 -0
- package/DEV-cjs/core/Dialog/DialogDragContext.js +27 -0
- package/DEV-cjs/core/Dialog/DialogMain.js +131 -0
- package/DEV-cjs/core/Dialog/DialogTitleBar.js +41 -0
- package/DEV-cjs/core/Dialog/DialogTitleBarTitle.js +13 -0
- package/DEV-cjs/core/Divider/Divider.js +26 -0
- package/DEV-cjs/core/DropdownMenu/DropdownMenu.js +48 -0
- package/DEV-cjs/core/ExpandableBlock/ExpandableBlock.js +151 -0
- package/DEV-cjs/core/Fieldset/Fieldset.js +27 -0
- package/DEV-cjs/core/FileUpload/FileEmptyCard.js +35 -0
- package/DEV-cjs/core/FileUpload/FileUpload.js +61 -0
- package/DEV-cjs/core/FileUpload/FileUploadCard.js +153 -0
- package/DEV-cjs/core/FileUpload/FileUploadTemplate.js +39 -0
- package/DEV-cjs/core/Flex/Flex.js +88 -0
- package/DEV-cjs/core/Footer/Footer.js +103 -0
- package/DEV-cjs/core/Footer/FooterItem.js +13 -0
- package/DEV-cjs/core/Footer/FooterList.js +13 -0
- package/DEV-cjs/core/Footer/FooterSeparator.js +15 -0
- package/DEV-cjs/core/Header/Header.js +50 -0
- package/DEV-cjs/core/Header/HeaderBasicButton.js +23 -0
- package/DEV-cjs/core/Header/HeaderBreadcrumbs.js +41 -0
- package/DEV-cjs/core/Header/HeaderButton.js +51 -0
- package/DEV-cjs/core/Header/HeaderDropdownButton.js +48 -0
- package/DEV-cjs/core/Header/HeaderLogo.js +34 -0
- package/DEV-cjs/core/Header/HeaderSplitButton.js +53 -0
- package/DEV-cjs/core/Icon/Icon.js +40 -0
- package/DEV-cjs/core/InformationPanel/InformationPanel.js +68 -0
- package/DEV-cjs/core/InformationPanel/InformationPanelBody.js +13 -0
- package/DEV-cjs/core/InformationPanel/InformationPanelContent.js +26 -0
- package/DEV-cjs/core/InformationPanel/InformationPanelHeader.js +36 -0
- package/DEV-cjs/core/InformationPanel/InformationPanelWrapper.js +13 -0
- package/DEV-cjs/core/Input/Input.js +30 -0
- package/DEV-cjs/core/InputGrid/InputGrid.js +125 -0
- package/DEV-cjs/core/InputGroup/InputGroup.js +58 -0
- package/DEV-cjs/core/InputWithDecorations/InputWithDecorations.js +61 -0
- package/DEV-cjs/core/Label/Label.js +29 -0
- package/DEV-cjs/core/LabeledInput/LabeledInput.js +49 -0
- package/DEV-cjs/core/LabeledSelect/LabeledSelect.js +43 -0
- package/DEV-cjs/core/LabeledSelect/LabeledSelect.types-test.js +84 -0
- package/DEV-cjs/core/LabeledTextarea/LabeledTextarea.js +20 -0
- package/DEV-cjs/core/LinkAction/LinkAction.js +36 -0
- package/DEV-cjs/core/List/List.js +15 -0
- package/DEV-cjs/core/List/ListItem.js +45 -0
- package/DEV-cjs/core/Menu/Menu.js +140 -0
- package/DEV-cjs/core/Menu/MenuDivider.js +15 -0
- package/DEV-cjs/core/Menu/MenuExtraContent.js +15 -0
- package/DEV-cjs/core/Menu/MenuItem.js +82 -0
- package/DEV-cjs/core/Menu/MenuItemSkeleton.js +44 -0
- package/DEV-cjs/core/Modal/Modal.js +36 -0
- package/DEV-cjs/core/Modal/ModalButtonBar.js +13 -0
- package/DEV-cjs/core/Modal/ModalContent.js +13 -0
- package/DEV-cjs/core/NonIdealState/ErrorPage.js +133 -0
- package/DEV-cjs/core/NonIdealState/NonIdealState.js +40 -0
- package/DEV-cjs/core/NotificationMarker/NotificationMarker.js +29 -0
- package/DEV-cjs/core/Overlay/Overlay.js +52 -0
- package/DEV-cjs/core/Popover/Popover.js +209 -0
- package/DEV-cjs/core/ProgressIndicators/ProgressLinear.js +38 -0
- package/DEV-cjs/core/ProgressIndicators/ProgressRadial.js +45 -0
- package/DEV-cjs/core/Radio/Radio.js +42 -0
- package/DEV-cjs/core/RadioTiles/RadioTile.js +47 -0
- package/DEV-cjs/core/RadioTiles/RadioTileGroup.js +25 -0
- package/DEV-cjs/core/SearchBox/SearchBox.js +154 -0
- package/DEV-cjs/core/Select/Select.js +300 -0
- package/DEV-cjs/core/Select/Select.types-test.js +90 -0
- package/DEV-cjs/core/Select/SelectTag.js +27 -0
- package/DEV-cjs/core/Select/SelectTagContainer.js +28 -0
- package/DEV-cjs/core/SideNavigation/SideNavigation.js +74 -0
- package/DEV-cjs/core/SideNavigation/SidenavButton.js +37 -0
- package/DEV-cjs/core/SideNavigation/SidenavSubmenu.js +26 -0
- package/DEV-cjs/core/SideNavigation/SidenavSubmenuHeader.js +28 -0
- package/DEV-cjs/core/SkipToContentLink/SkipToContentLink.js +25 -0
- package/DEV-cjs/core/Slider/Slider.js +281 -0
- package/DEV-cjs/core/Slider/Thumb.js +102 -0
- package/DEV-cjs/core/Slider/Track.js +70 -0
- package/DEV-cjs/core/StatusMessage/StatusMessage.js +31 -0
- package/DEV-cjs/core/Stepper/Stepper.js +56 -0
- package/DEV-cjs/core/Stepper/StepperStep.js +64 -0
- package/DEV-cjs/core/Stepper/WorkflowDiagram.js +37 -0
- package/DEV-cjs/core/Stepper/WorkflowDiagramStep.js +32 -0
- package/DEV-cjs/core/Surface/Surface.js +94 -0
- package/DEV-cjs/core/Table/SubRowExpander.js +37 -0
- package/DEV-cjs/core/Table/Table.js +538 -0
- package/DEV-cjs/core/Table/TableCell.js +69 -0
- package/DEV-cjs/core/Table/TablePaginator.js +188 -0
- package/DEV-cjs/core/Table/TableRowMemoized.js +99 -0
- package/DEV-cjs/core/Table/actionHandlers/expandHandler.js +21 -0
- package/DEV-cjs/core/Table/actionHandlers/filterHandler.js +26 -0
- package/DEV-cjs/core/Table/actionHandlers/index.js +37 -0
- package/DEV-cjs/core/Table/actionHandlers/resizeHandler.js +32 -0
- package/DEV-cjs/core/Table/actionHandlers/selectHandler.js +100 -0
- package/DEV-cjs/core/Table/cells/DefaultCell.js +48 -0
- package/DEV-cjs/core/Table/cells/EditableCell.js +67 -0
- package/DEV-cjs/core/Table/cells/index.js +20 -0
- package/DEV-cjs/core/Table/columns/actionColumn.js +81 -0
- package/DEV-cjs/core/Table/columns/expanderColumn.js +57 -0
- package/DEV-cjs/core/Table/columns/index.js +30 -0
- package/DEV-cjs/core/Table/columns/selectionColumn.js +67 -0
- package/DEV-cjs/core/Table/filters/BaseFilter.js +27 -0
- package/DEV-cjs/core/Table/filters/DateRangeFilter/DatePickerInput.js +91 -0
- package/DEV-cjs/core/Table/filters/DateRangeFilter/DateRangeFilter.js +98 -0
- package/DEV-cjs/core/Table/filters/FilterButtonBar.js +38 -0
- package/DEV-cjs/core/Table/filters/FilterToggle.js +60 -0
- package/DEV-cjs/core/Table/filters/NumberRangeFilter/NumberRangeFilter.js +65 -0
- package/DEV-cjs/core/Table/filters/TextFilter/TextFilter.js +39 -0
- package/DEV-cjs/core/Table/filters/customFilterFunctions.js +25 -0
- package/DEV-cjs/core/Table/filters/defaultFilterFunctions.js +83 -0
- package/DEV-cjs/core/Table/filters/index.js +28 -0
- package/DEV-cjs/core/Table/filters/tableFilters.js +29 -0
- package/DEV-cjs/core/Table/filters/types.js +4 -0
- package/DEV-cjs/core/Table/hooks/index.js +44 -0
- package/DEV-cjs/core/Table/hooks/useColumnDragAndDrop.js +109 -0
- package/DEV-cjs/core/Table/hooks/useExpanderCell.js +31 -0
- package/DEV-cjs/core/Table/hooks/useResizeColumns.js +269 -0
- package/DEV-cjs/core/Table/hooks/useScrollToRow.js +41 -0
- package/DEV-cjs/core/Table/hooks/useSelectionCell.js +21 -0
- package/DEV-cjs/core/Table/hooks/useStickyColumns.js +57 -0
- package/DEV-cjs/core/Table/hooks/useSubRowFiltering.js +92 -0
- package/DEV-cjs/core/Table/hooks/useSubRowSelection.js +43 -0
- package/DEV-cjs/core/Table/index.js +47 -0
- package/DEV-cjs/core/Table/utils.js +74 -0
- package/DEV-cjs/core/Tabs/Tabs.js +300 -0
- package/DEV-cjs/core/Tag/Tag.js +46 -0
- package/DEV-cjs/core/Tag/TagContainer.js +27 -0
- package/DEV-cjs/core/Textarea/Textarea.js +20 -0
- package/DEV-cjs/core/ThemeProvider/ThemeContext.js +13 -0
- package/DEV-cjs/core/ThemeProvider/ThemeProvider.js +189 -0
- package/DEV-cjs/core/Tile/Tile.js +211 -0
- package/DEV-cjs/core/TimePicker/TimePicker.js +283 -0
- package/DEV-cjs/core/Toast/Toast.js +173 -0
- package/DEV-cjs/core/Toast/Toaster.js +136 -0
- package/DEV-cjs/core/ToggleSwitch/ToggleSwitch.js +46 -0
- package/DEV-cjs/core/Tooltip/Tooltip.js +180 -0
- package/DEV-cjs/core/TransferList/TransferList.js +153 -0
- package/DEV-cjs/core/Tree/Tree.js +198 -0
- package/DEV-cjs/core/Tree/TreeContext.js +26 -0
- package/DEV-cjs/core/Tree/TreeNode.js +153 -0
- package/DEV-cjs/core/Tree/TreeNodeExpander.js +35 -0
- package/DEV-cjs/core/Typography/Anchor.js +31 -0
- package/DEV-cjs/core/Typography/Blockquote.js +25 -0
- package/DEV-cjs/core/Typography/Code.js +13 -0
- package/DEV-cjs/core/Typography/Kbd.js +48 -0
- package/DEV-cjs/core/Typography/Text.js +40 -0
- package/DEV-cjs/core/VisuallyHidden/VisuallyHidden.js +44 -0
- package/DEV-cjs/index.js +481 -0
- package/DEV-cjs/react-table/react-table.js +4 -0
- package/DEV-cjs/react-table/react-table.types-test.js +496 -0
- package/DEV-cjs/styles.js +1 -0
- package/DEV-cjs/utils/color/ColorValue.js +343 -0
- package/DEV-cjs/utils/color/index.js +6 -0
- package/DEV-cjs/utils/components/AutoclearingHiddenLiveRegion.js +29 -0
- package/DEV-cjs/utils/components/Box.js +12 -0
- package/DEV-cjs/utils/components/ButtonBase.js +39 -0
- package/DEV-cjs/utils/components/FieldsetBase.js +12 -0
- package/DEV-cjs/utils/components/FocusTrap.js +48 -0
- package/DEV-cjs/utils/components/InputContainer.js +37 -0
- package/DEV-cjs/utils/components/InputFlexContainer.js +58 -0
- package/DEV-cjs/utils/components/InputWithIcon.js +13 -0
- package/DEV-cjs/utils/components/LineClamp.js +35 -0
- package/DEV-cjs/utils/components/MiddleTextTruncation.js +38 -0
- package/DEV-cjs/utils/components/Portal.js +41 -0
- package/DEV-cjs/utils/components/Resizer.js +226 -0
- package/DEV-cjs/utils/components/ShadowRoot.js +77 -0
- package/DEV-cjs/utils/components/WithCSSTransition.js +53 -0
- package/DEV-cjs/utils/components/index.js +19 -0
- package/DEV-cjs/utils/functions/colors.js +45 -0
- package/DEV-cjs/utils/functions/date.js +18 -0
- package/DEV-cjs/utils/functions/dev.js +31 -0
- package/DEV-cjs/utils/functions/dom.js +47 -0
- package/DEV-cjs/utils/functions/focusable.js +73 -0
- package/DEV-cjs/utils/functions/import.js +27 -0
- package/DEV-cjs/utils/functions/index.js +15 -0
- package/DEV-cjs/utils/functions/numbers.js +32 -0
- package/DEV-cjs/utils/functions/polymorphic.js +48 -0
- package/DEV-cjs/utils/functions/react.js +26 -0
- package/DEV-cjs/utils/functions/supports.js +12 -0
- package/DEV-cjs/utils/hooks/index.js +21 -0
- package/DEV-cjs/utils/hooks/useContainerWidth.js +29 -0
- package/DEV-cjs/utils/hooks/useControlledState.js +30 -0
- package/DEV-cjs/utils/hooks/useDragAndDrop.js +92 -0
- package/DEV-cjs/utils/hooks/useEventListener.js +31 -0
- package/DEV-cjs/utils/hooks/useGlobals.js +51 -0
- package/DEV-cjs/utils/hooks/useId.js +21 -0
- package/DEV-cjs/utils/hooks/useIntersection.js +41 -0
- package/DEV-cjs/utils/hooks/useIsClient.js +19 -0
- package/DEV-cjs/utils/hooks/useIsomorphicLayoutEffect.js +13 -0
- package/DEV-cjs/utils/hooks/useLatestRef.js +21 -0
- package/DEV-cjs/utils/hooks/useMediaQuery.js +26 -0
- package/DEV-cjs/utils/hooks/useMergedRefs.js +29 -0
- package/DEV-cjs/utils/hooks/useOverflow.js +76 -0
- package/DEV-cjs/utils/hooks/useResizeObserver.js +36 -0
- package/DEV-cjs/utils/hooks/useSafeContext.js +17 -0
- package/DEV-cjs/utils/hooks/useSyncExternalStore.js +46 -0
- package/DEV-cjs/utils/hooks/useVirtualScroll.js +38 -0
- package/DEV-cjs/utils/icons/StatusIconMap.js +34 -0
- package/DEV-cjs/utils/icons/Svg.js +16 -0
- package/DEV-cjs/utils/icons/SvgCalendar.js +16 -0
- package/DEV-cjs/utils/icons/SvgCaretDownSmall.js +16 -0
- package/DEV-cjs/utils/icons/SvgCaretRightSmall.js +16 -0
- package/DEV-cjs/utils/icons/SvgCaretUpSmall.js +16 -0
- package/DEV-cjs/utils/icons/SvgCheckmark.js +16 -0
- package/DEV-cjs/utils/icons/SvgCheckmarkSmall.js +16 -0
- package/DEV-cjs/utils/icons/SvgChevronLeft.js +16 -0
- package/DEV-cjs/utils/icons/SvgChevronLeftDouble.js +16 -0
- package/DEV-cjs/utils/icons/SvgChevronRight.js +16 -0
- package/DEV-cjs/utils/icons/SvgChevronRightDouble.js +16 -0
- package/DEV-cjs/utils/icons/SvgChevronRightSmall.js +16 -0
- package/DEV-cjs/utils/icons/SvgClose.js +16 -0
- package/DEV-cjs/utils/icons/SvgCloseSmall.js +16 -0
- package/DEV-cjs/utils/icons/SvgColumnManager.js +16 -0
- package/DEV-cjs/utils/icons/SvgDocument.js +16 -0
- package/DEV-cjs/utils/icons/SvgFilter.js +16 -0
- package/DEV-cjs/utils/icons/SvgFilterHollow.js +16 -0
- package/DEV-cjs/utils/icons/SvgImportantSmall.js +16 -0
- package/DEV-cjs/utils/icons/SvgInfoCircular.js +16 -0
- package/DEV-cjs/utils/icons/SvgMore.js +16 -0
- package/DEV-cjs/utils/icons/SvgMoreVertical.js +16 -0
- package/DEV-cjs/utils/icons/SvgNew.js +16 -0
- package/DEV-cjs/utils/icons/SvgSearch.js +16 -0
- package/DEV-cjs/utils/icons/SvgSmileyHappy.js +16 -0
- package/DEV-cjs/utils/icons/SvgSortDown.js +16 -0
- package/DEV-cjs/utils/icons/SvgSortUp.js +16 -0
- package/DEV-cjs/utils/icons/SvgStatusError.js +16 -0
- package/DEV-cjs/utils/icons/SvgStatusSuccess.js +16 -0
- package/DEV-cjs/utils/icons/SvgStatusWarning.js +16 -0
- package/DEV-cjs/utils/icons/SvgSwap.js +16 -0
- package/DEV-cjs/utils/icons/SvgUpload.js +16 -0
- package/DEV-cjs/utils/icons/index.js +37 -0
- package/DEV-cjs/utils/index.js +13 -0
- package/DEV-cjs/utils/meta.js +16 -0
- package/DEV-cjs/utils/props.js +4 -0
- package/DEV-cjs/utils/providers/HydrationProvider.js +46 -0
- package/DEV-cjs/utils/providers/ScopeProvider.js +64 -0
- package/DEV-cjs/utils/providers/index.js +7 -0
- package/DEV-cjs/utils/types.js +4 -0
- package/DEV-esm/core/Alert/Alert.js +78 -0
- package/DEV-esm/core/Avatar/Avatar.js +35 -0
- package/DEV-esm/core/AvatarGroup/AvatarGroup.js +26 -0
- package/DEV-esm/core/Backdrop/Backdrop.js +14 -0
- package/DEV-esm/core/Badge/Badge.js +36 -0
- package/DEV-esm/core/Breadcrumbs/Breadcrumbs.js +84 -0
- package/DEV-esm/core/ButtonGroup/ButtonGroup.js +71 -0
- package/DEV-esm/core/Buttons/Button.js +42 -0
- package/DEV-esm/core/Buttons/DropdownButton.js +31 -0
- package/DEV-esm/core/Buttons/IconButton.js +34 -0
- package/DEV-esm/core/Buttons/IdeasButton.js +18 -0
- package/DEV-esm/core/Buttons/SplitButton.js +59 -0
- package/DEV-esm/core/Carousel/Carousel.js +62 -0
- package/DEV-esm/core/Carousel/CarouselContext.js +3 -0
- package/DEV-esm/core/Carousel/CarouselDot.js +19 -0
- package/DEV-esm/core/Carousel/CarouselDotsList.js +110 -0
- package/DEV-esm/core/Carousel/CarouselNavigation.js +67 -0
- package/DEV-esm/core/Carousel/CarouselSlide.js +34 -0
- package/DEV-esm/core/Carousel/CarouselSlider.js +53 -0
- package/DEV-esm/core/Checkbox/Checkbox.js +46 -0
- package/DEV-esm/core/ColorPicker/ColorBuilder.js +238 -0
- package/DEV-esm/core/ColorPicker/ColorInputPanel.js +372 -0
- package/DEV-esm/core/ColorPicker/ColorPalette.js +31 -0
- package/DEV-esm/core/ColorPicker/ColorPicker.js +59 -0
- package/DEV-esm/core/ColorPicker/ColorPickerContext.js +7 -0
- package/DEV-esm/core/ColorPicker/ColorSwatch.js +26 -0
- package/DEV-esm/core/ComboBox/ComboBox.js +299 -0
- package/DEV-esm/core/ComboBox/ComboBox.types-test.js +78 -0
- package/DEV-esm/core/ComboBox/ComboBoxEndIcon.js +19 -0
- package/DEV-esm/core/ComboBox/ComboBoxInput.js +122 -0
- package/DEV-esm/core/ComboBox/ComboBoxInputContainer.js +21 -0
- package/DEV-esm/core/ComboBox/ComboBoxMenu.js +89 -0
- package/DEV-esm/core/ComboBox/ComboBoxMenuItem.js +37 -0
- package/DEV-esm/core/ComboBox/ComboBoxMultipleContainer.js +11 -0
- package/DEV-esm/core/ComboBox/helpers.js +5 -0
- package/DEV-esm/core/DatePicker/DatePicker.js +362 -0
- package/DEV-esm/core/Dialog/Dialog.js +53 -0
- package/DEV-esm/core/Dialog/DialogBackdrop.js +31 -0
- package/DEV-esm/core/Dialog/DialogButtonBar.js +3 -0
- package/DEV-esm/core/Dialog/DialogContent.js +3 -0
- package/DEV-esm/core/Dialog/DialogContext.js +3 -0
- package/DEV-esm/core/Dialog/DialogDragContext.js +8 -0
- package/DEV-esm/core/Dialog/DialogMain.js +119 -0
- package/DEV-esm/core/Dialog/DialogTitleBar.js +29 -0
- package/DEV-esm/core/Dialog/DialogTitleBarTitle.js +3 -0
- package/DEV-esm/core/Divider/Divider.js +14 -0
- package/DEV-esm/core/DropdownMenu/DropdownMenu.js +37 -0
- package/DEV-esm/core/ExpandableBlock/ExpandableBlock.js +139 -0
- package/DEV-esm/core/Fieldset/Fieldset.js +15 -0
- package/DEV-esm/core/FileUpload/FileEmptyCard.js +23 -0
- package/DEV-esm/core/FileUpload/FileUpload.js +49 -0
- package/DEV-esm/core/FileUpload/FileUploadCard.js +133 -0
- package/DEV-esm/core/FileUpload/FileUploadTemplate.js +27 -0
- package/DEV-esm/core/Flex/Flex.js +76 -0
- package/DEV-esm/core/Footer/Footer.js +83 -0
- package/DEV-esm/core/Footer/FooterItem.js +3 -0
- package/DEV-esm/core/Footer/FooterList.js +3 -0
- package/DEV-esm/core/Footer/FooterSeparator.js +5 -0
- package/DEV-esm/core/Header/Header.js +38 -0
- package/DEV-esm/core/Header/HeaderBasicButton.js +11 -0
- package/DEV-esm/core/Header/HeaderBreadcrumbs.js +29 -0
- package/DEV-esm/core/Header/HeaderButton.js +40 -0
- package/DEV-esm/core/Header/HeaderDropdownButton.js +36 -0
- package/DEV-esm/core/Header/HeaderLogo.js +22 -0
- package/DEV-esm/core/Header/HeaderSplitButton.js +41 -0
- package/DEV-esm/core/Icon/Icon.js +28 -0
- package/DEV-esm/core/InformationPanel/InformationPanel.js +56 -0
- package/DEV-esm/core/InformationPanel/InformationPanelBody.js +3 -0
- package/DEV-esm/core/InformationPanel/InformationPanelContent.js +14 -0
- package/DEV-esm/core/InformationPanel/InformationPanelHeader.js +24 -0
- package/DEV-esm/core/InformationPanel/InformationPanelWrapper.js +3 -0
- package/DEV-esm/core/Input/Input.js +18 -0
- package/DEV-esm/core/InputGrid/InputGrid.js +113 -0
- package/DEV-esm/core/InputGroup/InputGroup.js +46 -0
- package/DEV-esm/core/InputWithDecorations/InputWithDecorations.js +50 -0
- package/DEV-esm/core/Label/Label.js +17 -0
- package/DEV-esm/core/LabeledInput/LabeledInput.js +37 -0
- package/DEV-esm/core/LabeledSelect/LabeledSelect.js +32 -0
- package/DEV-esm/core/LabeledSelect/LabeledSelect.types-test.js +80 -0
- package/DEV-esm/core/LabeledTextarea/LabeledTextarea.js +9 -0
- package/DEV-esm/core/LinkAction/LinkAction.js +16 -0
- package/DEV-esm/core/List/List.js +5 -0
- package/DEV-esm/core/List/ListItem.js +33 -0
- package/DEV-esm/core/Menu/Menu.js +120 -0
- package/DEV-esm/core/Menu/MenuDivider.js +5 -0
- package/DEV-esm/core/Menu/MenuExtraContent.js +5 -0
- package/DEV-esm/core/Menu/MenuItem.js +70 -0
- package/DEV-esm/core/Menu/MenuItemSkeleton.js +32 -0
- package/DEV-esm/core/Modal/Modal.js +25 -0
- package/DEV-esm/core/Modal/ModalButtonBar.js +3 -0
- package/DEV-esm/core/Modal/ModalContent.js +3 -0
- package/DEV-esm/core/NonIdealState/ErrorPage.js +122 -0
- package/DEV-esm/core/NonIdealState/NonIdealState.js +28 -0
- package/DEV-esm/core/NotificationMarker/NotificationMarker.js +17 -0
- package/DEV-esm/core/Overlay/Overlay.js +41 -0
- package/DEV-esm/core/Popover/Popover.js +186 -0
- package/DEV-esm/core/ProgressIndicators/ProgressLinear.js +26 -0
- package/DEV-esm/core/ProgressIndicators/ProgressRadial.js +33 -0
- package/DEV-esm/core/Radio/Radio.js +30 -0
- package/DEV-esm/core/RadioTiles/RadioTile.js +35 -0
- package/DEV-esm/core/RadioTiles/RadioTileGroup.js +14 -0
- package/DEV-esm/core/SearchBox/SearchBox.js +142 -0
- package/DEV-esm/core/Select/Select.js +288 -0
- package/DEV-esm/core/Select/Select.types-test.js +86 -0
- package/DEV-esm/core/Select/SelectTag.js +15 -0
- package/DEV-esm/core/Select/SelectTagContainer.js +16 -0
- package/DEV-esm/core/SideNavigation/SideNavigation.js +54 -0
- package/DEV-esm/core/SideNavigation/SidenavButton.js +25 -0
- package/DEV-esm/core/SideNavigation/SidenavSubmenu.js +14 -0
- package/DEV-esm/core/SideNavigation/SidenavSubmenuHeader.js +16 -0
- package/DEV-esm/core/SkipToContentLink/SkipToContentLink.js +13 -0
- package/DEV-esm/core/Slider/Slider.js +269 -0
- package/DEV-esm/core/Slider/Thumb.js +90 -0
- package/DEV-esm/core/Slider/Track.js +58 -0
- package/DEV-esm/core/StatusMessage/StatusMessage.js +19 -0
- package/DEV-esm/core/Stepper/Stepper.js +44 -0
- package/DEV-esm/core/Stepper/StepperStep.js +52 -0
- package/DEV-esm/core/Stepper/WorkflowDiagram.js +25 -0
- package/DEV-esm/core/Stepper/WorkflowDiagramStep.js +20 -0
- package/DEV-esm/core/Surface/Surface.js +82 -0
- package/DEV-esm/core/Table/SubRowExpander.js +26 -0
- package/DEV-esm/core/Table/Table.js +518 -0
- package/DEV-esm/core/Table/TableCell.js +57 -0
- package/DEV-esm/core/Table/TablePaginator.js +176 -0
- package/DEV-esm/core/Table/TableRowMemoized.js +79 -0
- package/DEV-esm/core/Table/actionHandlers/expandHandler.js +11 -0
- package/DEV-esm/core/Table/actionHandlers/filterHandler.js +16 -0
- package/DEV-esm/core/Table/actionHandlers/index.js +4 -0
- package/DEV-esm/core/Table/actionHandlers/resizeHandler.js +14 -0
- package/DEV-esm/core/Table/actionHandlers/selectHandler.js +79 -0
- package/DEV-esm/core/Table/cells/DefaultCell.js +36 -0
- package/DEV-esm/core/Table/cells/EditableCell.js +55 -0
- package/DEV-esm/core/Table/cells/index.js +2 -0
- package/DEV-esm/core/Table/columns/actionColumn.js +70 -0
- package/DEV-esm/core/Table/columns/expanderColumn.js +38 -0
- package/DEV-esm/core/Table/columns/index.js +3 -0
- package/DEV-esm/core/Table/columns/selectionColumn.js +48 -0
- package/DEV-esm/core/Table/filters/BaseFilter.js +15 -0
- package/DEV-esm/core/Table/filters/DateRangeFilter/DatePickerInput.js +80 -0
- package/DEV-esm/core/Table/filters/DateRangeFilter/DateRangeFilter.js +87 -0
- package/DEV-esm/core/Table/filters/FilterButtonBar.js +26 -0
- package/DEV-esm/core/Table/filters/FilterToggle.js +48 -0
- package/DEV-esm/core/Table/filters/NumberRangeFilter/NumberRangeFilter.js +54 -0
- package/DEV-esm/core/Table/filters/TextFilter/TextFilter.js +28 -0
- package/DEV-esm/core/Table/filters/customFilterFunctions.js +15 -0
- package/DEV-esm/core/Table/filters/defaultFilterFunctions.js +73 -0
- package/DEV-esm/core/Table/filters/index.js +4 -0
- package/DEV-esm/core/Table/filters/tableFilters.js +18 -0
- package/DEV-esm/core/Table/filters/types.js +1 -0
- package/DEV-esm/core/Table/hooks/index.js +8 -0
- package/DEV-esm/core/Table/hooks/useColumnDragAndDrop.js +99 -0
- package/DEV-esm/core/Table/hooks/useExpanderCell.js +20 -0
- package/DEV-esm/core/Table/hooks/useResizeColumns.js +259 -0
- package/DEV-esm/core/Table/hooks/useScrollToRow.js +30 -0
- package/DEV-esm/core/Table/hooks/useSelectionCell.js +11 -0
- package/DEV-esm/core/Table/hooks/useStickyColumns.js +47 -0
- package/DEV-esm/core/Table/hooks/useSubRowFiltering.js +81 -0
- package/DEV-esm/core/Table/hooks/useSubRowSelection.js +32 -0
- package/DEV-esm/core/Table/index.js +5 -0
- package/DEV-esm/core/Table/utils.js +49 -0
- package/DEV-esm/core/Tabs/Tabs.js +281 -0
- package/DEV-esm/core/Tag/Tag.js +34 -0
- package/DEV-esm/core/Tag/TagContainer.js +15 -0
- package/DEV-esm/core/Textarea/Textarea.js +9 -0
- package/DEV-esm/core/ThemeProvider/ThemeContext.js +2 -0
- package/DEV-esm/core/ThemeProvider/ThemeProvider.js +177 -0
- package/DEV-esm/core/Tile/Tile.js +199 -0
- package/DEV-esm/core/TimePicker/TimePicker.js +271 -0
- package/DEV-esm/core/Toast/Toast.js +153 -0
- package/DEV-esm/core/Toast/Toaster.js +110 -0
- package/DEV-esm/core/ToggleSwitch/ToggleSwitch.js +34 -0
- package/DEV-esm/core/Tooltip/Tooltip.js +168 -0
- package/DEV-esm/core/TransferList/TransferList.js +133 -0
- package/DEV-esm/core/Tree/Tree.js +187 -0
- package/DEV-esm/core/Tree/TreeContext.js +7 -0
- package/DEV-esm/core/Tree/TreeNode.js +141 -0
- package/DEV-esm/core/Tree/TreeNodeExpander.js +23 -0
- package/DEV-esm/core/Typography/Anchor.js +19 -0
- package/DEV-esm/core/Typography/Blockquote.js +13 -0
- package/DEV-esm/core/Typography/Code.js +3 -0
- package/DEV-esm/core/Typography/Kbd.js +28 -0
- package/DEV-esm/core/Typography/Text.js +20 -0
- package/DEV-esm/core/VisuallyHidden/VisuallyHidden.js +32 -0
- package/DEV-esm/index.js +106 -0
- package/DEV-esm/react-table/react-table.js +1 -0
- package/DEV-esm/react-table/react-table.types-test.js +491 -0
- package/DEV-esm/styles.js +17 -0
- package/DEV-esm/utils/color/ColorValue.js +319 -0
- package/DEV-esm/utils/color/index.js +1 -0
- package/DEV-esm/utils/components/AutoclearingHiddenLiveRegion.js +18 -0
- package/DEV-esm/utils/components/Box.js +2 -0
- package/DEV-esm/utils/components/ButtonBase.js +27 -0
- package/DEV-esm/utils/components/FieldsetBase.js +2 -0
- package/DEV-esm/utils/components/FocusTrap.js +37 -0
- package/DEV-esm/utils/components/InputContainer.js +25 -0
- package/DEV-esm/utils/components/InputFlexContainer.js +35 -0
- package/DEV-esm/utils/components/InputWithIcon.js +3 -0
- package/DEV-esm/utils/components/LineClamp.js +24 -0
- package/DEV-esm/utils/components/MiddleTextTruncation.js +27 -0
- package/DEV-esm/utils/components/Portal.js +19 -0
- package/DEV-esm/utils/components/Resizer.js +215 -0
- package/DEV-esm/utils/components/ShadowRoot.js +66 -0
- package/DEV-esm/utils/components/WithCSSTransition.js +42 -0
- package/DEV-esm/utils/components/index.js +14 -0
- package/DEV-esm/utils/functions/colors.js +24 -0
- package/DEV-esm/utils/functions/date.js +8 -0
- package/DEV-esm/utils/functions/dev.js +14 -0
- package/DEV-esm/utils/functions/dom.js +20 -0
- package/DEV-esm/utils/functions/focusable.js +51 -0
- package/DEV-esm/utils/functions/import.js +17 -0
- package/DEV-esm/utils/functions/index.js +10 -0
- package/DEV-esm/utils/functions/numbers.js +11 -0
- package/DEV-esm/utils/functions/polymorphic.js +36 -0
- package/DEV-esm/utils/functions/react.js +15 -0
- package/DEV-esm/utils/functions/supports.js +2 -0
- package/DEV-esm/utils/hooks/index.js +16 -0
- package/DEV-esm/utils/hooks/useContainerWidth.js +18 -0
- package/DEV-esm/utils/hooks/useControlledState.js +19 -0
- package/DEV-esm/utils/hooks/useDragAndDrop.js +81 -0
- package/DEV-esm/utils/hooks/useEventListener.js +20 -0
- package/DEV-esm/utils/hooks/useGlobals.js +32 -0
- package/DEV-esm/utils/hooks/useId.js +10 -0
- package/DEV-esm/utils/hooks/useIntersection.js +30 -0
- package/DEV-esm/utils/hooks/useIsClient.js +8 -0
- package/DEV-esm/utils/hooks/useIsomorphicLayoutEffect.js +3 -0
- package/DEV-esm/utils/hooks/useLatestRef.js +10 -0
- package/DEV-esm/utils/hooks/useMediaQuery.js +15 -0
- package/DEV-esm/utils/hooks/useMergedRefs.js +10 -0
- package/DEV-esm/utils/hooks/useOverflow.js +65 -0
- package/DEV-esm/utils/hooks/useResizeObserver.js +25 -0
- package/DEV-esm/utils/hooks/useSafeContext.js +6 -0
- package/DEV-esm/utils/hooks/useSyncExternalStore.js +35 -0
- package/DEV-esm/utils/hooks/useVirtualScroll.js +27 -0
- package/DEV-esm/utils/icons/StatusIconMap.js +23 -0
- package/DEV-esm/utils/icons/Svg.js +6 -0
- package/DEV-esm/utils/icons/SvgCalendar.js +5 -0
- package/DEV-esm/utils/icons/SvgCaretDownSmall.js +5 -0
- package/DEV-esm/utils/icons/SvgCaretRightSmall.js +5 -0
- package/DEV-esm/utils/icons/SvgCaretUpSmall.js +5 -0
- package/DEV-esm/utils/icons/SvgCheckmark.js +5 -0
- package/DEV-esm/utils/icons/SvgCheckmarkSmall.js +5 -0
- package/DEV-esm/utils/icons/SvgChevronLeft.js +5 -0
- package/DEV-esm/utils/icons/SvgChevronLeftDouble.js +5 -0
- package/DEV-esm/utils/icons/SvgChevronRight.js +5 -0
- package/DEV-esm/utils/icons/SvgChevronRightDouble.js +5 -0
- package/DEV-esm/utils/icons/SvgChevronRightSmall.js +5 -0
- package/DEV-esm/utils/icons/SvgClose.js +5 -0
- package/DEV-esm/utils/icons/SvgCloseSmall.js +5 -0
- package/DEV-esm/utils/icons/SvgColumnManager.js +5 -0
- package/DEV-esm/utils/icons/SvgDocument.js +5 -0
- package/DEV-esm/utils/icons/SvgFilter.js +5 -0
- package/DEV-esm/utils/icons/SvgFilterHollow.js +5 -0
- package/DEV-esm/utils/icons/SvgImportantSmall.js +5 -0
- package/DEV-esm/utils/icons/SvgInfoCircular.js +5 -0
- package/DEV-esm/utils/icons/SvgMore.js +5 -0
- package/DEV-esm/utils/icons/SvgMoreVertical.js +5 -0
- package/DEV-esm/utils/icons/SvgNew.js +5 -0
- package/DEV-esm/utils/icons/SvgSearch.js +5 -0
- package/DEV-esm/utils/icons/SvgSmileyHappy.js +5 -0
- package/DEV-esm/utils/icons/SvgSortDown.js +5 -0
- package/DEV-esm/utils/icons/SvgSortUp.js +5 -0
- package/DEV-esm/utils/icons/SvgStatusError.js +5 -0
- package/DEV-esm/utils/icons/SvgStatusSuccess.js +5 -0
- package/DEV-esm/utils/icons/SvgStatusWarning.js +5 -0
- package/DEV-esm/utils/icons/SvgSwap.js +5 -0
- package/DEV-esm/utils/icons/SvgUpload.js +5 -0
- package/DEV-esm/utils/icons/index.js +32 -0
- package/DEV-esm/utils/index.js +8 -0
- package/DEV-esm/utils/meta.js +6 -0
- package/DEV-esm/utils/props.js +1 -0
- package/DEV-esm/utils/providers/HydrationProvider.js +27 -0
- package/DEV-esm/utils/providers/ScopeProvider.js +42 -0
- package/DEV-esm/utils/providers/index.js +2 -0
- package/DEV-esm/utils/types.js +1 -0
- package/cjs/core/Alert/Alert.js +11 -17
- package/cjs/core/Avatar/Avatar.js +5 -7
- package/cjs/core/AvatarGroup/AvatarGroup.js +8 -9
- package/cjs/core/Backdrop/Backdrop.js +1 -1
- package/cjs/core/Badge/Badge.js +8 -10
- package/cjs/core/Breadcrumbs/Breadcrumbs.js +14 -20
- package/cjs/core/ButtonGroup/ButtonGroup.js +18 -24
- package/cjs/core/Buttons/Button.js +7 -7
- package/cjs/core/Buttons/DropdownButton.js +2 -2
- package/cjs/core/Buttons/IconButton.js +7 -7
- package/cjs/core/Buttons/IdeasButton.js +1 -1
- package/cjs/core/Buttons/SplitButton.js +9 -12
- package/cjs/core/Carousel/Carousel.js +10 -10
- package/cjs/core/Carousel/CarouselContext.js +1 -1
- package/cjs/core/Carousel/CarouselDot.js +1 -1
- package/cjs/core/Carousel/CarouselDotsList.js +59 -68
- package/cjs/core/Carousel/CarouselNavigation.js +9 -11
- package/cjs/core/Carousel/CarouselSlide.js +11 -15
- package/cjs/core/Carousel/CarouselSlider.js +13 -19
- package/cjs/core/Checkbox/Checkbox.js +13 -14
- package/cjs/core/ColorPicker/ColorBuilder.js +44 -57
- package/cjs/core/ColorPicker/ColorInputPanel.js +65 -92
- package/cjs/core/ColorPicker/ColorPalette.js +3 -3
- package/cjs/core/ColorPicker/ColorPicker.js +11 -19
- package/cjs/core/ColorPicker/ColorPickerContext.js +3 -4
- package/cjs/core/ColorPicker/ColorSwatch.js +5 -5
- package/cjs/core/ComboBox/ComboBox.js +80 -115
- package/cjs/core/ComboBox/ComboBox.types-test.js +14 -17
- package/cjs/core/ComboBox/ComboBoxEndIcon.js +1 -2
- package/cjs/core/ComboBox/ComboBoxInput.js +39 -68
- package/cjs/core/ComboBox/ComboBoxInputContainer.js +3 -4
- package/cjs/core/ComboBox/ComboBoxMenu.js +76 -44
- package/cjs/core/ComboBox/ComboBoxMenuItem.js +7 -9
- package/cjs/core/ComboBox/ComboBoxMultipleContainer.js +1 -2
- package/cjs/core/ComboBox/helpers.js +2 -4
- package/cjs/core/DatePicker/DatePicker.js +132 -167
- package/cjs/core/Dialog/Dialog.js +3 -3
- package/cjs/core/Dialog/DialogBackdrop.js +8 -12
- package/cjs/core/Dialog/DialogContext.js +2 -4
- package/cjs/core/Dialog/DialogDragContext.js +2 -2
- package/cjs/core/Dialog/DialogMain.js +26 -40
- package/cjs/core/Dialog/DialogTitleBar.js +3 -3
- package/cjs/core/Dialog/DialogTitleBarTitle.d.ts +3 -1
- package/cjs/core/Divider/Divider.js +2 -2
- package/cjs/core/DropdownMenu/DropdownMenu.js +10 -15
- package/cjs/core/ExpandableBlock/ExpandableBlock.js +21 -37
- package/cjs/core/Fieldset/Fieldset.js +2 -3
- package/cjs/core/FileUpload/FileEmptyCard.js +1 -1
- package/cjs/core/FileUpload/FileUpload.js +8 -10
- package/cjs/core/FileUpload/FileUploadCard.js +25 -40
- package/cjs/core/FileUpload/FileUploadTemplate.js +1 -1
- package/cjs/core/Flex/Flex.js +7 -12
- package/cjs/core/Footer/Footer.js +10 -11
- package/cjs/core/Header/Header.js +3 -3
- package/cjs/core/Header/HeaderBasicButton.js +1 -3
- package/cjs/core/Header/HeaderBreadcrumbs.js +1 -1
- package/cjs/core/Header/HeaderButton.js +7 -7
- package/cjs/core/Header/HeaderDropdownButton.js +6 -8
- package/cjs/core/Header/HeaderLogo.js +3 -3
- package/cjs/core/Header/HeaderSplitButton.js +5 -7
- package/cjs/core/Icon/Icon.js +2 -2
- package/cjs/core/InformationPanel/InformationPanel.js +25 -33
- package/cjs/core/InformationPanel/InformationPanelContent.js +2 -2
- package/cjs/core/InformationPanel/InformationPanelHeader.js +1 -1
- package/cjs/core/Input/Input.js +3 -3
- package/cjs/core/InputGrid/InputGrid.js +40 -71
- package/cjs/core/InputGroup/InputGroup.js +5 -8
- package/cjs/core/InputWithDecorations/InputWithDecorations.js +6 -9
- package/cjs/core/Label/Label.js +3 -3
- package/cjs/core/LabeledInput/LabeledInput.js +4 -4
- package/cjs/core/LabeledSelect/LabeledSelect.js +4 -6
- package/cjs/core/LabeledSelect/LabeledSelect.types-test.js +11 -14
- package/cjs/core/LabeledTextarea/LabeledTextarea.js +4 -4
- package/cjs/core/LinkAction/LinkAction.js +1 -3
- package/cjs/core/List/List.js +0 -1
- package/cjs/core/List/ListItem.js +6 -11
- package/cjs/core/Menu/Menu.js +32 -38
- package/cjs/core/Menu/MenuItem.js +18 -24
- package/cjs/core/Menu/MenuItemSkeleton.js +2 -4
- package/cjs/core/Modal/Modal.js +1 -1
- package/cjs/core/NonIdealState/ErrorPage.js +26 -52
- package/cjs/core/NonIdealState/NonIdealState.js +1 -1
- package/cjs/core/NotificationMarker/NotificationMarker.js +1 -1
- package/cjs/core/Overlay/Overlay.js +10 -12
- package/cjs/core/Popover/Popover.js +35 -41
- package/cjs/core/ProgressIndicators/ProgressLinear.js +6 -6
- package/cjs/core/ProgressIndicators/ProgressRadial.js +7 -9
- package/cjs/core/Radio/Radio.js +8 -8
- package/cjs/core/RadioTiles/RadioTile.js +4 -4
- package/cjs/core/RadioTiles/RadioTileGroup.js +1 -1
- package/cjs/core/SearchBox/SearchBox.js +24 -42
- package/cjs/core/Select/Select.js +130 -142
- package/cjs/core/Select/Select.types-test.js +13 -17
- package/cjs/core/Select/SelectTag.js +1 -1
- package/cjs/core/Select/SelectTagContainer.js +3 -3
- package/cjs/core/SideNavigation/SideNavigation.js +6 -6
- package/cjs/core/SideNavigation/SidenavButton.js +8 -8
- package/cjs/core/SideNavigation/SidenavSubmenu.js +1 -1
- package/cjs/core/SideNavigation/SidenavSubmenuHeader.js +1 -1
- package/cjs/core/SkipToContentLink/SkipToContentLink.js +1 -1
- package/cjs/core/Slider/Slider.js +58 -83
- package/cjs/core/Slider/Thumb.js +13 -21
- package/cjs/core/Slider/Track.js +10 -14
- package/cjs/core/StatusMessage/StatusMessage.js +3 -3
- package/cjs/core/Stepper/Stepper.js +8 -8
- package/cjs/core/Stepper/StepperStep.js +15 -22
- package/cjs/core/Stepper/WorkflowDiagram.js +2 -2
- package/cjs/core/Stepper/WorkflowDiagramStep.js +2 -2
- package/cjs/core/Surface/Surface.d.ts +1 -0
- package/cjs/core/Surface/Surface.js +15 -24
- package/cjs/core/Table/SubRowExpander.js +3 -3
- package/cjs/core/Table/Table.d.ts +4 -1
- package/cjs/core/Table/Table.js +256 -244
- package/cjs/core/Table/TableCell.js +12 -14
- package/cjs/core/Table/TablePaginator.js +38 -55
- package/cjs/core/Table/TableRowMemoized.d.ts +3 -0
- package/cjs/core/Table/TableRowMemoized.js +43 -35
- package/cjs/core/Table/actionHandlers/expandHandler.js +2 -4
- package/cjs/core/Table/actionHandlers/filterHandler.js +3 -3
- package/cjs/core/Table/actionHandlers/resizeHandler.js +13 -17
- package/cjs/core/Table/actionHandlers/selectHandler.js +20 -29
- package/cjs/core/Table/cells/DefaultCell.d.ts +4 -1
- package/cjs/core/Table/cells/DefaultCell.js +5 -5
- package/cjs/core/Table/cells/EditableCell.d.ts +4 -1
- package/cjs/core/Table/cells/EditableCell.js +7 -13
- package/cjs/core/Table/columns/actionColumn.d.ts +2 -2
- package/cjs/core/Table/columns/actionColumn.js +79 -88
- package/cjs/core/Table/columns/expanderColumn.js +4 -6
- package/cjs/core/Table/columns/selectionColumn.js +8 -10
- package/cjs/core/Table/filters/BaseFilter.js +1 -1
- package/cjs/core/Table/filters/DateRangeFilter/DatePickerInput.js +16 -25
- package/cjs/core/Table/filters/DateRangeFilter/DateRangeFilter.js +17 -29
- package/cjs/core/Table/filters/FilterButtonBar.js +2 -2
- package/cjs/core/Table/filters/FilterToggle.js +8 -8
- package/cjs/core/Table/filters/NumberRangeFilter/NumberRangeFilter.js +11 -17
- package/cjs/core/Table/filters/TextFilter/TextFilter.js +7 -13
- package/cjs/core/Table/filters/customFilterFunctions.js +11 -12
- package/cjs/core/Table/filters/defaultFilterFunctions.js +69 -78
- package/cjs/core/Table/hooks/useColumnDragAndDrop.js +20 -26
- package/cjs/core/Table/hooks/useExpanderCell.js +4 -8
- package/cjs/core/Table/hooks/useResizeColumns.js +63 -100
- package/cjs/core/Table/hooks/useScrollToRow.js +13 -20
- package/cjs/core/Table/hooks/useSelectionCell.js +2 -4
- package/cjs/core/Table/hooks/useStickyColumns.js +10 -23
- package/cjs/core/Table/hooks/useSubRowFiltering.js +20 -34
- package/cjs/core/Table/hooks/useSubRowSelection.js +4 -5
- package/cjs/core/Table/utils.js +18 -31
- package/cjs/core/Tabs/Tabs.js +70 -102
- package/cjs/core/Tag/Tag.js +8 -8
- package/cjs/core/Tag/TagContainer.js +2 -2
- package/cjs/core/Textarea/Textarea.js +4 -4
- package/cjs/core/ThemeProvider/ThemeContext.js +1 -1
- package/cjs/core/ThemeProvider/ThemeProvider.js +60 -56
- package/cjs/core/Tile/Tile.js +27 -52
- package/cjs/core/TimePicker/TimePicker.js +82 -111
- package/cjs/core/Toast/Toast.js +30 -39
- package/cjs/core/Toast/Toaster.js +19 -25
- package/cjs/core/ToggleSwitch/ToggleSwitch.js +5 -5
- package/cjs/core/Tooltip/Tooltip.js +30 -39
- package/cjs/core/TransferList/TransferList.js +33 -51
- package/cjs/core/Tree/Tree.d.ts +4 -1
- package/cjs/core/Tree/Tree.js +97 -77
- package/cjs/core/Tree/TreeContext.js +3 -4
- package/cjs/core/Tree/TreeNode.d.ts +2 -2
- package/cjs/core/Tree/TreeNode.js +22 -37
- package/cjs/core/Tree/TreeNodeExpander.js +4 -4
- package/cjs/core/Typography/Anchor.js +4 -4
- package/cjs/core/Typography/Blockquote.js +1 -1
- package/cjs/core/Typography/Kbd.js +1 -1
- package/cjs/core/Typography/Text.js +3 -3
- package/cjs/core/VisuallyHidden/VisuallyHidden.js +7 -7
- package/cjs/react-table/react-table.types-test.js +110 -115
- package/cjs/styles.js +5 -5
- package/cjs/utils/color/ColorValue.js +114 -161
- package/cjs/utils/components/AutoclearingHiddenLiveRegion.js +2 -2
- package/cjs/utils/components/ButtonBase.js +10 -13
- package/cjs/utils/components/FieldsetBase.d.ts +6 -0
- package/cjs/utils/components/FieldsetBase.js +12 -0
- package/cjs/utils/components/FocusTrap.js +14 -20
- package/cjs/utils/components/InputContainer.js +3 -3
- package/cjs/utils/components/InputFlexContainer.js +4 -5
- package/cjs/utils/components/InputWithIcon.js +0 -1
- package/cjs/utils/components/LineClamp.js +1 -1
- package/cjs/utils/components/MiddleTextTruncation.d.ts +4 -1
- package/cjs/utils/components/MiddleTextTruncation.js +5 -7
- package/cjs/utils/components/Portal.js +8 -12
- package/cjs/utils/components/Resizer.js +33 -49
- package/cjs/utils/components/ShadowRoot.js +19 -28
- package/cjs/utils/components/WithCSSTransition.js +4 -5
- package/cjs/utils/components/index.d.ts +1 -1
- package/cjs/utils/components/index.js +1 -1
- package/cjs/utils/functions/colors.js +4 -5
- package/cjs/utils/functions/date.js +3 -5
- package/cjs/utils/functions/dev.d.ts +11 -5
- package/cjs/utils/functions/dev.js +6 -23
- package/cjs/utils/functions/dom.js +7 -16
- package/cjs/utils/functions/focusable.js +18 -22
- package/cjs/utils/functions/import.js +1 -1
- package/cjs/utils/functions/numbers.js +5 -8
- package/cjs/utils/functions/polymorphic.js +31 -43
- package/cjs/utils/functions/react.js +4 -8
- package/cjs/utils/hooks/index.d.ts +1 -0
- package/cjs/utils/hooks/index.js +1 -0
- package/cjs/utils/hooks/useContainerWidth.js +8 -12
- package/cjs/utils/hooks/useControlledState.js +4 -5
- package/cjs/utils/hooks/useDragAndDrop.js +31 -42
- package/cjs/utils/hooks/useEventListener.js +3 -5
- package/cjs/utils/hooks/useGlobals.js +3 -22
- package/cjs/utils/hooks/useId.js +1 -1
- package/cjs/utils/hooks/useIntersection.js +6 -10
- package/cjs/utils/hooks/useIsClient.js +1 -1
- package/cjs/utils/hooks/useIsomorphicLayoutEffect.js +1 -1
- package/cjs/utils/hooks/useLatestRef.js +1 -1
- package/cjs/utils/hooks/useMediaQuery.js +10 -8
- package/cjs/utils/hooks/useMergedRefs.js +7 -11
- package/cjs/utils/hooks/useOverflow.js +23 -25
- package/cjs/utils/hooks/useResizeObserver.js +5 -9
- package/cjs/utils/hooks/useSafeContext.js +3 -4
- package/cjs/utils/hooks/useSyncExternalStore.js +5 -7
- package/cjs/utils/hooks/useVirtualScroll.d.ts +14 -0
- package/cjs/utils/hooks/useVirtualScroll.js +39 -0
- package/cjs/utils/icons/SvgCalendar.js +2 -3
- package/cjs/utils/icons/SvgCaretDownSmall.js +2 -3
- package/cjs/utils/icons/SvgCaretRightSmall.js +2 -3
- package/cjs/utils/icons/SvgCaretUpSmall.js +2 -3
- package/cjs/utils/icons/SvgCheckmark.js +2 -3
- package/cjs/utils/icons/SvgCheckmarkSmall.js +2 -3
- package/cjs/utils/icons/SvgChevronLeft.js +2 -3
- package/cjs/utils/icons/SvgChevronLeftDouble.js +2 -3
- package/cjs/utils/icons/SvgChevronRight.js +2 -3
- package/cjs/utils/icons/SvgChevronRightDouble.js +2 -3
- package/cjs/utils/icons/SvgChevronRightSmall.js +2 -3
- package/cjs/utils/icons/SvgClose.js +2 -3
- package/cjs/utils/icons/SvgCloseSmall.js +2 -3
- package/cjs/utils/icons/SvgColumnManager.js +2 -3
- package/cjs/utils/icons/SvgDocument.js +2 -3
- package/cjs/utils/icons/SvgFilter.js +2 -3
- package/cjs/utils/icons/SvgFilterHollow.js +2 -3
- package/cjs/utils/icons/SvgImportantSmall.js +2 -3
- package/cjs/utils/icons/SvgInfoCircular.js +2 -3
- package/cjs/utils/icons/SvgMore.js +2 -3
- package/cjs/utils/icons/SvgMoreVertical.js +2 -3
- package/cjs/utils/icons/SvgNew.js +2 -3
- package/cjs/utils/icons/SvgSearch.js +2 -3
- package/cjs/utils/icons/SvgSmileyHappy.js +2 -3
- package/cjs/utils/icons/SvgSortDown.js +2 -3
- package/cjs/utils/icons/SvgSortUp.js +2 -3
- package/cjs/utils/icons/SvgStatusError.js +2 -3
- package/cjs/utils/icons/SvgStatusSuccess.js +2 -3
- package/cjs/utils/icons/SvgStatusWarning.js +2 -3
- package/cjs/utils/icons/SvgSwap.js +2 -3
- package/cjs/utils/icons/SvgUpload.js +2 -3
- package/cjs/utils/meta.js +1 -1
- package/cjs/utils/providers/HydrationProvider.js +12 -16
- package/cjs/utils/providers/ScopeProvider.js +8 -10
- package/esm/core/Alert/Alert.js +17 -23
- package/esm/core/Avatar/Avatar.js +6 -8
- package/esm/core/AvatarGroup/AvatarGroup.js +8 -9
- package/esm/core/Backdrop/Backdrop.js +1 -1
- package/esm/core/Badge/Badge.js +10 -12
- package/esm/core/Breadcrumbs/Breadcrumbs.js +18 -24
- package/esm/core/ButtonGroup/ButtonGroup.js +20 -26
- package/esm/core/Buttons/Button.js +7 -7
- package/esm/core/Buttons/DropdownButton.js +2 -2
- package/esm/core/Buttons/IconButton.js +7 -7
- package/esm/core/Buttons/IdeasButton.js +1 -1
- package/esm/core/Buttons/SplitButton.js +9 -12
- package/esm/core/Carousel/Carousel.js +11 -11
- package/esm/core/Carousel/CarouselContext.js +1 -1
- package/esm/core/Carousel/CarouselDot.js +1 -1
- package/esm/core/Carousel/CarouselDotsList.js +59 -68
- package/esm/core/Carousel/CarouselNavigation.js +12 -14
- package/esm/core/Carousel/CarouselSlide.js +11 -15
- package/esm/core/Carousel/CarouselSlider.js +13 -20
- package/esm/core/Checkbox/Checkbox.js +13 -14
- package/esm/core/ColorPicker/ColorBuilder.js +46 -59
- package/esm/core/ColorPicker/ColorInputPanel.js +65 -92
- package/esm/core/ColorPicker/ColorPalette.js +3 -3
- package/esm/core/ColorPicker/ColorPicker.js +11 -18
- package/esm/core/ColorPicker/ColorPickerContext.js +3 -4
- package/esm/core/ColorPicker/ColorSwatch.js +5 -7
- package/esm/core/ComboBox/ComboBox.js +80 -115
- package/esm/core/ComboBox/ComboBox.types-test.js +14 -17
- package/esm/core/ComboBox/ComboBoxEndIcon.js +1 -2
- package/esm/core/ComboBox/ComboBoxInput.js +39 -68
- package/esm/core/ComboBox/ComboBoxInputContainer.js +3 -4
- package/esm/core/ComboBox/ComboBoxMenu.js +80 -45
- package/esm/core/ComboBox/ComboBoxMenuItem.js +7 -9
- package/esm/core/ComboBox/ComboBoxMultipleContainer.js +1 -2
- package/esm/core/ComboBox/helpers.js +2 -4
- package/esm/core/DatePicker/DatePicker.js +136 -171
- package/esm/core/Dialog/Dialog.js +4 -4
- package/esm/core/Dialog/DialogBackdrop.js +8 -12
- package/esm/core/Dialog/DialogContext.js +2 -4
- package/esm/core/Dialog/DialogDragContext.js +2 -2
- package/esm/core/Dialog/DialogMain.js +26 -40
- package/esm/core/Dialog/DialogTitleBar.js +3 -3
- package/esm/core/Dialog/DialogTitleBarTitle.d.ts +3 -1
- package/esm/core/Divider/Divider.js +2 -2
- package/esm/core/DropdownMenu/DropdownMenu.js +11 -16
- package/esm/core/ExpandableBlock/ExpandableBlock.js +30 -42
- package/esm/core/Fieldset/Fieldset.js +3 -4
- package/esm/core/FileUpload/FileEmptyCard.js +4 -4
- package/esm/core/FileUpload/FileUpload.js +8 -10
- package/esm/core/FileUpload/FileUploadCard.js +35 -50
- package/esm/core/FileUpload/FileUploadTemplate.js +1 -1
- package/esm/core/Flex/Flex.js +12 -17
- package/esm/core/Footer/Footer.js +11 -12
- package/esm/core/Header/Header.js +4 -4
- package/esm/core/Header/HeaderBasicButton.js +1 -3
- package/esm/core/Header/HeaderBreadcrumbs.js +1 -1
- package/esm/core/Header/HeaderButton.js +7 -7
- package/esm/core/Header/HeaderDropdownButton.js +6 -8
- package/esm/core/Header/HeaderLogo.js +3 -3
- package/esm/core/Header/HeaderSplitButton.js +5 -7
- package/esm/core/Icon/Icon.js +3 -3
- package/esm/core/InformationPanel/InformationPanel.js +25 -33
- package/esm/core/InformationPanel/InformationPanelContent.js +2 -2
- package/esm/core/InformationPanel/InformationPanelHeader.js +1 -1
- package/esm/core/Input/Input.js +3 -3
- package/esm/core/InputGrid/InputGrid.js +43 -75
- package/esm/core/InputGroup/InputGroup.js +6 -9
- package/esm/core/InputWithDecorations/InputWithDecorations.js +10 -13
- package/esm/core/Label/Label.js +3 -3
- package/esm/core/LabeledInput/LabeledInput.js +4 -4
- package/esm/core/LabeledSelect/LabeledSelect.js +4 -6
- package/esm/core/LabeledSelect/LabeledSelect.types-test.js +11 -14
- package/esm/core/LabeledTextarea/LabeledTextarea.js +4 -4
- package/esm/core/LinkAction/LinkAction.js +1 -3
- package/esm/core/List/List.js +0 -1
- package/esm/core/List/ListItem.js +11 -16
- package/esm/core/Menu/Menu.js +40 -48
- package/esm/core/Menu/MenuItem.js +18 -24
- package/esm/core/Menu/MenuItemSkeleton.js +2 -4
- package/esm/core/Modal/Modal.js +1 -1
- package/esm/core/NonIdealState/ErrorPage.js +35 -61
- package/esm/core/NonIdealState/NonIdealState.js +1 -1
- package/esm/core/NotificationMarker/NotificationMarker.js +1 -1
- package/esm/core/Overlay/Overlay.js +16 -16
- package/esm/core/Popover/Popover.js +36 -42
- package/esm/core/ProgressIndicators/ProgressLinear.js +6 -6
- package/esm/core/ProgressIndicators/ProgressRadial.js +7 -9
- package/esm/core/Radio/Radio.js +8 -8
- package/esm/core/RadioTiles/RadioTile.js +4 -4
- package/esm/core/RadioTiles/RadioTileGroup.js +1 -1
- package/esm/core/SearchBox/SearchBox.js +32 -46
- package/esm/core/Select/Select.js +137 -149
- package/esm/core/Select/Select.types-test.js +13 -17
- package/esm/core/Select/SelectTag.js +1 -1
- package/esm/core/Select/SelectTagContainer.js +3 -3
- package/esm/core/SideNavigation/SideNavigation.js +6 -6
- package/esm/core/SideNavigation/SidenavButton.js +7 -7
- package/esm/core/SideNavigation/SidenavSubmenu.js +1 -1
- package/esm/core/SideNavigation/SidenavSubmenuHeader.js +1 -1
- package/esm/core/SkipToContentLink/SkipToContentLink.js +1 -1
- package/esm/core/Slider/Slider.js +63 -84
- package/esm/core/Slider/Thumb.js +13 -21
- package/esm/core/Slider/Track.js +10 -14
- package/esm/core/StatusMessage/StatusMessage.js +3 -3
- package/esm/core/Stepper/Stepper.js +9 -9
- package/esm/core/Stepper/StepperStep.js +15 -22
- package/esm/core/Stepper/WorkflowDiagram.js +2 -2
- package/esm/core/Stepper/WorkflowDiagramStep.js +2 -2
- package/esm/core/Surface/Surface.d.ts +1 -0
- package/esm/core/Surface/Surface.js +19 -28
- package/esm/core/Table/SubRowExpander.js +3 -3
- package/esm/core/Table/Table.d.ts +4 -1
- package/esm/core/Table/Table.js +262 -249
- package/esm/core/Table/TableCell.js +12 -14
- package/esm/core/Table/TablePaginator.js +39 -56
- package/esm/core/Table/TableRowMemoized.d.ts +3 -0
- package/esm/core/Table/TableRowMemoized.js +48 -36
- package/esm/core/Table/actionHandlers/expandHandler.js +2 -4
- package/esm/core/Table/actionHandlers/filterHandler.js +3 -3
- package/esm/core/Table/actionHandlers/resizeHandler.js +13 -17
- package/esm/core/Table/actionHandlers/selectHandler.js +22 -31
- package/esm/core/Table/cells/DefaultCell.d.ts +4 -1
- package/esm/core/Table/cells/DefaultCell.js +5 -5
- package/esm/core/Table/cells/EditableCell.d.ts +4 -1
- package/esm/core/Table/cells/EditableCell.js +7 -15
- package/esm/core/Table/columns/actionColumn.d.ts +2 -2
- package/esm/core/Table/columns/actionColumn.js +81 -90
- package/esm/core/Table/columns/expanderColumn.js +4 -6
- package/esm/core/Table/columns/selectionColumn.js +8 -10
- package/esm/core/Table/filters/BaseFilter.js +1 -1
- package/esm/core/Table/filters/DateRangeFilter/DatePickerInput.js +16 -25
- package/esm/core/Table/filters/DateRangeFilter/DateRangeFilter.js +20 -32
- package/esm/core/Table/filters/FilterButtonBar.js +3 -3
- package/esm/core/Table/filters/FilterToggle.js +8 -8
- package/esm/core/Table/filters/NumberRangeFilter/NumberRangeFilter.js +12 -18
- package/esm/core/Table/filters/TextFilter/TextFilter.js +7 -13
- package/esm/core/Table/filters/customFilterFunctions.js +13 -14
- package/esm/core/Table/filters/defaultFilterFunctions.js +71 -80
- package/esm/core/Table/hooks/useColumnDragAndDrop.js +24 -30
- package/esm/core/Table/hooks/useExpanderCell.js +4 -8
- package/esm/core/Table/hooks/useResizeColumns.js +74 -111
- package/esm/core/Table/hooks/useScrollToRow.js +13 -20
- package/esm/core/Table/hooks/useSelectionCell.js +2 -4
- package/esm/core/Table/hooks/useStickyColumns.js +12 -25
- package/esm/core/Table/hooks/useSubRowFiltering.js +22 -36
- package/esm/core/Table/hooks/useSubRowSelection.js +5 -6
- package/esm/core/Table/utils.js +18 -31
- package/esm/core/Tabs/Tabs.js +79 -109
- package/esm/core/Tag/Tag.js +8 -8
- package/esm/core/Tag/TagContainer.js +2 -2
- package/esm/core/Textarea/Textarea.js +4 -4
- package/esm/core/ThemeProvider/ThemeContext.js +1 -1
- package/esm/core/ThemeProvider/ThemeProvider.js +61 -63
- package/esm/core/Tile/Tile.js +44 -69
- package/esm/core/TimePicker/TimePicker.js +87 -116
- package/esm/core/Toast/Toast.js +31 -40
- package/esm/core/Toast/Toaster.js +21 -27
- package/esm/core/ToggleSwitch/ToggleSwitch.js +5 -5
- package/esm/core/Tooltip/Tooltip.js +31 -39
- package/esm/core/TransferList/TransferList.js +39 -55
- package/esm/core/Tree/Tree.d.ts +4 -1
- package/esm/core/Tree/Tree.js +100 -79
- package/esm/core/Tree/TreeContext.js +3 -4
- package/esm/core/Tree/TreeNode.d.ts +2 -2
- package/esm/core/Tree/TreeNode.js +22 -37
- package/esm/core/Tree/TreeNodeExpander.js +3 -3
- package/esm/core/Typography/Anchor.js +4 -4
- package/esm/core/Typography/Blockquote.js +1 -1
- package/esm/core/Typography/Kbd.js +1 -1
- package/esm/core/Typography/Text.js +3 -3
- package/esm/core/VisuallyHidden/VisuallyHidden.js +8 -8
- package/esm/react-table/react-table.types-test.js +93 -96
- package/esm/styles.js +2 -2
- package/esm/utils/color/ColorValue.js +116 -163
- package/esm/utils/components/AutoclearingHiddenLiveRegion.js +2 -2
- package/esm/utils/components/ButtonBase.js +10 -13
- package/esm/utils/components/FieldsetBase.d.ts +6 -0
- package/esm/utils/components/FieldsetBase.js +2 -0
- package/esm/utils/components/FocusTrap.js +14 -20
- package/esm/utils/components/InputContainer.js +3 -3
- package/esm/utils/components/InputFlexContainer.js +4 -5
- package/esm/utils/components/InputWithIcon.js +0 -1
- package/esm/utils/components/LineClamp.js +2 -2
- package/esm/utils/components/MiddleTextTruncation.d.ts +4 -1
- package/esm/utils/components/MiddleTextTruncation.js +6 -8
- package/esm/utils/components/Portal.js +8 -12
- package/esm/utils/components/Resizer.js +38 -53
- package/esm/utils/components/ShadowRoot.js +22 -31
- package/esm/utils/components/WithCSSTransition.js +4 -5
- package/esm/utils/components/index.d.ts +1 -1
- package/esm/utils/components/index.js +1 -1
- package/esm/utils/functions/colors.js +5 -6
- package/esm/utils/functions/date.js +3 -5
- package/esm/utils/functions/dev.d.ts +11 -5
- package/esm/utils/functions/dev.js +9 -23
- package/esm/utils/functions/dom.js +8 -16
- package/esm/utils/functions/focusable.js +19 -23
- package/esm/utils/functions/import.js +1 -1
- package/esm/utils/functions/numbers.js +6 -8
- package/esm/utils/functions/polymorphic.js +32 -40
- package/esm/utils/functions/react.js +4 -8
- package/esm/utils/hooks/index.d.ts +1 -0
- package/esm/utils/hooks/index.js +1 -0
- package/esm/utils/hooks/useContainerWidth.js +7 -11
- package/esm/utils/hooks/useControlledState.js +4 -5
- package/esm/utils/hooks/useDragAndDrop.js +32 -43
- package/esm/utils/hooks/useEventListener.js +3 -5
- package/esm/utils/hooks/useGlobals.js +6 -25
- package/esm/utils/hooks/useId.js +3 -3
- package/esm/utils/hooks/useIntersection.js +6 -10
- package/esm/utils/hooks/useIsClient.js +1 -1
- package/esm/utils/hooks/useIsomorphicLayoutEffect.js +2 -2
- package/esm/utils/hooks/useLatestRef.js +1 -1
- package/esm/utils/hooks/useMediaQuery.js +10 -8
- package/esm/utils/hooks/useMergedRefs.js +7 -11
- package/esm/utils/hooks/useOverflow.js +24 -26
- package/esm/utils/hooks/useResizeObserver.js +5 -9
- package/esm/utils/hooks/useSafeContext.js +3 -4
- package/esm/utils/hooks/useSyncExternalStore.js +6 -8
- package/esm/utils/hooks/useVirtualScroll.d.ts +14 -0
- package/esm/utils/hooks/useVirtualScroll.js +28 -0
- package/esm/utils/icons/SvgCalendar.js +2 -3
- package/esm/utils/icons/SvgCaretDownSmall.js +2 -3
- package/esm/utils/icons/SvgCaretRightSmall.js +2 -3
- package/esm/utils/icons/SvgCaretUpSmall.js +2 -3
- package/esm/utils/icons/SvgCheckmark.js +2 -3
- package/esm/utils/icons/SvgCheckmarkSmall.js +2 -3
- package/esm/utils/icons/SvgChevronLeft.js +2 -3
- package/esm/utils/icons/SvgChevronLeftDouble.js +2 -3
- package/esm/utils/icons/SvgChevronRight.js +2 -3
- package/esm/utils/icons/SvgChevronRightDouble.js +2 -3
- package/esm/utils/icons/SvgChevronRightSmall.js +2 -3
- package/esm/utils/icons/SvgClose.js +2 -3
- package/esm/utils/icons/SvgCloseSmall.js +2 -3
- package/esm/utils/icons/SvgColumnManager.js +2 -3
- package/esm/utils/icons/SvgDocument.js +2 -3
- package/esm/utils/icons/SvgFilter.js +2 -3
- package/esm/utils/icons/SvgFilterHollow.js +2 -3
- package/esm/utils/icons/SvgImportantSmall.js +2 -3
- package/esm/utils/icons/SvgInfoCircular.js +2 -3
- package/esm/utils/icons/SvgMore.js +2 -3
- package/esm/utils/icons/SvgMoreVertical.js +2 -3
- package/esm/utils/icons/SvgNew.js +2 -3
- package/esm/utils/icons/SvgSearch.js +2 -3
- package/esm/utils/icons/SvgSmileyHappy.js +2 -3
- package/esm/utils/icons/SvgSortDown.js +2 -3
- package/esm/utils/icons/SvgSortUp.js +2 -3
- package/esm/utils/icons/SvgStatusError.js +2 -3
- package/esm/utils/icons/SvgStatusSuccess.js +2 -3
- package/esm/utils/icons/SvgStatusWarning.js +2 -3
- package/esm/utils/icons/SvgSwap.js +2 -3
- package/esm/utils/icons/SvgUpload.js +2 -3
- package/esm/utils/meta.js +1 -1
- package/esm/utils/providers/HydrationProvider.js +15 -19
- package/esm/utils/providers/ScopeProvider.js +9 -11
- package/package.json +18 -7
- package/styles.css +9 -13
- package/cjs/utils/components/VirtualScroll.d.ts +0 -75
- package/cjs/utils/components/VirtualScroll.js +0 -334
- package/esm/utils/components/VirtualScroll.d.ts +0 -75
- package/esm/utils/components/VirtualScroll.js +0 -318
|
@@ -24,30 +24,23 @@ const _react = _interop_require_wildcard._(require('react'));
|
|
|
24
24
|
const _index = require('../../utils/index.js');
|
|
25
25
|
const _IconButton = require('../Buttons/IconButton.js');
|
|
26
26
|
const _TimePicker = require('../TimePicker/TimePicker.js');
|
|
27
|
-
const isSameDay = (a, b) =>
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
a.getDate() === b.getDate()
|
|
34
|
-
);
|
|
35
|
-
};
|
|
27
|
+
const isSameDay = (a, b) =>
|
|
28
|
+
a &&
|
|
29
|
+
b &&
|
|
30
|
+
a.getFullYear() === b.getFullYear() &&
|
|
31
|
+
a.getMonth() === b.getMonth() &&
|
|
32
|
+
a.getDate() === b.getDate();
|
|
36
33
|
const isInDateRange = (date, startDate, endDate) => {
|
|
37
|
-
if (!date || !startDate || !endDate)
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
const maxDate = new Date(endDate);
|
|
42
|
-
const testDate = new Date(date);
|
|
34
|
+
if (!date || !startDate || !endDate) return false;
|
|
35
|
+
let minDate = new Date(startDate);
|
|
36
|
+
let maxDate = new Date(endDate);
|
|
37
|
+
let testDate = new Date(date);
|
|
43
38
|
testDate && testDate.setHours(0, 0, 0, 0);
|
|
44
39
|
minDate && minDate.setHours(0, 0, 0, 0);
|
|
45
40
|
maxDate && maxDate.setHours(0, 0, 0, 0);
|
|
46
41
|
return testDate > minDate && testDate < maxDate;
|
|
47
42
|
};
|
|
48
|
-
const isSingleOnChange = (onChange, enableRangeSelect) =>
|
|
49
|
-
return !enableRangeSelect;
|
|
50
|
-
};
|
|
43
|
+
const isSingleOnChange = (onChange, enableRangeSelect) => !enableRangeSelect;
|
|
51
44
|
const defaultMonths = [
|
|
52
45
|
'January',
|
|
53
46
|
'February',
|
|
@@ -73,16 +66,16 @@ const defaultLongDays = [
|
|
|
73
66
|
'Saturday',
|
|
74
67
|
];
|
|
75
68
|
const generateLocalizedStrings = (locale) => {
|
|
76
|
-
|
|
69
|
+
let shortWeekDayFormatter = new Intl.DateTimeFormat(locale, {
|
|
77
70
|
weekday: 'short',
|
|
78
71
|
});
|
|
79
|
-
|
|
72
|
+
let longWeekDayFormatter = new Intl.DateTimeFormat(locale, {
|
|
80
73
|
weekday: 'long',
|
|
81
74
|
});
|
|
82
|
-
|
|
75
|
+
let monthFormatter = new Intl.DateTimeFormat(locale, {
|
|
83
76
|
month: 'long',
|
|
84
77
|
});
|
|
85
|
-
|
|
78
|
+
let months = [
|
|
86
79
|
monthFormatter.format(new Date(2020, 0, 1)),
|
|
87
80
|
monthFormatter.format(new Date(2020, 1, 1)),
|
|
88
81
|
monthFormatter.format(new Date(2020, 2, 1)),
|
|
@@ -96,7 +89,7 @@ const generateLocalizedStrings = (locale) => {
|
|
|
96
89
|
monthFormatter.format(new Date(2020, 10, 1)),
|
|
97
90
|
monthFormatter.format(new Date(2020, 11, 1)),
|
|
98
91
|
];
|
|
99
|
-
|
|
92
|
+
let days = [
|
|
100
93
|
longWeekDayFormatter.format(new Date(2020, 10, 1)),
|
|
101
94
|
longWeekDayFormatter.format(new Date(2020, 10, 2)),
|
|
102
95
|
longWeekDayFormatter.format(new Date(2020, 10, 3)),
|
|
@@ -105,7 +98,7 @@ const generateLocalizedStrings = (locale) => {
|
|
|
105
98
|
longWeekDayFormatter.format(new Date(2020, 10, 6)),
|
|
106
99
|
longWeekDayFormatter.format(new Date(2020, 10, 7)),
|
|
107
100
|
];
|
|
108
|
-
|
|
101
|
+
let shortDays = [
|
|
109
102
|
shortWeekDayFormatter.format(new Date(2020, 10, 1)).slice(0, 2),
|
|
110
103
|
shortWeekDayFormatter.format(new Date(2020, 10, 2)).slice(0, 2),
|
|
111
104
|
shortWeekDayFormatter.format(new Date(2020, 10, 3)).slice(0, 2),
|
|
@@ -121,7 +114,7 @@ const generateLocalizedStrings = (locale) => {
|
|
|
121
114
|
};
|
|
122
115
|
};
|
|
123
116
|
const DatePicker = _react.forwardRef((props, forwardedRef) => {
|
|
124
|
-
|
|
117
|
+
let {
|
|
125
118
|
date,
|
|
126
119
|
onChange,
|
|
127
120
|
localizedNames,
|
|
@@ -154,44 +147,40 @@ const DatePicker = _react.forwardRef((props, forwardedRef) => {
|
|
|
154
147
|
showDatesOutsideMonth = true,
|
|
155
148
|
...rest
|
|
156
149
|
} = props;
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
150
|
+
let monthNames = localizedNames?.months ?? defaultMonths;
|
|
151
|
+
let shortDays = localizedNames?.shortDays ?? defaultShortDays;
|
|
152
|
+
let longDays = localizedNames?.days ?? defaultLongDays;
|
|
153
|
+
let [selectedDay, setSelectedDay] = _react.useState(date);
|
|
154
|
+
let [selectedStartDay, setSelectedStartDay] = _react.useState(startDate);
|
|
155
|
+
let [selectedEndDay, setSelectedEndDay] = _react.useState(endDate);
|
|
156
|
+
let [focusedDay, setFocusedDay] = _react.useState(
|
|
164
157
|
selectedStartDay ?? selectedDay ?? new Date(),
|
|
165
158
|
);
|
|
166
|
-
|
|
159
|
+
let [displayedMonthIndex, setDisplayedMonthIndex] = _react.useState(
|
|
167
160
|
selectedStartDay?.getMonth() ??
|
|
168
161
|
selectedDay?.getMonth() ??
|
|
169
162
|
new Date().getMonth(),
|
|
170
163
|
);
|
|
171
|
-
|
|
164
|
+
let [displayedYear, setDisplayedYear] = _react.useState(
|
|
172
165
|
selectedStartDay?.getFullYear() ??
|
|
173
166
|
selectedDay?.getFullYear() ??
|
|
174
167
|
new Date().getFullYear(),
|
|
175
168
|
);
|
|
176
|
-
|
|
177
|
-
|
|
169
|
+
let [isSelectingStartDate, setIsSelectingStartDate] = _react.useState(true);
|
|
170
|
+
let needFocus = _react.useRef(setFocus);
|
|
178
171
|
_react.useEffect(() => {
|
|
179
|
-
if (needFocus.current)
|
|
180
|
-
needFocus.current = false;
|
|
181
|
-
}
|
|
172
|
+
if (needFocus.current) needFocus.current = false;
|
|
182
173
|
});
|
|
183
|
-
|
|
174
|
+
let setMonthAndYear = _react.useCallback((newMonth, newYear) => {
|
|
184
175
|
setDisplayedMonthIndex(newMonth);
|
|
185
176
|
setDisplayedYear(newYear);
|
|
186
177
|
}, []);
|
|
187
178
|
_react.useEffect(() => {
|
|
188
|
-
|
|
179
|
+
let currentDate = new Date();
|
|
189
180
|
setSelectedDay(date);
|
|
190
181
|
setSelectedStartDay(startDate);
|
|
191
182
|
setSelectedEndDay(endDate);
|
|
192
|
-
if (!enableRangeSelect)
|
|
193
|
-
setFocusedDay(date ?? currentDate);
|
|
194
|
-
}
|
|
183
|
+
if (!enableRangeSelect) setFocusedDay(date ?? currentDate);
|
|
195
184
|
setMonthAndYear(
|
|
196
185
|
startDate?.getMonth() ?? date?.getMonth() ?? currentDate.getMonth(),
|
|
197
186
|
startDate?.getFullYear() ??
|
|
@@ -199,35 +188,32 @@ const DatePicker = _react.forwardRef((props, forwardedRef) => {
|
|
|
199
188
|
currentDate.getFullYear(),
|
|
200
189
|
);
|
|
201
190
|
}, [date, setMonthAndYear, startDate, endDate, enableRangeSelect]);
|
|
202
|
-
|
|
191
|
+
let days = _react.useMemo(() => {
|
|
203
192
|
let offsetToFirst = new Date(
|
|
204
193
|
displayedYear,
|
|
205
194
|
displayedMonthIndex,
|
|
206
195
|
1,
|
|
207
196
|
).getDay();
|
|
208
|
-
if (0 === offsetToFirst && showDatesOutsideMonth)
|
|
209
|
-
|
|
210
|
-
}
|
|
211
|
-
const daysInMonth = [];
|
|
197
|
+
if (0 === offsetToFirst && showDatesOutsideMonth) offsetToFirst = 7;
|
|
198
|
+
let daysInMonth = [];
|
|
212
199
|
for (let i = 1; i <= 42; i++) {
|
|
213
|
-
|
|
200
|
+
let adjustedDay = i - offsetToFirst;
|
|
214
201
|
daysInMonth.push(
|
|
215
202
|
new Date(displayedYear, displayedMonthIndex, adjustedDay),
|
|
216
203
|
);
|
|
217
204
|
}
|
|
218
205
|
return daysInMonth;
|
|
219
206
|
}, [displayedMonthIndex, displayedYear, showDatesOutsideMonth]);
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
for (let i = 0; i < weekCount; i++)
|
|
224
|
-
weeksInMonth.push(days.slice(
|
|
225
|
-
}
|
|
207
|
+
let weeks = _react.useMemo(() => {
|
|
208
|
+
let weeksInMonth = [];
|
|
209
|
+
let weekCount = Math.ceil(days.length / 7);
|
|
210
|
+
for (let i = 0; i < weekCount; i++)
|
|
211
|
+
weeksInMonth.push(days.slice(7 * i, (i + 1) * 7));
|
|
226
212
|
return weeksInMonth;
|
|
227
213
|
}, [days]);
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
214
|
+
let getNewFocusedDate = (newYear, newMonth) => {
|
|
215
|
+
let currentDate = selectedStartDay ?? selectedDay ?? new Date();
|
|
216
|
+
let newDate = new Date(
|
|
231
217
|
newYear,
|
|
232
218
|
newMonth,
|
|
233
219
|
currentDate.getDate(),
|
|
@@ -237,37 +223,79 @@ const DatePicker = _react.forwardRef((props, forwardedRef) => {
|
|
|
237
223
|
);
|
|
238
224
|
return newDate;
|
|
239
225
|
};
|
|
240
|
-
|
|
241
|
-
|
|
226
|
+
let handleMoveToPreviousYear = () => {
|
|
227
|
+
let newYear = displayedYear - 1;
|
|
242
228
|
setMonthAndYear(displayedMonthIndex, newYear);
|
|
243
229
|
setFocusedDay(getNewFocusedDate(newYear, displayedMonthIndex));
|
|
244
230
|
};
|
|
245
|
-
|
|
246
|
-
|
|
231
|
+
let handleMoveToNextYear = () => {
|
|
232
|
+
let newYear = displayedYear + 1;
|
|
247
233
|
setMonthAndYear(displayedMonthIndex, newYear);
|
|
248
234
|
setFocusedDay(getNewFocusedDate(newYear, displayedMonthIndex));
|
|
249
235
|
};
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
displayedMonthIndex !== 0 ? displayedYear : displayedYear - 1;
|
|
236
|
+
let handleMoveToPreviousMonth = () => {
|
|
237
|
+
let newMonth = 0 !== displayedMonthIndex ? displayedMonthIndex - 1 : 11;
|
|
238
|
+
let newYear = 0 !== displayedMonthIndex ? displayedYear : displayedYear - 1;
|
|
254
239
|
setMonthAndYear(newMonth, newYear);
|
|
255
240
|
setFocusedDay(getNewFocusedDate(newYear, newMonth));
|
|
256
241
|
};
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
242
|
+
let handleMoveToNextMonth = () => {
|
|
243
|
+
let newMonth = 11 !== displayedMonthIndex ? displayedMonthIndex + 1 : 0;
|
|
244
|
+
let newYear =
|
|
245
|
+
11 !== displayedMonthIndex ? displayedYear : displayedYear + 1;
|
|
261
246
|
setMonthAndYear(newMonth, newYear);
|
|
262
247
|
setFocusedDay(getNewFocusedDate(newYear, newMonth));
|
|
263
248
|
};
|
|
264
|
-
|
|
265
|
-
if (
|
|
266
|
-
if (
|
|
267
|
-
|
|
249
|
+
let onDayClick = (day) => {
|
|
250
|
+
if (enableRangeSelect) {
|
|
251
|
+
if (isSelectingStartDate) {
|
|
252
|
+
if (day.getMonth() !== selectedStartDay?.getMonth())
|
|
253
|
+
setMonthAndYear(day.getMonth(), day.getFullYear());
|
|
254
|
+
let currentStartDate = selectedStartDay ?? new Date();
|
|
255
|
+
let newStartDate = new Date(
|
|
256
|
+
day.getFullYear(),
|
|
257
|
+
day.getMonth(),
|
|
258
|
+
day.getDate(),
|
|
259
|
+
currentStartDate.getHours(),
|
|
260
|
+
currentStartDate.getMinutes(),
|
|
261
|
+
currentStartDate.getSeconds(),
|
|
262
|
+
);
|
|
263
|
+
setSelectedStartDay(newStartDate);
|
|
264
|
+
setFocusedDay(newStartDate);
|
|
265
|
+
if ((0, _index.isBefore)(newStartDate, selectedEndDay))
|
|
266
|
+
selectedEndDay && onChange?.(newStartDate, selectedEndDay);
|
|
267
|
+
else {
|
|
268
|
+
setSelectedEndDay(newStartDate);
|
|
269
|
+
onChange?.(newStartDate, newStartDate);
|
|
270
|
+
}
|
|
271
|
+
setIsSelectingStartDate(false);
|
|
272
|
+
} else {
|
|
273
|
+
if (day.getMonth() !== selectedEndDay?.getMonth())
|
|
274
|
+
setMonthAndYear(day.getMonth(), day.getFullYear());
|
|
275
|
+
let currentEndDate = selectedEndDay ?? new Date();
|
|
276
|
+
let newEndDate = new Date(
|
|
277
|
+
day.getFullYear(),
|
|
278
|
+
day.getMonth(),
|
|
279
|
+
day.getDate(),
|
|
280
|
+
currentEndDate.getHours(),
|
|
281
|
+
currentEndDate.getMinutes(),
|
|
282
|
+
currentEndDate.getSeconds(),
|
|
283
|
+
);
|
|
284
|
+
setFocusedDay(newEndDate);
|
|
285
|
+
if ((0, _index.isBefore)(newEndDate, selectedStartDay)) {
|
|
286
|
+
setSelectedStartDay(newEndDate);
|
|
287
|
+
selectedEndDay && onChange?.(newEndDate, selectedEndDay);
|
|
288
|
+
} else {
|
|
289
|
+
setSelectedEndDay(newEndDate);
|
|
290
|
+
selectedStartDay && onChange?.(selectedStartDay, newEndDate);
|
|
291
|
+
setIsSelectingStartDate(true);
|
|
292
|
+
}
|
|
268
293
|
}
|
|
269
|
-
|
|
270
|
-
|
|
294
|
+
} else {
|
|
295
|
+
if (day.getMonth() !== selectedDay?.getMonth())
|
|
296
|
+
setMonthAndYear(day.getMonth(), day.getFullYear());
|
|
297
|
+
let currentDate = selectedDay ?? new Date();
|
|
298
|
+
let newDate = new Date(
|
|
271
299
|
day.getFullYear(),
|
|
272
300
|
day.getMonth(),
|
|
273
301
|
day.getDate(),
|
|
@@ -278,93 +306,41 @@ const DatePicker = _react.forwardRef((props, forwardedRef) => {
|
|
|
278
306
|
setSelectedDay(newDate);
|
|
279
307
|
setFocusedDay(newDate);
|
|
280
308
|
isSingleOnChange(onChange, enableRangeSelect) && onChange?.(newDate);
|
|
281
|
-
} else if (isSelectingStartDate) {
|
|
282
|
-
if (day.getMonth() !== selectedStartDay?.getMonth()) {
|
|
283
|
-
setMonthAndYear(day.getMonth(), day.getFullYear());
|
|
284
|
-
}
|
|
285
|
-
const currentStartDate = selectedStartDay ?? new Date();
|
|
286
|
-
const newStartDate = new Date(
|
|
287
|
-
day.getFullYear(),
|
|
288
|
-
day.getMonth(),
|
|
289
|
-
day.getDate(),
|
|
290
|
-
currentStartDate.getHours(),
|
|
291
|
-
currentStartDate.getMinutes(),
|
|
292
|
-
currentStartDate.getSeconds(),
|
|
293
|
-
);
|
|
294
|
-
setSelectedStartDay(newStartDate);
|
|
295
|
-
setFocusedDay(newStartDate);
|
|
296
|
-
if (!(0, _index.isBefore)(newStartDate, selectedEndDay)) {
|
|
297
|
-
setSelectedEndDay(newStartDate);
|
|
298
|
-
onChange?.(newStartDate, newStartDate);
|
|
299
|
-
} else {
|
|
300
|
-
selectedEndDay && onChange?.(newStartDate, selectedEndDay);
|
|
301
|
-
}
|
|
302
|
-
setIsSelectingStartDate(false);
|
|
303
|
-
} else {
|
|
304
|
-
if (day.getMonth() !== selectedEndDay?.getMonth()) {
|
|
305
|
-
setMonthAndYear(day.getMonth(), day.getFullYear());
|
|
306
|
-
}
|
|
307
|
-
const currentEndDate = selectedEndDay ?? new Date();
|
|
308
|
-
const newEndDate = new Date(
|
|
309
|
-
day.getFullYear(),
|
|
310
|
-
day.getMonth(),
|
|
311
|
-
day.getDate(),
|
|
312
|
-
currentEndDate.getHours(),
|
|
313
|
-
currentEndDate.getMinutes(),
|
|
314
|
-
currentEndDate.getSeconds(),
|
|
315
|
-
);
|
|
316
|
-
setFocusedDay(newEndDate);
|
|
317
|
-
if (!(0, _index.isBefore)(newEndDate, selectedStartDay)) {
|
|
318
|
-
setSelectedEndDay(newEndDate);
|
|
319
|
-
selectedStartDay && onChange?.(selectedStartDay, newEndDate);
|
|
320
|
-
setIsSelectingStartDate(true);
|
|
321
|
-
} else {
|
|
322
|
-
setSelectedStartDay(newEndDate);
|
|
323
|
-
selectedEndDay && onChange?.(newEndDate, selectedEndDay);
|
|
324
|
-
}
|
|
325
309
|
}
|
|
326
310
|
};
|
|
327
|
-
|
|
328
|
-
if (event.altKey)
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
if (!focusedDay) {
|
|
332
|
-
return;
|
|
333
|
-
}
|
|
334
|
-
const adjustedFocusedDay = new Date(focusedDay);
|
|
311
|
+
let handleCalendarKeyDown = (event) => {
|
|
312
|
+
if (event.altKey) return;
|
|
313
|
+
if (!focusedDay) return;
|
|
314
|
+
let adjustedFocusedDay = new Date(focusedDay);
|
|
335
315
|
switch (event.key) {
|
|
336
316
|
case 'ArrowDown':
|
|
337
317
|
adjustedFocusedDay.setDate(focusedDay.getDate() + 7);
|
|
338
|
-
if (adjustedFocusedDay.getMonth() !== displayedMonthIndex)
|
|
318
|
+
if (adjustedFocusedDay.getMonth() !== displayedMonthIndex)
|
|
339
319
|
handleMoveToNextMonth();
|
|
340
|
-
}
|
|
341
320
|
setFocusedDay(adjustedFocusedDay);
|
|
342
321
|
needFocus.current = true;
|
|
343
322
|
event.preventDefault();
|
|
344
323
|
break;
|
|
345
324
|
case 'ArrowUp':
|
|
346
325
|
adjustedFocusedDay.setDate(focusedDay.getDate() - 7);
|
|
347
|
-
if (adjustedFocusedDay.getMonth() !== displayedMonthIndex)
|
|
326
|
+
if (adjustedFocusedDay.getMonth() !== displayedMonthIndex)
|
|
348
327
|
handleMoveToPreviousMonth();
|
|
349
|
-
}
|
|
350
328
|
setFocusedDay(adjustedFocusedDay);
|
|
351
329
|
needFocus.current = true;
|
|
352
330
|
event.preventDefault();
|
|
353
331
|
break;
|
|
354
332
|
case 'ArrowLeft':
|
|
355
333
|
adjustedFocusedDay.setDate(focusedDay.getDate() - 1);
|
|
356
|
-
if (adjustedFocusedDay.getMonth() !== displayedMonthIndex)
|
|
334
|
+
if (adjustedFocusedDay.getMonth() !== displayedMonthIndex)
|
|
357
335
|
handleMoveToPreviousMonth();
|
|
358
|
-
}
|
|
359
336
|
setFocusedDay(adjustedFocusedDay);
|
|
360
337
|
needFocus.current = true;
|
|
361
338
|
event.preventDefault();
|
|
362
339
|
break;
|
|
363
340
|
case 'ArrowRight':
|
|
364
341
|
adjustedFocusedDay.setDate(focusedDay.getDate() + 1);
|
|
365
|
-
if (adjustedFocusedDay.getMonth() !== displayedMonthIndex)
|
|
342
|
+
if (adjustedFocusedDay.getMonth() !== displayedMonthIndex)
|
|
366
343
|
handleMoveToNextMonth();
|
|
367
|
-
}
|
|
368
344
|
setFocusedDay(adjustedFocusedDay);
|
|
369
345
|
needFocus.current = true;
|
|
370
346
|
event.preventDefault();
|
|
@@ -372,41 +348,31 @@ const DatePicker = _react.forwardRef((props, forwardedRef) => {
|
|
|
372
348
|
case 'Enter':
|
|
373
349
|
case ' ':
|
|
374
350
|
case 'Spacebar':
|
|
375
|
-
if (!isDateDisabled?.(focusedDay))
|
|
376
|
-
onDayClick(focusedDay);
|
|
377
|
-
}
|
|
351
|
+
if (!isDateDisabled?.(focusedDay)) onDayClick(focusedDay);
|
|
378
352
|
event.preventDefault();
|
|
379
353
|
break;
|
|
380
354
|
}
|
|
381
355
|
};
|
|
382
|
-
|
|
383
|
-
if (day.getMonth() !== displayedMonthIndex)
|
|
356
|
+
let getDayClass = (day) => {
|
|
357
|
+
if (day.getMonth() !== displayedMonthIndex)
|
|
384
358
|
return 'iui-calendar-day-outside-month';
|
|
385
|
-
}
|
|
386
359
|
let dayClass = 'iui-calendar-day';
|
|
387
|
-
|
|
360
|
+
let isSelectedDay =
|
|
388
361
|
isSameDay(day, selectedDay) ||
|
|
389
362
|
(isSameDay(day, selectedStartDay) && isSameDay(day, selectedEndDay));
|
|
390
|
-
if (isSelectedDay)
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
dayClass += '-range-start';
|
|
394
|
-
} else if (isSameDay(day, selectedEndDay)) {
|
|
395
|
-
dayClass += '-range-end';
|
|
396
|
-
}
|
|
363
|
+
if (isSelectedDay) dayClass += '-selected';
|
|
364
|
+
else if (isSameDay(day, selectedStartDay)) dayClass += '-range-start';
|
|
365
|
+
else if (isSameDay(day, selectedEndDay)) dayClass += '-range-end';
|
|
397
366
|
if (
|
|
398
367
|
selectedStartDay &&
|
|
399
368
|
selectedEndDay &&
|
|
400
369
|
isInDateRange(day, selectedStartDay, selectedEndDay)
|
|
401
|
-
)
|
|
370
|
+
)
|
|
402
371
|
dayClass += '-range';
|
|
403
|
-
|
|
404
|
-
if (isSameDay(day, new Date())) {
|
|
405
|
-
dayClass += '-today';
|
|
406
|
-
}
|
|
372
|
+
if (isSameDay(day, new Date())) dayClass += '-today';
|
|
407
373
|
return dayClass;
|
|
408
374
|
};
|
|
409
|
-
|
|
375
|
+
let dateTableId = (0, _index.useId)();
|
|
410
376
|
return _react.createElement(
|
|
411
377
|
_index.Box,
|
|
412
378
|
{
|
|
@@ -527,8 +493,8 @@ const DatePicker = _react.forwardRef((props, forwardedRef) => {
|
|
|
527
493
|
'aria-labelledby': dateTableId,
|
|
528
494
|
...calendarProps,
|
|
529
495
|
},
|
|
530
|
-
weeks.map((weekDays, weekIndex) =>
|
|
531
|
-
|
|
496
|
+
weeks.map((weekDays, weekIndex) =>
|
|
497
|
+
_react.createElement(
|
|
532
498
|
_index.Box,
|
|
533
499
|
{
|
|
534
500
|
as: 'div',
|
|
@@ -540,10 +506,10 @@ const DatePicker = _react.forwardRef((props, forwardedRef) => {
|
|
|
540
506
|
),
|
|
541
507
|
},
|
|
542
508
|
weekDays.map((weekDay, dayIndex) => {
|
|
543
|
-
|
|
544
|
-
|
|
545
|
-
|
|
546
|
-
if (isOutsideMonth && !showDatesOutsideMonth)
|
|
509
|
+
let dateValue = weekDay.getDate();
|
|
510
|
+
let isDisabled = isDateDisabled?.(weekDay);
|
|
511
|
+
let isOutsideMonth = weekDay.getMonth() !== displayedMonthIndex;
|
|
512
|
+
if (isOutsideMonth && !showDatesOutsideMonth)
|
|
547
513
|
return _react.createElement(_index.Box, {
|
|
548
514
|
key: `day-${displayedMonthIndex}-${dayIndex}`,
|
|
549
515
|
className: (0, _classnames.default)(
|
|
@@ -552,7 +518,6 @@ const DatePicker = _react.forwardRef((props, forwardedRef) => {
|
|
|
552
518
|
),
|
|
553
519
|
'aria-hidden': true,
|
|
554
520
|
});
|
|
555
|
-
}
|
|
556
521
|
return _react.createElement(
|
|
557
522
|
_index.Box,
|
|
558
523
|
{
|
|
@@ -561,7 +526,7 @@ const DatePicker = _react.forwardRef((props, forwardedRef) => {
|
|
|
561
526
|
onClick: () => !isDisabled && onDayClick(weekDay),
|
|
562
527
|
role: 'option',
|
|
563
528
|
tabIndex: isSameDay(weekDay, focusedDay) ? 0 : -1,
|
|
564
|
-
'aria-disabled': isDisabled ? 'true' :
|
|
529
|
+
'aria-disabled': isDisabled ? 'true' : void 0,
|
|
565
530
|
ref: (element) =>
|
|
566
531
|
isSameDay(weekDay, focusedDay) &&
|
|
567
532
|
needFocus.current &&
|
|
@@ -575,8 +540,8 @@ const DatePicker = _react.forwardRef((props, forwardedRef) => {
|
|
|
575
540
|
dateValue,
|
|
576
541
|
);
|
|
577
542
|
}),
|
|
578
|
-
)
|
|
579
|
-
|
|
543
|
+
),
|
|
544
|
+
),
|
|
580
545
|
),
|
|
581
546
|
),
|
|
582
547
|
showTime &&
|
|
@@ -21,7 +21,7 @@ const _DialogMain = require('./DialogMain.js');
|
|
|
21
21
|
const _index = require('../../utils/index.js');
|
|
22
22
|
const _reacttransitiongroup = require('react-transition-group');
|
|
23
23
|
const DialogComponent = _react.forwardRef((props, ref) => {
|
|
24
|
-
|
|
24
|
+
let {
|
|
25
25
|
trapFocus = false,
|
|
26
26
|
setFocus = false,
|
|
27
27
|
preventDocumentScroll = false,
|
|
@@ -38,7 +38,7 @@ const DialogComponent = _react.forwardRef((props, ref) => {
|
|
|
38
38
|
portal = false,
|
|
39
39
|
...rest
|
|
40
40
|
} = props;
|
|
41
|
-
|
|
41
|
+
let dialogRootRef = _react.useRef(null);
|
|
42
42
|
return _react.createElement(
|
|
43
43
|
_reacttransitiongroup.Transition,
|
|
44
44
|
{
|
|
@@ -75,7 +75,7 @@ const DialogComponent = _react.forwardRef((props, ref) => {
|
|
|
75
75
|
},
|
|
76
76
|
_react.createElement(_index.Box, {
|
|
77
77
|
className: (0, _classnames.default)('iui-dialog-wrapper', className),
|
|
78
|
-
'data-iui-relative':
|
|
78
|
+
'data-iui-relative': 'container' === relativeTo,
|
|
79
79
|
ref: (0, _index.useMergedRefs)(ref, dialogRootRef),
|
|
80
80
|
...rest,
|
|
81
81
|
}),
|
|
@@ -16,8 +16,8 @@ const _index = require('../../utils/index.js');
|
|
|
16
16
|
const _DialogContext = require('./DialogContext.js');
|
|
17
17
|
const _classnames = _interop_require_default._(require('classnames'));
|
|
18
18
|
const DialogBackdrop = _react.forwardRef((props, ref) => {
|
|
19
|
-
|
|
20
|
-
|
|
19
|
+
let dialogContext = (0, _DialogContext.useDialogContext)();
|
|
20
|
+
let {
|
|
21
21
|
isVisible = dialogContext.isOpen,
|
|
22
22
|
isDismissible = dialogContext.isDismissible,
|
|
23
23
|
onClose = dialogContext.onClose,
|
|
@@ -28,23 +28,19 @@ const DialogBackdrop = _react.forwardRef((props, ref) => {
|
|
|
28
28
|
style,
|
|
29
29
|
...rest
|
|
30
30
|
} = props;
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
31
|
+
let backdropRef = _react.useRef(null);
|
|
32
|
+
let refs = (0, _index.useMergedRefs)(backdropRef, ref);
|
|
33
|
+
let handleMouseDown = (event) => {
|
|
34
34
|
event.persist();
|
|
35
|
-
if (event.target !== backdropRef.current)
|
|
36
|
-
|
|
37
|
-
}
|
|
38
|
-
if (isDismissible && closeOnExternalClick && onClose) {
|
|
39
|
-
onClose(event);
|
|
40
|
-
}
|
|
35
|
+
if (event.target !== backdropRef.current) return;
|
|
36
|
+
if (isDismissible && closeOnExternalClick && onClose) onClose(event);
|
|
41
37
|
onMouseDown?.(event);
|
|
42
38
|
};
|
|
43
39
|
return _react.createElement(_Backdrop.Backdrop, {
|
|
44
40
|
isVisible: isVisible,
|
|
45
41
|
className: (0, _classnames.default)(
|
|
46
42
|
{
|
|
47
|
-
'iui-backdrop-fixed':
|
|
43
|
+
'iui-backdrop-fixed': 'viewport' === relativeTo,
|
|
48
44
|
},
|
|
49
45
|
className,
|
|
50
46
|
),
|
|
@@ -19,7 +19,5 @@ _export(exports, {
|
|
|
19
19
|
});
|
|
20
20
|
const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
|
|
21
21
|
const _react = _interop_require_wildcard._(require('react'));
|
|
22
|
-
const DialogContext = _react.createContext(
|
|
23
|
-
const useDialogContext = () => {
|
|
24
|
-
return _react.useContext(DialogContext) || {};
|
|
25
|
-
};
|
|
22
|
+
const DialogContext = _react.createContext(void 0);
|
|
23
|
+
const useDialogContext = () => _react.useContext(DialogContext) || {};
|
|
@@ -19,9 +19,9 @@ _export(exports, {
|
|
|
19
19
|
});
|
|
20
20
|
const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
|
|
21
21
|
const _react = _interop_require_wildcard._(require('react'));
|
|
22
|
-
const DialogDragContext = _react.createContext(
|
|
22
|
+
const DialogDragContext = _react.createContext(void 0);
|
|
23
23
|
const useDialogDragContext = () => {
|
|
24
|
-
|
|
24
|
+
let context = _react.useContext(DialogDragContext);
|
|
25
25
|
return {
|
|
26
26
|
...context,
|
|
27
27
|
};
|