@navikt/ds-react 7.35.3 → 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.Dialog.js +1 -1
- package/cjs/date/Date.Dialog.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/datepicker/parts/DatePicker.RDP.js +12 -2
- package/cjs/date/datepicker/parts/DatePicker.RDP.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/internal-header/InternalHeaderUser.d.ts +2 -2
- package/cjs/internal-header/InternalHeaderUser.js +1 -1
- package/cjs/internal-header/InternalHeaderUser.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 +28 -6
- 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.Dialog.js +1 -1
- package/esm/date/Date.Dialog.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/datepicker/parts/DatePicker.RDP.js +12 -2
- package/esm/date/datepicker/parts/DatePicker.RDP.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/internal-header/InternalHeaderUser.d.ts +2 -2
- package/esm/internal-header/InternalHeaderUser.js +1 -1
- package/esm/internal-header/InternalHeaderUser.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 +28 -6
- 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.Dialog.tsx +0 -1
- 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/datepicker/parts/DatePicker.RDP.tsx +12 -2
- 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/internal-header/InternalHeaderUser.tsx +4 -4
- 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 +35 -6
- 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
|
@@ -0,0 +1,179 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { DialogBody } from "../body/DialogBody.js";
|
|
3
|
+
import { DialogCloseTrigger } from "../close-trigger/DialogCloseTrigger.js";
|
|
4
|
+
import { DialogDescription } from "../description/DialogDescription.js";
|
|
5
|
+
import { DialogFooter } from "../footer/DialogFooter.js";
|
|
6
|
+
import { DialogHeader } from "../header/DialogHeader.js";
|
|
7
|
+
import { DialogPopup } from "../popup/DialogPopup.js";
|
|
8
|
+
import { DialogTitle } from "../title/DialogTitle.js";
|
|
9
|
+
import { DialogTrigger } from "../trigger/DialogTrigger.js";
|
|
10
|
+
interface DialogProps {
|
|
11
|
+
children: React.ReactNode;
|
|
12
|
+
/**
|
|
13
|
+
* Whether the dialog is currently open.
|
|
14
|
+
*/
|
|
15
|
+
open?: boolean;
|
|
16
|
+
/**
|
|
17
|
+
* Whether the dialog should be initially open.
|
|
18
|
+
*
|
|
19
|
+
* To render a controlled dialog, use the `open` prop instead.
|
|
20
|
+
* @default false
|
|
21
|
+
*/
|
|
22
|
+
defaultOpen?: boolean;
|
|
23
|
+
/**
|
|
24
|
+
* Event handler called when the dialog is opened or closed.
|
|
25
|
+
*/
|
|
26
|
+
onOpenChange?: (nextOpen: boolean, event: Event) => void;
|
|
27
|
+
/**
|
|
28
|
+
* Event handler called after any animations complete when the dialog is opened or closed.
|
|
29
|
+
*/
|
|
30
|
+
onOpenChangeComplete?: (open: boolean) => void;
|
|
31
|
+
/**
|
|
32
|
+
* Updates sub-component padding + DialogTitle and DialogDescription font-size.
|
|
33
|
+
* @default "medium"
|
|
34
|
+
*/
|
|
35
|
+
size?: "medium" | "small";
|
|
36
|
+
}
|
|
37
|
+
interface DialogComponent extends React.FC<DialogProps> {
|
|
38
|
+
/**
|
|
39
|
+
* @see 🏷️ {@link DialogTriggerProps}
|
|
40
|
+
* @example
|
|
41
|
+
* ```jsx
|
|
42
|
+
* <Dialog>
|
|
43
|
+
* <Dialog.Trigger>
|
|
44
|
+
* <Button>Open dialog</Button>
|
|
45
|
+
* </Dialog.Trigger>
|
|
46
|
+
* </Dialog>
|
|
47
|
+
* ```
|
|
48
|
+
*/
|
|
49
|
+
Trigger: typeof DialogTrigger;
|
|
50
|
+
/**
|
|
51
|
+
* @see 🏷️ {@link DialogCloseTriggerProps}
|
|
52
|
+
* @example
|
|
53
|
+
* ```jsx
|
|
54
|
+
* <Dialog>
|
|
55
|
+
* <Dialog.Popup>
|
|
56
|
+
* <Dialog.CloseTrigger>
|
|
57
|
+
* <Button>Close dialog</Button>
|
|
58
|
+
* </Dialog.CloseTrigger>
|
|
59
|
+
* </Dialog.Popup>
|
|
60
|
+
* </Dialog>
|
|
61
|
+
* ```
|
|
62
|
+
*/
|
|
63
|
+
CloseTrigger: typeof DialogCloseTrigger;
|
|
64
|
+
/**
|
|
65
|
+
* @see 🏷️ {@link DialogPopupProps}
|
|
66
|
+
* @example
|
|
67
|
+
* ```jsx
|
|
68
|
+
* <Dialog>
|
|
69
|
+
* <Dialog.Popup>
|
|
70
|
+
* ...
|
|
71
|
+
* </Dialog.Popup>
|
|
72
|
+
* </Dialog>
|
|
73
|
+
* ```
|
|
74
|
+
*/
|
|
75
|
+
Popup: typeof DialogPopup;
|
|
76
|
+
/**
|
|
77
|
+
* @see 🏷️ {@link DialogHeaderProps}
|
|
78
|
+
* @example
|
|
79
|
+
* ```jsx
|
|
80
|
+
* <Dialog>
|
|
81
|
+
* <Dialog.Popup>
|
|
82
|
+
* <Dialog.Header>
|
|
83
|
+
* <Dialog.Title>Dialog title</Dialog.Title>
|
|
84
|
+
* </Dialog.Header>
|
|
85
|
+
* </Dialog.Popup>
|
|
86
|
+
* </Dialog>
|
|
87
|
+
* ```
|
|
88
|
+
*/
|
|
89
|
+
Header: typeof DialogHeader;
|
|
90
|
+
/**
|
|
91
|
+
* @see 🏷️ {@link DialogTitleProps}
|
|
92
|
+
* @example
|
|
93
|
+
* ```jsx
|
|
94
|
+
* <Dialog>
|
|
95
|
+
* <Dialog.Popup>
|
|
96
|
+
* <Dialog.Header>
|
|
97
|
+
* <Dialog.Title>Dialog title</Dialog.Title>
|
|
98
|
+
* </Dialog.Header>
|
|
99
|
+
* </Dialog.Popup>
|
|
100
|
+
* </Dialog>
|
|
101
|
+
* ```
|
|
102
|
+
*/
|
|
103
|
+
Title: typeof DialogTitle;
|
|
104
|
+
/**
|
|
105
|
+
* @see 🏷️ {@link DialogDescriptionProps}
|
|
106
|
+
* @example
|
|
107
|
+
* ```jsx
|
|
108
|
+
* <Dialog>
|
|
109
|
+
* <Dialog.Popup>
|
|
110
|
+
* <Dialog.Header>
|
|
111
|
+
* <Dialog.Title>Dialog title</Dialog.Title>
|
|
112
|
+
* <Dialog.Description>Dialog description</Dialog.Description>
|
|
113
|
+
* </Dialog.Header>
|
|
114
|
+
* </Dialog.Popup>
|
|
115
|
+
* </Dialog>
|
|
116
|
+
* ```
|
|
117
|
+
*/
|
|
118
|
+
Description: typeof DialogDescription;
|
|
119
|
+
/**
|
|
120
|
+
* @see 🏷️ {@link DialogBodyProps}
|
|
121
|
+
* @example
|
|
122
|
+
* ```jsx
|
|
123
|
+
* <Dialog>
|
|
124
|
+
* <Dialog.Popup>
|
|
125
|
+
* <Dialog.Body>
|
|
126
|
+
* Dialog body content
|
|
127
|
+
* </Dialog.Body>
|
|
128
|
+
* </Dialog.Popup>
|
|
129
|
+
* </Dialog>
|
|
130
|
+
* ```
|
|
131
|
+
*/
|
|
132
|
+
Body: typeof DialogBody;
|
|
133
|
+
/**
|
|
134
|
+
* @see 🏷️ {@link DialogFooterProps}
|
|
135
|
+
* @example
|
|
136
|
+
* ```jsx
|
|
137
|
+
* <Dialog>
|
|
138
|
+
* <Dialog.Popup>
|
|
139
|
+
* <Dialog.Footer>
|
|
140
|
+
* <Dialog.CloseTrigger>
|
|
141
|
+
* <Button>Close dialog</Button>
|
|
142
|
+
* </Dialog.CloseTrigger>
|
|
143
|
+
* </Dialog.Footer>
|
|
144
|
+
* </Dialog.Popup>
|
|
145
|
+
* </Dialog>
|
|
146
|
+
* ```
|
|
147
|
+
*/
|
|
148
|
+
Footer: typeof DialogFooter;
|
|
149
|
+
}
|
|
150
|
+
/**
|
|
151
|
+
* Dialog component for displaying modal content on top of an application.
|
|
152
|
+
* @see [📝 Documentation](https://aksel.nav.no/komponenter/core/dialog)
|
|
153
|
+
* @see 🏷️ {@link DialogProps}
|
|
154
|
+
* @example
|
|
155
|
+
* ```jsx
|
|
156
|
+
* <Dialog>
|
|
157
|
+
* <Dialog.Trigger>
|
|
158
|
+
* <Button>Open dialog</Button>
|
|
159
|
+
* </Dialog.Trigger>
|
|
160
|
+
* <Dialog.Popup>
|
|
161
|
+
* <Dialog.Header>
|
|
162
|
+
* <Dialog.Title>Dialog title</Dialog.Title>
|
|
163
|
+
* <Dialog.Description>Dialog description</Dialog.Description>
|
|
164
|
+
* </Dialog.Header>
|
|
165
|
+
* <Dialog.Body>
|
|
166
|
+
* Dialog body content
|
|
167
|
+
* </Dialog.Body>
|
|
168
|
+
* <Dialog.Footer>
|
|
169
|
+
*. <Dialog.CloseTrigger>
|
|
170
|
+
*. <Button>Close dialog</Button>
|
|
171
|
+
*. </Dialog.CloseTrigger>
|
|
172
|
+
* </Dialog.Footer>
|
|
173
|
+
* </Dialog.Popup>
|
|
174
|
+
* </Dialog>
|
|
175
|
+
* ```
|
|
176
|
+
*/
|
|
177
|
+
declare const Dialog: DialogComponent;
|
|
178
|
+
export { Dialog };
|
|
179
|
+
export type { DialogProps };
|
|
@@ -0,0 +1,97 @@
|
|
|
1
|
+
import React, { useCallback, useEffect, useRef, useState } from "react";
|
|
2
|
+
import { useId } from "../../util/index.js";
|
|
3
|
+
import { useControllableState } from "../../util/hooks/useControllableState.js";
|
|
4
|
+
import { useEventCallback } from "../../util/hooks/useEventCallback.js";
|
|
5
|
+
import { useTransitionStatus } from "../../util/hooks/useTransitionStatus.js";
|
|
6
|
+
import { DialogBody } from "../body/DialogBody.js";
|
|
7
|
+
import { DialogCloseTrigger } from "../close-trigger/DialogCloseTrigger.js";
|
|
8
|
+
import { DialogDescription } from "../description/DialogDescription.js";
|
|
9
|
+
import { DialogFooter } from "../footer/DialogFooter.js";
|
|
10
|
+
import { DialogHeader } from "../header/DialogHeader.js";
|
|
11
|
+
import { DialogPopup } from "../popup/DialogPopup.js";
|
|
12
|
+
import { DialogTitle } from "../title/DialogTitle.js";
|
|
13
|
+
import { DialogTrigger } from "../trigger/DialogTrigger.js";
|
|
14
|
+
import { DialogContextProvider, useDialogContext } from "./DialogRoot.context.js";
|
|
15
|
+
/**
|
|
16
|
+
* Dialog component for displaying modal content on top of an application.
|
|
17
|
+
* @see [📝 Documentation](https://aksel.nav.no/komponenter/core/dialog)
|
|
18
|
+
* @see 🏷️ {@link DialogProps}
|
|
19
|
+
* @example
|
|
20
|
+
* ```jsx
|
|
21
|
+
* <Dialog>
|
|
22
|
+
* <Dialog.Trigger>
|
|
23
|
+
* <Button>Open dialog</Button>
|
|
24
|
+
* </Dialog.Trigger>
|
|
25
|
+
* <Dialog.Popup>
|
|
26
|
+
* <Dialog.Header>
|
|
27
|
+
* <Dialog.Title>Dialog title</Dialog.Title>
|
|
28
|
+
* <Dialog.Description>Dialog description</Dialog.Description>
|
|
29
|
+
* </Dialog.Header>
|
|
30
|
+
* <Dialog.Body>
|
|
31
|
+
* Dialog body content
|
|
32
|
+
* </Dialog.Body>
|
|
33
|
+
* <Dialog.Footer>
|
|
34
|
+
*. <Dialog.CloseTrigger>
|
|
35
|
+
*. <Button>Close dialog</Button>
|
|
36
|
+
*. </Dialog.CloseTrigger>
|
|
37
|
+
* </Dialog.Footer>
|
|
38
|
+
* </Dialog.Popup>
|
|
39
|
+
* </Dialog>
|
|
40
|
+
* ```
|
|
41
|
+
*/
|
|
42
|
+
const Dialog = (props) => {
|
|
43
|
+
var _a;
|
|
44
|
+
const { children, defaultOpen = false, open: openParam, onOpenChange, onOpenChangeComplete, size = "medium", } = props;
|
|
45
|
+
const [open, setOpenStateInternal] = useControllableState({
|
|
46
|
+
defaultValue: defaultOpen,
|
|
47
|
+
value: openParam,
|
|
48
|
+
});
|
|
49
|
+
const { mounted, setMounted, transitionStatus } = useTransitionStatus(open);
|
|
50
|
+
const popupRef = useRef(null);
|
|
51
|
+
const [triggerElement, setTriggerElement] = useState(null);
|
|
52
|
+
const [popupElement, setPopupElement] = useState(null);
|
|
53
|
+
const defaultId = useId();
|
|
54
|
+
const [titleId, setTitleId] = useState();
|
|
55
|
+
const [ownNestedOpenDialogs, setOwnNestedOpenDialogs] = useState(0);
|
|
56
|
+
const nestedDialogOpened = useCallback((nestedCount) => {
|
|
57
|
+
setOwnNestedOpenDialogs(nestedCount + 1);
|
|
58
|
+
}, []);
|
|
59
|
+
const nestedDialogClosed = useCallback(() => {
|
|
60
|
+
setOwnNestedOpenDialogs(0);
|
|
61
|
+
}, []);
|
|
62
|
+
const parentContext = useDialogContext(false);
|
|
63
|
+
/**
|
|
64
|
+
* Notify parent dialog about nested dialogs opening/closing.
|
|
65
|
+
* This allows us to better hide/obscure parent dialogs when nested dialogs are opened.
|
|
66
|
+
*
|
|
67
|
+
* This pattern is not good for deep nesting since the context updates will cause cascading renders
|
|
68
|
+
* but should work fine for 1-2 levels of nesting which is the most common use case here.
|
|
69
|
+
*/
|
|
70
|
+
useEffect(() => {
|
|
71
|
+
if (open && parentContext) {
|
|
72
|
+
parentContext.nestedDialogOpened(ownNestedOpenDialogs);
|
|
73
|
+
return () => parentContext.nestedDialogClosed();
|
|
74
|
+
}
|
|
75
|
+
}, [open, parentContext, ownNestedOpenDialogs]);
|
|
76
|
+
/**
|
|
77
|
+
* Passing the original event to onOpenChange to allow preventing the state change
|
|
78
|
+
*/
|
|
79
|
+
const setOpen = useEventCallback((nextOpen, originalEvent) => {
|
|
80
|
+
onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(nextOpen, originalEvent);
|
|
81
|
+
if (originalEvent === null || originalEvent === void 0 ? void 0 : originalEvent.defaultPrevented) {
|
|
82
|
+
return;
|
|
83
|
+
}
|
|
84
|
+
setOpenStateInternal(nextOpen);
|
|
85
|
+
});
|
|
86
|
+
return (React.createElement(DialogContextProvider, { open: open, setOpen: setOpen, mounted: mounted, transitionStatus: transitionStatus, popupRef: popupRef, setPopupElement: setPopupElement, popupElement: popupElement, popupId: (_a = popupElement === null || popupElement === void 0 ? void 0 : popupElement.id) !== null && _a !== void 0 ? _a : defaultId, setTriggerElement: setTriggerElement, triggerElement: triggerElement, nested: !!parentContext, nestedDialogOpened: nestedDialogOpened, nestedDialogClosed: nestedDialogClosed, nestedOpenDialogCount: ownNestedOpenDialogs, size: size, titleId: titleId, setTitleId: setTitleId, onOpenChangeComplete: onOpenChangeComplete, setMounted: setMounted }, children));
|
|
87
|
+
};
|
|
88
|
+
Dialog.Trigger = DialogTrigger;
|
|
89
|
+
Dialog.CloseTrigger = DialogCloseTrigger;
|
|
90
|
+
Dialog.Header = DialogHeader;
|
|
91
|
+
Dialog.Title = DialogTitle;
|
|
92
|
+
Dialog.Description = DialogDescription;
|
|
93
|
+
Dialog.Body = DialogBody;
|
|
94
|
+
Dialog.Footer = DialogFooter;
|
|
95
|
+
Dialog.Popup = DialogPopup;
|
|
96
|
+
export { Dialog };
|
|
97
|
+
//# sourceMappingURL=DialogRoot.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DialogRoot.js","sourceRoot":"","sources":["../../../src/dialog/root/DialogRoot.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
type DialogTitleProps = React.HTMLAttributes<HTMLHeadingElement>;
|
|
3
|
+
/**
|
|
4
|
+
* @see 🏷️ {@link DialogTitleProps}
|
|
5
|
+
* @example
|
|
6
|
+
* ```jsx
|
|
7
|
+
* <Dialog>
|
|
8
|
+
* <Dialog.Popup>
|
|
9
|
+
* <Dialog.Header>
|
|
10
|
+
* <Dialog.Title>Dialog title</Dialog.Title>
|
|
11
|
+
* </Dialog.Header>
|
|
12
|
+
* </Dialog.Popup>
|
|
13
|
+
* </Dialog>
|
|
14
|
+
* ```
|
|
15
|
+
*/
|
|
16
|
+
declare const DialogTitle: React.ForwardRefExoticComponent<DialogTitleProps & React.RefAttributes<HTMLHeadingElement>>;
|
|
17
|
+
export { DialogTitle };
|
|
18
|
+
export type { DialogTitleProps };
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
+
var t = {};
|
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
+
t[p] = s[p];
|
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
+
t[p[i]] = s[p[i]];
|
|
9
|
+
}
|
|
10
|
+
return t;
|
|
11
|
+
};
|
|
12
|
+
import React, { forwardRef } from "react";
|
|
13
|
+
import { useRenameCSS } from "../../theme/Theme.js";
|
|
14
|
+
import { Heading } from "../../typography/index.js";
|
|
15
|
+
import { useClientLayoutEffect, useId } from "../../util/index.js";
|
|
16
|
+
import { useDialogContext } from "../root/DialogRoot.context.js";
|
|
17
|
+
/**
|
|
18
|
+
* @see 🏷️ {@link DialogTitleProps}
|
|
19
|
+
* @example
|
|
20
|
+
* ```jsx
|
|
21
|
+
* <Dialog>
|
|
22
|
+
* <Dialog.Popup>
|
|
23
|
+
* <Dialog.Header>
|
|
24
|
+
* <Dialog.Title>Dialog title</Dialog.Title>
|
|
25
|
+
* </Dialog.Header>
|
|
26
|
+
* </Dialog.Popup>
|
|
27
|
+
* </Dialog>
|
|
28
|
+
* ```
|
|
29
|
+
*/
|
|
30
|
+
const DialogTitle = forwardRef((_a, forwardedRef) => {
|
|
31
|
+
var { className, children, id } = _a, restProps = __rest(_a, ["className", "children", "id"]);
|
|
32
|
+
const { cn } = useRenameCSS();
|
|
33
|
+
const { size, setTitleId } = useDialogContext();
|
|
34
|
+
const titleId = useId(id);
|
|
35
|
+
useClientLayoutEffect(() => {
|
|
36
|
+
setTitleId(titleId);
|
|
37
|
+
return () => {
|
|
38
|
+
setTitleId(undefined);
|
|
39
|
+
};
|
|
40
|
+
}, [titleId, setTitleId]);
|
|
41
|
+
return (React.createElement(Heading, Object.assign({}, restProps, { id: titleId, ref: forwardedRef, className: cn("navds-dialog__title", className), size: size, level: "1" }), children));
|
|
42
|
+
});
|
|
43
|
+
export { DialogTitle };
|
|
44
|
+
//# sourceMappingURL=DialogTitle.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DialogTitle.js","sourceRoot":"","sources":["../../../src/dialog/title/DialogTitle.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAAE,qBAAqB,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAI9D;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,GAAG,UAAU,CAC5B,CAAC,EAAyC,EAAE,YAAY,EAAE,EAAE;QAA3D,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,OAAgB,EAAX,SAAS,cAAvC,+BAAyC,CAAF;IACtC,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAC9B,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAEhD,MAAM,OAAO,GAAG,KAAK,CAAC,EAAE,CAAC,CAAC;IAE1B,qBAAqB,CAAC,GAAG,EAAE;QACzB,UAAU,CAAC,OAAO,CAAC,CAAC;QACpB,OAAO,GAAG,EAAE;YACV,UAAU,CAAC,SAAS,CAAC,CAAC;QACxB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC;IAE1B,OAAO,CACL,oBAAC,OAAO,oBACF,SAAS,IACb,EAAE,EAAE,OAAO,EACX,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,EAC/C,IAAI,EAAE,IAAI,EACV,KAAK,EAAC,GAAG,KAER,QAAQ,CACD,CACX,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,OAAO,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
type DialogTriggerProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
3
|
+
children: React.ReactElement;
|
|
4
|
+
};
|
|
5
|
+
/**
|
|
6
|
+
* @see 🏷️ {@link DialogTriggerProps}
|
|
7
|
+
* @example
|
|
8
|
+
* ```jsx
|
|
9
|
+
* <Dialog>
|
|
10
|
+
* <Dialog.Trigger>
|
|
11
|
+
* <Button>Open dialog</Button>
|
|
12
|
+
* </Dialog.Trigger>
|
|
13
|
+
* </Dialog>
|
|
14
|
+
* ```
|
|
15
|
+
*/
|
|
16
|
+
declare const DialogTrigger: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
17
|
+
children: React.ReactElement;
|
|
18
|
+
} & React.RefAttributes<HTMLButtonElement>>;
|
|
19
|
+
export { DialogTrigger };
|
|
20
|
+
export type { DialogTriggerProps };
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
+
var t = {};
|
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
+
t[p] = s[p];
|
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
+
t[p[i]] = s[p[i]];
|
|
9
|
+
}
|
|
10
|
+
return t;
|
|
11
|
+
};
|
|
12
|
+
import React, { forwardRef } from "react";
|
|
13
|
+
import { Slot } from "../../slot/Slot.js";
|
|
14
|
+
import { composeEventHandlers } from "../../util/composeEventHandlers.js";
|
|
15
|
+
import { useMergeRefs } from "../../util/hooks/index.js";
|
|
16
|
+
import { useDialogContext } from "../root/DialogRoot.context.js";
|
|
17
|
+
/**
|
|
18
|
+
* @see 🏷️ {@link DialogTriggerProps}
|
|
19
|
+
* @example
|
|
20
|
+
* ```jsx
|
|
21
|
+
* <Dialog>
|
|
22
|
+
* <Dialog.Trigger>
|
|
23
|
+
* <Button>Open dialog</Button>
|
|
24
|
+
* </Dialog.Trigger>
|
|
25
|
+
* </Dialog>
|
|
26
|
+
* ```
|
|
27
|
+
*/
|
|
28
|
+
const DialogTrigger = forwardRef((_a, forwardedRef) => {
|
|
29
|
+
var { children, onClick } = _a, restProps = __rest(_a, ["children", "onClick"]);
|
|
30
|
+
const { open, setOpen, setTriggerElement, popupId } = useDialogContext();
|
|
31
|
+
const mergedRefs = useMergeRefs(forwardedRef, setTriggerElement);
|
|
32
|
+
return (React.createElement(Slot, Object.assign({ type: "button" }, restProps, { ref: mergedRefs, onClick: composeEventHandlers(onClick, (event) => setOpen(!open, event.nativeEvent)), "aria-haspopup": "dialog", "aria-expanded": open, "aria-controls": open ? popupId : undefined }), children));
|
|
33
|
+
});
|
|
34
|
+
export { DialogTrigger };
|
|
35
|
+
//# sourceMappingURL=DialogTrigger.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DialogTrigger.js","sourceRoot":"","sources":["../../../src/dialog/trigger/DialogTrigger.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,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,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAM9D;;;;;;;;;;GAUG;AACH,MAAM,aAAa,GAAG,UAAU,CAC9B,CAAC,EAAmC,EAAE,YAAY,EAAE,EAAE;QAArD,EAAE,QAAQ,EAAE,OAAO,OAAgB,EAAX,SAAS,cAAjC,uBAAmC,CAAF;IAChC,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,iBAAiB,EAAE,OAAO,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAEzE,MAAM,UAAU,GAAG,YAAY,CAAC,YAAY,EAAE,iBAAiB,CAAC,CAAC;IAEjE,OAAO,CACL,oBAAC,IAAI,kBACH,IAAI,EAAC,QAAQ,IACT,SAAS,IACb,GAAG,EAAE,UAAU,EACf,OAAO,EAAE,oBAAoB,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAC/C,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,WAAW,CAAC,CAClC,mBACa,QAAQ,mBACP,IAAI,mBACJ,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,KAExC,QAAQ,CACJ,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,CAAC"}
|
|
@@ -17,7 +17,7 @@ const ExpansionCardContent = forwardRef((_a, ref) => {
|
|
|
17
17
|
var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
|
|
18
18
|
const { cn } = useRenameCSS();
|
|
19
19
|
const panelContext = useContext(ExpansionCardContext);
|
|
20
|
-
const themeContext = useThemeInternal(
|
|
20
|
+
const themeContext = useThemeInternal();
|
|
21
21
|
if (panelContext === null) {
|
|
22
22
|
console.error("<ExpansionCard.Content> has to be used within an <ExpansionCard>");
|
|
23
23
|
return null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExpansionCardContent.js","sourceRoot":"","sources":["../../src/expansion-card/ExpansionCardContent.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC;AAOjD,MAAM,oBAAoB,GAAG,UAAU,CAGrC,CAAC,EAAgC,EAAE,GAAG,EAAE,EAAE;QAAzC,EAAE,QAAQ,EAAE,SAAS,OAAW,EAAN,IAAI,cAA9B,yBAAgC,CAAF;IAC/B,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAC9B,MAAM,YAAY,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;IACtD,MAAM,YAAY,GAAG,gBAAgB,
|
|
1
|
+
{"version":3,"file":"ExpansionCardContent.js","sourceRoot":"","sources":["../../src/expansion-card/ExpansionCardContent.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC;AAOjD,MAAM,oBAAoB,GAAG,UAAU,CAGrC,CAAC,EAAgC,EAAE,GAAG,EAAE,EAAE;QAAzC,EAAE,QAAQ,EAAE,SAAS,OAAW,EAAN,IAAI,cAA9B,yBAAgC,CAAF;IAC/B,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAC9B,MAAM,YAAY,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;IACtD,MAAM,YAAY,GAAG,gBAAgB,EAAE,CAAC;IAExC,IAAI,YAAY,KAAK,IAAI,EAAE,CAAC;QAC1B,OAAO,CAAC,KAAK,CACX,kEAAkE,CACnE,CAAC;QACF,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,oBAAC,QAAQ,gCACK,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,KAAK,IAC3B,IAAI,IACR,GAAG,EAAE,GAAG,EACR,EAAE,EAAC,KAAK,EACR,SAAS,EAAE,EAAE,CAAC,8BAA8B,EAAE,SAAS,EAAE;YACvD,sCAAsC,EAAE,CAAC,YAAY,CAAC,IAAI;SAC3D,CAAC,iBACW,CAAC,YAAY,CAAC,IAAI,EAC/B,IAAI,EAAE,YAAY,CAAC,IAAI,eACZ,YAAY,CAAC,IAAI;QAE5B,6BAAK,SAAS,EAAE,EAAE,CAAC,oCAAoC,CAAC,IAAG,QAAQ,CAAO,CACjE,CACZ,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,oBAAoB,CAAC"}
|
|
@@ -9,7 +9,7 @@ export const Checkbox = forwardRef((props, ref) => {
|
|
|
9
9
|
const { cn } = useRenameCSS();
|
|
10
10
|
const { inputProps, hasError, size, readOnly, nested } = useCheckbox(props);
|
|
11
11
|
const descriptionId = useId();
|
|
12
|
-
const themeContext = useThemeInternal(
|
|
12
|
+
const themeContext = useThemeInternal();
|
|
13
13
|
if (themeContext === null || themeContext === void 0 ? void 0 : themeContext.isDarkside) {
|
|
14
14
|
return (React.createElement("div", { className: cn(props.className, "navds-checkbox", `navds-checkbox--${size}`, {
|
|
15
15
|
"navds-checkbox--error": hasError,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/form/checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACzC,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAExD,OAAO,WAAW,MAAM,eAAe,CAAC;AAExC,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAChC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACb,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAC9B,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;IAC5E,MAAM,aAAa,GAAG,KAAK,EAAE,CAAC;IAC9B,MAAM,YAAY,GAAG,gBAAgB,
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/form/checkbox/Checkbox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -20,7 +20,9 @@ const ComboboxWrapper = ({ children, className, hasError, inputProps, inputSize,
|
|
|
20
20
|
clearInput(event);
|
|
21
21
|
}
|
|
22
22
|
}
|
|
23
|
-
return (
|
|
23
|
+
return (
|
|
24
|
+
// biome-ignore lint/a11y/noStaticElementInteractions: Wrapper for combobox input and chips.
|
|
25
|
+
React.createElement("div", { ref: wrapperRef, className: cn(className, "navds-form-field", `navds-form-field--${inputSize}`, {
|
|
24
26
|
"navds-combobox--error": hasError,
|
|
25
27
|
"navds-combobox--disabled": !!inputProps.disabled,
|
|
26
28
|
"navds-combobox--focused": hasFocusWithin,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComboboxWrapper.js","sourceRoot":"","sources":["../../../src/form/combobox/ComboboxWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAaxD,MAAM,eAAe,GAAG,CAAC,EACvB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,UAAU,EACV,SAAS,GACY,EAAE,EAAE;IACzB,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAC9B,MAAM,EAAE,mBAAmB,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,eAAe,EAAE,CAAC;IAExE,MAAM,UAAU,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IACvD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5D,SAAS,oBAAoB,CAAC,KAAuC;;QACnE,IACE,CAAC,CAAA,MAAA,UAAU,CAAC,OAAO,0CAAE,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,CAAA;YAClD,CAAA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,OAAO,MAAK,KAAK,CAAC,MAAM,EAC7C,CAAC;YACD,iBAAiB,CAAC,IAAI,CAAC,CAAC;QAC1B,CAAC;IACH,CAAC;IAED,SAAS,aAAa,CAAC,KAAuC;;QAC5D,IAAI,CAAC,CAAA,MAAA,UAAU,CAAC,OAAO,0CAAE,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,CAAA,EAAE,CAAC;YACvD,iBAAiB,CAAC,KAAK,CAAC,CAAC;YACzB,UAAU,CAAC,KAAK,CAAC,CAAC;QACpB,CAAC;IACH,CAAC;IAED,OAAO,
|
|
1
|
+
{"version":3,"file":"ComboboxWrapper.js","sourceRoot":"","sources":["../../../src/form/combobox/ComboboxWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAaxD,MAAM,eAAe,GAAG,CAAC,EACvB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,UAAU,EACV,SAAS,GACY,EAAE,EAAE;IACzB,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAC9B,MAAM,EAAE,mBAAmB,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,eAAe,EAAE,CAAC;IAExE,MAAM,UAAU,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IACvD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5D,SAAS,oBAAoB,CAAC,KAAuC;;QACnE,IACE,CAAC,CAAA,MAAA,UAAU,CAAC,OAAO,0CAAE,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,CAAA;YAClD,CAAA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,OAAO,MAAK,KAAK,CAAC,MAAM,EAC7C,CAAC;YACD,iBAAiB,CAAC,IAAI,CAAC,CAAC;QAC1B,CAAC;IACH,CAAC;IAED,SAAS,aAAa,CAAC,KAAuC;;QAC5D,IAAI,CAAC,CAAA,MAAA,UAAU,CAAC,OAAO,0CAAE,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,CAAA,EAAE,CAAC;YACvD,iBAAiB,CAAC,KAAK,CAAC,CAAC;YACzB,UAAU,CAAC,KAAK,CAAC,CAAC;QACpB,CAAC;IACH,CAAC;IAED,OAAO;IACL,4FAA4F;IAC5F,6BACE,GAAG,EAAE,UAAU,EACf,SAAS,EAAE,EAAE,CACX,SAAS,EACT,kBAAkB,EAClB,qBAAqB,SAAS,EAAE,EAChC;YACE,uBAAuB,EAAE,QAAQ;YACjC,0BAA0B,EAAE,CAAC,CAAC,UAAU,CAAC,QAAQ;YACjD,yBAAyB,EAAE,cAAc;YACzC,0BAA0B,EAAE,QAAQ;YACpC,4BAA4B,EAAE,QAAQ;SACvC,CACF,EACD,OAAO,EAAE,oBAAoB,EAC7B,MAAM,EAAE,aAAa,IAEpB,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
|
@@ -14,7 +14,7 @@ import filteredOptionsUtil from "./filtered-options-util.js";
|
|
|
14
14
|
import { useFilteredOptionsContext } from "./filteredOptionsContext.js";
|
|
15
15
|
const FilteredOptions = () => {
|
|
16
16
|
const { cn } = useRenameCSS();
|
|
17
|
-
const themeContext = useThemeInternal(
|
|
17
|
+
const themeContext = useThemeInternal();
|
|
18
18
|
const { inputProps: { id }, anchorRef, } = useInputContext();
|
|
19
19
|
const { allowNewValues, isLoading, isListOpen, filteredOptions, setFilteredOptionsRef, isMouseLastUsedInputDevice, isValueNew, toggleIsListOpen, } = useFilteredOptionsContext();
|
|
20
20
|
const [localOpen, setLocalOpen] = useState(isListOpen);
|
|
@@ -52,9 +52,7 @@ const FilteredOptions = () => {
|
|
|
52
52
|
isMultiSelect && maxSelected.limit && React.createElement(MaxSelectedMessage, null),
|
|
53
53
|
isLoading && React.createElement(LoadingMessage, null),
|
|
54
54
|
!isLoading && filteredOptions.length === 0 && !allowNewValues && (React.createElement(NoSearchHitsMessage, null)))),
|
|
55
|
-
shouldRenderFilteredOptionsList && (
|
|
56
|
-
/* biome-ignore lint/a11y/useFocusableInteractive: Interaction is not handeled by listbox itself. */
|
|
57
|
-
React.createElement("ul", { ref: setFilteredOptionsRef, role: "listbox", className: cn("navds-combobox__list-options") },
|
|
55
|
+
shouldRenderFilteredOptionsList && (React.createElement("ul", { ref: setFilteredOptionsRef, role: "listbox", className: cn("navds-combobox__list-options") },
|
|
58
56
|
isValueNew && !maxSelected.isLimitReached && allowNewValues && (React.createElement(AddNewOption, null)),
|
|
59
57
|
filteredOptions.map((option) => (React.createElement(FilteredOptionsItem, { key: option.value, option: option }))))))));
|
|
60
58
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilteredOptions.js","sourceRoot":"","sources":["../../../../src/form/combobox/FilteredOptions/FilteredOptions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qDAAqD,CAAC;AACvF,OAAO,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACtE,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,yBAAyB,EAAE,MAAM,2CAA2C,CAAC;AACtF,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AACxD,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AACtD,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AACxD,OAAO,mBAAmB,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAC;AAErE,MAAM,eAAe,GAAG,GAAG,EAAE;IAC3B,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAC9B,MAAM,YAAY,GAAG,gBAAgB,
|
|
1
|
+
{"version":3,"file":"FilteredOptions.js","sourceRoot":"","sources":["../../../../src/form/combobox/FilteredOptions/FilteredOptions.tsx"],"names":[],"mappings":"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"}
|
|
@@ -24,6 +24,6 @@ type FilteredOptionsContextValue = {
|
|
|
24
24
|
shouldAutocomplete?: boolean;
|
|
25
25
|
virtualFocus: VirtualFocusType;
|
|
26
26
|
};
|
|
27
|
-
declare const useFilteredOptionsContext: <S extends boolean = true>(strict?: S) => S extends true ? FilteredOptionsContextValue : FilteredOptionsContextValue | undefined;
|
|
27
|
+
declare const useFilteredOptionsContext: <S extends boolean = true>(strict?: S | undefined) => S extends true ? FilteredOptionsContextValue : FilteredOptionsContextValue | undefined;
|
|
28
28
|
declare const FilteredOptionsProvider: ({ children, value: props, }: FilteredOptionsProps) => React.JSX.Element;
|
|
29
29
|
export { FilteredOptionsProvider, useFilteredOptionsContext };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import cl from "clsx";
|
|
2
2
|
import React, { useCallback, useMemo, useState } from "react";
|
|
3
|
-
import {
|
|
3
|
+
import { createStrictContext } from "../../../util/create-strict-context.js";
|
|
4
4
|
import { useClientLayoutEffect, usePrevious } from "../../../util/hooks/index.js";
|
|
5
5
|
import { useInputContext } from "../Input/Input.context.js";
|
|
6
6
|
import { useSelectedOptionsContext } from "../SelectedOptions/selectedOptionsContext.js";
|
|
@@ -8,7 +8,7 @@ import { toComboboxOption } from "../combobox-utils.js";
|
|
|
8
8
|
import { useComboboxCustomOptions } from "../customOptionsContext.js";
|
|
9
9
|
import filteredOptionsUtils from "./filtered-options-util.js";
|
|
10
10
|
import useVirtualFocus from "./useVirtualFocus.js";
|
|
11
|
-
const
|
|
11
|
+
const { Provider: FilteredOptionsContextProvider, useContext: useFilteredOptionsContext, } = createStrictContext({
|
|
12
12
|
name: "FilteredOptionsContext",
|
|
13
13
|
errorMessage: "useFilteredOptionsContext must be used within a FilteredOptionsProvider",
|
|
14
14
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"filteredOptionsContext.js","sourceRoot":"","sources":["../../../../src/form/combobox/FilteredOptions/filteredOptionsContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAkB,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9E,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"filteredOptionsContext.js","sourceRoot":"","sources":["../../../../src/form/combobox/FilteredOptions/filteredOptionsContext.tsx"],"names":[],"mappings":"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"}
|
|
@@ -18,7 +18,7 @@ interface InputContextValue extends FormFieldType {
|
|
|
18
18
|
anchorRef: HTMLDivElement | null;
|
|
19
19
|
setAnchorRef: React.Dispatch<React.SetStateAction<HTMLDivElement | null>>;
|
|
20
20
|
}
|
|
21
|
-
declare const useInputContext: <S extends boolean = true>(strict?: S) => S extends true ? InputContextValue : InputContextValue | undefined;
|
|
21
|
+
declare const useInputContext: <S extends boolean = true>(strict?: S | undefined) => S extends true ? InputContextValue : InputContextValue | undefined;
|
|
22
22
|
interface Props {
|
|
23
23
|
children: React.ReactNode;
|
|
24
24
|
value: {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React, { useCallback, useMemo, useRef, useState } from "react";
|
|
2
|
-
import {
|
|
2
|
+
import { createStrictContext } from "../../../util/create-strict-context.js";
|
|
3
3
|
import { useClientLayoutEffect } from "../../../util/hooks/index.js";
|
|
4
4
|
import { useFormField } from "../../useFormField.js";
|
|
5
|
-
const
|
|
5
|
+
const { Provider: InputContextProvider, useContext: useInputContext } = createStrictContext({
|
|
6
6
|
name: "InputContext",
|
|
7
7
|
errorMessage: "useInputContext must be used within an InputContextProvider",
|
|
8
8
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.context.js","sourceRoot":"","sources":["../../../../src/form/combobox/Input/Input.context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtE,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Input.context.js","sourceRoot":"","sources":["../../../../src/form/combobox/Input/Input.context.tsx"],"names":[],"mappings":"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"}
|