@vibe/dialog 4.0.1-alpha-649fd.0 → 4.0.2-alpha-5a3e2.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/components/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/components/DialogContent/DialogContent.module.scss.js +1 -1
- package/dist/mocked_classnames/DialogContentContainer/DialogContentContainer.module.scss.js +1 -1
- package/package.json +5 -5
package/dist/Dialog/Dialog.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import e from"classnames";import n,{useState as t,useRef as r,useContext as o,useMemo as a,useCallback as l,useEffect as i}from"react";import{createPortal as s}from"react-dom";import{offset as u,flip as c,shift as m,arrow as d,hide as p,autoUpdate as f,useFloating as g}from"@floating-ui/react-dom";import{isFunction as y}from"es-toolkit";import{convertToArray as h,isInsideClass as v,chainFunctions as w,isClient as b,getTestId as C,ComponentDefaultTestId as D,chainRefFunctions as E,NOOP as k}from"@vibe/shared";import T from"./components/DialogContent/DialogContent.js";import{Refable as x}from"./components/Refable/Refable.js";import M from"./Dialog.module.scss.js";import{LayerContext as S,LayerProvider as O}from"@vibe/layer";function R({id:R,"data-testid":A,children:H,content:L,position:j="top",moveBy:N={main:0,secondary:0},middleware:F=[],startingEdge:I,showDelay:z=100,hideDelay:B=100,instantShowAndHide:K=!1,getDynamicShowDelay:W,showTrigger:q="mouseenter",hideTrigger:G="mouseleave",showOnDialogEnter:P=!1,showTriggerIgnoreClass:V,hideTriggerIgnoreClass:J,addKeyboardHideShowTriggersByDefault:Q=!0,shouldShowOnMount:U=!1,disable:X=!1,open:Y=!1,isOpen:Z,useDerivedStateFromProps:$=!1,animationType:_="expand",preventAnimationOnMount:ee=!1,tooltip:ne=!1,tooltipClassName:te,containerSelector:re,disableContainerScroll:oe,zIndex:ae,wrapperClassName:le,referenceWrapperClassName:ie,referenceWrapperElement:se,onBlur:ue,onKeyDown:ce,onClick:me,onFocus:de,onMouseDown:pe,onMouseEnter:fe,onMouseLeave:ge,onContextMenu:ye,onDialogDidShow:he=k,onDialogDidHide:ve=k,onClickOutside:we=k,onContentClick:be=k,hideWhenReferenceHidden:Ce=!1,shouldCallbackOnMount:De=!1,observeContentResize:Ee=!1,enableNestedDialogLayer:ke=!0}){var Te,xe;const[Me,Se]=t(U),[Oe,Re]=t(!1),[Ae,He]=t(null),Le=r(null),je=r(null),Ne=r(null),Fe=r(null),Ie=n.Children.toArray(H).some((e=>n.isValidElement(e))),{layerRef:ze}=o(S),Be=($?Z:Me)||Y,Ke=a((()=>{const e=[],n=F.filter((e=>null!=e&&"object"==typeof e&&"function"==typeof e.fn)),t=n.some((e=>"offset"===e.name)),r=n.some((e=>"flip"===e.name)),o=n.some((e=>"shift"===e.name));return t||0===N.main&&0===N.secondary||e.push(u({mainAxis:N.main||0,crossAxis:N.secondary||0})),r||e.push(c()),o||e.push(m()),e.push(...n),ne&&e.push(d({element:Fe})),Ce&&e.push(p()),e}),[N.main,N.secondary,ne,Ce,F]),We=l(((e,n,t)=>f(e,n,t,{elementResize:Ee,layoutShift:!1})),[Ee]),{refs:qe,floatingStyles:Ge,placement:Pe,middlewareData:Ve}=g({placement:j,middleware:Ke,whileElementsMounted:We,elements:{reference:Ae}}),Je=null!==(xe=null===(Te=Ve.hide)||void 0===Te?void 0:Te.referenceHidden)&&void 0!==xe&&xe,Qe=l((e=>{const n=h(q);return!(!Q||"focus"!==e||!n.includes("mouseenter"))||n.includes(e)}),[q,Q]),Ue=l((e=>{const n=h(G);return!(!Q||"blur"!==e||!n.includes("mouseleave"))||n.includes(e)}),[G,Q]),Xe=l(((e,n,t={})=>{let r=z,o=t.preventAnimation;if(W){const e=W();r=e.showDelay||0,o=null!=o?o:e.preventAnimation}K?(he(e,n),Se(!0),Re(!!o),Le.current=null):Le.current=setTimeout((()=>{he(e,n),Le.current=null,Se(!0),Re(!!o)}),r)}),[z,W,K,he]),Ye=l(((e,n)=>{K?(ve(e,n),Se(!1),je.current=null):je.current=setTimeout((()=>{ve(e,n),Se(!1),je.current=null}),B)}),[B,K,ve]),Ze=l(((e,n,t={})=>{X||(je.current&&(clearTimeout(je.current),je.current=null),Le.current||Xe(e,n,t))}),[X,Xe]),$e=l(((e,n)=>{Le.current&&(clearTimeout(Le.current),Le.current=null),je.current||Ye(e,n)}),[Ye]),_e=l(((e,n,t)=>{if(n)return!Qe(e)||Be||v(n,V)?Ue(e)&&!v(n,J)?$e(t,e):void 0:Ze(t,e)}),[Qe,Ue,Be,V,J,Ze,$e]),en=l((()=>{if(re){const e=document.querySelector(re);if(e instanceof Element)return e}return(null==ze?void 0:ze.current)||document.body}),[re,ze]),nn=l((e=>_e("mouseenter",e.target,e)),[_e]),tn=l((e=>_e("mouseleave",e.target,e)),[_e]),rn=l((e=>{e.button||_e("click",e.target,e)}),[_e]),on=l((e=>{"Enter"===e.key&&_e("enter",e.target,e),"Tab"===e.key&&_e("tab",e.target,e)}),[_e]),an=l((e=>{e.button||_e("mousedown",e.target,e)}),[_e]),ln=l((e=>_e("focus",e.target,e)),[_e]),sn=l((e=>{_e("blur",e.relatedTarget||e.target,e)}),[_e]),un=l((e=>_e("esckey",e.target,e)),[_e]),cn=l((e=>{(Qe("contextmenu")&&!Be||Ue("contextmenu")&&Be)&&e.preventDefault(),_e("contextmenu",e.target,e)}),[Be,Qe,Ue,_e]),mn=l((e=>{_e("clickoutside",e.target,e),we(e)}),[_e,we]),dn=l((e=>{P&&Ze(e,"DialogEnter")}),[P,Ze]),pn=l((e=>{P&&$e(e,"DialogLeave")}),[P,$e]),fn=l((e=>{_e("onContentClick",e.target,e),be(e)}),[_e,be]),gn=a((()=>w([ue,sn],!0)),[ue,sn]),yn=a((()=>w([ce,on],!0)),[ce,on]),hn=a((()=>w([me,rn],!0)),[me,rn]),vn=a((()=>w([de,ln],!0)),[de,ln]),wn=a((()=>w([pe,an],!0)),[pe,an]),bn=a((()=>w([fe,nn],!0)),[fe,nn]),Cn=a((()=>w([ge,tn],!0)),[ge,tn]),Dn=a((()=>w([ye,cn],!0)),[ye,cn]),En=r();En.current=e=>{if(Be)switch(e.key){case"Escape":$e(e,"esckey");break;case"Tab":_e("tab",e.target,e);break;case"Enter":_e("enter",e.target,e)}},i((()=>{De&&U&&he()}),[]),i((()=>()=>{Le.current&&clearTimeout(Le.current),je.current&&clearTimeout(je.current)}),[]),i((()=>{if(!b())return;const e=e=>{var n;return null===(n=En.current)||void 0===n?void 0:n.call(En,e)};return document.addEventListener("keyup",e),()=>document.removeEventListener("keyup",e)}),[]),i((()=>{if(Ce&&Je&&Be){const e=new CustomEvent("onReferenceHidden");Ye(e,"onReferenceHidden")}}),[Ce,Je,Be,Ye]);const kn=A||C(D.DIALOG,R),Tn=a((()=>{if(!Ve.arrow)return{};const{x:e,y:n}=Ve.arrow;return{left:null!=e?e+"px":"",top:null!=n?n+"px":"",transform:"rotate(45deg)"}}),[Ve.arrow]),xn=a((()=>Object.assign(Ie?Object.assign({},Ge):{},void 0!==ae&&{zIndex:ae})),[Ge,ae,Ie]),Mn=ee||Oe?void 0:_,Sn=y(L)?L():L;if(!Sn)return n.createElement(n.Fragment,null,H);const On=E([qe.setFloating,Ne]),Rn=n.createElement(T,{"data-testid":kn,isReferenceHidden:Ce&&Je,onMouseEnter:dn,onMouseLeave:pn,onClickOutside:mn,onContextMenu:cn,onEsc:un,animationType:Mn,position:Pe,wrapperClassName:le,startingEdge:I,isOpen:Be,showDelay:z,styleObject:xn,ref:On,onClick:fn,hasTooltip:!!ne,containerSelector:re,disableContainerScroll:oe},Sn,ne&&n.createElement("div",{style:Tn,ref:Fe,className:e(M.arrow,te),"data-placement":Pe}));return n.createElement(n.Fragment,null,n.createElement(x,{className:e(ie),wrapperElement:se,ref:He,onBlur:gn,onKeyDown:yn,onClick:hn,onFocus:vn,onMouseDown:wn,onMouseEnter:bn,onMouseLeave:Cn,onContextMenu:Dn},H),b()&&Be&&s(ke?n.createElement(O,{layerRef:Ne},Rn):Rn,en()))}export{R as default};
|
|
1
|
+
import e from"classnames";import n,{useState as t,useRef as r,useContext as o,useMemo as a,useCallback as l,useEffect as i}from"react";import{createPortal as s}from"react-dom";import{offset as u,flip as c,shift as m,arrow as d,hide as p,autoUpdate as f,useFloating as g}from"@floating-ui/react-dom";import{isFunction as y}from"es-toolkit";import{convertToArray as h,isInsideClass as v,chainFunctions as w,isClient as b,getTestId as C,ComponentDefaultTestId as D,chainRefFunctions as E,NOOP as k}from"@vibe/shared";import T from"./components/DialogContent/DialogContent.js";import{Refable as x}from"./components/Refable/Refable.js";import M from"./Dialog.module.scss.js";import{LayerContext as S,LayerProvider as O}from"@vibe/layer";function R({id:R,"data-testid":A,children:H,content:L,position:j="top",moveBy:N={main:0,secondary:0},middleware:F=[],startingEdge:I,showDelay:z=100,hideDelay:B=100,instantShowAndHide:K=!1,getDynamicShowDelay:W,showTrigger:q="mouseenter",hideTrigger:G="mouseleave",showOnDialogEnter:P=!1,showTriggerIgnoreClass:V,hideTriggerIgnoreClass:J,addKeyboardHideShowTriggersByDefault:Q=!0,shouldShowOnMount:U=!1,disable:X=!1,open:Y=!1,isOpen:Z,useDerivedStateFromProps:$=!1,animationType:_="expand",preventAnimationOnMount:ee=!1,tooltip:ne=!1,tooltipClassName:te,containerSelector:re,disableContainerScroll:oe,zIndex:ae,wrapperClassName:le,referenceWrapperClassName:ie,referenceWrapperElement:se,onBlur:ue,onKeyDown:ce,onClick:me,onFocus:de,onMouseDown:pe,onMouseEnter:fe,onMouseLeave:ge,onContextMenu:ye,onDialogDidShow:he=k,onDialogDidHide:ve=k,onClickOutside:we=k,onContentClick:be=k,hideWhenReferenceHidden:Ce=!1,shouldCallbackOnMount:De=!1,observeContentResize:Ee=!1,enableNestedDialogLayer:ke=!0}){var Te,xe;const[Me,Se]=t(U),[Oe,Re]=t(!1),[Ae,He]=t(null),Le=r(null),je=r(null),Ne=r(null),Fe=r(null),Ie=n.Children.toArray(H).some((e=>n.isValidElement(e))),{layerRef:ze}=o(S),Be=($?Z:Me)||Y,Ke=a((()=>{if(!Be)return[];const e=[],n=F.filter((e=>null!=e&&"object"==typeof e&&"function"==typeof e.fn)),t=n.some((e=>"offset"===e.name)),r=n.some((e=>"flip"===e.name)),o=n.some((e=>"shift"===e.name));return t||0===N.main&&0===N.secondary||e.push(u({mainAxis:N.main||0,crossAxis:N.secondary||0})),r||e.push(c()),o||e.push(m()),e.push(...n),ne&&e.push(d({element:Fe})),Ce&&e.push(p()),e}),[Be,N.main,N.secondary,ne,Ce,F]),We=l(((e,n,t)=>f(e,n,t,{elementResize:Ee,layoutShift:!1})),[Ee]),{refs:qe,floatingStyles:Ge,placement:Pe,middlewareData:Ve}=g({placement:j,middleware:Ke,whileElementsMounted:Be?We:void 0,elements:{reference:Ae}}),Je=null!==(xe=null===(Te=Ve.hide)||void 0===Te?void 0:Te.referenceHidden)&&void 0!==xe&&xe,Qe=l((e=>{const n=h(q);return!(!Q||"focus"!==e||!n.includes("mouseenter"))||n.includes(e)}),[q,Q]),Ue=l((e=>{const n=h(G);return!(!Q||"blur"!==e||!n.includes("mouseleave"))||n.includes(e)}),[G,Q]),Xe=l(((e,n,t={})=>{let r=z,o=t.preventAnimation;if(W){const e=W();r=e.showDelay||0,o=null!=o?o:e.preventAnimation}K?(he(e,n),Se(!0),Re(!!o),Le.current=null):Le.current=setTimeout((()=>{he(e,n),Le.current=null,Se(!0),Re(!!o)}),r)}),[z,W,K,he]),Ye=l(((e,n)=>{K?(ve(e,n),Se(!1),je.current=null):je.current=setTimeout((()=>{ve(e,n),Se(!1),je.current=null}),B)}),[B,K,ve]),Ze=l(((e,n,t={})=>{X||(je.current&&(clearTimeout(je.current),je.current=null),Le.current||Xe(e,n,t))}),[X,Xe]),$e=l(((e,n)=>{Le.current&&(clearTimeout(Le.current),Le.current=null),je.current||Ye(e,n)}),[Ye]),_e=l(((e,n,t)=>{if(n)return!Qe(e)||Be||v(n,V)?Ue(e)&&!v(n,J)?$e(t,e):void 0:Ze(t,e)}),[Qe,Ue,Be,V,J,Ze,$e]),en=l((()=>{if(re){const e=document.querySelector(re);if(e instanceof Element)return e}return(null==ze?void 0:ze.current)||document.body}),[re,ze]),nn=l((e=>_e("mouseenter",e.target,e)),[_e]),tn=l((e=>_e("mouseleave",e.target,e)),[_e]),rn=l((e=>{e.button||_e("click",e.target,e)}),[_e]),on=l((e=>{"Enter"===e.key&&_e("enter",e.target,e),"Tab"===e.key&&_e("tab",e.target,e)}),[_e]),an=l((e=>{e.button||_e("mousedown",e.target,e)}),[_e]),ln=l((e=>_e("focus",e.target,e)),[_e]),sn=l((e=>{_e("blur",e.relatedTarget||e.target,e)}),[_e]),un=l((e=>_e("esckey",e.target,e)),[_e]),cn=l((e=>{(Qe("contextmenu")&&!Be||Ue("contextmenu")&&Be)&&e.preventDefault(),_e("contextmenu",e.target,e)}),[Be,Qe,Ue,_e]),mn=l((e=>{_e("clickoutside",e.target,e),we(e)}),[_e,we]),dn=l((e=>{P&&Ze(e,"DialogEnter")}),[P,Ze]),pn=l((e=>{P&&$e(e,"DialogLeave")}),[P,$e]),fn=l((e=>{_e("onContentClick",e.target,e),be(e)}),[_e,be]),gn=a((()=>w([ue,sn],!0)),[ue,sn]),yn=a((()=>w([ce,on],!0)),[ce,on]),hn=a((()=>w([me,rn],!0)),[me,rn]),vn=a((()=>w([de,ln],!0)),[de,ln]),wn=a((()=>w([pe,an],!0)),[pe,an]),bn=a((()=>w([fe,nn],!0)),[fe,nn]),Cn=a((()=>w([ge,tn],!0)),[ge,tn]),Dn=a((()=>w([ye,cn],!0)),[ye,cn]),En=r();En.current=e=>{if(Be)switch(e.key){case"Escape":$e(e,"esckey");break;case"Tab":_e("tab",e.target,e);break;case"Enter":_e("enter",e.target,e)}},i((()=>{De&&U&&he()}),[]),i((()=>()=>{Le.current&&clearTimeout(Le.current),je.current&&clearTimeout(je.current)}),[]),i((()=>{if(!b())return;const e=e=>{var n;return null===(n=En.current)||void 0===n?void 0:n.call(En,e)};return document.addEventListener("keyup",e),()=>document.removeEventListener("keyup",e)}),[]),i((()=>{if(Ce&&Je&&Be){const e=new CustomEvent("onReferenceHidden");Ye(e,"onReferenceHidden")}}),[Ce,Je,Be,Ye]);const kn=A||C(D.DIALOG,R),Tn=a((()=>{if(!Ve.arrow)return{};const{x:e,y:n}=Ve.arrow;return{left:null!=e?e+"px":"",top:null!=n?n+"px":"",transform:"rotate(45deg)"}}),[Ve.arrow]),xn=a((()=>Object.assign(Ie?Object.assign({},Ge):{},void 0!==ae&&{zIndex:ae})),[Ge,ae,Ie]),Mn=ee||Oe?void 0:_,Sn=y(L)?L():L;if(!Sn)return n.createElement(n.Fragment,null,H);const On=E([qe.setFloating,Ne]),Rn=n.createElement(T,{"data-testid":kn,isReferenceHidden:Ce&&Je,onMouseEnter:dn,onMouseLeave:pn,onClickOutside:mn,onContextMenu:cn,onEsc:un,animationType:Mn,position:Pe,wrapperClassName:le,startingEdge:I,isOpen:Be,showDelay:z,styleObject:xn,ref:On,onClick:fn,hasTooltip:!!ne,containerSelector:re,disableContainerScroll:oe},Sn,ne&&n.createElement("div",{style:Tn,ref:Fe,className:e(M.arrow,te),"data-placement":Pe}));return n.createElement(n.Fragment,null,n.createElement(x,{className:e(ie),wrapperElement:se,ref:He,onBlur:gn,onKeyDown:yn,onClick:hn,onFocus:vn,onMouseDown:wn,onMouseEnter:bn,onMouseLeave:Cn,onContextMenu:Dn},H),b()&&Be&&s(ke?n.createElement(O,{layerRef:Ne},Rn):Rn,en()))}export{R 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, { useState, useEffect, useRef, useContext, useCallback, useMemo } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport {\n useFloating,\n offset,\n flip,\n shift,\n hide,\n arrow as arrowMiddleware,\n autoUpdate,\n type Placement,\n type Middleware\n} from \"@floating-ui/react-dom\";\nimport { isFunction } from \"es-toolkit\";\nimport {\n chainFunctions,\n chainRefFunctions,\n convertToArray,\n NOOP,\n isInsideClass,\n ComponentDefaultTestId,\n getTestId,\n isClient\n} from \"@vibe/shared\";\nimport DialogContent from \"./components/DialogContent/DialogContent\";\nimport { Refable } from \"./components/Refable/Refable\";\nimport styles from \"./Dialog.module.scss\";\nimport { type DialogTriggerEvent, type DialogEvent, type DialogProps } from \"./Dialog.types\";\nimport { LayerContext, LayerProvider } from \"@vibe/layer\";\n\nfunction Dialog({\n // Core props\n id,\n \"data-testid\": dataTestId,\n children,\n content,\n position = \"top\",\n moveBy = { main: 0, secondary: 0 },\n middleware: middlewareProp = [],\n startingEdge,\n showDelay = 100,\n hideDelay = 100,\n instantShowAndHide = false,\n getDynamicShowDelay,\n showTrigger = \"mouseenter\",\n hideTrigger = \"mouseleave\",\n showOnDialogEnter = false,\n showTriggerIgnoreClass,\n hideTriggerIgnoreClass,\n addKeyboardHideShowTriggersByDefault = true,\n shouldShowOnMount = false,\n disable = false,\n open = false,\n isOpen: isOpenProp,\n useDerivedStateFromProps = false,\n animationType = \"expand\",\n preventAnimationOnMount = false,\n tooltip = false,\n tooltipClassName,\n containerSelector,\n disableContainerScroll,\n zIndex,\n wrapperClassName,\n referenceWrapperClassName,\n referenceWrapperElement,\n onBlur: onBlurProp,\n onKeyDown: onKeyDownProp,\n onClick: onClickProp,\n onFocus: onFocusProp,\n onMouseDown: onMouseDownProp,\n onMouseEnter: onMouseEnterProp,\n onMouseLeave: onMouseLeaveProp,\n onContextMenu: onContextMenuProp,\n onDialogDidShow = NOOP,\n onDialogDidHide = NOOP,\n onClickOutside: onClickOutsideProp = NOOP,\n onContentClick: onContentClickProp = NOOP,\n hideWhenReferenceHidden = false,\n shouldCallbackOnMount = false,\n observeContentResize = false,\n enableNestedDialogLayer = true\n}: DialogProps) {\n const [isOpenState, setIsOpenState] = useState(shouldShowOnMount);\n const [preventAnimation, setPreventAnimation] = useState(false);\n const [referenceElement, setReferenceElement] = useState<HTMLElement | null>(null);\n\n const showTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n const hideTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n const containerRef = useRef<HTMLDivElement>(null);\n const arrowRef = useRef<HTMLDivElement>(null);\n\n // Check if children are valid React elements (Refable returns null for non-elements)\n const hasValidChildren = React.Children.toArray(children).some(child => React.isValidElement(child));\n\n const { layerRef } = useContext(LayerContext);\n\n // Derived state\n const isOpenInternal = useDerivedStateFromProps ? isOpenProp : isOpenState;\n const isShown = isOpenInternal || open;\n\n // Build middleware array for Floating UI\n const floatingMiddleware = useMemo<Middleware[]>(() => {\n const middlewareList: Middleware[] = [];\n\n // Get user-provided middleware (filter out invalid ones)\n const validMiddleware = middlewareProp.filter(\n (m): m is Middleware => m != null && typeof m === \"object\" && typeof m.fn === \"function\"\n );\n\n // Check if user provided their own middleware to override defaults\n const hasCustomOffset = validMiddleware.some(m => m.name === \"offset\");\n const hasCustomFlip = validMiddleware.some(m => m.name === \"flip\");\n const hasCustomShift = validMiddleware.some(m => m.name === \"shift\");\n\n // Offset middleware - skip if user provided their own\n if (!hasCustomOffset && (moveBy.main !== 0 || moveBy.secondary !== 0)) {\n middlewareList.push(offset({ mainAxis: moveBy.main || 0, crossAxis: moveBy.secondary || 0 }));\n }\n\n // Core positioning middleware - skip if user provided their own\n if (!hasCustomFlip) {\n middlewareList.push(flip());\n }\n if (!hasCustomShift) {\n middlewareList.push(shift());\n }\n\n // Add user-provided middleware\n middlewareList.push(...validMiddleware);\n\n // Arrow middleware - pass ref directly, Floating UI handles null refs\n if (tooltip) {\n middlewareList.push(arrowMiddleware({ element: arrowRef }));\n }\n\n // Hide middleware for detecting when reference is hidden\n if (hideWhenReferenceHidden) {\n middlewareList.push(hide());\n }\n\n return middlewareList;\n }, [moveBy.main, moveBy.secondary, tooltip, hideWhenReferenceHidden, middlewareProp]);\n\n // Configure autoUpdate for position tracking\n const whileElementsMounted = useCallback(\n (reference: HTMLElement, floating: HTMLElement, update: () => void) => {\n return autoUpdate(reference, floating, update, {\n elementResize: observeContentResize,\n layoutShift: false\n });\n },\n [observeContentResize]\n );\n\n // Use Floating UI hook\n const { refs, floatingStyles, placement, middlewareData } = useFloating({\n placement: position as Placement,\n middleware: floatingMiddleware,\n whileElementsMounted,\n elements: {\n reference: referenceElement\n }\n });\n\n // Check if reference is hidden (from hide middleware)\n const isReferenceHidden = middlewareData.hide?.referenceHidden ?? false;\n\n const isShowTrigger = useCallback(\n (eventName: DialogTriggerEvent) => {\n const showTriggersArray = convertToArray(showTrigger);\n if (addKeyboardHideShowTriggersByDefault && eventName === \"focus\" && showTriggersArray.includes(\"mouseenter\")) {\n return true;\n }\n return showTriggersArray.includes(eventName);\n },\n [showTrigger, addKeyboardHideShowTriggersByDefault]\n );\n\n const isHideTrigger = useCallback(\n (eventName: DialogTriggerEvent) => {\n const hideTriggersArray = convertToArray(hideTrigger);\n if (addKeyboardHideShowTriggersByDefault && eventName === \"blur\" && hideTriggersArray.includes(\"mouseleave\")) {\n return true;\n }\n return hideTriggersArray.includes(eventName);\n },\n [hideTrigger, addKeyboardHideShowTriggersByDefault]\n );\n\n const showDialog = useCallback(\n (event: DialogEvent, eventName: DialogTriggerEvent | string, options: { preventAnimation?: boolean } = {}) => {\n let finalShowDelay = showDelay;\n let preventAnimationValue = options.preventAnimation;\n if (getDynamicShowDelay) {\n const dynamicDelayObj = getDynamicShowDelay();\n finalShowDelay = dynamicDelayObj.showDelay || 0;\n preventAnimationValue = preventAnimationValue ?? dynamicDelayObj.preventAnimation;\n }\n\n if (instantShowAndHide) {\n onDialogDidShow(event, eventName);\n setIsOpenState(true);\n setPreventAnimation(!!preventAnimationValue);\n showTimeoutRef.current = null;\n } else {\n showTimeoutRef.current = setTimeout(() => {\n onDialogDidShow(event, eventName);\n showTimeoutRef.current = null;\n setIsOpenState(true);\n setPreventAnimation(!!preventAnimationValue);\n }, finalShowDelay);\n }\n },\n [showDelay, getDynamicShowDelay, instantShowAndHide, onDialogDidShow]\n );\n\n const hideDialog = useCallback(\n (event: DialogEvent, eventName: DialogTriggerEvent | string) => {\n if (instantShowAndHide) {\n onDialogDidHide(event, eventName);\n setIsOpenState(false);\n hideTimeoutRef.current = null;\n } else {\n hideTimeoutRef.current = setTimeout(() => {\n onDialogDidHide(event, eventName);\n setIsOpenState(false);\n hideTimeoutRef.current = null;\n }, hideDelay);\n }\n },\n [hideDelay, instantShowAndHide, onDialogDidHide]\n );\n\n const showDialogIfNeeded = useCallback(\n (event: DialogEvent, eventName: DialogTriggerEvent | string, options = {}) => {\n if (disable) {\n return;\n }\n\n if (hideTimeoutRef.current) {\n clearTimeout(hideTimeoutRef.current);\n hideTimeoutRef.current = null;\n }\n\n if (!showTimeoutRef.current) {\n showDialog(event, eventName, options);\n }\n },\n [disable, showDialog]\n );\n\n const hideDialogIfNeeded = useCallback(\n (event: DialogEvent, eventName: DialogTriggerEvent | string) => {\n if (showTimeoutRef.current) {\n clearTimeout(showTimeoutRef.current);\n showTimeoutRef.current = null;\n }\n\n if (!hideTimeoutRef.current) {\n hideDialog(event, eventName);\n }\n },\n [hideDialog]\n );\n\n // Event handling\n const handleEvent = useCallback(\n (eventName: DialogTriggerEvent, target: EventTarget | null, event: DialogEvent) => {\n if (!target) return; // Guard against null targets (e.g., when focus leaves the document)\n if (isShowTrigger(eventName) && !isShown && !isInsideClass(target as HTMLElement, showTriggerIgnoreClass)) {\n return showDialogIfNeeded(event, eventName);\n }\n\n if (isHideTrigger(eventName) && !isInsideClass(target as HTMLElement, hideTriggerIgnoreClass)) {\n return hideDialogIfNeeded(event, eventName);\n }\n },\n [\n isShowTrigger,\n isHideTrigger,\n isShown,\n showTriggerIgnoreClass,\n hideTriggerIgnoreClass,\n showDialogIfNeeded,\n hideDialogIfNeeded\n ]\n );\n\n const getContainer = useCallback(() => {\n if (containerSelector) {\n const containerElement = document.querySelector(containerSelector);\n if (containerElement instanceof Element) {\n return containerElement;\n }\n }\n return layerRef?.current || document.body;\n }, [containerSelector, layerRef]);\n\n // Memoized event handlers to prevent unnecessary re-renders\n const onMouseEnter = useCallback((e: React.MouseEvent) => handleEvent(\"mouseenter\", e.target, e), [handleEvent]);\n const onMouseLeave = useCallback((e: React.MouseEvent) => handleEvent(\"mouseleave\", e.target, e), [handleEvent]);\n const onClick = useCallback(\n (e: React.MouseEvent) => {\n if (e.button) return;\n handleEvent(\"click\", e.target, e);\n },\n [handleEvent]\n );\n const onKeyDown = useCallback(\n (event: React.KeyboardEvent) => {\n // Handle element-level keyboard events for triggers\n if (event.key === \"Enter\") handleEvent(\"enter\", event.target, event);\n if (event.key === \"Tab\") handleEvent(\"tab\", event.target, event);\n },\n [handleEvent]\n );\n\n const onMouseDown = useCallback(\n (e: React.MouseEvent) => {\n if (e.button) return;\n handleEvent(\"mousedown\", e.target, e);\n },\n [handleEvent]\n );\n const onFocus = useCallback((e: React.FocusEvent) => handleEvent(\"focus\", e.target, e), [handleEvent]);\n const onBlur = useCallback(\n (e: React.FocusEvent) => {\n const target = e.relatedTarget || e.target;\n handleEvent(\"blur\", target, e);\n },\n [handleEvent]\n );\n const onEsc = useCallback((e: React.KeyboardEvent) => handleEvent(\"esckey\", e.target, e), [handleEvent]);\n const onContextMenu = useCallback(\n (e: React.MouseEvent) => {\n if ((isShowTrigger(\"contextmenu\") && !isShown) || (isHideTrigger(\"contextmenu\") && isShown)) {\n e.preventDefault();\n }\n handleEvent(\"contextmenu\", e.target, e);\n },\n [isShown, isShowTrigger, isHideTrigger, handleEvent]\n );\n\n const onClickOutside = useCallback(\n (event: React.MouseEvent) => {\n handleEvent(\"clickoutside\", event.target, event);\n onClickOutsideProp(event);\n },\n [handleEvent, onClickOutsideProp]\n );\n\n const onDialogEnter = useCallback(\n (event: React.MouseEvent) => {\n if (showOnDialogEnter) showDialogIfNeeded(event, \"DialogEnter\");\n },\n [showOnDialogEnter, showDialogIfNeeded]\n );\n\n const onDialogLeave = useCallback(\n (event: React.MouseEvent) => {\n if (showOnDialogEnter) hideDialogIfNeeded(event, \"DialogLeave\");\n },\n [showOnDialogEnter, hideDialogIfNeeded]\n );\n\n const onContentClick = useCallback(\n (e: React.MouseEvent) => {\n handleEvent(\"onContentClick\", e.target, e);\n onContentClickProp(e);\n },\n [handleEvent, onContentClickProp]\n );\n\n // Memoized chained event handlers to prevent Refable children re-renders\n const chainedOnBlur = useMemo(() => chainFunctions([onBlurProp, onBlur], true), [onBlurProp, onBlur]);\n const chainedOnKeyDown = useMemo(() => chainFunctions([onKeyDownProp, onKeyDown], true), [onKeyDownProp, onKeyDown]);\n const chainedOnClick = useMemo(() => chainFunctions([onClickProp, onClick], true), [onClickProp, onClick]);\n const chainedOnFocus = useMemo(() => chainFunctions([onFocusProp, onFocus], true), [onFocusProp, onFocus]);\n const chainedOnMouseDown = useMemo(\n () => chainFunctions([onMouseDownProp, onMouseDown], true),\n [onMouseDownProp, onMouseDown]\n );\n const chainedOnMouseEnter = useMemo(\n () => chainFunctions([onMouseEnterProp, onMouseEnter], true),\n [onMouseEnterProp, onMouseEnter]\n );\n const chainedOnMouseLeave = useMemo(\n () => chainFunctions([onMouseLeaveProp, onMouseLeave], true),\n [onMouseLeaveProp, onMouseLeave]\n );\n const chainedOnContextMenu = useMemo(\n () => chainFunctions([onContextMenuProp, onContextMenu], true),\n [onContextMenuProp, onContextMenu]\n );\n\n // Document-level keyboard handler using stable ref pattern\n // Must handle Escape, Tab, and Enter at document level to match old behavior\n const closeDialogOnEscapeRef = useRef<(event: KeyboardEvent) => void>();\n closeDialogOnEscapeRef.current = (event: KeyboardEvent) => {\n if (!isShown) return;\n\n switch (event.key) {\n case \"Escape\":\n hideDialogIfNeeded(event, \"esckey\");\n break;\n case \"Tab\":\n handleEvent(\"tab\", event.target, event);\n break;\n case \"Enter\":\n handleEvent(\"enter\", event.target, event);\n break;\n }\n };\n\n // Effects\n\n // Callback on mount\n useEffect(() => {\n if (shouldCallbackOnMount && shouldShowOnMount) {\n onDialogDidShow();\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n // Cleanup timeouts on unmount\n useEffect(() => {\n return () => {\n if (showTimeoutRef.current) clearTimeout(showTimeoutRef.current);\n if (hideTimeoutRef.current) clearTimeout(hideTimeoutRef.current);\n };\n }, []);\n\n // Document keyboard listener (stable reference via ref)\n useEffect(() => {\n if (!isClient()) return;\n\n const handler = (event: KeyboardEvent) => closeDialogOnEscapeRef.current?.(event);\n document.addEventListener(\"keyup\", handler);\n return () => document.removeEventListener(\"keyup\", handler);\n }, []);\n\n // Handle reference hidden state\n useEffect(() => {\n if (hideWhenReferenceHidden && isReferenceHidden && isShown) {\n const event = new CustomEvent(\"onReferenceHidden\");\n hideDialog(event, \"onReferenceHidden\");\n }\n }, [hideWhenReferenceHidden, isReferenceHidden, isShown, hideDialog]);\n\n // Computed values\n const overrideDataTestId = dataTestId || getTestId(ComponentDefaultTestId.DIALOG, id);\n\n const arrowStyles = useMemo<React.CSSProperties>(() => {\n if (!middlewareData.arrow) return {};\n const { x, y } = middlewareData.arrow;\n return {\n left: x != null ? `${x}px` : \"\",\n top: y != null ? `${y}px` : \"\",\n transform: \"rotate(45deg)\"\n };\n }, [middlewareData.arrow]);\n\n // Skip Floating UI positioning when no children (e.g. floating Tipseen) — let CSS handle it\n const finalFloatingStyles = useMemo<React.CSSProperties>(\n () =>\n hasValidChildren\n ? { ...floatingStyles, ...(zIndex !== undefined && { zIndex }) }\n : { ...(zIndex !== undefined && { zIndex }) },\n [floatingStyles, zIndex, hasValidChildren]\n );\n\n const animationTypeCalculated = preventAnimationOnMount || preventAnimation ? undefined : animationType;\n const contentRendered = isFunction(content) ? content() : content;\n\n // Early return if no content - wrap in fragment for type safety\n if (!contentRendered) {\n return <>{children}</>;\n }\n\n const mergedFloatingRef = chainRefFunctions([refs.setFloating, containerRef]);\n\n const dialogContent = (\n <DialogContent\n data-testid={overrideDataTestId}\n isReferenceHidden={hideWhenReferenceHidden && isReferenceHidden}\n onMouseEnter={onDialogEnter}\n onMouseLeave={onDialogLeave}\n onClickOutside={onClickOutside}\n onContextMenu={onContextMenu}\n onEsc={onEsc}\n animationType={animationTypeCalculated}\n position={placement}\n wrapperClassName={wrapperClassName}\n startingEdge={startingEdge}\n isOpen={isShown}\n showDelay={showDelay}\n styleObject={finalFloatingStyles}\n ref={mergedFloatingRef}\n onClick={onContentClick}\n hasTooltip={!!tooltip}\n containerSelector={containerSelector}\n disableContainerScroll={disableContainerScroll}\n >\n {contentRendered}\n {tooltip && (\n <div\n style={arrowStyles}\n ref={arrowRef}\n className={cx(styles.arrow, tooltipClassName)}\n data-placement={placement}\n />\n )}\n </DialogContent>\n );\n\n return (\n <>\n <Refable\n className={cx(referenceWrapperClassName)}\n wrapperElement={referenceWrapperElement}\n ref={setReferenceElement}\n onBlur={chainedOnBlur}\n onKeyDown={chainedOnKeyDown}\n onClick={chainedOnClick}\n onFocus={chainedOnFocus}\n onMouseDown={chainedOnMouseDown}\n onMouseEnter={chainedOnMouseEnter}\n onMouseLeave={chainedOnMouseLeave}\n onContextMenu={chainedOnContextMenu}\n >\n {children}\n </Refable>\n {isClient() &&\n isShown &&\n createPortal(\n enableNestedDialogLayer ? (\n <LayerProvider layerRef={containerRef}>{dialogContent}</LayerProvider>\n ) : (\n dialogContent\n ),\n getContainer()\n )}\n </>\n );\n}\n\nexport default Dialog;\n"],"names":["Dialog","id","dataTestId","children","content","position","moveBy","main","secondary","middleware","middlewareProp","startingEdge","showDelay","hideDelay","instantShowAndHide","getDynamicShowDelay","showTrigger","hideTrigger","showOnDialogEnter","showTriggerIgnoreClass","hideTriggerIgnoreClass","addKeyboardHideShowTriggersByDefault","shouldShowOnMount","disable","open","isOpen","isOpenProp","useDerivedStateFromProps","animationType","preventAnimationOnMount","tooltip","tooltipClassName","containerSelector","disableContainerScroll","zIndex","wrapperClassName","referenceWrapperClassName","referenceWrapperElement","onBlur","onBlurProp","onKeyDown","onKeyDownProp","onClick","onClickProp","onFocus","onFocusProp","onMouseDown","onMouseDownProp","onMouseEnter","onMouseEnterProp","onMouseLeave","onMouseLeaveProp","onContextMenu","onContextMenuProp","onDialogDidShow","NOOP","onDialogDidHide","onClickOutside","onClickOutsideProp","onContentClick","onContentClickProp","hideWhenReferenceHidden","shouldCallbackOnMount","observeContentResize","enableNestedDialogLayer","isOpenState","setIsOpenState","useState","preventAnimation","setPreventAnimation","referenceElement","setReferenceElement","showTimeoutRef","useRef","hideTimeoutRef","containerRef","arrowRef","hasValidChildren","React","Children","toArray","some","child","isValidElement","layerRef","useContext","LayerContext","isShown","floatingMiddleware","useMemo","middlewareList","validMiddleware","filter","m","fn","hasCustomOffset","name","hasCustomFlip","hasCustomShift","push","offset","mainAxis","crossAxis","flip","shift","arrowMiddleware","element","hide","whileElementsMounted","useCallback","reference","floating","update","autoUpdate","elementResize","layoutShift","refs","floatingStyles","placement","middlewareData","useFloating","elements","isReferenceHidden","_b","_a","referenceHidden","isShowTrigger","eventName","showTriggersArray","convertToArray","includes","isHideTrigger","hideTriggersArray","showDialog","event","options","finalShowDelay","preventAnimationValue","dynamicDelayObj","current","setTimeout","hideDialog","showDialogIfNeeded","clearTimeout","hideDialogIfNeeded","handleEvent","target","isInsideClass","getContainer","containerElement","document","querySelector","Element","body","e","button","key","relatedTarget","onEsc","preventDefault","onDialogEnter","onDialogLeave","chainedOnBlur","chainFunctions","chainedOnKeyDown","chainedOnClick","chainedOnFocus","chainedOnMouseDown","chainedOnMouseEnter","chainedOnMouseLeave","chainedOnContextMenu","closeDialogOnEscapeRef","useEffect","isClient","handler","call","addEventListener","removeEventListener","CustomEvent","overrideDataTestId","getTestId","ComponentDefaultTestId","DIALOG","arrowStyles","arrow","x","y","left","top","transform","finalFloatingStyles","Object","assign","undefined","animationTypeCalculated","contentRendered","isFunction","createElement","Fragment","mergedFloatingRef","chainRefFunctions","setFloating","dialogContent","DialogContent","styleObject","ref","hasTooltip","style","className","cx","styles","Refable","wrapperElement","createPortal","LayerProvider"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Dialog.js","sources":["../../src/Dialog/Dialog.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { useState, useEffect, useRef, useContext, useCallback, useMemo } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport {\n useFloating,\n offset,\n flip,\n shift,\n hide,\n arrow as arrowMiddleware,\n autoUpdate,\n type Placement,\n type Middleware\n} from \"@floating-ui/react-dom\";\nimport { isFunction } from \"es-toolkit\";\nimport {\n chainFunctions,\n chainRefFunctions,\n convertToArray,\n NOOP,\n isInsideClass,\n ComponentDefaultTestId,\n getTestId,\n isClient\n} from \"@vibe/shared\";\nimport DialogContent from \"./components/DialogContent/DialogContent\";\nimport { Refable } from \"./components/Refable/Refable\";\nimport styles from \"./Dialog.module.scss\";\nimport { type DialogTriggerEvent, type DialogEvent, type DialogProps } from \"./Dialog.types\";\nimport { LayerContext, LayerProvider } from \"@vibe/layer\";\n\nfunction Dialog({\n // Core props\n id,\n \"data-testid\": dataTestId,\n children,\n content,\n position = \"top\",\n moveBy = { main: 0, secondary: 0 },\n middleware: middlewareProp = [],\n startingEdge,\n showDelay = 100,\n hideDelay = 100,\n instantShowAndHide = false,\n getDynamicShowDelay,\n showTrigger = \"mouseenter\",\n hideTrigger = \"mouseleave\",\n showOnDialogEnter = false,\n showTriggerIgnoreClass,\n hideTriggerIgnoreClass,\n addKeyboardHideShowTriggersByDefault = true,\n shouldShowOnMount = false,\n disable = false,\n open = false,\n isOpen: isOpenProp,\n useDerivedStateFromProps = false,\n animationType = \"expand\",\n preventAnimationOnMount = false,\n tooltip = false,\n tooltipClassName,\n containerSelector,\n disableContainerScroll,\n zIndex,\n wrapperClassName,\n referenceWrapperClassName,\n referenceWrapperElement,\n onBlur: onBlurProp,\n onKeyDown: onKeyDownProp,\n onClick: onClickProp,\n onFocus: onFocusProp,\n onMouseDown: onMouseDownProp,\n onMouseEnter: onMouseEnterProp,\n onMouseLeave: onMouseLeaveProp,\n onContextMenu: onContextMenuProp,\n onDialogDidShow = NOOP,\n onDialogDidHide = NOOP,\n onClickOutside: onClickOutsideProp = NOOP,\n onContentClick: onContentClickProp = NOOP,\n hideWhenReferenceHidden = false,\n shouldCallbackOnMount = false,\n observeContentResize = false,\n enableNestedDialogLayer = true\n}: DialogProps) {\n const [isOpenState, setIsOpenState] = useState(shouldShowOnMount);\n const [preventAnimation, setPreventAnimation] = useState(false);\n const [referenceElement, setReferenceElement] = useState<HTMLElement | null>(null);\n\n const showTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n const hideTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n const containerRef = useRef<HTMLDivElement>(null);\n const arrowRef = useRef<HTMLDivElement>(null);\n\n // Check if children are valid React elements (Refable returns null for non-elements)\n const hasValidChildren = React.Children.toArray(children).some(child => React.isValidElement(child));\n\n const { layerRef } = useContext(LayerContext);\n\n // Derived state\n const isOpenInternal = useDerivedStateFromProps ? isOpenProp : isOpenState;\n const isShown = isOpenInternal || open;\n\n // Build middleware array for Floating UI — skip when closed to avoid per-render overhead\n const floatingMiddleware = useMemo<Middleware[]>(() => {\n if (!isShown) return [];\n\n const middlewareList: Middleware[] = [];\n\n // Get user-provided middleware (filter out invalid ones)\n const validMiddleware = middlewareProp.filter(\n (m): m is Middleware => m != null && typeof m === \"object\" && typeof m.fn === \"function\"\n );\n\n // Check if user provided their own middleware to override defaults\n const hasCustomOffset = validMiddleware.some(m => m.name === \"offset\");\n const hasCustomFlip = validMiddleware.some(m => m.name === \"flip\");\n const hasCustomShift = validMiddleware.some(m => m.name === \"shift\");\n\n // Offset middleware - skip if user provided their own\n if (!hasCustomOffset && (moveBy.main !== 0 || moveBy.secondary !== 0)) {\n middlewareList.push(offset({ mainAxis: moveBy.main || 0, crossAxis: moveBy.secondary || 0 }));\n }\n\n // Core positioning middleware - skip if user provided their own\n if (!hasCustomFlip) {\n middlewareList.push(flip());\n }\n if (!hasCustomShift) {\n middlewareList.push(shift());\n }\n\n // Add user-provided middleware\n middlewareList.push(...validMiddleware);\n\n // Arrow middleware - pass ref directly, Floating UI handles null refs\n if (tooltip) {\n middlewareList.push(arrowMiddleware({ element: arrowRef }));\n }\n\n // Hide middleware for detecting when reference is hidden\n if (hideWhenReferenceHidden) {\n middlewareList.push(hide());\n }\n\n return middlewareList;\n }, [isShown, moveBy.main, moveBy.secondary, tooltip, hideWhenReferenceHidden, middlewareProp]);\n\n // Configure autoUpdate for position tracking\n const whileElementsMounted = useCallback(\n (reference: HTMLElement, floating: HTMLElement, update: () => void) => {\n return autoUpdate(reference, floating, update, {\n elementResize: observeContentResize,\n layoutShift: false\n });\n },\n [observeContentResize]\n );\n\n // Use Floating UI hook — whileElementsMounted is omitted when closed to skip autoUpdate setup\n const { refs, floatingStyles, placement, middlewareData } = useFloating({\n placement: position as Placement,\n middleware: floatingMiddleware,\n whileElementsMounted: isShown ? whileElementsMounted : undefined,\n elements: {\n reference: referenceElement\n }\n });\n\n // Check if reference is hidden (from hide middleware)\n const isReferenceHidden = middlewareData.hide?.referenceHidden ?? false;\n\n const isShowTrigger = useCallback(\n (eventName: DialogTriggerEvent) => {\n const showTriggersArray = convertToArray(showTrigger);\n if (addKeyboardHideShowTriggersByDefault && eventName === \"focus\" && showTriggersArray.includes(\"mouseenter\")) {\n return true;\n }\n return showTriggersArray.includes(eventName);\n },\n [showTrigger, addKeyboardHideShowTriggersByDefault]\n );\n\n const isHideTrigger = useCallback(\n (eventName: DialogTriggerEvent) => {\n const hideTriggersArray = convertToArray(hideTrigger);\n if (addKeyboardHideShowTriggersByDefault && eventName === \"blur\" && hideTriggersArray.includes(\"mouseleave\")) {\n return true;\n }\n return hideTriggersArray.includes(eventName);\n },\n [hideTrigger, addKeyboardHideShowTriggersByDefault]\n );\n\n const showDialog = useCallback(\n (event: DialogEvent, eventName: DialogTriggerEvent | string, options: { preventAnimation?: boolean } = {}) => {\n let finalShowDelay = showDelay;\n let preventAnimationValue = options.preventAnimation;\n if (getDynamicShowDelay) {\n const dynamicDelayObj = getDynamicShowDelay();\n finalShowDelay = dynamicDelayObj.showDelay || 0;\n preventAnimationValue = preventAnimationValue ?? dynamicDelayObj.preventAnimation;\n }\n\n if (instantShowAndHide) {\n onDialogDidShow(event, eventName);\n setIsOpenState(true);\n setPreventAnimation(!!preventAnimationValue);\n showTimeoutRef.current = null;\n } else {\n showTimeoutRef.current = setTimeout(() => {\n onDialogDidShow(event, eventName);\n showTimeoutRef.current = null;\n setIsOpenState(true);\n setPreventAnimation(!!preventAnimationValue);\n }, finalShowDelay);\n }\n },\n [showDelay, getDynamicShowDelay, instantShowAndHide, onDialogDidShow]\n );\n\n const hideDialog = useCallback(\n (event: DialogEvent, eventName: DialogTriggerEvent | string) => {\n if (instantShowAndHide) {\n onDialogDidHide(event, eventName);\n setIsOpenState(false);\n hideTimeoutRef.current = null;\n } else {\n hideTimeoutRef.current = setTimeout(() => {\n onDialogDidHide(event, eventName);\n setIsOpenState(false);\n hideTimeoutRef.current = null;\n }, hideDelay);\n }\n },\n [hideDelay, instantShowAndHide, onDialogDidHide]\n );\n\n const showDialogIfNeeded = useCallback(\n (event: DialogEvent, eventName: DialogTriggerEvent | string, options = {}) => {\n if (disable) {\n return;\n }\n\n if (hideTimeoutRef.current) {\n clearTimeout(hideTimeoutRef.current);\n hideTimeoutRef.current = null;\n }\n\n if (!showTimeoutRef.current) {\n showDialog(event, eventName, options);\n }\n },\n [disable, showDialog]\n );\n\n const hideDialogIfNeeded = useCallback(\n (event: DialogEvent, eventName: DialogTriggerEvent | string) => {\n if (showTimeoutRef.current) {\n clearTimeout(showTimeoutRef.current);\n showTimeoutRef.current = null;\n }\n\n if (!hideTimeoutRef.current) {\n hideDialog(event, eventName);\n }\n },\n [hideDialog]\n );\n\n // Event handling\n const handleEvent = useCallback(\n (eventName: DialogTriggerEvent, target: EventTarget | null, event: DialogEvent) => {\n if (!target) return; // Guard against null targets (e.g., when focus leaves the document)\n if (isShowTrigger(eventName) && !isShown && !isInsideClass(target as HTMLElement, showTriggerIgnoreClass)) {\n return showDialogIfNeeded(event, eventName);\n }\n\n if (isHideTrigger(eventName) && !isInsideClass(target as HTMLElement, hideTriggerIgnoreClass)) {\n return hideDialogIfNeeded(event, eventName);\n }\n },\n [\n isShowTrigger,\n isHideTrigger,\n isShown,\n showTriggerIgnoreClass,\n hideTriggerIgnoreClass,\n showDialogIfNeeded,\n hideDialogIfNeeded\n ]\n );\n\n const getContainer = useCallback(() => {\n if (containerSelector) {\n const containerElement = document.querySelector(containerSelector);\n if (containerElement instanceof Element) {\n return containerElement;\n }\n }\n return layerRef?.current || document.body;\n }, [containerSelector, layerRef]);\n\n // Memoized event handlers to prevent unnecessary re-renders\n const onMouseEnter = useCallback((e: React.MouseEvent) => handleEvent(\"mouseenter\", e.target, e), [handleEvent]);\n const onMouseLeave = useCallback((e: React.MouseEvent) => handleEvent(\"mouseleave\", e.target, e), [handleEvent]);\n const onClick = useCallback(\n (e: React.MouseEvent) => {\n if (e.button) return;\n handleEvent(\"click\", e.target, e);\n },\n [handleEvent]\n );\n const onKeyDown = useCallback(\n (event: React.KeyboardEvent) => {\n // Handle element-level keyboard events for triggers\n if (event.key === \"Enter\") handleEvent(\"enter\", event.target, event);\n if (event.key === \"Tab\") handleEvent(\"tab\", event.target, event);\n },\n [handleEvent]\n );\n\n const onMouseDown = useCallback(\n (e: React.MouseEvent) => {\n if (e.button) return;\n handleEvent(\"mousedown\", e.target, e);\n },\n [handleEvent]\n );\n const onFocus = useCallback((e: React.FocusEvent) => handleEvent(\"focus\", e.target, e), [handleEvent]);\n const onBlur = useCallback(\n (e: React.FocusEvent) => {\n const target = e.relatedTarget || e.target;\n handleEvent(\"blur\", target, e);\n },\n [handleEvent]\n );\n const onEsc = useCallback((e: React.KeyboardEvent) => handleEvent(\"esckey\", e.target, e), [handleEvent]);\n const onContextMenu = useCallback(\n (e: React.MouseEvent) => {\n if ((isShowTrigger(\"contextmenu\") && !isShown) || (isHideTrigger(\"contextmenu\") && isShown)) {\n e.preventDefault();\n }\n handleEvent(\"contextmenu\", e.target, e);\n },\n [isShown, isShowTrigger, isHideTrigger, handleEvent]\n );\n\n const onClickOutside = useCallback(\n (event: React.MouseEvent) => {\n handleEvent(\"clickoutside\", event.target, event);\n onClickOutsideProp(event);\n },\n [handleEvent, onClickOutsideProp]\n );\n\n const onDialogEnter = useCallback(\n (event: React.MouseEvent) => {\n if (showOnDialogEnter) showDialogIfNeeded(event, \"DialogEnter\");\n },\n [showOnDialogEnter, showDialogIfNeeded]\n );\n\n const onDialogLeave = useCallback(\n (event: React.MouseEvent) => {\n if (showOnDialogEnter) hideDialogIfNeeded(event, \"DialogLeave\");\n },\n [showOnDialogEnter, hideDialogIfNeeded]\n );\n\n const onContentClick = useCallback(\n (e: React.MouseEvent) => {\n handleEvent(\"onContentClick\", e.target, e);\n onContentClickProp(e);\n },\n [handleEvent, onContentClickProp]\n );\n\n // Memoized chained event handlers to prevent Refable children re-renders\n const chainedOnBlur = useMemo(() => chainFunctions([onBlurProp, onBlur], true), [onBlurProp, onBlur]);\n const chainedOnKeyDown = useMemo(() => chainFunctions([onKeyDownProp, onKeyDown], true), [onKeyDownProp, onKeyDown]);\n const chainedOnClick = useMemo(() => chainFunctions([onClickProp, onClick], true), [onClickProp, onClick]);\n const chainedOnFocus = useMemo(() => chainFunctions([onFocusProp, onFocus], true), [onFocusProp, onFocus]);\n const chainedOnMouseDown = useMemo(\n () => chainFunctions([onMouseDownProp, onMouseDown], true),\n [onMouseDownProp, onMouseDown]\n );\n const chainedOnMouseEnter = useMemo(\n () => chainFunctions([onMouseEnterProp, onMouseEnter], true),\n [onMouseEnterProp, onMouseEnter]\n );\n const chainedOnMouseLeave = useMemo(\n () => chainFunctions([onMouseLeaveProp, onMouseLeave], true),\n [onMouseLeaveProp, onMouseLeave]\n );\n const chainedOnContextMenu = useMemo(\n () => chainFunctions([onContextMenuProp, onContextMenu], true),\n [onContextMenuProp, onContextMenu]\n );\n\n // Document-level keyboard handler using stable ref pattern\n // Must handle Escape, Tab, and Enter at document level to match old behavior\n const closeDialogOnEscapeRef = useRef<(event: KeyboardEvent) => void>();\n closeDialogOnEscapeRef.current = (event: KeyboardEvent) => {\n if (!isShown) return;\n\n switch (event.key) {\n case \"Escape\":\n hideDialogIfNeeded(event, \"esckey\");\n break;\n case \"Tab\":\n handleEvent(\"tab\", event.target, event);\n break;\n case \"Enter\":\n handleEvent(\"enter\", event.target, event);\n break;\n }\n };\n\n // Effects\n\n // Callback on mount\n useEffect(() => {\n if (shouldCallbackOnMount && shouldShowOnMount) {\n onDialogDidShow();\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n // Cleanup timeouts on unmount\n useEffect(() => {\n return () => {\n if (showTimeoutRef.current) clearTimeout(showTimeoutRef.current);\n if (hideTimeoutRef.current) clearTimeout(hideTimeoutRef.current);\n };\n }, []);\n\n // Document keyboard listener (stable reference via ref)\n useEffect(() => {\n if (!isClient()) return;\n\n const handler = (event: KeyboardEvent) => closeDialogOnEscapeRef.current?.(event);\n document.addEventListener(\"keyup\", handler);\n return () => document.removeEventListener(\"keyup\", handler);\n }, []);\n\n // Handle reference hidden state\n useEffect(() => {\n if (hideWhenReferenceHidden && isReferenceHidden && isShown) {\n const event = new CustomEvent(\"onReferenceHidden\");\n hideDialog(event, \"onReferenceHidden\");\n }\n }, [hideWhenReferenceHidden, isReferenceHidden, isShown, hideDialog]);\n\n // Computed values\n const overrideDataTestId = dataTestId || getTestId(ComponentDefaultTestId.DIALOG, id);\n\n const arrowStyles = useMemo<React.CSSProperties>(() => {\n if (!middlewareData.arrow) return {};\n const { x, y } = middlewareData.arrow;\n return {\n left: x != null ? `${x}px` : \"\",\n top: y != null ? `${y}px` : \"\",\n transform: \"rotate(45deg)\"\n };\n }, [middlewareData.arrow]);\n\n // Skip Floating UI positioning when no children (e.g. floating Tipseen) — let CSS handle it\n const finalFloatingStyles = useMemo<React.CSSProperties>(\n () =>\n hasValidChildren\n ? { ...floatingStyles, ...(zIndex !== undefined && { zIndex }) }\n : { ...(zIndex !== undefined && { zIndex }) },\n [floatingStyles, zIndex, hasValidChildren]\n );\n\n const animationTypeCalculated = preventAnimationOnMount || preventAnimation ? undefined : animationType;\n const contentRendered = isFunction(content) ? content() : content;\n\n // Early return if no content - wrap in fragment for type safety\n if (!contentRendered) {\n return <>{children}</>;\n }\n\n const mergedFloatingRef = chainRefFunctions([refs.setFloating, containerRef]);\n\n const dialogContent = (\n <DialogContent\n data-testid={overrideDataTestId}\n isReferenceHidden={hideWhenReferenceHidden && isReferenceHidden}\n onMouseEnter={onDialogEnter}\n onMouseLeave={onDialogLeave}\n onClickOutside={onClickOutside}\n onContextMenu={onContextMenu}\n onEsc={onEsc}\n animationType={animationTypeCalculated}\n position={placement}\n wrapperClassName={wrapperClassName}\n startingEdge={startingEdge}\n isOpen={isShown}\n showDelay={showDelay}\n styleObject={finalFloatingStyles}\n ref={mergedFloatingRef}\n onClick={onContentClick}\n hasTooltip={!!tooltip}\n containerSelector={containerSelector}\n disableContainerScroll={disableContainerScroll}\n >\n {contentRendered}\n {tooltip && (\n <div\n style={arrowStyles}\n ref={arrowRef}\n className={cx(styles.arrow, tooltipClassName)}\n data-placement={placement}\n />\n )}\n </DialogContent>\n );\n\n return (\n <>\n <Refable\n className={cx(referenceWrapperClassName)}\n wrapperElement={referenceWrapperElement}\n ref={setReferenceElement}\n onBlur={chainedOnBlur}\n onKeyDown={chainedOnKeyDown}\n onClick={chainedOnClick}\n onFocus={chainedOnFocus}\n onMouseDown={chainedOnMouseDown}\n onMouseEnter={chainedOnMouseEnter}\n onMouseLeave={chainedOnMouseLeave}\n onContextMenu={chainedOnContextMenu}\n >\n {children}\n </Refable>\n {isClient() &&\n isShown &&\n createPortal(\n enableNestedDialogLayer ? (\n <LayerProvider layerRef={containerRef}>{dialogContent}</LayerProvider>\n ) : (\n dialogContent\n ),\n getContainer()\n )}\n </>\n );\n}\n\nexport default Dialog;\n"],"names":["Dialog","id","dataTestId","children","content","position","moveBy","main","secondary","middleware","middlewareProp","startingEdge","showDelay","hideDelay","instantShowAndHide","getDynamicShowDelay","showTrigger","hideTrigger","showOnDialogEnter","showTriggerIgnoreClass","hideTriggerIgnoreClass","addKeyboardHideShowTriggersByDefault","shouldShowOnMount","disable","open","isOpen","isOpenProp","useDerivedStateFromProps","animationType","preventAnimationOnMount","tooltip","tooltipClassName","containerSelector","disableContainerScroll","zIndex","wrapperClassName","referenceWrapperClassName","referenceWrapperElement","onBlur","onBlurProp","onKeyDown","onKeyDownProp","onClick","onClickProp","onFocus","onFocusProp","onMouseDown","onMouseDownProp","onMouseEnter","onMouseEnterProp","onMouseLeave","onMouseLeaveProp","onContextMenu","onContextMenuProp","onDialogDidShow","NOOP","onDialogDidHide","onClickOutside","onClickOutsideProp","onContentClick","onContentClickProp","hideWhenReferenceHidden","shouldCallbackOnMount","observeContentResize","enableNestedDialogLayer","isOpenState","setIsOpenState","useState","preventAnimation","setPreventAnimation","referenceElement","setReferenceElement","showTimeoutRef","useRef","hideTimeoutRef","containerRef","arrowRef","hasValidChildren","React","Children","toArray","some","child","isValidElement","layerRef","useContext","LayerContext","isShown","floatingMiddleware","useMemo","middlewareList","validMiddleware","filter","m","fn","hasCustomOffset","name","hasCustomFlip","hasCustomShift","push","offset","mainAxis","crossAxis","flip","shift","arrowMiddleware","element","hide","whileElementsMounted","useCallback","reference","floating","update","autoUpdate","elementResize","layoutShift","refs","floatingStyles","placement","middlewareData","useFloating","undefined","elements","isReferenceHidden","_b","_a","referenceHidden","isShowTrigger","eventName","showTriggersArray","convertToArray","includes","isHideTrigger","hideTriggersArray","showDialog","event","options","finalShowDelay","preventAnimationValue","dynamicDelayObj","current","setTimeout","hideDialog","showDialogIfNeeded","clearTimeout","hideDialogIfNeeded","handleEvent","target","isInsideClass","getContainer","containerElement","document","querySelector","Element","body","e","button","key","relatedTarget","onEsc","preventDefault","onDialogEnter","onDialogLeave","chainedOnBlur","chainFunctions","chainedOnKeyDown","chainedOnClick","chainedOnFocus","chainedOnMouseDown","chainedOnMouseEnter","chainedOnMouseLeave","chainedOnContextMenu","closeDialogOnEscapeRef","useEffect","isClient","handler","call","addEventListener","removeEventListener","CustomEvent","overrideDataTestId","getTestId","ComponentDefaultTestId","DIALOG","arrowStyles","arrow","x","y","left","top","transform","finalFloatingStyles","Object","assign","animationTypeCalculated","contentRendered","isFunction","createElement","Fragment","mergedFloatingRef","chainRefFunctions","setFloating","dialogContent","DialogContent","styleObject","ref","hasTooltip","style","className","cx","styles","Refable","wrapperElement","createPortal","LayerProvider"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var a={arrow:"
|
|
1
|
+
var a={arrow:"arrow_d8396fb7a2"};!function(a){const e="s_id-3fb64cda561a_4_0_1";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_d8396fb7a2 {\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_d8396fb7a2[data-placement*=right], .black-app-theme .arrow_d8396fb7a2[data-placement*=right], .hacker-app-theme .arrow_d8396fb7a2[data-placement*=right] {\n box-shadow: -1px 1px 0px 0px var(--layout-border-color);\n}\n.dark-app-theme .arrow_d8396fb7a2[data-placement*=left], .black-app-theme .arrow_d8396fb7a2[data-placement*=left], .hacker-app-theme .arrow_d8396fb7a2[data-placement*=left] {\n box-shadow: 1px -1px 0px 0px var(--layout-border-color);\n}\n.dark-app-theme .arrow_d8396fb7a2[data-placement*=bottom], .black-app-theme .arrow_d8396fb7a2[data-placement*=bottom], .hacker-app-theme .arrow_d8396fb7a2[data-placement*=bottom] {\n box-shadow: -1px -1px 0px 0px var(--layout-border-color);\n}\n.dark-app-theme .arrow_d8396fb7a2[data-placement*=top], .black-app-theme .arrow_d8396fb7a2[data-placement*=top], .hacker-app-theme .arrow_d8396fb7a2[data-placement*=top] {\n box-shadow: 1px 1px 0px 0px var(--layout-border-color);\n}\n.arrow_d8396fb7a2[data-placement*=bottom] {\n top: 1px;\n}\n.arrow_d8396fb7a2[data-placement*=top] {\n bottom: 1px;\n}\n.arrow_d8396fb7a2[data-placement*=left] {\n right: 1px;\n}\n.arrow_d8396fb7a2[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 e={contentWrapper:"
|
|
1
|
+
var e={contentWrapper:"contentWrapper_e5edced2e9",top:"top_210e8c2e32",right:"right_7b3a186a30",left:"left_f3e9ba051e",bottom:"bottom_4eb38a3f1c",bottomStart:"bottomStart_4a779169e8",topStart:"topStart_8e85a689a5",bottomEnd:"bottomEnd_00edb66a1b",topEnd:"topEnd_5077b46db9",leftStart:"leftStart_c7b33db861",rightStart:"rightStart_e69ebe9a1a",leftEnd:"leftEnd_e6280b992a",rightEnd:"rightEnd_1de5865cdc",contentComponent:"contentComponent_d60af30bf0",hasTooltip:"hasTooltip_93c6f43b3a",opacitySlideAppear:"opacitySlideAppear_fd6fe725e9",opacitySlideAppearActive:"opacitySlideAppearActive_aa41216c79",expandAppear:"expandAppear_6198bd8034",expandExit:"expandExit_5b3cb737e9",edgeBottom:"edgeBottom_e680660b1d",edgeTop:"edgeTop_ce1002646d",expandAppearActive:"expandAppearActive_9a68df80d7"};!function(e){const t="s_id-b5fc9eb29715_4_0_1";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,a.firstChild?a.insertBefore(d,a.firstChild):a.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.contentWrapper_e5edced2e9 {\n outline: 0;\n}\n.contentWrapper_e5edced2e9.top_210e8c2e32, .contentWrapper_e5edced2e9.right_7b3a186a30, .contentWrapper_e5edced2e9.left_f3e9ba051e, .contentWrapper_e5edced2e9.bottom_4eb38a3f1c {\n padding: var(--space-4);\n}\n.contentWrapper_e5edced2e9.bottomStart_4a779169e8, .contentWrapper_e5edced2e9.topStart_8e85a689a5, .contentWrapper_e5edced2e9.bottomEnd_00edb66a1b, .contentWrapper_e5edced2e9.topEnd_5077b46db9 {\n padding-block: var(--space-4);\n}\n.contentWrapper_e5edced2e9.bottomStart_4a779169e8, .contentWrapper_e5edced2e9.topStart_8e85a689a5 {\n padding-inline-end: var(--space-4);\n}\n.contentWrapper_e5edced2e9.bottomEnd_00edb66a1b, .contentWrapper_e5edced2e9.topEnd_5077b46db9 {\n padding-inline-start: var(--space-4);\n}\n.contentWrapper_e5edced2e9.leftStart_c7b33db861, .contentWrapper_e5edced2e9.rightStart_e69ebe9a1a, .contentWrapper_e5edced2e9.leftEnd_e6280b992a, .contentWrapper_e5edced2e9.rightEnd_1de5865cdc {\n padding-inline: var(--space-4);\n}\n.contentWrapper_e5edced2e9.leftStart_c7b33db861, .contentWrapper_e5edced2e9.rightStart_e69ebe9a1a {\n padding-block-end: var(--space-4);\n}\n.contentWrapper_e5edced2e9.leftEnd_e6280b992a, .contentWrapper_e5edced2e9.rightEnd_1de5865cdc {\n padding-block-start: var(--space-4);\n}\n.contentWrapper_e5edced2e9[data-dialog-reference-hidden=true] {\n visibility: hidden;\n pointer-events: none;\n}\n.contentComponent_d60af30bf0:focus {\n outline: none;\n}\n.contentComponent_d60af30bf0.hasTooltip_93c6f43b3a {\n padding: 6px;\n}\n.opacitySlideAppear_fd6fe725e9 {\n opacity: 0;\n}\n.opacitySlideAppear_fd6fe725e9.top_210e8c2e32 {\n transform: translateY(var(--space-16));\n}\n.opacitySlideAppear_fd6fe725e9.right_7b3a186a30 {\n transform: translateX(calc(var(--space-16) * -1));\n}\n.opacitySlideAppear_fd6fe725e9.bottom_4eb38a3f1c {\n transform: translateY(calc(var(--space-16) * -1));\n}\n.opacitySlideAppear_fd6fe725e9.left_f3e9ba051e {\n transform: translateX(var(--space-16));\n}\n.opacitySlideAppearActive_aa41216c79 {\n transition: opacity 0.2s ease, transform 0.2s ease-out;\n opacity: 1;\n pointer-events: none;\n}\n.opacitySlideAppearActive_aa41216c79.top_210e8c2e32, .opacitySlideAppearActive_aa41216c79.bottom_4eb38a3f1c {\n transform: translateY(0);\n}\n.opacitySlideAppearActive_aa41216c79.right_7b3a186a30, .opacitySlideAppearActive_aa41216c79.left_f3e9ba051e {\n transform: translateX(0);\n}\n.expandAppear_6198bd8034,\n.expandExit_5b3cb737e9 {\n transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppear_6198bd8034.top_210e8c2e32, .expandAppear_6198bd8034.topStart_8e85a689a5, .expandAppear_6198bd8034.topEnd_5077b46db9,\n.expandExit_5b3cb737e9.top_210e8c2e32,\n.expandExit_5b3cb737e9.topStart_8e85a689a5,\n.expandExit_5b3cb737e9.topEnd_5077b46db9 {\n transform-origin: bottom center;\n transform: scale(0.8);\n}\n.expandAppear_6198bd8034.top_210e8c2e32.edgeBottom_e680660b1d, .expandAppear_6198bd8034.topStart_8e85a689a5.edgeBottom_e680660b1d, .expandAppear_6198bd8034.topEnd_5077b46db9.edgeBottom_e680660b1d,\n.expandExit_5b3cb737e9.top_210e8c2e32.edgeBottom_e680660b1d,\n.expandExit_5b3cb737e9.topStart_8e85a689a5.edgeBottom_e680660b1d,\n.expandExit_5b3cb737e9.topEnd_5077b46db9.edgeBottom_e680660b1d {\n transform-origin: bottom left;\n}\n.expandAppear_6198bd8034.top_210e8c2e32.edgeTop_ce1002646d, .expandAppear_6198bd8034.topStart_8e85a689a5.edgeTop_ce1002646d, .expandAppear_6198bd8034.topEnd_5077b46db9.edgeTop_ce1002646d,\n.expandExit_5b3cb737e9.top_210e8c2e32.edgeTop_ce1002646d,\n.expandExit_5b3cb737e9.topStart_8e85a689a5.edgeTop_ce1002646d,\n.expandExit_5b3cb737e9.topEnd_5077b46db9.edgeTop_ce1002646d {\n transform-origin: bottom right;\n}\n.expandAppear_6198bd8034.right_7b3a186a30, .expandAppear_6198bd8034.rightStart_e69ebe9a1a, .expandAppear_6198bd8034.rightEnd_1de5865cdc,\n.expandExit_5b3cb737e9.right_7b3a186a30,\n.expandExit_5b3cb737e9.rightStart_e69ebe9a1a,\n.expandExit_5b3cb737e9.rightEnd_1de5865cdc {\n transform-origin: left;\n transform: scale(0.8);\n}\n.expandAppear_6198bd8034.right_7b3a186a30.edgeBottom_e680660b1d, .expandAppear_6198bd8034.rightStart_e69ebe9a1a.edgeBottom_e680660b1d, .expandAppear_6198bd8034.rightEnd_1de5865cdc.edgeBottom_e680660b1d,\n.expandExit_5b3cb737e9.right_7b3a186a30.edgeBottom_e680660b1d,\n.expandExit_5b3cb737e9.rightStart_e69ebe9a1a.edgeBottom_e680660b1d,\n.expandExit_5b3cb737e9.rightEnd_1de5865cdc.edgeBottom_e680660b1d {\n transform-origin: top left;\n}\n.expandAppear_6198bd8034.right_7b3a186a30.edgeTop_ce1002646d, .expandAppear_6198bd8034.rightStart_e69ebe9a1a.edgeTop_ce1002646d, .expandAppear_6198bd8034.rightEnd_1de5865cdc.edgeTop_ce1002646d,\n.expandExit_5b3cb737e9.right_7b3a186a30.edgeTop_ce1002646d,\n.expandExit_5b3cb737e9.rightStart_e69ebe9a1a.edgeTop_ce1002646d,\n.expandExit_5b3cb737e9.rightEnd_1de5865cdc.edgeTop_ce1002646d {\n transform-origin: bottom left;\n}\n.expandAppear_6198bd8034.bottom_4eb38a3f1c, .expandAppear_6198bd8034.bottomStart_4a779169e8, .expandAppear_6198bd8034.bottomEnd_00edb66a1b,\n.expandExit_5b3cb737e9.bottom_4eb38a3f1c,\n.expandExit_5b3cb737e9.bottomStart_4a779169e8,\n.expandExit_5b3cb737e9.bottomEnd_00edb66a1b {\n transform-origin: top;\n transform: scale(0.8);\n}\n.expandAppear_6198bd8034.bottom_4eb38a3f1c.edgeBottom_e680660b1d, .expandAppear_6198bd8034.bottomStart_4a779169e8.edgeBottom_e680660b1d, .expandAppear_6198bd8034.bottomEnd_00edb66a1b.edgeBottom_e680660b1d,\n.expandExit_5b3cb737e9.bottom_4eb38a3f1c.edgeBottom_e680660b1d,\n.expandExit_5b3cb737e9.bottomStart_4a779169e8.edgeBottom_e680660b1d,\n.expandExit_5b3cb737e9.bottomEnd_00edb66a1b.edgeBottom_e680660b1d {\n transform-origin: top left;\n}\n.expandAppear_6198bd8034.bottom_4eb38a3f1c.edgeTop_ce1002646d, .expandAppear_6198bd8034.bottomStart_4a779169e8.edgeTop_ce1002646d, .expandAppear_6198bd8034.bottomEnd_00edb66a1b.edgeTop_ce1002646d,\n.expandExit_5b3cb737e9.bottom_4eb38a3f1c.edgeTop_ce1002646d,\n.expandExit_5b3cb737e9.bottomStart_4a779169e8.edgeTop_ce1002646d,\n.expandExit_5b3cb737e9.bottomEnd_00edb66a1b.edgeTop_ce1002646d {\n transform-origin: top right;\n}\n.expandAppear_6198bd8034.left_f3e9ba051e, .expandAppear_6198bd8034.leftStart_c7b33db861, .expandAppear_6198bd8034.leftEnd_e6280b992a,\n.expandExit_5b3cb737e9.left_f3e9ba051e,\n.expandExit_5b3cb737e9.leftStart_c7b33db861,\n.expandExit_5b3cb737e9.leftEnd_e6280b992a {\n transform-origin: right;\n transform: scale(0.8);\n}\n.expandAppear_6198bd8034.left_f3e9ba051e.edgeBottom_e680660b1d, .expandAppear_6198bd8034.leftStart_c7b33db861.edgeBottom_e680660b1d, .expandAppear_6198bd8034.leftEnd_e6280b992a.edgeBottom_e680660b1d,\n.expandExit_5b3cb737e9.left_f3e9ba051e.edgeBottom_e680660b1d,\n.expandExit_5b3cb737e9.leftStart_c7b33db861.edgeBottom_e680660b1d,\n.expandExit_5b3cb737e9.leftEnd_e6280b992a.edgeBottom_e680660b1d {\n transform-origin: top right;\n}\n.expandAppear_6198bd8034.left_f3e9ba051e.edgeTop_ce1002646d, .expandAppear_6198bd8034.leftStart_c7b33db861.edgeTop_ce1002646d, .expandAppear_6198bd8034.leftEnd_e6280b992a.edgeTop_ce1002646d,\n.expandExit_5b3cb737e9.left_f3e9ba051e.edgeTop_ce1002646d,\n.expandExit_5b3cb737e9.leftStart_c7b33db861.edgeTop_ce1002646d,\n.expandExit_5b3cb737e9.leftEnd_e6280b992a.edgeTop_ce1002646d {\n transform-origin: bottom right;\n}\n.expandExit_5b3cb737e9 {\n transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppearActive_9a68df80d7 {\n transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n pointer-events: none;\n}\n.expandAppearActive_9a68df80d7.top_210e8c2e32, .expandAppearActive_9a68df80d7.topStart_8e85a689a5, .expandAppearActive_9a68df80d7.topEnd_5077b46db9, .expandAppearActive_9a68df80d7.bottom_4eb38a3f1c, .expandAppearActive_9a68df80d7.bottomStart_4a779169e8, .expandAppearActive_9a68df80d7.bottomEnd_00edb66a1b, .expandAppearActive_9a68df80d7.right_7b3a186a30, .expandAppearActive_9a68df80d7.rightStart_e69ebe9a1a, .expandAppearActive_9a68df80d7.rightEnd_1de5865cdc, .expandAppearActive_9a68df80d7.left_f3e9ba051e, .expandAppearActive_9a68df80d7.leftStart_c7b33db861, .expandAppearActive_9a68df80d7.leftEnd_e6280b992a {\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_13bdb185b3",sizeSmall:"sizeSmall_65ef2dbc01",sizeMedium:"sizeMedium_ff4c65d89b",sizeLarge:"sizeLarge_1229392a5d",typePopover:"typePopover_5d8e72609d",typeModal:"typeModal_1676348a02"};!function(e){const d="s_id-e25392b9c982_4_0_1";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+d))return;const a=document.createElement("style");a.id=d,o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".dialogContentContainer_13bdb185b3:focus {\n outline: none;\n}\n\n.sizeSmall_65ef2dbc01 {\n padding: var(--space-8);\n}\n\n.sizeMedium_ff4c65d89b {\n padding: var(--space-16);\n}\n\n.sizeLarge_1229392a5d {\n padding: var(--space-24);\n}\n\n.typePopover_5d8e72609d {\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_5d8e72609d, .black-app-theme .typePopover_5d8e72609d, .hacker-app-theme .typePopover_5d8e72609d {\n box-shadow: 0 0 0 1px var(--layout-border-color), var(--box-shadow-medium);\n}\n\n.typeModal_1676348a02 {\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 n,{useState as t,useRef as r,useContext as o,useMemo as a,useCallback as l,useEffect as i}from"react";import{createPortal as s}from"react-dom";import{offset as u,flip as c,shift as m,arrow as d,hide as p,autoUpdate as f,useFloating as g}from"@floating-ui/react-dom";import{isFunction as y}from"es-toolkit";import{convertToArray as h,isInsideClass as v,chainFunctions as w,isClient as b,getTestId as C,ComponentDefaultTestId as D,chainRefFunctions as E,NOOP as k}from"@vibe/shared";import T from"./components/DialogContent/DialogContent.js";import{Refable as x}from"./components/Refable/Refable.js";import M from"./Dialog.module.scss.js";import{LayerContext as S,LayerProvider as O}from"@vibe/layer";function R({id:R,"data-testid":A,children:H,content:L,position:j="top",moveBy:N={main:0,secondary:0},middleware:F=[],startingEdge:I,showDelay:z=100,hideDelay:B=100,instantShowAndHide:K=!1,getDynamicShowDelay:W,showTrigger:q="mouseenter",hideTrigger:G="mouseleave",showOnDialogEnter:P=!1,showTriggerIgnoreClass:V,hideTriggerIgnoreClass:J,addKeyboardHideShowTriggersByDefault:Q=!0,shouldShowOnMount:U=!1,disable:X=!1,open:Y=!1,isOpen:Z,useDerivedStateFromProps:$=!1,animationType:_="expand",preventAnimationOnMount:ee=!1,tooltip:ne=!1,tooltipClassName:te,containerSelector:re,disableContainerScroll:oe,zIndex:ae,wrapperClassName:le,referenceWrapperClassName:ie,referenceWrapperElement:se,onBlur:ue,onKeyDown:ce,onClick:me,onFocus:de,onMouseDown:pe,onMouseEnter:fe,onMouseLeave:ge,onContextMenu:ye,onDialogDidShow:he=k,onDialogDidHide:ve=k,onClickOutside:we=k,onContentClick:be=k,hideWhenReferenceHidden:Ce=!1,shouldCallbackOnMount:De=!1,observeContentResize:Ee=!1,enableNestedDialogLayer:ke=!0}){var Te,xe;const[Me,Se]=t(U),[Oe,Re]=t(!1),[Ae,He]=t(null),Le=r(null),je=r(null),Ne=r(null),Fe=r(null),Ie=n.Children.toArray(H).some((e=>n.isValidElement(e))),{layerRef:ze}=o(S),Be=($?Z:Me)||Y,Ke=a((()=>{const e=[],n=F.filter((e=>null!=e&&"object"==typeof e&&"function"==typeof e.fn)),t=n.some((e=>"offset"===e.name)),r=n.some((e=>"flip"===e.name)),o=n.some((e=>"shift"===e.name));return t||0===N.main&&0===N.secondary||e.push(u({mainAxis:N.main||0,crossAxis:N.secondary||0})),r||e.push(c()),o||e.push(m()),e.push(...n),ne&&e.push(d({element:Fe})),Ce&&e.push(p()),e}),[N.main,N.secondary,ne,Ce,F]),We=l(((e,n,t)=>f(e,n,t,{elementResize:Ee,layoutShift:!1})),[Ee]),{refs:qe,floatingStyles:Ge,placement:Pe,middlewareData:Ve}=g({placement:j,middleware:Ke,whileElementsMounted:We,elements:{reference:Ae}}),Je=null!==(xe=null===(Te=Ve.hide)||void 0===Te?void 0:Te.referenceHidden)&&void 0!==xe&&xe,Qe=l((e=>{const n=h(q);return!(!Q||"focus"!==e||!n.includes("mouseenter"))||n.includes(e)}),[q,Q]),Ue=l((e=>{const n=h(G);return!(!Q||"blur"!==e||!n.includes("mouseleave"))||n.includes(e)}),[G,Q]),Xe=l(((e,n,t={})=>{let r=z,o=t.preventAnimation;if(W){const e=W();r=e.showDelay||0,o=null!=o?o:e.preventAnimation}K?(he(e,n),Se(!0),Re(!!o),Le.current=null):Le.current=setTimeout((()=>{he(e,n),Le.current=null,Se(!0),Re(!!o)}),r)}),[z,W,K,he]),Ye=l(((e,n)=>{K?(ve(e,n),Se(!1),je.current=null):je.current=setTimeout((()=>{ve(e,n),Se(!1),je.current=null}),B)}),[B,K,ve]),Ze=l(((e,n,t={})=>{X||(je.current&&(clearTimeout(je.current),je.current=null),Le.current||Xe(e,n,t))}),[X,Xe]),$e=l(((e,n)=>{Le.current&&(clearTimeout(Le.current),Le.current=null),je.current||Ye(e,n)}),[Ye]),_e=l(((e,n,t)=>{if(n)return!Qe(e)||Be||v(n,V)?Ue(e)&&!v(n,J)?$e(t,e):void 0:Ze(t,e)}),[Qe,Ue,Be,V,J,Ze,$e]),en=l((()=>{if(re){const e=document.querySelector(re);if(e instanceof Element)return e}return(null==ze?void 0:ze.current)||document.body}),[re,ze]),nn=l((e=>_e("mouseenter",e.target,e)),[_e]),tn=l((e=>_e("mouseleave",e.target,e)),[_e]),rn=l((e=>{e.button||_e("click",e.target,e)}),[_e]),on=l((e=>{"Enter"===e.key&&_e("enter",e.target,e),"Tab"===e.key&&_e("tab",e.target,e)}),[_e]),an=l((e=>{e.button||_e("mousedown",e.target,e)}),[_e]),ln=l((e=>_e("focus",e.target,e)),[_e]),sn=l((e=>{_e("blur",e.relatedTarget||e.target,e)}),[_e]),un=l((e=>_e("esckey",e.target,e)),[_e]),cn=l((e=>{(Qe("contextmenu")&&!Be||Ue("contextmenu")&&Be)&&e.preventDefault(),_e("contextmenu",e.target,e)}),[Be,Qe,Ue,_e]),mn=l((e=>{_e("clickoutside",e.target,e),we(e)}),[_e,we]),dn=l((e=>{P&&Ze(e,"DialogEnter")}),[P,Ze]),pn=l((e=>{P&&$e(e,"DialogLeave")}),[P,$e]),fn=l((e=>{_e("onContentClick",e.target,e),be(e)}),[_e,be]),gn=a((()=>w([ue,sn],!0)),[ue,sn]),yn=a((()=>w([ce,on],!0)),[ce,on]),hn=a((()=>w([me,rn],!0)),[me,rn]),vn=a((()=>w([de,ln],!0)),[de,ln]),wn=a((()=>w([pe,an],!0)),[pe,an]),bn=a((()=>w([fe,nn],!0)),[fe,nn]),Cn=a((()=>w([ge,tn],!0)),[ge,tn]),Dn=a((()=>w([ye,cn],!0)),[ye,cn]),En=r();En.current=e=>{if(Be)switch(e.key){case"Escape":$e(e,"esckey");break;case"Tab":_e("tab",e.target,e);break;case"Enter":_e("enter",e.target,e)}},i((()=>{De&&U&&he()}),[]),i((()=>()=>{Le.current&&clearTimeout(Le.current),je.current&&clearTimeout(je.current)}),[]),i((()=>{if(!b())return;const e=e=>{var n;return null===(n=En.current)||void 0===n?void 0:n.call(En,e)};return document.addEventListener("keyup",e),()=>document.removeEventListener("keyup",e)}),[]),i((()=>{if(Ce&&Je&&Be){const e=new CustomEvent("onReferenceHidden");Ye(e,"onReferenceHidden")}}),[Ce,Je,Be,Ye]);const kn=A||C(D.DIALOG,R),Tn=a((()=>{if(!Ve.arrow)return{};const{x:e,y:n}=Ve.arrow;return{left:null!=e?e+"px":"",top:null!=n?n+"px":"",transform:"rotate(45deg)"}}),[Ve.arrow]),xn=a((()=>Object.assign(Ie?Object.assign({},Ge):{},void 0!==ae&&{zIndex:ae})),[Ge,ae,Ie]),Mn=ee||Oe?void 0:_,Sn=y(L)?L():L;if(!Sn)return n.createElement(n.Fragment,null,H);const On=E([qe.setFloating,Ne]),Rn=n.createElement(T,{"data-testid":kn,isReferenceHidden:Ce&&Je,onMouseEnter:dn,onMouseLeave:pn,onClickOutside:mn,onContextMenu:cn,onEsc:un,animationType:Mn,position:Pe,wrapperClassName:le,startingEdge:I,isOpen:Be,showDelay:z,styleObject:xn,ref:On,onClick:fn,hasTooltip:!!ne,containerSelector:re,disableContainerScroll:oe},Sn,ne&&n.createElement("div",{style:Tn,ref:Fe,className:e(M.arrow,te),"data-placement":Pe}));return n.createElement(n.Fragment,null,n.createElement(x,{className:e(ie),wrapperElement:se,ref:He,onBlur:gn,onKeyDown:yn,onClick:hn,onFocus:vn,onMouseDown:wn,onMouseEnter:bn,onMouseLeave:Cn,onContextMenu:Dn},H),b()&&Be&&s(ke?n.createElement(O,{layerRef:Ne},Rn):Rn,en()))}export{R as default};
|
|
1
|
+
import e from"classnames";import n,{useState as t,useRef as r,useContext as o,useMemo as a,useCallback as l,useEffect as i}from"react";import{createPortal as s}from"react-dom";import{offset as u,flip as c,shift as m,arrow as d,hide as p,autoUpdate as f,useFloating as g}from"@floating-ui/react-dom";import{isFunction as y}from"es-toolkit";import{convertToArray as h,isInsideClass as v,chainFunctions as w,isClient as b,getTestId as C,ComponentDefaultTestId as D,chainRefFunctions as E,NOOP as k}from"@vibe/shared";import T from"./components/DialogContent/DialogContent.js";import{Refable as x}from"./components/Refable/Refable.js";import M from"./Dialog.module.scss.js";import{LayerContext as S,LayerProvider as O}from"@vibe/layer";function R({id:R,"data-testid":A,children:H,content:L,position:j="top",moveBy:N={main:0,secondary:0},middleware:F=[],startingEdge:I,showDelay:z=100,hideDelay:B=100,instantShowAndHide:K=!1,getDynamicShowDelay:W,showTrigger:q="mouseenter",hideTrigger:G="mouseleave",showOnDialogEnter:P=!1,showTriggerIgnoreClass:V,hideTriggerIgnoreClass:J,addKeyboardHideShowTriggersByDefault:Q=!0,shouldShowOnMount:U=!1,disable:X=!1,open:Y=!1,isOpen:Z,useDerivedStateFromProps:$=!1,animationType:_="expand",preventAnimationOnMount:ee=!1,tooltip:ne=!1,tooltipClassName:te,containerSelector:re,disableContainerScroll:oe,zIndex:ae,wrapperClassName:le,referenceWrapperClassName:ie,referenceWrapperElement:se,onBlur:ue,onKeyDown:ce,onClick:me,onFocus:de,onMouseDown:pe,onMouseEnter:fe,onMouseLeave:ge,onContextMenu:ye,onDialogDidShow:he=k,onDialogDidHide:ve=k,onClickOutside:we=k,onContentClick:be=k,hideWhenReferenceHidden:Ce=!1,shouldCallbackOnMount:De=!1,observeContentResize:Ee=!1,enableNestedDialogLayer:ke=!0}){var Te,xe;const[Me,Se]=t(U),[Oe,Re]=t(!1),[Ae,He]=t(null),Le=r(null),je=r(null),Ne=r(null),Fe=r(null),Ie=n.Children.toArray(H).some((e=>n.isValidElement(e))),{layerRef:ze}=o(S),Be=($?Z:Me)||Y,Ke=a((()=>{if(!Be)return[];const e=[],n=F.filter((e=>null!=e&&"object"==typeof e&&"function"==typeof e.fn)),t=n.some((e=>"offset"===e.name)),r=n.some((e=>"flip"===e.name)),o=n.some((e=>"shift"===e.name));return t||0===N.main&&0===N.secondary||e.push(u({mainAxis:N.main||0,crossAxis:N.secondary||0})),r||e.push(c()),o||e.push(m()),e.push(...n),ne&&e.push(d({element:Fe})),Ce&&e.push(p()),e}),[Be,N.main,N.secondary,ne,Ce,F]),We=l(((e,n,t)=>f(e,n,t,{elementResize:Ee,layoutShift:!1})),[Ee]),{refs:qe,floatingStyles:Ge,placement:Pe,middlewareData:Ve}=g({placement:j,middleware:Ke,whileElementsMounted:Be?We:void 0,elements:{reference:Ae}}),Je=null!==(xe=null===(Te=Ve.hide)||void 0===Te?void 0:Te.referenceHidden)&&void 0!==xe&&xe,Qe=l((e=>{const n=h(q);return!(!Q||"focus"!==e||!n.includes("mouseenter"))||n.includes(e)}),[q,Q]),Ue=l((e=>{const n=h(G);return!(!Q||"blur"!==e||!n.includes("mouseleave"))||n.includes(e)}),[G,Q]),Xe=l(((e,n,t={})=>{let r=z,o=t.preventAnimation;if(W){const e=W();r=e.showDelay||0,o=null!=o?o:e.preventAnimation}K?(he(e,n),Se(!0),Re(!!o),Le.current=null):Le.current=setTimeout((()=>{he(e,n),Le.current=null,Se(!0),Re(!!o)}),r)}),[z,W,K,he]),Ye=l(((e,n)=>{K?(ve(e,n),Se(!1),je.current=null):je.current=setTimeout((()=>{ve(e,n),Se(!1),je.current=null}),B)}),[B,K,ve]),Ze=l(((e,n,t={})=>{X||(je.current&&(clearTimeout(je.current),je.current=null),Le.current||Xe(e,n,t))}),[X,Xe]),$e=l(((e,n)=>{Le.current&&(clearTimeout(Le.current),Le.current=null),je.current||Ye(e,n)}),[Ye]),_e=l(((e,n,t)=>{if(n)return!Qe(e)||Be||v(n,V)?Ue(e)&&!v(n,J)?$e(t,e):void 0:Ze(t,e)}),[Qe,Ue,Be,V,J,Ze,$e]),en=l((()=>{if(re){const e=document.querySelector(re);if(e instanceof Element)return e}return(null==ze?void 0:ze.current)||document.body}),[re,ze]),nn=l((e=>_e("mouseenter",e.target,e)),[_e]),tn=l((e=>_e("mouseleave",e.target,e)),[_e]),rn=l((e=>{e.button||_e("click",e.target,e)}),[_e]),on=l((e=>{"Enter"===e.key&&_e("enter",e.target,e),"Tab"===e.key&&_e("tab",e.target,e)}),[_e]),an=l((e=>{e.button||_e("mousedown",e.target,e)}),[_e]),ln=l((e=>_e("focus",e.target,e)),[_e]),sn=l((e=>{_e("blur",e.relatedTarget||e.target,e)}),[_e]),un=l((e=>_e("esckey",e.target,e)),[_e]),cn=l((e=>{(Qe("contextmenu")&&!Be||Ue("contextmenu")&&Be)&&e.preventDefault(),_e("contextmenu",e.target,e)}),[Be,Qe,Ue,_e]),mn=l((e=>{_e("clickoutside",e.target,e),we(e)}),[_e,we]),dn=l((e=>{P&&Ze(e,"DialogEnter")}),[P,Ze]),pn=l((e=>{P&&$e(e,"DialogLeave")}),[P,$e]),fn=l((e=>{_e("onContentClick",e.target,e),be(e)}),[_e,be]),gn=a((()=>w([ue,sn],!0)),[ue,sn]),yn=a((()=>w([ce,on],!0)),[ce,on]),hn=a((()=>w([me,rn],!0)),[me,rn]),vn=a((()=>w([de,ln],!0)),[de,ln]),wn=a((()=>w([pe,an],!0)),[pe,an]),bn=a((()=>w([fe,nn],!0)),[fe,nn]),Cn=a((()=>w([ge,tn],!0)),[ge,tn]),Dn=a((()=>w([ye,cn],!0)),[ye,cn]),En=r();En.current=e=>{if(Be)switch(e.key){case"Escape":$e(e,"esckey");break;case"Tab":_e("tab",e.target,e);break;case"Enter":_e("enter",e.target,e)}},i((()=>{De&&U&&he()}),[]),i((()=>()=>{Le.current&&clearTimeout(Le.current),je.current&&clearTimeout(je.current)}),[]),i((()=>{if(!b())return;const e=e=>{var n;return null===(n=En.current)||void 0===n?void 0:n.call(En,e)};return document.addEventListener("keyup",e),()=>document.removeEventListener("keyup",e)}),[]),i((()=>{if(Ce&&Je&&Be){const e=new CustomEvent("onReferenceHidden");Ye(e,"onReferenceHidden")}}),[Ce,Je,Be,Ye]);const kn=A||C(D.DIALOG,R),Tn=a((()=>{if(!Ve.arrow)return{};const{x:e,y:n}=Ve.arrow;return{left:null!=e?e+"px":"",top:null!=n?n+"px":"",transform:"rotate(45deg)"}}),[Ve.arrow]),xn=a((()=>Object.assign(Ie?Object.assign({},Ge):{},void 0!==ae&&{zIndex:ae})),[Ge,ae,Ie]),Mn=ee||Oe?void 0:_,Sn=y(L)?L():L;if(!Sn)return n.createElement(n.Fragment,null,H);const On=E([qe.setFloating,Ne]),Rn=n.createElement(T,{"data-testid":kn,isReferenceHidden:Ce&&Je,onMouseEnter:dn,onMouseLeave:pn,onClickOutside:mn,onContextMenu:cn,onEsc:un,animationType:Mn,position:Pe,wrapperClassName:le,startingEdge:I,isOpen:Be,showDelay:z,styleObject:xn,ref:On,onClick:fn,hasTooltip:!!ne,containerSelector:re,disableContainerScroll:oe},Sn,ne&&n.createElement("div",{style:Tn,ref:Fe,className:e(M.arrow,te),"data-placement":Pe}));return n.createElement(n.Fragment,null,n.createElement(x,{className:e(ie),wrapperElement:se,ref:He,onBlur:gn,onKeyDown:yn,onClick:hn,onFocus:vn,onMouseDown:wn,onMouseEnter:bn,onMouseLeave:Cn,onContextMenu:Dn},H),b()&&Be&&s(ke?n.createElement(O,{layerRef:Ne},Rn):Rn,en()))}export{R 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, { useState, useEffect, useRef, useContext, useCallback, useMemo } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport {\n useFloating,\n offset,\n flip,\n shift,\n hide,\n arrow as arrowMiddleware,\n autoUpdate,\n type Placement,\n type Middleware\n} from \"@floating-ui/react-dom\";\nimport { isFunction } from \"es-toolkit\";\nimport {\n chainFunctions,\n chainRefFunctions,\n convertToArray,\n NOOP,\n isInsideClass,\n ComponentDefaultTestId,\n getTestId,\n isClient\n} from \"@vibe/shared\";\nimport DialogContent from \"./components/DialogContent/DialogContent\";\nimport { Refable } from \"./components/Refable/Refable\";\nimport styles from \"./Dialog.module.scss\";\nimport { type DialogTriggerEvent, type DialogEvent, type DialogProps } from \"./Dialog.types\";\nimport { LayerContext, LayerProvider } from \"@vibe/layer\";\n\nfunction Dialog({\n // Core props\n id,\n \"data-testid\": dataTestId,\n children,\n content,\n position = \"top\",\n moveBy = { main: 0, secondary: 0 },\n middleware: middlewareProp = [],\n startingEdge,\n showDelay = 100,\n hideDelay = 100,\n instantShowAndHide = false,\n getDynamicShowDelay,\n showTrigger = \"mouseenter\",\n hideTrigger = \"mouseleave\",\n showOnDialogEnter = false,\n showTriggerIgnoreClass,\n hideTriggerIgnoreClass,\n addKeyboardHideShowTriggersByDefault = true,\n shouldShowOnMount = false,\n disable = false,\n open = false,\n isOpen: isOpenProp,\n useDerivedStateFromProps = false,\n animationType = \"expand\",\n preventAnimationOnMount = false,\n tooltip = false,\n tooltipClassName,\n containerSelector,\n disableContainerScroll,\n zIndex,\n wrapperClassName,\n referenceWrapperClassName,\n referenceWrapperElement,\n onBlur: onBlurProp,\n onKeyDown: onKeyDownProp,\n onClick: onClickProp,\n onFocus: onFocusProp,\n onMouseDown: onMouseDownProp,\n onMouseEnter: onMouseEnterProp,\n onMouseLeave: onMouseLeaveProp,\n onContextMenu: onContextMenuProp,\n onDialogDidShow = NOOP,\n onDialogDidHide = NOOP,\n onClickOutside: onClickOutsideProp = NOOP,\n onContentClick: onContentClickProp = NOOP,\n hideWhenReferenceHidden = false,\n shouldCallbackOnMount = false,\n observeContentResize = false,\n enableNestedDialogLayer = true\n}: DialogProps) {\n const [isOpenState, setIsOpenState] = useState(shouldShowOnMount);\n const [preventAnimation, setPreventAnimation] = useState(false);\n const [referenceElement, setReferenceElement] = useState<HTMLElement | null>(null);\n\n const showTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n const hideTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n const containerRef = useRef<HTMLDivElement>(null);\n const arrowRef = useRef<HTMLDivElement>(null);\n\n // Check if children are valid React elements (Refable returns null for non-elements)\n const hasValidChildren = React.Children.toArray(children).some(child => React.isValidElement(child));\n\n const { layerRef } = useContext(LayerContext);\n\n // Derived state\n const isOpenInternal = useDerivedStateFromProps ? isOpenProp : isOpenState;\n const isShown = isOpenInternal || open;\n\n // Build middleware array for Floating UI\n const floatingMiddleware = useMemo<Middleware[]>(() => {\n const middlewareList: Middleware[] = [];\n\n // Get user-provided middleware (filter out invalid ones)\n const validMiddleware = middlewareProp.filter(\n (m): m is Middleware => m != null && typeof m === \"object\" && typeof m.fn === \"function\"\n );\n\n // Check if user provided their own middleware to override defaults\n const hasCustomOffset = validMiddleware.some(m => m.name === \"offset\");\n const hasCustomFlip = validMiddleware.some(m => m.name === \"flip\");\n const hasCustomShift = validMiddleware.some(m => m.name === \"shift\");\n\n // Offset middleware - skip if user provided their own\n if (!hasCustomOffset && (moveBy.main !== 0 || moveBy.secondary !== 0)) {\n middlewareList.push(offset({ mainAxis: moveBy.main || 0, crossAxis: moveBy.secondary || 0 }));\n }\n\n // Core positioning middleware - skip if user provided their own\n if (!hasCustomFlip) {\n middlewareList.push(flip());\n }\n if (!hasCustomShift) {\n middlewareList.push(shift());\n }\n\n // Add user-provided middleware\n middlewareList.push(...validMiddleware);\n\n // Arrow middleware - pass ref directly, Floating UI handles null refs\n if (tooltip) {\n middlewareList.push(arrowMiddleware({ element: arrowRef }));\n }\n\n // Hide middleware for detecting when reference is hidden\n if (hideWhenReferenceHidden) {\n middlewareList.push(hide());\n }\n\n return middlewareList;\n }, [moveBy.main, moveBy.secondary, tooltip, hideWhenReferenceHidden, middlewareProp]);\n\n // Configure autoUpdate for position tracking\n const whileElementsMounted = useCallback(\n (reference: HTMLElement, floating: HTMLElement, update: () => void) => {\n return autoUpdate(reference, floating, update, {\n elementResize: observeContentResize,\n layoutShift: false\n });\n },\n [observeContentResize]\n );\n\n // Use Floating UI hook\n const { refs, floatingStyles, placement, middlewareData } = useFloating({\n placement: position as Placement,\n middleware: floatingMiddleware,\n whileElementsMounted,\n elements: {\n reference: referenceElement\n }\n });\n\n // Check if reference is hidden (from hide middleware)\n const isReferenceHidden = middlewareData.hide?.referenceHidden ?? false;\n\n const isShowTrigger = useCallback(\n (eventName: DialogTriggerEvent) => {\n const showTriggersArray = convertToArray(showTrigger);\n if (addKeyboardHideShowTriggersByDefault && eventName === \"focus\" && showTriggersArray.includes(\"mouseenter\")) {\n return true;\n }\n return showTriggersArray.includes(eventName);\n },\n [showTrigger, addKeyboardHideShowTriggersByDefault]\n );\n\n const isHideTrigger = useCallback(\n (eventName: DialogTriggerEvent) => {\n const hideTriggersArray = convertToArray(hideTrigger);\n if (addKeyboardHideShowTriggersByDefault && eventName === \"blur\" && hideTriggersArray.includes(\"mouseleave\")) {\n return true;\n }\n return hideTriggersArray.includes(eventName);\n },\n [hideTrigger, addKeyboardHideShowTriggersByDefault]\n );\n\n const showDialog = useCallback(\n (event: DialogEvent, eventName: DialogTriggerEvent | string, options: { preventAnimation?: boolean } = {}) => {\n let finalShowDelay = showDelay;\n let preventAnimationValue = options.preventAnimation;\n if (getDynamicShowDelay) {\n const dynamicDelayObj = getDynamicShowDelay();\n finalShowDelay = dynamicDelayObj.showDelay || 0;\n preventAnimationValue = preventAnimationValue ?? dynamicDelayObj.preventAnimation;\n }\n\n if (instantShowAndHide) {\n onDialogDidShow(event, eventName);\n setIsOpenState(true);\n setPreventAnimation(!!preventAnimationValue);\n showTimeoutRef.current = null;\n } else {\n showTimeoutRef.current = setTimeout(() => {\n onDialogDidShow(event, eventName);\n showTimeoutRef.current = null;\n setIsOpenState(true);\n setPreventAnimation(!!preventAnimationValue);\n }, finalShowDelay);\n }\n },\n [showDelay, getDynamicShowDelay, instantShowAndHide, onDialogDidShow]\n );\n\n const hideDialog = useCallback(\n (event: DialogEvent, eventName: DialogTriggerEvent | string) => {\n if (instantShowAndHide) {\n onDialogDidHide(event, eventName);\n setIsOpenState(false);\n hideTimeoutRef.current = null;\n } else {\n hideTimeoutRef.current = setTimeout(() => {\n onDialogDidHide(event, eventName);\n setIsOpenState(false);\n hideTimeoutRef.current = null;\n }, hideDelay);\n }\n },\n [hideDelay, instantShowAndHide, onDialogDidHide]\n );\n\n const showDialogIfNeeded = useCallback(\n (event: DialogEvent, eventName: DialogTriggerEvent | string, options = {}) => {\n if (disable) {\n return;\n }\n\n if (hideTimeoutRef.current) {\n clearTimeout(hideTimeoutRef.current);\n hideTimeoutRef.current = null;\n }\n\n if (!showTimeoutRef.current) {\n showDialog(event, eventName, options);\n }\n },\n [disable, showDialog]\n );\n\n const hideDialogIfNeeded = useCallback(\n (event: DialogEvent, eventName: DialogTriggerEvent | string) => {\n if (showTimeoutRef.current) {\n clearTimeout(showTimeoutRef.current);\n showTimeoutRef.current = null;\n }\n\n if (!hideTimeoutRef.current) {\n hideDialog(event, eventName);\n }\n },\n [hideDialog]\n );\n\n // Event handling\n const handleEvent = useCallback(\n (eventName: DialogTriggerEvent, target: EventTarget | null, event: DialogEvent) => {\n if (!target) return; // Guard against null targets (e.g., when focus leaves the document)\n if (isShowTrigger(eventName) && !isShown && !isInsideClass(target as HTMLElement, showTriggerIgnoreClass)) {\n return showDialogIfNeeded(event, eventName);\n }\n\n if (isHideTrigger(eventName) && !isInsideClass(target as HTMLElement, hideTriggerIgnoreClass)) {\n return hideDialogIfNeeded(event, eventName);\n }\n },\n [\n isShowTrigger,\n isHideTrigger,\n isShown,\n showTriggerIgnoreClass,\n hideTriggerIgnoreClass,\n showDialogIfNeeded,\n hideDialogIfNeeded\n ]\n );\n\n const getContainer = useCallback(() => {\n if (containerSelector) {\n const containerElement = document.querySelector(containerSelector);\n if (containerElement instanceof Element) {\n return containerElement;\n }\n }\n return layerRef?.current || document.body;\n }, [containerSelector, layerRef]);\n\n // Memoized event handlers to prevent unnecessary re-renders\n const onMouseEnter = useCallback((e: React.MouseEvent) => handleEvent(\"mouseenter\", e.target, e), [handleEvent]);\n const onMouseLeave = useCallback((e: React.MouseEvent) => handleEvent(\"mouseleave\", e.target, e), [handleEvent]);\n const onClick = useCallback(\n (e: React.MouseEvent) => {\n if (e.button) return;\n handleEvent(\"click\", e.target, e);\n },\n [handleEvent]\n );\n const onKeyDown = useCallback(\n (event: React.KeyboardEvent) => {\n // Handle element-level keyboard events for triggers\n if (event.key === \"Enter\") handleEvent(\"enter\", event.target, event);\n if (event.key === \"Tab\") handleEvent(\"tab\", event.target, event);\n },\n [handleEvent]\n );\n\n const onMouseDown = useCallback(\n (e: React.MouseEvent) => {\n if (e.button) return;\n handleEvent(\"mousedown\", e.target, e);\n },\n [handleEvent]\n );\n const onFocus = useCallback((e: React.FocusEvent) => handleEvent(\"focus\", e.target, e), [handleEvent]);\n const onBlur = useCallback(\n (e: React.FocusEvent) => {\n const target = e.relatedTarget || e.target;\n handleEvent(\"blur\", target, e);\n },\n [handleEvent]\n );\n const onEsc = useCallback((e: React.KeyboardEvent) => handleEvent(\"esckey\", e.target, e), [handleEvent]);\n const onContextMenu = useCallback(\n (e: React.MouseEvent) => {\n if ((isShowTrigger(\"contextmenu\") && !isShown) || (isHideTrigger(\"contextmenu\") && isShown)) {\n e.preventDefault();\n }\n handleEvent(\"contextmenu\", e.target, e);\n },\n [isShown, isShowTrigger, isHideTrigger, handleEvent]\n );\n\n const onClickOutside = useCallback(\n (event: React.MouseEvent) => {\n handleEvent(\"clickoutside\", event.target, event);\n onClickOutsideProp(event);\n },\n [handleEvent, onClickOutsideProp]\n );\n\n const onDialogEnter = useCallback(\n (event: React.MouseEvent) => {\n if (showOnDialogEnter) showDialogIfNeeded(event, \"DialogEnter\");\n },\n [showOnDialogEnter, showDialogIfNeeded]\n );\n\n const onDialogLeave = useCallback(\n (event: React.MouseEvent) => {\n if (showOnDialogEnter) hideDialogIfNeeded(event, \"DialogLeave\");\n },\n [showOnDialogEnter, hideDialogIfNeeded]\n );\n\n const onContentClick = useCallback(\n (e: React.MouseEvent) => {\n handleEvent(\"onContentClick\", e.target, e);\n onContentClickProp(e);\n },\n [handleEvent, onContentClickProp]\n );\n\n // Memoized chained event handlers to prevent Refable children re-renders\n const chainedOnBlur = useMemo(() => chainFunctions([onBlurProp, onBlur], true), [onBlurProp, onBlur]);\n const chainedOnKeyDown = useMemo(() => chainFunctions([onKeyDownProp, onKeyDown], true), [onKeyDownProp, onKeyDown]);\n const chainedOnClick = useMemo(() => chainFunctions([onClickProp, onClick], true), [onClickProp, onClick]);\n const chainedOnFocus = useMemo(() => chainFunctions([onFocusProp, onFocus], true), [onFocusProp, onFocus]);\n const chainedOnMouseDown = useMemo(\n () => chainFunctions([onMouseDownProp, onMouseDown], true),\n [onMouseDownProp, onMouseDown]\n );\n const chainedOnMouseEnter = useMemo(\n () => chainFunctions([onMouseEnterProp, onMouseEnter], true),\n [onMouseEnterProp, onMouseEnter]\n );\n const chainedOnMouseLeave = useMemo(\n () => chainFunctions([onMouseLeaveProp, onMouseLeave], true),\n [onMouseLeaveProp, onMouseLeave]\n );\n const chainedOnContextMenu = useMemo(\n () => chainFunctions([onContextMenuProp, onContextMenu], true),\n [onContextMenuProp, onContextMenu]\n );\n\n // Document-level keyboard handler using stable ref pattern\n // Must handle Escape, Tab, and Enter at document level to match old behavior\n const closeDialogOnEscapeRef = useRef<(event: KeyboardEvent) => void>();\n closeDialogOnEscapeRef.current = (event: KeyboardEvent) => {\n if (!isShown) return;\n\n switch (event.key) {\n case \"Escape\":\n hideDialogIfNeeded(event, \"esckey\");\n break;\n case \"Tab\":\n handleEvent(\"tab\", event.target, event);\n break;\n case \"Enter\":\n handleEvent(\"enter\", event.target, event);\n break;\n }\n };\n\n // Effects\n\n // Callback on mount\n useEffect(() => {\n if (shouldCallbackOnMount && shouldShowOnMount) {\n onDialogDidShow();\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n // Cleanup timeouts on unmount\n useEffect(() => {\n return () => {\n if (showTimeoutRef.current) clearTimeout(showTimeoutRef.current);\n if (hideTimeoutRef.current) clearTimeout(hideTimeoutRef.current);\n };\n }, []);\n\n // Document keyboard listener (stable reference via ref)\n useEffect(() => {\n if (!isClient()) return;\n\n const handler = (event: KeyboardEvent) => closeDialogOnEscapeRef.current?.(event);\n document.addEventListener(\"keyup\", handler);\n return () => document.removeEventListener(\"keyup\", handler);\n }, []);\n\n // Handle reference hidden state\n useEffect(() => {\n if (hideWhenReferenceHidden && isReferenceHidden && isShown) {\n const event = new CustomEvent(\"onReferenceHidden\");\n hideDialog(event, \"onReferenceHidden\");\n }\n }, [hideWhenReferenceHidden, isReferenceHidden, isShown, hideDialog]);\n\n // Computed values\n const overrideDataTestId = dataTestId || getTestId(ComponentDefaultTestId.DIALOG, id);\n\n const arrowStyles = useMemo<React.CSSProperties>(() => {\n if (!middlewareData.arrow) return {};\n const { x, y } = middlewareData.arrow;\n return {\n left: x != null ? `${x}px` : \"\",\n top: y != null ? `${y}px` : \"\",\n transform: \"rotate(45deg)\"\n };\n }, [middlewareData.arrow]);\n\n // Skip Floating UI positioning when no children (e.g. floating Tipseen) — let CSS handle it\n const finalFloatingStyles = useMemo<React.CSSProperties>(\n () =>\n hasValidChildren\n ? { ...floatingStyles, ...(zIndex !== undefined && { zIndex }) }\n : { ...(zIndex !== undefined && { zIndex }) },\n [floatingStyles, zIndex, hasValidChildren]\n );\n\n const animationTypeCalculated = preventAnimationOnMount || preventAnimation ? undefined : animationType;\n const contentRendered = isFunction(content) ? content() : content;\n\n // Early return if no content - wrap in fragment for type safety\n if (!contentRendered) {\n return <>{children}</>;\n }\n\n const mergedFloatingRef = chainRefFunctions([refs.setFloating, containerRef]);\n\n const dialogContent = (\n <DialogContent\n data-testid={overrideDataTestId}\n isReferenceHidden={hideWhenReferenceHidden && isReferenceHidden}\n onMouseEnter={onDialogEnter}\n onMouseLeave={onDialogLeave}\n onClickOutside={onClickOutside}\n onContextMenu={onContextMenu}\n onEsc={onEsc}\n animationType={animationTypeCalculated}\n position={placement}\n wrapperClassName={wrapperClassName}\n startingEdge={startingEdge}\n isOpen={isShown}\n showDelay={showDelay}\n styleObject={finalFloatingStyles}\n ref={mergedFloatingRef}\n onClick={onContentClick}\n hasTooltip={!!tooltip}\n containerSelector={containerSelector}\n disableContainerScroll={disableContainerScroll}\n >\n {contentRendered}\n {tooltip && (\n <div\n style={arrowStyles}\n ref={arrowRef}\n className={cx(styles.arrow, tooltipClassName)}\n data-placement={placement}\n />\n )}\n </DialogContent>\n );\n\n return (\n <>\n <Refable\n className={cx(referenceWrapperClassName)}\n wrapperElement={referenceWrapperElement}\n ref={setReferenceElement}\n onBlur={chainedOnBlur}\n onKeyDown={chainedOnKeyDown}\n onClick={chainedOnClick}\n onFocus={chainedOnFocus}\n onMouseDown={chainedOnMouseDown}\n onMouseEnter={chainedOnMouseEnter}\n onMouseLeave={chainedOnMouseLeave}\n onContextMenu={chainedOnContextMenu}\n >\n {children}\n </Refable>\n {isClient() &&\n isShown &&\n createPortal(\n enableNestedDialogLayer ? (\n <LayerProvider layerRef={containerRef}>{dialogContent}</LayerProvider>\n ) : (\n dialogContent\n ),\n getContainer()\n )}\n </>\n );\n}\n\nexport default Dialog;\n"],"names":["Dialog","id","dataTestId","children","content","position","moveBy","main","secondary","middleware","middlewareProp","startingEdge","showDelay","hideDelay","instantShowAndHide","getDynamicShowDelay","showTrigger","hideTrigger","showOnDialogEnter","showTriggerIgnoreClass","hideTriggerIgnoreClass","addKeyboardHideShowTriggersByDefault","shouldShowOnMount","disable","open","isOpen","isOpenProp","useDerivedStateFromProps","animationType","preventAnimationOnMount","tooltip","tooltipClassName","containerSelector","disableContainerScroll","zIndex","wrapperClassName","referenceWrapperClassName","referenceWrapperElement","onBlur","onBlurProp","onKeyDown","onKeyDownProp","onClick","onClickProp","onFocus","onFocusProp","onMouseDown","onMouseDownProp","onMouseEnter","onMouseEnterProp","onMouseLeave","onMouseLeaveProp","onContextMenu","onContextMenuProp","onDialogDidShow","NOOP","onDialogDidHide","onClickOutside","onClickOutsideProp","onContentClick","onContentClickProp","hideWhenReferenceHidden","shouldCallbackOnMount","observeContentResize","enableNestedDialogLayer","isOpenState","setIsOpenState","useState","preventAnimation","setPreventAnimation","referenceElement","setReferenceElement","showTimeoutRef","useRef","hideTimeoutRef","containerRef","arrowRef","hasValidChildren","React","Children","toArray","some","child","isValidElement","layerRef","useContext","LayerContext","isShown","floatingMiddleware","useMemo","middlewareList","validMiddleware","filter","m","fn","hasCustomOffset","name","hasCustomFlip","hasCustomShift","push","offset","mainAxis","crossAxis","flip","shift","arrowMiddleware","element","hide","whileElementsMounted","useCallback","reference","floating","update","autoUpdate","elementResize","layoutShift","refs","floatingStyles","placement","middlewareData","useFloating","elements","isReferenceHidden","_b","_a","referenceHidden","isShowTrigger","eventName","showTriggersArray","convertToArray","includes","isHideTrigger","hideTriggersArray","showDialog","event","options","finalShowDelay","preventAnimationValue","dynamicDelayObj","current","setTimeout","hideDialog","showDialogIfNeeded","clearTimeout","hideDialogIfNeeded","handleEvent","target","isInsideClass","getContainer","containerElement","document","querySelector","Element","body","e","button","key","relatedTarget","onEsc","preventDefault","onDialogEnter","onDialogLeave","chainedOnBlur","chainFunctions","chainedOnKeyDown","chainedOnClick","chainedOnFocus","chainedOnMouseDown","chainedOnMouseEnter","chainedOnMouseLeave","chainedOnContextMenu","closeDialogOnEscapeRef","useEffect","isClient","handler","call","addEventListener","removeEventListener","CustomEvent","overrideDataTestId","getTestId","ComponentDefaultTestId","DIALOG","arrowStyles","arrow","x","y","left","top","transform","finalFloatingStyles","Object","assign","undefined","animationTypeCalculated","contentRendered","isFunction","createElement","Fragment","mergedFloatingRef","chainRefFunctions","setFloating","dialogContent","DialogContent","styleObject","ref","hasTooltip","style","className","cx","styles","Refable","wrapperElement","createPortal","LayerProvider"],"mappings":"4tBA+BA,SAASA,GAAOC,GAEdA,EACA,cAAeC,EAAUC,SACzBA,EAAQC,QACRA,EAAOC,SACPA,EAAW,MAAKC,OAChBA,EAAS,CAAEC,KAAM,EAAGC,UAAW,GAC/BC,WAAYC,EAAiB,GAAEC,aAC/BA,EAAYC,UACZA,EAAY,IAAGC,UACfA,EAAY,IAAGC,mBACfA,GAAqB,EAAKC,oBAC1BA,EAAmBC,YACnBA,EAAc,aAAYC,YAC1BA,EAAc,aAAYC,kBAC1BA,GAAoB,EAAKC,uBACzBA,EAAsBC,uBACtBA,EAAsBC,qCACtBA,GAAuC,EAAIC,kBAC3CA,GAAoB,EAAKC,QACzBA,GAAU,EAAKC,KACfA,GAAO,EACPC,OAAQC,EAAUC,yBAClBA,GAA2B,EAAKC,cAChCA,EAAgB,SAAQC,wBACxBA,IAA0B,EAAKC,QAC/BA,IAAU,EAAKC,iBACfA,GAAgBC,kBAChBA,GAAiBC,uBACjBA,GAAsBC,OACtBA,GAAMC,iBACNA,GAAgBC,0BAChBA,GAAyBC,wBACzBA,GACAC,OAAQC,GACRC,UAAWC,GACXC,QAASC,GACTC,QAASC,GACTC,YAAaC,GACbC,aAAcC,GACdC,aAAcC,GACdC,cAAeC,GAAiBC,gBAChCA,GAAkBC,EAAIC,gBACtBA,GAAkBD,EAClBE,eAAgBC,GAAqBH,EACrCI,eAAgBC,GAAqBL,EAAIM,wBACzCA,IAA0B,EAAKC,sBAC/BA,IAAwB,EAAKC,qBAC7BA,IAAuB,EAAKC,wBAC5BA,IAA0B,cAE1B,MAAOC,GAAaC,IAAkBC,EAAS7C,IACxC8C,GAAkBC,IAAuBF,GAAS,IAClDG,GAAkBC,IAAuBJ,EAA6B,MAEvEK,GAAiBC,EAA6C,MAC9DC,GAAiBD,EAA6C,MAC9DE,GAAeF,EAAuB,MACtCG,GAAWH,EAAuB,MAGlCI,GAAmBC,EAAMC,SAASC,QAAQ7E,GAAU8E,MAAKC,GAASJ,EAAMK,eAAeD,MAEvFE,SAAEA,IAAaC,EAAWC,GAI1BC,IADiB5D,EAA2BD,EAAauC,KAC7BzC,EAG5BgE,GAAqBC,GAAsB,KAC/C,MAAMC,EAA+B,GAG/BC,EAAkBjF,EAAekF,QACpCC,GAA4B,MAALA,GAA0B,iBAANA,GAAkC,mBAATA,EAAEC,KAInEC,EAAkBJ,EAAgBV,MAAKY,GAAgB,WAAXA,EAAEG,OAC9CC,EAAgBN,EAAgBV,MAAKY,GAAgB,SAAXA,EAAEG,OAC5CE,EAAiBP,EAAgBV,MAAKY,GAAgB,UAAXA,EAAEG,OA4BnD,OAzBKD,GAAoC,IAAhBzF,EAAOC,MAAmC,IAArBD,EAAOE,WACnDkF,EAAeS,KAAKC,EAAO,CAAEC,SAAU/F,EAAOC,MAAQ,EAAG+F,UAAWhG,EAAOE,WAAa,KAIrFyF,GACHP,EAAeS,KAAKI,KAEjBL,GACHR,EAAeS,KAAKK,KAItBd,EAAeS,QAAQR,GAGnB7D,IACF4D,EAAeS,KAAKM,EAAgB,CAAEC,QAAS9B,MAI7Cf,IACF6B,EAAeS,KAAKQ,KAGfjB,CAAc,GACpB,CAACpF,EAAOC,KAAMD,EAAOE,UAAWsB,GAAS+B,GAAyBnD,IAG/DkG,GAAuBC,GAC3B,CAACC,EAAwBC,EAAuBC,IACvCC,EAAWH,EAAWC,EAAUC,EAAQ,CAC7CE,cAAenD,GACfoD,aAAa,KAGjB,CAACpD,MAIGqD,KAAEA,GAAIC,eAAEA,GAAcC,UAAEA,GAASC,eAAEA,IAAmBC,EAAY,CACtEF,UAAWjH,EACXI,WAAY+E,GACZoB,wBACAa,SAAU,CACRX,UAAWxC,MAKToD,GAA4D,QAAxCC,GAAqB,QAArBC,GAAAL,GAAeZ,YAAM,IAAAiB,QAAA,EAAAA,GAAAC,uBAAmB,IAAAF,IAAAA,GAE5DG,GAAgBjB,GACnBkB,IACC,MAAMC,EAAoBC,EAAejH,GACzC,SAAIK,GAAsD,UAAd0G,IAAyBC,EAAkBE,SAAS,gBAGzFF,EAAkBE,SAASH,EAAU,GAE9C,CAAC/G,EAAaK,IAGV8G,GAAgBtB,GACnBkB,IACC,MAAMK,EAAoBH,EAAehH,GACzC,SAAII,GAAsD,SAAd0G,IAAwBK,EAAkBF,SAAS,gBAGxFE,EAAkBF,SAASH,EAAU,GAE9C,CAAC9G,EAAaI,IAGVgH,GAAaxB,GACjB,CAACyB,EAAoBP,EAAwCQ,EAA0C,MACrG,IAAIC,EAAiB5H,EACjB6H,EAAwBF,EAAQnE,iBACpC,GAAIrD,EAAqB,CACvB,MAAM2H,EAAkB3H,IACxByH,EAAiBE,EAAgB9H,WAAa,EAC9C6H,EAAwBA,QAAAA,EAAyBC,EAAgBtE,gBACnE,CAEItD,GACFwC,GAAgBgF,EAAOP,GACvB7D,IAAe,GACfG,KAAsBoE,GACtBjE,GAAemE,QAAU,MAEzBnE,GAAemE,QAAUC,YAAW,KAClCtF,GAAgBgF,EAAOP,GACvBvD,GAAemE,QAAU,KACzBzE,IAAe,GACfG,KAAsBoE,EAAsB,GAC3CD,EACL,GAEF,CAAC5H,EAAWG,EAAqBD,EAAoBwC,KAGjDuF,GAAahC,GACjB,CAACyB,EAAoBP,KACfjH,GACF0C,GAAgB8E,EAAOP,GACvB7D,IAAe,GACfQ,GAAeiE,QAAU,MAEzBjE,GAAeiE,QAAUC,YAAW,KAClCpF,GAAgB8E,EAAOP,GACvB7D,IAAe,GACfQ,GAAeiE,QAAU,IAAI,GAC5B9H,EACL,GAEF,CAACA,EAAWC,EAAoB0C,KAG5BsF,GAAqBjC,GACzB,CAACyB,EAAoBP,EAAwCQ,EAAU,MACjEhH,IAIAmD,GAAeiE,UACjBI,aAAarE,GAAeiE,SAC5BjE,GAAeiE,QAAU,MAGtBnE,GAAemE,SAClBN,GAAWC,EAAOP,EAAWQ,GAC/B,GAEF,CAAChH,EAAS8G,KAGNW,GAAqBnC,GACzB,CAACyB,EAAoBP,KACfvD,GAAemE,UACjBI,aAAavE,GAAemE,SAC5BnE,GAAemE,QAAU,MAGtBjE,GAAeiE,SAClBE,GAAWP,EAAOP,EACpB,GAEF,CAACc,KAIGI,GAAcpC,GAClB,CAACkB,EAA+BmB,EAA4BZ,KAC1D,GAAKY,EACL,OAAIpB,GAAcC,IAAexC,IAAY4D,EAAcD,EAAuB/H,GAI9EgH,GAAcJ,KAAeoB,EAAcD,EAAuB9H,GAC7D4H,GAAmBV,EAAOP,QADnC,EAHSe,GAAmBR,EAAOP,EAKnC,GAEF,CACED,GACAK,GACA5C,GACApE,EACAC,EACA0H,GACAE,KAIEI,GAAevC,GAAY,KAC/B,GAAI7E,GAAmB,CACrB,MAAMqH,EAAmBC,SAASC,cAAcvH,IAChD,GAAIqH,aAA4BG,QAC9B,OAAOH,CAEX,CACA,OAAOjE,cAAA,EAAAA,GAAUuD,UAAWW,SAASG,IAAI,GACxC,CAACzH,GAAmBoD,KAGjBpC,GAAe6D,GAAa6C,GAAwBT,GAAY,aAAcS,EAAER,OAAQQ,IAAI,CAACT,KAC7F/F,GAAe2D,GAAa6C,GAAwBT,GAAY,aAAcS,EAAER,OAAQQ,IAAI,CAACT,KAC7FvG,GAAUmE,GACb6C,IACKA,EAAEC,QACNV,GAAY,QAASS,EAAER,OAAQQ,EAAE,GAEnC,CAACT,KAEGzG,GAAYqE,GACfyB,IAEmB,UAAdA,EAAMsB,KAAiBX,GAAY,QAASX,EAAMY,OAAQZ,GAC5C,QAAdA,EAAMsB,KAAeX,GAAY,MAAOX,EAAMY,OAAQZ,EAAM,GAElE,CAACW,KAGGnG,GAAc+D,GACjB6C,IACKA,EAAEC,QACNV,GAAY,YAAaS,EAAER,OAAQQ,EAAE,GAEvC,CAACT,KAEGrG,GAAUiE,GAAa6C,GAAwBT,GAAY,QAASS,EAAER,OAAQQ,IAAI,CAACT,KACnF3G,GAASuE,GACZ6C,IAECT,GAAY,OADGS,EAAEG,eAAiBH,EAAER,OACRQ,EAAE,GAEhC,CAACT,KAEGa,GAAQjD,GAAa6C,GAA2BT,GAAY,SAAUS,EAAER,OAAQQ,IAAI,CAACT,KACrF7F,GAAgByD,GACnB6C,KACM5B,GAAc,iBAAmBvC,IAAa4C,GAAc,gBAAkB5C,KACjFmE,EAAEK,iBAEJd,GAAY,cAAeS,EAAER,OAAQQ,EAAE,GAEzC,CAACnE,GAASuC,GAAeK,GAAec,KAGpCxF,GAAiBoD,GACpByB,IACCW,GAAY,eAAgBX,EAAMY,OAAQZ,GAC1C5E,GAAmB4E,EAAM,GAE3B,CAACW,GAAavF,KAGVsG,GAAgBnD,GACnByB,IACKpH,GAAmB4H,GAAmBR,EAAO,cAAc,GAEjE,CAACpH,EAAmB4H,KAGhBmB,GAAgBpD,GACnByB,IACKpH,GAAmB8H,GAAmBV,EAAO,cAAc,GAEjE,CAACpH,EAAmB8H,KAGhBrF,GAAiBkD,GACpB6C,IACCT,GAAY,iBAAkBS,EAAER,OAAQQ,GACxC9F,GAAmB8F,EAAE,GAEvB,CAACT,GAAarF,KAIVsG,GAAgBzE,GAAQ,IAAM0E,EAAe,CAAC5H,GAAYD,KAAS,IAAO,CAACC,GAAYD,KACvF8H,GAAmB3E,GAAQ,IAAM0E,EAAe,CAAC1H,GAAeD,KAAY,IAAO,CAACC,GAAeD,KACnG6H,GAAiB5E,GAAQ,IAAM0E,EAAe,CAACxH,GAAaD,KAAU,IAAO,CAACC,GAAaD,KAC3F4H,GAAiB7E,GAAQ,IAAM0E,EAAe,CAACtH,GAAaD,KAAU,IAAO,CAACC,GAAaD,KAC3F2H,GAAqB9E,GACzB,IAAM0E,EAAe,CAACpH,GAAiBD,KAAc,IACrD,CAACC,GAAiBD,KAEd0H,GAAsB/E,GAC1B,IAAM0E,EAAe,CAAClH,GAAkBD,KAAe,IACvD,CAACC,GAAkBD,KAEfyH,GAAsBhF,GAC1B,IAAM0E,EAAe,CAAChH,GAAkBD,KAAe,IACvD,CAACC,GAAkBD,KAEfwH,GAAuBjF,GAC3B,IAAM0E,EAAe,CAAC9G,GAAmBD,KAAgB,IACzD,CAACC,GAAmBD,KAKhBuH,GAAyBlG,IAC/BkG,GAAuBhC,QAAWL,IAChC,GAAK/C,GAEL,OAAQ+C,EAAMsB,KACZ,IAAK,SACHZ,GAAmBV,EAAO,UAC1B,MACF,IAAK,MACHW,GAAY,MAAOX,EAAMY,OAAQZ,GACjC,MACF,IAAK,QACHW,GAAY,QAASX,EAAMY,OAAQZ,GAEvC,EAMFsC,GAAU,KACJ9G,IAAyBxC,GAC3BgC,IACF,GAEC,IAGHsH,GAAU,IACD,KACDpG,GAAemE,SAASI,aAAavE,GAAemE,SACpDjE,GAAeiE,SAASI,aAAarE,GAAeiE,QAAQ,GAEjE,IAGHiC,GAAU,KACR,IAAKC,IAAY,OAEjB,MAAMC,EAAWxC,IAAyB,IAAAV,EAAA,OAA8B,QAA9BA,EAAA+C,GAAuBhC,eAAO,IAAAf,OAAA,EAAAA,EAAAmD,KAAAJ,GAAGrC,EAAM,EAEjF,OADAgB,SAAS0B,iBAAiB,QAASF,GAC5B,IAAMxB,SAAS2B,oBAAoB,QAASH,EAAQ,GAC1D,IAGHF,GAAU,KACR,GAAI/G,IAA2B6D,IAAqBnC,GAAS,CAC3D,MAAM+C,EAAQ,IAAI4C,YAAY,qBAC9BrC,GAAWP,EAAO,oBACpB,IACC,CAACzE,GAAyB6D,GAAmBnC,GAASsD,KAGzD,MAAMsC,GAAqBjL,GAAckL,EAAUC,EAAuBC,OAAQrL,GAE5EsL,GAAc9F,GAA6B,KAC/C,IAAK8B,GAAeiE,MAAO,MAAO,GAClC,MAAMC,EAAEA,EAACC,EAAEA,GAAMnE,GAAeiE,MAChC,MAAO,CACLG,KAAW,MAALF,EAAeA,EAAH,KAAW,GAC7BG,IAAU,MAALF,EAAeA,EAAH,KAAW,GAC5BG,UAAW,gBACZ,GACA,CAACtE,GAAeiE,QAGbM,GAAsBrG,GAC1B,IAEWsG,OAAAC,OADTnH,GACSkH,OAAAC,OAAA,CAAA,EAAA3E,YAA+B4E,IAAX/J,IAAwB,CAAEA,aAEzD,CAACmF,GAAgBnF,GAAQ2C,KAGrBqH,GAA0BrK,IAA2BuC,QAAmB6H,EAAYrK,EACpFuK,GAAkBC,EAAWhM,GAAWA,IAAYA,EAG1D,IAAK+L,GACH,OAAOrH,EAAAuH,cAAAvH,EAAAwH,SAAA,KAAGnM,GAGZ,MAAMoM,GAAoBC,EAAkB,CAACpF,GAAKqF,YAAa9H,KAEzD+H,GACJ5H,EAACuH,cAAAM,iBACcxB,GACbzD,kBAAmB7D,IAA2B6D,GAC9C1E,aAAcgH,GACd9G,aAAc+G,GACdxG,eAAgBA,GAChBL,cAAeA,GACf0G,MAAOA,GACPlI,cAAesK,GACf7L,SAAUiH,GACVnF,iBAAkBA,GAClBxB,aAAcA,EACdc,OAAQ8D,GACR3E,UAAWA,EACXgM,YAAad,GACbe,IAAKN,GACL7J,QAASiB,GACTmJ,aAAchL,GACdE,kBAAmBA,GACnBC,uBAAwBA,IAEvBkK,GACArK,IACCgD,EAAAuH,cAAA,MAAA,CACEU,MAAOxB,GACPsB,IAAKjI,GACLoI,UAAWC,EAAGC,EAAO1B,MAAOzJ,IACZ,iBAAAuF,MAMxB,OACExC,EAAAuH,cAAAvH,EAAAwH,SAAA,KACExH,EAACuH,cAAAc,GACCH,UAAWC,EAAG7K,IACdgL,eAAgB/K,GAChBwK,IAAKtI,GACLjC,OAAQ4H,GACR1H,UAAW4H,GACX1H,QAAS2H,GACTzH,QAAS0H,GACTxH,YAAayH,GACbvH,aAAcwH,GACdtH,aAAcuH,GACdrH,cAAesH,IAEdvK,GAEF0K,KACCtF,IACA8H,EACErJ,GACEc,EAACuH,cAAAiB,EAAc,CAAAlI,SAAUT,IAAe+H,IAExCA,GAEFtD,MAIV"}
|
|
1
|
+
{"version":3,"file":"Dialog.js","sources":["../../../src/Dialog/Dialog.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { useState, useEffect, useRef, useContext, useCallback, useMemo } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport {\n useFloating,\n offset,\n flip,\n shift,\n hide,\n arrow as arrowMiddleware,\n autoUpdate,\n type Placement,\n type Middleware\n} from \"@floating-ui/react-dom\";\nimport { isFunction } from \"es-toolkit\";\nimport {\n chainFunctions,\n chainRefFunctions,\n convertToArray,\n NOOP,\n isInsideClass,\n ComponentDefaultTestId,\n getTestId,\n isClient\n} from \"@vibe/shared\";\nimport DialogContent from \"./components/DialogContent/DialogContent\";\nimport { Refable } from \"./components/Refable/Refable\";\nimport styles from \"./Dialog.module.scss\";\nimport { type DialogTriggerEvent, type DialogEvent, type DialogProps } from \"./Dialog.types\";\nimport { LayerContext, LayerProvider } from \"@vibe/layer\";\n\nfunction Dialog({\n // Core props\n id,\n \"data-testid\": dataTestId,\n children,\n content,\n position = \"top\",\n moveBy = { main: 0, secondary: 0 },\n middleware: middlewareProp = [],\n startingEdge,\n showDelay = 100,\n hideDelay = 100,\n instantShowAndHide = false,\n getDynamicShowDelay,\n showTrigger = \"mouseenter\",\n hideTrigger = \"mouseleave\",\n showOnDialogEnter = false,\n showTriggerIgnoreClass,\n hideTriggerIgnoreClass,\n addKeyboardHideShowTriggersByDefault = true,\n shouldShowOnMount = false,\n disable = false,\n open = false,\n isOpen: isOpenProp,\n useDerivedStateFromProps = false,\n animationType = \"expand\",\n preventAnimationOnMount = false,\n tooltip = false,\n tooltipClassName,\n containerSelector,\n disableContainerScroll,\n zIndex,\n wrapperClassName,\n referenceWrapperClassName,\n referenceWrapperElement,\n onBlur: onBlurProp,\n onKeyDown: onKeyDownProp,\n onClick: onClickProp,\n onFocus: onFocusProp,\n onMouseDown: onMouseDownProp,\n onMouseEnter: onMouseEnterProp,\n onMouseLeave: onMouseLeaveProp,\n onContextMenu: onContextMenuProp,\n onDialogDidShow = NOOP,\n onDialogDidHide = NOOP,\n onClickOutside: onClickOutsideProp = NOOP,\n onContentClick: onContentClickProp = NOOP,\n hideWhenReferenceHidden = false,\n shouldCallbackOnMount = false,\n observeContentResize = false,\n enableNestedDialogLayer = true\n}: DialogProps) {\n const [isOpenState, setIsOpenState] = useState(shouldShowOnMount);\n const [preventAnimation, setPreventAnimation] = useState(false);\n const [referenceElement, setReferenceElement] = useState<HTMLElement | null>(null);\n\n const showTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n const hideTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n const containerRef = useRef<HTMLDivElement>(null);\n const arrowRef = useRef<HTMLDivElement>(null);\n\n // Check if children are valid React elements (Refable returns null for non-elements)\n const hasValidChildren = React.Children.toArray(children).some(child => React.isValidElement(child));\n\n const { layerRef } = useContext(LayerContext);\n\n // Derived state\n const isOpenInternal = useDerivedStateFromProps ? isOpenProp : isOpenState;\n const isShown = isOpenInternal || open;\n\n // Build middleware array for Floating UI — skip when closed to avoid per-render overhead\n const floatingMiddleware = useMemo<Middleware[]>(() => {\n if (!isShown) return [];\n\n const middlewareList: Middleware[] = [];\n\n // Get user-provided middleware (filter out invalid ones)\n const validMiddleware = middlewareProp.filter(\n (m): m is Middleware => m != null && typeof m === \"object\" && typeof m.fn === \"function\"\n );\n\n // Check if user provided their own middleware to override defaults\n const hasCustomOffset = validMiddleware.some(m => m.name === \"offset\");\n const hasCustomFlip = validMiddleware.some(m => m.name === \"flip\");\n const hasCustomShift = validMiddleware.some(m => m.name === \"shift\");\n\n // Offset middleware - skip if user provided their own\n if (!hasCustomOffset && (moveBy.main !== 0 || moveBy.secondary !== 0)) {\n middlewareList.push(offset({ mainAxis: moveBy.main || 0, crossAxis: moveBy.secondary || 0 }));\n }\n\n // Core positioning middleware - skip if user provided their own\n if (!hasCustomFlip) {\n middlewareList.push(flip());\n }\n if (!hasCustomShift) {\n middlewareList.push(shift());\n }\n\n // Add user-provided middleware\n middlewareList.push(...validMiddleware);\n\n // Arrow middleware - pass ref directly, Floating UI handles null refs\n if (tooltip) {\n middlewareList.push(arrowMiddleware({ element: arrowRef }));\n }\n\n // Hide middleware for detecting when reference is hidden\n if (hideWhenReferenceHidden) {\n middlewareList.push(hide());\n }\n\n return middlewareList;\n }, [isShown, moveBy.main, moveBy.secondary, tooltip, hideWhenReferenceHidden, middlewareProp]);\n\n // Configure autoUpdate for position tracking\n const whileElementsMounted = useCallback(\n (reference: HTMLElement, floating: HTMLElement, update: () => void) => {\n return autoUpdate(reference, floating, update, {\n elementResize: observeContentResize,\n layoutShift: false\n });\n },\n [observeContentResize]\n );\n\n // Use Floating UI hook — whileElementsMounted is omitted when closed to skip autoUpdate setup\n const { refs, floatingStyles, placement, middlewareData } = useFloating({\n placement: position as Placement,\n middleware: floatingMiddleware,\n whileElementsMounted: isShown ? whileElementsMounted : undefined,\n elements: {\n reference: referenceElement\n }\n });\n\n // Check if reference is hidden (from hide middleware)\n const isReferenceHidden = middlewareData.hide?.referenceHidden ?? false;\n\n const isShowTrigger = useCallback(\n (eventName: DialogTriggerEvent) => {\n const showTriggersArray = convertToArray(showTrigger);\n if (addKeyboardHideShowTriggersByDefault && eventName === \"focus\" && showTriggersArray.includes(\"mouseenter\")) {\n return true;\n }\n return showTriggersArray.includes(eventName);\n },\n [showTrigger, addKeyboardHideShowTriggersByDefault]\n );\n\n const isHideTrigger = useCallback(\n (eventName: DialogTriggerEvent) => {\n const hideTriggersArray = convertToArray(hideTrigger);\n if (addKeyboardHideShowTriggersByDefault && eventName === \"blur\" && hideTriggersArray.includes(\"mouseleave\")) {\n return true;\n }\n return hideTriggersArray.includes(eventName);\n },\n [hideTrigger, addKeyboardHideShowTriggersByDefault]\n );\n\n const showDialog = useCallback(\n (event: DialogEvent, eventName: DialogTriggerEvent | string, options: { preventAnimation?: boolean } = {}) => {\n let finalShowDelay = showDelay;\n let preventAnimationValue = options.preventAnimation;\n if (getDynamicShowDelay) {\n const dynamicDelayObj = getDynamicShowDelay();\n finalShowDelay = dynamicDelayObj.showDelay || 0;\n preventAnimationValue = preventAnimationValue ?? dynamicDelayObj.preventAnimation;\n }\n\n if (instantShowAndHide) {\n onDialogDidShow(event, eventName);\n setIsOpenState(true);\n setPreventAnimation(!!preventAnimationValue);\n showTimeoutRef.current = null;\n } else {\n showTimeoutRef.current = setTimeout(() => {\n onDialogDidShow(event, eventName);\n showTimeoutRef.current = null;\n setIsOpenState(true);\n setPreventAnimation(!!preventAnimationValue);\n }, finalShowDelay);\n }\n },\n [showDelay, getDynamicShowDelay, instantShowAndHide, onDialogDidShow]\n );\n\n const hideDialog = useCallback(\n (event: DialogEvent, eventName: DialogTriggerEvent | string) => {\n if (instantShowAndHide) {\n onDialogDidHide(event, eventName);\n setIsOpenState(false);\n hideTimeoutRef.current = null;\n } else {\n hideTimeoutRef.current = setTimeout(() => {\n onDialogDidHide(event, eventName);\n setIsOpenState(false);\n hideTimeoutRef.current = null;\n }, hideDelay);\n }\n },\n [hideDelay, instantShowAndHide, onDialogDidHide]\n );\n\n const showDialogIfNeeded = useCallback(\n (event: DialogEvent, eventName: DialogTriggerEvent | string, options = {}) => {\n if (disable) {\n return;\n }\n\n if (hideTimeoutRef.current) {\n clearTimeout(hideTimeoutRef.current);\n hideTimeoutRef.current = null;\n }\n\n if (!showTimeoutRef.current) {\n showDialog(event, eventName, options);\n }\n },\n [disable, showDialog]\n );\n\n const hideDialogIfNeeded = useCallback(\n (event: DialogEvent, eventName: DialogTriggerEvent | string) => {\n if (showTimeoutRef.current) {\n clearTimeout(showTimeoutRef.current);\n showTimeoutRef.current = null;\n }\n\n if (!hideTimeoutRef.current) {\n hideDialog(event, eventName);\n }\n },\n [hideDialog]\n );\n\n // Event handling\n const handleEvent = useCallback(\n (eventName: DialogTriggerEvent, target: EventTarget | null, event: DialogEvent) => {\n if (!target) return; // Guard against null targets (e.g., when focus leaves the document)\n if (isShowTrigger(eventName) && !isShown && !isInsideClass(target as HTMLElement, showTriggerIgnoreClass)) {\n return showDialogIfNeeded(event, eventName);\n }\n\n if (isHideTrigger(eventName) && !isInsideClass(target as HTMLElement, hideTriggerIgnoreClass)) {\n return hideDialogIfNeeded(event, eventName);\n }\n },\n [\n isShowTrigger,\n isHideTrigger,\n isShown,\n showTriggerIgnoreClass,\n hideTriggerIgnoreClass,\n showDialogIfNeeded,\n hideDialogIfNeeded\n ]\n );\n\n const getContainer = useCallback(() => {\n if (containerSelector) {\n const containerElement = document.querySelector(containerSelector);\n if (containerElement instanceof Element) {\n return containerElement;\n }\n }\n return layerRef?.current || document.body;\n }, [containerSelector, layerRef]);\n\n // Memoized event handlers to prevent unnecessary re-renders\n const onMouseEnter = useCallback((e: React.MouseEvent) => handleEvent(\"mouseenter\", e.target, e), [handleEvent]);\n const onMouseLeave = useCallback((e: React.MouseEvent) => handleEvent(\"mouseleave\", e.target, e), [handleEvent]);\n const onClick = useCallback(\n (e: React.MouseEvent) => {\n if (e.button) return;\n handleEvent(\"click\", e.target, e);\n },\n [handleEvent]\n );\n const onKeyDown = useCallback(\n (event: React.KeyboardEvent) => {\n // Handle element-level keyboard events for triggers\n if (event.key === \"Enter\") handleEvent(\"enter\", event.target, event);\n if (event.key === \"Tab\") handleEvent(\"tab\", event.target, event);\n },\n [handleEvent]\n );\n\n const onMouseDown = useCallback(\n (e: React.MouseEvent) => {\n if (e.button) return;\n handleEvent(\"mousedown\", e.target, e);\n },\n [handleEvent]\n );\n const onFocus = useCallback((e: React.FocusEvent) => handleEvent(\"focus\", e.target, e), [handleEvent]);\n const onBlur = useCallback(\n (e: React.FocusEvent) => {\n const target = e.relatedTarget || e.target;\n handleEvent(\"blur\", target, e);\n },\n [handleEvent]\n );\n const onEsc = useCallback((e: React.KeyboardEvent) => handleEvent(\"esckey\", e.target, e), [handleEvent]);\n const onContextMenu = useCallback(\n (e: React.MouseEvent) => {\n if ((isShowTrigger(\"contextmenu\") && !isShown) || (isHideTrigger(\"contextmenu\") && isShown)) {\n e.preventDefault();\n }\n handleEvent(\"contextmenu\", e.target, e);\n },\n [isShown, isShowTrigger, isHideTrigger, handleEvent]\n );\n\n const onClickOutside = useCallback(\n (event: React.MouseEvent) => {\n handleEvent(\"clickoutside\", event.target, event);\n onClickOutsideProp(event);\n },\n [handleEvent, onClickOutsideProp]\n );\n\n const onDialogEnter = useCallback(\n (event: React.MouseEvent) => {\n if (showOnDialogEnter) showDialogIfNeeded(event, \"DialogEnter\");\n },\n [showOnDialogEnter, showDialogIfNeeded]\n );\n\n const onDialogLeave = useCallback(\n (event: React.MouseEvent) => {\n if (showOnDialogEnter) hideDialogIfNeeded(event, \"DialogLeave\");\n },\n [showOnDialogEnter, hideDialogIfNeeded]\n );\n\n const onContentClick = useCallback(\n (e: React.MouseEvent) => {\n handleEvent(\"onContentClick\", e.target, e);\n onContentClickProp(e);\n },\n [handleEvent, onContentClickProp]\n );\n\n // Memoized chained event handlers to prevent Refable children re-renders\n const chainedOnBlur = useMemo(() => chainFunctions([onBlurProp, onBlur], true), [onBlurProp, onBlur]);\n const chainedOnKeyDown = useMemo(() => chainFunctions([onKeyDownProp, onKeyDown], true), [onKeyDownProp, onKeyDown]);\n const chainedOnClick = useMemo(() => chainFunctions([onClickProp, onClick], true), [onClickProp, onClick]);\n const chainedOnFocus = useMemo(() => chainFunctions([onFocusProp, onFocus], true), [onFocusProp, onFocus]);\n const chainedOnMouseDown = useMemo(\n () => chainFunctions([onMouseDownProp, onMouseDown], true),\n [onMouseDownProp, onMouseDown]\n );\n const chainedOnMouseEnter = useMemo(\n () => chainFunctions([onMouseEnterProp, onMouseEnter], true),\n [onMouseEnterProp, onMouseEnter]\n );\n const chainedOnMouseLeave = useMemo(\n () => chainFunctions([onMouseLeaveProp, onMouseLeave], true),\n [onMouseLeaveProp, onMouseLeave]\n );\n const chainedOnContextMenu = useMemo(\n () => chainFunctions([onContextMenuProp, onContextMenu], true),\n [onContextMenuProp, onContextMenu]\n );\n\n // Document-level keyboard handler using stable ref pattern\n // Must handle Escape, Tab, and Enter at document level to match old behavior\n const closeDialogOnEscapeRef = useRef<(event: KeyboardEvent) => void>();\n closeDialogOnEscapeRef.current = (event: KeyboardEvent) => {\n if (!isShown) return;\n\n switch (event.key) {\n case \"Escape\":\n hideDialogIfNeeded(event, \"esckey\");\n break;\n case \"Tab\":\n handleEvent(\"tab\", event.target, event);\n break;\n case \"Enter\":\n handleEvent(\"enter\", event.target, event);\n break;\n }\n };\n\n // Effects\n\n // Callback on mount\n useEffect(() => {\n if (shouldCallbackOnMount && shouldShowOnMount) {\n onDialogDidShow();\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n // Cleanup timeouts on unmount\n useEffect(() => {\n return () => {\n if (showTimeoutRef.current) clearTimeout(showTimeoutRef.current);\n if (hideTimeoutRef.current) clearTimeout(hideTimeoutRef.current);\n };\n }, []);\n\n // Document keyboard listener (stable reference via ref)\n useEffect(() => {\n if (!isClient()) return;\n\n const handler = (event: KeyboardEvent) => closeDialogOnEscapeRef.current?.(event);\n document.addEventListener(\"keyup\", handler);\n return () => document.removeEventListener(\"keyup\", handler);\n }, []);\n\n // Handle reference hidden state\n useEffect(() => {\n if (hideWhenReferenceHidden && isReferenceHidden && isShown) {\n const event = new CustomEvent(\"onReferenceHidden\");\n hideDialog(event, \"onReferenceHidden\");\n }\n }, [hideWhenReferenceHidden, isReferenceHidden, isShown, hideDialog]);\n\n // Computed values\n const overrideDataTestId = dataTestId || getTestId(ComponentDefaultTestId.DIALOG, id);\n\n const arrowStyles = useMemo<React.CSSProperties>(() => {\n if (!middlewareData.arrow) return {};\n const { x, y } = middlewareData.arrow;\n return {\n left: x != null ? `${x}px` : \"\",\n top: y != null ? `${y}px` : \"\",\n transform: \"rotate(45deg)\"\n };\n }, [middlewareData.arrow]);\n\n // Skip Floating UI positioning when no children (e.g. floating Tipseen) — let CSS handle it\n const finalFloatingStyles = useMemo<React.CSSProperties>(\n () =>\n hasValidChildren\n ? { ...floatingStyles, ...(zIndex !== undefined && { zIndex }) }\n : { ...(zIndex !== undefined && { zIndex }) },\n [floatingStyles, zIndex, hasValidChildren]\n );\n\n const animationTypeCalculated = preventAnimationOnMount || preventAnimation ? undefined : animationType;\n const contentRendered = isFunction(content) ? content() : content;\n\n // Early return if no content - wrap in fragment for type safety\n if (!contentRendered) {\n return <>{children}</>;\n }\n\n const mergedFloatingRef = chainRefFunctions([refs.setFloating, containerRef]);\n\n const dialogContent = (\n <DialogContent\n data-testid={overrideDataTestId}\n isReferenceHidden={hideWhenReferenceHidden && isReferenceHidden}\n onMouseEnter={onDialogEnter}\n onMouseLeave={onDialogLeave}\n onClickOutside={onClickOutside}\n onContextMenu={onContextMenu}\n onEsc={onEsc}\n animationType={animationTypeCalculated}\n position={placement}\n wrapperClassName={wrapperClassName}\n startingEdge={startingEdge}\n isOpen={isShown}\n showDelay={showDelay}\n styleObject={finalFloatingStyles}\n ref={mergedFloatingRef}\n onClick={onContentClick}\n hasTooltip={!!tooltip}\n containerSelector={containerSelector}\n disableContainerScroll={disableContainerScroll}\n >\n {contentRendered}\n {tooltip && (\n <div\n style={arrowStyles}\n ref={arrowRef}\n className={cx(styles.arrow, tooltipClassName)}\n data-placement={placement}\n />\n )}\n </DialogContent>\n );\n\n return (\n <>\n <Refable\n className={cx(referenceWrapperClassName)}\n wrapperElement={referenceWrapperElement}\n ref={setReferenceElement}\n onBlur={chainedOnBlur}\n onKeyDown={chainedOnKeyDown}\n onClick={chainedOnClick}\n onFocus={chainedOnFocus}\n onMouseDown={chainedOnMouseDown}\n onMouseEnter={chainedOnMouseEnter}\n onMouseLeave={chainedOnMouseLeave}\n onContextMenu={chainedOnContextMenu}\n >\n {children}\n </Refable>\n {isClient() &&\n isShown &&\n createPortal(\n enableNestedDialogLayer ? (\n <LayerProvider layerRef={containerRef}>{dialogContent}</LayerProvider>\n ) : (\n dialogContent\n ),\n getContainer()\n )}\n </>\n );\n}\n\nexport default Dialog;\n"],"names":["Dialog","id","dataTestId","children","content","position","moveBy","main","secondary","middleware","middlewareProp","startingEdge","showDelay","hideDelay","instantShowAndHide","getDynamicShowDelay","showTrigger","hideTrigger","showOnDialogEnter","showTriggerIgnoreClass","hideTriggerIgnoreClass","addKeyboardHideShowTriggersByDefault","shouldShowOnMount","disable","open","isOpen","isOpenProp","useDerivedStateFromProps","animationType","preventAnimationOnMount","tooltip","tooltipClassName","containerSelector","disableContainerScroll","zIndex","wrapperClassName","referenceWrapperClassName","referenceWrapperElement","onBlur","onBlurProp","onKeyDown","onKeyDownProp","onClick","onClickProp","onFocus","onFocusProp","onMouseDown","onMouseDownProp","onMouseEnter","onMouseEnterProp","onMouseLeave","onMouseLeaveProp","onContextMenu","onContextMenuProp","onDialogDidShow","NOOP","onDialogDidHide","onClickOutside","onClickOutsideProp","onContentClick","onContentClickProp","hideWhenReferenceHidden","shouldCallbackOnMount","observeContentResize","enableNestedDialogLayer","isOpenState","setIsOpenState","useState","preventAnimation","setPreventAnimation","referenceElement","setReferenceElement","showTimeoutRef","useRef","hideTimeoutRef","containerRef","arrowRef","hasValidChildren","React","Children","toArray","some","child","isValidElement","layerRef","useContext","LayerContext","isShown","floatingMiddleware","useMemo","middlewareList","validMiddleware","filter","m","fn","hasCustomOffset","name","hasCustomFlip","hasCustomShift","push","offset","mainAxis","crossAxis","flip","shift","arrowMiddleware","element","hide","whileElementsMounted","useCallback","reference","floating","update","autoUpdate","elementResize","layoutShift","refs","floatingStyles","placement","middlewareData","useFloating","undefined","elements","isReferenceHidden","_b","_a","referenceHidden","isShowTrigger","eventName","showTriggersArray","convertToArray","includes","isHideTrigger","hideTriggersArray","showDialog","event","options","finalShowDelay","preventAnimationValue","dynamicDelayObj","current","setTimeout","hideDialog","showDialogIfNeeded","clearTimeout","hideDialogIfNeeded","handleEvent","target","isInsideClass","getContainer","containerElement","document","querySelector","Element","body","e","button","key","relatedTarget","onEsc","preventDefault","onDialogEnter","onDialogLeave","chainedOnBlur","chainFunctions","chainedOnKeyDown","chainedOnClick","chainedOnFocus","chainedOnMouseDown","chainedOnMouseEnter","chainedOnMouseLeave","chainedOnContextMenu","closeDialogOnEscapeRef","useEffect","isClient","handler","call","addEventListener","removeEventListener","CustomEvent","overrideDataTestId","getTestId","ComponentDefaultTestId","DIALOG","arrowStyles","arrow","x","y","left","top","transform","finalFloatingStyles","Object","assign","animationTypeCalculated","contentRendered","isFunction","createElement","Fragment","mergedFloatingRef","chainRefFunctions","setFloating","dialogContent","DialogContent","styleObject","ref","hasTooltip","style","className","cx","styles","Refable","wrapperElement","createPortal","LayerProvider"],"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_4_0_1";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-b5fc9eb29715_4_0_1";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(--space-4);\n}\n.contentWrapper.bottomStart, .contentWrapper.topStart, .contentWrapper.bottomEnd, .contentWrapper.topEnd {\n padding-block: var(--space-4);\n}\n.contentWrapper.bottomStart, .contentWrapper.topStart {\n padding-inline-end: var(--space-4);\n}\n.contentWrapper.bottomEnd, .contentWrapper.topEnd {\n padding-inline-start: var(--space-4);\n}\n.contentWrapper.leftStart, .contentWrapper.rightStart, .contentWrapper.leftEnd, .contentWrapper.rightEnd {\n padding-inline: var(--space-4);\n}\n.contentWrapper.leftStart, .contentWrapper.rightStart {\n padding-block-end: var(--space-4);\n}\n.contentWrapper.leftEnd, .contentWrapper.rightEnd {\n padding-block-start: var(--space-4);\n}\n.contentWrapper[data-dialog-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(--space-16));\n}\n.opacitySlideAppear.right {\n transform: translateX(calc(var(--space-16) * -1));\n}\n.opacitySlideAppear.bottom {\n transform: translateY(calc(var(--space-16) * -1));\n}\n.opacitySlideAppear.left {\n transform: translateX(var(--space-16));\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 o="s_id-
|
|
1
|
+
var e={dialogContentContainer:"dialogContentContainer",sizeSmall:"sizeSmall",sizeMedium:"sizeMedium",sizeLarge:"sizeLarge",typePopover:"typePopover",typeModal:"typeModal"};!function(e){const o="s_id-e25392b9c982_4_0_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+o))return;const a=document.createElement("style");a.id=o,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=e)}(".dialogContentContainer:focus {\n outline: none;\n}\n\n.sizeSmall {\n padding: var(--space-8);\n}\n\n.sizeMedium {\n padding: var(--space-16);\n}\n\n.sizeLarge {\n padding: var(--space-24);\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": "4.0.
|
|
3
|
+
"version": "4.0.2-alpha-5a3e2.0",
|
|
4
4
|
"description": "Vibe sub-package for dialog components",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -39,9 +39,9 @@
|
|
|
39
39
|
},
|
|
40
40
|
"dependencies": {
|
|
41
41
|
"@floating-ui/react-dom": "^2.1.2",
|
|
42
|
-
"@vibe/hooks": "4.0.1
|
|
43
|
-
"@vibe/layer": "4.0.1
|
|
44
|
-
"@vibe/shared": "4.0.1
|
|
42
|
+
"@vibe/hooks": "4.0.1",
|
|
43
|
+
"@vibe/layer": "4.0.1",
|
|
44
|
+
"@vibe/shared": "4.0.1",
|
|
45
45
|
"@vibe/style": "4.0.0",
|
|
46
46
|
"classnames": "^2.5.1",
|
|
47
47
|
"es-toolkit": "^1.39.10",
|
|
@@ -74,5 +74,5 @@
|
|
|
74
74
|
"../../../node_modules/@vibe/config/.eslintrc.cjs"
|
|
75
75
|
]
|
|
76
76
|
},
|
|
77
|
-
"gitHead": "
|
|
77
|
+
"gitHead": "ac6c34596f4c3b38f811a04f8357bcc14d27f52f"
|
|
78
78
|
}
|