@vibe/dialog 3.0.11 → 3.0.13-alpha-d7904.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/dist/Dialog/Dialog.js +1 -1
- package/dist/Dialog/Dialog.js.map +1 -1
- package/dist/Dialog/Dialog.module.scss.js +1 -1
- package/dist/Dialog/DialogContent/DialogContent.module.scss.js +1 -1
- package/dist/DialogContentContainer/DialogContentContainer.module.scss.js +1 -1
- package/dist/mocked_classnames/Dialog/Dialog.js +1 -1
- package/dist/mocked_classnames/Dialog/Dialog.js.map +1 -1
- package/dist/mocked_classnames/Dialog/Dialog.module.scss.js +1 -1
- package/dist/mocked_classnames/Dialog/DialogContent/DialogContent.module.scss.js +1 -1
- package/dist/mocked_classnames/DialogContentContainer/DialogContentContainer.module.scss.js +1 -1
- package/package.json +2 -2
- package/dist/Dialog/DialogContent/useDisableScroll.test.d.ts +0 -1
- package/dist/mocked_classnames/Dialog/DialogContent/useDisableScroll.test.d.ts +0 -1
package/dist/Dialog/Dialog.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import e from"classnames";import t,{PureComponent as i}from"react";import{createPortal as o}from"react-dom";import{Manager as n,Reference as s,Popper as r}from"react-popper";import{isFunction as h}from"es-toolkit";import{NOOP as a,isClient as l,isInsideClass as d,convertToArray as u,getTestId as c,ComponentDefaultTestId as p,chainRefFunctions as m,chainFunctions as g}from"@vibe/shared";import D from"./DialogContent/DialogContent.js";import{Refable as
|
|
1
|
+
import e from"classnames";import t,{PureComponent as i}from"react";import{createPortal as o}from"react-dom";import{Manager as n,Reference as s,Popper as r}from"react-popper";import{isFunction as h}from"es-toolkit";import{NOOP as a,isClient as l,isInsideClass as d,convertToArray as u,getTestId as c,ComponentDefaultTestId as p,chainRefFunctions as m,chainFunctions as g}from"@vibe/shared";import D from"./DialogContent/DialogContent.js";import{Refable as w}from"../Refable/Refable.js";import{HideShowEvent as f,DialogPosition as E,AnimationType as C}from"./DialogConstants.js";import T from"./Dialog.module.scss.js";import{LayerContext as v,LayerProvider as y}from"@vibe/layer";import{createObserveContentResizeModifier as b}from"./modifiers/observeContentResizeModifier.js";class S extends i{constructor(e){super(e),this.state={shouldUseDerivedStateFromProps:e.useDerivedStateFromProps,isOpen:e.shouldShowOnMount},this.containerRef=t.createRef(),this.onMouseEnter=this.onMouseEnter.bind(this),this.onMouseLeave=this.onMouseLeave.bind(this),this.onMouseDown=this.onMouseDown.bind(this),this.onClick=this.onClick.bind(this),this.onFocus=this.onFocus.bind(this),this.onBlur=this.onBlur.bind(this),this.isShown=this.isShown.bind(this),this.onEsc=this.onEsc.bind(this),this.onClickOutside=this.onClickOutside.bind(this),this.onDialogEnter=this.onDialogEnter.bind(this),this.onDialogLeave=this.onDialogLeave.bind(this),this.getContainer=this.getContainer.bind(this),this.onContentClick=this.onContentClick.bind(this),this.onKeyDown=this.onKeyDown.bind(this),this.closeDialogOnEscape=this.closeDialogOnEscape.bind(this),this.onContextMenu=this.onContextMenu.bind(this),this.getDefaultContainer=this.getDefaultContainer.bind(this),this.hideTimeout=null,this.showTimeout=null}closeDialogOnEscape(e){const{isOpen:t}=this.state;if(t)switch(e.key){case"Escape":this.hideDialogIfNeeded(e,f.ESCAPE_KEY);break;case"Tab":this.handleEvent(f.TAB_KEY,e.target,e);break;case"Enter":this.handleEvent(f.ENTER,e.target,e)}}componentDidMount(){const{shouldCallbackOnMount:e,onDialogDidShow:t}=this.props,{isOpen:i}=this.state;l()&&document.addEventListener("keyup",this.closeDialogOnEscape),e&&i&&t&&t()}componentWillUnmount(){l()&&document.removeEventListener("keyup",this.closeDialogOnEscape),this.showTimeout&&(clearTimeout(this.showTimeout),this.showTimeout=null),this.hideTimeout&&(clearTimeout(this.hideTimeout),this.hideTimeout=null)}static getDerivedStateFromProps(e,t){return t.shouldUseDerivedStateFromProps?{isOpen:e.isOpen}:null}getDefaultContainer(){const{layerRef:e}=this.context;return(null==e?void 0:e.current)?e.current:document.body}getContainer(){const{containerSelector:e}=this.props;if(!e)return this.getDefaultContainer();const t=document.querySelector(e);return t&&t instanceof Element?t:this.getDefaultContainer()}showDialog(e,t,i={}){const{showDelay:o,instantShowAndHide:n,getDynamicShowDelay:s}=this.props;let r=o,h=i.preventAnimation;if(s){const e=s();r=e.showDelay||0,h=h||e.preventAnimation}n?(this.onShowDialog(e,t),this.setState({isOpen:!0,preventAnimation:h}),this.showTimeout=null):this.showTimeout=setTimeout((()=>{this.onShowDialog(e,t),this.showTimeout=null,this.setState({isOpen:!0,preventAnimation:h})}),r)}onShowDialog(e,t){if(this.isShown())return;const{onDialogDidShow:i}=this.props;i(e,t)}showDialogIfNeeded(e,t,i={}){const{disable:o}=this.props;o||(this.hideTimeout&&(clearTimeout(this.hideTimeout),this.hideTimeout=null),this.showTimeout||this.showDialog(e,t,i))}hideDialog(e,t){const{hideDelay:i,instantShowAndHide:o}=this.props;o?(this.onHideDialog(e,t),this.setState({isOpen:!1}),this.hideTimeout=null):this.hideTimeout=setTimeout((()=>{this.onHideDialog(e,t),this.setState({isOpen:!1}),this.hideTimeout=null}),i)}onHideDialog(e,t){const{onDialogDidHide:i}=this.props;i&&i(e,t)}hideDialogIfNeeded(e,t){this.showTimeout&&(clearTimeout(this.showTimeout),this.showTimeout=null),this.hideTimeout||this.hideDialog(e,t)}handleEvent(e,t,i){const{showTriggerIgnoreClass:o,hideTriggerIgnoreClass:n}=this.props;return!this.isShowTrigger(e)||this.isShown()||d(t,o)?this.isHideTrigger(e)&&!d(t,n)?this.hideDialogIfNeeded(i,e):void 0:this.showDialogIfNeeded(i,e)}isShown(){const{isOpen:e}=this.state,{open:t}=this.props;return e||t}isShowTrigger(e){const{showTrigger:t,addKeyboardHideShowTriggersByDefault:i}=this.props,o=u(t);return!(!i||"focus"!==e||-1>=o.indexOf("mouseenter"))||o.indexOf(e)>-1}isHideTrigger(e){const{hideTrigger:t,addKeyboardHideShowTriggersByDefault:i}=this.props,o=u(t);return!(!i||"blur"!==e||-1>=o.indexOf("mouseleave"))||o.indexOf(e)>-1}onMouseEnter(e){this.handleEvent("mouseenter",e.target,e)}onMouseLeave(e){this.handleEvent("mouseleave",e.target,e)}onClick(e){e.button||this.handleEvent("click",e.target,e)}onKeyDown(e){"Enter"===e.key&&this.handleEvent("enter",e.target,e),"Tab"===e.key&&this.handleEvent("tab",e.target,e)}onMouseDown(e){e.button||this.handleEvent("mousedown",e.target,e)}onFocus(e){this.handleEvent("focus",e.target,e)}onBlur(e){this.handleEvent("blur",e.relatedTarget,e)}onEsc(e){this.handleEvent("esckey",e.target,e)}onContextMenu(e){const t=this.isShown();(this.isShowTrigger("contextmenu")&&!t||this.isHideTrigger("contextmenu")&&t)&&e.preventDefault(),this.handleEvent("contextmenu",e.target,e)}onClickOutside(e){const{onClickOutside:t}=this.props;this.handleEvent("clickoutside",e.target,e),t(e)}onDialogEnter(e){const{showOnDialogEnter:t}=this.props;t&&this.showDialogIfNeeded(e,"DialogEnter")}onDialogLeave(e){const{showOnDialogEnter:t}=this.props;t&&this.hideDialogIfNeeded(e,"DialogLeave")}onContentClick(e){const{onContentClick:t}=this.props;this.handleEvent("onContentClick",e.target,e),t(e)}render(){const{wrapperClassName:i,content:a,startingEdge:d,children:u,preventAnimationOnMount:g,animationType:f,position:E,showDelay:C,moveBy:v,modifiers:S,tooltip:M,tooltipClassName:k,referenceWrapperClassName:x,referenceWrapperElement:H,zIndex:R,hideWhenReferenceHidden:N,disableContainerScroll:L,containerSelector:A,observeContentResize:I,enableNestedDialogLayer:B,id:F,"data-testid":K}=this.props,{preventAnimation:P}=this.state,j=K||c(p.DIALOG,F),z=g||P?void 0:f,U=h(a)?a():a;return U?t.createElement(n,null,t.createElement(s,null,(({ref:i})=>t.createElement(w,{className:e(x),wrapperElement:H,ref:i,onBlur:O("onBlur",this,this.props),onKeyDown:O("onKeyDown",this,this.props),onClick:O("onClick",this,this.props),onFocus:O("onFocus",this,this.props),onMouseDown:O("onMouseDown",this,this.props),onMouseEnter:O("onMouseEnter",this,this.props),onMouseLeave:O("onMouseLeave",this,this.props),onContextMenu:O("onContextMenu",this,this.props)},u))),l()&&this.isShown()&&o(t.createElement(r,{placement:E,modifiers:[{name:"offset",options:{offset:[v.secondary,v.main]}},{name:"zIndex",enabled:!0,phase:"write",fn:({state:e})=>(R&&(e.styles.popper.zIndex=R+""),e)},{name:"rotator",enabled:!0,phase:"write",fn:({state:e})=>e.styles.arrow?(e.styles.arrow.transform=e.styles.arrow.transform+" rotate(45deg)",e):e},b(I),...S]},(({placement:o,style:n,ref:s,arrowProps:r,isReferenceHidden:h})=>{if(N&&h){const e=new CustomEvent("onReferenceHidden");this.hideDialog(e,"onReferenceHidden")}const a=m([s,this.containerRef]),l=t.createElement(D,{"data-testid":j,isReferenceHidden:N&&h,onMouseEnter:this.onDialogEnter,onMouseLeave:this.onDialogLeave,onClickOutside:this.onClickOutside,onContextMenu:this.onContextMenu,onEsc:this.onEsc,animationType:z,position:o,wrapperClassName:i,startingEdge:d,isOpen:this.isShown(),showDelay:C,styleObject:n,ref:a,onClick:this.onContentClick,hasTooltip:!!M,containerSelector:A,disableContainerScroll:L},U,M&&t.createElement("div",{style:r.style,ref:r.ref,className:e(T.arrow,k),"data-placement":o}));return B?t.createElement(y,{layerRef:this.containerRef},l):l})),this.getContainer())):u}}function O(e,t,i){return g([i[e],t[e]],!0)}S.hideShowTriggers=f,S.positions=E,S.animationTypes=C,S.defaultProps={position:"top",modifiers:[],moveBy:{main:0,secondary:0},showDelay:100,hideDelay:100,showTrigger:S.hideShowTriggers.MOUSE_ENTER,hideTrigger:S.hideShowTriggers.MOUSE_LEAVE,showOnDialogEnter:!1,shouldShowOnMount:!1,disable:!1,open:!1,animationType:S.animationTypes.EXPAND,preventAnimationOnMount:!1,tooltip:!1,onDialogDidShow:a,onDialogDidHide:a,onClickOutside:a,onContentClick:a,useDerivedStateFromProps:!1,hideWhenReferenceHidden:!1,shouldCallbackOnMount:!1,instantShowAndHide:!1,addKeyboardHideShowTriggersByDefault:!1,observeContentResize:!1,enableNestedDialogLayer:!1},S.contextType=v;export{S as default};
|
|
2
2
|
//# sourceMappingURL=Dialog.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.js","sources":["../../src/Dialog/Dialog.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { PureComponent, type ReactElement } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { Manager, type Modifier, Popper, Reference } from \"react-popper\";\nimport { isFunction } from \"es-toolkit\";\nimport {\n chainFunctions,\n chainRefFunctions,\n convertToArray,\n NOOP,\n isInsideClass,\n type VibeComponentProps,\n ComponentDefaultTestId,\n getTestId,\n isClient\n} from \"@vibe/shared\";\nimport DialogContent from \"./DialogContent/DialogContent\";\nimport { Refable } from \"../Refable/Refable\";\nimport {\n AnimationType as AnimationTypeEnum,\n HideShowEvent as DialogTriggerEventEnum,\n DialogPosition as DialogPositionEnum\n} from \"./DialogConstants\";\nimport type * as PopperJS from \"@popperjs/core\";\nimport styles from \"./Dialog.module.scss\";\nimport {\n type DialogAnimationType,\n type DialogPosition,\n type DialogTriggerEvent,\n type DialogEvent\n} from \"./Dialog.types\";\nimport { LayerContext, LayerProvider } from \"@vibe/layer\";\nimport { createObserveContentResizeModifier } from \"./modifiers/observeContentResizeModifier\";\n\nexport interface DialogProps extends VibeComponentProps {\n /**\n * Class name applied to the reference wrapper element.\n */\n referenceWrapperClassName?: string;\n /**\n * The wrapper element type to use for React components. Defaults to \"span\".\n */\n referenceWrapperElement?: \"span\" | \"div\";\n /**\n * The placement of the dialog relative to the reference element.\n */\n position?: DialogPosition;\n /**\n * Custom Popper.js modifiers.\n * https://popper.js.org/docs/v2/modifiers/\n */\n modifiers?: Modifier<any>[];\n /**\n * The starting edge of the dialog.\n */\n startingEdge?: string;\n /**\n * Offset values for positioning adjustments.\n * `main` - horizontal offset\n * `secondary` - vertical offset\n */\n moveBy?: { main?: number; secondary?: number };\n /**\n * Delay in milliseconds before showing the dialog.\n */\n showDelay?: number;\n /**\n * Delay in milliseconds before hiding the dialog.\n */\n hideDelay?: number;\n /**\n * Events that trigger showing the dialog.\n */\n showTrigger?: DialogTriggerEvent | DialogTriggerEvent[];\n /**\n * Events that trigger hiding the dialog.\n */\n hideTrigger?: DialogTriggerEvent | DialogTriggerEvent[];\n /**\n * If true, prevents closing the dialog when the mouse enters it.\n */\n showOnDialogEnter?: boolean;\n /**\n * If true, shows the dialog when the component mounts.\n */\n shouldShowOnMount?: boolean;\n /**\n * If true, disables opening the dialog.\n */\n disable?: boolean;\n /**\n * Controls the open state of the dialog.\n */\n open?: boolean;\n /**\n * Derived state control for managing dialog visibility.\n */\n isOpen?: boolean;\n /**\n * Classes that prevent showing the dialog when present.\n */\n showTriggerIgnoreClass?: string | Array<string>;\n /**\n * Classes that prevent hiding the dialog when present.\n */\n hideTriggerIgnoreClass?: string | Array<string>;\n /**\n * The animation type used for the dialog.\n */\n animationType?: DialogAnimationType;\n /**\n * Class name applied to the dialog content container.\n */\n wrapperClassName?: string;\n /**\n * If true, prevents animation when mounting.\n */\n preventAnimationOnMount?: boolean;\n /**\n * The CSS selector of the container where the dialog is rendered.\n */\n containerSelector?: string;\n /**\n * If true, positions the tooltip element.\n */\n tooltip?: boolean;\n /**\n * Class name applied to the tooltip element.\n */\n tooltipClassName?: string;\n /**\n * Callback fired when the dialog is shown.\n */\n onDialogDidShow?: (event?: DialogEvent, eventName?: DialogTriggerEvent | string) => void;\n /**\n * Callback fired when the dialog is hidden.\n */\n onDialogDidHide?: (event: DialogEvent, eventName: DialogTriggerEvent | string) => void;\n /**\n * Callback fired when clicking outside the dialog.\n */\n onClickOutside?: (event: React.MouseEvent) => void;\n /**\n * Callback fired when clicking inside the dialog content.\n */\n onContentClick?: (event: React.MouseEvent) => void;\n /**\n * The z-index applied to the dialog.\n */\n zIndex?: number;\n /**\n * If true, uses derived state from props.\n */\n useDerivedStateFromProps?: boolean;\n /**\n * If true, makes the dialog disappear when the reference element is hidden.\n */\n hideWhenReferenceHidden?: boolean;\n /**\n * If true, triggers the callback when the dialog mounts.\n */\n shouldCallbackOnMount?: boolean;\n /**\n * If true, instantly shows and hides the dialog without delay.\n */\n instantShowAndHide?: boolean;\n /**\n * Callback to dynamically adjust show delay and animation behavior.\n */\n getDynamicShowDelay?: () => { showDelay: number; preventAnimation: boolean };\n /**\n * The content displayed inside the dialog.\n */\n content?: (() => JSX.Element) | JSX.Element;\n /**\n * The element to position the dialog beside.\n */\n children?: ReactElement | ReactElement[] | string;\n /**\n * If true, keyboard focus/blur events behave like mouse enter/leave.\n */\n addKeyboardHideShowTriggersByDefault?: boolean;\n /**\n * If true, disables scrolling for the container element.\n */\n disableContainerScroll?: boolean | string;\n /**\n * Enables the observation of content resize for the popper element.\n * When set to `true`, a ResizeObserver is attached to the popper content,\n * automatically triggering repositioning when the size of the content changes.\n *\n * This is useful for dialogs, tooltips, or popovers with dynamic content\n * that may grow or shrink without a re-render being triggered.\n */\n observeContentResize?: boolean;\n /**\n * If true, provides a LayerProvider context for nested dialogs to render correctly.\n * This is useful when you have components that use Dialog internally (like Dropdown)\n * inside another Dialog, ensuring proper z-index stacking and click-outside behavior.\n */\n enableNestedDialogLayer?: boolean;\n}\n\nexport interface DialogState {\n /**\n * If true, the dialog is open.\n */\n isOpen?: boolean;\n /**\n * If true, the dialog state is derived from props.\n */\n shouldUseDerivedStateFromProps?: boolean;\n /**\n * If true, prevents animation when opening or closing the dialog.\n */\n preventAnimation?: boolean;\n}\n\nexport default class Dialog extends PureComponent<DialogProps, DialogState> {\n static hideShowTriggers = DialogTriggerEventEnum;\n static positions = DialogPositionEnum;\n static animationTypes = AnimationTypeEnum;\n static defaultProps = {\n position: \"top\",\n modifiers: [] as Modifier<any>[],\n moveBy: { main: 0, secondary: 0 },\n showDelay: 100,\n hideDelay: 100,\n showTrigger: Dialog.hideShowTriggers.MOUSE_ENTER,\n hideTrigger: Dialog.hideShowTriggers.MOUSE_LEAVE,\n showOnDialogEnter: false,\n shouldShowOnMount: false,\n disable: false,\n open: false,\n animationType: Dialog.animationTypes.EXPAND,\n preventAnimationOnMount: false,\n tooltip: false,\n onDialogDidShow: NOOP,\n onDialogDidHide: NOOP,\n onClickOutside: NOOP,\n onContentClick: NOOP,\n useDerivedStateFromProps: false,\n hideWhenReferenceHidden: false,\n shouldCallbackOnMount: false,\n instantShowAndHide: false,\n addKeyboardHideShowTriggersByDefault: false,\n observeContentResize: false,\n enableNestedDialogLayer: false\n };\n private showTimeout: NodeJS.Timeout;\n private hideTimeout: NodeJS.Timeout;\n private containerRef: React.RefObject<HTMLDivElement>;\n context!: React.ContextType<typeof LayerContext>;\n\n constructor(props: DialogProps) {\n super(props);\n this.state = {\n shouldUseDerivedStateFromProps: props.useDerivedStateFromProps,\n isOpen: props.shouldShowOnMount\n };\n\n this.containerRef = React.createRef<HTMLDivElement>();\n\n // Binding section.\n this.onMouseEnter = this.onMouseEnter.bind(this);\n this.onMouseLeave = this.onMouseLeave.bind(this);\n this.onMouseDown = this.onMouseDown.bind(this);\n this.onClick = this.onClick.bind(this);\n this.onFocus = this.onFocus.bind(this);\n this.onBlur = this.onBlur.bind(this);\n this.isShown = this.isShown.bind(this);\n this.onEsc = this.onEsc.bind(this);\n this.onClickOutside = this.onClickOutside.bind(this);\n this.onDialogEnter = this.onDialogEnter.bind(this);\n this.onDialogLeave = this.onDialogLeave.bind(this);\n this.getContainer = this.getContainer.bind(this);\n this.onContentClick = this.onContentClick.bind(this);\n this.onKeyDown = this.onKeyDown.bind(this);\n this.closeDialogOnEscape = this.closeDialogOnEscape.bind(this);\n this.onContextMenu = this.onContextMenu.bind(this);\n this.getDefaultContainer = this.getDefaultContainer.bind(this);\n\n // Timeouts\n this.hideTimeout = null;\n this.showTimeout = null;\n }\n\n closeDialogOnEscape(event: KeyboardEvent) {\n const { isOpen } = this.state;\n if (!isOpen) {\n return;\n }\n switch (event.key) {\n case \"Escape\":\n this.hideDialogIfNeeded(event, DialogTriggerEventEnum.ESCAPE_KEY);\n break;\n case \"Tab\":\n this.handleEvent(DialogTriggerEventEnum.TAB_KEY, event.target, event);\n break;\n case \"Enter\":\n this.handleEvent(DialogTriggerEventEnum.ENTER, event.target, event);\n break;\n default:\n break;\n }\n }\n\n componentDidMount() {\n const { shouldCallbackOnMount, onDialogDidShow } = this.props;\n const { isOpen } = this.state;\n if (isClient()) {\n document.addEventListener(\"keyup\", this.closeDialogOnEscape);\n }\n if (shouldCallbackOnMount && isOpen) {\n onDialogDidShow && onDialogDidShow();\n }\n }\n\n componentWillUnmount() {\n if (isClient()) {\n document.removeEventListener(\"keyup\", this.closeDialogOnEscape);\n }\n if (this.showTimeout) {\n clearTimeout(this.showTimeout);\n this.showTimeout = null;\n }\n if (this.hideTimeout) {\n clearTimeout(this.hideTimeout);\n this.hideTimeout = null;\n }\n }\n\n static getDerivedStateFromProps(nextProps: DialogProps, state: DialogState): DialogState {\n if (state.shouldUseDerivedStateFromProps) {\n return { isOpen: nextProps.isOpen };\n }\n return null;\n }\n\n getDefaultContainer() {\n const { layerRef } = this.context;\n if (layerRef?.current) {\n return layerRef.current;\n }\n return document.body;\n }\n\n getContainer() {\n const { containerSelector } = this.props;\n if (!containerSelector) {\n return this.getDefaultContainer();\n }\n\n const containerElement = document.querySelector(containerSelector);\n if (!containerElement || !(containerElement instanceof Element)) {\n return this.getDefaultContainer();\n }\n return containerElement;\n }\n\n showDialog(event: DialogEvent, eventName: DialogTriggerEvent | string, options: { preventAnimation?: boolean } = {}) {\n const { showDelay, instantShowAndHide, getDynamicShowDelay } = this.props;\n let finalShowDelay = showDelay;\n let preventAnimation = options.preventAnimation;\n if (getDynamicShowDelay) {\n const dynamicDelayObj = getDynamicShowDelay();\n finalShowDelay = dynamicDelayObj.showDelay || 0;\n preventAnimation = preventAnimation || dynamicDelayObj.preventAnimation;\n }\n\n if (instantShowAndHide) {\n this.onShowDialog(event, eventName);\n this.setState({ isOpen: true, preventAnimation });\n this.showTimeout = null;\n } else {\n this.showTimeout = setTimeout(() => {\n this.onShowDialog(event, eventName);\n this.showTimeout = null;\n this.setState({ isOpen: true, preventAnimation });\n }, finalShowDelay);\n }\n }\n\n onShowDialog(event: DialogEvent, eventName: DialogTriggerEvent | string) {\n if (this.isShown()) return;\n const { onDialogDidShow } = this.props;\n onDialogDidShow(event, eventName);\n }\n\n showDialogIfNeeded(event: DialogEvent, eventName: DialogTriggerEvent | string, options = {}) {\n const { disable } = this.props;\n if (disable) {\n return;\n }\n\n if (this.hideTimeout) {\n clearTimeout(this.hideTimeout);\n this.hideTimeout = null;\n }\n\n if (!this.showTimeout) {\n this.showDialog(event, eventName, options);\n }\n }\n\n hideDialog(event: DialogEvent, eventName: DialogTriggerEvent | string) {\n const { hideDelay, instantShowAndHide } = this.props;\n if (instantShowAndHide) {\n this.onHideDialog(event, eventName);\n this.setState({ isOpen: false });\n this.hideTimeout = null;\n } else {\n this.hideTimeout = setTimeout(() => {\n this.onHideDialog(event, eventName);\n this.setState({ isOpen: false });\n this.hideTimeout = null;\n }, hideDelay);\n }\n }\n\n onHideDialog(event: DialogEvent, eventName: DialogTriggerEvent | string) {\n const { onDialogDidHide } = this.props;\n if (onDialogDidHide) onDialogDidHide(event, eventName);\n }\n\n hideDialogIfNeeded(event: DialogEvent, eventName: DialogTriggerEvent | string) {\n if (this.showTimeout) {\n clearTimeout(this.showTimeout);\n this.showTimeout = null;\n }\n\n if (this.hideTimeout) {\n return;\n }\n this.hideDialog(event, eventName);\n }\n\n handleEvent(eventName: DialogTriggerEvent, target: EventTarget, event: DialogEvent) {\n const { showTriggerIgnoreClass, hideTriggerIgnoreClass } = this.props;\n if (\n this.isShowTrigger(eventName) &&\n !this.isShown() &&\n !isInsideClass(target as HTMLElement, showTriggerIgnoreClass)\n ) {\n return this.showDialogIfNeeded(event, eventName);\n }\n\n if (this.isHideTrigger(eventName) && !isInsideClass(target as HTMLElement, hideTriggerIgnoreClass)) {\n return this.hideDialogIfNeeded(event, eventName);\n }\n }\n\n isShown() {\n const { isOpen } = this.state;\n const { open } = this.props;\n\n return isOpen || open;\n }\n\n isShowTrigger(eventName: DialogTriggerEvent) {\n const { showTrigger, addKeyboardHideShowTriggersByDefault } = this.props;\n const showTriggersArray = convertToArray(showTrigger);\n\n if (addKeyboardHideShowTriggersByDefault) {\n if (eventName === \"focus\" && showTriggersArray.indexOf(\"mouseenter\") > -1) {\n return true;\n }\n }\n\n return showTriggersArray.indexOf(eventName) > -1;\n }\n\n isHideTrigger(eventName: DialogTriggerEvent) {\n const { hideTrigger, addKeyboardHideShowTriggersByDefault } = this.props;\n const hideTriggersArray = convertToArray(hideTrigger);\n\n if (addKeyboardHideShowTriggersByDefault) {\n if (eventName === \"blur\" && hideTriggersArray.indexOf(\"mouseleave\") > -1) {\n return true;\n }\n }\n\n return hideTriggersArray.indexOf(eventName) > -1;\n }\n\n onMouseEnter(e: React.MouseEvent) {\n this.handleEvent(\"mouseenter\", e.target, e);\n }\n\n onMouseLeave(e: React.MouseEvent) {\n this.handleEvent(\"mouseleave\", e.target, e);\n }\n\n onClick(e: React.MouseEvent) {\n if (e.button) return;\n this.handleEvent(\"click\", e.target, e);\n }\n\n onKeyDown(event: React.KeyboardEvent) {\n if (event.key === \"Enter\") {\n this.handleEvent(\"enter\", event.target, event);\n }\n\n if (event.key === \"Tab\") {\n this.handleEvent(\"tab\", event.target, event);\n }\n }\n\n onMouseDown(e: React.MouseEvent) {\n if (e.button) return;\n this.handleEvent(\"mousedown\", e.target, e);\n }\n\n onFocus(e: React.FocusEvent) {\n this.handleEvent(\"focus\", e.target, e);\n }\n\n onBlur(e: React.FocusEvent) {\n this.handleEvent(\"blur\", e.relatedTarget, e);\n }\n\n onEsc(e: React.KeyboardEvent) {\n this.handleEvent(\"esckey\", e.target, e);\n }\n\n onContextMenu(e: React.MouseEvent) {\n const isShown = this.isShown();\n if ((this.isShowTrigger(\"contextmenu\") && !isShown) || (this.isHideTrigger(\"contextmenu\") && isShown)) {\n e.preventDefault();\n }\n this.handleEvent(\"contextmenu\", e.target, e);\n }\n\n onClickOutside(event: React.MouseEvent) {\n const { onClickOutside } = this.props;\n this.handleEvent(\"clickoutside\", event.target, event);\n onClickOutside(event);\n }\n\n onDialogEnter(event: React.MouseEvent) {\n const { showOnDialogEnter } = this.props;\n if (showOnDialogEnter) this.showDialogIfNeeded(event, \"DialogEnter\");\n }\n\n onDialogLeave(event: React.MouseEvent) {\n const { showOnDialogEnter } = this.props;\n if (showOnDialogEnter) this.hideDialogIfNeeded(event, \"DialogLeave\");\n }\n\n onContentClick(e: React.MouseEvent) {\n const { onContentClick } = this.props;\n this.handleEvent(\"onContentClick\", e.target, e);\n onContentClick(e);\n }\n\n render() {\n const {\n wrapperClassName,\n content,\n startingEdge,\n children,\n preventAnimationOnMount,\n animationType,\n position,\n showDelay,\n moveBy,\n modifiers,\n tooltip,\n tooltipClassName,\n referenceWrapperClassName,\n referenceWrapperElement,\n zIndex,\n hideWhenReferenceHidden,\n disableContainerScroll,\n containerSelector,\n observeContentResize,\n enableNestedDialogLayer,\n id,\n \"data-testid\": dataTestId\n } = this.props;\n const { preventAnimation } = this.state;\n const overrideDataTestId = dataTestId || getTestId(ComponentDefaultTestId.DIALOG, id);\n\n const animationTypeCalculated = preventAnimationOnMount || preventAnimation ? undefined : animationType;\n const contentRendered = isFunction(content) ? content() : content;\n\n if (!contentRendered) {\n return children;\n }\n return (\n <Manager>\n <Reference>\n {({ ref }) => {\n return (\n <Refable\n className={cx(referenceWrapperClassName)}\n wrapperElement={referenceWrapperElement}\n ref={ref}\n onBlur={chainOnPropsAndInstance(\"onBlur\", this, this.props)}\n onKeyDown={chainOnPropsAndInstance(\"onKeyDown\", this, this.props)}\n onClick={chainOnPropsAndInstance(\"onClick\", this, this.props)}\n onFocus={chainOnPropsAndInstance(\"onFocus\", this, this.props)}\n onMouseDown={chainOnPropsAndInstance(\"onMouseDown\", this, this.props)}\n onMouseEnter={chainOnPropsAndInstance(\"onMouseEnter\", this, this.props)}\n onMouseLeave={chainOnPropsAndInstance(\"onMouseLeave\", this, this.props)}\n onContextMenu={chainOnPropsAndInstance(\"onContextMenu\", this, this.props)}\n >\n {children}\n </Refable>\n );\n }}\n </Reference>\n {isClient() &&\n createPortal(\n <Popper\n placement={position as unknown as PopperJS.Placement}\n modifiers={[\n {\n name: \"offset\",\n options: {\n offset: [moveBy.secondary, moveBy.main]\n }\n },\n {\n name: \"zIndex\",\n enabled: true,\n phase: \"write\",\n fn({ state }) {\n if (zIndex) {\n state.styles.popper.zIndex = String(zIndex);\n }\n return state;\n }\n },\n {\n name: \"rotator\",\n enabled: true,\n phase: \"write\",\n fn({ state }) {\n if (!state.styles.arrow) {\n return state;\n }\n // const reg = new RegExp(\n // /translate\\(([0-9].*)px, ([0-9].*)px\\)/\n // );\n // const transform = state.styles.arrow.transform;\n // const res = reg.exec(transform);\n // state.styles.popper.transformOrigin = `${100 -\n // res[1]}% ${100 - res[2]}%`;\n state.styles.arrow.transform = `${state.styles.arrow.transform} rotate(45deg)`;\n return state;\n }\n },\n createObserveContentResizeModifier(observeContentResize),\n ...modifiers\n ]}\n >\n {({ placement, style, ref, arrowProps, isReferenceHidden }) => {\n if (!this.isShown() && placement) {\n return null;\n }\n\n if (hideWhenReferenceHidden && isReferenceHidden) {\n const event = new CustomEvent(\"onReferenceHidden\");\n this.hideDialog(event, \"onReferenceHidden\");\n }\n\n const mergedRef = chainRefFunctions([ref, this.containerRef]);\n\n const dialogContent = (\n <DialogContent\n data-testid={overrideDataTestId}\n isReferenceHidden={hideWhenReferenceHidden && isReferenceHidden}\n onMouseEnter={this.onDialogEnter}\n onMouseLeave={this.onDialogLeave}\n onClickOutside={this.onClickOutside}\n onContextMenu={this.onContextMenu}\n onEsc={this.onEsc}\n animationType={animationTypeCalculated}\n position={placement}\n wrapperClassName={wrapperClassName}\n startingEdge={startingEdge}\n isOpen={this.isShown()}\n showDelay={showDelay}\n styleObject={style}\n ref={mergedRef}\n onClick={this.onContentClick}\n hasTooltip={!!tooltip}\n containerSelector={containerSelector}\n disableContainerScroll={disableContainerScroll}\n >\n {contentRendered}\n {tooltip && (\n <div\n style={arrowProps.style}\n ref={arrowProps.ref}\n className={cx(styles.arrow, tooltipClassName)}\n data-placement={placement}\n />\n )}\n </DialogContent>\n );\n\n return enableNestedDialogLayer ? (\n <LayerProvider layerRef={this.containerRef}>{dialogContent}</LayerProvider>\n ) : (\n dialogContent\n );\n }}\n </Popper>,\n this.getContainer()\n )}\n </Manager>\n );\n }\n}\n\nfunction chainOnPropsAndInstance(name: string, instance: Dialog, props: DialogProps) {\n // @ts-ignore\n return chainFunctions([props[name], instance[name]], true);\n}\n\nDialog.contextType = LayerContext;\n"],"names":["Dialog","PureComponent","constructor","props","super","this","state","shouldUseDerivedStateFromProps","useDerivedStateFromProps","isOpen","shouldShowOnMount","containerRef","React","createRef","onMouseEnter","bind","onMouseLeave","onMouseDown","onClick","onFocus","onBlur","isShown","onEsc","onClickOutside","onDialogEnter","onDialogLeave","getContainer","onContentClick","onKeyDown","closeDialogOnEscape","onContextMenu","getDefaultContainer","hideTimeout","showTimeout","event","key","hideDialogIfNeeded","DialogTriggerEventEnum","ESCAPE_KEY","handleEvent","TAB_KEY","target","ENTER","componentDidMount","shouldCallbackOnMount","onDialogDidShow","isClient","document","addEventListener","componentWillUnmount","removeEventListener","clearTimeout","getDerivedStateFromProps","nextProps","layerRef","context","current","body","containerSelector","containerElement","querySelector","Element","showDialog","eventName","options","showDelay","instantShowAndHide","getDynamicShowDelay","finalShowDelay","preventAnimation","dynamicDelayObj","onShowDialog","setState","setTimeout","showDialogIfNeeded","disable","hideDialog","hideDelay","onHideDialog","onDialogDidHide","showTriggerIgnoreClass","hideTriggerIgnoreClass","isShowTrigger","isInsideClass","isHideTrigger","open","showTrigger","addKeyboardHideShowTriggersByDefault","showTriggersArray","convertToArray","indexOf","hideTrigger","hideTriggersArray","e","button","relatedTarget","preventDefault","showOnDialogEnter","render","wrapperClassName","content","startingEdge","children","preventAnimationOnMount","animationType","position","moveBy","modifiers","tooltip","tooltipClassName","referenceWrapperClassName","referenceWrapperElement","zIndex","hideWhenReferenceHidden","disableContainerScroll","observeContentResize","enableNestedDialogLayer","id","dataTestId","overrideDataTestId","getTestId","ComponentDefaultTestId","DIALOG","animationTypeCalculated","undefined","contentRendered","isFunction","Manager","createElement","Reference","ref","Refable","className","cx","wrapperElement","chainOnPropsAndInstance","createPortal","Popper","placement","name","offset","secondary","main","enabled","phase","fn","styles","popper","String","arrow","transform","createObserveContentResizeModifier","style","arrowProps","isReferenceHidden","CustomEvent","mergedRef","chainRefFunctions","dialogContent","DialogContent","styleObject","hasTooltip","LayerProvider","instance","chainFunctions","hideShowTriggers","positions","DialogPositionEnum","animationTypes","AnimationTypeEnum","defaultProps","MOUSE_ENTER","MOUSE_LEAVE","EXPAND","NOOP","contextType","LayerContext"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Dialog.js","sources":["../../src/Dialog/Dialog.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { PureComponent, type ReactElement } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { Manager, type Modifier, Popper, Reference } from \"react-popper\";\nimport { isFunction } from \"es-toolkit\";\nimport {\n chainFunctions,\n chainRefFunctions,\n convertToArray,\n NOOP,\n isInsideClass,\n type VibeComponentProps,\n ComponentDefaultTestId,\n getTestId,\n isClient\n} from \"@vibe/shared\";\nimport DialogContent from \"./DialogContent/DialogContent\";\nimport { Refable } from \"../Refable/Refable\";\nimport {\n AnimationType as AnimationTypeEnum,\n HideShowEvent as DialogTriggerEventEnum,\n DialogPosition as DialogPositionEnum\n} from \"./DialogConstants\";\nimport type * as PopperJS from \"@popperjs/core\";\nimport styles from \"./Dialog.module.scss\";\nimport {\n type DialogAnimationType,\n type DialogPosition,\n type DialogTriggerEvent,\n type DialogEvent\n} from \"./Dialog.types\";\nimport { LayerContext, LayerProvider } from \"@vibe/layer\";\nimport { createObserveContentResizeModifier } from \"./modifiers/observeContentResizeModifier\";\n\nexport interface DialogProps extends VibeComponentProps {\n /**\n * Class name applied to the reference wrapper element.\n */\n referenceWrapperClassName?: string;\n /**\n * The wrapper element type to use for React components. Defaults to \"span\".\n */\n referenceWrapperElement?: \"span\" | \"div\";\n /**\n * The placement of the dialog relative to the reference element.\n */\n position?: DialogPosition;\n /**\n * Custom Popper.js modifiers.\n * https://popper.js.org/docs/v2/modifiers/\n */\n modifiers?: Modifier<any>[];\n /**\n * The starting edge of the dialog.\n */\n startingEdge?: string;\n /**\n * Offset values for positioning adjustments.\n * `main` - horizontal offset\n * `secondary` - vertical offset\n */\n moveBy?: { main?: number; secondary?: number };\n /**\n * Delay in milliseconds before showing the dialog.\n */\n showDelay?: number;\n /**\n * Delay in milliseconds before hiding the dialog.\n */\n hideDelay?: number;\n /**\n * Events that trigger showing the dialog.\n */\n showTrigger?: DialogTriggerEvent | DialogTriggerEvent[];\n /**\n * Events that trigger hiding the dialog.\n */\n hideTrigger?: DialogTriggerEvent | DialogTriggerEvent[];\n /**\n * If true, prevents closing the dialog when the mouse enters it.\n */\n showOnDialogEnter?: boolean;\n /**\n * If true, shows the dialog when the component mounts.\n */\n shouldShowOnMount?: boolean;\n /**\n * If true, disables opening the dialog.\n */\n disable?: boolean;\n /**\n * Controls the open state of the dialog.\n */\n open?: boolean;\n /**\n * Derived state control for managing dialog visibility.\n */\n isOpen?: boolean;\n /**\n * Classes that prevent showing the dialog when present.\n */\n showTriggerIgnoreClass?: string | Array<string>;\n /**\n * Classes that prevent hiding the dialog when present.\n */\n hideTriggerIgnoreClass?: string | Array<string>;\n /**\n * The animation type used for the dialog.\n */\n animationType?: DialogAnimationType;\n /**\n * Class name applied to the dialog content container.\n */\n wrapperClassName?: string;\n /**\n * If true, prevents animation when mounting.\n */\n preventAnimationOnMount?: boolean;\n /**\n * The CSS selector of the container where the dialog is rendered.\n */\n containerSelector?: string;\n /**\n * If true, positions the tooltip element.\n */\n tooltip?: boolean;\n /**\n * Class name applied to the tooltip element.\n */\n tooltipClassName?: string;\n /**\n * Callback fired when the dialog is shown.\n */\n onDialogDidShow?: (event?: DialogEvent, eventName?: DialogTriggerEvent | string) => void;\n /**\n * Callback fired when the dialog is hidden.\n */\n onDialogDidHide?: (event: DialogEvent, eventName: DialogTriggerEvent | string) => void;\n /**\n * Callback fired when clicking outside the dialog.\n */\n onClickOutside?: (event: React.MouseEvent) => void;\n /**\n * Callback fired when clicking inside the dialog content.\n */\n onContentClick?: (event: React.MouseEvent) => void;\n /**\n * The z-index applied to the dialog.\n */\n zIndex?: number;\n /**\n * If true, uses derived state from props.\n */\n useDerivedStateFromProps?: boolean;\n /**\n * If true, makes the dialog disappear when the reference element is hidden.\n */\n hideWhenReferenceHidden?: boolean;\n /**\n * If true, triggers the callback when the dialog mounts.\n */\n shouldCallbackOnMount?: boolean;\n /**\n * If true, instantly shows and hides the dialog without delay.\n */\n instantShowAndHide?: boolean;\n /**\n * Callback to dynamically adjust show delay and animation behavior.\n */\n getDynamicShowDelay?: () => { showDelay: number; preventAnimation: boolean };\n /**\n * The content displayed inside the dialog.\n */\n content?: (() => JSX.Element) | JSX.Element;\n /**\n * The element to position the dialog beside.\n */\n children?: ReactElement | ReactElement[] | string;\n /**\n * If true, keyboard focus/blur events behave like mouse enter/leave.\n */\n addKeyboardHideShowTriggersByDefault?: boolean;\n /**\n * If true, disables scrolling for the container element.\n */\n disableContainerScroll?: boolean | string;\n /**\n * Enables the observation of content resize for the popper element.\n * When set to `true`, a ResizeObserver is attached to the popper content,\n * automatically triggering repositioning when the size of the content changes.\n *\n * This is useful for dialogs, tooltips, or popovers with dynamic content\n * that may grow or shrink without a re-render being triggered.\n */\n observeContentResize?: boolean;\n /**\n * If true, provides a LayerProvider context for nested dialogs to render correctly.\n * This is useful when you have components that use Dialog internally (like Dropdown)\n * inside another Dialog, ensuring proper z-index stacking and click-outside behavior.\n */\n enableNestedDialogLayer?: boolean;\n}\n\nexport interface DialogState {\n /**\n * If true, the dialog is open.\n */\n isOpen?: boolean;\n /**\n * If true, the dialog state is derived from props.\n */\n shouldUseDerivedStateFromProps?: boolean;\n /**\n * If true, prevents animation when opening or closing the dialog.\n */\n preventAnimation?: boolean;\n}\n\nexport default class Dialog extends PureComponent<DialogProps, DialogState> {\n static hideShowTriggers = DialogTriggerEventEnum;\n static positions = DialogPositionEnum;\n static animationTypes = AnimationTypeEnum;\n static defaultProps = {\n position: \"top\",\n modifiers: [] as Modifier<any>[],\n moveBy: { main: 0, secondary: 0 },\n showDelay: 100,\n hideDelay: 100,\n showTrigger: Dialog.hideShowTriggers.MOUSE_ENTER,\n hideTrigger: Dialog.hideShowTriggers.MOUSE_LEAVE,\n showOnDialogEnter: false,\n shouldShowOnMount: false,\n disable: false,\n open: false,\n animationType: Dialog.animationTypes.EXPAND,\n preventAnimationOnMount: false,\n tooltip: false,\n onDialogDidShow: NOOP,\n onDialogDidHide: NOOP,\n onClickOutside: NOOP,\n onContentClick: NOOP,\n useDerivedStateFromProps: false,\n hideWhenReferenceHidden: false,\n shouldCallbackOnMount: false,\n instantShowAndHide: false,\n addKeyboardHideShowTriggersByDefault: false,\n observeContentResize: false,\n enableNestedDialogLayer: false\n };\n private showTimeout: NodeJS.Timeout;\n private hideTimeout: NodeJS.Timeout;\n private containerRef: React.RefObject<HTMLDivElement>;\n context!: React.ContextType<typeof LayerContext>;\n\n constructor(props: DialogProps) {\n super(props);\n this.state = {\n shouldUseDerivedStateFromProps: props.useDerivedStateFromProps,\n isOpen: props.shouldShowOnMount\n };\n\n this.containerRef = React.createRef<HTMLDivElement>();\n\n // Binding section.\n this.onMouseEnter = this.onMouseEnter.bind(this);\n this.onMouseLeave = this.onMouseLeave.bind(this);\n this.onMouseDown = this.onMouseDown.bind(this);\n this.onClick = this.onClick.bind(this);\n this.onFocus = this.onFocus.bind(this);\n this.onBlur = this.onBlur.bind(this);\n this.isShown = this.isShown.bind(this);\n this.onEsc = this.onEsc.bind(this);\n this.onClickOutside = this.onClickOutside.bind(this);\n this.onDialogEnter = this.onDialogEnter.bind(this);\n this.onDialogLeave = this.onDialogLeave.bind(this);\n this.getContainer = this.getContainer.bind(this);\n this.onContentClick = this.onContentClick.bind(this);\n this.onKeyDown = this.onKeyDown.bind(this);\n this.closeDialogOnEscape = this.closeDialogOnEscape.bind(this);\n this.onContextMenu = this.onContextMenu.bind(this);\n this.getDefaultContainer = this.getDefaultContainer.bind(this);\n\n // Timeouts\n this.hideTimeout = null;\n this.showTimeout = null;\n }\n\n closeDialogOnEscape(event: KeyboardEvent) {\n const { isOpen } = this.state;\n if (!isOpen) {\n return;\n }\n switch (event.key) {\n case \"Escape\":\n this.hideDialogIfNeeded(event, DialogTriggerEventEnum.ESCAPE_KEY);\n break;\n case \"Tab\":\n this.handleEvent(DialogTriggerEventEnum.TAB_KEY, event.target, event);\n break;\n case \"Enter\":\n this.handleEvent(DialogTriggerEventEnum.ENTER, event.target, event);\n break;\n default:\n break;\n }\n }\n\n componentDidMount() {\n const { shouldCallbackOnMount, onDialogDidShow } = this.props;\n const { isOpen } = this.state;\n if (isClient()) {\n document.addEventListener(\"keyup\", this.closeDialogOnEscape);\n }\n if (shouldCallbackOnMount && isOpen) {\n onDialogDidShow && onDialogDidShow();\n }\n }\n\n componentWillUnmount() {\n if (isClient()) {\n document.removeEventListener(\"keyup\", this.closeDialogOnEscape);\n }\n if (this.showTimeout) {\n clearTimeout(this.showTimeout);\n this.showTimeout = null;\n }\n if (this.hideTimeout) {\n clearTimeout(this.hideTimeout);\n this.hideTimeout = null;\n }\n }\n\n static getDerivedStateFromProps(nextProps: DialogProps, state: DialogState): DialogState {\n if (state.shouldUseDerivedStateFromProps) {\n return { isOpen: nextProps.isOpen };\n }\n return null;\n }\n\n getDefaultContainer() {\n const { layerRef } = this.context;\n if (layerRef?.current) {\n return layerRef.current;\n }\n return document.body;\n }\n\n getContainer() {\n const { containerSelector } = this.props;\n if (!containerSelector) {\n return this.getDefaultContainer();\n }\n\n const containerElement = document.querySelector(containerSelector);\n if (!containerElement || !(containerElement instanceof Element)) {\n return this.getDefaultContainer();\n }\n return containerElement;\n }\n\n showDialog(event: DialogEvent, eventName: DialogTriggerEvent | string, options: { preventAnimation?: boolean } = {}) {\n const { showDelay, instantShowAndHide, getDynamicShowDelay } = this.props;\n let finalShowDelay = showDelay;\n let preventAnimation = options.preventAnimation;\n if (getDynamicShowDelay) {\n const dynamicDelayObj = getDynamicShowDelay();\n finalShowDelay = dynamicDelayObj.showDelay || 0;\n preventAnimation = preventAnimation || dynamicDelayObj.preventAnimation;\n }\n\n if (instantShowAndHide) {\n this.onShowDialog(event, eventName);\n this.setState({ isOpen: true, preventAnimation });\n this.showTimeout = null;\n } else {\n this.showTimeout = setTimeout(() => {\n this.onShowDialog(event, eventName);\n this.showTimeout = null;\n this.setState({ isOpen: true, preventAnimation });\n }, finalShowDelay);\n }\n }\n\n onShowDialog(event: DialogEvent, eventName: DialogTriggerEvent | string) {\n if (this.isShown()) return;\n const { onDialogDidShow } = this.props;\n onDialogDidShow(event, eventName);\n }\n\n showDialogIfNeeded(event: DialogEvent, eventName: DialogTriggerEvent | string, options = {}) {\n const { disable } = this.props;\n if (disable) {\n return;\n }\n\n if (this.hideTimeout) {\n clearTimeout(this.hideTimeout);\n this.hideTimeout = null;\n }\n\n if (!this.showTimeout) {\n this.showDialog(event, eventName, options);\n }\n }\n\n hideDialog(event: DialogEvent, eventName: DialogTriggerEvent | string) {\n const { hideDelay, instantShowAndHide } = this.props;\n if (instantShowAndHide) {\n this.onHideDialog(event, eventName);\n this.setState({ isOpen: false });\n this.hideTimeout = null;\n } else {\n this.hideTimeout = setTimeout(() => {\n this.onHideDialog(event, eventName);\n this.setState({ isOpen: false });\n this.hideTimeout = null;\n }, hideDelay);\n }\n }\n\n onHideDialog(event: DialogEvent, eventName: DialogTriggerEvent | string) {\n const { onDialogDidHide } = this.props;\n if (onDialogDidHide) onDialogDidHide(event, eventName);\n }\n\n hideDialogIfNeeded(event: DialogEvent, eventName: DialogTriggerEvent | string) {\n if (this.showTimeout) {\n clearTimeout(this.showTimeout);\n this.showTimeout = null;\n }\n\n if (this.hideTimeout) {\n return;\n }\n this.hideDialog(event, eventName);\n }\n\n handleEvent(eventName: DialogTriggerEvent, target: EventTarget, event: DialogEvent) {\n const { showTriggerIgnoreClass, hideTriggerIgnoreClass } = this.props;\n if (\n this.isShowTrigger(eventName) &&\n !this.isShown() &&\n !isInsideClass(target as HTMLElement, showTriggerIgnoreClass)\n ) {\n return this.showDialogIfNeeded(event, eventName);\n }\n\n if (this.isHideTrigger(eventName) && !isInsideClass(target as HTMLElement, hideTriggerIgnoreClass)) {\n return this.hideDialogIfNeeded(event, eventName);\n }\n }\n\n isShown() {\n const { isOpen } = this.state;\n const { open } = this.props;\n\n return isOpen || open;\n }\n\n isShowTrigger(eventName: DialogTriggerEvent) {\n const { showTrigger, addKeyboardHideShowTriggersByDefault } = this.props;\n const showTriggersArray = convertToArray(showTrigger);\n\n if (addKeyboardHideShowTriggersByDefault) {\n if (eventName === \"focus\" && showTriggersArray.indexOf(\"mouseenter\") > -1) {\n return true;\n }\n }\n\n return showTriggersArray.indexOf(eventName) > -1;\n }\n\n isHideTrigger(eventName: DialogTriggerEvent) {\n const { hideTrigger, addKeyboardHideShowTriggersByDefault } = this.props;\n const hideTriggersArray = convertToArray(hideTrigger);\n\n if (addKeyboardHideShowTriggersByDefault) {\n if (eventName === \"blur\" && hideTriggersArray.indexOf(\"mouseleave\") > -1) {\n return true;\n }\n }\n\n return hideTriggersArray.indexOf(eventName) > -1;\n }\n\n onMouseEnter(e: React.MouseEvent) {\n this.handleEvent(\"mouseenter\", e.target, e);\n }\n\n onMouseLeave(e: React.MouseEvent) {\n this.handleEvent(\"mouseleave\", e.target, e);\n }\n\n onClick(e: React.MouseEvent) {\n if (e.button) return;\n this.handleEvent(\"click\", e.target, e);\n }\n\n onKeyDown(event: React.KeyboardEvent) {\n if (event.key === \"Enter\") {\n this.handleEvent(\"enter\", event.target, event);\n }\n\n if (event.key === \"Tab\") {\n this.handleEvent(\"tab\", event.target, event);\n }\n }\n\n onMouseDown(e: React.MouseEvent) {\n if (e.button) return;\n this.handleEvent(\"mousedown\", e.target, e);\n }\n\n onFocus(e: React.FocusEvent) {\n this.handleEvent(\"focus\", e.target, e);\n }\n\n onBlur(e: React.FocusEvent) {\n this.handleEvent(\"blur\", e.relatedTarget, e);\n }\n\n onEsc(e: React.KeyboardEvent) {\n this.handleEvent(\"esckey\", e.target, e);\n }\n\n onContextMenu(e: React.MouseEvent) {\n const isShown = this.isShown();\n if ((this.isShowTrigger(\"contextmenu\") && !isShown) || (this.isHideTrigger(\"contextmenu\") && isShown)) {\n e.preventDefault();\n }\n this.handleEvent(\"contextmenu\", e.target, e);\n }\n\n onClickOutside(event: React.MouseEvent) {\n const { onClickOutside } = this.props;\n this.handleEvent(\"clickoutside\", event.target, event);\n onClickOutside(event);\n }\n\n onDialogEnter(event: React.MouseEvent) {\n const { showOnDialogEnter } = this.props;\n if (showOnDialogEnter) this.showDialogIfNeeded(event, \"DialogEnter\");\n }\n\n onDialogLeave(event: React.MouseEvent) {\n const { showOnDialogEnter } = this.props;\n if (showOnDialogEnter) this.hideDialogIfNeeded(event, \"DialogLeave\");\n }\n\n onContentClick(e: React.MouseEvent) {\n const { onContentClick } = this.props;\n this.handleEvent(\"onContentClick\", e.target, e);\n onContentClick(e);\n }\n\n render() {\n const {\n wrapperClassName,\n content,\n startingEdge,\n children,\n preventAnimationOnMount,\n animationType,\n position,\n showDelay,\n moveBy,\n modifiers,\n tooltip,\n tooltipClassName,\n referenceWrapperClassName,\n referenceWrapperElement,\n zIndex,\n hideWhenReferenceHidden,\n disableContainerScroll,\n containerSelector,\n observeContentResize,\n enableNestedDialogLayer,\n id,\n \"data-testid\": dataTestId\n } = this.props;\n const { preventAnimation } = this.state;\n const overrideDataTestId = dataTestId || getTestId(ComponentDefaultTestId.DIALOG, id);\n\n const animationTypeCalculated = preventAnimationOnMount || preventAnimation ? undefined : animationType;\n const contentRendered = isFunction(content) ? content() : content;\n\n if (!contentRendered) {\n return children;\n }\n return (\n <Manager>\n <Reference>\n {({ ref }) => {\n return (\n <Refable\n className={cx(referenceWrapperClassName)}\n wrapperElement={referenceWrapperElement}\n ref={ref}\n onBlur={chainOnPropsAndInstance(\"onBlur\", this, this.props)}\n onKeyDown={chainOnPropsAndInstance(\"onKeyDown\", this, this.props)}\n onClick={chainOnPropsAndInstance(\"onClick\", this, this.props)}\n onFocus={chainOnPropsAndInstance(\"onFocus\", this, this.props)}\n onMouseDown={chainOnPropsAndInstance(\"onMouseDown\", this, this.props)}\n onMouseEnter={chainOnPropsAndInstance(\"onMouseEnter\", this, this.props)}\n onMouseLeave={chainOnPropsAndInstance(\"onMouseLeave\", this, this.props)}\n onContextMenu={chainOnPropsAndInstance(\"onContextMenu\", this, this.props)}\n >\n {children}\n </Refable>\n );\n }}\n </Reference>\n {isClient() &&\n this.isShown() &&\n createPortal(\n <Popper\n placement={position as unknown as PopperJS.Placement}\n modifiers={[\n {\n name: \"offset\",\n options: {\n offset: [moveBy.secondary, moveBy.main]\n }\n },\n {\n name: \"zIndex\",\n enabled: true,\n phase: \"write\",\n fn({ state }) {\n if (zIndex) {\n state.styles.popper.zIndex = String(zIndex);\n }\n return state;\n }\n },\n {\n name: \"rotator\",\n enabled: true,\n phase: \"write\",\n fn({ state }) {\n if (!state.styles.arrow) {\n return state;\n }\n state.styles.arrow.transform = `${state.styles.arrow.transform} rotate(45deg)`;\n return state;\n }\n },\n createObserveContentResizeModifier(observeContentResize),\n ...modifiers\n ]}\n >\n {({ placement, style, ref, arrowProps, isReferenceHidden }) => {\n if (hideWhenReferenceHidden && isReferenceHidden) {\n const event = new CustomEvent(\"onReferenceHidden\");\n this.hideDialog(event, \"onReferenceHidden\");\n }\n\n const mergedRef = chainRefFunctions([ref, this.containerRef]);\n\n const dialogContent = (\n <DialogContent\n data-testid={overrideDataTestId}\n isReferenceHidden={hideWhenReferenceHidden && isReferenceHidden}\n onMouseEnter={this.onDialogEnter}\n onMouseLeave={this.onDialogLeave}\n onClickOutside={this.onClickOutside}\n onContextMenu={this.onContextMenu}\n onEsc={this.onEsc}\n animationType={animationTypeCalculated}\n position={placement}\n wrapperClassName={wrapperClassName}\n startingEdge={startingEdge}\n isOpen={this.isShown()}\n showDelay={showDelay}\n styleObject={style}\n ref={mergedRef}\n onClick={this.onContentClick}\n hasTooltip={!!tooltip}\n containerSelector={containerSelector}\n disableContainerScroll={disableContainerScroll}\n >\n {contentRendered}\n {tooltip && (\n <div\n style={arrowProps.style}\n ref={arrowProps.ref}\n className={cx(styles.arrow, tooltipClassName)}\n data-placement={placement}\n />\n )}\n </DialogContent>\n );\n\n return enableNestedDialogLayer ? (\n <LayerProvider layerRef={this.containerRef}>{dialogContent}</LayerProvider>\n ) : (\n dialogContent\n );\n }}\n </Popper>,\n this.getContainer()\n )}\n </Manager>\n );\n }\n}\n\nfunction chainOnPropsAndInstance(name: string, instance: Dialog, props: DialogProps) {\n // @ts-ignore\n return chainFunctions([props[name], instance[name]], true);\n}\n\nDialog.contextType = LayerContext;\n"],"names":["Dialog","PureComponent","constructor","props","super","this","state","shouldUseDerivedStateFromProps","useDerivedStateFromProps","isOpen","shouldShowOnMount","containerRef","React","createRef","onMouseEnter","bind","onMouseLeave","onMouseDown","onClick","onFocus","onBlur","isShown","onEsc","onClickOutside","onDialogEnter","onDialogLeave","getContainer","onContentClick","onKeyDown","closeDialogOnEscape","onContextMenu","getDefaultContainer","hideTimeout","showTimeout","event","key","hideDialogIfNeeded","DialogTriggerEventEnum","ESCAPE_KEY","handleEvent","TAB_KEY","target","ENTER","componentDidMount","shouldCallbackOnMount","onDialogDidShow","isClient","document","addEventListener","componentWillUnmount","removeEventListener","clearTimeout","getDerivedStateFromProps","nextProps","layerRef","context","current","body","containerSelector","containerElement","querySelector","Element","showDialog","eventName","options","showDelay","instantShowAndHide","getDynamicShowDelay","finalShowDelay","preventAnimation","dynamicDelayObj","onShowDialog","setState","setTimeout","showDialogIfNeeded","disable","hideDialog","hideDelay","onHideDialog","onDialogDidHide","showTriggerIgnoreClass","hideTriggerIgnoreClass","isShowTrigger","isInsideClass","isHideTrigger","open","showTrigger","addKeyboardHideShowTriggersByDefault","showTriggersArray","convertToArray","indexOf","hideTrigger","hideTriggersArray","e","button","relatedTarget","preventDefault","showOnDialogEnter","render","wrapperClassName","content","startingEdge","children","preventAnimationOnMount","animationType","position","moveBy","modifiers","tooltip","tooltipClassName","referenceWrapperClassName","referenceWrapperElement","zIndex","hideWhenReferenceHidden","disableContainerScroll","observeContentResize","enableNestedDialogLayer","id","dataTestId","overrideDataTestId","getTestId","ComponentDefaultTestId","DIALOG","animationTypeCalculated","undefined","contentRendered","isFunction","Manager","createElement","Reference","ref","Refable","className","cx","wrapperElement","chainOnPropsAndInstance","createPortal","Popper","placement","name","offset","secondary","main","enabled","phase","fn","styles","popper","String","arrow","transform","createObserveContentResizeModifier","style","arrowProps","isReferenceHidden","CustomEvent","mergedRef","chainRefFunctions","dialogContent","DialogContent","styleObject","hasTooltip","LayerProvider","instance","chainFunctions","hideShowTriggers","positions","DialogPositionEnum","animationTypes","AnimationTypeEnum","defaultProps","MOUSE_ENTER","MOUSE_LEAVE","EXPAND","NOOP","contextType","LayerContext"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var
|
|
1
|
+
var e={arrow:"arrow_7dec2eceaa"};!function(e){const a="s_id-3fb64cda561a_3_0_12";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+a))return;const r=document.createElement("style");r.id=a,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".arrow_7dec2eceaa {\n width: 12px;\n height: 12px;\n position: absolute;\n border-radius: 2px;\n background-color: var(--secondary-background-color);\n}\n.dark-app-theme .arrow_7dec2eceaa[data-placement*=right], .black-app-theme .arrow_7dec2eceaa[data-placement*=right], .hacker-app-theme .arrow_7dec2eceaa[data-placement*=right] {\n box-shadow: -1px 1px 0px 0px var(--layout-border-color);\n}\n.dark-app-theme .arrow_7dec2eceaa[data-placement*=left], .black-app-theme .arrow_7dec2eceaa[data-placement*=left], .hacker-app-theme .arrow_7dec2eceaa[data-placement*=left] {\n box-shadow: 1px -1px 0px 0px var(--layout-border-color);\n}\n.dark-app-theme .arrow_7dec2eceaa[data-placement*=bottom], .black-app-theme .arrow_7dec2eceaa[data-placement*=bottom], .hacker-app-theme .arrow_7dec2eceaa[data-placement*=bottom] {\n box-shadow: -1px -1px 0px 0px var(--layout-border-color);\n}\n.dark-app-theme .arrow_7dec2eceaa[data-placement*=top], .black-app-theme .arrow_7dec2eceaa[data-placement*=top], .hacker-app-theme .arrow_7dec2eceaa[data-placement*=top] {\n box-shadow: 1px 1px 0px 0px var(--layout-border-color);\n}\n.arrow_7dec2eceaa[data-placement*=bottom] {\n top: 1px;\n}\n.arrow_7dec2eceaa[data-placement*=top] {\n bottom: 1px;\n}\n.arrow_7dec2eceaa[data-placement*=left] {\n right: 1px;\n}\n.arrow_7dec2eceaa[data-placement*=right] {\n left: 1px;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=Dialog.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={contentWrapper:"
|
|
1
|
+
var e={contentWrapper:"contentWrapper_287a24421c",top:"top_9bd04b6947",right:"right_759b7ce5a4",left:"left_5f3b2b4829",bottom:"bottom_d52af13070",bottomStart:"bottomStart_d16c516448",topStart:"topStart_9ef2a3a666",bottomEnd:"bottomEnd_0ac6b2ec64",topEnd:"topEnd_54ddd9dcda",leftStart:"leftStart_9d209e144e",rightStart:"rightStart_4c12067f57",leftEnd:"leftEnd_599fe3fd91",rightEnd:"rightEnd_afb730a642",contentComponent:"contentComponent_4f425b3307",hasTooltip:"hasTooltip_9ea0ea829f",opacitySlideAppear:"opacitySlideAppear_410c018c85",opacitySlideAppearActive:"opacitySlideAppearActive_9017041927",expandAppear:"expandAppear_0f75893317",expandExit:"expandExit_d21bb57095",edgeBottom:"edgeBottom_95be94c1e6",edgeTop:"edgeTop_b7e6abcba8",expandAppearActive:"expandAppearActive_156dbde8f0"};!function(e){const t="s_id-ca4097b848ab_3_0_12";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.contentWrapper_287a24421c {\n outline: 0;\n}\n.contentWrapper_287a24421c.top_9bd04b6947, .contentWrapper_287a24421c.right_759b7ce5a4, .contentWrapper_287a24421c.left_5f3b2b4829, .contentWrapper_287a24421c.bottom_d52af13070 {\n padding: var(--spacing-xs);\n}\n.contentWrapper_287a24421c.bottomStart_d16c516448, .contentWrapper_287a24421c.topStart_9ef2a3a666, .contentWrapper_287a24421c.bottomEnd_0ac6b2ec64, .contentWrapper_287a24421c.topEnd_54ddd9dcda {\n padding-block: var(--spacing-xs);\n}\n.contentWrapper_287a24421c.bottomStart_d16c516448, .contentWrapper_287a24421c.topStart_9ef2a3a666 {\n padding-inline-end: var(--spacing-xs);\n}\n.contentWrapper_287a24421c.bottomEnd_0ac6b2ec64, .contentWrapper_287a24421c.topEnd_54ddd9dcda {\n padding-inline-start: var(--spacing-xs);\n}\n.contentWrapper_287a24421c.leftStart_9d209e144e, .contentWrapper_287a24421c.rightStart_4c12067f57, .contentWrapper_287a24421c.leftEnd_599fe3fd91, .contentWrapper_287a24421c.rightEnd_afb730a642 {\n padding-inline: var(--spacing-xs);\n}\n.contentWrapper_287a24421c.leftStart_9d209e144e, .contentWrapper_287a24421c.rightStart_4c12067f57 {\n padding-block-end: var(--spacing-xs);\n}\n.contentWrapper_287a24421c.leftEnd_599fe3fd91, .contentWrapper_287a24421c.rightEnd_afb730a642 {\n padding-block-start: var(--spacing-xs);\n}\n.contentWrapper_287a24421c[data-popper-reference-hidden=true] {\n visibility: hidden;\n pointer-events: none;\n}\n.contentComponent_4f425b3307:focus {\n outline: none;\n}\n.contentComponent_4f425b3307.hasTooltip_9ea0ea829f {\n padding: 6px;\n}\n.opacitySlideAppear_410c018c85 {\n opacity: 0;\n}\n.opacitySlideAppear_410c018c85.top_9bd04b6947 {\n transform: translateY(var(--spacing-medium));\n}\n.opacitySlideAppear_410c018c85.right_759b7ce5a4 {\n transform: translateX(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear_410c018c85.bottom_d52af13070 {\n transform: translateY(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear_410c018c85.left_5f3b2b4829 {\n transform: translateX(var(--spacing-medium));\n}\n.opacitySlideAppearActive_9017041927 {\n transition: opacity 0.2s ease, transform 0.2s ease-out;\n opacity: 1;\n pointer-events: none;\n}\n.opacitySlideAppearActive_9017041927.top_9bd04b6947, .opacitySlideAppearActive_9017041927.bottom_d52af13070 {\n transform: translateY(0);\n}\n.opacitySlideAppearActive_9017041927.right_759b7ce5a4, .opacitySlideAppearActive_9017041927.left_5f3b2b4829 {\n transform: translateX(0);\n}\n.expandAppear_0f75893317,\n.expandExit_d21bb57095 {\n transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppear_0f75893317.top_9bd04b6947, .expandAppear_0f75893317.topStart_9ef2a3a666, .expandAppear_0f75893317.topEnd_54ddd9dcda,\n.expandExit_d21bb57095.top_9bd04b6947,\n.expandExit_d21bb57095.topStart_9ef2a3a666,\n.expandExit_d21bb57095.topEnd_54ddd9dcda {\n transform-origin: bottom center;\n transform: scale(0.8);\n}\n.expandAppear_0f75893317.top_9bd04b6947.edgeBottom_95be94c1e6, .expandAppear_0f75893317.topStart_9ef2a3a666.edgeBottom_95be94c1e6, .expandAppear_0f75893317.topEnd_54ddd9dcda.edgeBottom_95be94c1e6,\n.expandExit_d21bb57095.top_9bd04b6947.edgeBottom_95be94c1e6,\n.expandExit_d21bb57095.topStart_9ef2a3a666.edgeBottom_95be94c1e6,\n.expandExit_d21bb57095.topEnd_54ddd9dcda.edgeBottom_95be94c1e6 {\n transform-origin: bottom left;\n}\n.expandAppear_0f75893317.top_9bd04b6947.edgeTop_b7e6abcba8, .expandAppear_0f75893317.topStart_9ef2a3a666.edgeTop_b7e6abcba8, .expandAppear_0f75893317.topEnd_54ddd9dcda.edgeTop_b7e6abcba8,\n.expandExit_d21bb57095.top_9bd04b6947.edgeTop_b7e6abcba8,\n.expandExit_d21bb57095.topStart_9ef2a3a666.edgeTop_b7e6abcba8,\n.expandExit_d21bb57095.topEnd_54ddd9dcda.edgeTop_b7e6abcba8 {\n transform-origin: bottom right;\n}\n.expandAppear_0f75893317.right_759b7ce5a4, .expandAppear_0f75893317.rightStart_4c12067f57, .expandAppear_0f75893317.rightEnd_afb730a642,\n.expandExit_d21bb57095.right_759b7ce5a4,\n.expandExit_d21bb57095.rightStart_4c12067f57,\n.expandExit_d21bb57095.rightEnd_afb730a642 {\n transform-origin: left;\n transform: scale(0.8);\n}\n.expandAppear_0f75893317.right_759b7ce5a4.edgeBottom_95be94c1e6, .expandAppear_0f75893317.rightStart_4c12067f57.edgeBottom_95be94c1e6, .expandAppear_0f75893317.rightEnd_afb730a642.edgeBottom_95be94c1e6,\n.expandExit_d21bb57095.right_759b7ce5a4.edgeBottom_95be94c1e6,\n.expandExit_d21bb57095.rightStart_4c12067f57.edgeBottom_95be94c1e6,\n.expandExit_d21bb57095.rightEnd_afb730a642.edgeBottom_95be94c1e6 {\n transform-origin: top left;\n}\n.expandAppear_0f75893317.right_759b7ce5a4.edgeTop_b7e6abcba8, .expandAppear_0f75893317.rightStart_4c12067f57.edgeTop_b7e6abcba8, .expandAppear_0f75893317.rightEnd_afb730a642.edgeTop_b7e6abcba8,\n.expandExit_d21bb57095.right_759b7ce5a4.edgeTop_b7e6abcba8,\n.expandExit_d21bb57095.rightStart_4c12067f57.edgeTop_b7e6abcba8,\n.expandExit_d21bb57095.rightEnd_afb730a642.edgeTop_b7e6abcba8 {\n transform-origin: bottom left;\n}\n.expandAppear_0f75893317.bottom_d52af13070, .expandAppear_0f75893317.bottomStart_d16c516448, .expandAppear_0f75893317.bottomEnd_0ac6b2ec64,\n.expandExit_d21bb57095.bottom_d52af13070,\n.expandExit_d21bb57095.bottomStart_d16c516448,\n.expandExit_d21bb57095.bottomEnd_0ac6b2ec64 {\n transform-origin: top;\n transform: scale(0.8);\n}\n.expandAppear_0f75893317.bottom_d52af13070.edgeBottom_95be94c1e6, .expandAppear_0f75893317.bottomStart_d16c516448.edgeBottom_95be94c1e6, .expandAppear_0f75893317.bottomEnd_0ac6b2ec64.edgeBottom_95be94c1e6,\n.expandExit_d21bb57095.bottom_d52af13070.edgeBottom_95be94c1e6,\n.expandExit_d21bb57095.bottomStart_d16c516448.edgeBottom_95be94c1e6,\n.expandExit_d21bb57095.bottomEnd_0ac6b2ec64.edgeBottom_95be94c1e6 {\n transform-origin: top left;\n}\n.expandAppear_0f75893317.bottom_d52af13070.edgeTop_b7e6abcba8, .expandAppear_0f75893317.bottomStart_d16c516448.edgeTop_b7e6abcba8, .expandAppear_0f75893317.bottomEnd_0ac6b2ec64.edgeTop_b7e6abcba8,\n.expandExit_d21bb57095.bottom_d52af13070.edgeTop_b7e6abcba8,\n.expandExit_d21bb57095.bottomStart_d16c516448.edgeTop_b7e6abcba8,\n.expandExit_d21bb57095.bottomEnd_0ac6b2ec64.edgeTop_b7e6abcba8 {\n transform-origin: top right;\n}\n.expandAppear_0f75893317.left_5f3b2b4829, .expandAppear_0f75893317.leftStart_9d209e144e, .expandAppear_0f75893317.leftEnd_599fe3fd91,\n.expandExit_d21bb57095.left_5f3b2b4829,\n.expandExit_d21bb57095.leftStart_9d209e144e,\n.expandExit_d21bb57095.leftEnd_599fe3fd91 {\n transform-origin: right;\n transform: scale(0.8);\n}\n.expandAppear_0f75893317.left_5f3b2b4829.edgeBottom_95be94c1e6, .expandAppear_0f75893317.leftStart_9d209e144e.edgeBottom_95be94c1e6, .expandAppear_0f75893317.leftEnd_599fe3fd91.edgeBottom_95be94c1e6,\n.expandExit_d21bb57095.left_5f3b2b4829.edgeBottom_95be94c1e6,\n.expandExit_d21bb57095.leftStart_9d209e144e.edgeBottom_95be94c1e6,\n.expandExit_d21bb57095.leftEnd_599fe3fd91.edgeBottom_95be94c1e6 {\n transform-origin: top right;\n}\n.expandAppear_0f75893317.left_5f3b2b4829.edgeTop_b7e6abcba8, .expandAppear_0f75893317.leftStart_9d209e144e.edgeTop_b7e6abcba8, .expandAppear_0f75893317.leftEnd_599fe3fd91.edgeTop_b7e6abcba8,\n.expandExit_d21bb57095.left_5f3b2b4829.edgeTop_b7e6abcba8,\n.expandExit_d21bb57095.leftStart_9d209e144e.edgeTop_b7e6abcba8,\n.expandExit_d21bb57095.leftEnd_599fe3fd91.edgeTop_b7e6abcba8 {\n transform-origin: bottom right;\n}\n.expandExit_d21bb57095 {\n transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppearActive_156dbde8f0 {\n transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n pointer-events: none;\n}\n.expandAppearActive_156dbde8f0.top_9bd04b6947, .expandAppearActive_156dbde8f0.topStart_9ef2a3a666, .expandAppearActive_156dbde8f0.topEnd_54ddd9dcda, .expandAppearActive_156dbde8f0.bottom_d52af13070, .expandAppearActive_156dbde8f0.bottomStart_d16c516448, .expandAppearActive_156dbde8f0.bottomEnd_0ac6b2ec64, .expandAppearActive_156dbde8f0.right_759b7ce5a4, .expandAppearActive_156dbde8f0.rightStart_4c12067f57, .expandAppearActive_156dbde8f0.rightEnd_afb730a642, .expandAppearActive_156dbde8f0.left_5f3b2b4829, .expandAppearActive_156dbde8f0.leftStart_9d209e144e, .expandAppearActive_156dbde8f0.leftEnd_599fe3fd91 {\n transform: scale(1);\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=DialogContent.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={dialogContentContainer:"
|
|
1
|
+
var e={dialogContentContainer:"dialogContentContainer_df8d5d90a6",sizeSmall:"sizeSmall_7dc92fb09e",sizeMedium:"sizeMedium_a2c48e7de0",sizeLarge:"sizeLarge_8479d7a9e5",typePopover:"typePopover_b1991f25e6",typeModal:"typeModal_427ba093ec"};!function(e){const a="s_id-f752ec1c8102_3_0_12";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const o=document.createElement("style");o.id=a,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".dialogContentContainer_df8d5d90a6:focus {\n outline: none;\n}\n\n.sizeSmall_7dc92fb09e {\n padding: var(--spacing-small);\n}\n\n.sizeMedium_a2c48e7de0 {\n padding: var(--spacing-medium);\n}\n\n.sizeLarge_8479d7a9e5 {\n padding: var(--spacing-large);\n}\n\n.typePopover_b1991f25e6 {\n box-shadow: var(--box-shadow-medium);\n border-radius: var(--border-radius-medium);\n background-color: var(--secondary-background-color);\n}\n\n.dark-app-theme .typePopover_b1991f25e6, .black-app-theme .typePopover_b1991f25e6, .hacker-app-theme .typePopover_b1991f25e6 {\n box-shadow: 0 0 0 1px var(--layout-border-color), var(--box-shadow-medium);\n}\n\n.typeModal_427ba093ec {\n box-shadow: var(--box-shadow-large);\n border-radius: var(--border-radius-big);\n background-color: var(--primary-background-color);\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=DialogContentContainer.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import e from"classnames";import t,{PureComponent as i}from"react";import{createPortal as o}from"react-dom";import{Manager as n,Reference as s,Popper as r}from"react-popper";import{isFunction as h}from"es-toolkit";import{NOOP as a,isClient as l,isInsideClass as d,convertToArray as u,getTestId as c,ComponentDefaultTestId as p,chainRefFunctions as m,chainFunctions as g}from"@vibe/shared";import D from"./DialogContent/DialogContent.js";import{Refable as
|
|
1
|
+
import e from"classnames";import t,{PureComponent as i}from"react";import{createPortal as o}from"react-dom";import{Manager as n,Reference as s,Popper as r}from"react-popper";import{isFunction as h}from"es-toolkit";import{NOOP as a,isClient as l,isInsideClass as d,convertToArray as u,getTestId as c,ComponentDefaultTestId as p,chainRefFunctions as m,chainFunctions as g}from"@vibe/shared";import D from"./DialogContent/DialogContent.js";import{Refable as w}from"../Refable/Refable.js";import{HideShowEvent as f,DialogPosition as E,AnimationType as C}from"./DialogConstants.js";import T from"./Dialog.module.scss.js";import{LayerContext as v,LayerProvider as y}from"@vibe/layer";import{createObserveContentResizeModifier as b}from"./modifiers/observeContentResizeModifier.js";class S extends i{constructor(e){super(e),this.state={shouldUseDerivedStateFromProps:e.useDerivedStateFromProps,isOpen:e.shouldShowOnMount},this.containerRef=t.createRef(),this.onMouseEnter=this.onMouseEnter.bind(this),this.onMouseLeave=this.onMouseLeave.bind(this),this.onMouseDown=this.onMouseDown.bind(this),this.onClick=this.onClick.bind(this),this.onFocus=this.onFocus.bind(this),this.onBlur=this.onBlur.bind(this),this.isShown=this.isShown.bind(this),this.onEsc=this.onEsc.bind(this),this.onClickOutside=this.onClickOutside.bind(this),this.onDialogEnter=this.onDialogEnter.bind(this),this.onDialogLeave=this.onDialogLeave.bind(this),this.getContainer=this.getContainer.bind(this),this.onContentClick=this.onContentClick.bind(this),this.onKeyDown=this.onKeyDown.bind(this),this.closeDialogOnEscape=this.closeDialogOnEscape.bind(this),this.onContextMenu=this.onContextMenu.bind(this),this.getDefaultContainer=this.getDefaultContainer.bind(this),this.hideTimeout=null,this.showTimeout=null}closeDialogOnEscape(e){const{isOpen:t}=this.state;if(t)switch(e.key){case"Escape":this.hideDialogIfNeeded(e,f.ESCAPE_KEY);break;case"Tab":this.handleEvent(f.TAB_KEY,e.target,e);break;case"Enter":this.handleEvent(f.ENTER,e.target,e)}}componentDidMount(){const{shouldCallbackOnMount:e,onDialogDidShow:t}=this.props,{isOpen:i}=this.state;l()&&document.addEventListener("keyup",this.closeDialogOnEscape),e&&i&&t&&t()}componentWillUnmount(){l()&&document.removeEventListener("keyup",this.closeDialogOnEscape),this.showTimeout&&(clearTimeout(this.showTimeout),this.showTimeout=null),this.hideTimeout&&(clearTimeout(this.hideTimeout),this.hideTimeout=null)}static getDerivedStateFromProps(e,t){return t.shouldUseDerivedStateFromProps?{isOpen:e.isOpen}:null}getDefaultContainer(){const{layerRef:e}=this.context;return(null==e?void 0:e.current)?e.current:document.body}getContainer(){const{containerSelector:e}=this.props;if(!e)return this.getDefaultContainer();const t=document.querySelector(e);return t&&t instanceof Element?t:this.getDefaultContainer()}showDialog(e,t,i={}){const{showDelay:o,instantShowAndHide:n,getDynamicShowDelay:s}=this.props;let r=o,h=i.preventAnimation;if(s){const e=s();r=e.showDelay||0,h=h||e.preventAnimation}n?(this.onShowDialog(e,t),this.setState({isOpen:!0,preventAnimation:h}),this.showTimeout=null):this.showTimeout=setTimeout((()=>{this.onShowDialog(e,t),this.showTimeout=null,this.setState({isOpen:!0,preventAnimation:h})}),r)}onShowDialog(e,t){if(this.isShown())return;const{onDialogDidShow:i}=this.props;i(e,t)}showDialogIfNeeded(e,t,i={}){const{disable:o}=this.props;o||(this.hideTimeout&&(clearTimeout(this.hideTimeout),this.hideTimeout=null),this.showTimeout||this.showDialog(e,t,i))}hideDialog(e,t){const{hideDelay:i,instantShowAndHide:o}=this.props;o?(this.onHideDialog(e,t),this.setState({isOpen:!1}),this.hideTimeout=null):this.hideTimeout=setTimeout((()=>{this.onHideDialog(e,t),this.setState({isOpen:!1}),this.hideTimeout=null}),i)}onHideDialog(e,t){const{onDialogDidHide:i}=this.props;i&&i(e,t)}hideDialogIfNeeded(e,t){this.showTimeout&&(clearTimeout(this.showTimeout),this.showTimeout=null),this.hideTimeout||this.hideDialog(e,t)}handleEvent(e,t,i){const{showTriggerIgnoreClass:o,hideTriggerIgnoreClass:n}=this.props;return!this.isShowTrigger(e)||this.isShown()||d(t,o)?this.isHideTrigger(e)&&!d(t,n)?this.hideDialogIfNeeded(i,e):void 0:this.showDialogIfNeeded(i,e)}isShown(){const{isOpen:e}=this.state,{open:t}=this.props;return e||t}isShowTrigger(e){const{showTrigger:t,addKeyboardHideShowTriggersByDefault:i}=this.props,o=u(t);return!(!i||"focus"!==e||-1>=o.indexOf("mouseenter"))||o.indexOf(e)>-1}isHideTrigger(e){const{hideTrigger:t,addKeyboardHideShowTriggersByDefault:i}=this.props,o=u(t);return!(!i||"blur"!==e||-1>=o.indexOf("mouseleave"))||o.indexOf(e)>-1}onMouseEnter(e){this.handleEvent("mouseenter",e.target,e)}onMouseLeave(e){this.handleEvent("mouseleave",e.target,e)}onClick(e){e.button||this.handleEvent("click",e.target,e)}onKeyDown(e){"Enter"===e.key&&this.handleEvent("enter",e.target,e),"Tab"===e.key&&this.handleEvent("tab",e.target,e)}onMouseDown(e){e.button||this.handleEvent("mousedown",e.target,e)}onFocus(e){this.handleEvent("focus",e.target,e)}onBlur(e){this.handleEvent("blur",e.relatedTarget,e)}onEsc(e){this.handleEvent("esckey",e.target,e)}onContextMenu(e){const t=this.isShown();(this.isShowTrigger("contextmenu")&&!t||this.isHideTrigger("contextmenu")&&t)&&e.preventDefault(),this.handleEvent("contextmenu",e.target,e)}onClickOutside(e){const{onClickOutside:t}=this.props;this.handleEvent("clickoutside",e.target,e),t(e)}onDialogEnter(e){const{showOnDialogEnter:t}=this.props;t&&this.showDialogIfNeeded(e,"DialogEnter")}onDialogLeave(e){const{showOnDialogEnter:t}=this.props;t&&this.hideDialogIfNeeded(e,"DialogLeave")}onContentClick(e){const{onContentClick:t}=this.props;this.handleEvent("onContentClick",e.target,e),t(e)}render(){const{wrapperClassName:i,content:a,startingEdge:d,children:u,preventAnimationOnMount:g,animationType:f,position:E,showDelay:C,moveBy:v,modifiers:S,tooltip:M,tooltipClassName:k,referenceWrapperClassName:x,referenceWrapperElement:H,zIndex:R,hideWhenReferenceHidden:N,disableContainerScroll:L,containerSelector:A,observeContentResize:I,enableNestedDialogLayer:B,id:F,"data-testid":K}=this.props,{preventAnimation:P}=this.state,j=K||c(p.DIALOG,F),z=g||P?void 0:f,U=h(a)?a():a;return U?t.createElement(n,null,t.createElement(s,null,(({ref:i})=>t.createElement(w,{className:e(x),wrapperElement:H,ref:i,onBlur:O("onBlur",this,this.props),onKeyDown:O("onKeyDown",this,this.props),onClick:O("onClick",this,this.props),onFocus:O("onFocus",this,this.props),onMouseDown:O("onMouseDown",this,this.props),onMouseEnter:O("onMouseEnter",this,this.props),onMouseLeave:O("onMouseLeave",this,this.props),onContextMenu:O("onContextMenu",this,this.props)},u))),l()&&this.isShown()&&o(t.createElement(r,{placement:E,modifiers:[{name:"offset",options:{offset:[v.secondary,v.main]}},{name:"zIndex",enabled:!0,phase:"write",fn:({state:e})=>(R&&(e.styles.popper.zIndex=R+""),e)},{name:"rotator",enabled:!0,phase:"write",fn:({state:e})=>e.styles.arrow?(e.styles.arrow.transform=e.styles.arrow.transform+" rotate(45deg)",e):e},b(I),...S]},(({placement:o,style:n,ref:s,arrowProps:r,isReferenceHidden:h})=>{if(N&&h){const e=new CustomEvent("onReferenceHidden");this.hideDialog(e,"onReferenceHidden")}const a=m([s,this.containerRef]),l=t.createElement(D,{"data-testid":j,isReferenceHidden:N&&h,onMouseEnter:this.onDialogEnter,onMouseLeave:this.onDialogLeave,onClickOutside:this.onClickOutside,onContextMenu:this.onContextMenu,onEsc:this.onEsc,animationType:z,position:o,wrapperClassName:i,startingEdge:d,isOpen:this.isShown(),showDelay:C,styleObject:n,ref:a,onClick:this.onContentClick,hasTooltip:!!M,containerSelector:A,disableContainerScroll:L},U,M&&t.createElement("div",{style:r.style,ref:r.ref,className:e(T.arrow,k),"data-placement":o}));return B?t.createElement(y,{layerRef:this.containerRef},l):l})),this.getContainer())):u}}function O(e,t,i){return g([i[e],t[e]],!0)}S.hideShowTriggers=f,S.positions=E,S.animationTypes=C,S.defaultProps={position:"top",modifiers:[],moveBy:{main:0,secondary:0},showDelay:100,hideDelay:100,showTrigger:S.hideShowTriggers.MOUSE_ENTER,hideTrigger:S.hideShowTriggers.MOUSE_LEAVE,showOnDialogEnter:!1,shouldShowOnMount:!1,disable:!1,open:!1,animationType:S.animationTypes.EXPAND,preventAnimationOnMount:!1,tooltip:!1,onDialogDidShow:a,onDialogDidHide:a,onClickOutside:a,onContentClick:a,useDerivedStateFromProps:!1,hideWhenReferenceHidden:!1,shouldCallbackOnMount:!1,instantShowAndHide:!1,addKeyboardHideShowTriggersByDefault:!1,observeContentResize:!1,enableNestedDialogLayer:!1},S.contextType=v;export{S as default};
|
|
2
2
|
//# sourceMappingURL=Dialog.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.js","sources":["../../../src/Dialog/Dialog.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { PureComponent, type ReactElement } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { Manager, type Modifier, Popper, Reference } from \"react-popper\";\nimport { isFunction } from \"es-toolkit\";\nimport {\n chainFunctions,\n chainRefFunctions,\n convertToArray,\n NOOP,\n isInsideClass,\n type VibeComponentProps,\n ComponentDefaultTestId,\n getTestId,\n isClient\n} from \"@vibe/shared\";\nimport DialogContent from \"./DialogContent/DialogContent\";\nimport { Refable } from \"../Refable/Refable\";\nimport {\n AnimationType as AnimationTypeEnum,\n HideShowEvent as DialogTriggerEventEnum,\n DialogPosition as DialogPositionEnum\n} from \"./DialogConstants\";\nimport type * as PopperJS from \"@popperjs/core\";\nimport styles from \"./Dialog.module.scss\";\nimport {\n type DialogAnimationType,\n type DialogPosition,\n type DialogTriggerEvent,\n type DialogEvent\n} from \"./Dialog.types\";\nimport { LayerContext, LayerProvider } from \"@vibe/layer\";\nimport { createObserveContentResizeModifier } from \"./modifiers/observeContentResizeModifier\";\n\nexport interface DialogProps extends VibeComponentProps {\n /**\n * Class name applied to the reference wrapper element.\n */\n referenceWrapperClassName?: string;\n /**\n * The wrapper element type to use for React components. Defaults to \"span\".\n */\n referenceWrapperElement?: \"span\" | \"div\";\n /**\n * The placement of the dialog relative to the reference element.\n */\n position?: DialogPosition;\n /**\n * Custom Popper.js modifiers.\n * https://popper.js.org/docs/v2/modifiers/\n */\n modifiers?: Modifier<any>[];\n /**\n * The starting edge of the dialog.\n */\n startingEdge?: string;\n /**\n * Offset values for positioning adjustments.\n * `main` - horizontal offset\n * `secondary` - vertical offset\n */\n moveBy?: { main?: number; secondary?: number };\n /**\n * Delay in milliseconds before showing the dialog.\n */\n showDelay?: number;\n /**\n * Delay in milliseconds before hiding the dialog.\n */\n hideDelay?: number;\n /**\n * Events that trigger showing the dialog.\n */\n showTrigger?: DialogTriggerEvent | DialogTriggerEvent[];\n /**\n * Events that trigger hiding the dialog.\n */\n hideTrigger?: DialogTriggerEvent | DialogTriggerEvent[];\n /**\n * If true, prevents closing the dialog when the mouse enters it.\n */\n showOnDialogEnter?: boolean;\n /**\n * If true, shows the dialog when the component mounts.\n */\n shouldShowOnMount?: boolean;\n /**\n * If true, disables opening the dialog.\n */\n disable?: boolean;\n /**\n * Controls the open state of the dialog.\n */\n open?: boolean;\n /**\n * Derived state control for managing dialog visibility.\n */\n isOpen?: boolean;\n /**\n * Classes that prevent showing the dialog when present.\n */\n showTriggerIgnoreClass?: string | Array<string>;\n /**\n * Classes that prevent hiding the dialog when present.\n */\n hideTriggerIgnoreClass?: string | Array<string>;\n /**\n * The animation type used for the dialog.\n */\n animationType?: DialogAnimationType;\n /**\n * Class name applied to the dialog content container.\n */\n wrapperClassName?: string;\n /**\n * If true, prevents animation when mounting.\n */\n preventAnimationOnMount?: boolean;\n /**\n * The CSS selector of the container where the dialog is rendered.\n */\n containerSelector?: string;\n /**\n * If true, positions the tooltip element.\n */\n tooltip?: boolean;\n /**\n * Class name applied to the tooltip element.\n */\n tooltipClassName?: string;\n /**\n * Callback fired when the dialog is shown.\n */\n onDialogDidShow?: (event?: DialogEvent, eventName?: DialogTriggerEvent | string) => void;\n /**\n * Callback fired when the dialog is hidden.\n */\n onDialogDidHide?: (event: DialogEvent, eventName: DialogTriggerEvent | string) => void;\n /**\n * Callback fired when clicking outside the dialog.\n */\n onClickOutside?: (event: React.MouseEvent) => void;\n /**\n * Callback fired when clicking inside the dialog content.\n */\n onContentClick?: (event: React.MouseEvent) => void;\n /**\n * The z-index applied to the dialog.\n */\n zIndex?: number;\n /**\n * If true, uses derived state from props.\n */\n useDerivedStateFromProps?: boolean;\n /**\n * If true, makes the dialog disappear when the reference element is hidden.\n */\n hideWhenReferenceHidden?: boolean;\n /**\n * If true, triggers the callback when the dialog mounts.\n */\n shouldCallbackOnMount?: boolean;\n /**\n * If true, instantly shows and hides the dialog without delay.\n */\n instantShowAndHide?: boolean;\n /**\n * Callback to dynamically adjust show delay and animation behavior.\n */\n getDynamicShowDelay?: () => { showDelay: number; preventAnimation: boolean };\n /**\n * The content displayed inside the dialog.\n */\n content?: (() => JSX.Element) | JSX.Element;\n /**\n * The element to position the dialog beside.\n */\n children?: ReactElement | ReactElement[] | string;\n /**\n * If true, keyboard focus/blur events behave like mouse enter/leave.\n */\n addKeyboardHideShowTriggersByDefault?: boolean;\n /**\n * If true, disables scrolling for the container element.\n */\n disableContainerScroll?: boolean | string;\n /**\n * Enables the observation of content resize for the popper element.\n * When set to `true`, a ResizeObserver is attached to the popper content,\n * automatically triggering repositioning when the size of the content changes.\n *\n * This is useful for dialogs, tooltips, or popovers with dynamic content\n * that may grow or shrink without a re-render being triggered.\n */\n observeContentResize?: boolean;\n /**\n * If true, provides a LayerProvider context for nested dialogs to render correctly.\n * This is useful when you have components that use Dialog internally (like Dropdown)\n * inside another Dialog, ensuring proper z-index stacking and click-outside behavior.\n */\n enableNestedDialogLayer?: boolean;\n}\n\nexport interface DialogState {\n /**\n * If true, the dialog is open.\n */\n isOpen?: boolean;\n /**\n * If true, the dialog state is derived from props.\n */\n shouldUseDerivedStateFromProps?: boolean;\n /**\n * If true, prevents animation when opening or closing the dialog.\n */\n preventAnimation?: boolean;\n}\n\nexport default class Dialog extends PureComponent<DialogProps, DialogState> {\n static hideShowTriggers = DialogTriggerEventEnum;\n static positions = DialogPositionEnum;\n static animationTypes = AnimationTypeEnum;\n static defaultProps = {\n position: \"top\",\n modifiers: [] as Modifier<any>[],\n moveBy: { main: 0, secondary: 0 },\n showDelay: 100,\n hideDelay: 100,\n showTrigger: Dialog.hideShowTriggers.MOUSE_ENTER,\n hideTrigger: Dialog.hideShowTriggers.MOUSE_LEAVE,\n showOnDialogEnter: false,\n shouldShowOnMount: false,\n disable: false,\n open: false,\n animationType: Dialog.animationTypes.EXPAND,\n preventAnimationOnMount: false,\n tooltip: false,\n onDialogDidShow: NOOP,\n onDialogDidHide: NOOP,\n onClickOutside: NOOP,\n onContentClick: NOOP,\n useDerivedStateFromProps: false,\n hideWhenReferenceHidden: false,\n shouldCallbackOnMount: false,\n instantShowAndHide: false,\n addKeyboardHideShowTriggersByDefault: false,\n observeContentResize: false,\n enableNestedDialogLayer: false\n };\n private showTimeout: NodeJS.Timeout;\n private hideTimeout: NodeJS.Timeout;\n private containerRef: React.RefObject<HTMLDivElement>;\n context!: React.ContextType<typeof LayerContext>;\n\n constructor(props: DialogProps) {\n super(props);\n this.state = {\n shouldUseDerivedStateFromProps: props.useDerivedStateFromProps,\n isOpen: props.shouldShowOnMount\n };\n\n this.containerRef = React.createRef<HTMLDivElement>();\n\n // Binding section.\n this.onMouseEnter = this.onMouseEnter.bind(this);\n this.onMouseLeave = this.onMouseLeave.bind(this);\n this.onMouseDown = this.onMouseDown.bind(this);\n this.onClick = this.onClick.bind(this);\n this.onFocus = this.onFocus.bind(this);\n this.onBlur = this.onBlur.bind(this);\n this.isShown = this.isShown.bind(this);\n this.onEsc = this.onEsc.bind(this);\n this.onClickOutside = this.onClickOutside.bind(this);\n this.onDialogEnter = this.onDialogEnter.bind(this);\n this.onDialogLeave = this.onDialogLeave.bind(this);\n this.getContainer = this.getContainer.bind(this);\n this.onContentClick = this.onContentClick.bind(this);\n this.onKeyDown = this.onKeyDown.bind(this);\n this.closeDialogOnEscape = this.closeDialogOnEscape.bind(this);\n this.onContextMenu = this.onContextMenu.bind(this);\n this.getDefaultContainer = this.getDefaultContainer.bind(this);\n\n // Timeouts\n this.hideTimeout = null;\n this.showTimeout = null;\n }\n\n closeDialogOnEscape(event: KeyboardEvent) {\n const { isOpen } = this.state;\n if (!isOpen) {\n return;\n }\n switch (event.key) {\n case \"Escape\":\n this.hideDialogIfNeeded(event, DialogTriggerEventEnum.ESCAPE_KEY);\n break;\n case \"Tab\":\n this.handleEvent(DialogTriggerEventEnum.TAB_KEY, event.target, event);\n break;\n case \"Enter\":\n this.handleEvent(DialogTriggerEventEnum.ENTER, event.target, event);\n break;\n default:\n break;\n }\n }\n\n componentDidMount() {\n const { shouldCallbackOnMount, onDialogDidShow } = this.props;\n const { isOpen } = this.state;\n if (isClient()) {\n document.addEventListener(\"keyup\", this.closeDialogOnEscape);\n }\n if (shouldCallbackOnMount && isOpen) {\n onDialogDidShow && onDialogDidShow();\n }\n }\n\n componentWillUnmount() {\n if (isClient()) {\n document.removeEventListener(\"keyup\", this.closeDialogOnEscape);\n }\n if (this.showTimeout) {\n clearTimeout(this.showTimeout);\n this.showTimeout = null;\n }\n if (this.hideTimeout) {\n clearTimeout(this.hideTimeout);\n this.hideTimeout = null;\n }\n }\n\n static getDerivedStateFromProps(nextProps: DialogProps, state: DialogState): DialogState {\n if (state.shouldUseDerivedStateFromProps) {\n return { isOpen: nextProps.isOpen };\n }\n return null;\n }\n\n getDefaultContainer() {\n const { layerRef } = this.context;\n if (layerRef?.current) {\n return layerRef.current;\n }\n return document.body;\n }\n\n getContainer() {\n const { containerSelector } = this.props;\n if (!containerSelector) {\n return this.getDefaultContainer();\n }\n\n const containerElement = document.querySelector(containerSelector);\n if (!containerElement || !(containerElement instanceof Element)) {\n return this.getDefaultContainer();\n }\n return containerElement;\n }\n\n showDialog(event: DialogEvent, eventName: DialogTriggerEvent | string, options: { preventAnimation?: boolean } = {}) {\n const { showDelay, instantShowAndHide, getDynamicShowDelay } = this.props;\n let finalShowDelay = showDelay;\n let preventAnimation = options.preventAnimation;\n if (getDynamicShowDelay) {\n const dynamicDelayObj = getDynamicShowDelay();\n finalShowDelay = dynamicDelayObj.showDelay || 0;\n preventAnimation = preventAnimation || dynamicDelayObj.preventAnimation;\n }\n\n if (instantShowAndHide) {\n this.onShowDialog(event, eventName);\n this.setState({ isOpen: true, preventAnimation });\n this.showTimeout = null;\n } else {\n this.showTimeout = setTimeout(() => {\n this.onShowDialog(event, eventName);\n this.showTimeout = null;\n this.setState({ isOpen: true, preventAnimation });\n }, finalShowDelay);\n }\n }\n\n onShowDialog(event: DialogEvent, eventName: DialogTriggerEvent | string) {\n if (this.isShown()) return;\n const { onDialogDidShow } = this.props;\n onDialogDidShow(event, eventName);\n }\n\n showDialogIfNeeded(event: DialogEvent, eventName: DialogTriggerEvent | string, options = {}) {\n const { disable } = this.props;\n if (disable) {\n return;\n }\n\n if (this.hideTimeout) {\n clearTimeout(this.hideTimeout);\n this.hideTimeout = null;\n }\n\n if (!this.showTimeout) {\n this.showDialog(event, eventName, options);\n }\n }\n\n hideDialog(event: DialogEvent, eventName: DialogTriggerEvent | string) {\n const { hideDelay, instantShowAndHide } = this.props;\n if (instantShowAndHide) {\n this.onHideDialog(event, eventName);\n this.setState({ isOpen: false });\n this.hideTimeout = null;\n } else {\n this.hideTimeout = setTimeout(() => {\n this.onHideDialog(event, eventName);\n this.setState({ isOpen: false });\n this.hideTimeout = null;\n }, hideDelay);\n }\n }\n\n onHideDialog(event: DialogEvent, eventName: DialogTriggerEvent | string) {\n const { onDialogDidHide } = this.props;\n if (onDialogDidHide) onDialogDidHide(event, eventName);\n }\n\n hideDialogIfNeeded(event: DialogEvent, eventName: DialogTriggerEvent | string) {\n if (this.showTimeout) {\n clearTimeout(this.showTimeout);\n this.showTimeout = null;\n }\n\n if (this.hideTimeout) {\n return;\n }\n this.hideDialog(event, eventName);\n }\n\n handleEvent(eventName: DialogTriggerEvent, target: EventTarget, event: DialogEvent) {\n const { showTriggerIgnoreClass, hideTriggerIgnoreClass } = this.props;\n if (\n this.isShowTrigger(eventName) &&\n !this.isShown() &&\n !isInsideClass(target as HTMLElement, showTriggerIgnoreClass)\n ) {\n return this.showDialogIfNeeded(event, eventName);\n }\n\n if (this.isHideTrigger(eventName) && !isInsideClass(target as HTMLElement, hideTriggerIgnoreClass)) {\n return this.hideDialogIfNeeded(event, eventName);\n }\n }\n\n isShown() {\n const { isOpen } = this.state;\n const { open } = this.props;\n\n return isOpen || open;\n }\n\n isShowTrigger(eventName: DialogTriggerEvent) {\n const { showTrigger, addKeyboardHideShowTriggersByDefault } = this.props;\n const showTriggersArray = convertToArray(showTrigger);\n\n if (addKeyboardHideShowTriggersByDefault) {\n if (eventName === \"focus\" && showTriggersArray.indexOf(\"mouseenter\") > -1) {\n return true;\n }\n }\n\n return showTriggersArray.indexOf(eventName) > -1;\n }\n\n isHideTrigger(eventName: DialogTriggerEvent) {\n const { hideTrigger, addKeyboardHideShowTriggersByDefault } = this.props;\n const hideTriggersArray = convertToArray(hideTrigger);\n\n if (addKeyboardHideShowTriggersByDefault) {\n if (eventName === \"blur\" && hideTriggersArray.indexOf(\"mouseleave\") > -1) {\n return true;\n }\n }\n\n return hideTriggersArray.indexOf(eventName) > -1;\n }\n\n onMouseEnter(e: React.MouseEvent) {\n this.handleEvent(\"mouseenter\", e.target, e);\n }\n\n onMouseLeave(e: React.MouseEvent) {\n this.handleEvent(\"mouseleave\", e.target, e);\n }\n\n onClick(e: React.MouseEvent) {\n if (e.button) return;\n this.handleEvent(\"click\", e.target, e);\n }\n\n onKeyDown(event: React.KeyboardEvent) {\n if (event.key === \"Enter\") {\n this.handleEvent(\"enter\", event.target, event);\n }\n\n if (event.key === \"Tab\") {\n this.handleEvent(\"tab\", event.target, event);\n }\n }\n\n onMouseDown(e: React.MouseEvent) {\n if (e.button) return;\n this.handleEvent(\"mousedown\", e.target, e);\n }\n\n onFocus(e: React.FocusEvent) {\n this.handleEvent(\"focus\", e.target, e);\n }\n\n onBlur(e: React.FocusEvent) {\n this.handleEvent(\"blur\", e.relatedTarget, e);\n }\n\n onEsc(e: React.KeyboardEvent) {\n this.handleEvent(\"esckey\", e.target, e);\n }\n\n onContextMenu(e: React.MouseEvent) {\n const isShown = this.isShown();\n if ((this.isShowTrigger(\"contextmenu\") && !isShown) || (this.isHideTrigger(\"contextmenu\") && isShown)) {\n e.preventDefault();\n }\n this.handleEvent(\"contextmenu\", e.target, e);\n }\n\n onClickOutside(event: React.MouseEvent) {\n const { onClickOutside } = this.props;\n this.handleEvent(\"clickoutside\", event.target, event);\n onClickOutside(event);\n }\n\n onDialogEnter(event: React.MouseEvent) {\n const { showOnDialogEnter } = this.props;\n if (showOnDialogEnter) this.showDialogIfNeeded(event, \"DialogEnter\");\n }\n\n onDialogLeave(event: React.MouseEvent) {\n const { showOnDialogEnter } = this.props;\n if (showOnDialogEnter) this.hideDialogIfNeeded(event, \"DialogLeave\");\n }\n\n onContentClick(e: React.MouseEvent) {\n const { onContentClick } = this.props;\n this.handleEvent(\"onContentClick\", e.target, e);\n onContentClick(e);\n }\n\n render() {\n const {\n wrapperClassName,\n content,\n startingEdge,\n children,\n preventAnimationOnMount,\n animationType,\n position,\n showDelay,\n moveBy,\n modifiers,\n tooltip,\n tooltipClassName,\n referenceWrapperClassName,\n referenceWrapperElement,\n zIndex,\n hideWhenReferenceHidden,\n disableContainerScroll,\n containerSelector,\n observeContentResize,\n enableNestedDialogLayer,\n id,\n \"data-testid\": dataTestId\n } = this.props;\n const { preventAnimation } = this.state;\n const overrideDataTestId = dataTestId || getTestId(ComponentDefaultTestId.DIALOG, id);\n\n const animationTypeCalculated = preventAnimationOnMount || preventAnimation ? undefined : animationType;\n const contentRendered = isFunction(content) ? content() : content;\n\n if (!contentRendered) {\n return children;\n }\n return (\n <Manager>\n <Reference>\n {({ ref }) => {\n return (\n <Refable\n className={cx(referenceWrapperClassName)}\n wrapperElement={referenceWrapperElement}\n ref={ref}\n onBlur={chainOnPropsAndInstance(\"onBlur\", this, this.props)}\n onKeyDown={chainOnPropsAndInstance(\"onKeyDown\", this, this.props)}\n onClick={chainOnPropsAndInstance(\"onClick\", this, this.props)}\n onFocus={chainOnPropsAndInstance(\"onFocus\", this, this.props)}\n onMouseDown={chainOnPropsAndInstance(\"onMouseDown\", this, this.props)}\n onMouseEnter={chainOnPropsAndInstance(\"onMouseEnter\", this, this.props)}\n onMouseLeave={chainOnPropsAndInstance(\"onMouseLeave\", this, this.props)}\n onContextMenu={chainOnPropsAndInstance(\"onContextMenu\", this, this.props)}\n >\n {children}\n </Refable>\n );\n }}\n </Reference>\n {isClient() &&\n createPortal(\n <Popper\n placement={position as unknown as PopperJS.Placement}\n modifiers={[\n {\n name: \"offset\",\n options: {\n offset: [moveBy.secondary, moveBy.main]\n }\n },\n {\n name: \"zIndex\",\n enabled: true,\n phase: \"write\",\n fn({ state }) {\n if (zIndex) {\n state.styles.popper.zIndex = String(zIndex);\n }\n return state;\n }\n },\n {\n name: \"rotator\",\n enabled: true,\n phase: \"write\",\n fn({ state }) {\n if (!state.styles.arrow) {\n return state;\n }\n // const reg = new RegExp(\n // /translate\\(([0-9].*)px, ([0-9].*)px\\)/\n // );\n // const transform = state.styles.arrow.transform;\n // const res = reg.exec(transform);\n // state.styles.popper.transformOrigin = `${100 -\n // res[1]}% ${100 - res[2]}%`;\n state.styles.arrow.transform = `${state.styles.arrow.transform} rotate(45deg)`;\n return state;\n }\n },\n createObserveContentResizeModifier(observeContentResize),\n ...modifiers\n ]}\n >\n {({ placement, style, ref, arrowProps, isReferenceHidden }) => {\n if (!this.isShown() && placement) {\n return null;\n }\n\n if (hideWhenReferenceHidden && isReferenceHidden) {\n const event = new CustomEvent(\"onReferenceHidden\");\n this.hideDialog(event, \"onReferenceHidden\");\n }\n\n const mergedRef = chainRefFunctions([ref, this.containerRef]);\n\n const dialogContent = (\n <DialogContent\n data-testid={overrideDataTestId}\n isReferenceHidden={hideWhenReferenceHidden && isReferenceHidden}\n onMouseEnter={this.onDialogEnter}\n onMouseLeave={this.onDialogLeave}\n onClickOutside={this.onClickOutside}\n onContextMenu={this.onContextMenu}\n onEsc={this.onEsc}\n animationType={animationTypeCalculated}\n position={placement}\n wrapperClassName={wrapperClassName}\n startingEdge={startingEdge}\n isOpen={this.isShown()}\n showDelay={showDelay}\n styleObject={style}\n ref={mergedRef}\n onClick={this.onContentClick}\n hasTooltip={!!tooltip}\n containerSelector={containerSelector}\n disableContainerScroll={disableContainerScroll}\n >\n {contentRendered}\n {tooltip && (\n <div\n style={arrowProps.style}\n ref={arrowProps.ref}\n className={cx(styles.arrow, tooltipClassName)}\n data-placement={placement}\n />\n )}\n </DialogContent>\n );\n\n return enableNestedDialogLayer ? (\n <LayerProvider layerRef={this.containerRef}>{dialogContent}</LayerProvider>\n ) : (\n dialogContent\n );\n }}\n </Popper>,\n this.getContainer()\n )}\n </Manager>\n );\n }\n}\n\nfunction chainOnPropsAndInstance(name: string, instance: Dialog, props: DialogProps) {\n // @ts-ignore\n return chainFunctions([props[name], instance[name]], true);\n}\n\nDialog.contextType = LayerContext;\n"],"names":["Dialog","PureComponent","constructor","props","super","this","state","shouldUseDerivedStateFromProps","useDerivedStateFromProps","isOpen","shouldShowOnMount","containerRef","React","createRef","onMouseEnter","bind","onMouseLeave","onMouseDown","onClick","onFocus","onBlur","isShown","onEsc","onClickOutside","onDialogEnter","onDialogLeave","getContainer","onContentClick","onKeyDown","closeDialogOnEscape","onContextMenu","getDefaultContainer","hideTimeout","showTimeout","event","key","hideDialogIfNeeded","DialogTriggerEventEnum","ESCAPE_KEY","handleEvent","TAB_KEY","target","ENTER","componentDidMount","shouldCallbackOnMount","onDialogDidShow","isClient","document","addEventListener","componentWillUnmount","removeEventListener","clearTimeout","getDerivedStateFromProps","nextProps","layerRef","context","current","body","containerSelector","containerElement","querySelector","Element","showDialog","eventName","options","showDelay","instantShowAndHide","getDynamicShowDelay","finalShowDelay","preventAnimation","dynamicDelayObj","onShowDialog","setState","setTimeout","showDialogIfNeeded","disable","hideDialog","hideDelay","onHideDialog","onDialogDidHide","showTriggerIgnoreClass","hideTriggerIgnoreClass","isShowTrigger","isInsideClass","isHideTrigger","open","showTrigger","addKeyboardHideShowTriggersByDefault","showTriggersArray","convertToArray","indexOf","hideTrigger","hideTriggersArray","e","button","relatedTarget","preventDefault","showOnDialogEnter","render","wrapperClassName","content","startingEdge","children","preventAnimationOnMount","animationType","position","moveBy","modifiers","tooltip","tooltipClassName","referenceWrapperClassName","referenceWrapperElement","zIndex","hideWhenReferenceHidden","disableContainerScroll","observeContentResize","enableNestedDialogLayer","id","dataTestId","overrideDataTestId","getTestId","ComponentDefaultTestId","DIALOG","animationTypeCalculated","undefined","contentRendered","isFunction","Manager","createElement","Reference","ref","Refable","className","cx","wrapperElement","chainOnPropsAndInstance","createPortal","Popper","placement","name","offset","secondary","main","enabled","phase","fn","styles","popper","String","arrow","transform","createObserveContentResizeModifier","style","arrowProps","isReferenceHidden","CustomEvent","mergedRef","chainRefFunctions","dialogContent","DialogContent","styleObject","hasTooltip","LayerProvider","instance","chainFunctions","hideShowTriggers","positions","DialogPositionEnum","animationTypes","AnimationTypeEnum","defaultProps","MOUSE_ENTER","MOUSE_LEAVE","EXPAND","NOOP","contextType","LayerContext"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Dialog.js","sources":["../../../src/Dialog/Dialog.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { PureComponent, type ReactElement } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { Manager, type Modifier, Popper, Reference } from \"react-popper\";\nimport { isFunction } from \"es-toolkit\";\nimport {\n chainFunctions,\n chainRefFunctions,\n convertToArray,\n NOOP,\n isInsideClass,\n type VibeComponentProps,\n ComponentDefaultTestId,\n getTestId,\n isClient\n} from \"@vibe/shared\";\nimport DialogContent from \"./DialogContent/DialogContent\";\nimport { Refable } from \"../Refable/Refable\";\nimport {\n AnimationType as AnimationTypeEnum,\n HideShowEvent as DialogTriggerEventEnum,\n DialogPosition as DialogPositionEnum\n} from \"./DialogConstants\";\nimport type * as PopperJS from \"@popperjs/core\";\nimport styles from \"./Dialog.module.scss\";\nimport {\n type DialogAnimationType,\n type DialogPosition,\n type DialogTriggerEvent,\n type DialogEvent\n} from \"./Dialog.types\";\nimport { LayerContext, LayerProvider } from \"@vibe/layer\";\nimport { createObserveContentResizeModifier } from \"./modifiers/observeContentResizeModifier\";\n\nexport interface DialogProps extends VibeComponentProps {\n /**\n * Class name applied to the reference wrapper element.\n */\n referenceWrapperClassName?: string;\n /**\n * The wrapper element type to use for React components. Defaults to \"span\".\n */\n referenceWrapperElement?: \"span\" | \"div\";\n /**\n * The placement of the dialog relative to the reference element.\n */\n position?: DialogPosition;\n /**\n * Custom Popper.js modifiers.\n * https://popper.js.org/docs/v2/modifiers/\n */\n modifiers?: Modifier<any>[];\n /**\n * The starting edge of the dialog.\n */\n startingEdge?: string;\n /**\n * Offset values for positioning adjustments.\n * `main` - horizontal offset\n * `secondary` - vertical offset\n */\n moveBy?: { main?: number; secondary?: number };\n /**\n * Delay in milliseconds before showing the dialog.\n */\n showDelay?: number;\n /**\n * Delay in milliseconds before hiding the dialog.\n */\n hideDelay?: number;\n /**\n * Events that trigger showing the dialog.\n */\n showTrigger?: DialogTriggerEvent | DialogTriggerEvent[];\n /**\n * Events that trigger hiding the dialog.\n */\n hideTrigger?: DialogTriggerEvent | DialogTriggerEvent[];\n /**\n * If true, prevents closing the dialog when the mouse enters it.\n */\n showOnDialogEnter?: boolean;\n /**\n * If true, shows the dialog when the component mounts.\n */\n shouldShowOnMount?: boolean;\n /**\n * If true, disables opening the dialog.\n */\n disable?: boolean;\n /**\n * Controls the open state of the dialog.\n */\n open?: boolean;\n /**\n * Derived state control for managing dialog visibility.\n */\n isOpen?: boolean;\n /**\n * Classes that prevent showing the dialog when present.\n */\n showTriggerIgnoreClass?: string | Array<string>;\n /**\n * Classes that prevent hiding the dialog when present.\n */\n hideTriggerIgnoreClass?: string | Array<string>;\n /**\n * The animation type used for the dialog.\n */\n animationType?: DialogAnimationType;\n /**\n * Class name applied to the dialog content container.\n */\n wrapperClassName?: string;\n /**\n * If true, prevents animation when mounting.\n */\n preventAnimationOnMount?: boolean;\n /**\n * The CSS selector of the container where the dialog is rendered.\n */\n containerSelector?: string;\n /**\n * If true, positions the tooltip element.\n */\n tooltip?: boolean;\n /**\n * Class name applied to the tooltip element.\n */\n tooltipClassName?: string;\n /**\n * Callback fired when the dialog is shown.\n */\n onDialogDidShow?: (event?: DialogEvent, eventName?: DialogTriggerEvent | string) => void;\n /**\n * Callback fired when the dialog is hidden.\n */\n onDialogDidHide?: (event: DialogEvent, eventName: DialogTriggerEvent | string) => void;\n /**\n * Callback fired when clicking outside the dialog.\n */\n onClickOutside?: (event: React.MouseEvent) => void;\n /**\n * Callback fired when clicking inside the dialog content.\n */\n onContentClick?: (event: React.MouseEvent) => void;\n /**\n * The z-index applied to the dialog.\n */\n zIndex?: number;\n /**\n * If true, uses derived state from props.\n */\n useDerivedStateFromProps?: boolean;\n /**\n * If true, makes the dialog disappear when the reference element is hidden.\n */\n hideWhenReferenceHidden?: boolean;\n /**\n * If true, triggers the callback when the dialog mounts.\n */\n shouldCallbackOnMount?: boolean;\n /**\n * If true, instantly shows and hides the dialog without delay.\n */\n instantShowAndHide?: boolean;\n /**\n * Callback to dynamically adjust show delay and animation behavior.\n */\n getDynamicShowDelay?: () => { showDelay: number; preventAnimation: boolean };\n /**\n * The content displayed inside the dialog.\n */\n content?: (() => JSX.Element) | JSX.Element;\n /**\n * The element to position the dialog beside.\n */\n children?: ReactElement | ReactElement[] | string;\n /**\n * If true, keyboard focus/blur events behave like mouse enter/leave.\n */\n addKeyboardHideShowTriggersByDefault?: boolean;\n /**\n * If true, disables scrolling for the container element.\n */\n disableContainerScroll?: boolean | string;\n /**\n * Enables the observation of content resize for the popper element.\n * When set to `true`, a ResizeObserver is attached to the popper content,\n * automatically triggering repositioning when the size of the content changes.\n *\n * This is useful for dialogs, tooltips, or popovers with dynamic content\n * that may grow or shrink without a re-render being triggered.\n */\n observeContentResize?: boolean;\n /**\n * If true, provides a LayerProvider context for nested dialogs to render correctly.\n * This is useful when you have components that use Dialog internally (like Dropdown)\n * inside another Dialog, ensuring proper z-index stacking and click-outside behavior.\n */\n enableNestedDialogLayer?: boolean;\n}\n\nexport interface DialogState {\n /**\n * If true, the dialog is open.\n */\n isOpen?: boolean;\n /**\n * If true, the dialog state is derived from props.\n */\n shouldUseDerivedStateFromProps?: boolean;\n /**\n * If true, prevents animation when opening or closing the dialog.\n */\n preventAnimation?: boolean;\n}\n\nexport default class Dialog extends PureComponent<DialogProps, DialogState> {\n static hideShowTriggers = DialogTriggerEventEnum;\n static positions = DialogPositionEnum;\n static animationTypes = AnimationTypeEnum;\n static defaultProps = {\n position: \"top\",\n modifiers: [] as Modifier<any>[],\n moveBy: { main: 0, secondary: 0 },\n showDelay: 100,\n hideDelay: 100,\n showTrigger: Dialog.hideShowTriggers.MOUSE_ENTER,\n hideTrigger: Dialog.hideShowTriggers.MOUSE_LEAVE,\n showOnDialogEnter: false,\n shouldShowOnMount: false,\n disable: false,\n open: false,\n animationType: Dialog.animationTypes.EXPAND,\n preventAnimationOnMount: false,\n tooltip: false,\n onDialogDidShow: NOOP,\n onDialogDidHide: NOOP,\n onClickOutside: NOOP,\n onContentClick: NOOP,\n useDerivedStateFromProps: false,\n hideWhenReferenceHidden: false,\n shouldCallbackOnMount: false,\n instantShowAndHide: false,\n addKeyboardHideShowTriggersByDefault: false,\n observeContentResize: false,\n enableNestedDialogLayer: false\n };\n private showTimeout: NodeJS.Timeout;\n private hideTimeout: NodeJS.Timeout;\n private containerRef: React.RefObject<HTMLDivElement>;\n context!: React.ContextType<typeof LayerContext>;\n\n constructor(props: DialogProps) {\n super(props);\n this.state = {\n shouldUseDerivedStateFromProps: props.useDerivedStateFromProps,\n isOpen: props.shouldShowOnMount\n };\n\n this.containerRef = React.createRef<HTMLDivElement>();\n\n // Binding section.\n this.onMouseEnter = this.onMouseEnter.bind(this);\n this.onMouseLeave = this.onMouseLeave.bind(this);\n this.onMouseDown = this.onMouseDown.bind(this);\n this.onClick = this.onClick.bind(this);\n this.onFocus = this.onFocus.bind(this);\n this.onBlur = this.onBlur.bind(this);\n this.isShown = this.isShown.bind(this);\n this.onEsc = this.onEsc.bind(this);\n this.onClickOutside = this.onClickOutside.bind(this);\n this.onDialogEnter = this.onDialogEnter.bind(this);\n this.onDialogLeave = this.onDialogLeave.bind(this);\n this.getContainer = this.getContainer.bind(this);\n this.onContentClick = this.onContentClick.bind(this);\n this.onKeyDown = this.onKeyDown.bind(this);\n this.closeDialogOnEscape = this.closeDialogOnEscape.bind(this);\n this.onContextMenu = this.onContextMenu.bind(this);\n this.getDefaultContainer = this.getDefaultContainer.bind(this);\n\n // Timeouts\n this.hideTimeout = null;\n this.showTimeout = null;\n }\n\n closeDialogOnEscape(event: KeyboardEvent) {\n const { isOpen } = this.state;\n if (!isOpen) {\n return;\n }\n switch (event.key) {\n case \"Escape\":\n this.hideDialogIfNeeded(event, DialogTriggerEventEnum.ESCAPE_KEY);\n break;\n case \"Tab\":\n this.handleEvent(DialogTriggerEventEnum.TAB_KEY, event.target, event);\n break;\n case \"Enter\":\n this.handleEvent(DialogTriggerEventEnum.ENTER, event.target, event);\n break;\n default:\n break;\n }\n }\n\n componentDidMount() {\n const { shouldCallbackOnMount, onDialogDidShow } = this.props;\n const { isOpen } = this.state;\n if (isClient()) {\n document.addEventListener(\"keyup\", this.closeDialogOnEscape);\n }\n if (shouldCallbackOnMount && isOpen) {\n onDialogDidShow && onDialogDidShow();\n }\n }\n\n componentWillUnmount() {\n if (isClient()) {\n document.removeEventListener(\"keyup\", this.closeDialogOnEscape);\n }\n if (this.showTimeout) {\n clearTimeout(this.showTimeout);\n this.showTimeout = null;\n }\n if (this.hideTimeout) {\n clearTimeout(this.hideTimeout);\n this.hideTimeout = null;\n }\n }\n\n static getDerivedStateFromProps(nextProps: DialogProps, state: DialogState): DialogState {\n if (state.shouldUseDerivedStateFromProps) {\n return { isOpen: nextProps.isOpen };\n }\n return null;\n }\n\n getDefaultContainer() {\n const { layerRef } = this.context;\n if (layerRef?.current) {\n return layerRef.current;\n }\n return document.body;\n }\n\n getContainer() {\n const { containerSelector } = this.props;\n if (!containerSelector) {\n return this.getDefaultContainer();\n }\n\n const containerElement = document.querySelector(containerSelector);\n if (!containerElement || !(containerElement instanceof Element)) {\n return this.getDefaultContainer();\n }\n return containerElement;\n }\n\n showDialog(event: DialogEvent, eventName: DialogTriggerEvent | string, options: { preventAnimation?: boolean } = {}) {\n const { showDelay, instantShowAndHide, getDynamicShowDelay } = this.props;\n let finalShowDelay = showDelay;\n let preventAnimation = options.preventAnimation;\n if (getDynamicShowDelay) {\n const dynamicDelayObj = getDynamicShowDelay();\n finalShowDelay = dynamicDelayObj.showDelay || 0;\n preventAnimation = preventAnimation || dynamicDelayObj.preventAnimation;\n }\n\n if (instantShowAndHide) {\n this.onShowDialog(event, eventName);\n this.setState({ isOpen: true, preventAnimation });\n this.showTimeout = null;\n } else {\n this.showTimeout = setTimeout(() => {\n this.onShowDialog(event, eventName);\n this.showTimeout = null;\n this.setState({ isOpen: true, preventAnimation });\n }, finalShowDelay);\n }\n }\n\n onShowDialog(event: DialogEvent, eventName: DialogTriggerEvent | string) {\n if (this.isShown()) return;\n const { onDialogDidShow } = this.props;\n onDialogDidShow(event, eventName);\n }\n\n showDialogIfNeeded(event: DialogEvent, eventName: DialogTriggerEvent | string, options = {}) {\n const { disable } = this.props;\n if (disable) {\n return;\n }\n\n if (this.hideTimeout) {\n clearTimeout(this.hideTimeout);\n this.hideTimeout = null;\n }\n\n if (!this.showTimeout) {\n this.showDialog(event, eventName, options);\n }\n }\n\n hideDialog(event: DialogEvent, eventName: DialogTriggerEvent | string) {\n const { hideDelay, instantShowAndHide } = this.props;\n if (instantShowAndHide) {\n this.onHideDialog(event, eventName);\n this.setState({ isOpen: false });\n this.hideTimeout = null;\n } else {\n this.hideTimeout = setTimeout(() => {\n this.onHideDialog(event, eventName);\n this.setState({ isOpen: false });\n this.hideTimeout = null;\n }, hideDelay);\n }\n }\n\n onHideDialog(event: DialogEvent, eventName: DialogTriggerEvent | string) {\n const { onDialogDidHide } = this.props;\n if (onDialogDidHide) onDialogDidHide(event, eventName);\n }\n\n hideDialogIfNeeded(event: DialogEvent, eventName: DialogTriggerEvent | string) {\n if (this.showTimeout) {\n clearTimeout(this.showTimeout);\n this.showTimeout = null;\n }\n\n if (this.hideTimeout) {\n return;\n }\n this.hideDialog(event, eventName);\n }\n\n handleEvent(eventName: DialogTriggerEvent, target: EventTarget, event: DialogEvent) {\n const { showTriggerIgnoreClass, hideTriggerIgnoreClass } = this.props;\n if (\n this.isShowTrigger(eventName) &&\n !this.isShown() &&\n !isInsideClass(target as HTMLElement, showTriggerIgnoreClass)\n ) {\n return this.showDialogIfNeeded(event, eventName);\n }\n\n if (this.isHideTrigger(eventName) && !isInsideClass(target as HTMLElement, hideTriggerIgnoreClass)) {\n return this.hideDialogIfNeeded(event, eventName);\n }\n }\n\n isShown() {\n const { isOpen } = this.state;\n const { open } = this.props;\n\n return isOpen || open;\n }\n\n isShowTrigger(eventName: DialogTriggerEvent) {\n const { showTrigger, addKeyboardHideShowTriggersByDefault } = this.props;\n const showTriggersArray = convertToArray(showTrigger);\n\n if (addKeyboardHideShowTriggersByDefault) {\n if (eventName === \"focus\" && showTriggersArray.indexOf(\"mouseenter\") > -1) {\n return true;\n }\n }\n\n return showTriggersArray.indexOf(eventName) > -1;\n }\n\n isHideTrigger(eventName: DialogTriggerEvent) {\n const { hideTrigger, addKeyboardHideShowTriggersByDefault } = this.props;\n const hideTriggersArray = convertToArray(hideTrigger);\n\n if (addKeyboardHideShowTriggersByDefault) {\n if (eventName === \"blur\" && hideTriggersArray.indexOf(\"mouseleave\") > -1) {\n return true;\n }\n }\n\n return hideTriggersArray.indexOf(eventName) > -1;\n }\n\n onMouseEnter(e: React.MouseEvent) {\n this.handleEvent(\"mouseenter\", e.target, e);\n }\n\n onMouseLeave(e: React.MouseEvent) {\n this.handleEvent(\"mouseleave\", e.target, e);\n }\n\n onClick(e: React.MouseEvent) {\n if (e.button) return;\n this.handleEvent(\"click\", e.target, e);\n }\n\n onKeyDown(event: React.KeyboardEvent) {\n if (event.key === \"Enter\") {\n this.handleEvent(\"enter\", event.target, event);\n }\n\n if (event.key === \"Tab\") {\n this.handleEvent(\"tab\", event.target, event);\n }\n }\n\n onMouseDown(e: React.MouseEvent) {\n if (e.button) return;\n this.handleEvent(\"mousedown\", e.target, e);\n }\n\n onFocus(e: React.FocusEvent) {\n this.handleEvent(\"focus\", e.target, e);\n }\n\n onBlur(e: React.FocusEvent) {\n this.handleEvent(\"blur\", e.relatedTarget, e);\n }\n\n onEsc(e: React.KeyboardEvent) {\n this.handleEvent(\"esckey\", e.target, e);\n }\n\n onContextMenu(e: React.MouseEvent) {\n const isShown = this.isShown();\n if ((this.isShowTrigger(\"contextmenu\") && !isShown) || (this.isHideTrigger(\"contextmenu\") && isShown)) {\n e.preventDefault();\n }\n this.handleEvent(\"contextmenu\", e.target, e);\n }\n\n onClickOutside(event: React.MouseEvent) {\n const { onClickOutside } = this.props;\n this.handleEvent(\"clickoutside\", event.target, event);\n onClickOutside(event);\n }\n\n onDialogEnter(event: React.MouseEvent) {\n const { showOnDialogEnter } = this.props;\n if (showOnDialogEnter) this.showDialogIfNeeded(event, \"DialogEnter\");\n }\n\n onDialogLeave(event: React.MouseEvent) {\n const { showOnDialogEnter } = this.props;\n if (showOnDialogEnter) this.hideDialogIfNeeded(event, \"DialogLeave\");\n }\n\n onContentClick(e: React.MouseEvent) {\n const { onContentClick } = this.props;\n this.handleEvent(\"onContentClick\", e.target, e);\n onContentClick(e);\n }\n\n render() {\n const {\n wrapperClassName,\n content,\n startingEdge,\n children,\n preventAnimationOnMount,\n animationType,\n position,\n showDelay,\n moveBy,\n modifiers,\n tooltip,\n tooltipClassName,\n referenceWrapperClassName,\n referenceWrapperElement,\n zIndex,\n hideWhenReferenceHidden,\n disableContainerScroll,\n containerSelector,\n observeContentResize,\n enableNestedDialogLayer,\n id,\n \"data-testid\": dataTestId\n } = this.props;\n const { preventAnimation } = this.state;\n const overrideDataTestId = dataTestId || getTestId(ComponentDefaultTestId.DIALOG, id);\n\n const animationTypeCalculated = preventAnimationOnMount || preventAnimation ? undefined : animationType;\n const contentRendered = isFunction(content) ? content() : content;\n\n if (!contentRendered) {\n return children;\n }\n return (\n <Manager>\n <Reference>\n {({ ref }) => {\n return (\n <Refable\n className={cx(referenceWrapperClassName)}\n wrapperElement={referenceWrapperElement}\n ref={ref}\n onBlur={chainOnPropsAndInstance(\"onBlur\", this, this.props)}\n onKeyDown={chainOnPropsAndInstance(\"onKeyDown\", this, this.props)}\n onClick={chainOnPropsAndInstance(\"onClick\", this, this.props)}\n onFocus={chainOnPropsAndInstance(\"onFocus\", this, this.props)}\n onMouseDown={chainOnPropsAndInstance(\"onMouseDown\", this, this.props)}\n onMouseEnter={chainOnPropsAndInstance(\"onMouseEnter\", this, this.props)}\n onMouseLeave={chainOnPropsAndInstance(\"onMouseLeave\", this, this.props)}\n onContextMenu={chainOnPropsAndInstance(\"onContextMenu\", this, this.props)}\n >\n {children}\n </Refable>\n );\n }}\n </Reference>\n {isClient() &&\n this.isShown() &&\n createPortal(\n <Popper\n placement={position as unknown as PopperJS.Placement}\n modifiers={[\n {\n name: \"offset\",\n options: {\n offset: [moveBy.secondary, moveBy.main]\n }\n },\n {\n name: \"zIndex\",\n enabled: true,\n phase: \"write\",\n fn({ state }) {\n if (zIndex) {\n state.styles.popper.zIndex = String(zIndex);\n }\n return state;\n }\n },\n {\n name: \"rotator\",\n enabled: true,\n phase: \"write\",\n fn({ state }) {\n if (!state.styles.arrow) {\n return state;\n }\n state.styles.arrow.transform = `${state.styles.arrow.transform} rotate(45deg)`;\n return state;\n }\n },\n createObserveContentResizeModifier(observeContentResize),\n ...modifiers\n ]}\n >\n {({ placement, style, ref, arrowProps, isReferenceHidden }) => {\n if (hideWhenReferenceHidden && isReferenceHidden) {\n const event = new CustomEvent(\"onReferenceHidden\");\n this.hideDialog(event, \"onReferenceHidden\");\n }\n\n const mergedRef = chainRefFunctions([ref, this.containerRef]);\n\n const dialogContent = (\n <DialogContent\n data-testid={overrideDataTestId}\n isReferenceHidden={hideWhenReferenceHidden && isReferenceHidden}\n onMouseEnter={this.onDialogEnter}\n onMouseLeave={this.onDialogLeave}\n onClickOutside={this.onClickOutside}\n onContextMenu={this.onContextMenu}\n onEsc={this.onEsc}\n animationType={animationTypeCalculated}\n position={placement}\n wrapperClassName={wrapperClassName}\n startingEdge={startingEdge}\n isOpen={this.isShown()}\n showDelay={showDelay}\n styleObject={style}\n ref={mergedRef}\n onClick={this.onContentClick}\n hasTooltip={!!tooltip}\n containerSelector={containerSelector}\n disableContainerScroll={disableContainerScroll}\n >\n {contentRendered}\n {tooltip && (\n <div\n style={arrowProps.style}\n ref={arrowProps.ref}\n className={cx(styles.arrow, tooltipClassName)}\n data-placement={placement}\n />\n )}\n </DialogContent>\n );\n\n return enableNestedDialogLayer ? (\n <LayerProvider layerRef={this.containerRef}>{dialogContent}</LayerProvider>\n ) : (\n dialogContent\n );\n }}\n </Popper>,\n this.getContainer()\n )}\n </Manager>\n );\n }\n}\n\nfunction chainOnPropsAndInstance(name: string, instance: Dialog, props: DialogProps) {\n // @ts-ignore\n return chainFunctions([props[name], instance[name]], true);\n}\n\nDialog.contextType = LayerContext;\n"],"names":["Dialog","PureComponent","constructor","props","super","this","state","shouldUseDerivedStateFromProps","useDerivedStateFromProps","isOpen","shouldShowOnMount","containerRef","React","createRef","onMouseEnter","bind","onMouseLeave","onMouseDown","onClick","onFocus","onBlur","isShown","onEsc","onClickOutside","onDialogEnter","onDialogLeave","getContainer","onContentClick","onKeyDown","closeDialogOnEscape","onContextMenu","getDefaultContainer","hideTimeout","showTimeout","event","key","hideDialogIfNeeded","DialogTriggerEventEnum","ESCAPE_KEY","handleEvent","TAB_KEY","target","ENTER","componentDidMount","shouldCallbackOnMount","onDialogDidShow","isClient","document","addEventListener","componentWillUnmount","removeEventListener","clearTimeout","getDerivedStateFromProps","nextProps","layerRef","context","current","body","containerSelector","containerElement","querySelector","Element","showDialog","eventName","options","showDelay","instantShowAndHide","getDynamicShowDelay","finalShowDelay","preventAnimation","dynamicDelayObj","onShowDialog","setState","setTimeout","showDialogIfNeeded","disable","hideDialog","hideDelay","onHideDialog","onDialogDidHide","showTriggerIgnoreClass","hideTriggerIgnoreClass","isShowTrigger","isInsideClass","isHideTrigger","open","showTrigger","addKeyboardHideShowTriggersByDefault","showTriggersArray","convertToArray","indexOf","hideTrigger","hideTriggersArray","e","button","relatedTarget","preventDefault","showOnDialogEnter","render","wrapperClassName","content","startingEdge","children","preventAnimationOnMount","animationType","position","moveBy","modifiers","tooltip","tooltipClassName","referenceWrapperClassName","referenceWrapperElement","zIndex","hideWhenReferenceHidden","disableContainerScroll","observeContentResize","enableNestedDialogLayer","id","dataTestId","overrideDataTestId","getTestId","ComponentDefaultTestId","DIALOG","animationTypeCalculated","undefined","contentRendered","isFunction","Manager","createElement","Reference","ref","Refable","className","cx","wrapperElement","chainOnPropsAndInstance","createPortal","Popper","placement","name","offset","secondary","main","enabled","phase","fn","styles","popper","String","arrow","transform","createObserveContentResizeModifier","style","arrowProps","isReferenceHidden","CustomEvent","mergedRef","chainRefFunctions","dialogContent","DialogContent","styleObject","hasTooltip","LayerProvider","instance","chainFunctions","hideShowTriggers","positions","DialogPositionEnum","animationTypes","AnimationTypeEnum","defaultProps","MOUSE_ENTER","MOUSE_LEAVE","EXPAND","NOOP","contextType","LayerContext"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var a={arrow:"arrow"};!function(a){const e="s_id-
|
|
1
|
+
var a={arrow:"arrow"};!function(a){const e="s_id-3fb64cda561a_3_0_12";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(a))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=a)}(".arrow {\n width: 12px;\n height: 12px;\n position: absolute;\n border-radius: 2px;\n background-color: var(--secondary-background-color);\n}\n.dark-app-theme .arrow[data-placement*=right], .black-app-theme .arrow[data-placement*=right], .hacker-app-theme .arrow[data-placement*=right] {\n box-shadow: -1px 1px 0px 0px var(--layout-border-color);\n}\n.dark-app-theme .arrow[data-placement*=left], .black-app-theme .arrow[data-placement*=left], .hacker-app-theme .arrow[data-placement*=left] {\n box-shadow: 1px -1px 0px 0px var(--layout-border-color);\n}\n.dark-app-theme .arrow[data-placement*=bottom], .black-app-theme .arrow[data-placement*=bottom], .hacker-app-theme .arrow[data-placement*=bottom] {\n box-shadow: -1px -1px 0px 0px var(--layout-border-color);\n}\n.dark-app-theme .arrow[data-placement*=top], .black-app-theme .arrow[data-placement*=top], .hacker-app-theme .arrow[data-placement*=top] {\n box-shadow: 1px 1px 0px 0px var(--layout-border-color);\n}\n.arrow[data-placement*=bottom] {\n top: 1px;\n}\n.arrow[data-placement*=top] {\n bottom: 1px;\n}\n.arrow[data-placement*=left] {\n right: 1px;\n}\n.arrow[data-placement*=right] {\n left: 1px;\n}");export{a as default};
|
|
2
2
|
//# sourceMappingURL=Dialog.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var t={contentWrapper:"contentWrapper",top:"top",right:"right",left:"left",bottom:"bottom",bottomStart:"bottomStart",topStart:"topStart",bottomEnd:"bottomEnd",topEnd:"topEnd",leftStart:"leftStart",rightStart:"rightStart",leftEnd:"leftEnd",rightEnd:"rightEnd",contentComponent:"contentComponent",hasTooltip:"hasTooltip",opacitySlideAppear:"opacitySlideAppear",opacitySlideAppearActive:"opacitySlideAppearActive",expandAppear:"expandAppear",expandExit:"expandExit",edgeBottom:"edgeBottom",edgeTop:"edgeTop",expandAppearActive:"expandAppearActive"};!function(t){const e="s_id-
|
|
1
|
+
var t={contentWrapper:"contentWrapper",top:"top",right:"right",left:"left",bottom:"bottom",bottomStart:"bottomStart",topStart:"topStart",bottomEnd:"bottomEnd",topEnd:"topEnd",leftStart:"leftStart",rightStart:"rightStart",leftEnd:"leftEnd",rightEnd:"rightEnd",contentComponent:"contentComponent",hasTooltip:"hasTooltip",opacitySlideAppear:"opacitySlideAppear",opacitySlideAppearActive:"opacitySlideAppearActive",expandAppear:"expandAppear",expandExit:"expandExit",edgeBottom:"edgeBottom",edgeTop:"edgeTop",expandAppearActive:"expandAppearActive"};!function(t){const e="s_id-ca4097b848ab_3_0_12";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const p=document.createElement("style");p.id=e,n.firstChild?n.insertBefore(p,n.firstChild):n.appendChild(p),p.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}("/* stylelint-disable */\n/* stylelint-enable */\n.contentWrapper {\n outline: 0;\n}\n.contentWrapper.top, .contentWrapper.right, .contentWrapper.left, .contentWrapper.bottom {\n padding: var(--spacing-xs);\n}\n.contentWrapper.bottomStart, .contentWrapper.topStart, .contentWrapper.bottomEnd, .contentWrapper.topEnd {\n padding-block: var(--spacing-xs);\n}\n.contentWrapper.bottomStart, .contentWrapper.topStart {\n padding-inline-end: var(--spacing-xs);\n}\n.contentWrapper.bottomEnd, .contentWrapper.topEnd {\n padding-inline-start: var(--spacing-xs);\n}\n.contentWrapper.leftStart, .contentWrapper.rightStart, .contentWrapper.leftEnd, .contentWrapper.rightEnd {\n padding-inline: var(--spacing-xs);\n}\n.contentWrapper.leftStart, .contentWrapper.rightStart {\n padding-block-end: var(--spacing-xs);\n}\n.contentWrapper.leftEnd, .contentWrapper.rightEnd {\n padding-block-start: var(--spacing-xs);\n}\n.contentWrapper[data-popper-reference-hidden=true] {\n visibility: hidden;\n pointer-events: none;\n}\n.contentComponent:focus {\n outline: none;\n}\n.contentComponent.hasTooltip {\n padding: 6px;\n}\n.opacitySlideAppear {\n opacity: 0;\n}\n.opacitySlideAppear.top {\n transform: translateY(var(--spacing-medium));\n}\n.opacitySlideAppear.right {\n transform: translateX(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear.bottom {\n transform: translateY(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear.left {\n transform: translateX(var(--spacing-medium));\n}\n.opacitySlideAppearActive {\n transition: opacity 0.2s ease, transform 0.2s ease-out;\n opacity: 1;\n pointer-events: none;\n}\n.opacitySlideAppearActive.top, .opacitySlideAppearActive.bottom {\n transform: translateY(0);\n}\n.opacitySlideAppearActive.right, .opacitySlideAppearActive.left {\n transform: translateX(0);\n}\n.expandAppear,\n.expandExit {\n transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppear.top, .expandAppear.topStart, .expandAppear.topEnd,\n.expandExit.top,\n.expandExit.topStart,\n.expandExit.topEnd {\n transform-origin: bottom center;\n transform: scale(0.8);\n}\n.expandAppear.top.edgeBottom, .expandAppear.topStart.edgeBottom, .expandAppear.topEnd.edgeBottom,\n.expandExit.top.edgeBottom,\n.expandExit.topStart.edgeBottom,\n.expandExit.topEnd.edgeBottom {\n transform-origin: bottom left;\n}\n.expandAppear.top.edgeTop, .expandAppear.topStart.edgeTop, .expandAppear.topEnd.edgeTop,\n.expandExit.top.edgeTop,\n.expandExit.topStart.edgeTop,\n.expandExit.topEnd.edgeTop {\n transform-origin: bottom right;\n}\n.expandAppear.right, .expandAppear.rightStart, .expandAppear.rightEnd,\n.expandExit.right,\n.expandExit.rightStart,\n.expandExit.rightEnd {\n transform-origin: left;\n transform: scale(0.8);\n}\n.expandAppear.right.edgeBottom, .expandAppear.rightStart.edgeBottom, .expandAppear.rightEnd.edgeBottom,\n.expandExit.right.edgeBottom,\n.expandExit.rightStart.edgeBottom,\n.expandExit.rightEnd.edgeBottom {\n transform-origin: top left;\n}\n.expandAppear.right.edgeTop, .expandAppear.rightStart.edgeTop, .expandAppear.rightEnd.edgeTop,\n.expandExit.right.edgeTop,\n.expandExit.rightStart.edgeTop,\n.expandExit.rightEnd.edgeTop {\n transform-origin: bottom left;\n}\n.expandAppear.bottom, .expandAppear.bottomStart, .expandAppear.bottomEnd,\n.expandExit.bottom,\n.expandExit.bottomStart,\n.expandExit.bottomEnd {\n transform-origin: top;\n transform: scale(0.8);\n}\n.expandAppear.bottom.edgeBottom, .expandAppear.bottomStart.edgeBottom, .expandAppear.bottomEnd.edgeBottom,\n.expandExit.bottom.edgeBottom,\n.expandExit.bottomStart.edgeBottom,\n.expandExit.bottomEnd.edgeBottom {\n transform-origin: top left;\n}\n.expandAppear.bottom.edgeTop, .expandAppear.bottomStart.edgeTop, .expandAppear.bottomEnd.edgeTop,\n.expandExit.bottom.edgeTop,\n.expandExit.bottomStart.edgeTop,\n.expandExit.bottomEnd.edgeTop {\n transform-origin: top right;\n}\n.expandAppear.left, .expandAppear.leftStart, .expandAppear.leftEnd,\n.expandExit.left,\n.expandExit.leftStart,\n.expandExit.leftEnd {\n transform-origin: right;\n transform: scale(0.8);\n}\n.expandAppear.left.edgeBottom, .expandAppear.leftStart.edgeBottom, .expandAppear.leftEnd.edgeBottom,\n.expandExit.left.edgeBottom,\n.expandExit.leftStart.edgeBottom,\n.expandExit.leftEnd.edgeBottom {\n transform-origin: top right;\n}\n.expandAppear.left.edgeTop, .expandAppear.leftStart.edgeTop, .expandAppear.leftEnd.edgeTop,\n.expandExit.left.edgeTop,\n.expandExit.leftStart.edgeTop,\n.expandExit.leftEnd.edgeTop {\n transform-origin: bottom right;\n}\n.expandExit {\n transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppearActive {\n transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n pointer-events: none;\n}\n.expandAppearActive.top, .expandAppearActive.topStart, .expandAppearActive.topEnd, .expandAppearActive.bottom, .expandAppearActive.bottomStart, .expandAppearActive.bottomEnd, .expandAppearActive.right, .expandAppearActive.rightStart, .expandAppearActive.rightEnd, .expandAppearActive.left, .expandAppearActive.leftStart, .expandAppearActive.leftEnd {\n transform: scale(1);\n}");export{t as default};
|
|
2
2
|
//# sourceMappingURL=DialogContent.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={dialogContentContainer:"dialogContentContainer",sizeSmall:"sizeSmall",sizeMedium:"sizeMedium",sizeLarge:"sizeLarge",typePopover:"typePopover",typeModal:"typeModal"};!function(e){const n="s_id-
|
|
1
|
+
var e={dialogContentContainer:"dialogContentContainer",sizeSmall:"sizeSmall",sizeMedium:"sizeMedium",sizeLarge:"sizeLarge",typePopover:"typePopover",typeModal:"typeModal"};!function(e){const n="s_id-f752ec1c8102_3_0_12";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".dialogContentContainer:focus {\n outline: none;\n}\n\n.sizeSmall {\n padding: var(--spacing-small);\n}\n\n.sizeMedium {\n padding: var(--spacing-medium);\n}\n\n.sizeLarge {\n padding: var(--spacing-large);\n}\n\n.typePopover {\n box-shadow: var(--box-shadow-medium);\n border-radius: var(--border-radius-medium);\n background-color: var(--secondary-background-color);\n}\n\n.dark-app-theme .typePopover, .black-app-theme .typePopover, .hacker-app-theme .typePopover {\n box-shadow: 0 0 0 1px var(--layout-border-color), var(--box-shadow-medium);\n}\n\n.typeModal {\n box-shadow: var(--box-shadow-large);\n border-radius: var(--border-radius-big);\n background-color: var(--primary-background-color);\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=DialogContentContainer.module.scss.js.map
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vibe/dialog",
|
|
3
|
-
"version": "3.0.
|
|
3
|
+
"version": "3.0.13-alpha-d7904.0",
|
|
4
4
|
"description": "Vibe sub-package for dialog components",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -74,5 +74,5 @@
|
|
|
74
74
|
"../../../node_modules/@vibe/config/.eslintrc.cjs"
|
|
75
75
|
]
|
|
76
76
|
},
|
|
77
|
-
"gitHead": "
|
|
77
|
+
"gitHead": "271b362ae2922bf734fadabe97dff2941dfadd22"
|
|
78
78
|
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|