@vibe/dialog 3.0.3-alpha-635d8.0 → 3.0.3

package/dist/Dialog/Dialog.d.ts

@@ -0,0 +1,267 @@
+import React, { PureComponent, type ReactElement } from "react";
+import { type Modifier } from "react-popper";
+import { NOOP, type VibeComponentProps } from "@vibe/shared";
+import { AnimationType as AnimationTypeEnum, HideShowEvent as DialogTriggerEventEnum, DialogPosition as DialogPositionEnum } from "./DialogConstants";
+import type * as PopperJS from "@popperjs/core";
+import { type DialogAnimationType, type DialogPosition, type DialogTriggerEvent, type DialogEvent } from "./Dialog.types";
+import { LayerContext } from "@vibe/layer";
+export interface DialogProps extends VibeComponentProps {
+    /**
+     * Class name applied to the reference wrapper element.
+     */
+    referenceWrapperClassName?: string;
+    /**
+     * The wrapper element type to use for React components. Defaults to "span".
+     */
+    referenceWrapperElement?: "span" | "div";
+    /**
+     * The placement of the dialog relative to the reference element.
+     */
+    position?: DialogPosition;
+    /**
+     * Custom Popper.js modifiers.
+     * https://popper.js.org/docs/v2/modifiers/
+     */
+    modifiers?: Modifier<any>[];
+    /**
+     * The starting edge of the dialog.
+     */
+    startingEdge?: string;
+    /**
+     * Offset values for positioning adjustments.
+     * `main` - horizontal offset
+     * `secondary` - vertical offset
+     */
+    moveBy?: {
+        main?: number;
+        secondary?: number;
+    };
+    /**
+     * Delay in milliseconds before showing the dialog.
+     */
+    showDelay?: number;
+    /**
+     * Delay in milliseconds before hiding the dialog.
+     */
+    hideDelay?: number;
+    /**
+     * Events that trigger showing the dialog.
+     */
+    showTrigger?: DialogTriggerEvent | DialogTriggerEvent[];
+    /**
+     * Events that trigger hiding the dialog.
+     */
+    hideTrigger?: DialogTriggerEvent | DialogTriggerEvent[];
+    /**
+     * If true, prevents closing the dialog when the mouse enters it.
+     */
+    showOnDialogEnter?: boolean;
+    /**
+     * If true, shows the dialog when the component mounts.
+     */
+    shouldShowOnMount?: boolean;
+    /**
+     * If true, disables opening the dialog.
+     */
+    disable?: boolean;
+    /**
+     * Controls the open state of the dialog.
+     */
+    open?: boolean;
+    /**
+     * Derived state control for managing dialog visibility.
+     */
+    isOpen?: boolean;
+    /**
+     * Classes that prevent showing the dialog when present.
+     */
+    showTriggerIgnoreClass?: string | Array<string>;
+    /**
+     * Classes that prevent hiding the dialog when present.
+     */
+    hideTriggerIgnoreClass?: string | Array<string>;
+    /**
+     * The animation type used for the dialog.
+     */
+    animationType?: DialogAnimationType;
+    /**
+     * Class name applied to the dialog content container.
+     */
+    wrapperClassName?: string;
+    /**
+     * If true, prevents animation when mounting.
+     */
+    preventAnimationOnMount?: boolean;
+    /**
+     * The CSS selector of the container where the dialog is rendered.
+     */
+    containerSelector?: string;
+    /**
+     * If true, positions the tooltip element.
+     */
+    tooltip?: boolean;
+    /**
+     * Class name applied to the tooltip element.
+     */
+    tooltipClassName?: string;
+    /**
+     * Callback fired when the dialog is shown.
+     */
+    onDialogDidShow?: (event?: DialogEvent, eventName?: DialogTriggerEvent | string) => void;
+    /**
+     * Callback fired when the dialog is hidden.
+     */
+    onDialogDidHide?: (event: DialogEvent, eventName: DialogTriggerEvent | string) => void;
+    /**
+     * Callback fired when clicking outside the dialog.
+     */
+    onClickOutside?: (event: React.MouseEvent) => void;
+    /**
+     * Callback fired when clicking inside the dialog content.
+     */
+    onContentClick?: (event: React.MouseEvent) => void;
+    /**
+     * The z-index applied to the dialog.
+     */
+    zIndex?: number;
+    /**
+     * If true, uses derived state from props.
+     */
+    useDerivedStateFromProps?: boolean;
+    /**
+     * If true, makes the dialog disappear when the reference element is hidden.
+     */
+    hideWhenReferenceHidden?: boolean;
+    /**
+     * If true, triggers the callback when the dialog mounts.
+     */
+    shouldCallbackOnMount?: boolean;
+    /**
+     * If true, instantly shows and hides the dialog without delay.
+     */
+    instantShowAndHide?: boolean;
+    /**
+     * Callback to dynamically adjust show delay and animation behavior.
+     */
+    getDynamicShowDelay?: () => {
+        showDelay: number;
+        preventAnimation: boolean;
+    };
+    /**
+     * The content displayed inside the dialog.
+     */
+    content?: (() => JSX.Element) | JSX.Element;
+    /**
+     * The element to position the dialog beside.
+     */
+    children?: ReactElement | ReactElement[] | string;
+    /**
+     * If true, keyboard focus/blur events behave like mouse enter/leave.
+     */
+    addKeyboardHideShowTriggersByDefault?: boolean;
+    /**
+     * If true, disables scrolling for the container element.
+     */
+    disableContainerScroll?: boolean | string;
+    /**
+     * Enables the observation of content resize for the popper element.
+     * When set to `true`, a ResizeObserver is attached to the popper content,
+     * automatically triggering repositioning when the size of the content changes.
+     *
+     * This is useful for dialogs, tooltips, or popovers with dynamic content
+     * that may grow or shrink without a re-render being triggered.
+     */
+    observeContentResize?: boolean;
+    /**
+     * If true, provides a LayerProvider context for nested dialogs to render correctly.
+     * This is useful when you have components that use Dialog internally (like Dropdown)
+     * inside another Dialog, ensuring proper z-index stacking and click-outside behavior.
+     */
+    enableNestedDialogLayer?: boolean;
+}
+export interface DialogState {
+    /**
+     * If true, the dialog is open.
+     */
+    isOpen?: boolean;
+    /**
+     * If true, the dialog state is derived from props.
+     */
+    shouldUseDerivedStateFromProps?: boolean;
+    /**
+     * If true, prevents animation when opening or closing the dialog.
+     */
+    preventAnimation?: boolean;
+}
+export default class Dialog extends PureComponent<DialogProps, DialogState> {
+    static hideShowTriggers: typeof DialogTriggerEventEnum;
+    static positions: typeof DialogPositionEnum;
+    static animationTypes: typeof AnimationTypeEnum;
+    static defaultProps: {
+        position: string;
+        modifiers: (import("react-popper").StrictModifier<any> | Partial<PopperJS.Modifier<any, object>>)[];
+        moveBy: {
+            main: number;
+            secondary: number;
+        };
+        showDelay: number;
+        hideDelay: number;
+        showTrigger: DialogTriggerEventEnum;
+        hideTrigger: DialogTriggerEventEnum;
+        showOnDialogEnter: boolean;
+        shouldShowOnMount: boolean;
+        disable: boolean;
+        open: boolean;
+        animationType: AnimationTypeEnum;
+        preventAnimationOnMount: boolean;
+        tooltip: boolean;
+        onDialogDidShow: typeof NOOP;
+        onDialogDidHide: typeof NOOP;
+        onClickOutside: typeof NOOP;
+        onContentClick: typeof NOOP;
+        useDerivedStateFromProps: boolean;
+        hideWhenReferenceHidden: boolean;
+        shouldCallbackOnMount: boolean;
+        instantShowAndHide: boolean;
+        addKeyboardHideShowTriggersByDefault: boolean;
+        observeContentResize: boolean;
+        enableNestedDialogLayer: boolean;
+    };
+    private showTimeout;
+    private hideTimeout;
+    private containerRef;
+    context: React.ContextType<typeof LayerContext>;
+    constructor(props: DialogProps);
+    closeDialogOnEscape(event: KeyboardEvent): void;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    static getDerivedStateFromProps(nextProps: DialogProps, state: DialogState): DialogState;
+    getDefaultContainer(): HTMLElement;
+    getContainer(): Element;
+    showDialog(event: DialogEvent, eventName: DialogTriggerEvent | string, options?: {
+        preventAnimation?: boolean;
+    }): void;
+    onShowDialog(event: DialogEvent, eventName: DialogTriggerEvent | string): void;
+    showDialogIfNeeded(event: DialogEvent, eventName: DialogTriggerEvent | string, options?: {}): void;
+    hideDialog(event: DialogEvent, eventName: DialogTriggerEvent | string): void;
+    onHideDialog(event: DialogEvent, eventName: DialogTriggerEvent | string): void;
+    hideDialogIfNeeded(event: DialogEvent, eventName: DialogTriggerEvent | string): void;
+    handleEvent(eventName: DialogTriggerEvent, target: EventTarget, event: DialogEvent): void;
+    isShown(): boolean;
+    isShowTrigger(eventName: DialogTriggerEvent): boolean;
+    isHideTrigger(eventName: DialogTriggerEvent): boolean;
+    onMouseEnter(e: React.MouseEvent): void;
+    onMouseLeave(e: React.MouseEvent): void;
+    onClick(e: React.MouseEvent): void;
+    onKeyDown(event: React.KeyboardEvent): void;
+    onMouseDown(e: React.MouseEvent): void;
+    onFocus(e: React.FocusEvent): void;
+    onBlur(e: React.FocusEvent): void;
+    onEsc(e: React.KeyboardEvent): void;
+    onContextMenu(e: React.MouseEvent): void;
+    onClickOutside(event: React.MouseEvent): void;
+    onDialogEnter(event: React.MouseEvent): void;
+    onDialogLeave(event: React.MouseEvent): void;
+    onContentClick(e: React.MouseEvent): void;
+    render(): string | React.ReactElement<any, string | React.JSXElementConstructor<any>>[] | React.JSX.Element;
+}

package/dist/Dialog/Dialog.js

