@amboss/design-system 4.5.0 → 4.5.1
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.
|
@@ -10,6 +10,11 @@ export type RangePopoverProps = {
|
|
|
10
10
|
isVisible: boolean;
|
|
11
11
|
/** Called when the popover is dismissed by an outside click or the Escape key. */
|
|
12
12
|
onClose: () => void;
|
|
13
|
+
/**
|
|
14
|
+
* Controls whether the popover closes on an outside click. When false, only
|
|
15
|
+
* the Escape key dismisses it.
|
|
16
|
+
*/
|
|
17
|
+
dismissOnOutsideClick?: boolean;
|
|
13
18
|
/** Preferred placement relative to the range. */
|
|
14
19
|
placement?: RangePopoverPlacement;
|
|
15
20
|
/** Portal target; falls back to the document body when omitted. */
|
|
@@ -51,6 +56,7 @@ export type RangePopoverProps = {
|
|
|
51
56
|
* @param range - The range to anchor on.
|
|
52
57
|
* @param isVisible - Whether the popover is shown.
|
|
53
58
|
* @param onClose - Called when dismissed by an outside click or the Escape key.
|
|
59
|
+
* @param dismissOnOutsideClick - Whether an outside click dismisses the popover.
|
|
54
60
|
* @param placement - Preferred placement relative to the range.
|
|
55
61
|
* @param portalContainer - Portal target; falls back to the document body.
|
|
56
62
|
* @param contentPadding - Inner padding of the popover surface.
|
|
@@ -60,5 +66,5 @@ export type RangePopoverProps = {
|
|
|
60
66
|
* @param aria-label - Accessible name for the popover surface.
|
|
61
67
|
* @param disableInitialFocus - When true, does not move focus into the popover.
|
|
62
68
|
*/
|
|
63
|
-
export declare function RangePopover({ content, range, isVisible, onClose, placement, portalContainer, contentPadding, maxWidth, hideArrow, role, "aria-label": ariaLabel, disableInitialFocus, "data-e2e-test-id": dataE2eTestId, }: RangePopoverProps): React.ReactElement;
|
|
69
|
+
export declare function RangePopover({ content, range, isVisible, onClose, dismissOnOutsideClick, placement, portalContainer, contentPadding, maxWidth, hideArrow, role, "aria-label": ariaLabel, disableInitialFocus, "data-e2e-test-id": dataE2eTestId, }: RangePopoverProps): React.ReactElement;
|
|
64
70
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"RangePopover",{enumerable:!0,get:function(){return RangePopover}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_TooltipContent=require("../Tooltip/TooltipContent"),_FocusTrapWrapper=require("../../shared/FocusTrapWrapper"),StyledContent=(0,_styled.default)("div",{target:"
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"RangePopover",{enumerable:!0,get:function(){return RangePopover}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_TooltipContent=require("../Tooltip/TooltipContent"),_FocusTrapWrapper=require("../../shared/FocusTrapWrapper"),StyledContent=(0,_styled.default)("div",{target:"e1cdfvza0",label:"StyledContent"})(({theme,contentPadding})=>({padding:"m"===contentPadding?theme.variables.size.spacing.s:theme.variables.size.spacing.xxs}));function RangePopover({content,range,isVisible,onClose,dismissOnOutsideClick=!0,placement="top",portalContainer,contentPadding="s",maxWidth,hideArrow=!1,role="dialog","aria-label":ariaLabel,disableInitialFocus=!1,"data-e2e-test-id":dataE2eTestId}){let tooltipId=(0,_react.useId)(),rangeRef=(0,_react.useRef)(null);rangeRef.current=range;let contentRef=(0,_react.useRef)(null),trappedContent=_react.default.createElement(_FocusTrapWrapper.FocusTrapWrapper,{active:isVisible,focusTrapOptions:{allowOutsideClick:!0,clickOutsideDeactivates:dismissOnOutsideClick,escapeDeactivates:!0,fallbackFocus:()=>contentRef.current,initialFocus:!disableInitialFocus&&void 0,onPostDeactivate:onClose,preventScroll:!0,returnFocusOnDeactivate:!disableInitialFocus}},_react.default.createElement(StyledContent,{ref:contentRef,tabIndex:-1,contentPadding:contentPadding},content));return _react.default.createElement(_TooltipContent.TooltipContent,{"aria-label":ariaLabel,content:trappedContent,dataDSId:"RangePopover",dataE2eTestId:dataE2eTestId,hideArrow:hideArrow,isVisible:isVisible,maxWidth:maxWidth,placement:placement,portalContainer:portalContainer,role:role,tooltipId:tooltipId,triggerRef:rangeRef})}
|
|
@@ -10,6 +10,11 @@ export type RangePopoverProps = {
|
|
|
10
10
|
isVisible: boolean;
|
|
11
11
|
/** Called when the popover is dismissed by an outside click or the Escape key. */
|
|
12
12
|
onClose: () => void;
|
|
13
|
+
/**
|
|
14
|
+
* Controls whether the popover closes on an outside click. When false, only
|
|
15
|
+
* the Escape key dismisses it.
|
|
16
|
+
*/
|
|
17
|
+
dismissOnOutsideClick?: boolean;
|
|
13
18
|
/** Preferred placement relative to the range. */
|
|
14
19
|
placement?: RangePopoverPlacement;
|
|
15
20
|
/** Portal target; falls back to the document body when omitted. */
|
|
@@ -51,6 +56,7 @@ export type RangePopoverProps = {
|
|
|
51
56
|
* @param range - The range to anchor on.
|
|
52
57
|
* @param isVisible - Whether the popover is shown.
|
|
53
58
|
* @param onClose - Called when dismissed by an outside click or the Escape key.
|
|
59
|
+
* @param dismissOnOutsideClick - Whether an outside click dismisses the popover.
|
|
54
60
|
* @param placement - Preferred placement relative to the range.
|
|
55
61
|
* @param portalContainer - Portal target; falls back to the document body.
|
|
56
62
|
* @param contentPadding - Inner padding of the popover surface.
|
|
@@ -60,5 +66,5 @@ export type RangePopoverProps = {
|
|
|
60
66
|
* @param aria-label - Accessible name for the popover surface.
|
|
61
67
|
* @param disableInitialFocus - When true, does not move focus into the popover.
|
|
62
68
|
*/
|
|
63
|
-
export declare function RangePopover({ content, range, isVisible, onClose, placement, portalContainer, contentPadding, maxWidth, hideArrow, role, "aria-label": ariaLabel, disableInitialFocus, "data-e2e-test-id": dataE2eTestId, }: RangePopoverProps): React.ReactElement;
|
|
69
|
+
export declare function RangePopover({ content, range, isVisible, onClose, dismissOnOutsideClick, placement, portalContainer, contentPadding, maxWidth, hideArrow, role, "aria-label": ariaLabel, disableInitialFocus, "data-e2e-test-id": dataE2eTestId, }: RangePopoverProps): React.ReactElement;
|
|
64
70
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import React,{useId,useRef}from"react";import styled from"@emotion/styled";import{TooltipContent}from"../Tooltip/TooltipContent";import{FocusTrapWrapper}from"../../shared/FocusTrapWrapper";let StyledContent=styled("div",{target:"
|
|
1
|
+
import React,{useId,useRef}from"react";import styled from"@emotion/styled";import{TooltipContent}from"../Tooltip/TooltipContent";import{FocusTrapWrapper}from"../../shared/FocusTrapWrapper";let StyledContent=styled("div",{target:"e1cdfvza0",label:"StyledContent"})(({theme,contentPadding})=>({padding:"m"===contentPadding?theme.variables.size.spacing.s:theme.variables.size.spacing.xxs}));export function RangePopover({content,range,isVisible,onClose,dismissOnOutsideClick=!0,placement="top",portalContainer,contentPadding="s",maxWidth,hideArrow=!1,role="dialog","aria-label":ariaLabel,disableInitialFocus=!1,"data-e2e-test-id":dataE2eTestId}){let tooltipId=useId(),rangeRef=useRef(null);rangeRef.current=range;let contentRef=useRef(null),trappedContent=React.createElement(FocusTrapWrapper,{active:isVisible,focusTrapOptions:{allowOutsideClick:!0,clickOutsideDeactivates:dismissOnOutsideClick,escapeDeactivates:!0,fallbackFocus:()=>contentRef.current,initialFocus:!disableInitialFocus&&void 0,onPostDeactivate:onClose,preventScroll:!0,returnFocusOnDeactivate:!disableInitialFocus}},React.createElement(StyledContent,{ref:contentRef,tabIndex:-1,contentPadding:contentPadding},content));return React.createElement(TooltipContent,{"aria-label":ariaLabel,content:trappedContent,dataDSId:"RangePopover",dataE2eTestId:dataE2eTestId,hideArrow:hideArrow,isVisible:isVisible,maxWidth:maxWidth,placement:placement,portalContainer:portalContainer,role:role,tooltipId:tooltipId,triggerRef:rangeRef})}
|