@progress/kendo-react-popup 7.2.4-develop.3 → 7.3.0-develop.1

package/index.d.ts

@@ -1,16 +1,468 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Popup, PopupPropsContext } from './Popup';
-import { PopupWithoutContext } from './PopupWithoutContext';
-import type { PopupProps } from './models/PopupProps';
-import type { Align } from './models/Align';
-import type { Collision } from './models/Collision';
-import type { Offset } from './models/Offset';
-import type { PopupAnimation } from './models/PopupAnimation';
-import type { OpenEvent as PopupOpenEvent, CloseEvent as PopupCloseEvent } from './models/Events';
-import type { Margin } from './models/Margin';
-import type { CollisionType } from './models/CollisionType';
-import type { PositionMode } from './models/PositionMode';
-export { Popup, PopupWithoutContext, PopupPropsContext, PopupProps, Align, Collision, Offset, PopupAnimation, Margin, PositionMode, CollisionType, PopupOpenEvent, PopupCloseEvent };
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { AlignStrategy } from '@progress/kendo-popup-common';
+import { CollisionType as CollisionType_2 } from '@progress/kendo-popup-common';
+import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { MarginSettings } from '@progress/kendo-popup-common';
+import { OffsetPosition } from '@progress/kendo-popup-common';
+import { PopupSettings } from '@progress/kendo-popup-common';
+import { PositionMode as PositionMode_2 } from '@progress/kendo-popup-common';
+import PropTypes from 'prop-types';
+import * as React_2 from 'react';
+import { ZIndexContext } from '@progress/kendo-react-common';
+import { ZIndexContextType } from '@progress/kendo-react-common';
+
+/**
+ * Defines the horizontal and vertical aligning point of the Popup.
+ */
+export declare interface Align extends AlignStrategy {
+    /**
+     * Defines the possible horizontal point values that are relative to the anchor or the Popup.
+     *
+     * The available options are:
+     * - `left`—Uses the leftmost point of the anchor element.
+     * - `center`—Uses the center point of the anchor element.
+     * - `right`—Uses the rightmost point of the anchor element.
+     */
+    horizontal: 'left' | 'center' | 'right';
+    /**
+     * Defines the possible vertical point values that are relative to the anchor or the Popup.
+     *
+     * The available options are:
+     * - `top`—Uses the top point of the anchor element.
+     * - `center`—Uses the center point of the anchor element.
+     * - `bottom`—Uses the bottom point of the anchor element.
+     */
+    vertical: 'top' | 'center' | 'bottom';
+}
+
+/**
+ * Defines the horizontal and vertical collision behavior of the Popup.
+ */
+export declare interface Collision {
+    /**
+     * Defines the horizontal collision behavior of the Popup.
+     */
+    horizontal: CollisionType;
+    /**
+     * Defines the vertical collision behavior of the Popup.
+     */
+    vertical: CollisionType;
+}
+
+/**
+ * Defines the possible collision behavior when the Popup is not fully visible.
+ *
+ * The available options are:
+ * - `fit`—Moves the Popup horizontally until it is fully displayed in the viewport.
+ * - `flip`—Flips the Popup position based on the origin and the position properties.
+ * - `none`—The Popup is rendered at its original position.
+ */
+export declare type CollisionType = CollisionType_2;
+
+/**
+ * Defines the horizontal and the vertical margin offset of the component.
+ */
+export declare interface Margin extends MarginSettings {
+    /**
+     * Defines the possible horizontal margin value.
+     */
+    horizontal: number;
+    /**
+     * Defines the possible vertical margin value.
+     */
+    vertical: number;
+}
+
+/**
+ * The offset position of the Popup.
+ */
+export declare interface Offset extends OffsetPosition {
+    /**
+     * Defines the top position of the Popup.
+     */
+    top: number;
+    /**
+     * Defines the left position of the Popup.
+     */
+    left: number;
+}
+
+/**
+ * The KendoReact Popup component.
+ */
+export declare const Popup: React_2.ForwardRefExoticComponent<PopupProps & React_2.RefAttributes<unknown>>;
+
+/** @hidden */
+export declare type Popup = PopupHandle;
+
+/**
+ * The animation settings for the Popup component.
+ */
+export declare interface PopupAnimation {
+    /**
+     * The duration of the opening animation in milliseconds. Defaults to `300ms`.
+     */
+    openDuration?: number;
+    /**
+     * The duration of the closing animation in milliseconds. Defaults to `300ms`.
+     */
+    closeDuration?: number;
+}
+
+/**
+ * Represents the object of the `Close` Popup event.
+ */
+export declare interface PopupCloseEvent {
+    /**
+     * An event target.
+     */
+    target: Popup;
+}
+
+declare interface PopupHandle extends Pick<PopupWithoutContext, keyof PopupWithoutContext> {
+    /**
+     * @hidden
+     */
+    element: any;
+}
+
+/**
+ * Represents the object of the `Open` Popup event.
+ */
+export declare interface PopupOpenEvent {
+    /**
+     * An event target.
+     */
+    target: Popup;
+}
+
+/**
+ * Represents the props of the [KendoReact Popup component]({% slug overview_popup %}).
+ */
+export declare interface PopupProps extends PopupSettings {
+    /**
+     * Controls the Popup animation ([see example]({% slug animations_popup %})). By default, the opening and closing animations are enabled.
+     */
+    animate?: boolean | PopupAnimation;
+    /**
+     * Specifies the element which will be used as an anchor ([see example]({% slug alignmentpositioning_popup %})). The Popup opens next to that element.
+     */
+    anchor?: HTMLElement | null;
+    /**
+     * Defines the container to which the Popup will be appended. Defaults to [`body`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/body).
+     * * If set to `null` the Popup will be rendered without React Portal.
+     */
+    appendTo?: HTMLElement | null;
+    /**
+     * Specifies the pivot point of the anchor ([see example]({% slug alignmentpositioning_popup %})).
+     */
+    anchorAlign?: Align;
+    /**
+     * Configures the collision behavior of the Popup ([see example]({% slug viewportboundarydetection_popup %})).
+     */
+    collision?: Collision;
+    /**
+     * Configures the margin value that will be added to the popup dimensions
+     * in pixels and leaves a blank space between the popup and the anchor.
+     */
+    margin?: Margin;
+    /**
+     * Specifies the position mode of the component. By default, the Popup uses fixed positioning.
+     * To make the Popup acquire absolute positioning, set this option to `absolute`.
+     *
+     * > If you need to support mobile browsers with the zoom option, use the `absolute` positioning of the Popup.
+     */
+    positionMode?: PositionMode;
+    /**
+     * Used to set the document scale when using a [scale transform](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/scale).
+     *
+     * The document or container scale is required to compute the popup position correctly. Detecting the scale is not reliable and must be set by providing a value for SCALE. See [Support for Document Scale]({% slug documentscale_popup %}).
+     *
+     * > Using this token is not necessary for user-applied browser zoom.
+     *
+     */
+    scale?: number;
+    /**
+     * Specifies the pivot point of the Popup ([see example]({% slug alignmentpositioning_popup %})).
+     */
+    popupAlign?: Align;
+    /**
+     * Specifies the absolute position of the element ([see example]({% slug alignmentpositioning_popup %})). The Popup opens next to that point. The pivot point of the Popup is defined by the `popupAlign` configuration option. The boundary detection is applied by using the window viewport.
+     */
+    offset?: Offset;
+    /**
+     * Specifies a list of CSS classes that will be added to the internal animated element ([see example]({% slug appearance_popup %})).
+     */
+    popupClass?: string | Array<string> | {
+        [key: string]: boolean;
+    };
+    /**
+     * Specifies a list of CSS classes that will be added to the Popup element.
+     */
+    className?: string | Array<string>;
+    /**
+     * Specifies the id that will be added to the Popup element.
+     */
+    id?: string;
+    /**
+     * Represents the styles that are applied to the Popup.
+     */
+    style?: React.CSSProperties;
+    /**
+     * Fires after the Popup is opened and the opening animation ends.
+     */
+    onOpen?: (event: PopupOpenEvent) => void;
+    /**
+     * Fires after the Popup is closed.
+     */
+    onClose?: (event: PopupCloseEvent) => void;
+    /**
+     * Fires after the Popup position is set.
+     */
+    onPosition?: (event: PositionEvent) => void;
+    /**
+     * Controls the Popup visibility ([see example]({% slug hidden_popup %})). Defaults to `false`.
+     */
+    show?: boolean;
+    /**
+     * @hidden
+     *
+     * If contentKey has changed, the popup will recalculate its position.
+     */
+    contentKey?: any;
+    /**
+     * @hidden
+     */
+    children?: React.ReactNode;
+    /**
+     * @hidden
+     */
+    useBaseStyles?: boolean;
+    /**
+     * @hidden
+     */
+    role?: string;
+}
+
+/**
+ * The PopupPropsContext. It allows to configure the Popup props from a wrapper component.
+ *
+ * @example
+ * ```jsx-no-run
+ *  <PopupPropsContext.Provider value={props => ({ ...props, appendTo: document.querySelector('myPopupsContainer') })}>
+ *      <DropDownList />
+ *      <Editor />
+ *  </PopupPropsContext.Provider>
+ * ```
+ */
+export declare const PopupPropsContext: React_2.Context<(props: PopupProps) => PopupProps>;
+
+/**
+ * @hidden
+ */
+declare interface PopupState {
+    current: Status;
+    previous: Status;
+    props: {
+        show?: boolean;
+        anchor?: HTMLElement;
+        anchorAlign?: Align;
+        appendTo?: HTMLElement;
+        collision?: Collision;
+        popupAlign?: Align;
+        className?: string | Array<string>;
+        popupClass?: string | Array<string>;
+        style?: React_2.CSSProperties;
+        offset?: Offset;
+        contentKey?: any;
+    };
+}
+
+/**
+ * @hidden
+ */
+export declare class PopupWithoutContext extends React_2.Component<PopupProps, PopupState> {
+    /**
+     * @hidden
+     */
+    static propTypes: {
+        anchor: (props: PopupProps) => Error | null;
+        appendTo: (props: PopupProps) => Error | null;
+        className: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
+        id: PropTypes.Requireable<string>;
+        popupClass: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
+        collision: PropTypes.Requireable<PropTypes.InferProps<{
+            horizontal: PropTypes.Requireable<string>;
+            vertical: PropTypes.Requireable<string>;
+        }>>;
+        anchorAlign: PropTypes.Requireable<PropTypes.InferProps<{
+            horizontal: PropTypes.Requireable<string>;
+            vertical: PropTypes.Requireable<string>;
+        }>>;
+        popupAlign: PropTypes.Requireable<PropTypes.InferProps<{
+            horizontal: PropTypes.Requireable<string>;
+            vertical: PropTypes.Requireable<string>;
+        }>>;
+        offset: PropTypes.Requireable<PropTypes.InferProps<{
+            left: PropTypes.Requireable<number>;
+            top: PropTypes.Requireable<number>;
+        }>>;
+        children: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
+        show: PropTypes.Requireable<boolean>;
+        animate: PropTypes.Requireable<NonNullable<boolean | PropTypes.InferProps<{
+            openDuration: PropTypes.Requireable<number>;
+            closeDuration: PropTypes.Requireable<number>;
+        }> | null | undefined>>;
+        margin: PropTypes.Requireable<PropTypes.InferProps<{
+            horizontal: PropTypes.Requireable<number>;
+            vertical: PropTypes.Requireable<number>;
+        }>>;
+        positionMode: PropTypes.Requireable<string>;
+        scale: PropTypes.Requireable<number>;
+        style: PropTypes.Requireable<object>;
+        onClose: PropTypes.Requireable<(...args: any[]) => any>;
+        onPosition: PropTypes.Requireable<(...args: any[]) => any>;
+        onOpen: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+    /**
+     * @hidden
+     */
+    static defaultProps: {
+        collision: {
+            horizontal: string;
+            vertical: string;
+        };
+        anchorAlign: {
+            horizontal: string;
+            vertical: string;
+        };
+        popupAlign: {
+            horizontal: string;
+            vertical: string;
+        };
+        offset: {
+            left: number;
+            top: number;
+        };
+        animate: boolean;
+        show: boolean;
+        margin: {
+            horizontal: number;
+            vertical: number;
+        };
+        positionMode: string;
+    };
+    /**
+     * @hidden
+     */
+    static contextType: React_2.Context<ZIndexContextType>;
+    /**
+     * @hidden
+     */
+    context: React_2.ContextType<typeof ZIndexContext>;
+    /**
+     * @hidden
+     */
+    static displayName: string;
+    /**
+     * @hidden
+     */
+    readonly state: PopupState;
+    private _collisions;
+    private _scrollableParents;
+    private _popup;
+    /**
+     * Represents the Popup DOM element.
+     */
+    get element(): HTMLDivElement | null;
+    constructor(props: PopupProps);
+    /**
+     * @hidden
+     */
+    static getDerivedStateFromProps(props: PopupProps, state: PopupState): {
+        props: {
+            show: boolean | undefined;
+            anchor: HTMLElement | null | undefined;
+            anchorAlign: Align | undefined;
+            appendTo: HTMLElement | null | undefined;
+            collision: Collision | undefined;
+            popupAlign: Align | undefined;
+            className: string | string[] | undefined;
+            popupClass: string | string[] | {
+                [key: string]: boolean;
+            } | undefined;
+            style: React_2.CSSProperties | undefined;
+            offset: Offset | undefined;
+            contentKey: any;
+        };
+        current: Status;
+        previous: Status;
+    };
+    /**
+     *
+     * @hidden
+     */
+    componentDidUpdate(prevProps: PopupProps): void;
+    /**
+     * @hidden
+     */
+    componentDidMount(): void;
+    /**
+     * @hidden
+     */
+    componentWillUnmount(): void;
+    /**
+     * @hidden
+     */
+    render(): JSX_2.Element | null;
+    private show;
+    private setPosition;
+    private onOpened;
+    private animate;
+    private onClosing;
+    private onClosed;
+    private get animationDuration();
+    private attachRepositionHandlers;
+    private detachRepositionHandlers;
+    private reposition;
+    private getCurrentZIndex;
+}
+
+/**
+ * Represents the object of the `Position` Popup event.
+ */
+declare interface PositionEvent {
+    /**
+     * An event target.
+     */
+    target: Popup;
+    /**
+     * Indicates if the position is fitted.
+     */
+    fitted: boolean;
+    /**
+     * Indicates if the position is flipped.
+     */
+    flipped: boolean;
+}
+
+/**
+ * The type which defines all possible position modes of the Popup.
+ */
+export declare type PositionMode = PositionMode_2;
+
+declare enum Status {
+    hiding = "hiding",
+    hidden = "hidden",
+    showing = "showing",
+    shown = "shown",
+    reposition = "reposition"
+}
+
+export { }

package/index.js

@@ -1,5 +1,8 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=require("react"),D=require("react-dom"),o=require("prop-types"),m=require("@progress/kendo-react-common"),s=require("@progress/kendo-popup-common");function C(n){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const t in n)if(t!=="default"){const i=Object.getOwnPropertyDescriptor(n,t);Object.defineProperty(e,t,i.get?i:{enumerable:!0,get:()=>n[t]})}}return e.default=n,Object.freeze(e)}const g=C(N),x=C(D),A=n=>{n.style.transitionDuration="",Array.from(n.classList).forEach(e=>{e.startsWith("k-slide-")&&n.classList.remove(e)})},E=typeof window!="undefined"&&/Firefox/.test(window.navigator.userAgent),I=(n,e,t,i,l)=>{if(t===0)return l();const r="k-slide-"+e+"-"+i,a=r+"-active",p=d=>{d.target===n&&(n.removeEventListener("transitionend",p),A(n),i==="exit"?n.style.display="none":n.style.display="",l())};n.addEventListener("transitionend",p);const u=n.ownerDocument;if(!u)return;const f=u.defaultView;if(!f)return;const h=()=>{A(n),n.classList.add(r),f.requestAnimationFrame(()=>{n.style.transitionDuration=t+"ms",n.classList.add(a)})};E?f.requestAnimationFrame(h):h()},R=1e3/60,L=function(n,e,t={}){let i,l,r,a,p=0;t=t||{};const u=function(){p=t.leading===!1?0:new Date().getTime(),i=void 0,a=n.apply(l,r),i||(l=r=null)};return function(){const h=new Date().getTime();!p&&t.leading===!1&&(p=h);const d=e-(h-p);return l=void 0,r=arguments,d<=0||d>e?(i&&(clearTimeout(i),i=void 0),p=h,a=n.apply(l,r),i||(l=r=null)):!i&&t.trailing!==!1&&(i=window.setTimeout(u,d)),a}},M={name:"@progress/kendo-react-popup",productName:"KendoReact",productCodes:["KENDOUIREACT","KENDOUICOMPLETE"],publishDate:0,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"},k=100,S=1;function v(n,e){if(n===e)return!0;if(!!n!=!!e)return!1;const t=Object.getOwnPropertyNames(n),i=Object.getOwnPropertyNames(e);if(t.length!==i.length)return!1;for(let l=0;l<t.length;l++){let r=t[l];if(n[r]!==e[r])return!1}return!0}const z={left:-1e3,top:0},U="k-animation-container",O="k-animation-container-shown",j="k-child-animation-container",F="k-popup";class w extends g.Component{constructor(e){super(e),this.context=0,this.state={current:"hidden",previous:"hidden",props:{}},this._popup=null,this.show=t=>{this.setPosition(t),this.animate(t.firstChild,"enter",this.onOpened),this.setState({current:"shown",previous:this.state.current})},this.setPosition=t=>{let{anchorAlign:i,popupAlign:l,collision:r,offset:a,anchor:p,margin:u,scale:f,positionMode:h}=this.props;const{width:d,height:P}=t.style;t.style.width=t.offsetWidth+"px",t.style.height=t.offsetHeight+"px";const y=s.alignElement({anchor:p,anchorAlign:i,element:t,elementAlign:l,offset:a,margin:u,positionMode:h,scale:f}),c=s.positionElement({anchor:p,anchorAlign:i,element:t,elementAlign:l,collisions:r,currentLocation:y,margin:this.props.margin});if(t.style.top=c.offset.top+"px",t.style.left=c.offset.left+"px",t.style.width=d,t.style.height=P,this._collisions={fit:c.fit,fitted:c.fitted,flip:c.flip,flipped:c.flipped},this.props.onPosition){const T={target:this,flipped:c.flipped,fitted:c.fitted};this.props.onPosition.call(void 0,T)}},this.onOpened=()=>{const t=this._popup;t&&(this.props.show&&t.classList.add(O),this.attachRepositionHandlers(t),this.props.onOpen&&this.props.onOpen.call(void 0,{target:this}))},this.animate=(t,i,l)=>{if(!this.props.popupAlign)return;let r;const{horizontal:a,vertical:p}=this.props.popupAlign;a==="left"&&p==="center"?r="right":a==="right"&&p==="center"?r="left":p==="top"?r="down":r="up";const u={down:"up",up:"down",left:"right",right:"left"};this._collisions&&this._collisions.flipped&&(r=u[r]),I(t,r,this.animationDuration[i],i,l)},this.onClosing=t=>{this.props.show||t.classList.remove(O),this.detachRepositionHandlers()},this.onClosed=()=>{this.state.current==="hiding"&&this.state.previous==="shown"&&this.setState({current:"hidden",previous:this.state.current}),this.props.onClose&&this.props.onClose.call(void 0,{target:this})},this.getCurrentZIndex=()=>this.context?this.context+S:k,m.validatePackage(M),this.reposition=L(this.reposition.bind(this),R)}get element(){return this._popup}static getDerivedStateFromProps(e,t){const{show:i,anchor:l,anchorAlign:r,appendTo:a,collision:p,popupAlign:u,className:f,popupClass:h,style:d,offset:P,contentKey:y}=e,c={...t,props:{show:i,anchor:l,anchorAlign:r,appendTo:a,collision:p,popupAlign:u,className:f,popupClass:h,style:d,offset:P,contentKey:y}};return e.show?t.current==="hidden"||t.current==="hiding"?{...c,current:"showing",previous:t.current}:t.current==="showing"?{...c,current:"shown",previous:t.current}:t.current==="shown"&&(!v(P,t.props.offset)||!v(r,t.props.anchorAlign)||!v(a,t.props.appendTo)||!v(p,t.props.collision)||!v(u,t.props.popupAlign)||!v(d,t.props.style)||l!==t.props.anchor||h!==t.props.popupClass||f!==t.props.className)?{...c,current:"reposition",previous:t.current}:c:t.current==="hiding"||t.current==="hidden"?{...c,current:"hidden",previous:t.current}:{...c,current:"hiding",previous:t.current}}componentDidUpdate(e){this.state.current==="showing"&&this._popup?this.show(this._popup):this.state.current==="hiding"&&this._popup?(this.onClosing(this._popup),this.animate(this._popup.firstChild,"exit",this.onClosed)):this.state.current==="reposition"&&this.state.previous==="shown"?setTimeout(()=>{this.setState({current:"shown",previous:this.state.current})},0):this.state.current==="shown"&&e.contentKey!==this.props.contentKey&&this._popup&&this.setPosition(this._popup)}componentDidMount(){this.state.current==="showing"&&this._popup&&this.show(this._popup)}componentWillUnmount(){this.detachRepositionHandlers()}render(){const{children:e,className:t,popupClass:i,show:l,id:r,positionMode:a}=this.props,p=this.props.appendTo?this.props.appendTo:m.canUseDOM?this.props.anchor&&this.props.anchor.ownerDocument?this.props.anchor.ownerDocument.body:document.body:void 0;this.state.current==="reposition"&&this.state.previous==="shown"&&this._popup&&this.setPosition(this._popup);const u=Object.assign({},{position:a,top:0,left:-1e4},this.props.style||{}),f=this.state.current==="hiding";if((l||f)&&p){const h=this.getCurrentZIndex(),d=g.createElement(m.ZIndexContext.Provider,{value:h},g.createElement("div",{className:m.classNames(U,t),id:r,ref:P=>this._popup=P,style:{zIndex:h,...u}},g.createElement("div",{className:m.classNames(j),style:{transitionDelay:"0ms"}},g.createElement("div",{role:this.props.role,className:m.classNames(F,i)},e))));return this.props.appendTo!==null?x.createPortal(d,p):d}return null}get animationDuration(){const e=this.props.animate;let t=0,i=0;return e&&(e===!0?t=i=300:(t=e.openDuration||0,i=e.closeDuration||0)),{enter:t,exit:i}}attachRepositionHandlers(e){this.detachRepositionHandlers(),this._scrollableParents=s.domUtils.scrollableParents(this.props.anchor||e),this._scrollableParents&&this._scrollableParents.map(t=>t.addEventListener("scroll",this.reposition)),window.addEventListener("resize",this.reposition)}detachRepositionHandlers(){this._scrollableParents&&(this._scrollableParents.map(e=>e.removeEventListener("scroll",this.reposition)),this._scrollableParents=void 0),window.removeEventListener("resize",this.reposition)}reposition(){this.setState({current:"reposition",previous:this.state.current})}}w.propTypes={anchor:function(n){const e=n.anchor;return e&&typeof e.nodeType!="number"?new Error("Invalid prop `anchor` supplied to `Kendo React Popup`. Validation failed."):null},appendTo:function(n){const e=n.appendTo;return e&&typeof e.nodeType!="number"?new Error("Invalid prop `appendTo` supplied to `Kendo React Popup`. Validation failed."):null},className:o.oneOfType([o.string,o.arrayOf(o.string),o.object]),id:o.string,popupClass:o.oneOfType([o.string,o.arrayOf(o.string),o.object]),collision:o.shape({horizontal:o.oneOf([s.Collision.fit,s.Collision.flip,s.Collision.none]),vertical:o.oneOf([s.Collision.fit,s.Collision.flip,s.Collision.none])}),anchorAlign:o.shape({horizontal:o.oneOf([s.AlignPoint.left,s.AlignPoint.center,s.AlignPoint.right]),vertical:o.oneOf([s.AlignPoint.top,s.AlignPoint.center,s.AlignPoint.bottom])}),popupAlign:o.shape({horizontal:o.oneOf([s.AlignPoint.left,s.AlignPoint.center,s.AlignPoint.right]),vertical:o.oneOf([s.AlignPoint.top,s.AlignPoint.center,s.AlignPoint.bottom])}),offset:o.shape({left:o.number,top:o.number}),children:o.oneOfType([o.element,o.node]),show:o.bool,animate:o.oneOfType([o.bool,o.shape({openDuration:o.number,closeDuration:o.number})]),margin:o.shape({horizontal:o.number,vertical:o.number}),positionMode:o.oneOf(["fixed","absolute"]),scale:o.number,style:o.object,onClose:o.func,onPosition:o.func,onOpen:o.func};w.defaultProps={collision:{horizontal:s.Collision.fit,vertical:s.Collision.flip},anchorAlign:{horizontal:s.AlignPoint.left,vertical:s.AlignPoint.bottom},popupAlign:{horizontal:s.AlignPoint.left,vertical:s.AlignPoint.top},offset:z,animate:!0,show:!1,margin:{horizontal:0,vertical:0},positionMode:"absolute"};w.contextType=m.ZIndexContext;w.displayName="PopupComponent";const _=g.createContext(n=>n),b=g.forwardRef((n,e)=>{const i=g.useContext(_).call(void 0,n);return g.createElement(w,{ref:e,...i})});b.displayName="Popup";exports.Popup=b;exports.PopupPropsContext=_;exports.PopupWithoutContext=w;
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./Popup.js"),o=require("./PopupWithoutContext.js");exports.Popup=t.Popup;exports.PopupPropsContext=t.PopupPropsContext;exports.PopupWithoutContext=o.PopupWithoutContext;