@@ -0,0 +1,2 @@
+import e from"classnames";import t,{PureComponent as i}from"react";import{createPortal as o}from"react-dom";import{Manager as n,Reference as s,Popper as r}from"react-popper";import{isFunction as h}from"es-toolkit";import{NOOP as a,isClient as l,isInsideClass as d,convertToArray as u,getTestId as c,ComponentDefaultTestId as p,chainRefFunctions as m,chainFunctions as g}from"@vibe/shared";import D from"./DialogContent/DialogContent.js";import{Refable as f}from"../Refable/Refable.js";import{HideShowEvent as w,DialogPosition as E,AnimationType as C}from"./DialogConstants.js";import T from"./Dialog.module.scss.js";import{LayerContext as v,LayerProvider as y}from"@vibe/layer";import{createObserveContentResizeModifier as b}from"./modifiers/observeContentResizeModifier.js";class S extends i{constructor(e){super(e),this.state={shouldUseDerivedStateFromProps:e.useDerivedStateFromProps,isOpen:e.shouldShowOnMount},this.containerRef=t.createRef(),this.onMouseEnter=this.onMouseEnter.bind(this),this.onMouseLeave=this.onMouseLeave.bind(this),this.onMouseDown=this.onMouseDown.bind(this),this.onClick=this.onClick.bind(this),this.onFocus=this.onFocus.bind(this),this.onBlur=this.onBlur.bind(this),this.isShown=this.isShown.bind(this),this.onEsc=this.onEsc.bind(this),this.onClickOutside=this.onClickOutside.bind(this),this.onDialogEnter=this.onDialogEnter.bind(this),this.onDialogLeave=this.onDialogLeave.bind(this),this.getContainer=this.getContainer.bind(this),this.onContentClick=this.onContentClick.bind(this),this.onKeyDown=this.onKeyDown.bind(this),this.closeDialogOnEscape=this.closeDialogOnEscape.bind(this),this.onContextMenu=this.onContextMenu.bind(this),this.getDefaultContainer=this.getDefaultContainer.bind(this),this.hideTimeout=null,this.showTimeout=null}closeDialogOnEscape(e){const{isOpen:t}=this.state;if(t)switch(e.key){case"Escape":this.hideDialogIfNeeded(e,w.ESCAPE_KEY);break;case"Tab":this.handleEvent(w.TAB_KEY,e.target,e);break;case"Enter":this.handleEvent(w.ENTER,e.target,e)}}componentDidMount(){const{shouldCallbackOnMount:e,onDialogDidShow:t}=this.props,{isOpen:i}=this.state;l()&&document.addEventListener("keyup",this.closeDialogOnEscape),e&&i&&t&&t()}componentWillUnmount(){l()&&document.removeEventListener("keyup",this.closeDialogOnEscape),this.showTimeout&&(clearTimeout(this.showTimeout),this.showTimeout=null),this.hideTimeout&&(clearTimeout(this.hideTimeout),this.hideTimeout=null)}static getDerivedStateFromProps(e,t){return t.shouldUseDerivedStateFromProps?{isOpen:e.isOpen}:null}getDefaultContainer(){const{layerRef:e}=this.context;return(null==e?void 0:e.current)?e.current:document.body}getContainer(){const{containerSelector:e}=this.props;if(!e)return this.getDefaultContainer();const t=document.querySelector(e);return t&&t instanceof Element?t:this.getDefaultContainer()}showDialog(e,t,i={}){const{showDelay:o,instantShowAndHide:n,getDynamicShowDelay:s}=this.props;let r=o,h=i.preventAnimation;if(s){const e=s();r=e.showDelay||0,h=h||e.preventAnimation}n?(this.onShowDialog(e,t),this.setState({isOpen:!0,preventAnimation:h}),this.showTimeout=null):this.showTimeout=setTimeout((()=>{this.onShowDialog(e,t),this.showTimeout=null,this.setState({isOpen:!0,preventAnimation:h})}),r)}onShowDialog(e,t){if(this.isShown())return;const{onDialogDidShow:i}=this.props;i(e,t)}showDialogIfNeeded(e,t,i={}){const{disable:o}=this.props;o||(this.hideTimeout&&(clearTimeout(this.hideTimeout),this.hideTimeout=null),this.showTimeout||this.showDialog(e,t,i))}hideDialog(e,t){const{hideDelay:i,instantShowAndHide:o}=this.props;o?(this.onHideDialog(e,t),this.setState({isOpen:!1}),this.hideTimeout=null):this.hideTimeout=setTimeout((()=>{this.onHideDialog(e,t),this.setState({isOpen:!1}),this.hideTimeout=null}),i)}onHideDialog(e,t){const{onDialogDidHide:i}=this.props;i&&i(e,t)}hideDialogIfNeeded(e,t){this.showTimeout&&(clearTimeout(this.showTimeout),this.showTimeout=null),this.hideTimeout||this.hideDialog(e,t)}handleEvent(e,t,i){const{showTriggerIgnoreClass:o,hideTriggerIgnoreClass:n}=this.props;return!this.isShowTrigger(e)||this.isShown()||d(t,o)?this.isHideTrigger(e)&&!d(t,n)?this.hideDialogIfNeeded(i,e):void 0:this.showDialogIfNeeded(i,e)}isShown(){const{isOpen:e}=this.state,{open:t}=this.props;return e||t}isShowTrigger(e){const{showTrigger:t,addKeyboardHideShowTriggersByDefault:i}=this.props,o=u(t);return!(!i||"focus"!==e||-1>=o.indexOf("mouseenter"))||o.indexOf(e)>-1}isHideTrigger(e){const{hideTrigger:t,addKeyboardHideShowTriggersByDefault:i}=this.props,o=u(t);return!(!i||"blur"!==e||-1>=o.indexOf("mouseleave"))||o.indexOf(e)>-1}onMouseEnter(e){this.handleEvent("mouseenter",e.target,e)}onMouseLeave(e){this.handleEvent("mouseleave",e.target,e)}onClick(e){e.button||this.handleEvent("click",e.target,e)}onKeyDown(e){"Enter"===e.key&&this.handleEvent("enter",e.target,e),"Tab"===e.key&&this.handleEvent("tab",e.target,e)}onMouseDown(e){e.button||this.handleEvent("mousedown",e.target,e)}onFocus(e){this.handleEvent("focus",e.target,e)}onBlur(e){this.handleEvent("blur",e.relatedTarget,e)}onEsc(e){this.handleEvent("esckey",e.target,e)}onContextMenu(e){const t=this.isShown();(this.isShowTrigger("contextmenu")&&!t||this.isHideTrigger("contextmenu")&&t)&&e.preventDefault(),this.handleEvent("contextmenu",e.target,e)}onClickOutside(e){const{onClickOutside:t}=this.props;this.handleEvent("clickoutside",e.target,e),t(e)}onDialogEnter(e){const{showOnDialogEnter:t}=this.props;t&&this.showDialogIfNeeded(e,"DialogEnter")}onDialogLeave(e){const{showOnDialogEnter:t}=this.props;t&&this.hideDialogIfNeeded(e,"DialogLeave")}onContentClick(e){const{onContentClick:t}=this.props;this.handleEvent("onContentClick",e.target,e),t(e)}render(){const{wrapperClassName:i,content:a,startingEdge:d,children:u,preventAnimationOnMount:g,animationType:w,position:E,showDelay:C,moveBy:v,modifiers:S,tooltip:M,tooltipClassName:k,referenceWrapperClassName:x,referenceWrapperElement:H,zIndex:R,hideWhenReferenceHidden:N,disableContainerScroll:L,containerSelector:A,observeContentResize:I,enableNestedDialogLayer:B,id:F,"data-testid":K}=this.props,{preventAnimation:P}=this.state,j=K||c(p.DIALOG,F),z=g||P?void 0:w,U=h(a)?a():a;return U?t.createElement(n,null,t.createElement(s,null,(({ref:i})=>t.createElement(f,{className:e(x),wrapperElement:H,ref:i,onBlur:O("onBlur",this,this.props),onKeyDown:O("onKeyDown",this,this.props),onClick:O("onClick",this,this.props),onFocus:O("onFocus",this,this.props),onMouseDown:O("onMouseDown",this,this.props),onMouseEnter:O("onMouseEnter",this,this.props),onMouseLeave:O("onMouseLeave",this,this.props),onContextMenu:O("onContextMenu",this,this.props)},u))),l()&&o(t.createElement(r,{placement:E,modifiers:[{name:"offset",options:{offset:[v.secondary,v.main]}},{name:"zIndex",enabled:!0,phase:"write",fn:({state:e})=>(R&&(e.styles.popper.zIndex=R+""),e)},{name:"rotator",enabled:!0,phase:"write",fn:({state:e})=>e.styles.arrow?(e.styles.arrow.transform=e.styles.arrow.transform+" rotate(45deg)",e):e},b(I),...S]},(({placement:o,style:n,ref:s,arrowProps:r,isReferenceHidden:h})=>{if(!this.isShown()&&o)return null;if(N&&h){const e=new CustomEvent("onReferenceHidden");this.hideDialog(e,"onReferenceHidden")}const a=m([s,this.containerRef]),l=t.createElement(D,{"data-testid":j,isReferenceHidden:N&&h,onMouseEnter:this.onDialogEnter,onMouseLeave:this.onDialogLeave,onClickOutside:this.onClickOutside,onContextMenu:this.onContextMenu,onEsc:this.onEsc,animationType:z,position:o,wrapperClassName:i,startingEdge:d,isOpen:this.isShown(),showDelay:C,styleObject:n,ref:a,onClick:this.onContentClick,hasTooltip:!!M,containerSelector:A,disableContainerScroll:L},U,M&&t.createElement("div",{style:r.style,ref:r.ref,className:e(T.arrow,k),"data-placement":o}));return B?t.createElement(y,{layerRef:this.containerRef},l):l})),this.getContainer())):u}}function O(e,t,i){return g([i[e],t[e]],!0)}S.hideShowTriggers=w,S.positions=E,S.animationTypes=C,S.defaultProps={position:"top",modifiers:[],moveBy:{main:0,secondary:0},showDelay:100,hideDelay:100,showTrigger:S.hideShowTriggers.MOUSE_ENTER,hideTrigger:S.hideShowTriggers.MOUSE_LEAVE,showOnDialogEnter:!1,shouldShowOnMount:!1,disable:!1,open:!1,animationType:S.animationTypes.EXPAND,preventAnimationOnMount:!1,tooltip:!1,onDialogDidShow:a,onDialogDidHide:a,onClickOutside:a,onContentClick:a,useDerivedStateFromProps:!1,hideWhenReferenceHidden:!1,shouldCallbackOnMount:!1,instantShowAndHide:!1,addKeyboardHideShowTriggersByDefault:!1,observeContentResize:!1,enableNestedDialogLayer:!1},S.contextType=v;export{S as default};
+//# sourceMappingURL=Dialog.js.map

