@navikt/ds-react 7.36.0 → 7.37.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/cjs/accordion/AccordionContent.js +1 -1
- package/cjs/accordion/AccordionContent.js.map +1 -1
- package/cjs/accordion/AccordionHeader.js +1 -1
- package/cjs/accordion/AccordionHeader.js.map +1 -1
- package/cjs/alert/base-alert/content/BaseAlertContent.js +1 -1
- package/cjs/alert/base-alert/content/BaseAlertContent.js.map +1 -1
- package/cjs/alert/base-alert/root/BaseAlertRoot.context.d.ts +3 -2
- package/cjs/alert/base-alert/root/BaseAlertRoot.context.js +2 -3
- package/cjs/alert/base-alert/root/BaseAlertRoot.context.js.map +1 -1
- package/cjs/chips/Removable.js +1 -1
- package/cjs/chips/Removable.js.map +1 -1
- package/cjs/chips/Toggle.js +1 -1
- package/cjs/chips/Toggle.js.map +1 -1
- package/cjs/collapsible/Collapsible.context.d.ts +3 -2
- package/cjs/collapsible/Collapsible.context.js +3 -3
- package/cjs/collapsible/Collapsible.context.js.map +1 -1
- package/cjs/copybutton/CopyButton.js +5 -5
- package/cjs/copybutton/CopyButton.js.map +1 -1
- package/cjs/date/Date.Input.d.ts +3 -2
- package/cjs/date/Date.Input.js +4 -3
- package/cjs/date/Date.Input.js.map +1 -1
- package/cjs/date/Date.locale.d.ts +3 -2
- package/cjs/date/Date.locale.js +4 -2
- package/cjs/date/Date.locale.js.map +1 -1
- package/cjs/date/datepicker/parts/DatePicker.DayButton.d.ts +1 -1
- package/cjs/date/datepicker/parts/DatePicker.DayButton.js +1 -1
- package/cjs/date/datepicker/parts/DatePicker.DayButton.js.map +1 -1
- package/cjs/date/monthpicker/MonthPicker.context.d.ts +1 -1
- package/cjs/date/monthpicker/MonthPicker.context.js +2 -2
- package/cjs/date/monthpicker/MonthPicker.context.js.map +1 -1
- package/cjs/date/monthpicker/MonthPicker.js +1 -2
- package/cjs/date/monthpicker/MonthPicker.js.map +1 -1
- package/cjs/dialog/backdrop/DialogBackdropInternal.d.ts +5 -0
- package/cjs/dialog/backdrop/DialogBackdropInternal.js +59 -0
- package/cjs/dialog/backdrop/DialogBackdropInternal.js.map +1 -0
- package/cjs/dialog/body/DialogBody.d.ts +18 -0
- package/cjs/{link/stories/RandomIcon.js → dialog/body/DialogBody.js} +33 -13
- package/cjs/dialog/body/DialogBody.js.map +1 -0
- package/cjs/dialog/close-trigger/DialogCloseTrigger.d.ts +20 -0
- package/cjs/dialog/close-trigger/DialogCloseTrigger.js +76 -0
- package/cjs/dialog/close-trigger/DialogCloseTrigger.js.map +1 -0
- package/cjs/dialog/description/DialogDescription.d.ts +19 -0
- package/cjs/dialog/description/DialogDescription.js +73 -0
- package/cjs/dialog/description/DialogDescription.js.map +1 -0
- package/cjs/dialog/footer/DialogFooter.d.ts +20 -0
- package/cjs/dialog/footer/DialogFooter.js +71 -0
- package/cjs/dialog/footer/DialogFooter.js.map +1 -0
- package/cjs/dialog/header/DialogHeader.d.ts +25 -0
- package/cjs/dialog/header/DialogHeader.js +77 -0
- package/cjs/dialog/header/DialogHeader.js.map +1 -0
- package/cjs/dialog/index.d.ts +18 -0
- package/cjs/dialog/index.js +23 -0
- package/cjs/dialog/index.js.map +1 -0
- package/cjs/dialog/popup/DialogPopup.d.ts +22 -0
- package/cjs/dialog/popup/DialogPopup.js +75 -0
- package/cjs/dialog/popup/DialogPopup.js.map +1 -0
- package/cjs/dialog/popup/DialogPopupInternal.d.ts +60 -0
- package/cjs/dialog/popup/DialogPopupInternal.js +166 -0
- package/cjs/dialog/popup/DialogPopupInternal.js.map +1 -0
- package/cjs/dialog/root/DialogRoot.context.d.ts +84 -0
- package/cjs/dialog/root/DialogRoot.context.js +11 -0
- package/cjs/dialog/root/DialogRoot.context.js.map +1 -0
- package/cjs/dialog/root/DialogRoot.d.ts +179 -0
- package/cjs/dialog/root/DialogRoot.js +133 -0
- package/cjs/dialog/root/DialogRoot.js.map +1 -0
- package/cjs/dialog/title/DialogTitle.d.ts +18 -0
- package/cjs/dialog/title/DialogTitle.js +80 -0
- package/cjs/dialog/title/DialogTitle.js.map +1 -0
- package/cjs/dialog/trigger/DialogTrigger.d.ts +20 -0
- package/cjs/dialog/trigger/DialogTrigger.js +71 -0
- package/cjs/dialog/trigger/DialogTrigger.js.map +1 -0
- package/cjs/expansion-card/ExpansionCardContent.js +1 -1
- package/cjs/expansion-card/ExpansionCardContent.js.map +1 -1
- package/cjs/form/checkbox/Checkbox.js +1 -1
- package/cjs/form/checkbox/Checkbox.js.map +1 -1
- package/cjs/form/combobox/ComboboxWrapper.js +3 -1
- package/cjs/form/combobox/ComboboxWrapper.js.map +1 -1
- package/cjs/form/combobox/FilteredOptions/FilteredOptions.js +2 -4
- package/cjs/form/combobox/FilteredOptions/FilteredOptions.js.map +1 -1
- package/cjs/form/combobox/FilteredOptions/filteredOptionsContext.d.ts +1 -1
- package/cjs/form/combobox/FilteredOptions/filteredOptionsContext.js +2 -2
- package/cjs/form/combobox/FilteredOptions/filteredOptionsContext.js.map +1 -1
- package/cjs/form/combobox/Input/Input.context.d.ts +1 -1
- package/cjs/form/combobox/Input/Input.context.js +2 -2
- package/cjs/form/combobox/Input/Input.context.js.map +1 -1
- package/cjs/form/combobox/Input/InputController.js.map +1 -1
- package/cjs/form/combobox/SelectedOptions/selectedOptionsContext.d.ts +1 -1
- package/cjs/form/combobox/SelectedOptions/selectedOptionsContext.js +4 -2
- package/cjs/form/combobox/SelectedOptions/selectedOptionsContext.js.map +1 -1
- package/cjs/form/combobox/customOptionsContext.d.ts +1 -1
- package/cjs/form/combobox/customOptionsContext.js +2 -2
- package/cjs/form/combobox/customOptionsContext.js.map +1 -1
- package/cjs/form/error-summary/ErrorSummary.js +3 -1
- package/cjs/form/error-summary/ErrorSummary.js.map +1 -1
- package/cjs/form/file-upload/FileUpload.context.d.ts +3 -2
- package/cjs/form/file-upload/FileUpload.context.js +4 -2
- package/cjs/form/file-upload/FileUpload.context.js.map +1 -1
- package/cjs/form/file-upload/parts/dropzone/Dropzone.js +2 -0
- package/cjs/form/file-upload/parts/dropzone/Dropzone.js.map +1 -1
- package/cjs/form/radio/Radio.js +1 -1
- package/cjs/form/radio/Radio.js.map +1 -1
- package/cjs/form/search/Search.js +3 -2
- package/cjs/form/search/Search.js.map +1 -1
- package/cjs/guide-panel/GuidePanel.js +1 -1
- package/cjs/guide-panel/GuidePanel.js.map +1 -1
- package/cjs/help-text/HelpText.js +1 -1
- package/cjs/help-text/HelpText.js.map +1 -1
- package/cjs/index.d.ts +1 -0
- package/cjs/index.js +3 -1
- package/cjs/index.js.map +1 -1
- package/cjs/inline-message/root/InlineMessage.js +1 -1
- package/cjs/inline-message/root/InlineMessage.js.map +1 -1
- package/cjs/internal-header/InternalHeader.js +1 -1
- package/cjs/internal-header/InternalHeader.js.map +1 -1
- package/cjs/layout/base/BasePrimitive.js +1 -1
- package/cjs/layout/base/BasePrimitive.js.map +1 -1
- package/cjs/layout/bleed/Bleed.js +1 -1
- package/cjs/layout/bleed/Bleed.js.map +1 -1
- package/cjs/layout/box/Box.js +1 -1
- package/cjs/layout/box/Box.js.map +1 -1
- package/cjs/layout/grid/HGrid.js +1 -1
- package/cjs/layout/grid/HGrid.js.map +1 -1
- package/cjs/layout/page/Page.js +1 -1
- package/cjs/layout/page/Page.js.map +1 -1
- package/cjs/layout/stack/Stack.js +1 -1
- package/cjs/layout/stack/Stack.js.map +1 -1
- package/cjs/link/Link.js +1 -1
- package/cjs/link/Link.js.map +1 -1
- package/cjs/link-card/LinkCard.js +2 -2
- package/cjs/link-card/LinkCard.js.map +1 -1
- package/cjs/list/List.js +1 -1
- package/cjs/list/List.js.map +1 -1
- package/cjs/modal/Modal.context.d.ts +4 -3
- package/cjs/modal/Modal.context.js +3 -3
- package/cjs/modal/Modal.context.js.map +1 -1
- package/cjs/modal/Modal.js +1 -1
- package/cjs/modal/Modal.js.map +1 -1
- package/cjs/overlays/action-menu/ActionMenu.js +6 -4
- package/cjs/overlays/action-menu/ActionMenu.js.map +1 -1
- package/cjs/overlays/dismissablelayer/DismissableLayer.d.ts +16 -4
- package/cjs/overlays/dismissablelayer/DismissableLayer.js +34 -5
- package/cjs/overlays/dismissablelayer/DismissableLayer.js.map +1 -1
- package/cjs/overlays/dismissablelayer/util/dispatchCustomEvent.d.ts +3 -2
- package/cjs/overlays/dismissablelayer/util/dispatchCustomEvent.js +1 -0
- package/cjs/overlays/dismissablelayer/util/dispatchCustomEvent.js.map +1 -1
- package/cjs/overlays/dismissablelayer/util/useEscapeKeydown.js +2 -2
- package/cjs/overlays/dismissablelayer/util/useEscapeKeydown.js.map +1 -1
- package/cjs/overlays/dismissablelayer/util/useFocusOutside.js +2 -2
- package/cjs/overlays/dismissablelayer/util/useFocusOutside.js.map +1 -1
- package/cjs/overlays/dismissablelayer/util/usePointerDownOutside.d.ts +2 -2
- package/cjs/overlays/dismissablelayer/util/usePointerDownOutside.js +2 -2
- package/cjs/overlays/dismissablelayer/util/usePointerDownOutside.js.map +1 -1
- package/cjs/overlays/dismissablelayer/util/usePointerUpOutside.d.ts +10 -0
- package/cjs/overlays/dismissablelayer/util/usePointerUpOutside.js +79 -0
- package/cjs/overlays/dismissablelayer/util/usePointerUpOutside.js.map +1 -0
- package/cjs/overlays/floating/Floating.d.ts +3 -2
- package/cjs/overlays/floating/Floating.js +9 -12
- package/cjs/overlays/floating/Floating.js.map +1 -1
- package/cjs/overlays/floating-menu/Menu.js +15 -19
- package/cjs/overlays/floating-menu/Menu.js.map +1 -1
- package/cjs/overlays/floating-menu/parts/RovingFocus.js +2 -1
- package/cjs/overlays/floating-menu/parts/RovingFocus.js.map +1 -1
- package/cjs/pagination/PaginationItem.js +1 -1
- package/cjs/pagination/PaginationItem.js.map +1 -1
- package/cjs/popover/Popover.js +1 -1
- package/cjs/popover/Popover.js.map +1 -1
- package/cjs/portal/Portal.js +1 -1
- package/cjs/portal/Portal.js.map +1 -1
- package/cjs/process/Process.js +2 -4
- package/cjs/process/Process.js.map +1 -1
- package/cjs/progress-bar/ProgressBar.js +4 -8
- package/cjs/progress-bar/ProgressBar.js.map +1 -1
- package/cjs/stepper/context.d.ts +3 -2
- package/cjs/stepper/context.js +3 -5
- package/cjs/stepper/context.js.map +1 -1
- package/cjs/tabs/Tabs.context.d.ts +4 -3
- package/cjs/tabs/Tabs.context.js +3 -5
- package/cjs/tabs/Tabs.context.js.map +1 -1
- package/cjs/theme/Theme.d.ts +2 -2
- package/cjs/theme/Theme.js +4 -8
- package/cjs/theme/Theme.js.map +1 -1
- package/cjs/timeline/period/ClickablePeriod.js +1 -1
- package/cjs/timeline/period/ClickablePeriod.js.map +1 -1
- package/cjs/timeline/period/index.js +1 -1
- package/cjs/timeline/period/index.js.map +1 -1
- package/cjs/toggle-group/ToggleGroup.context.d.ts +4 -3
- package/cjs/toggle-group/ToggleGroup.context.js +3 -5
- package/cjs/toggle-group/ToggleGroup.context.js.map +1 -1
- package/cjs/toggle-group/ToggleGroup.js +1 -1
- package/cjs/toggle-group/ToggleGroup.js.map +1 -1
- package/cjs/tooltip/Tooltip.js +3 -1
- package/cjs/tooltip/Tooltip.js.map +1 -1
- package/cjs/util/composition-warning/CompositionWarning.d.ts +3 -2
- package/cjs/util/composition-warning/CompositionWarning.js +3 -2
- package/cjs/util/composition-warning/CompositionWarning.js.map +1 -1
- package/cjs/util/create-strict-context.d.ts +40 -0
- package/cjs/util/{create-context.js → create-strict-context.js} +21 -19
- package/cjs/util/create-strict-context.js.map +1 -0
- package/cjs/util/focus-boundary/FocusBoundary.d.ts +1 -1
- package/cjs/util/focus-boundary/FocusBoundary.js +59 -16
- package/cjs/util/focus-boundary/FocusBoundary.js.map +1 -1
- package/cjs/util/hideNonTargetElements.js +2 -2
- package/cjs/util/hooks/descendants/useDescendant.d.ts +1 -1
- package/cjs/util/hooks/descendants/useDescendant.js +2 -2
- package/cjs/util/hooks/descendants/useDescendant.js.map +1 -1
- package/cjs/util/hooks/index.d.ts +0 -1
- package/cjs/util/hooks/index.js +1 -3
- package/cjs/util/hooks/index.js.map +1 -1
- package/{esm/overlays/overlay → cjs/util}/hooks/useAnimationsFinished.d.ts +1 -1
- package/cjs/{overlays/overlay → util}/hooks/useAnimationsFinished.js +7 -8
- package/cjs/util/hooks/useAnimationsFinished.js.map +1 -0
- package/cjs/util/hooks/useControllableState.js +4 -4
- package/cjs/util/hooks/useControllableState.js.map +1 -1
- package/cjs/util/hooks/useEventCallback.d.ts +2 -5
- package/cjs/util/hooks/useEventCallback.js +2 -3
- package/cjs/util/hooks/useEventCallback.js.map +1 -1
- package/cjs/util/hooks/useId.js +4 -1
- package/cjs/util/hooks/useId.js.map +1 -1
- package/cjs/util/hooks/useMergeRefs.js +2 -1
- package/cjs/util/hooks/useMergeRefs.js.map +1 -1
- package/cjs/{overlays/overlay → util}/hooks/useOpenChangeAnimationComplete.js +3 -3
- package/cjs/util/hooks/useOpenChangeAnimationComplete.js.map +1 -0
- package/cjs/util/hooks/usePrevious.js.map +1 -1
- package/cjs/util/hooks/useScrollLock.js.map +1 -1
- package/cjs/{overlays/overlay → util}/hooks/useTransitionStatus.d.ts +6 -1
- package/cjs/{overlays/overlay → util}/hooks/useTransitionStatus.js +15 -4
- package/cjs/util/hooks/useTransitionStatus.js.map +1 -0
- package/cjs/util/hooks/useValueAsRef.d.ts +6 -0
- package/cjs/util/hooks/{useLatestRef.js → useValueAsRef.js} +3 -3
- package/cjs/util/hooks/useValueAsRef.js.map +1 -0
- package/cjs/util/link-anchor/LinkAnchor.js +2 -2
- package/cjs/util/link-anchor/LinkAnchor.js.map +1 -1
- package/cjs/util/resolveRef.d.ts +8 -0
- package/cjs/util/resolveRef.js +16 -0
- package/cjs/util/resolveRef.js.map +1 -0
- package/cjs/util/virtualfocus/Context.d.ts +4 -3
- package/cjs/util/virtualfocus/Context.js +4 -2
- package/cjs/util/virtualfocus/Context.js.map +1 -1
- package/esm/accordion/AccordionContent.js +1 -1
- package/esm/accordion/AccordionContent.js.map +1 -1
- package/esm/accordion/AccordionHeader.js +1 -1
- package/esm/accordion/AccordionHeader.js.map +1 -1
- package/esm/alert/base-alert/content/BaseAlertContent.js +1 -1
- package/esm/alert/base-alert/content/BaseAlertContent.js.map +1 -1
- package/esm/alert/base-alert/root/BaseAlertRoot.context.d.ts +3 -2
- package/esm/alert/base-alert/root/BaseAlertRoot.context.js +2 -3
- package/esm/alert/base-alert/root/BaseAlertRoot.context.js.map +1 -1
- package/esm/chips/Removable.js +1 -1
- package/esm/chips/Removable.js.map +1 -1
- package/esm/chips/Toggle.js +1 -1
- package/esm/chips/Toggle.js.map +1 -1
- package/esm/collapsible/Collapsible.context.d.ts +3 -2
- package/esm/collapsible/Collapsible.context.js +2 -2
- package/esm/collapsible/Collapsible.context.js.map +1 -1
- package/esm/copybutton/CopyButton.js +5 -5
- package/esm/copybutton/CopyButton.js.map +1 -1
- package/esm/date/Date.Input.d.ts +3 -2
- package/esm/date/Date.Input.js +3 -2
- package/esm/date/Date.Input.js.map +1 -1
- package/esm/date/Date.locale.d.ts +3 -2
- package/esm/date/Date.locale.js +4 -2
- package/esm/date/Date.locale.js.map +1 -1
- package/esm/date/datepicker/parts/DatePicker.DayButton.d.ts +1 -1
- package/esm/date/datepicker/parts/DatePicker.DayButton.js +1 -1
- package/esm/date/datepicker/parts/DatePicker.DayButton.js.map +1 -1
- package/esm/date/monthpicker/MonthPicker.context.d.ts +1 -1
- package/esm/date/monthpicker/MonthPicker.context.js +2 -2
- package/esm/date/monthpicker/MonthPicker.context.js.map +1 -1
- package/esm/date/monthpicker/MonthPicker.js +1 -2
- package/esm/date/monthpicker/MonthPicker.js.map +1 -1
- package/esm/dialog/backdrop/DialogBackdropInternal.d.ts +5 -0
- package/esm/dialog/backdrop/DialogBackdropInternal.js +23 -0
- package/esm/dialog/backdrop/DialogBackdropInternal.js.map +1 -0
- package/esm/dialog/body/DialogBody.d.ts +18 -0
- package/esm/dialog/body/DialogBody.js +33 -0
- package/esm/dialog/body/DialogBody.js.map +1 -0
- package/esm/dialog/close-trigger/DialogCloseTrigger.d.ts +20 -0
- package/esm/dialog/close-trigger/DialogCloseTrigger.js +40 -0
- package/esm/dialog/close-trigger/DialogCloseTrigger.js.map +1 -0
- package/esm/dialog/description/DialogDescription.d.ts +19 -0
- package/esm/dialog/description/DialogDescription.js +37 -0
- package/esm/dialog/description/DialogDescription.js.map +1 -0
- package/esm/dialog/footer/DialogFooter.d.ts +20 -0
- package/esm/dialog/footer/DialogFooter.js +35 -0
- package/esm/dialog/footer/DialogFooter.js.map +1 -0
- package/esm/dialog/header/DialogHeader.d.ts +25 -0
- package/esm/dialog/header/DialogHeader.js +41 -0
- package/esm/dialog/header/DialogHeader.js.map +1 -0
- package/esm/dialog/index.d.ts +18 -0
- package/esm/dialog/index.js +11 -0
- package/esm/dialog/index.js.map +1 -0
- package/esm/dialog/popup/DialogPopup.d.ts +22 -0
- package/esm/dialog/popup/DialogPopup.js +39 -0
- package/esm/dialog/popup/DialogPopup.js.map +1 -0
- package/esm/dialog/popup/DialogPopupInternal.d.ts +60 -0
- package/esm/dialog/popup/DialogPopupInternal.js +130 -0
- package/esm/dialog/popup/DialogPopupInternal.js.map +1 -0
- package/esm/dialog/root/DialogRoot.context.d.ts +84 -0
- package/esm/dialog/root/DialogRoot.context.js +7 -0
- package/esm/dialog/root/DialogRoot.context.js.map +1 -0
- package/esm/dialog/root/DialogRoot.d.ts +179 -0
- package/esm/dialog/root/DialogRoot.js +97 -0
- package/esm/dialog/root/DialogRoot.js.map +1 -0
- package/esm/dialog/title/DialogTitle.d.ts +18 -0
- package/esm/dialog/title/DialogTitle.js +44 -0
- package/esm/dialog/title/DialogTitle.js.map +1 -0
- package/esm/dialog/trigger/DialogTrigger.d.ts +20 -0
- package/esm/dialog/trigger/DialogTrigger.js +35 -0
- package/esm/dialog/trigger/DialogTrigger.js.map +1 -0
- package/esm/expansion-card/ExpansionCardContent.js +1 -1
- package/esm/expansion-card/ExpansionCardContent.js.map +1 -1
- package/esm/form/checkbox/Checkbox.js +1 -1
- package/esm/form/checkbox/Checkbox.js.map +1 -1
- package/esm/form/combobox/ComboboxWrapper.js +3 -1
- package/esm/form/combobox/ComboboxWrapper.js.map +1 -1
- package/esm/form/combobox/FilteredOptions/FilteredOptions.js +2 -4
- package/esm/form/combobox/FilteredOptions/FilteredOptions.js.map +1 -1
- package/esm/form/combobox/FilteredOptions/filteredOptionsContext.d.ts +1 -1
- package/esm/form/combobox/FilteredOptions/filteredOptionsContext.js +2 -2
- package/esm/form/combobox/FilteredOptions/filteredOptionsContext.js.map +1 -1
- package/esm/form/combobox/Input/Input.context.d.ts +1 -1
- package/esm/form/combobox/Input/Input.context.js +2 -2
- package/esm/form/combobox/Input/Input.context.js.map +1 -1
- package/esm/form/combobox/Input/InputController.js.map +1 -1
- package/esm/form/combobox/SelectedOptions/selectedOptionsContext.d.ts +1 -1
- package/esm/form/combobox/SelectedOptions/selectedOptionsContext.js +4 -2
- package/esm/form/combobox/SelectedOptions/selectedOptionsContext.js.map +1 -1
- package/esm/form/combobox/customOptionsContext.d.ts +1 -1
- package/esm/form/combobox/customOptionsContext.js +2 -2
- package/esm/form/combobox/customOptionsContext.js.map +1 -1
- package/esm/form/error-summary/ErrorSummary.js +3 -1
- package/esm/form/error-summary/ErrorSummary.js.map +1 -1
- package/esm/form/file-upload/FileUpload.context.d.ts +3 -2
- package/esm/form/file-upload/FileUpload.context.js +4 -2
- package/esm/form/file-upload/FileUpload.context.js.map +1 -1
- package/esm/form/file-upload/parts/dropzone/Dropzone.js +2 -0
- package/esm/form/file-upload/parts/dropzone/Dropzone.js.map +1 -1
- package/esm/form/radio/Radio.js +1 -1
- package/esm/form/radio/Radio.js.map +1 -1
- package/esm/form/search/Search.js +3 -2
- package/esm/form/search/Search.js.map +1 -1
- package/esm/guide-panel/GuidePanel.js +1 -1
- package/esm/guide-panel/GuidePanel.js.map +1 -1
- package/esm/help-text/HelpText.js +1 -1
- package/esm/help-text/HelpText.js.map +1 -1
- package/esm/index.d.ts +1 -0
- package/esm/index.js +1 -0
- package/esm/index.js.map +1 -1
- package/esm/inline-message/root/InlineMessage.js +1 -1
- package/esm/inline-message/root/InlineMessage.js.map +1 -1
- package/esm/internal-header/InternalHeader.js +1 -1
- package/esm/internal-header/InternalHeader.js.map +1 -1
- package/esm/layout/base/BasePrimitive.js +1 -1
- package/esm/layout/base/BasePrimitive.js.map +1 -1
- package/esm/layout/bleed/Bleed.js +1 -1
- package/esm/layout/bleed/Bleed.js.map +1 -1
- package/esm/layout/box/Box.js +1 -1
- package/esm/layout/box/Box.js.map +1 -1
- package/esm/layout/grid/HGrid.js +1 -1
- package/esm/layout/grid/HGrid.js.map +1 -1
- package/esm/layout/page/Page.js +1 -1
- package/esm/layout/page/Page.js.map +1 -1
- package/esm/layout/stack/Stack.js +1 -1
- package/esm/layout/stack/Stack.js.map +1 -1
- package/esm/link/Link.js +1 -1
- package/esm/link/Link.js.map +1 -1
- package/esm/link-card/LinkCard.js +2 -2
- package/esm/link-card/LinkCard.js.map +1 -1
- package/esm/list/List.js +1 -1
- package/esm/list/List.js.map +1 -1
- package/esm/modal/Modal.context.d.ts +4 -3
- package/esm/modal/Modal.context.js +2 -2
- package/esm/modal/Modal.context.js.map +1 -1
- package/esm/modal/Modal.js +1 -1
- package/esm/modal/Modal.js.map +1 -1
- package/esm/overlays/action-menu/ActionMenu.js +6 -4
- package/esm/overlays/action-menu/ActionMenu.js.map +1 -1
- package/esm/overlays/dismissablelayer/DismissableLayer.d.ts +16 -4
- package/esm/overlays/dismissablelayer/DismissableLayer.js +34 -5
- package/esm/overlays/dismissablelayer/DismissableLayer.js.map +1 -1
- package/esm/overlays/dismissablelayer/util/dispatchCustomEvent.d.ts +3 -2
- package/esm/overlays/dismissablelayer/util/dispatchCustomEvent.js +1 -0
- package/esm/overlays/dismissablelayer/util/dispatchCustomEvent.js.map +1 -1
- package/esm/overlays/dismissablelayer/util/useEscapeKeydown.js +2 -2
- package/esm/overlays/dismissablelayer/util/useEscapeKeydown.js.map +1 -1
- package/esm/overlays/dismissablelayer/util/useFocusOutside.js +2 -2
- package/esm/overlays/dismissablelayer/util/useFocusOutside.js.map +1 -1
- package/esm/overlays/dismissablelayer/util/usePointerDownOutside.d.ts +2 -2
- package/esm/overlays/dismissablelayer/util/usePointerDownOutside.js +2 -2
- package/esm/overlays/dismissablelayer/util/usePointerDownOutside.js.map +1 -1
- package/esm/overlays/dismissablelayer/util/usePointerUpOutside.d.ts +10 -0
- package/esm/overlays/dismissablelayer/util/usePointerUpOutside.js +76 -0
- package/esm/overlays/dismissablelayer/util/usePointerUpOutside.js.map +1 -0
- package/esm/overlays/floating/Floating.d.ts +3 -2
- package/esm/overlays/floating/Floating.js +9 -12
- package/esm/overlays/floating/Floating.js.map +1 -1
- package/esm/overlays/floating-menu/Menu.js +16 -20
- package/esm/overlays/floating-menu/Menu.js.map +1 -1
- package/esm/overlays/floating-menu/parts/RovingFocus.js +3 -2
- package/esm/overlays/floating-menu/parts/RovingFocus.js.map +1 -1
- package/esm/pagination/PaginationItem.js +1 -1
- package/esm/pagination/PaginationItem.js.map +1 -1
- package/esm/popover/Popover.js +1 -1
- package/esm/popover/Popover.js.map +1 -1
- package/esm/portal/Portal.js +1 -1
- package/esm/portal/Portal.js.map +1 -1
- package/esm/process/Process.js +2 -4
- package/esm/process/Process.js.map +1 -1
- package/esm/progress-bar/ProgressBar.js +4 -8
- package/esm/progress-bar/ProgressBar.js.map +1 -1
- package/esm/stepper/context.d.ts +3 -2
- package/esm/stepper/context.js +2 -4
- package/esm/stepper/context.js.map +1 -1
- package/esm/tabs/Tabs.context.d.ts +4 -3
- package/esm/tabs/Tabs.context.js +2 -4
- package/esm/tabs/Tabs.context.js.map +1 -1
- package/esm/theme/Theme.d.ts +2 -2
- package/esm/theme/Theme.js +4 -8
- package/esm/theme/Theme.js.map +1 -1
- package/esm/timeline/period/ClickablePeriod.js +1 -1
- package/esm/timeline/period/ClickablePeriod.js.map +1 -1
- package/esm/timeline/period/index.js +1 -1
- package/esm/timeline/period/index.js.map +1 -1
- package/esm/toggle-group/ToggleGroup.context.d.ts +4 -3
- package/esm/toggle-group/ToggleGroup.context.js +2 -4
- package/esm/toggle-group/ToggleGroup.context.js.map +1 -1
- package/esm/toggle-group/ToggleGroup.js +1 -1
- package/esm/toggle-group/ToggleGroup.js.map +1 -1
- package/esm/tooltip/Tooltip.js +3 -1
- package/esm/tooltip/Tooltip.js.map +1 -1
- package/esm/util/composition-warning/CompositionWarning.d.ts +3 -2
- package/esm/util/composition-warning/CompositionWarning.js +3 -2
- package/esm/util/composition-warning/CompositionWarning.js.map +1 -1
- package/esm/util/create-strict-context.d.ts +40 -0
- package/esm/util/{create-context.js → create-strict-context.js} +22 -19
- package/esm/util/create-strict-context.js.map +1 -0
- package/esm/util/focus-boundary/FocusBoundary.d.ts +1 -1
- package/esm/util/focus-boundary/FocusBoundary.js +57 -14
- package/esm/util/focus-boundary/FocusBoundary.js.map +1 -1
- package/esm/util/hideNonTargetElements.js +2 -2
- package/esm/util/hooks/descendants/useDescendant.d.ts +1 -1
- package/esm/util/hooks/descendants/useDescendant.js +2 -2
- package/esm/util/hooks/descendants/useDescendant.js.map +1 -1
- package/esm/util/hooks/index.d.ts +0 -1
- package/esm/util/hooks/index.js +0 -1
- package/esm/util/hooks/index.js.map +1 -1
- package/{cjs/overlays/overlay → esm/util}/hooks/useAnimationsFinished.d.ts +1 -1
- package/esm/{overlays/overlay → util}/hooks/useAnimationsFinished.js +7 -8
- package/esm/util/hooks/useAnimationsFinished.js.map +1 -0
- package/esm/util/hooks/useControllableState.js +4 -4
- package/esm/util/hooks/useControllableState.js.map +1 -1
- package/esm/util/hooks/useEventCallback.d.ts +2 -5
- package/esm/util/hooks/useEventCallback.js +4 -4
- package/esm/util/hooks/useEventCallback.js.map +1 -1
- package/esm/util/hooks/useId.js +4 -1
- package/esm/util/hooks/useId.js.map +1 -1
- package/esm/util/hooks/useMergeRefs.js +2 -1
- package/esm/util/hooks/useMergeRefs.js.map +1 -1
- package/esm/{overlays/overlay → util}/hooks/useOpenChangeAnimationComplete.js +3 -3
- package/esm/util/hooks/useOpenChangeAnimationComplete.js.map +1 -0
- package/esm/util/hooks/usePrevious.js.map +1 -1
- package/esm/util/hooks/useScrollLock.js.map +1 -1
- package/esm/{overlays/overlay → util}/hooks/useTransitionStatus.d.ts +6 -1
- package/esm/{overlays/overlay → util}/hooks/useTransitionStatus.js +12 -2
- package/esm/util/hooks/useTransitionStatus.js.map +1 -0
- package/esm/util/hooks/useValueAsRef.d.ts +6 -0
- package/esm/util/hooks/{useLatestRef.js → useValueAsRef.js} +3 -2
- package/esm/util/hooks/useValueAsRef.js.map +1 -0
- package/esm/util/link-anchor/LinkAnchor.js +2 -2
- package/esm/util/link-anchor/LinkAnchor.js.map +1 -1
- package/esm/util/resolveRef.d.ts +8 -0
- package/esm/util/resolveRef.js +14 -0
- package/esm/util/resolveRef.js.map +1 -0
- package/esm/util/virtualfocus/Context.d.ts +4 -3
- package/esm/util/virtualfocus/Context.js +4 -2
- package/esm/util/virtualfocus/Context.js.map +1 -1
- package/package.json +13 -3
- package/src/accordion/AccordionContent.tsx +1 -1
- package/src/accordion/AccordionHeader.tsx +1 -1
- package/src/alert/base-alert/content/BaseAlertContent.tsx +1 -1
- package/src/alert/base-alert/root/BaseAlertRoot.context.tsx +5 -5
- package/src/chips/Removable.tsx +1 -1
- package/src/chips/Toggle.tsx +1 -1
- package/src/collapsible/Collapsible.context.tsx +9 -7
- package/src/copybutton/CopyButton.tsx +5 -5
- package/src/date/Date.Input.tsx +8 -5
- package/src/date/Date.locale.ts +7 -3
- package/src/date/datepicker/parts/DatePicker.DayButton.tsx +1 -1
- package/src/date/monthpicker/MonthPicker.context.tsx +9 -7
- package/src/date/monthpicker/MonthPicker.tsx +1 -2
- package/src/dialog/backdrop/DialogBackdropInternal.tsx +29 -0
- package/src/dialog/body/DialogBody.tsx +36 -0
- package/src/dialog/close-trigger/DialogCloseTrigger.tsx +51 -0
- package/src/dialog/description/DialogDescription.tsx +44 -0
- package/src/dialog/footer/DialogFooter.tsx +38 -0
- package/src/dialog/header/DialogHeader.tsx +62 -0
- package/src/dialog/index.ts +19 -0
- package/src/dialog/popup/DialogPopup.tsx +61 -0
- package/src/dialog/popup/DialogPopupInternal.tsx +285 -0
- package/src/dialog/root/DialogRoot.context.ts +89 -0
- package/src/dialog/root/DialogRoot.tsx +296 -0
- package/src/dialog/title/DialogTitle.tsx +52 -0
- package/src/dialog/trigger/DialogTrigger.tsx +47 -0
- package/src/expansion-card/ExpansionCardContent.tsx +1 -1
- package/src/form/checkbox/Checkbox.tsx +1 -1
- package/src/form/combobox/ComboboxWrapper.tsx +1 -0
- package/src/form/combobox/FilteredOptions/FilteredOptions.tsx +1 -2
- package/src/form/combobox/FilteredOptions/filteredOptionsContext.tsx +9 -7
- package/src/form/combobox/Input/Input.context.tsx +3 -3
- package/src/form/combobox/Input/InputController.tsx +1 -0
- package/src/form/combobox/SelectedOptions/selectedOptionsContext.tsx +7 -3
- package/src/form/combobox/customOptionsContext.tsx +9 -7
- package/src/form/error-summary/ErrorSummary.tsx +1 -0
- package/src/form/file-upload/FileUpload.context.tsx +7 -3
- package/src/form/file-upload/parts/dropzone/Dropzone.tsx +6 -4
- package/src/form/radio/Radio.tsx +1 -1
- package/src/form/search/Search.tsx +3 -2
- package/src/guide-panel/GuidePanel.tsx +1 -1
- package/src/help-text/HelpText.tsx +1 -1
- package/src/index.ts +12 -0
- package/src/inline-message/root/InlineMessage.tsx +2 -1
- package/src/internal-header/InternalHeader.tsx +1 -1
- package/src/layout/base/BasePrimitive.tsx +1 -1
- package/src/layout/bleed/Bleed.tsx +1 -1
- package/src/layout/box/Box.tsx +1 -1
- package/src/layout/grid/HGrid.tsx +1 -1
- package/src/layout/page/Page.tsx +1 -1
- package/src/layout/stack/Stack.tsx +1 -1
- package/src/link/Link.tsx +1 -1
- package/src/link-card/LinkCard.tsx +3 -3
- package/src/list/List.tsx +1 -1
- package/src/modal/Modal.context.ts +4 -4
- package/src/modal/Modal.tsx +1 -1
- package/src/overlays/action-menu/ActionMenu.tsx +7 -5
- package/src/overlays/dismissablelayer/DismissableLayer.tsx +65 -13
- package/src/overlays/dismissablelayer/util/dispatchCustomEvent.ts +3 -2
- package/src/overlays/dismissablelayer/util/useEscapeKeydown.ts +2 -2
- package/src/overlays/dismissablelayer/util/useFocusOutside.ts +2 -2
- package/src/overlays/dismissablelayer/util/usePointerDownOutside.ts +4 -4
- package/src/overlays/dismissablelayer/util/usePointerUpOutside.ts +95 -0
- package/src/overlays/floating/Floating.tsx +15 -20
- package/src/overlays/floating-menu/Menu.tsx +25 -26
- package/src/overlays/floating-menu/parts/RovingFocus.tsx +3 -2
- package/src/pagination/PaginationItem.tsx +1 -1
- package/src/popover/Popover.tsx +1 -1
- package/src/portal/Portal.tsx +1 -1
- package/src/process/Process.tsx +3 -5
- package/src/progress-bar/ProgressBar.tsx +2 -4
- package/src/stepper/context.ts +8 -8
- package/src/tabs/Tabs.context.ts +7 -8
- package/src/theme/Theme.tsx +15 -17
- package/src/timeline/period/ClickablePeriod.tsx +1 -1
- package/src/timeline/period/index.tsx +2 -1
- package/src/toggle-group/ToggleGroup.context.ts +8 -8
- package/src/toggle-group/ToggleGroup.tsx +1 -1
- package/src/tooltip/Tooltip.tsx +3 -1
- package/src/util/composition-warning/CompositionWarning.tsx +4 -3
- package/src/util/create-strict-context.tsx +91 -0
- package/src/util/focus-boundary/FocusBoundary.tsx +76 -17
- package/src/util/hideNonTargetElements.ts +2 -2
- package/src/util/hooks/descendants/useDescendant.tsx +5 -4
- package/src/util/hooks/index.ts +0 -1
- package/src/{overlays/overlay → util}/hooks/useAnimationsFinished.ts +8 -9
- package/src/util/hooks/useControllableState.ts +10 -13
- package/src/util/hooks/useEventCallback.ts +5 -6
- package/src/util/hooks/useId.ts +6 -1
- package/src/util/hooks/useMergeRefs.ts +3 -1
- package/src/{overlays/overlay → util}/hooks/useOpenChangeAnimationComplete.ts +3 -3
- package/src/util/hooks/usePrevious.ts +1 -0
- package/src/util/hooks/useScrollLock.ts +0 -1
- package/src/{overlays/overlay → util}/hooks/useTransitionStatus.ts +14 -2
- package/src/util/hooks/{useLatestRef.ts → useValueAsRef.ts} +3 -1
- package/src/util/link-anchor/LinkAnchor.tsx +7 -5
- package/src/util/resolveRef.ts +20 -0
- package/src/util/virtualfocus/Context.tsx +8 -6
- package/cjs/link/stories/RandomIcon.d.ts +0 -2
- package/cjs/link/stories/RandomIcon.js.map +0 -1
- package/cjs/overlays/overlay/hooks/useAnimationsFinished.js.map +0 -1
- package/cjs/overlays/overlay/hooks/useOpenChangeAnimationComplete.js.map +0 -1
- package/cjs/overlays/overlay/hooks/useTransitionStatus.js.map +0 -1
- package/cjs/util/create-context.d.ts +0 -20
- package/cjs/util/create-context.js.map +0 -1
- package/cjs/util/hooks/useCallbackRef.d.ts +0 -6
- package/cjs/util/hooks/useCallbackRef.js +0 -18
- package/cjs/util/hooks/useCallbackRef.js.map +0 -1
- package/cjs/util/hooks/useLatestRef.d.ts +0 -5
- package/cjs/util/hooks/useLatestRef.js.map +0 -1
- package/esm/link/stories/RandomIcon.d.ts +0 -2
- package/esm/link/stories/RandomIcon.js +0 -9
- package/esm/link/stories/RandomIcon.js.map +0 -1
- package/esm/overlays/overlay/hooks/useAnimationsFinished.js.map +0 -1
- package/esm/overlays/overlay/hooks/useOpenChangeAnimationComplete.js.map +0 -1
- package/esm/overlays/overlay/hooks/useTransitionStatus.js.map +0 -1
- package/esm/util/create-context.d.ts +0 -20
- package/esm/util/create-context.js.map +0 -1
- package/esm/util/hooks/useCallbackRef.d.ts +0 -6
- package/esm/util/hooks/useCallbackRef.js +0 -15
- package/esm/util/hooks/useCallbackRef.js.map +0 -1
- package/esm/util/hooks/useLatestRef.d.ts +0 -5
- package/esm/util/hooks/useLatestRef.js.map +0 -1
- package/src/link/stories/RandomIcon.tsx +0 -10
- package/src/util/create-context.tsx +0 -79
- package/src/util/hooks/useCallbackRef.ts +0 -20
- /package/cjs/{overlays/overlay → util}/hooks/useOpenChangeAnimationComplete.d.ts +0 -0
- /package/esm/{overlays/overlay → util}/hooks/useOpenChangeAnimationComplete.d.ts +0 -0
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { AsChild } from "../../util/types/AsChild.js";
|
|
3
|
-
import { CustomFocusEvent,
|
|
3
|
+
import { CustomFocusEvent, CustomPointerEvent } from "./util/dispatchCustomEvent.js";
|
|
4
4
|
interface DismissableLayerBaseProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
5
5
|
/**
|
|
6
6
|
* When `true`, hover/focus/click interactions will be disabled on elements outside
|
|
@@ -17,7 +17,19 @@ interface DismissableLayerBaseProps extends React.HTMLAttributes<HTMLDivElement>
|
|
|
17
17
|
* Event handler called when the a `pointerdown` event happens outside of the `DismissableLayer`.
|
|
18
18
|
* Can be prevented.
|
|
19
19
|
*/
|
|
20
|
-
onPointerDownOutside?: (event:
|
|
20
|
+
onPointerDownOutside?: (event: CustomPointerEvent) => void;
|
|
21
|
+
/**
|
|
22
|
+
* Event handler called when the a `pointerup` event happens outside of the `DismissableLayer`.
|
|
23
|
+
* Can be prevented.
|
|
24
|
+
*/
|
|
25
|
+
onPointerUpOutside?: (event: CustomPointerEvent) => void;
|
|
26
|
+
/**
|
|
27
|
+
* Enables listening for `pointerup` outside the `DismissableLayer`.
|
|
28
|
+
* In most cases `pointerdown` is sufficient, but in some cases (like modal, drawer)
|
|
29
|
+
* we want to mimic native OS behaviour and only close on `pointerup`.
|
|
30
|
+
* @default false
|
|
31
|
+
*/
|
|
32
|
+
enablePointerUpOutside?: boolean;
|
|
21
33
|
/**
|
|
22
34
|
* Event handler called when the focus moves outside of the `DismissableLayer`.
|
|
23
35
|
* Can be prevented.
|
|
@@ -28,11 +40,11 @@ interface DismissableLayerBaseProps extends React.HTMLAttributes<HTMLDivElement>
|
|
|
28
40
|
* Specifically, when a `pointerdown` event happens outside or focus moves outside of it.
|
|
29
41
|
* Can be prevented.
|
|
30
42
|
*/
|
|
31
|
-
onInteractOutside?: (event:
|
|
43
|
+
onInteractOutside?: (event: CustomPointerEvent | CustomFocusEvent) => void;
|
|
32
44
|
/**
|
|
33
45
|
* Handler called when the `DismissableLayer` should be dismissed
|
|
34
46
|
*/
|
|
35
|
-
onDismiss?: () => void;
|
|
47
|
+
onDismiss?: (event: Event) => void;
|
|
36
48
|
/**
|
|
37
49
|
* Stops `onDismiss` from beeing called when interacting with the `safeZone` elements.
|
|
38
50
|
*/
|
|
@@ -18,6 +18,7 @@ import { getSortedLayers } from "./util/sort-layers.js";
|
|
|
18
18
|
import { useEscapeKeydown } from "./util/useEscapeKeydown.js";
|
|
19
19
|
import { useFocusOutside } from "./util/useFocusOutside.js";
|
|
20
20
|
import { usePointerDownOutside } from "./util/usePointerDownOutside.js";
|
|
21
|
+
import { usePointerUpOutside } from "./util/usePointerUpOutside.js";
|
|
21
22
|
const BranchedLayerContext = React.createContext(null);
|
|
22
23
|
/* ------------------------ DismissableLayerInternal ------------------------ */
|
|
23
24
|
const CONTEXT_UPDATE_EVENT = "dismissableLayer.update";
|
|
@@ -28,7 +29,7 @@ const DismissableLayerContext = React.createContext({
|
|
|
28
29
|
layersWithOutsidePointerEventsDisabled: new Set(),
|
|
29
30
|
});
|
|
30
31
|
const DismissableLayer = forwardRef((_a, forwardedRef) => {
|
|
31
|
-
var { children, disableOutsidePointerEvents, onDismiss, onInteractOutside, onEscapeKeyDown, onFocusOutside, onPointerDownOutside, safeZone, asChild, enabled = true } = _a, restProps = __rest(_a, ["children", "disableOutsidePointerEvents", "onDismiss", "onInteractOutside", "onEscapeKeyDown", "onFocusOutside", "onPointerDownOutside", "safeZone", "asChild", "enabled"]);
|
|
32
|
+
var { children, disableOutsidePointerEvents, onDismiss, onInteractOutside, onEscapeKeyDown, onFocusOutside, onPointerDownOutside, onPointerUpOutside, enablePointerUpOutside = false, safeZone, asChild, enabled = true } = _a, restProps = __rest(_a, ["children", "disableOutsidePointerEvents", "onDismiss", "onInteractOutside", "onEscapeKeyDown", "onFocusOutside", "onPointerDownOutside", "onPointerUpOutside", "enablePointerUpOutside", "safeZone", "asChild", "enabled"]);
|
|
32
33
|
const context = useContext(DismissableLayerContext);
|
|
33
34
|
const [, forceRerender] = useState({});
|
|
34
35
|
const [node, setNode] = React.useState(null);
|
|
@@ -87,7 +88,28 @@ const DismissableLayer = forwardRef((_a, forwardedRef) => {
|
|
|
87
88
|
*/
|
|
88
89
|
safeZone && handleOutsideEvent(event);
|
|
89
90
|
if (!event.defaultPrevented && onDismiss) {
|
|
90
|
-
onDismiss();
|
|
91
|
+
onDismiss(event);
|
|
92
|
+
}
|
|
93
|
+
}, ownerDoc, enabled);
|
|
94
|
+
const pointerUpOutside = usePointerUpOutside((event) => {
|
|
95
|
+
if (!shouldEnablePointerEvents || !enablePointerUpOutside) {
|
|
96
|
+
return;
|
|
97
|
+
}
|
|
98
|
+
/**
|
|
99
|
+
* We call these before letting `handleOutsideEvent` do its checks to give consumer a chance to preventDefault based certain cases.
|
|
100
|
+
*/
|
|
101
|
+
onPointerUpOutside === null || onPointerUpOutside === void 0 ? void 0 : onPointerUpOutside(event);
|
|
102
|
+
onInteractOutside === null || onInteractOutside === void 0 ? void 0 : onInteractOutside(event);
|
|
103
|
+
/**
|
|
104
|
+
* Add safeZone to prevent closing when interacting with trigger/anchor or its children.
|
|
105
|
+
*/
|
|
106
|
+
safeZone && handleOutsideEvent(event);
|
|
107
|
+
/**
|
|
108
|
+
* Both `onPointerUpOutside`, `onInteractOutside` and `handleOutsideEvent`
|
|
109
|
+
* are able to preventDefault the event, thus stopping call for `onDismiss`.
|
|
110
|
+
*/
|
|
111
|
+
if (!event.defaultPrevented && onDismiss) {
|
|
112
|
+
onDismiss(event);
|
|
91
113
|
}
|
|
92
114
|
}, ownerDoc, enabled);
|
|
93
115
|
const focusOutside = useFocusOutside((event) => {
|
|
@@ -101,7 +123,7 @@ const DismissableLayer = forwardRef((_a, forwardedRef) => {
|
|
|
101
123
|
*/
|
|
102
124
|
safeZone && handleOutsideEvent(event);
|
|
103
125
|
if (!event.defaultPrevented && onDismiss) {
|
|
104
|
-
onDismiss();
|
|
126
|
+
onDismiss(event);
|
|
105
127
|
}
|
|
106
128
|
}, ownerDoc, enabled);
|
|
107
129
|
useEscapeKeydown((event) => {
|
|
@@ -122,8 +144,12 @@ const DismissableLayer = forwardRef((_a, forwardedRef) => {
|
|
|
122
144
|
* We want to `preventDefault` the escape-event to avoid sideeffect from other elements on screen
|
|
123
145
|
*/
|
|
124
146
|
if (!event.defaultPrevented && onDismiss) {
|
|
147
|
+
onDismiss(event);
|
|
148
|
+
/**
|
|
149
|
+
* Preventing after dismiss allows us to check if user prevents default on the escape event
|
|
150
|
+
* to avoid side effects on other elements after this layer has been dismissed.
|
|
151
|
+
*/
|
|
125
152
|
event.preventDefault();
|
|
126
|
-
onDismiss();
|
|
127
153
|
}
|
|
128
154
|
}, ownerDoc, enabled);
|
|
129
155
|
/**
|
|
@@ -214,7 +240,10 @@ const DismissableLayer = forwardRef((_a, forwardedRef) => {
|
|
|
214
240
|
? shouldEnablePointerEvents
|
|
215
241
|
? "auto"
|
|
216
242
|
: "none"
|
|
217
|
-
: undefined }, restProps.style), onFocusCapture: composeEventHandlers(restProps.onFocusCapture, focusOutside.onFocusCapture), onBlurCapture: composeEventHandlers(restProps.onBlurCapture, focusOutside.onBlurCapture), onPointerDownCapture: composeEventHandlers(restProps.onPointerDownCapture,
|
|
243
|
+
: undefined }, restProps.style), onFocusCapture: composeEventHandlers(restProps.onFocusCapture, focusOutside.onFocusCapture), onBlurCapture: composeEventHandlers(restProps.onBlurCapture, focusOutside.onBlurCapture), onPointerDownCapture: composeEventHandlers(restProps.onPointerDownCapture, () => {
|
|
244
|
+
pointerDownOutside.onPointerDownCapture();
|
|
245
|
+
pointerUpOutside.onPointerDownCapture();
|
|
246
|
+
}), onPointerUpCapture: composeEventHandlers(restProps.onPointerUpCapture, pointerUpOutside.onPointerUpCapture) }), children)));
|
|
218
247
|
});
|
|
219
248
|
/**
|
|
220
249
|
* Dispatches a custom event to inform all `DismissableLayer` components to update.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DismissableLayer.js","sourceRoot":"","sources":["../../../src/overlays/dismissablelayer/DismissableLayer.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC3E,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAMjD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;
|
|
1
|
+
{"version":3,"file":"DismissableLayer.js","sourceRoot":"","sources":["../../../src/overlays/dismissablelayer/DismissableLayer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,13 +1,14 @@
|
|
|
1
1
|
type CustomFocusEvent = CustomEvent<{
|
|
2
2
|
originalEvent: FocusEvent;
|
|
3
3
|
}>;
|
|
4
|
-
type
|
|
4
|
+
type CustomPointerEvent = CustomEvent<{
|
|
5
5
|
originalEvent: PointerEvent;
|
|
6
6
|
}>;
|
|
7
|
-
export type { CustomFocusEvent,
|
|
7
|
+
export type { CustomFocusEvent, CustomPointerEvent };
|
|
8
8
|
export declare const CUSTOM_EVENTS: {
|
|
9
9
|
FOCUS_OUTSIDE: string;
|
|
10
10
|
POINTER_DOWN_OUTSIDE: string;
|
|
11
|
+
POINTER_UP_OUTSIDE: string;
|
|
11
12
|
};
|
|
12
13
|
/**
|
|
13
14
|
* Use of `discrete` flushes custom event dispatch. This is to mimic the behavior React has for `discrete` events.
|
|
@@ -2,6 +2,7 @@ import ReactDOM from "react-dom";
|
|
|
2
2
|
export const CUSTOM_EVENTS = {
|
|
3
3
|
FOCUS_OUTSIDE: "AKSEL_FOCUS_OUTSIDE",
|
|
4
4
|
POINTER_DOWN_OUTSIDE: "AKSEL_POINTER_DOWN_OUTSIDE",
|
|
5
|
+
POINTER_UP_OUTSIDE: "AKSEL_POINTER_UP_OUTSIDE",
|
|
5
6
|
};
|
|
6
7
|
/**
|
|
7
8
|
* Use of `discrete` flushes custom event dispatch. This is to mimic the behavior React has for `discrete` events.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dispatchCustomEvent.js","sourceRoot":"","sources":["../../../../src/overlays/dismissablelayer/util/dispatchCustomEvent.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,WAAW,CAAC;AASjC,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,aAAa,EAAE,qBAAqB;IACpC,oBAAoB,EAAE,4BAA4B;
|
|
1
|
+
{"version":3,"file":"dispatchCustomEvent.js","sourceRoot":"","sources":["../../../../src/overlays/dismissablelayer/util/dispatchCustomEvent.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,WAAW,CAAC;AASjC,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,aAAa,EAAE,qBAAqB;IACpC,oBAAoB,EAAE,4BAA4B;IAClD,kBAAkB,EAAE,0BAA0B;CAC/C,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,MAAM,UAAU,mBAAmB,CAIjC,IAAY,EACZ,OAAyC,EACzC,MAEU,EACV,EAAE,QAAQ,KAA4B,EAAE,QAAQ,EAAE,KAAK,EAAE;IAEzD,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO;IACT,CAAC;IACD,MAAM,MAAM,GAAG,MAAM,CAAC,aAAa,CAAC,MAAM,CAAC;IAC3C,MAAM,KAAK,GAAG,IAAI,WAAW,CAAC,IAAI,EAAE;QAClC,OAAO,EAAE,KAAK;QACd,UAAU,EAAE,IAAI;QAChB,MAAM;KACP,CAAC,CAAC;IAEH,MAAM,CAAC,gBAAgB,CAAC,IAAI,EAAE,OAAwB,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;IAExE,IAAI,QAAQ,IAAI,MAAM,EAAE,CAAC;QACvB,QAAQ,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC;IACxD,CAAC;SAAM,CAAC;QACN,MAAM,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC9B,CAAC;AACH,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { useEffect } from "react";
|
|
2
|
-
import {
|
|
2
|
+
import { useEventCallback } from "../../../util/hooks/useEventCallback.js";
|
|
3
3
|
export function useEscapeKeydown(callback, ownerDocument = globalThis === null || globalThis === void 0 ? void 0 : globalThis.document, enabled = true) {
|
|
4
|
-
const onEscapeKeyDown =
|
|
4
|
+
const onEscapeKeyDown = useEventCallback(callback);
|
|
5
5
|
useEffect(() => {
|
|
6
6
|
if (!enabled) {
|
|
7
7
|
return;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useEscapeKeydown.js","sourceRoot":"","sources":["../../../../src/overlays/dismissablelayer/util/useEscapeKeydown.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"useEscapeKeydown.js","sourceRoot":"","sources":["../../../../src/overlays/dismissablelayer/util/useEscapeKeydown.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAExE,MAAM,UAAU,gBAAgB,CAC9B,QAAyC,EACzC,gBAA0B,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,QAAQ,EAC9C,UAAmB,IAAI;IAEvB,MAAM,eAAe,GAAG,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAEnD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,OAAO;QACT,CAAC;QAED,MAAM,aAAa,GAAG,CAAC,KAAoB,EAAE,EAAE;YAC7C,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;gBAC3B,eAAe,CAAC,KAAK,CAAC,CAAC;YACzB,CAAC;QACH,CAAC,CAAC;QAEF,aAAa,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,EAAE,IAAI,CAAC,CAAC;QAE/D,OAAO,GAAG,EAAE;YACV,aAAa,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,EAAE,IAAI,CAAC,CAAC;QACpE,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,eAAe,EAAE,aAAa,EAAE,OAAO,CAAC,CAAC,CAAC;AAChD,CAAC"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { useEffect, useRef } from "react";
|
|
2
|
-
import {
|
|
2
|
+
import { useEventCallback } from "../../../util/hooks/useEventCallback.js";
|
|
3
3
|
import { CUSTOM_EVENTS, dispatchCustomEvent, } from "./dispatchCustomEvent.js";
|
|
4
4
|
/**
|
|
5
5
|
* Tracks focus outside a React subtree. Returns props for the subtree root.
|
|
6
6
|
*/
|
|
7
7
|
export function useFocusOutside(callback, ownerDocument = globalThis === null || globalThis === void 0 ? void 0 : globalThis.document, enabled = true) {
|
|
8
|
-
const handleFocusOutside =
|
|
8
|
+
const handleFocusOutside = useEventCallback(callback);
|
|
9
9
|
const isFocusInsideReactTreeRef = useRef(false);
|
|
10
10
|
useEffect(() => {
|
|
11
11
|
if (!enabled) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useFocusOutside.js","sourceRoot":"","sources":["../../../../src/overlays/dismissablelayer/util/useFocusOutside.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"useFocusOutside.js","sourceRoot":"","sources":["../../../../src/overlays/dismissablelayer/util/useFocusOutside.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,EACL,aAAa,EAEb,mBAAmB,GACpB,MAAM,uBAAuB,CAAC;AAE/B;;GAEG;AACH,MAAM,UAAU,eAAe,CAC7B,QAA4C,EAC5C,gBAA0B,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,QAAQ,EAC9C,UAAmB,IAAI;IAEvB,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,QAAQ,CAAkB,CAAC;IACvE,MAAM,yBAAyB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAEhD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,OAAO;QACT,CAAC;QAED,MAAM,WAAW,GAAG,CAAC,KAAiB,EAAE,EAAE;YACxC,IAAI,KAAK,CAAC,MAAM,IAAI,CAAC,yBAAyB,CAAC,OAAO,EAAE,CAAC;gBACvD,MAAM,WAAW,GAAG,EAAE,aAAa,EAAE,KAAK,EAAE,CAAC;gBAE7C;;;;;;;;mBAQG;gBACH,mBAAmB,CACjB,aAAa,CAAC,aAAa,EAC3B,kBAAkB,EAClB,WAAW,CACZ,CAAC;YACJ,CAAC;QACH,CAAC,CAAC;QACF,aAAa,CAAC,gBAAgB,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;QACvD,OAAO,GAAG,EAAE;YACV,aAAa,CAAC,mBAAmB,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;QAC5D,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,aAAa,EAAE,kBAAkB,EAAE,OAAO,CAAC,CAAC,CAAC;IAEjD;;;OAGG;IACH,OAAO;QACL,cAAc,EAAE,GAAG,EAAE;YACnB,yBAAyB,CAAC,OAAO,GAAG,IAAI,CAAC;QAC3C,CAAC;QACD,aAAa,EAAE,GAAG,EAAE;YAClB,yBAAyB,CAAC,OAAO,GAAG,KAAK,CAAC;QAC5C,CAAC;KACF,CAAC;AACJ,CAAC"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { CustomPointerEvent } from "./dispatchCustomEvent.js";
|
|
2
2
|
/**
|
|
3
3
|
* Listens for `pointerdown` outside a react subtree. We use `pointerdown` rather than `pointerup`
|
|
4
4
|
* to mimic layer dismissing behaviour present in OS.
|
|
5
5
|
* Returns props to pass to the node we want to check for outside events.
|
|
6
6
|
* By checking `isPointerInsideReactTreeRef` we can determine if the event happened outside the subtree of the node, saving some element-comparisons.
|
|
7
7
|
*/
|
|
8
|
-
export declare function usePointerDownOutside(callback?: (event:
|
|
8
|
+
export declare function usePointerDownOutside(callback?: (event: CustomPointerEvent) => void, ownerDocument?: Document, enabled?: boolean): {
|
|
9
9
|
onPointerDownCapture: () => void;
|
|
10
10
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { useEffect, useRef } from "react";
|
|
2
|
-
import {
|
|
2
|
+
import { useEventCallback } from "../../../util/hooks/useEventCallback.js";
|
|
3
3
|
import { useTimeout } from "../../../util/hooks/useTimeout.js";
|
|
4
4
|
import { CUSTOM_EVENTS, dispatchCustomEvent, } from "./dispatchCustomEvent.js";
|
|
5
5
|
/**
|
|
@@ -9,7 +9,7 @@ import { CUSTOM_EVENTS, dispatchCustomEvent, } from "./dispatchCustomEvent.js";
|
|
|
9
9
|
* By checking `isPointerInsideReactTreeRef` we can determine if the event happened outside the subtree of the node, saving some element-comparisons.
|
|
10
10
|
*/
|
|
11
11
|
export function usePointerDownOutside(callback, ownerDocument = globalThis === null || globalThis === void 0 ? void 0 : globalThis.document, enabled = true) {
|
|
12
|
-
const handlePointerDownOutside =
|
|
12
|
+
const handlePointerDownOutside = useEventCallback(callback);
|
|
13
13
|
const isPointerInsideReactTreeRef = useRef(false);
|
|
14
14
|
const handleClickRef = useRef(() => { });
|
|
15
15
|
const timeout = useTimeout();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"usePointerDownOutside.js","sourceRoot":"","sources":["../../../../src/overlays/dismissablelayer/util/usePointerDownOutside.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"usePointerDownOutside.js","sourceRoot":"","sources":["../../../../src/overlays/dismissablelayer/util/usePointerDownOutside.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EACL,aAAa,EAEb,mBAAmB,GACpB,MAAM,uBAAuB,CAAC;AAE/B;;;;;GAKG;AACH,MAAM,UAAU,qBAAqB,CACnC,QAA8C,EAC9C,gBAA0B,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,QAAQ,EAC9C,UAAmB,IAAI;IAEvB,MAAM,wBAAwB,GAAG,gBAAgB,CAAC,QAAQ,CAAkB,CAAC;IAC7E,MAAM,2BAA2B,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,cAAc,GAAG,MAAM,CAAkC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;IACzE,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAE7B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,OAAO;QACT,CAAC;QAED,MAAM,iBAAiB,GAAG,CAAC,KAAmB,EAAE,EAAE;YAChD;;;;;;;;;;eAUG;YACH,SAAS,oBAAoB;gBAC3B,mBAAmB,CACjB,aAAa,CAAC,oBAAoB,EAClC,wBAAwB,EACxB,EAAE,aAAa,EAAE,KAAK,EAAE,EACxB,EAAE,QAAQ,EAAE,IAAI,EAAE,CACnB,CAAC;YACJ,CAAC;YAED,IAAI,KAAK,CAAC,MAAM,IAAI,CAAC,2BAA2B,CAAC,OAAO,EAAE,CAAC;gBACzD;;;;mBAIG;gBACH,IAAI,KAAK,CAAC,WAAW,KAAK,OAAO,EAAE,CAAC;oBAClC,aAAa,CAAC,mBAAmB,CAAC,OAAO,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;oBACnE,cAAc,CAAC,OAAO,GAAG,oBAAoB,CAAC;oBAC9C,aAAa,CAAC,gBAAgB,CAAC,OAAO,EAAE,cAAc,CAAC,OAAO,EAAE;wBAC9D,IAAI,EAAE,IAAI;qBACX,CAAC,CAAC;gBACL,CAAC;qBAAM,CAAC;oBACN,oBAAoB,EAAE,CAAC;gBACzB,CAAC;YACH,CAAC;iBAAM,CAAC;gBACN,oFAAoF;gBACpF,aAAa,CAAC,mBAAmB,CAAC,OAAO,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;YACrE,CAAC;YACD,2BAA2B,CAAC,OAAO,GAAG,KAAK,CAAC;QAC9C,CAAC,CAAC;QAEF;;;;;;;;;;;;WAYG;QACH,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,EAAE;YACpB,aAAa,CAAC,gBAAgB,CAAC,aAAa,EAAE,iBAAiB,CAAC,CAAC;QACnE,CAAC,CAAC,CAAC;QAEH,OAAO,GAAG,EAAE;YACV,aAAa,CAAC,mBAAmB,CAAC,aAAa,EAAE,iBAAiB,CAAC,CAAC;YACpE,aAAa,CAAC,mBAAmB,CAAC,OAAO,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;QACrE,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,aAAa,EAAE,wBAAwB,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAEhE,OAAO;QACL,4DAA4D;QAC5D,oBAAoB,EAAE,GAAG,EAAE;YACzB,2BAA2B,CAAC,OAAO,GAAG,IAAI,CAAC;QAC7C,CAAC;KACF,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { CustomPointerEvent } from "./dispatchCustomEvent.js";
|
|
2
|
+
/**
|
|
3
|
+
* Listens for `pointerup` outside a react subtree.
|
|
4
|
+
* Returns props to pass to the node we want to check for outside events.
|
|
5
|
+
* By checking `isPointerInsideReactTreeRef` we can determine if the event happened outside the subtree of the node, saving some element-comparisons.
|
|
6
|
+
*/
|
|
7
|
+
export declare function usePointerUpOutside(callback?: (event: CustomPointerEvent) => void, ownerDocument?: Document, enabled?: boolean): {
|
|
8
|
+
onPointerDownCapture: () => void;
|
|
9
|
+
onPointerUpCapture: () => void;
|
|
10
|
+
};
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
import { useEffect, useRef } from "react";
|
|
2
|
+
import { useEventCallback } from "../../../util/hooks/useEventCallback.js";
|
|
3
|
+
import { CUSTOM_EVENTS, dispatchCustomEvent, } from "./dispatchCustomEvent.js";
|
|
4
|
+
/**
|
|
5
|
+
* Listens for `pointerup` outside a react subtree.
|
|
6
|
+
* Returns props to pass to the node we want to check for outside events.
|
|
7
|
+
* By checking `isPointerInsideReactTreeRef` we can determine if the event happened outside the subtree of the node, saving some element-comparisons.
|
|
8
|
+
*/
|
|
9
|
+
export function usePointerUpOutside(callback, ownerDocument = globalThis === null || globalThis === void 0 ? void 0 : globalThis.document, enabled = true) {
|
|
10
|
+
// Keep callback ref stable
|
|
11
|
+
const handlePointerUpOutside = useEventCallback(callback);
|
|
12
|
+
// Tracks if the pointer interaction started inside the React subtree.
|
|
13
|
+
const isPointerInsideReactTreeRef = useRef(false);
|
|
14
|
+
useEffect(() => {
|
|
15
|
+
if (!enabled) {
|
|
16
|
+
return;
|
|
17
|
+
}
|
|
18
|
+
const handlePointerUp = (event) => {
|
|
19
|
+
/**
|
|
20
|
+
* The `DismisableLayer`-API is based on the ability to stop events from propagating and in the end calling `onDismiss`
|
|
21
|
+
* if `usePointerUpOutside`-callback does not run `event.preventDefault()`.
|
|
22
|
+
*
|
|
23
|
+
* Although `pointerup` is already a cancelable event, we still dispatch a custom event (discrete)
|
|
24
|
+
* to keep parity with focus outside handling and ensure ordering.
|
|
25
|
+
*
|
|
26
|
+
* Since pointer events are `discrete` in React we rely on the same custom dispatch strategy.
|
|
27
|
+
*/
|
|
28
|
+
if (event.target && !isPointerInsideReactTreeRef.current) {
|
|
29
|
+
dispatchCustomEvent(CUSTOM_EVENTS.POINTER_UP_OUTSIDE, handlePointerUpOutside, { originalEvent: event }, { discrete: true });
|
|
30
|
+
}
|
|
31
|
+
/* Reset for next interaction. */
|
|
32
|
+
isPointerInsideReactTreeRef.current = false;
|
|
33
|
+
};
|
|
34
|
+
/* Mostly relevant if user moved touch after touch-start */
|
|
35
|
+
const handlePointerCancel = () => {
|
|
36
|
+
/* Reset state if interaction is cancelled */
|
|
37
|
+
isPointerInsideReactTreeRef.current = false;
|
|
38
|
+
};
|
|
39
|
+
/**
|
|
40
|
+
* If this hook executes in a component that mounts via a `pointerup` event, the event
|
|
41
|
+
* would bubble up to the document and trigger a `pointerUpOutside` event. We avoid
|
|
42
|
+
* this by delaying the event listener registration on the document.
|
|
43
|
+
* This is not React specific, but rather how the DOM works, ie:
|
|
44
|
+
* ```
|
|
45
|
+
* button.addEventListener('pointerup', () => {
|
|
46
|
+
* console.log('I will log');
|
|
47
|
+
* document.addEventListener('pointerup', () => {
|
|
48
|
+
* console.log('I will also log');
|
|
49
|
+
* })
|
|
50
|
+
* });
|
|
51
|
+
*/
|
|
52
|
+
const timerId = window.setTimeout(() => {
|
|
53
|
+
ownerDocument.addEventListener("pointerup", handlePointerUp);
|
|
54
|
+
ownerDocument.addEventListener("pointercancel", handlePointerCancel);
|
|
55
|
+
}, 0);
|
|
56
|
+
return () => {
|
|
57
|
+
window.clearTimeout(timerId);
|
|
58
|
+
ownerDocument.removeEventListener("pointerup", handlePointerUp);
|
|
59
|
+
ownerDocument.removeEventListener("pointercancel", handlePointerCancel);
|
|
60
|
+
};
|
|
61
|
+
}, [ownerDocument, handlePointerUpOutside, enabled]);
|
|
62
|
+
/**
|
|
63
|
+
* Ensures we check React component tree (not just DOM tree).
|
|
64
|
+
* This makes sure that if you start or end a pointer interaction inside the
|
|
65
|
+
* React tree (e.g. Modal), we don't trigger the outside event on pointer up.
|
|
66
|
+
*/
|
|
67
|
+
return {
|
|
68
|
+
onPointerDownCapture: () => {
|
|
69
|
+
isPointerInsideReactTreeRef.current = true;
|
|
70
|
+
},
|
|
71
|
+
onPointerUpCapture: () => {
|
|
72
|
+
isPointerInsideReactTreeRef.current = true;
|
|
73
|
+
},
|
|
74
|
+
};
|
|
75
|
+
}
|
|
76
|
+
//# sourceMappingURL=usePointerUpOutside.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"usePointerUpOutside.js","sourceRoot":"","sources":["../../../../src/overlays/dismissablelayer/util/usePointerUpOutside.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,EACL,aAAa,EAEb,mBAAmB,GACpB,MAAM,uBAAuB,CAAC;AAE/B;;;;GAIG;AACH,MAAM,UAAU,mBAAmB,CACjC,QAA8C,EAC9C,gBAA0B,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,QAAQ,EAC9C,UAAmB,IAAI;IAEvB,2BAA2B;IAC3B,MAAM,sBAAsB,GAAG,gBAAgB,CAAC,QAAQ,CAAkB,CAAC;IAC3E,sEAAsE;IACtE,MAAM,2BAA2B,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAElD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,OAAO;QACT,CAAC;QAED,MAAM,eAAe,GAAG,CAAC,KAAmB,EAAE,EAAE;YAC9C;;;;;;;;eAQG;YACH,IAAI,KAAK,CAAC,MAAM,IAAI,CAAC,2BAA2B,CAAC,OAAO,EAAE,CAAC;gBACzD,mBAAmB,CACjB,aAAa,CAAC,kBAAkB,EAChC,sBAAsB,EACtB,EAAE,aAAa,EAAE,KAAK,EAAE,EACxB,EAAE,QAAQ,EAAE,IAAI,EAAE,CACnB,CAAC;YACJ,CAAC;YACD,iCAAiC;YACjC,2BAA2B,CAAC,OAAO,GAAG,KAAK,CAAC;QAC9C,CAAC,CAAC;QAEF,2DAA2D;QAC3D,MAAM,mBAAmB,GAAG,GAAG,EAAE;YAC/B,6CAA6C;YAC7C,2BAA2B,CAAC,OAAO,GAAG,KAAK,CAAC;QAC9C,CAAC,CAAC;QAEF;;;;;;;;;;;;WAYG;QACH,MAAM,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;YACrC,aAAa,CAAC,gBAAgB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;YAC7D,aAAa,CAAC,gBAAgB,CAAC,eAAe,EAAE,mBAAmB,CAAC,CAAC;QACvE,CAAC,EAAE,CAAC,CAAC,CAAC;QAEN,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;YAC7B,aAAa,CAAC,mBAAmB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;YAChE,aAAa,CAAC,mBAAmB,CAAC,eAAe,EAAE,mBAAmB,CAAC,CAAC;QAC1E,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,aAAa,EAAE,sBAAsB,EAAE,OAAO,CAAC,CAAC,CAAC;IAErD;;;;OAIG;IACH,OAAO;QACL,oBAAoB,EAAE,GAAG,EAAE;YACzB,2BAA2B,CAAC,OAAO,GAAG,IAAI,CAAC;QAC7C,CAAC;QACD,kBAAkB,EAAE,GAAG,EAAE;YACvB,2BAA2B,CAAC,OAAO,GAAG,IAAI,CAAC;QAC7C,CAAC;KACF,CAAC;AACJ,CAAC"}
|
|
@@ -9,9 +9,10 @@ type FloatingContextValue = {
|
|
|
9
9
|
anchor: Measurable | null;
|
|
10
10
|
onAnchorChange: (anchor: Measurable | null) => void;
|
|
11
11
|
};
|
|
12
|
-
export declare const FloatingProvider: React.
|
|
12
|
+
export declare const FloatingProvider: React.FC<FloatingContextValue & {
|
|
13
13
|
children: React.ReactNode;
|
|
14
|
-
|
|
14
|
+
ref?: never;
|
|
15
|
+
}>, useFloatingContext: <S extends boolean = true>(strict?: S | undefined) => S extends true ? FloatingContextValue : FloatingContextValue | undefined;
|
|
15
16
|
interface FloatingProps {
|
|
16
17
|
children: React.ReactNode;
|
|
17
18
|
}
|
|
@@ -13,14 +13,13 @@ import { autoUpdate, flip, arrow as floatingArrow, hide, limitShift, offset, shi
|
|
|
13
13
|
import React, { forwardRef, useEffect, useRef, useState, } from "react";
|
|
14
14
|
import { useModalContext } from "../../modal/Modal.context.js";
|
|
15
15
|
import { Slot } from "../../slot/Slot.js";
|
|
16
|
-
import {
|
|
17
|
-
import {
|
|
18
|
-
import {
|
|
16
|
+
import { createStrictContext } from "../../util/create-strict-context.js";
|
|
17
|
+
import { useClientLayoutEffect, useMergeRefs } from "../../util/hooks/index.js";
|
|
18
|
+
import { useEventCallback } from "../../util/hooks/useEventCallback.js";
|
|
19
|
+
import { useOpenChangeAnimationComplete } from "../../util/hooks/useOpenChangeAnimationComplete.js";
|
|
19
20
|
import { getSideAndAlignFromPlacement, transformOrigin, } from "./Floating.utils.js";
|
|
20
|
-
export const
|
|
21
|
+
export const { Provider: FloatingProvider, useContext: useFloatingContext } = createStrictContext({
|
|
21
22
|
name: "FloatingContext",
|
|
22
|
-
hookName: "useFloating",
|
|
23
|
-
providerName: "FloatingProvider",
|
|
24
23
|
});
|
|
25
24
|
const Floating = ({ children }) => {
|
|
26
25
|
const [anchor, setAnchor] = useState(null);
|
|
@@ -77,10 +76,8 @@ const FloatingArrow = ({ width, height, className }) => {
|
|
|
77
76
|
React.createElement("svg", { className: className, width: width, height: height, viewBox: "0 0 30 10", preserveAspectRatio: "none", style: { display: "block" } },
|
|
78
77
|
React.createElement("polygon", { points: "0,0 30,0 15,10" }))));
|
|
79
78
|
};
|
|
80
|
-
const
|
|
79
|
+
const { Provider: FloatingContentProvider, useContext: useFloatingContentContext, } = createStrictContext({
|
|
81
80
|
name: "FloatingContentContext",
|
|
82
|
-
hookName: "useFloatingContentContext",
|
|
83
|
-
providerName: "FloatingContentProvider",
|
|
84
81
|
});
|
|
85
82
|
const FloatingContent = forwardRef((_a, forwardedRef) => {
|
|
86
83
|
var _b, _c, _d, _e, _f, _g;
|
|
@@ -173,13 +170,13 @@ const FloatingContent = forwardRef((_a, forwardedRef) => {
|
|
|
173
170
|
}
|
|
174
171
|
}, [autoUpdateWhileMounted, enabled, floatingElements, update]);
|
|
175
172
|
useOpenChangeAnimationComplete({
|
|
176
|
-
enabled: !!(modalContext === null || modalContext === void 0 ? void 0 : modalContext.
|
|
173
|
+
enabled: !!(modalContext === null || modalContext === void 0 ? void 0 : modalContext.modalRef),
|
|
177
174
|
open: enabled,
|
|
178
|
-
ref: modalContext === null || modalContext === void 0 ? void 0 : modalContext.
|
|
175
|
+
ref: modalContext === null || modalContext === void 0 ? void 0 : modalContext.modalRef,
|
|
179
176
|
onComplete: update,
|
|
180
177
|
});
|
|
181
178
|
const [placedSide, placedAlign] = getSideAndAlignFromPlacement(placement);
|
|
182
|
-
const handlePlaced =
|
|
179
|
+
const handlePlaced = useEventCallback(onPlaced);
|
|
183
180
|
useClientLayoutEffect(() => {
|
|
184
181
|
isPositioned && (handlePlaced === null || handlePlaced === void 0 ? void 0 : handlePlaced());
|
|
185
182
|
}, [isPositioned, handlePlaced]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Floating.js","sourceRoot":"","sources":["../../../src/overlays/floating/Floating.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAGL,UAAU,EACV,IAAI,EACJ,KAAK,IAAI,aAAa,EACtB,IAAI,EACJ,UAAU,EACV,MAAM,EACN,KAAK,EACL,IAAI,EACJ,WAAW,GACZ,MAAM,wBAAwB,CAAC;AAChC,OAAO,KAAK,EAAE,EAEZ,UAAU,EACV,SAAS,EACT,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Floating.js","sourceRoot":"","sources":["../../../src/overlays/floating/Floating.tsx"],"names":[],"mappings":"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"}
|
|
@@ -13,10 +13,11 @@ import React, { forwardRef, useEffect, useRef, useState } from "react";
|
|
|
13
13
|
import ReactDOM from "react-dom";
|
|
14
14
|
import { Portal } from "../../portal/index.js";
|
|
15
15
|
import { composeEventHandlers } from "../../util/composeEventHandlers.js";
|
|
16
|
-
import {
|
|
16
|
+
import { createStrictContext } from "../../util/create-strict-context.js";
|
|
17
17
|
import { FocusBoundary } from "../../util/focus-boundary/FocusBoundary.js";
|
|
18
|
-
import {
|
|
18
|
+
import { useId, useMergeRefs } from "../../util/hooks/index.js";
|
|
19
19
|
import { createDescendantContext } from "../../util/hooks/descendants/useDescendant.js";
|
|
20
|
+
import { useEventCallback } from "../../util/hooks/useEventCallback.js";
|
|
20
21
|
import { DismissableLayer } from "../dismissablelayer/DismissableLayer.js";
|
|
21
22
|
import { Floating } from "../floating/Floating.js";
|
|
22
23
|
import { RovingFocus } from "./parts/RovingFocus.js";
|
|
@@ -28,18 +29,16 @@ const FIRST_KEYS = ["ArrowDown", "PageUp", "Home"];
|
|
|
28
29
|
const LAST_KEYS = ["ArrowUp", "PageDown", "End"];
|
|
29
30
|
const FIRST_LAST_KEYS = [...FIRST_KEYS, ...LAST_KEYS];
|
|
30
31
|
const [MenuDescendantsProvider, useMenuDescendantsContext, useMenuDescendants, useMenuDescendant,] = createDescendantContext();
|
|
31
|
-
const
|
|
32
|
-
|
|
33
|
-
hookName: "useMenuContext",
|
|
32
|
+
const { Provider: MenuProvider, useContext: useMenuContext } = createStrictContext({
|
|
33
|
+
name: "MenuContext",
|
|
34
34
|
});
|
|
35
|
-
const
|
|
36
|
-
|
|
37
|
-
hookName: "useMenuRootContext",
|
|
35
|
+
const { Provider: MenuRootProvider, useContext: useMenuRootContext } = createStrictContext({
|
|
36
|
+
name: "MenuRootContext",
|
|
38
37
|
});
|
|
39
38
|
const MenuRoot = ({ open = false, children, onOpenChange, modal = true, }) => {
|
|
40
39
|
const [content, setContent] = useState(null);
|
|
41
40
|
const isUsingKeyboardRef = useRef(false);
|
|
42
|
-
const handleOpenChange =
|
|
41
|
+
const handleOpenChange = useEventCallback(onOpenChange);
|
|
43
42
|
useEffect(() => {
|
|
44
43
|
const globalDocument = globalThis.document;
|
|
45
44
|
// Capturephase ensures we set the boolean before any side effects execute
|
|
@@ -256,9 +255,8 @@ const MenuPortal = forwardRef(({ children, rootElement }, ref) => {
|
|
|
256
255
|
/* -------------------------------------------------------------------------- */
|
|
257
256
|
/* Menu Radio */
|
|
258
257
|
/* -------------------------------------------------------------------------- */
|
|
259
|
-
const
|
|
260
|
-
|
|
261
|
-
hookName: "useMenuRadioGroupContext",
|
|
258
|
+
const { Provider: RadioGroupProvider, useContext: useMenuRadioGroupContext } = createStrictContext({
|
|
259
|
+
name: "MenuRadioGroupContext",
|
|
262
260
|
defaultValue: {
|
|
263
261
|
value: undefined,
|
|
264
262
|
onValueChange: () => { },
|
|
@@ -266,16 +264,15 @@ const [RadioGroupProvider, useMenuRadioGroupContext] = createContext({
|
|
|
266
264
|
});
|
|
267
265
|
const MenuRadioGroup = React.forwardRef((_a, ref) => {
|
|
268
266
|
var { value, onValueChange } = _a, rest = __rest(_a, ["value", "onValueChange"]);
|
|
269
|
-
const handleValueChange =
|
|
267
|
+
const handleValueChange = useEventCallback(onValueChange);
|
|
270
268
|
return (React.createElement(RadioGroupProvider, { value: value, onValueChange: handleValueChange },
|
|
271
269
|
React.createElement(MenuGroup, Object.assign({}, rest, { ref: ref }))));
|
|
272
270
|
});
|
|
273
271
|
/* -------------------------------------------------------------------------- */
|
|
274
272
|
/* Menu Item Indicator */
|
|
275
273
|
/* -------------------------------------------------------------------------- */
|
|
276
|
-
const
|
|
277
|
-
|
|
278
|
-
hookName: "useMenuItemIndicatorContext",
|
|
274
|
+
const { Provider: MenuItemIndicatorProvider, useContext: useMenuItemIndicatorContext, } = createStrictContext({
|
|
275
|
+
name: "MenuItemIndicatorContext",
|
|
279
276
|
});
|
|
280
277
|
const MenuItemIndicator = forwardRef((_a, ref) => {
|
|
281
278
|
var { asChild } = _a, rest = __rest(_a, ["asChild"]);
|
|
@@ -297,16 +294,15 @@ const MenuCheckboxItem = forwardRef((_a, forwardedRef) => {
|
|
|
297
294
|
const MenuDivider = forwardRef((props, ref) => {
|
|
298
295
|
return (React.createElement(SlottedDivElement, Object.assign({ role: "separator", "aria-orientation": "horizontal" }, props, { ref: ref })));
|
|
299
296
|
});
|
|
300
|
-
const
|
|
301
|
-
|
|
302
|
-
hookName: "useMenuSubContext",
|
|
297
|
+
const { Provider: MenuSubProvider, useContext: useMenuSubContext } = createStrictContext({
|
|
298
|
+
name: "MenuSubContext",
|
|
303
299
|
});
|
|
304
300
|
const MenuSub = ({ children, onOpenChange, open = false, }) => {
|
|
305
301
|
const parentMenuContext = useMenuContext();
|
|
306
302
|
const { values } = useMenuDescendantsContext();
|
|
307
303
|
const [trigger, setTrigger] = useState(null);
|
|
308
304
|
const [content, setContent] = useState(null);
|
|
309
|
-
const handleOpenChange =
|
|
305
|
+
const handleOpenChange = useEventCallback(onOpenChange);
|
|
310
306
|
// Prevent the parent menu from reopening with open submenus.
|
|
311
307
|
useEffect(() => {
|
|
312
308
|
if (parentMenuContext.open === false) {
|