@salt-ds/lab 1.0.0-alpha.1 → 1.0.0-alpha.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist-cjs/packages/lab/src/accordion/AccordionSection.js +1 -0
- package/dist-cjs/packages/lab/src/accordion/AccordionSection.js.map +1 -1
- package/dist-cjs/packages/lab/src/app-header/AppHeader.js +1 -0
- package/dist-cjs/packages/lab/src/app-header/AppHeader.js.map +1 -1
- package/dist-cjs/packages/lab/src/breadcrumbs/Breadcrumb.js.map +1 -1
- package/dist-cjs/packages/lab/src/button-bar/OrderedButton.js +1 -0
- package/dist-cjs/packages/lab/src/button-bar/OrderedButton.js.map +1 -1
- package/dist-cjs/packages/lab/src/calendar/internal/CalendarDay.js +33 -49
- package/dist-cjs/packages/lab/src/calendar/internal/CalendarDay.js.map +1 -1
- package/dist-cjs/packages/lab/src/calendar/internal/CalendarNavigation.js +34 -64
- package/dist-cjs/packages/lab/src/calendar/internal/CalendarNavigation.js.map +1 -1
- package/dist-cjs/packages/lab/src/calendar/useSelection.js +1 -0
- package/dist-cjs/packages/lab/src/calendar/useSelection.js.map +1 -1
- package/dist-cjs/packages/lab/src/carousel/Carousel.js +1 -0
- package/dist-cjs/packages/lab/src/carousel/Carousel.js.map +1 -1
- package/dist-cjs/packages/lab/src/cascading-menu/CascadingMenu.js +1 -0
- package/dist-cjs/packages/lab/src/cascading-menu/CascadingMenu.js.map +1 -1
- package/dist-cjs/packages/lab/src/cascading-menu/CascadingMenuItem.js +46 -60
- package/dist-cjs/packages/lab/src/cascading-menu/CascadingMenuItem.js.map +1 -1
- package/dist-cjs/packages/lab/src/cascading-menu/CascadingMenuList.js +3 -3
- package/dist-cjs/packages/lab/src/cascading-menu/CascadingMenuList.js.map +1 -1
- package/dist-cjs/packages/lab/src/cascading-menu/internal/useClickAway.js +1 -0
- package/dist-cjs/packages/lab/src/cascading-menu/internal/useClickAway.js.map +1 -1
- package/dist-cjs/packages/lab/src/cascading-menu/internal/useMenuTriggerHandlers.js +1 -0
- package/dist-cjs/packages/lab/src/cascading-menu/internal/useMenuTriggerHandlers.js.map +1 -1
- package/dist-cjs/packages/lab/src/combo-box/ComboBox.js +1 -0
- package/dist-cjs/packages/lab/src/combo-box/ComboBox.js.map +1 -1
- package/dist-cjs/packages/lab/src/combo-box/useCombobox.js +1 -0
- package/dist-cjs/packages/lab/src/combo-box/useCombobox.js.map +1 -1
- package/dist-cjs/packages/lab/src/combo-box-deprecated/filterHelpers.js +1 -0
- package/dist-cjs/packages/lab/src/combo-box-deprecated/filterHelpers.js.map +1 -1
- package/dist-cjs/packages/lab/src/combo-box-deprecated/internal/DefaultComboBox.js +21 -39
- package/dist-cjs/packages/lab/src/combo-box-deprecated/internal/DefaultComboBox.js.map +1 -1
- package/dist-cjs/packages/lab/src/combo-box-deprecated/internal/MultiSelectComboBox.js +28 -49
- package/dist-cjs/packages/lab/src/combo-box-deprecated/internal/MultiSelectComboBox.js.map +1 -1
- package/dist-cjs/packages/lab/src/combo-box-deprecated/internal/useComboBox.js +1 -0
- package/dist-cjs/packages/lab/src/combo-box-deprecated/internal/useComboBox.js.map +1 -1
- package/dist-cjs/packages/lab/src/combo-box-deprecated/internal/useMultiSelectComboBox.js +1 -0
- package/dist-cjs/packages/lab/src/combo-box-deprecated/internal/useMultiSelectComboBox.js.map +1 -1
- package/dist-cjs/packages/lab/src/common-hooks/useViewportTracking.js +1 -0
- package/dist-cjs/packages/lab/src/common-hooks/useViewportTracking.js.map +1 -1
- package/dist-cjs/packages/lab/src/common-hooks/utils/filter-utils.js +1 -0
- package/dist-cjs/packages/lab/src/common-hooks/utils/filter-utils.js.map +1 -1
- package/dist-cjs/packages/lab/src/contact-details/ContactAction.js +8 -23
- package/dist-cjs/packages/lab/src/contact-details/ContactAction.js.map +1 -1
- package/dist-cjs/packages/lab/src/contact-details/ContactFavoriteToggle.js.map +1 -1
- package/dist-cjs/packages/lab/src/contact-details/MailLinkComponent.js +1 -0
- package/dist-cjs/packages/lab/src/contact-details/MailLinkComponent.js.map +1 -1
- package/dist-cjs/packages/lab/src/contact-details/internal/FavoriteToggleWithTooltip.js +8 -19
- package/dist-cjs/packages/lab/src/contact-details/internal/FavoriteToggleWithTooltip.js.map +1 -1
- package/dist-cjs/packages/lab/src/content-status/internal/StatusIndicator.js +1 -2
- package/dist-cjs/packages/lab/src/content-status/internal/StatusIndicator.js.map +1 -1
- package/dist-cjs/packages/lab/src/deck-layout/DeckLayout.js +1 -0
- package/dist-cjs/packages/lab/src/deck-layout/DeckLayout.js.map +1 -1
- package/dist-cjs/packages/lab/src/dropdown/Dropdown.js +1 -0
- package/dist-cjs/packages/lab/src/dropdown/Dropdown.js.map +1 -1
- package/dist-cjs/packages/lab/src/dropdown/DropdownBase.js +6 -6
- package/dist-cjs/packages/lab/src/dropdown/DropdownBase.js.map +1 -1
- package/dist-cjs/packages/lab/src/dropdown/useDropdown.js +1 -0
- package/dist-cjs/packages/lab/src/dropdown/useDropdown.js.map +1 -1
- package/dist-cjs/packages/lab/src/dropdown/useDropdownBase.js +1 -0
- package/dist-cjs/packages/lab/src/dropdown/useDropdownBase.js.map +1 -1
- package/dist-cjs/packages/lab/src/form-field/FormField.js +60 -73
- package/dist-cjs/packages/lab/src/form-field/FormField.js.map +1 -1
- package/dist-cjs/packages/lab/src/form-field/StatusIndicator.js +17 -30
- package/dist-cjs/packages/lab/src/form-field/StatusIndicator.js.map +1 -1
- package/dist-cjs/packages/lab/src/index.js +3 -15
- package/dist-cjs/packages/lab/src/index.js.map +1 -1
- package/dist-cjs/packages/lab/src/layer-layout/LayerLayout.js +3 -2
- package/dist-cjs/packages/lab/src/layer-layout/LayerLayout.js.map +1 -1
- package/dist-cjs/packages/lab/src/list/Highlighter.js +1 -0
- package/dist-cjs/packages/lab/src/list/Highlighter.js.map +1 -1
- package/dist-cjs/packages/lab/src/list/List.js +1 -0
- package/dist-cjs/packages/lab/src/list/List.js.map +1 -1
- package/dist-cjs/packages/lab/src/list/VirtualizedList.js +1 -0
- package/dist-cjs/packages/lab/src/list/VirtualizedList.js.map +1 -1
- package/dist-cjs/packages/lab/src/list/useList.js +1 -0
- package/dist-cjs/packages/lab/src/list/useList.js.map +1 -1
- package/dist-cjs/packages/lab/src/list/useListHeight.js +1 -0
- package/dist-cjs/packages/lab/src/list/useListHeight.js.map +1 -1
- package/dist-cjs/packages/lab/src/list-deprecated/List.js +5 -26
- package/dist-cjs/packages/lab/src/list-deprecated/List.js.map +1 -1
- package/dist-cjs/packages/lab/src/list-deprecated/ListItemBase.js +28 -58
- package/dist-cjs/packages/lab/src/list-deprecated/ListItemBase.js.map +1 -1
- package/dist-cjs/packages/lab/src/list-deprecated/internal/Highlighter.js +1 -0
- package/dist-cjs/packages/lab/src/list-deprecated/internal/Highlighter.js.map +1 -1
- package/dist-cjs/packages/lab/src/list-deprecated/useTypeSelect.js +1 -0
- package/dist-cjs/packages/lab/src/list-deprecated/useTypeSelect.js.map +1 -1
- package/dist-cjs/packages/lab/src/overlay/Overlay.js +1 -1
- package/dist-cjs/packages/lab/src/overlay/Overlay.js.map +1 -1
- package/dist-cjs/packages/lab/src/overlay/useOverlay.js +11 -12
- package/dist-cjs/packages/lab/src/overlay/useOverlay.js.map +1 -1
- package/dist-cjs/packages/lab/src/parent-child-layout/ParentChildLayout.js +1 -0
- package/dist-cjs/packages/lab/src/parent-child-layout/ParentChildLayout.js.map +1 -1
- package/dist-cjs/packages/lab/src/pill/PillBase.js +39 -55
- package/dist-cjs/packages/lab/src/pill/PillBase.js.map +1 -1
- package/dist-cjs/packages/lab/src/query-input/internal/CategoryList.js +1 -0
- package/dist-cjs/packages/lab/src/query-input/internal/CategoryList.js.map +1 -1
- package/dist-cjs/packages/lab/src/query-input/internal/CategoryListItem.js +1 -0
- package/dist-cjs/packages/lab/src/query-input/internal/CategoryListItem.js.map +1 -1
- package/dist-cjs/packages/lab/src/query-input/internal/QueryInputBody.js +1 -0
- package/dist-cjs/packages/lab/src/query-input/internal/QueryInputBody.js.map +1 -1
- package/dist-cjs/packages/lab/src/query-input/internal/SearchList.js +1 -0
- package/dist-cjs/packages/lab/src/query-input/internal/SearchList.js.map +1 -1
- package/dist-cjs/packages/lab/src/query-input/internal/ValueList.js +1 -0
- package/dist-cjs/packages/lab/src/query-input/internal/ValueList.js.map +1 -1
- package/dist-cjs/packages/lab/src/query-input/internal/ValueSelector.js +2 -3
- package/dist-cjs/packages/lab/src/query-input/internal/ValueSelector.js.map +1 -1
- package/dist-cjs/packages/lab/src/query-input/useQueryInput.js +1 -0
- package/dist-cjs/packages/lab/src/query-input/useQueryInput.js.map +1 -1
- package/dist-cjs/packages/lab/src/responsive/useOverflow.js +1 -0
- package/dist-cjs/packages/lab/src/responsive/useOverflow.js.map +1 -1
- package/dist-cjs/packages/lab/src/slider/internal/SliderHandle.js +17 -26
- package/dist-cjs/packages/lab/src/slider/internal/SliderHandle.js.map +1 -1
- package/dist-cjs/packages/lab/src/tabs/Tabstrip.js +35 -45
- package/dist-cjs/packages/lab/src/tabs/Tabstrip.js.map +1 -1
- package/dist-cjs/packages/lab/src/tabs/useActivationIndicator.js +1 -0
- package/dist-cjs/packages/lab/src/tabs/useActivationIndicator.js.map +1 -1
- package/dist-cjs/packages/lab/src/tabs/useKeyboardNavigation.js +1 -0
- package/dist-cjs/packages/lab/src/tabs/useKeyboardNavigation.js.map +1 -1
- package/dist-cjs/packages/lab/src/toggle-button/ToggleButton.js +6 -26
- package/dist-cjs/packages/lab/src/toggle-button/ToggleButton.js.map +1 -1
- package/dist-cjs/packages/lab/src/tokenized-input/TokenizedInput.js.map +1 -1
- package/dist-cjs/packages/lab/src/tokenized-input/useTokenizedInput.js +1 -0
- package/dist-cjs/packages/lab/src/tokenized-input/useTokenizedInput.js.map +1 -1
- package/dist-cjs/packages/lab/src/toolbar/Toolbar.js +1 -0
- package/dist-cjs/packages/lab/src/toolbar/Toolbar.js.map +1 -1
- package/dist-cjs/packages/lab/src/toolbar/internal/renderToolbarItems.js +1 -0
- package/dist-cjs/packages/lab/src/toolbar/internal/renderToolbarItems.js.map +1 -1
- package/dist-cjs/packages/lab/src/toolbar/overflow-panel/OverflowPanel.js +1 -0
- package/dist-cjs/packages/lab/src/toolbar/overflow-panel/OverflowPanel.js.map +1 -1
- package/dist-cjs/packages/lab/src/tree/Tree.js +1 -0
- package/dist-cjs/packages/lab/src/tree/Tree.js.map +1 -1
- package/dist-cjs/packages/lab/src/tree/useTree.js +1 -0
- package/dist-cjs/packages/lab/src/tree/useTree.js.map +1 -1
- package/dist-cjs/packages/lab/src/utils/useFloatingUI.js +38 -0
- package/dist-cjs/packages/lab/src/utils/useFloatingUI.js.map +1 -0
- package/dist-cjs/packages/lab/src/utils/useIsViewportLargerThanBreakpoint.js +1 -2
- package/dist-cjs/packages/lab/src/utils/useIsViewportLargerThanBreakpoint.js.map +1 -1
- package/dist-es/packages/lab/src/accordion/AccordionSection.js +1 -0
- package/dist-es/packages/lab/src/accordion/AccordionSection.js.map +1 -1
- package/dist-es/packages/lab/src/app-header/AppHeader.js +1 -0
- package/dist-es/packages/lab/src/app-header/AppHeader.js.map +1 -1
- package/dist-es/packages/lab/src/breadcrumbs/Breadcrumb.js.map +1 -1
- package/dist-es/packages/lab/src/button-bar/OrderedButton.js +1 -0
- package/dist-es/packages/lab/src/button-bar/OrderedButton.js.map +1 -1
- package/dist-es/packages/lab/src/calendar/internal/CalendarDay.js +35 -51
- package/dist-es/packages/lab/src/calendar/internal/CalendarDay.js.map +1 -1
- package/dist-es/packages/lab/src/calendar/internal/CalendarNavigation.js +35 -65
- package/dist-es/packages/lab/src/calendar/internal/CalendarNavigation.js.map +1 -1
- package/dist-es/packages/lab/src/calendar/useSelection.js +1 -0
- package/dist-es/packages/lab/src/calendar/useSelection.js.map +1 -1
- package/dist-es/packages/lab/src/carousel/Carousel.js +1 -0
- package/dist-es/packages/lab/src/carousel/Carousel.js.map +1 -1
- package/dist-es/packages/lab/src/cascading-menu/CascadingMenu.js +1 -0
- package/dist-es/packages/lab/src/cascading-menu/CascadingMenu.js.map +1 -1
- package/dist-es/packages/lab/src/cascading-menu/CascadingMenuItem.js +48 -62
- package/dist-es/packages/lab/src/cascading-menu/CascadingMenuItem.js.map +1 -1
- package/dist-es/packages/lab/src/cascading-menu/CascadingMenuList.js +3 -3
- package/dist-es/packages/lab/src/cascading-menu/CascadingMenuList.js.map +1 -1
- package/dist-es/packages/lab/src/cascading-menu/internal/useClickAway.js +1 -0
- package/dist-es/packages/lab/src/cascading-menu/internal/useClickAway.js.map +1 -1
- package/dist-es/packages/lab/src/cascading-menu/internal/useMenuTriggerHandlers.js +1 -0
- package/dist-es/packages/lab/src/cascading-menu/internal/useMenuTriggerHandlers.js.map +1 -1
- package/dist-es/packages/lab/src/combo-box/ComboBox.js +1 -0
- package/dist-es/packages/lab/src/combo-box/ComboBox.js.map +1 -1
- package/dist-es/packages/lab/src/combo-box/useCombobox.js +1 -0
- package/dist-es/packages/lab/src/combo-box/useCombobox.js.map +1 -1
- package/dist-es/packages/lab/src/combo-box-deprecated/filterHelpers.js +1 -0
- package/dist-es/packages/lab/src/combo-box-deprecated/filterHelpers.js.map +1 -1
- package/dist-es/packages/lab/src/combo-box-deprecated/internal/DefaultComboBox.js +19 -37
- package/dist-es/packages/lab/src/combo-box-deprecated/internal/DefaultComboBox.js.map +1 -1
- package/dist-es/packages/lab/src/combo-box-deprecated/internal/MultiSelectComboBox.js +26 -47
- package/dist-es/packages/lab/src/combo-box-deprecated/internal/MultiSelectComboBox.js.map +1 -1
- package/dist-es/packages/lab/src/combo-box-deprecated/internal/useComboBox.js +1 -0
- package/dist-es/packages/lab/src/combo-box-deprecated/internal/useComboBox.js.map +1 -1
- package/dist-es/packages/lab/src/combo-box-deprecated/internal/useMultiSelectComboBox.js +1 -0
- package/dist-es/packages/lab/src/combo-box-deprecated/internal/useMultiSelectComboBox.js.map +1 -1
- package/dist-es/packages/lab/src/common-hooks/useViewportTracking.js +1 -0
- package/dist-es/packages/lab/src/common-hooks/useViewportTracking.js.map +1 -1
- package/dist-es/packages/lab/src/common-hooks/utils/filter-utils.js +1 -0
- package/dist-es/packages/lab/src/common-hooks/utils/filter-utils.js.map +1 -1
- package/dist-es/packages/lab/src/contact-details/ContactAction.js +10 -25
- package/dist-es/packages/lab/src/contact-details/ContactAction.js.map +1 -1
- package/dist-es/packages/lab/src/contact-details/ContactFavoriteToggle.js.map +1 -1
- package/dist-es/packages/lab/src/contact-details/MailLinkComponent.js +1 -0
- package/dist-es/packages/lab/src/contact-details/MailLinkComponent.js.map +1 -1
- package/dist-es/packages/lab/src/contact-details/internal/FavoriteToggleWithTooltip.js +9 -20
- package/dist-es/packages/lab/src/contact-details/internal/FavoriteToggleWithTooltip.js.map +1 -1
- package/dist-es/packages/lab/src/content-status/internal/StatusIndicator.js +1 -2
- package/dist-es/packages/lab/src/content-status/internal/StatusIndicator.js.map +1 -1
- package/dist-es/packages/lab/src/deck-layout/DeckLayout.js +1 -0
- package/dist-es/packages/lab/src/deck-layout/DeckLayout.js.map +1 -1
- package/dist-es/packages/lab/src/dropdown/Dropdown.js +1 -0
- package/dist-es/packages/lab/src/dropdown/Dropdown.js.map +1 -1
- package/dist-es/packages/lab/src/dropdown/DropdownBase.js +3 -3
- package/dist-es/packages/lab/src/dropdown/DropdownBase.js.map +1 -1
- package/dist-es/packages/lab/src/dropdown/useDropdown.js +1 -0
- package/dist-es/packages/lab/src/dropdown/useDropdown.js.map +1 -1
- package/dist-es/packages/lab/src/dropdown/useDropdownBase.js +1 -0
- package/dist-es/packages/lab/src/dropdown/useDropdownBase.js.map +1 -1
- package/dist-es/packages/lab/src/form-field/FormField.js +62 -75
- package/dist-es/packages/lab/src/form-field/FormField.js.map +1 -1
- package/dist-es/packages/lab/src/form-field/StatusIndicator.js +18 -31
- package/dist-es/packages/lab/src/form-field/StatusIndicator.js.map +1 -1
- package/dist-es/packages/lab/src/index.js +1 -6
- package/dist-es/packages/lab/src/index.js.map +1 -1
- package/dist-es/packages/lab/src/layer-layout/LayerLayout.js +3 -2
- package/dist-es/packages/lab/src/layer-layout/LayerLayout.js.map +1 -1
- package/dist-es/packages/lab/src/list/Highlighter.js +1 -0
- package/dist-es/packages/lab/src/list/Highlighter.js.map +1 -1
- package/dist-es/packages/lab/src/list/List.js +1 -0
- package/dist-es/packages/lab/src/list/List.js.map +1 -1
- package/dist-es/packages/lab/src/list/VirtualizedList.js +1 -0
- package/dist-es/packages/lab/src/list/VirtualizedList.js.map +1 -1
- package/dist-es/packages/lab/src/list/useList.js +1 -0
- package/dist-es/packages/lab/src/list/useList.js.map +1 -1
- package/dist-es/packages/lab/src/list/useListHeight.js +1 -0
- package/dist-es/packages/lab/src/list/useListHeight.js.map +1 -1
- package/dist-es/packages/lab/src/list-deprecated/List.js +5 -26
- package/dist-es/packages/lab/src/list-deprecated/List.js.map +1 -1
- package/dist-es/packages/lab/src/list-deprecated/ListItemBase.js +31 -61
- package/dist-es/packages/lab/src/list-deprecated/ListItemBase.js.map +1 -1
- package/dist-es/packages/lab/src/list-deprecated/internal/Highlighter.js +1 -0
- package/dist-es/packages/lab/src/list-deprecated/internal/Highlighter.js.map +1 -1
- package/dist-es/packages/lab/src/list-deprecated/useTypeSelect.js +1 -0
- package/dist-es/packages/lab/src/list-deprecated/useTypeSelect.js.map +1 -1
- package/dist-es/packages/lab/src/overlay/Overlay.js +1 -1
- package/dist-es/packages/lab/src/overlay/Overlay.js.map +1 -1
- package/dist-es/packages/lab/src/overlay/useOverlay.js +2 -3
- package/dist-es/packages/lab/src/overlay/useOverlay.js.map +1 -1
- package/dist-es/packages/lab/src/parent-child-layout/ParentChildLayout.js +1 -0
- package/dist-es/packages/lab/src/parent-child-layout/ParentChildLayout.js.map +1 -1
- package/dist-es/packages/lab/src/pill/PillBase.js +41 -57
- package/dist-es/packages/lab/src/pill/PillBase.js.map +1 -1
- package/dist-es/packages/lab/src/query-input/internal/CategoryList.js +1 -0
- package/dist-es/packages/lab/src/query-input/internal/CategoryList.js.map +1 -1
- package/dist-es/packages/lab/src/query-input/internal/CategoryListItem.js +1 -0
- package/dist-es/packages/lab/src/query-input/internal/CategoryListItem.js.map +1 -1
- package/dist-es/packages/lab/src/query-input/internal/QueryInputBody.js +1 -0
- package/dist-es/packages/lab/src/query-input/internal/QueryInputBody.js.map +1 -1
- package/dist-es/packages/lab/src/query-input/internal/SearchList.js +1 -0
- package/dist-es/packages/lab/src/query-input/internal/SearchList.js.map +1 -1
- package/dist-es/packages/lab/src/query-input/internal/ValueList.js +1 -0
- package/dist-es/packages/lab/src/query-input/internal/ValueList.js.map +1 -1
- package/dist-es/packages/lab/src/query-input/internal/ValueSelector.js +2 -3
- package/dist-es/packages/lab/src/query-input/internal/ValueSelector.js.map +1 -1
- package/dist-es/packages/lab/src/query-input/useQueryInput.js +1 -0
- package/dist-es/packages/lab/src/query-input/useQueryInput.js.map +1 -1
- package/dist-es/packages/lab/src/responsive/useOverflow.js +1 -0
- package/dist-es/packages/lab/src/responsive/useOverflow.js.map +1 -1
- package/dist-es/packages/lab/src/slider/internal/SliderHandle.js +19 -28
- package/dist-es/packages/lab/src/slider/internal/SliderHandle.js.map +1 -1
- package/dist-es/packages/lab/src/tabs/Tabstrip.js +36 -46
- package/dist-es/packages/lab/src/tabs/Tabstrip.js.map +1 -1
- package/dist-es/packages/lab/src/tabs/useActivationIndicator.js +1 -0
- package/dist-es/packages/lab/src/tabs/useActivationIndicator.js.map +1 -1
- package/dist-es/packages/lab/src/tabs/useKeyboardNavigation.js +1 -0
- package/dist-es/packages/lab/src/tabs/useKeyboardNavigation.js.map +1 -1
- package/dist-es/packages/lab/src/toggle-button/ToggleButton.js +8 -28
- package/dist-es/packages/lab/src/toggle-button/ToggleButton.js.map +1 -1
- package/dist-es/packages/lab/src/tokenized-input/TokenizedInput.js.map +1 -1
- package/dist-es/packages/lab/src/tokenized-input/useTokenizedInput.js +1 -0
- package/dist-es/packages/lab/src/tokenized-input/useTokenizedInput.js.map +1 -1
- package/dist-es/packages/lab/src/toolbar/Toolbar.js +1 -0
- package/dist-es/packages/lab/src/toolbar/Toolbar.js.map +1 -1
- package/dist-es/packages/lab/src/toolbar/internal/renderToolbarItems.js +1 -0
- package/dist-es/packages/lab/src/toolbar/internal/renderToolbarItems.js.map +1 -1
- package/dist-es/packages/lab/src/toolbar/overflow-panel/OverflowPanel.js +1 -0
- package/dist-es/packages/lab/src/toolbar/overflow-panel/OverflowPanel.js.map +1 -1
- package/dist-es/packages/lab/src/tree/Tree.js +1 -0
- package/dist-es/packages/lab/src/tree/Tree.js.map +1 -1
- package/dist-es/packages/lab/src/tree/useTree.js +1 -0
- package/dist-es/packages/lab/src/tree/useTree.js.map +1 -1
- package/dist-es/packages/lab/src/{popper → utils}/useFloatingUI.js +10 -9
- package/dist-es/packages/lab/src/utils/useFloatingUI.js.map +1 -0
- package/dist-es/packages/lab/src/utils/useIsViewportLargerThanBreakpoint.js +1 -2
- package/dist-es/packages/lab/src/utils/useIsViewportLargerThanBreakpoint.js.map +1 -1
- package/dist-types/breadcrumbs/Breadcrumb.d.ts +1 -1
- package/dist-types/calendar/internal/CalendarCarousel.d.ts +1 -1
- package/dist-types/calendar/internal/CalendarDay.d.ts +2 -2
- package/dist-types/calendar/internal/CalendarMonth.d.ts +1 -1
- package/dist-types/calendar/internal/CalendarNavigation.d.ts +1 -1
- package/dist-types/calendar/internal/CalendarWeekHeader.d.ts +2 -2
- package/dist-types/calendar/useCalendarDay.d.ts +1 -1
- package/dist-types/cascading-menu/CascadingMenuList.d.ts +1 -1
- package/dist-types/cascading-menu/CascadingMenuProps.d.ts +1 -1
- package/dist-types/combo-box-deprecated/internal/DefaultComboBox.d.ts +1 -3
- package/dist-types/combo-box-deprecated/internal/useComboBox.d.ts +3 -4
- package/dist-types/combo-box-deprecated/internal/useMultiSelectComboBox.d.ts +10 -5
- package/dist-types/contact-details/ContactAction.d.ts +1 -2
- package/dist-types/contact-details/ContactFavoriteToggle.d.ts +1 -1
- package/dist-types/contact-details/internal/FavoriteToggleWithTooltip.d.ts +1 -1
- package/dist-types/content-status/internal/StatusIndicator.d.ts +1 -2
- package/dist-types/form-field/StatusIndicator.d.ts +1 -1
- package/dist-types/index.d.ts +0 -4
- package/dist-types/layer-layout/LayerLayout.d.ts +1 -1
- package/dist-types/list-deprecated/ListProps.d.ts +0 -5
- package/dist-types/overlay/Overlay.d.ts +1 -1
- package/dist-types/overlay/useOverlay.d.ts +1 -1
- package/dist-types/pill/PillBase.d.ts +1 -1
- package/dist-types/skip-link/SkipLink.d.ts +1 -1
- package/dist-types/stepper-input/useStepperInput.d.ts +3 -0
- package/dist-types/tokenized-input/TokenizedInput.d.ts +1 -1
- package/dist-types/toolbar/ToolbarProps.d.ts +1 -1
- package/dist-types/utils/index.d.ts +1 -0
- package/dist-types/utils/useFloatingUI.d.ts +34 -0
- package/dist-types/window/ElectronWindow.d.ts +1 -1
- package/dist-types/window/WindowContext.d.ts +3 -3
- package/package.json +3 -3
- package/dist-cjs/packages/lab/src/popper/useFloatingUI.js +0 -37
- package/dist-cjs/packages/lab/src/popper/useFloatingUI.js.map +0 -1
- package/dist-cjs/packages/lab/src/spinner/Spinner.css.js +0 -9
- package/dist-cjs/packages/lab/src/spinner/Spinner.css.js.map +0 -1
- package/dist-cjs/packages/lab/src/spinner/Spinner.js +0 -76
- package/dist-cjs/packages/lab/src/spinner/Spinner.js.map +0 -1
- package/dist-cjs/packages/lab/src/spinner/svgSpinners/SpinnerLarge.js +0 -71
- package/dist-cjs/packages/lab/src/spinner/svgSpinners/SpinnerLarge.js.map +0 -1
- package/dist-cjs/packages/lab/src/spinner/svgSpinners/SpinnerMedium.js +0 -71
- package/dist-cjs/packages/lab/src/spinner/svgSpinners/SpinnerMedium.js.map +0 -1
- package/dist-cjs/packages/lab/src/spinner/svgSpinners/SpinnerSmall.js +0 -71
- package/dist-cjs/packages/lab/src/spinner/svgSpinners/SpinnerSmall.js.map +0 -1
- package/dist-cjs/packages/lab/src/spinner/svgSpinners/index.js +0 -21
- package/dist-cjs/packages/lab/src/spinner/svgSpinners/index.js.map +0 -1
- package/dist-cjs/packages/lab/src/split-layout/SplitLayout.css.js +0 -9
- package/dist-cjs/packages/lab/src/split-layout/SplitLayout.css.js.map +0 -1
- package/dist-cjs/packages/lab/src/split-layout/SplitLayout.js +0 -40
- package/dist-cjs/packages/lab/src/split-layout/SplitLayout.js.map +0 -1
- package/dist-cjs/packages/lab/src/tooltip/Tooltip.css.js +0 -9
- package/dist-cjs/packages/lab/src/tooltip/Tooltip.css.js.map +0 -1
- package/dist-cjs/packages/lab/src/tooltip/Tooltip.js +0 -84
- package/dist-cjs/packages/lab/src/tooltip/Tooltip.js.map +0 -1
- package/dist-cjs/packages/lab/src/tooltip/TooltipContext.js +0 -26
- package/dist-cjs/packages/lab/src/tooltip/TooltipContext.js.map +0 -1
- package/dist-cjs/packages/lab/src/tooltip/useAriaAnnounce.js +0 -87
- package/dist-cjs/packages/lab/src/tooltip/useAriaAnnounce.js.map +0 -1
- package/dist-cjs/packages/lab/src/tooltip/useTooltip.js +0 -137
- package/dist-cjs/packages/lab/src/tooltip/useTooltip.js.map +0 -1
- package/dist-es/packages/lab/src/popper/useFloatingUI.js.map +0 -1
- package/dist-es/packages/lab/src/spinner/Spinner.css.js +0 -7
- package/dist-es/packages/lab/src/spinner/Spinner.css.js.map +0 -1
- package/dist-es/packages/lab/src/spinner/Spinner.js +0 -71
- package/dist-es/packages/lab/src/spinner/Spinner.js.map +0 -1
- package/dist-es/packages/lab/src/spinner/svgSpinners/SpinnerLarge.js +0 -67
- package/dist-es/packages/lab/src/spinner/svgSpinners/SpinnerLarge.js.map +0 -1
- package/dist-es/packages/lab/src/spinner/svgSpinners/SpinnerMedium.js +0 -67
- package/dist-es/packages/lab/src/spinner/svgSpinners/SpinnerMedium.js.map +0 -1
- package/dist-es/packages/lab/src/spinner/svgSpinners/SpinnerSmall.js +0 -67
- package/dist-es/packages/lab/src/spinner/svgSpinners/SpinnerSmall.js.map +0 -1
- package/dist-es/packages/lab/src/spinner/svgSpinners/index.js +0 -17
- package/dist-es/packages/lab/src/spinner/svgSpinners/index.js.map +0 -1
- package/dist-es/packages/lab/src/split-layout/SplitLayout.css.js +0 -7
- package/dist-es/packages/lab/src/split-layout/SplitLayout.css.js.map +0 -1
- package/dist-es/packages/lab/src/split-layout/SplitLayout.js +0 -36
- package/dist-es/packages/lab/src/split-layout/SplitLayout.js.map +0 -1
- package/dist-es/packages/lab/src/tooltip/Tooltip.css.js +0 -7
- package/dist-es/packages/lab/src/tooltip/Tooltip.css.js.map +0 -1
- package/dist-es/packages/lab/src/tooltip/Tooltip.js +0 -80
- package/dist-es/packages/lab/src/tooltip/Tooltip.js.map +0 -1
- package/dist-es/packages/lab/src/tooltip/TooltipContext.js +0 -21
- package/dist-es/packages/lab/src/tooltip/TooltipContext.js.map +0 -1
- package/dist-es/packages/lab/src/tooltip/useAriaAnnounce.js +0 -83
- package/dist-es/packages/lab/src/tooltip/useAriaAnnounce.js.map +0 -1
- package/dist-es/packages/lab/src/tooltip/useTooltip.js +0 -133
- package/dist-es/packages/lab/src/tooltip/useTooltip.js.map +0 -1
- package/dist-types/popper/index.d.ts +0 -1
- package/dist-types/popper/useFloatingUI.d.ts +0 -5
- package/dist-types/spinner/Spinner.d.ts +0 -45
- package/dist-types/spinner/index.d.ts +0 -1
- package/dist-types/spinner/svgSpinners/SpinnerLarge.d.ts +0 -2
- package/dist-types/spinner/svgSpinners/SpinnerMedium.d.ts +0 -2
- package/dist-types/spinner/svgSpinners/SpinnerSmall.d.ts +0 -2
- package/dist-types/spinner/svgSpinners/index.d.ts +0 -2
- package/dist-types/split-layout/SplitLayout.d.ts +0 -32
- package/dist-types/split-layout/index.d.ts +0 -1
- package/dist-types/tooltip/Tooltip.d.ts +0 -37
- package/dist-types/tooltip/TooltipContext.d.ts +0 -22
- package/dist-types/tooltip/index.d.ts +0 -3
- package/dist-types/tooltip/useAriaAnnounce.d.ts +0 -9
- package/dist-types/tooltip/useTooltip.d.ts +0 -31
|
@@ -1,83 +0,0 @@
|
|
|
1
|
-
import { useRef, useEffect } from 'react';
|
|
2
|
-
import { useAriaAnnouncer, useIsomorphicLayoutEffect } from '@salt-ds/core';
|
|
3
|
-
|
|
4
|
-
function getDocument(floating) {
|
|
5
|
-
var _a;
|
|
6
|
-
return (_a = floating == null ? void 0 : floating.ownerDocument) != null ? _a : document;
|
|
7
|
-
}
|
|
8
|
-
function getWindow(value) {
|
|
9
|
-
var _a;
|
|
10
|
-
return (_a = getDocument(value).defaultView) != null ? _a : window;
|
|
11
|
-
}
|
|
12
|
-
function isElement(value) {
|
|
13
|
-
return value ? value instanceof getWindow(value).Element : false;
|
|
14
|
-
}
|
|
15
|
-
function getDelay(value, prop, pointerType) {
|
|
16
|
-
if (pointerType && pointerType !== "mouse") {
|
|
17
|
-
return 0;
|
|
18
|
-
}
|
|
19
|
-
if (typeof value === "number") {
|
|
20
|
-
return value;
|
|
21
|
-
}
|
|
22
|
-
return value == null ? void 0 : value[prop];
|
|
23
|
-
}
|
|
24
|
-
const useAriaAnnounce = (context, { delay = 0 }) => {
|
|
25
|
-
const { open, dataRef, refs } = context;
|
|
26
|
-
const pointerTypeRef = useRef();
|
|
27
|
-
const timeoutRef = useRef();
|
|
28
|
-
const blockMouseMoveRef = useRef(true);
|
|
29
|
-
const { announce } = useAriaAnnouncer();
|
|
30
|
-
useIsomorphicLayoutEffect(() => {
|
|
31
|
-
if (!open) {
|
|
32
|
-
pointerTypeRef.current = void 0;
|
|
33
|
-
}
|
|
34
|
-
});
|
|
35
|
-
useEffect(() => {
|
|
36
|
-
const reference = refs.reference.current;
|
|
37
|
-
function announceFloating() {
|
|
38
|
-
var _a;
|
|
39
|
-
const tooltipContent = (_a = refs.floating.current) == null ? void 0 : _a.innerText;
|
|
40
|
-
if (tooltipContent) {
|
|
41
|
-
announce(tooltipContent);
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
function onMouseEnter(event) {
|
|
45
|
-
clearTimeout(timeoutRef.current);
|
|
46
|
-
if (open) {
|
|
47
|
-
return;
|
|
48
|
-
}
|
|
49
|
-
blockMouseMoveRef.current = false;
|
|
50
|
-
dataRef.current.openEvent = event;
|
|
51
|
-
if (delay) {
|
|
52
|
-
timeoutRef.current = window.setTimeout(() => {
|
|
53
|
-
announceFloating();
|
|
54
|
-
}, getDelay(delay, "open", pointerTypeRef.current));
|
|
55
|
-
} else {
|
|
56
|
-
announceFloating();
|
|
57
|
-
}
|
|
58
|
-
}
|
|
59
|
-
if (isElement(reference)) {
|
|
60
|
-
reference.addEventListener("mouseenter", onMouseEnter);
|
|
61
|
-
return () => {
|
|
62
|
-
reference.removeEventListener("mouseenter", onMouseEnter);
|
|
63
|
-
};
|
|
64
|
-
}
|
|
65
|
-
}, [dataRef, delay, open, refs.reference, refs.floating, announce]);
|
|
66
|
-
function setPointerRef(event) {
|
|
67
|
-
pointerTypeRef.current = event.pointerType;
|
|
68
|
-
}
|
|
69
|
-
return {
|
|
70
|
-
reference: {
|
|
71
|
-
onPointerDown: setPointerRef,
|
|
72
|
-
onPointerEnter: setPointerRef
|
|
73
|
-
},
|
|
74
|
-
floating: {
|
|
75
|
-
onMouseEnter() {
|
|
76
|
-
clearTimeout(timeoutRef.current);
|
|
77
|
-
}
|
|
78
|
-
}
|
|
79
|
-
};
|
|
80
|
-
};
|
|
81
|
-
|
|
82
|
-
export { useAriaAnnounce };
|
|
83
|
-
//# sourceMappingURL=useAriaAnnounce.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useAriaAnnounce.js","sources":["../src/tooltip/useAriaAnnounce.ts"],"sourcesContent":["import type {\n ElementProps,\n FloatingContext,\n} from \"@floating-ui/react-dom-interactions\";\nimport { PointerEvent, useEffect, useRef } from \"react\";\nimport { useAriaAnnouncer, useIsomorphicLayoutEffect } from \"@salt-ds/core\";\n\nfunction getDocument(floating: HTMLElement | null) {\n return floating?.ownerDocument ?? document;\n}\n\n// TODO: Check whether can be anything more restrictive than `any`\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nfunction getWindow(value: any) {\n return getDocument(value).defaultView ?? window;\n}\n\nfunction isElement(value: unknown): value is HTMLElement {\n return value ? value instanceof getWindow(value).Element : false;\n}\n\nfunction getDelay(\n value: Props[\"delay\"],\n prop: \"open\" | \"close\",\n pointerType?: PointerEvent[\"pointerType\"]\n) {\n if (pointerType && pointerType !== \"mouse\") {\n return 0;\n }\n\n if (typeof value === \"number\") {\n return value;\n }\n\n return value?.[prop];\n}\n\ntype Props = {\n delay?: number | Partial<{ open: number; close: number }>;\n};\n\nexport const useAriaAnnounce = (\n context: FloatingContext,\n { delay = 0 }: Props\n): ElementProps => {\n const { open, dataRef, refs } = context;\n\n const pointerTypeRef = useRef<PointerEvent[\"pointerType\"]>();\n const timeoutRef = useRef<number>();\n const blockMouseMoveRef = useRef(true);\n const { announce } = useAriaAnnouncer();\n\n useIsomorphicLayoutEffect(() => {\n if (!open) {\n pointerTypeRef.current = undefined;\n }\n });\n\n useEffect(() => {\n const reference = refs.reference.current;\n function announceFloating() {\n const tooltipContent = refs.floating.current?.innerText;\n\n if (tooltipContent) {\n announce(tooltipContent);\n }\n }\n\n function onMouseEnter(event: MouseEvent) {\n clearTimeout(timeoutRef.current);\n\n if (open) {\n return;\n }\n\n blockMouseMoveRef.current = false;\n dataRef.current.openEvent = event;\n\n if (delay) {\n timeoutRef.current = window.setTimeout(() => {\n announceFloating();\n }, getDelay(delay, \"open\", pointerTypeRef.current));\n } else {\n announceFloating();\n }\n }\n\n if (isElement(reference)) {\n reference.addEventListener(\"mouseenter\", onMouseEnter);\n return () => {\n reference.removeEventListener(\"mouseenter\", onMouseEnter);\n };\n }\n }, [dataRef, delay, open, refs.reference, refs.floating, announce]);\n\n function setPointerRef(event: PointerEvent) {\n pointerTypeRef.current = event.pointerType;\n }\n\n return {\n reference: {\n onPointerDown: setPointerRef,\n onPointerEnter: setPointerRef,\n },\n floating: {\n onMouseEnter() {\n clearTimeout(timeoutRef.current);\n },\n },\n };\n};\n"],"names":[],"mappings":"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"}
|
|
@@ -1,133 +0,0 @@
|
|
|
1
|
-
import { useFloatingUI } from '../popper/useFloatingUI.js';
|
|
2
|
-
import { arrow, offset, flip, shift, limitShift, useInteractions, useHover, safePolygon, useFocus, useRole, useDismiss } from '@floating-ui/react-dom-interactions';
|
|
3
|
-
import { useAriaAnnounce } from './useAriaAnnounce.js';
|
|
4
|
-
import { useControlled, margin } from '@salt-ds/core';
|
|
5
|
-
import { useRef, useCallback } from 'react';
|
|
6
|
-
import { isDesktop } from '../window/WindowContext.js';
|
|
7
|
-
import '../window/ElectronWindow.js';
|
|
8
|
-
|
|
9
|
-
function useTooltip(props) {
|
|
10
|
-
const {
|
|
11
|
-
enterDelay = 100,
|
|
12
|
-
leaveDelay = 0,
|
|
13
|
-
open: openProp,
|
|
14
|
-
onOpenChange,
|
|
15
|
-
placement: placementProp = "right",
|
|
16
|
-
disabled,
|
|
17
|
-
disableHoverListener,
|
|
18
|
-
disableFocusListener
|
|
19
|
-
} = props || {};
|
|
20
|
-
const arrowRef = useRef(null);
|
|
21
|
-
const [open, setOpen] = useControlled({
|
|
22
|
-
controlled: openProp,
|
|
23
|
-
default: false,
|
|
24
|
-
name: "Tooltip",
|
|
25
|
-
state: "open"
|
|
26
|
-
});
|
|
27
|
-
const handleOpenChange = (open2) => {
|
|
28
|
-
setOpen(open2);
|
|
29
|
-
onOpenChange == null ? void 0 : onOpenChange(open2);
|
|
30
|
-
};
|
|
31
|
-
const middleware = isDesktop ? [margin(8), arrow({ element: arrowRef })] : [
|
|
32
|
-
offset(8),
|
|
33
|
-
flip(),
|
|
34
|
-
shift({
|
|
35
|
-
limiter: limitShift({
|
|
36
|
-
offset: () => {
|
|
37
|
-
var _a, _b, _c, _d;
|
|
38
|
-
return Math.max(
|
|
39
|
-
(_b = (_a = arrowRef.current) == null ? void 0 : _a.offsetWidth) != null ? _b : 0,
|
|
40
|
-
(_d = (_c = arrowRef.current) == null ? void 0 : _c.offsetHeight) != null ? _d : 0
|
|
41
|
-
);
|
|
42
|
-
}
|
|
43
|
-
})
|
|
44
|
-
}),
|
|
45
|
-
arrow({ element: arrowRef })
|
|
46
|
-
];
|
|
47
|
-
const {
|
|
48
|
-
floating,
|
|
49
|
-
reference,
|
|
50
|
-
x,
|
|
51
|
-
y,
|
|
52
|
-
strategy,
|
|
53
|
-
update,
|
|
54
|
-
middlewareData,
|
|
55
|
-
placement,
|
|
56
|
-
context
|
|
57
|
-
} = useFloatingUI({
|
|
58
|
-
open,
|
|
59
|
-
onOpenChange: handleOpenChange,
|
|
60
|
-
placement: placementProp,
|
|
61
|
-
middleware
|
|
62
|
-
});
|
|
63
|
-
const handleArrowRef = useCallback(
|
|
64
|
-
(node) => {
|
|
65
|
-
arrowRef.current = node;
|
|
66
|
-
update();
|
|
67
|
-
},
|
|
68
|
-
[update]
|
|
69
|
-
);
|
|
70
|
-
const { getReferenceProps, getFloatingProps } = useInteractions([
|
|
71
|
-
useHover(context, {
|
|
72
|
-
delay: {
|
|
73
|
-
open: enterDelay,
|
|
74
|
-
close: leaveDelay
|
|
75
|
-
},
|
|
76
|
-
enabled: !disableHoverListener,
|
|
77
|
-
handleClose: isDesktop ? null : safePolygon()
|
|
78
|
-
}),
|
|
79
|
-
useFocus(context, { enabled: !disableFocusListener }),
|
|
80
|
-
useRole(context, { role: "tooltip" }),
|
|
81
|
-
useDismiss(context, { ancestorScroll: true }),
|
|
82
|
-
useAriaAnnounce(context, {
|
|
83
|
-
delay: {
|
|
84
|
-
open: enterDelay,
|
|
85
|
-
close: leaveDelay
|
|
86
|
-
}
|
|
87
|
-
})
|
|
88
|
-
]);
|
|
89
|
-
const getTooltipProps = (userProps) => {
|
|
90
|
-
var _a, _b, _c, _d;
|
|
91
|
-
const arrowProps = {
|
|
92
|
-
ref: handleArrowRef,
|
|
93
|
-
style: {
|
|
94
|
-
left: (_b = (_a = middlewareData.arrow) == null ? void 0 : _a.x) != null ? _b : "",
|
|
95
|
-
top: (_d = (_c = middlewareData.arrow) == null ? void 0 : _c.y) != null ? _d : ""
|
|
96
|
-
}
|
|
97
|
-
};
|
|
98
|
-
return {
|
|
99
|
-
arrowProps,
|
|
100
|
-
open,
|
|
101
|
-
...getFloatingProps({
|
|
102
|
-
"data-placement": placement,
|
|
103
|
-
...userProps,
|
|
104
|
-
ref: floating,
|
|
105
|
-
style: {
|
|
106
|
-
top: y != null ? y : "",
|
|
107
|
-
left: x != null ? x : "",
|
|
108
|
-
position: strategy,
|
|
109
|
-
...(userProps == null ? void 0 : userProps.style) || {}
|
|
110
|
-
}
|
|
111
|
-
})
|
|
112
|
-
};
|
|
113
|
-
};
|
|
114
|
-
const getTriggerProps = (userProps) => {
|
|
115
|
-
return getReferenceProps({
|
|
116
|
-
...userProps,
|
|
117
|
-
ref: reference
|
|
118
|
-
});
|
|
119
|
-
};
|
|
120
|
-
if (disabled) {
|
|
121
|
-
return {
|
|
122
|
-
getTooltipProps: (args) => args,
|
|
123
|
-
getTriggerProps: (args) => args
|
|
124
|
-
};
|
|
125
|
-
}
|
|
126
|
-
return {
|
|
127
|
-
getTooltipProps,
|
|
128
|
-
getTriggerProps
|
|
129
|
-
};
|
|
130
|
-
}
|
|
131
|
-
|
|
132
|
-
export { useTooltip };
|
|
133
|
-
//# sourceMappingURL=useTooltip.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useTooltip.js","sources":["../src/tooltip/useTooltip.ts"],"sourcesContent":["import { useFloatingUI, UseFloatingUIProps } from \"../popper\";\nimport {\n arrow,\n flip,\n limitShift,\n offset,\n safePolygon,\n shift,\n useDismiss,\n useFocus,\n useHover,\n useInteractions,\n useRole,\n} from \"@floating-ui/react-dom-interactions\";\nimport { useAriaAnnounce } from \"./useAriaAnnounce\";\nimport { margin, useControlled } from \"@salt-ds/core\";\nimport {\n ComponentPropsWithoutRef,\n ComponentPropsWithRef,\n JSXElementConstructor,\n useCallback,\n useRef,\n} from \"react\";\nimport { TooltipProps } from \"./Tooltip\";\nimport { isDesktop } from \"../window\";\n\nexport interface UseTooltipProps\n extends Partial<\n Pick<UseFloatingUIProps, \"onOpenChange\" | \"open\" | \"placement\">\n > {\n disabled?: boolean;\n /**\n * Do not respond to focus events.\n */\n disableFocusListener?: boolean;\n /**\n * Do not respond to hover events.\n */\n disableHoverListener?: boolean;\n /**\n * The number of milliseconds to wait before showing the tooltip.\n * This prop won't impact the enter touch delay (`enterTouchDelay`).\n */\n enterDelay?: number;\n /**\n * The number of milliseconds to wait before hiding the tooltip.\n * This prop won't impact the leave touch delay (`leaveTouchDelay`).\n */\n leaveDelay?: number;\n}\n\nexport function useTooltip(props?: UseTooltipProps) {\n const {\n enterDelay = 100,\n leaveDelay = 0,\n open: openProp,\n onOpenChange,\n placement: placementProp = \"right\",\n disabled,\n disableHoverListener,\n disableFocusListener,\n } = props || {};\n\n const arrowRef = useRef<HTMLDivElement | null>(null);\n\n const [open, setOpen] = useControlled({\n controlled: openProp,\n default: false,\n name: \"Tooltip\",\n state: \"open\",\n });\n const handleOpenChange = (open: boolean) => {\n setOpen(open);\n onOpenChange?.(open);\n };\n\n const middleware = isDesktop\n ? [margin(8), arrow({ element: arrowRef })]\n : [\n offset(8),\n flip(),\n shift({\n limiter: limitShift({\n offset: () =>\n Math.max(\n arrowRef.current?.offsetWidth ?? 0,\n arrowRef.current?.offsetHeight ?? 0\n ),\n }),\n }),\n arrow({ element: arrowRef }),\n ];\n const {\n floating,\n reference,\n x,\n y,\n strategy,\n update,\n middlewareData,\n placement,\n context,\n } = useFloatingUI({\n open,\n onOpenChange: handleOpenChange,\n placement: placementProp,\n middleware,\n });\n\n const handleArrowRef = useCallback(\n (node: HTMLDivElement) => {\n arrowRef.current = node;\n update();\n },\n [update]\n );\n\n const { getReferenceProps, getFloatingProps } = useInteractions([\n useHover(context, {\n delay: {\n open: enterDelay,\n close: leaveDelay,\n },\n enabled: !disableHoverListener,\n handleClose: isDesktop ? null : safePolygon(),\n }),\n useFocus(context, { enabled: !disableFocusListener }),\n useRole(context, { role: \"tooltip\" }),\n useDismiss(context, { ancestorScroll: true }),\n useAriaAnnounce(context, {\n delay: {\n open: enterDelay,\n close: leaveDelay,\n },\n }),\n ]);\n\n const getTooltipProps = (userProps?: TooltipProps): TooltipProps => {\n const arrowProps = {\n ref: handleArrowRef,\n style: {\n left: middlewareData.arrow?.x ?? \"\",\n top: middlewareData.arrow?.y ?? \"\",\n },\n };\n\n return {\n arrowProps,\n open,\n ...getFloatingProps({\n // @ts-ignore\n \"data-placement\": placement,\n ...userProps,\n ref: floating,\n style: {\n top: y ?? \"\",\n left: x ?? \"\",\n position: strategy,\n ...(userProps?.style || {}),\n },\n }),\n } as TooltipProps;\n };\n\n const getTriggerProps = <\n Element extends\n | keyof JSX.IntrinsicElements\n // TODO: whether restrict `any`\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n | JSXElementConstructor<any> = \"div\"\n >(\n userProps?: ComponentPropsWithoutRef<Element>\n ) => {\n // FIXME: types from useInteractions\n // eslint-disable-next-line @typescript-eslint/no-unsafe-return\n return getReferenceProps({\n ...userProps,\n ref: reference,\n }) as ComponentPropsWithRef<Element>;\n };\n\n if (disabled) {\n return {\n getTooltipProps: (args?: TooltipProps) => args,\n getTriggerProps: <\n Element extends\n | keyof JSX.IntrinsicElements\n // TODO: whether restrict `any`\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n | JSXElementConstructor<any> = \"div\"\n >(\n args?: ComponentPropsWithRef<Element>\n // FIXME: types from useInteractions\n // eslint-disable-next-line @typescript-eslint/no-unsafe-return\n ) => args as ComponentPropsWithRef<Element>,\n };\n }\n\n return {\n getTooltipProps,\n getTriggerProps,\n };\n}\n"],"names":["open"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./useFloatingUI";
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import type { Props } from "@floating-ui/react-dom-interactions";
|
|
2
|
-
import { useFloating } from "@floating-ui/react-dom-interactions";
|
|
3
|
-
export declare type UseFloatingUIProps = Partial<Pick<Props, "placement" | "strategy" | "middleware" | "open" | "onOpenChange">>;
|
|
4
|
-
export declare const DEFAULT_FLOATING_UI_MIDDLEWARE: import("@floating-ui/react-dom-interactions").Middleware[];
|
|
5
|
-
export declare function useFloatingUI(props: UseFloatingUIProps): ReturnType<typeof useFloating>;
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import { HTMLAttributes } from "react";
|
|
2
|
-
import "./Spinner.css";
|
|
3
|
-
/**
|
|
4
|
-
* Spinner component, provides an indeterminate loading indicator
|
|
5
|
-
*
|
|
6
|
-
* @example
|
|
7
|
-
* <Spinner size="small | medium | large" />
|
|
8
|
-
*/
|
|
9
|
-
export declare const SpinnerSizeValues: readonly ["small", "medium", "large"];
|
|
10
|
-
export declare type SpinnerSize = typeof SpinnerSizeValues[number];
|
|
11
|
-
export interface SpinnerProps extends HTMLAttributes<HTMLDivElement> {
|
|
12
|
-
/**
|
|
13
|
-
* Determines the interval on which the component will continue to announce the aria-label. Defaults to 5000ms (5s)
|
|
14
|
-
*/
|
|
15
|
-
announcerInterval?: number;
|
|
16
|
-
/**
|
|
17
|
-
* * Determines the interval after which the component will stop announcing the aria-label. Defaults to 20000ms (20s)
|
|
18
|
-
*/
|
|
19
|
-
announcerTimeout?: number;
|
|
20
|
-
/**
|
|
21
|
-
* The className(s) of the component
|
|
22
|
-
*/
|
|
23
|
-
className?: string;
|
|
24
|
-
/**
|
|
25
|
-
* Determines the message to be announced by the component when it unmounts. Set to null if not needed.
|
|
26
|
-
*/
|
|
27
|
-
completionAnnouncement?: string | null;
|
|
28
|
-
/**
|
|
29
|
-
* If true, built in aria announcer will be inactive
|
|
30
|
-
*/
|
|
31
|
-
disableAnnouncer?: boolean;
|
|
32
|
-
/**
|
|
33
|
-
* The prop for the role attribute of the component
|
|
34
|
-
*/
|
|
35
|
-
role?: string;
|
|
36
|
-
/**
|
|
37
|
-
* Determines the size of the spinner. Must be one of: 'small', 'medium', 'large'.
|
|
38
|
-
*/
|
|
39
|
-
size?: SpinnerSize;
|
|
40
|
-
/**
|
|
41
|
-
* The ids of the SvgSpinner components
|
|
42
|
-
*/
|
|
43
|
-
id?: string;
|
|
44
|
-
}
|
|
45
|
-
export declare const Spinner: import("react").ForwardRefExoticComponent<SpinnerProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./Spinner";
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { ReactNode, HTMLAttributes, ElementType } from "react";
|
|
2
|
-
import { FlexLayoutProps, FlexItemProps } from "@salt-ds/core";
|
|
3
|
-
import "./SplitLayout.css";
|
|
4
|
-
export interface SplitItemProps extends FlexItemProps<ElementType> {
|
|
5
|
-
/**
|
|
6
|
-
* A list of items. Required to have some children.
|
|
7
|
-
*/
|
|
8
|
-
children: ReactNode;
|
|
9
|
-
}
|
|
10
|
-
export interface SplitLayoutProps extends HTMLAttributes<HTMLDivElement> {
|
|
11
|
-
/**
|
|
12
|
-
* Defines the default behavior for how flex items are laid out along the cross axis on the current line.
|
|
13
|
-
*/
|
|
14
|
-
align?: FlexLayoutProps<ElementType>["align"];
|
|
15
|
-
/**
|
|
16
|
-
* Allow the items to wrap as needed, default is true.
|
|
17
|
-
*/
|
|
18
|
-
wrap?: FlexLayoutProps<ElementType>["wrap"];
|
|
19
|
-
/**
|
|
20
|
-
* Controls the space between items.
|
|
21
|
-
*/
|
|
22
|
-
gap?: FlexLayoutProps<ElementType>["gap"];
|
|
23
|
-
/**
|
|
24
|
-
* Parent component to be rendered
|
|
25
|
-
*/
|
|
26
|
-
leftSplitItem: ReactNode;
|
|
27
|
-
/**
|
|
28
|
-
* Child component to be rendered
|
|
29
|
-
*/
|
|
30
|
-
rightSplitItem: ReactNode;
|
|
31
|
-
}
|
|
32
|
-
export declare const SplitLayout: import("react").ForwardRefExoticComponent<SplitLayoutProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./SplitLayout";
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import { ComponentProps, HTMLAttributes, ReactNode } from "react";
|
|
2
|
-
import { PortalProps } from "../portal";
|
|
3
|
-
import "./Tooltip.css";
|
|
4
|
-
export declare type TooltipStatus = "error" | "info" | "success" | "warning";
|
|
5
|
-
export interface TooltipRenderProp {
|
|
6
|
-
Icon: any;
|
|
7
|
-
getIconProps: any;
|
|
8
|
-
}
|
|
9
|
-
export interface TooltipProps extends Omit<HTMLAttributes<HTMLDivElement>, "title">, Pick<PortalProps, "disablePortal" | "container"> {
|
|
10
|
-
arrowProps?: ComponentProps<"div">;
|
|
11
|
-
/**
|
|
12
|
-
* Removes the tooltip arrow.
|
|
13
|
-
*/
|
|
14
|
-
hideArrow?: boolean;
|
|
15
|
-
/**
|
|
16
|
-
* Whether to hide a state icon within the tooltip
|
|
17
|
-
*/
|
|
18
|
-
hideIcon?: boolean;
|
|
19
|
-
/**
|
|
20
|
-
* A callback function to render the tooltip content
|
|
21
|
-
* @param {function} getIcon getter for the icon based on the state
|
|
22
|
-
* @param {function} getIconProps getter for the icon properties
|
|
23
|
-
*/
|
|
24
|
-
render?: (props: TooltipRenderProp) => ReactNode;
|
|
25
|
-
/**
|
|
26
|
-
* A string to determine the current status of the tooltip
|
|
27
|
-
*/
|
|
28
|
-
status?: TooltipStatus;
|
|
29
|
-
title?: string;
|
|
30
|
-
/**
|
|
31
|
-
* This prop is used to help implement the accessibility logic.
|
|
32
|
-
* If you don't provide this prop. It falls back to a randomly generated id.
|
|
33
|
-
*/
|
|
34
|
-
id?: string;
|
|
35
|
-
open?: boolean;
|
|
36
|
-
}
|
|
37
|
-
export declare const Tooltip: import("react").ForwardRefExoticComponent<TooltipProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { ComponentType } from "react";
|
|
2
|
-
import { TooltipProps } from "./Tooltip";
|
|
3
|
-
import { UseTooltipProps } from "./useTooltip";
|
|
4
|
-
export interface TooltipContextProps {
|
|
5
|
-
Tooltip?: ComponentType<TooltipProps>;
|
|
6
|
-
enterDelay?: number;
|
|
7
|
-
leaveDelay?: number;
|
|
8
|
-
placement?: UseTooltipProps["placement"];
|
|
9
|
-
}
|
|
10
|
-
export declare const TooltipContext: import("react").Context<TooltipContextProps | undefined>;
|
|
11
|
-
/**
|
|
12
|
-
* TODO: Probably move this to Tooltip packages so it can be reused?
|
|
13
|
-
*
|
|
14
|
-
* Provide defaults for Tooltip config so that we can maintain the consistency
|
|
15
|
-
* if no customized override is provided
|
|
16
|
-
*/
|
|
17
|
-
export declare const useTooltipContext: () => {
|
|
18
|
-
Tooltip: import("react").ForwardRefExoticComponent<TooltipProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
19
|
-
enterDelay: number;
|
|
20
|
-
leaveDelay: number;
|
|
21
|
-
placement: import("@floating-ui/core").Placement;
|
|
22
|
-
};
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import type { ElementProps, FloatingContext } from "@floating-ui/react-dom-interactions";
|
|
2
|
-
declare type Props = {
|
|
3
|
-
delay?: number | Partial<{
|
|
4
|
-
open: number;
|
|
5
|
-
close: number;
|
|
6
|
-
}>;
|
|
7
|
-
};
|
|
8
|
-
export declare const useAriaAnnounce: (context: FloatingContext, { delay }: Props) => ElementProps;
|
|
9
|
-
export {};
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { UseFloatingUIProps } from "../popper";
|
|
2
|
-
import { ComponentPropsWithRef, JSXElementConstructor } from "react";
|
|
3
|
-
import { TooltipProps } from "./Tooltip";
|
|
4
|
-
export interface UseTooltipProps extends Partial<Pick<UseFloatingUIProps, "onOpenChange" | "open" | "placement">> {
|
|
5
|
-
disabled?: boolean;
|
|
6
|
-
/**
|
|
7
|
-
* Do not respond to focus events.
|
|
8
|
-
*/
|
|
9
|
-
disableFocusListener?: boolean;
|
|
10
|
-
/**
|
|
11
|
-
* Do not respond to hover events.
|
|
12
|
-
*/
|
|
13
|
-
disableHoverListener?: boolean;
|
|
14
|
-
/**
|
|
15
|
-
* The number of milliseconds to wait before showing the tooltip.
|
|
16
|
-
* This prop won't impact the enter touch delay (`enterTouchDelay`).
|
|
17
|
-
*/
|
|
18
|
-
enterDelay?: number;
|
|
19
|
-
/**
|
|
20
|
-
* The number of milliseconds to wait before hiding the tooltip.
|
|
21
|
-
* This prop won't impact the leave touch delay (`leaveTouchDelay`).
|
|
22
|
-
*/
|
|
23
|
-
leaveDelay?: number;
|
|
24
|
-
}
|
|
25
|
-
export declare function useTooltip(props?: UseTooltipProps): {
|
|
26
|
-
getTooltipProps: (args?: TooltipProps | undefined) => TooltipProps | undefined;
|
|
27
|
-
getTriggerProps: <Element_1 extends keyof JSX.IntrinsicElements | JSXElementConstructor<any> = "div">(args?: ComponentPropsWithRef<Element_1> | undefined) => ComponentPropsWithRef<Element_1>;
|
|
28
|
-
} | {
|
|
29
|
-
getTooltipProps: (userProps?: TooltipProps | undefined) => TooltipProps;
|
|
30
|
-
getTriggerProps: <Element_2 extends keyof JSX.IntrinsicElements | JSXElementConstructor<any> = "div">(userProps?: import("react").PropsWithoutRef<import("react").ComponentProps<Element_2>> | undefined) => ComponentPropsWithRef<Element_2>;
|
|
31
|
-
};
|