package/dist/Dialog/Dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.js","sources":["../../src/Dialog/Dialog.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { PureComponent, type ReactElement } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { Manager, type Modifier, Popper, Reference } from \"react-popper\";\nimport { isFunction } from \"es-toolkit\";\nimport {\n  chainFunctions,\n  chainRefFunctions,\n  convertToArray,\n  NOOP,\n  isInsideClass,\n  type VibeComponentProps,\n  ComponentDefaultTestId,\n  getTestId,\n  isClient\n} from \"@vibe/shared\";\nimport DialogContent from \"./DialogContent/DialogContent\";\nimport { Refable } from \"../Refable/Refable\";\nimport {\n  AnimationType as AnimationTypeEnum,\n  HideShowEvent as DialogTriggerEventEnum,\n  DialogPosition as DialogPositionEnum\n} from \"./DialogConstants\";\nimport type * as PopperJS from \"@popperjs/core\";\nimport styles from \"./Dialog.module.scss\";\nimport {\n  type DialogAnimationType,\n  type DialogPosition,\n  type DialogTriggerEvent,\n  type DialogEvent\n} from \"./Dialog.types\";\nimport { LayerContext, LayerProvider } from \"@vibe/layer\";\nimport { createObserveContentResizeModifier } from \"./modifiers/observeContentResizeModifier\";\n\nexport interface DialogProps extends VibeComponentProps {\n  /**\n   * Class name applied to the reference wrapper element.\n   */\n  referenceWrapperClassName?: string;\n  /**\n   * The wrapper element type to use for React components. Defaults to \"span\".\n   */\n  referenceWrapperElement?: \"span\" | \"div\";\n  /**\n   * The placement of the dialog relative to the reference element.\n   */\n  position?: DialogPosition;\n  /**\n   * Custom Popper.js modifiers.\n   * https://popper.js.org/docs/v2/modifiers/\n   */\n  modifiers?: Modifier<any>[];\n  /**\n   * The starting edge of the dialog.\n   */\n  startingEdge?: string;\n  /**\n   * Offset values for positioning adjustments.\n   * `main` - horizontal offset\n   * `secondary` - vertical offset\n   */\n  moveBy?: { main?: number; secondary?: number };\n  /**\n   * Delay in milliseconds before showing the dialog.\n   */\n  showDelay?: number;\n  /**\n   * Delay in milliseconds before hiding the dialog.\n   */\n  hideDelay?: number;\n  /**\n   * Events that trigger showing the dialog.\n   */\n  showTrigger?: DialogTriggerEvent | DialogTriggerEvent[];\n  /**\n   * Events that trigger hiding the dialog.\n   */\n  hideTrigger?: DialogTriggerEvent | DialogTriggerEvent[];\n  /**\n   * If true, prevents closing the dialog when the mouse enters it.\n   */\n  showOnDialogEnter?: boolean;\n  /**\n   * If true, shows the dialog when the component mounts.\n   */\n  shouldShowOnMount?: boolean;\n  /**\n   * If true, disables opening the dialog.\n   */\n  disable?: boolean;\n  /**\n   * Controls the open state of the dialog.\n   */\n  open?: boolean;\n  /**\n   * Derived state control for managing dialog visibility.\n   */\n  isOpen?: boolean;\n  /**\n   * Classes that prevent showing the dialog when present.\n   */\n  showTriggerIgnoreClass?: string | Array<string>;\n  /**\n   * Classes that prevent hiding the dialog when present.\n   */\n  hideTriggerIgnoreClass?: string | Array<string>;\n  /**\n   * The animation type used for the dialog.\n   */\n  animationType?: DialogAnimationType;\n  /**\n   * Class name applied to the dialog content container.\n   */\n  wrapperClassName?: string;\n  /**\n   * If true, prevents animation when mounting.\n   */\n  preventAnimationOnMount?: boolean;\n  /**\n   * The CSS selector of the container where the dialog is rendered.\n   */\n  containerSelector?: string;\n  /**\n   * If true, positions the tooltip element.\n   */\n  tooltip?: boolean;\n  /**\n   * Class name applied to the tooltip element.\n   */\n  tooltipClassName?: string;\n  /**\n   * Callback fired when the dialog is shown.\n   */\n  onDialogDidShow?: (event?: DialogEvent, eventName?: DialogTriggerEvent | string) => void;\n  /**\n   * Callback fired when the dialog is hidden.\n   */\n  onDialogDidHide?: (event: DialogEvent, eventName: DialogTriggerEvent | string) => void;\n  /**\n   * Callback fired when clicking outside the dialog.\n   */\n  onClickOutside?: (event: React.MouseEvent) => void;\n  /**\n   * Callback fired when clicking inside the dialog content.\n   */\n  onContentClick?: (event: React.MouseEvent) => void;\n  /**\n   * The z-index applied to the dialog.\n   */\n  zIndex?: number;\n  /**\n   * If true, uses derived state from props.\n   */\n  useDerivedStateFromProps?: boolean;\n  /**\n   * If true, makes the dialog disappear when the reference element is hidden.\n   */\n  hideWhenReferenceHidden?: boolean;\n  /**\n   * If true, triggers the callback when the dialog mounts.\n   */\n  shouldCallbackOnMount?: boolean;\n  /**\n   * If true, instantly shows and hides the dialog without delay.\n   */\n  instantShowAndHide?: boolean;\n  /**\n   * Callback to dynamically adjust show delay and animation behavior.\n   */\n  getDynamicShowDelay?: () => { showDelay: number; preventAnimation: boolean };\n  /**\n   * The content displayed inside the dialog.\n   */\n  content?: (() => JSX.Element) | JSX.Element;\n  /**\n   * The element to position the dialog beside.\n   */\n  children?: ReactElement | ReactElement[] | string;\n  /**\n   * If true, keyboard focus/blur events behave like mouse enter/leave.\n   */\n  addKeyboardHideShowTriggersByDefault?: boolean;\n  /**\n   * If true, disables scrolling for the container element.\n   */\n  disableContainerScroll?: boolean | string;\n  /**\n   * Enables the observation of content resize for the popper element.\n   * When set to `true`, a ResizeObserver is attached to the popper content,\n   * automatically triggering repositioning when the size of the content changes.\n   *\n   * This is useful for dialogs, tooltips, or popovers with dynamic content\n   * that may grow or shrink without a re-render being triggered.\n   */\n  observeContentResize?: boolean;\n  /**\n   * If true, provides a LayerProvider context for nested dialogs to render correctly.\n   * This is useful when you have components that use Dialog internally (like Dropdown)\n   * inside another Dialog, ensuring proper z-index stacking and click-outside behavior.\n   */\n  enableNestedDialogLayer?: boolean;\n}\n\nexport interface DialogState {\n  /**\n   * If true, the dialog is open.\n   */\n  isOpen?: boolean;\n  /**\n   * If true, the dialog state is derived from props.\n   */\n  shouldUseDerivedStateFromProps?: boolean;\n  /**\n   * If true, prevents animation when opening or closing the dialog.\n   */\n  preventAnimation?: boolean;\n}\n\nexport default class Dialog extends PureComponent<DialogProps, DialogState> {\n  static hideShowTriggers = DialogTriggerEventEnum;\n  static positions = DialogPositionEnum;\n  static animationTypes = AnimationTypeEnum;\n  static defaultProps = {\n    position: \"top\",\n    modifiers: [] as Modifier<any>[],\n    moveBy: { main: 0, secondary: 0 },\n    showDelay: 100,\n    hideDelay: 100,\n    showTrigger: Dialog.hideShowTriggers.MOUSE_ENTER,\n    hideTrigger: Dialog.hideShowTriggers.MOUSE_LEAVE,\n    showOnDialogEnter: false,\n    shouldShowOnMount: false,\n    disable: false,\n    open: false,\n    animationType: Dialog.animationTypes.EXPAND,\n    preventAnimationOnMount: false,\n    tooltip: false,\n    onDialogDidShow: NOOP,\n    onDialogDidHide: NOOP,\n    onClickOutside: NOOP,\n    onContentClick: NOOP,\n    useDerivedStateFromProps: false,\n    hideWhenReferenceHidden: false,\n    shouldCallbackOnMount: false,\n    instantShowAndHide: false,\n    addKeyboardHideShowTriggersByDefault: false,\n    observeContentResize: false,\n    enableNestedDialogLayer: false\n  };\n  private showTimeout: NodeJS.Timeout;\n  private hideTimeout: NodeJS.Timeout;\n  private containerRef: React.RefObject<HTMLDivElement>;\n  context!: React.ContextType<typeof LayerContext>;\n\n  constructor(props: DialogProps) {\n    super(props);\n    this.state = {\n      shouldUseDerivedStateFromProps: props.useDerivedStateFromProps,\n      isOpen: props.shouldShowOnMount\n    };\n\n    this.containerRef = React.createRef<HTMLDivElement>();\n\n    // Binding section.\n    this.onMouseEnter = this.onMouseEnter.bind(this);\n    this.onMouseLeave = this.onMouseLeave.bind(this);\n    this.onMouseDown = this.onMouseDown.bind(this);\n    this.onClick = this.onClick.bind(this);\n    this.onFocus = this.onFocus.bind(this);\n    this.onBlur = this.onBlur.bind(this);\n    this.isShown = this.isShown.bind(this);\n    this.onEsc = this.onEsc.bind(this);\n    this.onClickOutside = this.onClickOutside.bind(this);\n    this.onDialogEnter = this.onDialogEnter.bind(this);\n    this.onDialogLeave = this.onDialogLeave.bind(this);\n    this.getContainer = this.getContainer.bind(this);\n    this.onContentClick = this.onContentClick.bind(this);\n    this.onKeyDown = this.onKeyDown.bind(this);\n    this.closeDialogOnEscape = this.closeDialogOnEscape.bind(this);\n    this.onContextMenu = this.onContextMenu.bind(this);\n    this.getDefaultContainer = this.getDefaultContainer.bind(this);\n\n    // Timeouts\n    this.hideTimeout = null;\n    this.showTimeout = null;\n  }\n\n  closeDialogOnEscape(event: KeyboardEvent) {\n    const { isOpen } = this.state;\n    if (!isOpen) {\n      return;\n    }\n    switch (event.key) {\n      case \"Escape\":\n        this.hideDialogIfNeeded(event, DialogTriggerEventEnum.ESCAPE_KEY);\n        break;\n      case \"Tab\":\n        this.handleEvent(DialogTriggerEventEnum.TAB_KEY, event.target, event);\n        break;\n      case \"Enter\":\n        this.handleEvent(DialogTriggerEventEnum.ENTER, event.target, event);\n        break;\n      default:\n        break;\n    }\n  }\n\n  componentDidMount() {\n    const { shouldCallbackOnMount, onDialogDidShow } = this.props;\n    const { isOpen } = this.state;\n    if (isClient()) {\n      document.addEventListener(\"keyup\", this.closeDialogOnEscape);\n    }\n    if (shouldCallbackOnMount && isOpen) {\n      onDialogDidShow && onDialogDidShow();\n    }\n  }\n\n  componentWillUnmount() {\n    if (isClient()) {\n      document.removeEventListener(\"keyup\", this.closeDialogOnEscape);\n    }\n    if (this.showTimeout) {\n      clearTimeout(this.showTimeout);\n      this.showTimeout = null;\n    }\n    if (this.hideTimeout) {\n      clearTimeout(this.hideTimeout);\n      this.hideTimeout = null;\n    }\n  }\n\n  static getDerivedStateFromProps(nextProps: DialogProps, state: DialogState): DialogState {\n    if (state.shouldUseDerivedStateFromProps) {\n      return { isOpen: nextProps.isOpen };\n    }\n    return null;\n  }\n\n  getDefaultContainer() {\n    const { layerRef } = this.context;\n    if (layerRef?.current) {\n      return layerRef.current;\n    }\n    return document.body;\n  }\n\n  getContainer() {\n    const { containerSelector } = this.props;\n    if (!containerSelector) {\n      return this.getDefaultContainer();\n    }\n\n    const containerElement = document.querySelector(containerSelector);\n    if (!containerElement || !(containerElement instanceof Element)) {\n      return this.getDefaultContainer();\n    }\n    return containerElement;\n  }\n\n  showDialog(event: DialogEvent, eventName: DialogTriggerEvent | string, options: { preventAnimation?: boolean } = {}) {\n    const { showDelay, instantShowAndHide, getDynamicShowDelay } = this.props;\n    let finalShowDelay = showDelay;\n    let preventAnimation = options.preventAnimation;\n    if (getDynamicShowDelay) {\n      const dynamicDelayObj = getDynamicShowDelay();\n      finalShowDelay = dynamicDelayObj.showDelay || 0;\n      preventAnimation = preventAnimation || dynamicDelayObj.preventAnimation;\n    }\n\n    if (instantShowAndHide) {\n      this.onShowDialog(event, eventName);\n      this.setState({ isOpen: true, preventAnimation });\n      this.showTimeout = null;\n    } else {\n      this.showTimeout = setTimeout(() => {\n        this.onShowDialog(event, eventName);\n        this.showTimeout = null;\n        this.setState({ isOpen: true, preventAnimation });\n      }, finalShowDelay);\n    }\n  }\n\n  onShowDialog(event: DialogEvent, eventName: DialogTriggerEvent | string) {\n    if (this.isShown()) return;\n    const { onDialogDidShow } = this.props;\n    onDialogDidShow(event, eventName);\n  }\n\n  showDialogIfNeeded(event: DialogEvent, eventName: DialogTriggerEvent | string, options = {}) {\n    const { disable } = this.props;\n    if (disable) {\n      return;\n    }\n\n    if (this.hideTimeout) {\n      clearTimeout(this.hideTimeout);\n      this.hideTimeout = null;\n    }\n\n    if (!this.showTimeout) {\n      this.showDialog(event, eventName, options);\n    }\n  }\n\n  hideDialog(event: DialogEvent, eventName: DialogTriggerEvent | string) {\n    const { hideDelay, instantShowAndHide } = this.props;\n    if (instantShowAndHide) {\n      this.onHideDialog(event, eventName);\n      this.setState({ isOpen: false });\n      this.hideTimeout = null;\n    } else {\n      this.hideTimeout = setTimeout(() => {\n        this.onHideDialog(event, eventName);\n        this.setState({ isOpen: false });\n        this.hideTimeout = null;\n      }, hideDelay);\n    }\n  }\n\n  onHideDialog(event: DialogEvent, eventName: DialogTriggerEvent | string) {\n    const { onDialogDidHide } = this.props;\n    if (onDialogDidHide) onDialogDidHide(event, eventName);\n  }\n\n  hideDialogIfNeeded(event: DialogEvent, eventName: DialogTriggerEvent | string) {\n    if (this.showTimeout) {\n      clearTimeout(this.showTimeout);\n      this.showTimeout = null;\n    }\n\n    if (this.hideTimeout) {\n      return;\n    }\n    this.hideDialog(event, eventName);\n  }\n\n  handleEvent(eventName: DialogTriggerEvent, target: EventTarget, event: DialogEvent) {\n    const { showTriggerIgnoreClass, hideTriggerIgnoreClass } = this.props;\n    if (\n      this.isShowTrigger(eventName) &&\n      !this.isShown() &&\n      !isInsideClass(target as HTMLElement, showTriggerIgnoreClass)\n    ) {\n      return this.showDialogIfNeeded(event, eventName);\n    }\n\n    if (this.isHideTrigger(eventName) && !isInsideClass(target as HTMLElement, hideTriggerIgnoreClass)) {\n      return this.hideDialogIfNeeded(event, eventName);\n    }\n  }\n\n  isShown() {\n    const { isOpen } = this.state;\n    const { open } = this.props;\n\n    return isOpen || open;\n  }\n\n  isShowTrigger(eventName: DialogTriggerEvent) {\n    const { showTrigger, addKeyboardHideShowTriggersByDefault } = this.props;\n    const showTriggersArray = convertToArray(showTrigger);\n\n    if (addKeyboardHideShowTriggersByDefault) {\n      if (eventName === \"focus\" && showTriggersArray.indexOf(\"mouseenter\") > -1) {\n        return true;\n      }\n    }\n\n    return showTriggersArray.indexOf(eventName) > -1;\n  }\n\n  isHideTrigger(eventName: DialogTriggerEvent) {\n    const { hideTrigger, addKeyboardHideShowTriggersByDefault } = this.props;\n    const hideTriggersArray = convertToArray(hideTrigger);\n\n    if (addKeyboardHideShowTriggersByDefault) {\n      if (eventName === \"blur\" && hideTriggersArray.indexOf(\"mouseleave\") > -1) {\n        return true;\n      }\n    }\n\n    return hideTriggersArray.indexOf(eventName) > -1;\n  }\n\n  onMouseEnter(e: React.MouseEvent) {\n    this.handleEvent(\"mouseenter\", e.target, e);\n  }\n\n  onMouseLeave(e: React.MouseEvent) {\n    this.handleEvent(\"mouseleave\", e.target, e);\n  }\n\n  onClick(e: React.MouseEvent) {\n    if (e.button) return;\n    this.handleEvent(\"click\", e.target, e);\n  }\n\n  onKeyDown(event: React.KeyboardEvent) {\n    if (event.key === \"Enter\") {\n      this.handleEvent(\"enter\", event.target, event);\n    }\n\n    if (event.key === \"Tab\") {\n      this.handleEvent(\"tab\", event.target, event);\n    }\n  }\n\n  onMouseDown(e: React.MouseEvent) {\n    if (e.button) return;\n    this.handleEvent(\"mousedown\", e.target, e);\n  }\n\n  onFocus(e: React.FocusEvent) {\n    this.handleEvent(\"focus\", e.target, e);\n  }\n\n  onBlur(e: React.FocusEvent) {\n    this.handleEvent(\"blur\", e.relatedTarget, e);\n  }\n\n  onEsc(e: React.KeyboardEvent) {\n    this.handleEvent(\"esckey\", e.target, e);\n  }\n\n  onContextMenu(e: React.MouseEvent) {\n    const isShown = this.isShown();\n    if ((this.isShowTrigger(\"contextmenu\") && !isShown) || (this.isHideTrigger(\"contextmenu\") && isShown)) {\n      e.preventDefault();\n    }\n    this.handleEvent(\"contextmenu\", e.target, e);\n  }\n\n  onClickOutside(event: React.MouseEvent) {\n    const { onClickOutside } = this.props;\n    this.handleEvent(\"clickoutside\", event.target, event);\n    onClickOutside(event);\n  }\n\n  onDialogEnter(event: React.MouseEvent) {\n    const { showOnDialogEnter } = this.props;\n    if (showOnDialogEnter) this.showDialogIfNeeded(event, \"DialogEnter\");\n  }\n\n  onDialogLeave(event: React.MouseEvent) {\n    const { showOnDialogEnter } = this.props;\n    if (showOnDialogEnter) this.hideDialogIfNeeded(event, \"DialogLeave\");\n  }\n\n  onContentClick(e: React.MouseEvent) {\n    const { onContentClick } = this.props;\n    this.handleEvent(\"onContentClick\", e.target, e);\n    onContentClick(e);\n  }\n\n  render() {\n    const {\n      wrapperClassName,\n      content,\n      startingEdge,\n      children,\n      preventAnimationOnMount,\n      animationType,\n      position,\n      showDelay,\n      moveBy,\n      modifiers,\n      tooltip,\n      tooltipClassName,\n      referenceWrapperClassName,\n      referenceWrapperElement,\n      zIndex,\n      hideWhenReferenceHidden,\n      disableContainerScroll,\n      containerSelector,\n      observeContentResize,\n      enableNestedDialogLayer,\n      id,\n      \"data-testid\": dataTestId\n    } = this.props;\n    const { preventAnimation } = this.state;\n    const overrideDataTestId = dataTestId || getTestId(ComponentDefaultTestId.DIALOG, id);\n\n    const animationTypeCalculated = preventAnimationOnMount || preventAnimation ? undefined : animationType;\n    const contentRendered = isFunction(content) ? content() : content;\n\n    if (!contentRendered) {\n      return children;\n    }\n    return (\n      <Manager>\n        <Reference>\n          {({ ref }) => {\n            return (\n              <Refable\n                className={cx(referenceWrapperClassName)}\n                wrapperElement={referenceWrapperElement}\n                ref={ref}\n                onBlur={chainOnPropsAndInstance(\"onBlur\", this, this.props)}\n                onKeyDown={chainOnPropsAndInstance(\"onKeyDown\", this, this.props)}\n                onClick={chainOnPropsAndInstance(\"onClick\", this, this.props)}\n                onFocus={chainOnPropsAndInstance(\"onFocus\", this, this.props)}\n                onMouseDown={chainOnPropsAndInstance(\"onMouseDown\", this, this.props)}\n                onMouseEnter={chainOnPropsAndInstance(\"onMouseEnter\", this, this.props)}\n                onMouseLeave={chainOnPropsAndInstance(\"onMouseLeave\", this, this.props)}\n                onContextMenu={chainOnPropsAndInstance(\"onContextMenu\", this, this.props)}\n              >\n                {children}\n              </Refable>\n            );\n          }}\n        </Reference>\n        {isClient() &&\n          createPortal(\n            <Popper\n              placement={position as unknown as PopperJS.Placement}\n              modifiers={[\n                {\n                  name: \"offset\",\n                  options: {\n                    offset: [moveBy.secondary, moveBy.main]\n                  }\n                },\n                {\n                  name: \"zIndex\",\n                  enabled: true,\n                  phase: \"write\",\n                  fn({ state }) {\n                    if (zIndex) {\n                      state.styles.popper.zIndex = String(zIndex);\n                    }\n                    return state;\n                  }\n                },\n                {\n                  name: \"rotator\",\n                  enabled: true,\n                  phase: \"write\",\n                  fn({ state }) {\n                    if (!state.styles.arrow) {\n                      return state;\n                    }\n                    // const reg = new RegExp(\n                    //   /translate\\(([0-9].*)px, ([0-9].*)px\\)/\n                    // );\n                    // const transform = state.styles.arrow.transform;\n                    // const res = reg.exec(transform);\n                    // state.styles.popper.transformOrigin = `${100 -\n                    //   res[1]}% ${100 - res[2]}%`;\n                    state.styles.arrow.transform = `${state.styles.arrow.transform} rotate(45deg)`;\n                    return state;\n                  }\n                },\n                createObserveContentResizeModifier(observeContentResize),\n                ...modifiers\n              ]}\n            >\n              {({ placement, style, ref, arrowProps, isReferenceHidden }) => {\n                if (!this.isShown() && placement) {\n                  return null;\n                }\n\n                if (hideWhenReferenceHidden && isReferenceHidden) {\n                  const event = new CustomEvent(\"onReferenceHidden\");\n                  this.hideDialog(event, \"onReferenceHidden\");\n                }\n\n                const mergedRef = chainRefFunctions([ref, this.containerRef]);\n\n                const dialogContent = (\n                  <DialogContent\n                    data-testid={overrideDataTestId}\n                    isReferenceHidden={hideWhenReferenceHidden && isReferenceHidden}\n                    onMouseEnter={this.onDialogEnter}\n                    onMouseLeave={this.onDialogLeave}\n                    onClickOutside={this.onClickOutside}\n                    onContextMenu={this.onContextMenu}\n                    onEsc={this.onEsc}\n                    animationType={animationTypeCalculated}\n                    position={placement}\n                    wrapperClassName={wrapperClassName}\n                    startingEdge={startingEdge}\n                    isOpen={this.isShown()}\n                    showDelay={showDelay}\n                    styleObject={style}\n                    ref={mergedRef}\n                    onClick={this.onContentClick}\n                    hasTooltip={!!tooltip}\n                    containerSelector={containerSelector}\n                    disableContainerScroll={disableContainerScroll}\n                  >\n                    {contentRendered}\n                    {tooltip && (\n                      <div\n                        style={arrowProps.style}\n                        ref={arrowProps.ref}\n                        className={cx(styles.arrow, tooltipClassName)}\n                        data-placement={placement}\n                      />\n                    )}\n                  </DialogContent>\n                );\n\n                return enableNestedDialogLayer ? (\n                  <LayerProvider layerRef={this.containerRef}>{dialogContent}</LayerProvider>\n                ) : (\n                  dialogContent\n                );\n              }}\n            </Popper>,\n            this.getContainer()\n          )}\n      </Manager>\n    );\n  }\n}\n\nfunction chainOnPropsAndInstance(name: string, instance: Dialog, props: DialogProps) {\n  // @ts-ignore\n  return chainFunctions([props[name], instance[name]], true);\n}\n\nDialog.contextType = LayerContext;\n"],"names":["Dialog","PureComponent","constructor","props","super","this","state","shouldUseDerivedStateFromProps","useDerivedStateFromProps","isOpen","shouldShowOnMount","containerRef","React","createRef","onMouseEnter","bind","onMouseLeave","onMouseDown","onClick","onFocus","onBlur","isShown","onEsc","onClickOutside","onDialogEnter","onDialogLeave","getContainer","onContentClick","onKeyDown","closeDialogOnEscape","onContextMenu","getDefaultContainer","hideTimeout","showTimeout","event","key","hideDialogIfNeeded","DialogTriggerEventEnum","ESCAPE_KEY","handleEvent","TAB_KEY","target","ENTER","componentDidMount","shouldCallbackOnMount","onDialogDidShow","isClient","document","addEventListener","componentWillUnmount","removeEventListener","clearTimeout","getDerivedStateFromProps","nextProps","layerRef","context","current","body","containerSelector","containerElement","querySelector","Element","showDialog","eventName","options","showDelay","instantShowAndHide","getDynamicShowDelay","finalShowDelay","preventAnimation","dynamicDelayObj","onShowDialog","setState","setTimeout","showDialogIfNeeded","disable","hideDialog","hideDelay","onHideDialog","onDialogDidHide","showTriggerIgnoreClass","hideTriggerIgnoreClass","isShowTrigger","isInsideClass","isHideTrigger","open","showTrigger","addKeyboardHideShowTriggersByDefault","showTriggersArray","convertToArray","indexOf","hideTrigger","hideTriggersArray","e","button","relatedTarget","preventDefault","showOnDialogEnter","render","wrapperClassName","content","startingEdge","children","preventAnimationOnMount","animationType","position","moveBy","modifiers","tooltip","tooltipClassName","referenceWrapperClassName","referenceWrapperElement","zIndex","hideWhenReferenceHidden","disableContainerScroll","observeContentResize","enableNestedDialogLayer","id","dataTestId","overrideDataTestId","getTestId","ComponentDefaultTestId","DIALOG","animationTypeCalculated","undefined","contentRendered","isFunction","Manager","createElement","Reference","ref","Refable","className","cx","wrapperElement","chainOnPropsAndInstance","createPortal","Popper","placement","name","offset","secondary","main","enabled","phase","fn","styles","popper","String","arrow","transform","createObserveContentResizeModifier","style","arrowProps","isReferenceHidden","CustomEvent","mergedRef","chainRefFunctions","dialogContent","DialogContent","styleObject","hasTooltip","LayerProvider","instance","chainFunctions","hideShowTriggers","positions","DialogPositionEnum","animationTypes","AnimationTypeEnum","defaultProps","MOUSE_ENTER","MOUSE_LEAVE","EXPAND","NOOP","contextType","LayerContext"],"mappings":"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"}

package/dist/Dialog/Dialog.module.scss.js

@@ -0,0 +1,2 @@
+var a={arrow:"arrow_a8e1ba148a"};!function(a){const e="s_id-3fb64cda561a_3_0_2";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_a8e1ba148a {\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_a8e1ba148a[data-placement*=right], .black-app-theme .arrow_a8e1ba148a[data-placement*=right], .hacker-app-theme .arrow_a8e1ba148a[data-placement*=right] {\n  box-shadow: -1px 1px 0px 0px var(--layout-border-color);\n}\n.dark-app-theme .arrow_a8e1ba148a[data-placement*=left], .black-app-theme .arrow_a8e1ba148a[data-placement*=left], .hacker-app-theme .arrow_a8e1ba148a[data-placement*=left] {\n  box-shadow: 1px -1px 0px 0px var(--layout-border-color);\n}\n.dark-app-theme .arrow_a8e1ba148a[data-placement*=bottom], .black-app-theme .arrow_a8e1ba148a[data-placement*=bottom], .hacker-app-theme .arrow_a8e1ba148a[data-placement*=bottom] {\n  box-shadow: -1px -1px 0px 0px var(--layout-border-color);\n}\n.dark-app-theme .arrow_a8e1ba148a[data-placement*=top], .black-app-theme .arrow_a8e1ba148a[data-placement*=top], .hacker-app-theme .arrow_a8e1ba148a[data-placement*=top] {\n  box-shadow: 1px 1px 0px 0px var(--layout-border-color);\n}\n.arrow_a8e1ba148a[data-placement*=bottom] {\n  top: 1px;\n}\n.arrow_a8e1ba148a[data-placement*=top] {\n  bottom: 1px;\n}\n.arrow_a8e1ba148a[data-placement*=left] {\n  right: 1px;\n}\n.arrow_a8e1ba148a[data-placement*=right] {\n  left: 1px;\n}");export{a as default};
+//# sourceMappingURL=Dialog.module.scss.js.map

package/dist/Dialog/Dialog.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/Dialog/Dialog.types.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export type DialogType = "modal" | "popover";
+export type DialogSize = "none" | "small" | "medium" | "large";
+export type DialogPosition = "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end" | "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end";
+export type DialogTriggerEvent = "click" | "clickoutside" | "esckey" | "tab" | "mouseenter" | "mouseleave" | "enter" | "mousedown" | "focus" | "blur" | "onContentClick" | "contextmenu";
+export type DialogAnimationType = "opacity-and-slide" | "expand";
+export type DialogOffset = {
+    main?: number;
+    secondary?: number;
+};
+export type DialogEvent = React.MouseEvent | React.KeyboardEvent | KeyboardEvent | React.FocusEvent | CustomEvent;

package/dist/Dialog/DialogConstants.d.ts

@@ -0,0 +1,65 @@
+/**
+ * @deprecated
+ */
+export declare enum HideShowEvent {
+    CLICK = "click",
+    CLICK_OUTSIDE = "clickoutside",
+    ESCAPE_KEY = "esckey",
+    TAB_KEY = "tab",
+    MOUSE_ENTER = "mouseenter",
+    MOUSE_LEAVE = "mouseleave",
+    ENTER = "enter",
+    MOUSE_DOWN = "mousedown",
+    FOCUS = "focus",
+    BLUR = "blur",
+    CONTENT_CLICK = "onContentClick",
+    CONTEXT_MENU = "contextmenu"
+}
+/**
+ * @deprecated
+ */
+export declare enum AnimationType {
+    OPACITY_AND_SLIDE = "opacity-and-slide",
+    EXPAND = "expand"
+}
+/**
+ * @deprecated
+ */
+export declare enum DialogType {
+    MODAL = "modal",
+    POPOVER = "popover"
+}
+/**
+ * @deprecated
+ */
+export declare enum DialogSize {
+    NONE = "none",
+    SMALL = "small",
+    MEDIUM = "medium",
+    LARGE = "large"
+}
+/**
+ * @deprecated
+ */
+export declare enum DialogPosition {
+    LEFT = "left",
+    LEFT_START = "left-start",
+    LEFT_END = "left-end",
+    RIGHT = "right",
+    RIGHT_START = "right-start",
+    RIGHT_END = "right-end",
+    TOP = "top",
+    TOP_START = "top-start",
+    TOP_END = "top-end",
+    BOTTOM = "bottom",
+    BOTTOM_START = "bottom-start",
+    BOTTOM_END = "bottom-end"
+}
+export declare enum DialogPlacement {
+    RIGHT = "right",
+    RIGHT_START = "right-start",
+    RIGHT_END = "right-end",
+    LEFT = "left",
+    LEFT_START = "left-start",
+    LEFT_END = "left-end"
+}

package/dist/Dialog/DialogConstants.js

@@ -0,0 +1,2 @@
+var t,T,E,e,n,o;!function(t){t.CLICK="click",t.CLICK_OUTSIDE="clickoutside",t.ESCAPE_KEY="esckey",t.TAB_KEY="tab",t.MOUSE_ENTER="mouseenter",t.MOUSE_LEAVE="mouseleave",t.ENTER="enter",t.MOUSE_DOWN="mousedown",t.FOCUS="focus",t.BLUR="blur",t.CONTENT_CLICK="onContentClick",t.CONTEXT_MENU="contextmenu"}(t||(t={})),function(t){t.OPACITY_AND_SLIDE="opacity-and-slide",t.EXPAND="expand"}(T||(T={})),function(t){t.MODAL="modal",t.POPOVER="popover"}(E||(E={})),function(t){t.NONE="none",t.SMALL="small",t.MEDIUM="medium",t.LARGE="large"}(e||(e={})),function(t){t.LEFT="left",t.LEFT_START="left-start",t.LEFT_END="left-end",t.RIGHT="right",t.RIGHT_START="right-start",t.RIGHT_END="right-end",t.TOP="top",t.TOP_START="top-start",t.TOP_END="top-end",t.BOTTOM="bottom",t.BOTTOM_START="bottom-start",t.BOTTOM_END="bottom-end"}(n||(n={})),function(t){t.RIGHT="right",t.RIGHT_START="right-start",t.RIGHT_END="right-end",t.LEFT="left",t.LEFT_START="left-start",t.LEFT_END="left-end"}(o||(o={}));export{T as AnimationType,o as DialogPlacement,n as DialogPosition,e as DialogSize,E as DialogType,t as HideShowEvent};
+//# sourceMappingURL=DialogConstants.js.map

package/dist/Dialog/DialogConstants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogConstants.js","sources":["../../src/Dialog/DialogConstants.ts"],"sourcesContent":["/**\n * @deprecated\n */\nexport enum HideShowEvent {\n  CLICK = \"click\",\n  CLICK_OUTSIDE = \"clickoutside\",\n  ESCAPE_KEY = \"esckey\",\n  TAB_KEY = \"tab\",\n  MOUSE_ENTER = \"mouseenter\",\n  MOUSE_LEAVE = \"mouseleave\",\n  ENTER = \"enter\",\n  MOUSE_DOWN = \"mousedown\",\n  FOCUS = \"focus\",\n  BLUR = \"blur\",\n  CONTENT_CLICK = \"onContentClick\",\n  CONTEXT_MENU = \"contextmenu\"\n}\n\n/**\n * @deprecated\n */\nexport enum AnimationType {\n  OPACITY_AND_SLIDE = \"opacity-and-slide\",\n  EXPAND = \"expand\"\n}\n\n/**\n * @deprecated\n */\nexport enum DialogType {\n  MODAL = \"modal\",\n  POPOVER = \"popover\"\n}\n\n/**\n * @deprecated\n */\nexport enum DialogSize {\n  NONE = \"none\",\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\"\n}\n\n/**\n * @deprecated\n */\nexport enum DialogPosition {\n  LEFT = \"left\",\n  LEFT_START = \"left-start\",\n  LEFT_END = \"left-end\",\n  RIGHT = \"right\",\n  RIGHT_START = \"right-start\",\n  RIGHT_END = \"right-end\",\n  TOP = \"top\",\n  TOP_START = \"top-start\",\n  TOP_END = \"top-end\",\n  BOTTOM = \"bottom\",\n  BOTTOM_START = \"bottom-start\",\n  BOTTOM_END = \"bottom-end\"\n}\n\nexport enum DialogPlacement {\n  RIGHT = \"right\",\n  RIGHT_START = \"right-start\",\n  RIGHT_END = \"right-end\",\n  LEFT = \"left\",\n  LEFT_START = \"left-start\",\n  LEFT_END = \"left-end\"\n}\n"],"names":["HideShowEvent","AnimationType","DialogType","DialogSize","DialogPosition","DialogPlacement"],"mappings":"IAGYA,EAkBAC,EAQAC,EAQAC,EAUAC,EAeAC,GA3DZ,SAAYL,GACVA,EAAA,MAAA,QACAA,EAAA,cAAA,eACAA,EAAA,WAAA,SACAA,EAAA,QAAA,MACAA,EAAA,YAAA,aACAA,EAAA,YAAA,aACAA,EAAA,MAAA,QACAA,EAAA,WAAA,YACAA,EAAA,MAAA,QACAA,EAAA,KAAA,OACAA,EAAA,cAAA,iBACAA,EAAA,aAAA,aACD,CAbD,CAAYA,IAAAA,EAaX,CAAA,IAKD,SAAYC,GACVA,EAAA,kBAAA,oBACAA,EAAA,OAAA,QACD,CAHD,CAAYA,IAAAA,EAGX,CAAA,IAKD,SAAYC,GACVA,EAAA,MAAA,QACAA,EAAA,QAAA,SACD,CAHD,CAAYA,IAAAA,EAGX,CAAA,IAKD,SAAYC,GACVA,EAAA,KAAA,OACAA,EAAA,MAAA,QACAA,EAAA,OAAA,SACAA,EAAA,MAAA,OACD,CALD,CAAYA,IAAAA,EAKX,CAAA,IAKD,SAAYC,GACVA,EAAA,KAAA,OACAA,EAAA,WAAA,aACAA,EAAA,SAAA,WACAA,EAAA,MAAA,QACAA,EAAA,YAAA,cACAA,EAAA,UAAA,YACAA,EAAA,IAAA,MACAA,EAAA,UAAA,YACAA,EAAA,QAAA,UACAA,EAAA,OAAA,SACAA,EAAA,aAAA,eACAA,EAAA,WAAA,YACD,CAbD,CAAYA,IAAAA,EAaX,CAAA,IAED,SAAYC,GACVA,EAAA,MAAA,QACAA,EAAA,YAAA,cACAA,EAAA,UAAA,YACAA,EAAA,KAAA,OACAA,EAAA,WAAA,aACAA,EAAA,SAAA,UACD,CAPD,CAAYA,IAAAA,EAOX,CAAA"}

package/dist/Dialog/DialogContent/DialogContent.d.ts

@@ -0,0 +1,80 @@
+import React, { type CSSProperties, type ReactElement } from "react";
+import { type VibeComponentProps } from "@vibe/shared";
+import { type DialogAnimationType, type DialogTriggerEvent } from "../Dialog.types";
+import type * as PopperJS from "@popperjs/core";
+export interface DialogContentProps extends VibeComponentProps {
+    /**
+     * The content inside the dialog.
+     */
+    children?: ReactElement | ReactElement[];
+    /**
+     * The placement of the dialog relative to the reference element.
+     */
+    position?: PopperJS.Placement;
+    /**
+     * Class name applied to the dialog wrapper.
+     */
+    wrapperClassName?: string;
+    /**
+     * If true, the dialog is open.
+     */
+    isOpen?: boolean;
+    /**
+     * The starting edge of the dialog.
+     */
+    startingEdge?: any;
+    /**
+     * The animation type used for showing/hiding the dialog.
+     */
+    animationType?: DialogAnimationType;
+    /**
+     * Callback fired when the Escape key is pressed.
+     */
+    onEsc?: (event: React.KeyboardEvent) => void;
+    /**
+     * Callback fired when the mouse enters the dialog.
+     */
+    onMouseEnter?: (event: React.MouseEvent) => void;
+    /**
+     * Callback fired when the mouse leaves the dialog.
+     */
+    onMouseLeave?: (event: React.MouseEvent) => void;
+    /**
+     * Callback fired when clicking outside the dialog.
+     */
+    onClickOutside?: (event: React.MouseEvent, hideShowEvent: DialogTriggerEvent) => void;
+    /**
+     * Callback fired when clicking inside the dialog.
+     */
+    onClick?: (event: React.MouseEvent) => void;
+    /**
+     * Delay before showing the dialog.
+     */
+    showDelay?: number;
+    /**
+     * Inline styles applied to the dialog.
+     */
+    styleObject?: CSSProperties;
+    /**
+     * If true, hides the reference element when the dialog is shown.
+     */
+    isReferenceHidden?: boolean;
+    /**
+     * If true, applies tooltip arrow to the dialog.
+     */
+    hasTooltip?: boolean;
+    /**
+     * The CSS selector of the container where the dialog should be rendered.
+     */
+    containerSelector?: string;
+    /**
+     * If true, disables scrolling in the container when the dialog is open.
+     */
+    disableContainerScroll?: boolean | string;
+    /**
+     * Callback fired when the context menu (right-click) event occurs outside the dialog.
+     */
+    onContextMenu?: (e: React.MouseEvent) => void;
+}
+declare const DialogContent: React.ForwardRefExoticComponent<DialogContentProps & React.RefAttributes<HTMLElement>>;
+export default DialogContent;

package/dist/Dialog/DialogContent/DialogContent.js

@@ -0,0 +1,2 @@
+import e,{forwardRef as a,useRef as o,useCallback as t,useEffect as r,cloneElement as s}from"react";import n from"classnames";import{camelCase as i}from"es-toolkit";import{CSSTransition as p}from"react-transition-group";import{useClickOutside as l}from"@vibe/hooks";import{keyCodes as c,useMergeRef as m,useKeyEvent as d,getStyle as u,chainFunctions as f,NOOP as v}from"@vibe/shared";import y from"./DialogContent.module.scss.js";import b from"./useDisableScroll.js";const k={},C=[c.ESCAPE],E=a((({onEsc:a=v,children:c,position:E,wrapperClassName:x,isOpen:A=!1,startingEdge:h,animationType:N="expand",onMouseEnter:S=v,onMouseLeave:g=v,onClickOutside:M=v,onClick:w=v,onContextMenu:j=v,showDelay:D,styleObject:L=k,isReferenceHidden:O,hasTooltip:T=!1,containerSelector:R,disableContainerScroll:H=!1,"data-testid":P},W)=>{const q=o(null),z=o(null),B=m(W,z),F=t((e=>{if(A)return M(e,"clickoutside")}),[A,M]),G=t((e=>{A&&j(e)}),[A,j]);d({keys:C,callback:a}),l({callback:F,ref:z}),l({eventName:"contextmenu",callback:G,ref:z});const I="string"==typeof H?H:R,{disableScroll:J,enableScroll:K}=b(I);r((()=>{H&&(A?J():K())}),[H,J,K,A]);const Q={classNames:void 0};switch(N){case"expand":Q.classNames={appear:y.expandAppear,appearActive:y.expandAppearActive,exit:y.expandExit};break;case"opacity-and-slide":Q.classNames={appear:y.opacitySlideAppear,appearActive:y.opacitySlideAppearActive}}return e.createElement("span",{className:n("monday-style-dialog-content-wrapper",y.contentWrapper,x),ref:B,"data-testid":P,style:L,onClickCapture:w,"data-popper-reference-hidden":O},e.createElement(p,{classNames:Q.classNames,nodeRef:q,in:A,appear:!!N,timeout:D},e.createElement("div",{className:n(y.contentComponent,u(y,i(E)),{[u(y,i("edge-"+h))]:h,[y.hasTooltip]:T}),ref:q},e.Children.toArray(c).map((e=>s(e,{onMouseEnter:f([e.props.onMouseEnter,S]),onMouseLeave:f([e.props.onMouseLeave,g])}))))))}));export{E as default};
+//# sourceMappingURL=DialogContent.js.map

package/dist/Dialog/DialogContent/DialogContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogContent.js","sources":["../../../src/Dialog/DialogContent/DialogContent.tsx"],"sourcesContent":["import React, {\n  cloneElement,\n  type CSSProperties,\n  forwardRef,\n  type ReactElement,\n  useCallback,\n  useEffect,\n  useRef\n} from \"react\";\nimport cx from \"classnames\";\nimport { camelCase } from \"es-toolkit\";\nimport { CSSTransition } from \"react-transition-group\";\nimport { type CSSTransitionProps } from \"react-transition-group/CSSTransition\";\nimport { useClickOutside } from \"@vibe/hooks\";\nimport {\n  chainFunctions,\n  NOOP,\n  useKeyEvent,\n  type VibeComponentProps,\n  keyCodes,\n  getStyle,\n  useMergeRef\n} from \"@vibe/shared\";\nimport { type DialogAnimationType, type DialogTriggerEvent } from \"../Dialog.types\";\nimport type * as PopperJS from \"@popperjs/core\";\nimport styles from \"./DialogContent.module.scss\";\nimport useDisableScroll from \"./useDisableScroll\";\n\nconst EMPTY_OBJECT = {};\nconst ESCAPE_KEYS = [keyCodes.ESCAPE];\n\nexport interface DialogContentProps extends VibeComponentProps {\n  /**\n   * The content inside the dialog.\n   */\n  children?: ReactElement | ReactElement[];\n  /**\n   * The placement of the dialog relative to the reference element.\n   */\n  position?: PopperJS.Placement;\n  /**\n   * Class name applied to the dialog wrapper.\n   */\n  wrapperClassName?: string;\n  /**\n   * If true, the dialog is open.\n   */\n  isOpen?: boolean;\n  // TODO: [breaking] use type\n  /**\n   * The starting edge of the dialog.\n   */\n  startingEdge?: any;\n  /**\n   * The animation type used for showing/hiding the dialog.\n   */\n  animationType?: DialogAnimationType;\n  /**\n   * Callback fired when the Escape key is pressed.\n   */\n  onEsc?: (event: React.KeyboardEvent) => void;\n  /**\n   * Callback fired when the mouse enters the dialog.\n   */\n  onMouseEnter?: (event: React.MouseEvent) => void;\n  /**\n   * Callback fired when the mouse leaves the dialog.\n   */\n  onMouseLeave?: (event: React.MouseEvent) => void;\n  /**\n   * Callback fired when clicking outside the dialog.\n   */\n  onClickOutside?: (event: React.MouseEvent, hideShowEvent: DialogTriggerEvent) => void;\n  /**\n   * Callback fired when clicking inside the dialog.\n   */\n  onClick?: (event: React.MouseEvent) => void;\n  /**\n   * Delay before showing the dialog.\n   */\n  showDelay?: number;\n  /**\n   * Inline styles applied to the dialog.\n   */\n  styleObject?: CSSProperties;\n  /**\n   * If true, hides the reference element when the dialog is shown.\n   */\n  isReferenceHidden?: boolean;\n  /**\n   * If true, applies tooltip arrow to the dialog.\n   */\n  hasTooltip?: boolean;\n  /**\n   * The CSS selector of the container where the dialog should be rendered.\n   */\n  containerSelector?: string;\n  /**\n   * If true, disables scrolling in the container when the dialog is open.\n   */\n  disableContainerScroll?: boolean | string;\n  /**\n   * Callback fired when the context menu (right-click) event occurs outside the dialog.\n   */\n  onContextMenu?: (e: React.MouseEvent) => void;\n}\n\nconst DialogContent = forwardRef(\n  (\n    {\n      onEsc = NOOP,\n      children,\n      position,\n      wrapperClassName,\n      isOpen = false,\n      startingEdge,\n      animationType = \"expand\",\n      onMouseEnter = NOOP,\n      onMouseLeave = NOOP,\n      onClickOutside = NOOP,\n      onClick = NOOP,\n      onContextMenu = NOOP,\n      showDelay,\n      styleObject = EMPTY_OBJECT,\n      isReferenceHidden,\n      hasTooltip = false,\n      containerSelector,\n      disableContainerScroll = false,\n      \"data-testid\": dataTestId\n    }: DialogContentProps,\n    forwardRef: React.ForwardedRef<HTMLElement>\n  ) => {\n    const contentRef = useRef<HTMLDivElement>(null);\n\n    const wrapperRef = useRef<HTMLSpanElement>(null);\n    const mergedWrapperRef = useMergeRef(forwardRef, wrapperRef);\n\n    const onOutSideClick = useCallback(\n      (event: React.MouseEvent) => {\n        if (isOpen) {\n          return onClickOutside(event, \"clickoutside\");\n        }\n      },\n      [isOpen, onClickOutside]\n    );\n    const overrideOnContextMenu = useCallback(\n      (event: React.MouseEvent) => {\n        if (isOpen) {\n          onContextMenu(event);\n        }\n      },\n      [isOpen, onContextMenu]\n    );\n    useKeyEvent({ keys: ESCAPE_KEYS, callback: onEsc });\n    // Watch the wrapper ref to include padding area, tooltip arrows, and nested Dialogs\n    useClickOutside({ callback: onOutSideClick, ref: wrapperRef });\n    useClickOutside({ eventName: \"contextmenu\", callback: overrideOnContextMenu, ref: wrapperRef });\n    const selectorToDisable = typeof disableContainerScroll === \"string\" ? disableContainerScroll : containerSelector;\n    const { disableScroll, enableScroll } = useDisableScroll(selectorToDisable);\n\n    useEffect(() => {\n      if (disableContainerScroll) {\n        if (isOpen) {\n          disableScroll();\n        } else {\n          enableScroll();\n        }\n      }\n    }, [disableContainerScroll, disableScroll, enableScroll, isOpen]);\n\n    const transitionOptions: Partial<CSSTransitionProps> = { classNames: undefined };\n\n    switch (animationType) {\n      case \"expand\":\n        transitionOptions.classNames = {\n          appear: styles.expandAppear,\n          appearActive: styles.expandAppearActive,\n          exit: styles.expandExit\n        };\n        break;\n      case \"opacity-and-slide\":\n        transitionOptions.classNames = {\n          appear: styles.opacitySlideAppear,\n          appearActive: styles.opacitySlideAppearActive\n        };\n        break;\n    }\n    return (\n      <span\n        // don't remove old classname - override from Monolith\n        className={cx(\"monday-style-dialog-content-wrapper\", styles.contentWrapper, wrapperClassName)}\n        ref={mergedWrapperRef}\n        data-testid={dataTestId}\n        style={styleObject}\n        onClickCapture={onClick}\n        data-popper-reference-hidden={isReferenceHidden}\n      >\n        <CSSTransition\n          classNames={transitionOptions.classNames}\n          nodeRef={contentRef}\n          in={isOpen}\n          appear={!!animationType}\n          timeout={showDelay}\n        >\n          <div\n            className={cx(styles.contentComponent, getStyle(styles, camelCase(position)), {\n              [getStyle(styles, camelCase(\"edge-\" + startingEdge))]: startingEdge,\n              [styles.hasTooltip]: hasTooltip\n            })}\n            ref={contentRef}\n          >\n            {React.Children.toArray(children).map((child: ReactElement) => {\n              return cloneElement(child, {\n                onMouseEnter: chainFunctions([child.props.onMouseEnter, onMouseEnter]),\n                onMouseLeave: chainFunctions([child.props.onMouseLeave, onMouseLeave])\n              });\n            })}\n          </div>\n        </CSSTransition>\n      </span>\n    );\n  }\n);\n\nexport default DialogContent;\n"],"names":["EMPTY_OBJECT","ESCAPE_KEYS","keyCodes","ESCAPE","DialogContent","forwardRef","onEsc","NOOP","children","position","wrapperClassName","isOpen","startingEdge","animationType","onMouseEnter","onMouseLeave","onClickOutside","onClick","onContextMenu","showDelay","styleObject","isReferenceHidden","hasTooltip","containerSelector","disableContainerScroll","dataTestId","contentRef","useRef","wrapperRef","mergedWrapperRef","useMergeRef","onOutSideClick","useCallback","event","overrideOnContextMenu","useKeyEvent","keys","callback","useClickOutside","ref","eventName","selectorToDisable","disableScroll","enableScroll","useDisableScroll","useEffect","transitionOptions","classNames","undefined","appear","styles","expandAppear","appearActive","expandAppearActive","exit","expandExit","opacitySlideAppear","opacitySlideAppearActive","React","createElement","className","cx","contentWrapper","style","onClickCapture","CSSTransition","nodeRef","in","timeout","contentComponent","getStyle","camelCase","Children","toArray","map","child","cloneElement","chainFunctions","props"],"mappings":"mdA4BA,MAAMA,EAAe,CAAA,EACfC,EAAc,CAACC,EAASC,QA8ExBC,EAAgBC,GACpB,EAEIC,QAAQC,EACRC,WACAC,WACAC,mBACAC,UAAS,EACTC,eACAC,gBAAgB,SAChBC,eAAeP,EACfQ,eAAeR,EACfS,iBAAiBT,EACjBU,UAAUV,EACVW,gBAAgBX,EAChBY,YACAC,cAAcpB,EACdqB,oBACAC,cAAa,EACbC,oBACAC,0BAAyB,EACzB,cAAeC,GAEjBpB,KAEA,MAAMqB,EAAaC,EAAuB,MAEpCC,EAAaD,EAAwB,MACrCE,EAAmBC,EAAYzB,EAAYuB,GAE3CG,EAAiBC,GACpBC,IACC,GAAItB,EACF,OAAOK,EAAeiB,EAAO,eAC9B,GAEH,CAACtB,EAAQK,IAELkB,EAAwBF,GAC3BC,IACKtB,GACFO,EAAce,EACf,GAEH,CAACtB,EAAQO,IAEXiB,EAAY,CAAEC,KAAMnC,EAAaoC,SAAU/B,IAE3CgC,EAAgB,CAAED,SAAUN,EAAgBQ,IAAKX,IACjDU,EAAgB,CAAEE,UAAW,cAAeH,SAAUH,EAAuBK,IAAKX,IAClF,MAAMa,EAAsD,iBAA3BjB,EAAsCA,EAAyBD,GAC1FmB,cAAEA,EAAaC,aAAEA,GAAiBC,EAAiBH,GAEzDI,GAAU,KACJrB,IACEb,EACF+B,IAEAC,IAEH,GACA,CAACnB,EAAwBkB,EAAeC,EAAchC,IAEzD,MAAMmC,EAAiD,CAAEC,gBAAYC,GAErE,OAAQnC,GACN,IAAK,SACHiC,EAAkBC,WAAa,CAC7BE,OAAQC,EAAOC,aACfC,aAAcF,EAAOG,mBACrBC,KAAMJ,EAAOK,YAEf,MACF,IAAK,oBACHT,EAAkBC,WAAa,CAC7BE,OAAQC,EAAOM,mBACfJ,aAAcF,EAAOO,0BAI3B,OACEC,EAAAC,cAAA,OAAA,CAEEC,UAAWC,EAAG,sCAAuCX,EAAOY,eAAgBpD,GAC5E6B,IAAKV,EAAgB,cACRJ,EACbsC,MAAO3C,EACP4C,eAAgB/C,EAAO,+BACOI,GAE9BqC,EAACC,cAAAM,EACC,CAAAlB,WAAYD,EAAkBC,WAC9BmB,QAASxC,EACTyC,GAAIxD,EACJsC,SAAUpC,EACVuD,QAASjD,GAETuC,EAAAC,cAAA,MAAA,CACEC,UAAWC,EAAGX,EAAOmB,iBAAkBC,EAASpB,EAAQqB,EAAU9D,IAAY,CAC5E,CAAC6D,EAASpB,EAAQqB,EAAU,QAAU3D,KAAiBA,EACvD,CAACsC,EAAO5B,YAAaA,IAEvBiB,IAAKb,GAEJgC,EAAMc,SAASC,QAAQjE,GAAUkE,KAAKC,GAC9BC,EAAaD,EAAO,CACzB7D,aAAc+D,EAAe,CAACF,EAAMG,MAAMhE,aAAcA,IACxDC,aAAc8D,EAAe,CAACF,EAAMG,MAAM/D,aAAcA,UAK3D"}

package/dist/Dialog/DialogContent/DialogContent.module.scss.js

@@ -0,0 +1,2 @@
+var e={contentWrapper:"contentWrapper_bf05722bb3",top:"top_cd9e470478",right:"right_58477c0268",left:"left_9eb5e39b29",bottom:"bottom_ecd997e4e6",bottomStart:"bottomStart_23ef388d2d",topStart:"topStart_5fe064d39c",bottomEnd:"bottomEnd_af0532e9c2",topEnd:"topEnd_c137ddfed4",leftStart:"leftStart_ca0fb7a5b1",rightStart:"rightStart_09626a0947",leftEnd:"leftEnd_fe0bd242d5",rightEnd:"rightEnd_9306cc4ef5",contentComponent:"contentComponent_24e2945b1e",hasTooltip:"hasTooltip_2651fa1a37",opacitySlideAppear:"opacitySlideAppear_3f8c06ead8",opacitySlideAppearActive:"opacitySlideAppearActive_f7651721a2",expandAppear:"expandAppear_fdf4e60740",expandExit:"expandExit_675caf27e2",edgeBottom:"edgeBottom_6457a998ab",edgeTop:"edgeTop_1eebc40bc8",expandAppearActive:"expandAppearActive_d8267a04fa"};!function(e){const t="s_id-ca4097b848ab_3_0_2";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.contentWrapper_bf05722bb3 {\n  outline: 0;\n}\n.contentWrapper_bf05722bb3.top_cd9e470478, .contentWrapper_bf05722bb3.right_58477c0268, .contentWrapper_bf05722bb3.left_9eb5e39b29, .contentWrapper_bf05722bb3.bottom_ecd997e4e6 {\n  padding: var(--spacing-xs);\n}\n.contentWrapper_bf05722bb3.bottomStart_23ef388d2d, .contentWrapper_bf05722bb3.topStart_5fe064d39c, .contentWrapper_bf05722bb3.bottomEnd_af0532e9c2, .contentWrapper_bf05722bb3.topEnd_c137ddfed4 {\n  padding-block: var(--spacing-xs);\n}\n.contentWrapper_bf05722bb3.bottomStart_23ef388d2d, .contentWrapper_bf05722bb3.topStart_5fe064d39c {\n  padding-inline-end: var(--spacing-xs);\n}\n.contentWrapper_bf05722bb3.bottomEnd_af0532e9c2, .contentWrapper_bf05722bb3.topEnd_c137ddfed4 {\n  padding-inline-start: var(--spacing-xs);\n}\n.contentWrapper_bf05722bb3.leftStart_ca0fb7a5b1, .contentWrapper_bf05722bb3.rightStart_09626a0947, .contentWrapper_bf05722bb3.leftEnd_fe0bd242d5, .contentWrapper_bf05722bb3.rightEnd_9306cc4ef5 {\n  padding-inline: var(--spacing-xs);\n}\n.contentWrapper_bf05722bb3.leftStart_ca0fb7a5b1, .contentWrapper_bf05722bb3.rightStart_09626a0947 {\n  padding-block-end: var(--spacing-xs);\n}\n.contentWrapper_bf05722bb3.leftEnd_fe0bd242d5, .contentWrapper_bf05722bb3.rightEnd_9306cc4ef5 {\n  padding-block-start: var(--spacing-xs);\n}\n.contentWrapper_bf05722bb3[data-popper-reference-hidden=true] {\n  visibility: hidden;\n  pointer-events: none;\n}\n.contentComponent_24e2945b1e:focus {\n  outline: none;\n}\n.contentComponent_24e2945b1e.hasTooltip_2651fa1a37 {\n  padding: 6px;\n}\n.opacitySlideAppear_3f8c06ead8 {\n  opacity: 0;\n}\n.opacitySlideAppear_3f8c06ead8.top_cd9e470478 {\n  transform: translateY(var(--spacing-medium));\n}\n.opacitySlideAppear_3f8c06ead8.right_58477c0268 {\n  transform: translateX(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear_3f8c06ead8.bottom_ecd997e4e6 {\n  transform: translateY(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear_3f8c06ead8.left_9eb5e39b29 {\n  transform: translateX(var(--spacing-medium));\n}\n.opacitySlideAppearActive_f7651721a2 {\n  transition: opacity 0.2s ease, transform 0.2s ease-out;\n  opacity: 1;\n  pointer-events: none;\n}\n.opacitySlideAppearActive_f7651721a2.top_cd9e470478, .opacitySlideAppearActive_f7651721a2.bottom_ecd997e4e6 {\n  transform: translateY(0);\n}\n.opacitySlideAppearActive_f7651721a2.right_58477c0268, .opacitySlideAppearActive_f7651721a2.left_9eb5e39b29 {\n  transform: translateX(0);\n}\n.expandAppear_fdf4e60740,\n.expandExit_675caf27e2 {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppear_fdf4e60740.top_cd9e470478, .expandAppear_fdf4e60740.topStart_5fe064d39c, .expandAppear_fdf4e60740.topEnd_c137ddfed4,\n.expandExit_675caf27e2.top_cd9e470478,\n.expandExit_675caf27e2.topStart_5fe064d39c,\n.expandExit_675caf27e2.topEnd_c137ddfed4 {\n  transform-origin: bottom center;\n  transform: scale(0.8);\n}\n.expandAppear_fdf4e60740.top_cd9e470478.edgeBottom_6457a998ab, .expandAppear_fdf4e60740.topStart_5fe064d39c.edgeBottom_6457a998ab, .expandAppear_fdf4e60740.topEnd_c137ddfed4.edgeBottom_6457a998ab,\n.expandExit_675caf27e2.top_cd9e470478.edgeBottom_6457a998ab,\n.expandExit_675caf27e2.topStart_5fe064d39c.edgeBottom_6457a998ab,\n.expandExit_675caf27e2.topEnd_c137ddfed4.edgeBottom_6457a998ab {\n  transform-origin: bottom left;\n}\n.expandAppear_fdf4e60740.top_cd9e470478.edgeTop_1eebc40bc8, .expandAppear_fdf4e60740.topStart_5fe064d39c.edgeTop_1eebc40bc8, .expandAppear_fdf4e60740.topEnd_c137ddfed4.edgeTop_1eebc40bc8,\n.expandExit_675caf27e2.top_cd9e470478.edgeTop_1eebc40bc8,\n.expandExit_675caf27e2.topStart_5fe064d39c.edgeTop_1eebc40bc8,\n.expandExit_675caf27e2.topEnd_c137ddfed4.edgeTop_1eebc40bc8 {\n  transform-origin: bottom right;\n}\n.expandAppear_fdf4e60740.right_58477c0268, .expandAppear_fdf4e60740.rightStart_09626a0947, .expandAppear_fdf4e60740.rightEnd_9306cc4ef5,\n.expandExit_675caf27e2.right_58477c0268,\n.expandExit_675caf27e2.rightStart_09626a0947,\n.expandExit_675caf27e2.rightEnd_9306cc4ef5 {\n  transform-origin: left;\n  transform: scale(0.8);\n}\n.expandAppear_fdf4e60740.right_58477c0268.edgeBottom_6457a998ab, .expandAppear_fdf4e60740.rightStart_09626a0947.edgeBottom_6457a998ab, .expandAppear_fdf4e60740.rightEnd_9306cc4ef5.edgeBottom_6457a998ab,\n.expandExit_675caf27e2.right_58477c0268.edgeBottom_6457a998ab,\n.expandExit_675caf27e2.rightStart_09626a0947.edgeBottom_6457a998ab,\n.expandExit_675caf27e2.rightEnd_9306cc4ef5.edgeBottom_6457a998ab {\n  transform-origin: top left;\n}\n.expandAppear_fdf4e60740.right_58477c0268.edgeTop_1eebc40bc8, .expandAppear_fdf4e60740.rightStart_09626a0947.edgeTop_1eebc40bc8, .expandAppear_fdf4e60740.rightEnd_9306cc4ef5.edgeTop_1eebc40bc8,\n.expandExit_675caf27e2.right_58477c0268.edgeTop_1eebc40bc8,\n.expandExit_675caf27e2.rightStart_09626a0947.edgeTop_1eebc40bc8,\n.expandExit_675caf27e2.rightEnd_9306cc4ef5.edgeTop_1eebc40bc8 {\n  transform-origin: bottom left;\n}\n.expandAppear_fdf4e60740.bottom_ecd997e4e6, .expandAppear_fdf4e60740.bottomStart_23ef388d2d, .expandAppear_fdf4e60740.bottomEnd_af0532e9c2,\n.expandExit_675caf27e2.bottom_ecd997e4e6,\n.expandExit_675caf27e2.bottomStart_23ef388d2d,\n.expandExit_675caf27e2.bottomEnd_af0532e9c2 {\n  transform-origin: top;\n  transform: scale(0.8);\n}\n.expandAppear_fdf4e60740.bottom_ecd997e4e6.edgeBottom_6457a998ab, .expandAppear_fdf4e60740.bottomStart_23ef388d2d.edgeBottom_6457a998ab, .expandAppear_fdf4e60740.bottomEnd_af0532e9c2.edgeBottom_6457a998ab,\n.expandExit_675caf27e2.bottom_ecd997e4e6.edgeBottom_6457a998ab,\n.expandExit_675caf27e2.bottomStart_23ef388d2d.edgeBottom_6457a998ab,\n.expandExit_675caf27e2.bottomEnd_af0532e9c2.edgeBottom_6457a998ab {\n  transform-origin: top left;\n}\n.expandAppear_fdf4e60740.bottom_ecd997e4e6.edgeTop_1eebc40bc8, .expandAppear_fdf4e60740.bottomStart_23ef388d2d.edgeTop_1eebc40bc8, .expandAppear_fdf4e60740.bottomEnd_af0532e9c2.edgeTop_1eebc40bc8,\n.expandExit_675caf27e2.bottom_ecd997e4e6.edgeTop_1eebc40bc8,\n.expandExit_675caf27e2.bottomStart_23ef388d2d.edgeTop_1eebc40bc8,\n.expandExit_675caf27e2.bottomEnd_af0532e9c2.edgeTop_1eebc40bc8 {\n  transform-origin: top right;\n}\n.expandAppear_fdf4e60740.left_9eb5e39b29, .expandAppear_fdf4e60740.leftStart_ca0fb7a5b1, .expandAppear_fdf4e60740.leftEnd_fe0bd242d5,\n.expandExit_675caf27e2.left_9eb5e39b29,\n.expandExit_675caf27e2.leftStart_ca0fb7a5b1,\n.expandExit_675caf27e2.leftEnd_fe0bd242d5 {\n  transform-origin: right;\n  transform: scale(0.8);\n}\n.expandAppear_fdf4e60740.left_9eb5e39b29.edgeBottom_6457a998ab, .expandAppear_fdf4e60740.leftStart_ca0fb7a5b1.edgeBottom_6457a998ab, .expandAppear_fdf4e60740.leftEnd_fe0bd242d5.edgeBottom_6457a998ab,\n.expandExit_675caf27e2.left_9eb5e39b29.edgeBottom_6457a998ab,\n.expandExit_675caf27e2.leftStart_ca0fb7a5b1.edgeBottom_6457a998ab,\n.expandExit_675caf27e2.leftEnd_fe0bd242d5.edgeBottom_6457a998ab {\n  transform-origin: top right;\n}\n.expandAppear_fdf4e60740.left_9eb5e39b29.edgeTop_1eebc40bc8, .expandAppear_fdf4e60740.leftStart_ca0fb7a5b1.edgeTop_1eebc40bc8, .expandAppear_fdf4e60740.leftEnd_fe0bd242d5.edgeTop_1eebc40bc8,\n.expandExit_675caf27e2.left_9eb5e39b29.edgeTop_1eebc40bc8,\n.expandExit_675caf27e2.leftStart_ca0fb7a5b1.edgeTop_1eebc40bc8,\n.expandExit_675caf27e2.leftEnd_fe0bd242d5.edgeTop_1eebc40bc8 {\n  transform-origin: bottom right;\n}\n.expandExit_675caf27e2 {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppearActive_d8267a04fa {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n  pointer-events: none;\n}\n.expandAppearActive_d8267a04fa.top_cd9e470478, .expandAppearActive_d8267a04fa.topStart_5fe064d39c, .expandAppearActive_d8267a04fa.topEnd_c137ddfed4, .expandAppearActive_d8267a04fa.bottom_ecd997e4e6, .expandAppearActive_d8267a04fa.bottomStart_23ef388d2d, .expandAppearActive_d8267a04fa.bottomEnd_af0532e9c2, .expandAppearActive_d8267a04fa.right_58477c0268, .expandAppearActive_d8267a04fa.rightStart_09626a0947, .expandAppearActive_d8267a04fa.rightEnd_9306cc4ef5, .expandAppearActive_d8267a04fa.left_9eb5e39b29, .expandAppearActive_d8267a04fa.leftStart_ca0fb7a5b1, .expandAppearActive_d8267a04fa.leftEnd_fe0bd242d5 {\n  transform: scale(1);\n}");export{e as default};
+//# sourceMappingURL=DialogContent.module.scss.js.map

package/dist/Dialog/DialogContent/DialogContent.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogContent.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/Dialog/DialogContent/useDisableScroll.d.ts

@@ -0,0 +1,5 @@
+declare const useDisableScroll: (scrollableQuerySelector: string) => {
+    disableScroll: () => void;
+    enableScroll: () => void;
+};
+export default useDisableScroll;

package/dist/Dialog/DialogContent/useDisableScroll.js

@@ -0,0 +1,2 @@
+import{useCallback as e,useEffect as l}from"react";const t=t=>{const o=e((e=>(e.preventDefault(),e.stopPropagation(),!1)),[]),r=e((()=>{(null==t?void 0:t.length)>0&&document.querySelectorAll(t).forEach((e=>{e.addEventListener("wheel",o)}))}),[o,t]),n=e((()=>{(null==t?void 0:t.length)>0&&document.querySelectorAll(t).forEach((e=>{e.removeEventListener("wheel",o)}))}),[o,t]);return l((()=>n),[n]),{disableScroll:r,enableScroll:n}};export{t as default};
+//# sourceMappingURL=useDisableScroll.js.map

package/dist/Dialog/DialogContent/useDisableScroll.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDisableScroll.js","sources":["../../../src/Dialog/DialogContent/useDisableScroll.ts"],"sourcesContent":["import { useCallback, useEffect } from \"react\";\n\nconst useDisableScroll = (scrollableQuerySelector: string) => {\n  const _disableScroll = useCallback((e: Event) => {\n    e.preventDefault();\n    e.stopPropagation();\n\n    return false;\n  }, []);\n\n  const disableScroll = useCallback(() => {\n    if (scrollableQuerySelector?.length > 0) {\n      document.querySelectorAll(scrollableQuerySelector).forEach((item: Element) => {\n        item.addEventListener(\"wheel\", _disableScroll);\n      });\n    }\n  }, [_disableScroll, scrollableQuerySelector]);\n\n  const enableScroll = useCallback(() => {\n    if (scrollableQuerySelector?.length > 0) {\n      document.querySelectorAll(scrollableQuerySelector).forEach((item: Element) => {\n        item.removeEventListener(\"wheel\", _disableScroll);\n      });\n    }\n  }, [_disableScroll, scrollableQuerySelector]);\n\n  useEffect(() => {\n    return enableScroll;\n  }, [enableScroll]);\n\n  return {\n    disableScroll,\n    enableScroll\n  };\n};\n\nexport default useDisableScroll;\n"],"names":["useDisableScroll","scrollableQuerySelector","_disableScroll","useCallback","e","preventDefault","stopPropagation","disableScroll","length","document","querySelectorAll","forEach","item","addEventListener","enableScroll","removeEventListener","useEffect"],"mappings":"mDAEMA,MAAAA,EAAoBC,IACxB,MAAMC,EAAiBC,GAAaC,IAClCA,EAAEC,iBACFD,EAAEE,mBAEK,IACN,IAEGC,EAAgBJ,GAAY,MAC5BF,aAAuB,EAAvBA,EAAyBO,QAAS,GACpCC,SAASC,iBAAiBT,GAAyBU,SAASC,IAC1DA,EAAKC,iBAAiB,QAASX,EAAe,GAEjD,GACA,CAACA,EAAgBD,IAEda,EAAeX,GAAY,MAC3BF,aAAuB,EAAvBA,EAAyBO,QAAS,GACpCC,SAASC,iBAAiBT,GAAyBU,SAASC,IAC1DA,EAAKG,oBAAoB,QAASb,EAAe,GAEpD,GACA,CAACA,EAAgBD,IAMpB,OAJAe,GAAU,IACDF,GACN,CAACA,IAEG,CACLP,gBACAO,eACD"}