@progress/kendo-react-popup 9.0.0-develop.9 → 9.0.0

package/index.d.mts

@@ -7,16 +7,12 @@
  */
 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 { PopupClassStructure } from '@progress/kendo-react-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.
@@ -87,7 +83,7 @@ export declare interface MouseDownOutsideEvent {
     /**
      * An event target.
      */
-    target: Popup;
+    target: PopupHandle;
     /**
      * The event object.
      */
@@ -119,10 +115,7 @@ export declare interface Offset extends OffsetPosition {
 /**
  * The KendoReact Popup component.
  */
-export declare const Popup: React_2.ForwardRefExoticComponent<PopupProps & React_2.RefAttributes<unknown>>;
-
-/** @hidden */
-export declare type Popup = PopupHandle;
+export declare const Popup: React_2.ForwardRefExoticComponent<PopupProps & React_2.RefAttributes<PopupHandle | null>>;
 
 /**
  * The animation settings for the Popup component.
@@ -145,14 +138,21 @@ export declare interface PopupCloseEvent {
     /**
      * An event target.
      */
-    target: Popup;
+    target: PopupHandle;
 }
 
-declare interface PopupHandle extends Pick<PopupWithoutContext, keyof PopupWithoutContext> {
+/**
+ * The KendoReact PopupHandle component.
+ */
+export declare interface PopupHandle {
     /**
-     * @hidden
+     * Represents the Popup DOM element.
      */
     element: any;
+    /**
+     * The props of the PopupHandle component.
+     */
+    props: PopupProps;
 }
 
 /**
@@ -162,7 +162,7 @@ export declare interface PopupOpenEvent {
     /**
      * An event target.
      */
-    target: Popup;
+    target: PopupHandle;
 }
 
 /**
@@ -306,172 +306,23 @@ declare interface PopupState {
     previous: Status;
     props: {
         show?: boolean;
-        anchor?: HTMLElement;
+        anchor?: HTMLElement | null;
         anchorAlign?: Align;
-        appendTo?: HTMLElement;
+        appendTo?: HTMLElement | null;
         collision?: Collision;
         popupAlign?: Align;
-        className?: string | Array<string>;
-        popupClass?: string | Array<string>;
+        className?: string | string[] | {
+            [key: string]: boolean;
+        };
+        popupClass?: string | string[] | {
+            [key: string]: boolean;
+        };
         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>;
-        onKeyPress: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseDownOutside: 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 handleMouseDown;
-    private onClosing;
-    private onClosed;
-    private get animationDuration();
-    private attachRepositionHandlers;
-    private detachRepositionHandlers;
-    private reposition;
-    private getCurrentZIndex;
-}
-
 /**
  * Represents the object of the `Position` Popup event.
  */
@@ -479,7 +330,7 @@ export declare interface PositionEvent {
     /**
      * An event target.
      */
-    target: Popup;
+    target: PopupHandle;
     /**
      * Indicates if the position is fitted.
      */

package/index.d.ts

@@ -7,16 +7,12 @@
  */
 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 { PopupClassStructure } from '@progress/kendo-react-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.
@@ -87,7 +83,7 @@ export declare interface MouseDownOutsideEvent {
     /**
      * An event target.
      */
-    target: Popup;
+    target: PopupHandle;
     /**
      * The event object.
      */
@@ -119,10 +115,7 @@ export declare interface Offset extends OffsetPosition {
 /**
  * The KendoReact Popup component.
  */
-export declare const Popup: React_2.ForwardRefExoticComponent<PopupProps & React_2.RefAttributes<unknown>>;
-
-/** @hidden */
-export declare type Popup = PopupHandle;
+export declare const Popup: React_2.ForwardRefExoticComponent<PopupProps & React_2.RefAttributes<PopupHandle | null>>;
 
 /**
  * The animation settings for the Popup component.
@@ -145,14 +138,21 @@ export declare interface PopupCloseEvent {
     /**
      * An event target.
      */
-    target: Popup;
+    target: PopupHandle;
 }
 
-declare interface PopupHandle extends Pick<PopupWithoutContext, keyof PopupWithoutContext> {
+/**
+ * The KendoReact PopupHandle component.
+ */
+export declare interface PopupHandle {
     /**
-     * @hidden
+     * Represents the Popup DOM element.
      */
     element: any;
+    /**
+     * The props of the PopupHandle component.
+     */
+    props: PopupProps;
 }
 
 /**
@@ -162,7 +162,7 @@ export declare interface PopupOpenEvent {
     /**
      * An event target.
      */
-    target: Popup;
+    target: PopupHandle;
 }
 
 /**
@@ -306,172 +306,23 @@ declare interface PopupState {
     previous: Status;
     props: {
         show?: boolean;
-        anchor?: HTMLElement;
+        anchor?: HTMLElement | null;
         anchorAlign?: Align;
-        appendTo?: HTMLElement;
+        appendTo?: HTMLElement | null;
         collision?: Collision;
         popupAlign?: Align;
-        className?: string | Array<string>;
-        popupClass?: string | Array<string>;
+        className?: string | string[] | {
+            [key: string]: boolean;
+        };
+        popupClass?: string | string[] | {
+            [key: string]: boolean;
+        };
         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>;
-        onKeyPress: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseDownOutside: 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 handleMouseDown;
-    private onClosing;
-    private onClosed;
-    private get animationDuration();
-    private attachRepositionHandlers;
-    private detachRepositionHandlers;
-    private reposition;
-    private getCurrentZIndex;
-}
-
 /**
  * Represents the object of the `Position` Popup event.
  */
@@ -479,7 +330,7 @@ export declare interface PositionEvent {
     /**
      * An event target.
      */
-    target: Popup;
+    target: PopupHandle;
     /**
      * Indicates if the position is fitted.
      */

package/index.js

@@ -5,4 +5,4 @@
  * 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;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./Popup.js");exports.Popup=o.Popup;exports.PopupPropsContext=o.PopupPropsContext;

package/index.mjs

@@ -6,10 +6,8 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import { Popup as t, PopupPropsContext as e } from "./Popup.mjs";
-import { PopupWithoutContext as u } from "./PopupWithoutContext.mjs";
+import { Popup as e, PopupPropsContext as t } from "./Popup.mjs";
 export {
-  t as Popup,
-  e as PopupPropsContext,
-  u as PopupWithoutContext
+  e as Popup,
+  t as PopupPropsContext
 };

package/package-metadata.mjs

@@ -10,7 +10,7 @@ const e = {
   name: "@progress/kendo-react-popup",
   productName: "KendoReact",
   productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
-  publishDate: 1730208114,
+  publishDate: 1731417566,
   version: "",
   licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-popup",
-  "version": "9.0.0-develop.9",
+  "version": "9.0.0",
   "description": "React Popup positions a piece of content next to a specific anchor component. KendoReact Popup package",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -24,7 +24,7 @@
   "peerDependencies": {
     "@progress/kendo-licensing": "^1.3.4",
     "@progress/kendo-popup-common": "^1.9.0",
-    "@progress/kendo-react-common": "9.0.0-develop.9",
+    "@progress/kendo-react-common": "9.0.0",
     "react": "^16.8.2 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0"
   },

package/PopupWithoutContext.js

@@ -1,8 +0,0 @@
-/**
- * @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 D=require("react"),_=require("react-dom"),e=require("prop-types"),T=require("./animation.js"),l=require("@progress/kendo-react-common"),i=require("@progress/kendo-popup-common"),b=require("./util.js"),E=require("./package-metadata.js");function A(h){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(h){for(const t in h)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(h,t);Object.defineProperty(o,t,n.get?n:{enumerable:!0,get:()=>h[t]})}}return o.default=h,Object.freeze(o)}const O=A(D),N=A(_),M=100,x=1;function w(h,o){if(h===o)return!0;if(!!h!=!!o)return!1;const t=Object.getOwnPropertyNames(h),n=Object.getOwnPropertyNames(o);if(t.length!==n.length)return!1;for(let r=0;r<t.length;r++){const s=t[r];if(h[s]!==o[s])return!1}return!0}const R={left:-1e3,top:0},y=class y extends O.Component{constructor(o){super(o),this.context=0,this.state={current:"hidden",previous:"hidden",props:{}},this._popup=null,this.show=t=>{window==null||window.addEventListener("mousedown",this.handleMouseDown),this.setPosition(t),this.animate(t.firstChild,"enter",this.onOpened),this.setState({current:"shown",previous:this.state.current})},this.setPosition=t=>{const{anchorAlign:n,popupAlign:r,collision:s,offset:c,anchor:a,margin:u,scale:d,positionMode:f}=this.props,{width:g,height:m}=t.style;t.style.width=t.offsetWidth+"px",t.style.height=t.offsetHeight+"px";const P=i.alignElement({anchor:a,anchorAlign:n,element:t,elementAlign:r,offset:c,margin:u,positionMode:f,scale:d}),p=i.positionElement({anchor:a,anchorAlign:n,element:t,elementAlign:r,collisions:s,currentLocation:P,margin:this.props.margin});if(t.style.top=p.offset.top+"px",t.style.left=p.offset.left+"px",t.style.width=g,t.style.height=m,this._collisions={fit:p.fit,fitted:p.fitted,flip:p.flip,flipped:p.flipped},this.props.onPosition){const C={target:this,flipped:p.flipped,fitted:p.fitted};this.props.onPosition.call(void 0,C)}},this.onOpened=()=>{const t=this._popup;if(t){if(this.props.show){const{unstyled:n}=this.props,r=n&&n.uPopup;t.classList.add(...l.classNames(l.uPopup.animationContainerShown({c:r})).split(" ").filter(s=>s))}this.attachRepositionHandlers(t),this.props.onOpen&&this.props.onOpen.call(void 0,{target:this})}},this.animate=(t,n,r)=>{if(!this.props.popupAlign)return;let s;const{horizontal:c,vertical:a}=this.props.popupAlign;c==="left"&&a==="center"?s="right":c==="right"&&a==="center"?s="left":a==="top"?s="down":s="up";const u={down:"up",up:"down",left:"right",right:"left"};this._collisions&&this._collisions.flipped&&(s=u[s]);const{unstyled:d}=this.props,f=d&&d.uPopup;T.slide(t,s,this.animationDuration[n],n,r,f)},this.handleMouseDown=t=>{var s,c;const n=((s=t==null?void 0:t.target)==null?void 0:s.closest(".k-animation-container"))===null,r=((c=this.props.anchor)==null?void 0:c.contains(t==null?void 0:t.target))||!1;if(n){if(this.props.onMouseDownOutside){const a={target:this,event:t,state:this.state,isAnchorClicked:r};this.props.onMouseDownOutside.call(void 0,a)}window==null||window.removeEventListener("mousedown",this.handleMouseDown)}},this.onClosing=t=>{if(!this.props.show){const{unstyled:n}=this.props,r=n&&n.uPopup;t.classList.remove(...l.classNames(l.uPopup.animationContainerShown({c:r})).split(" ").filter(s=>s))}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+x:M,l.validatePackage(E.packageMetadata),this.reposition=b.throttle(this.reposition.bind(this),b.FRAME_DURATION)}get element(){return this._popup}static getDerivedStateFromProps(o,t){const{show:n,anchor:r,anchorAlign:s,appendTo:c,collision:a,popupAlign:u,className:d,popupClass:f,style:g,offset:m,contentKey:P}=o,p={...t,props:{show:n,anchor:r,anchorAlign:s,appendTo:c,collision:a,popupAlign:u,className:d,popupClass:f,style:g,offset:m,contentKey:P}};return o.show?t.current==="hidden"||t.current==="hiding"?{...p,current:"showing",previous:t.current}:t.current==="showing"?{...p,current:"shown",previous:t.current}:t.current==="shown"&&(!w(m,t.props.offset)||!w(s,t.props.anchorAlign)||!w(c,t.props.appendTo)||!w(a,t.props.collision)||!w(u,t.props.popupAlign)||!w(g,t.props.style)||r!==t.props.anchor||f!==t.props.popupClass||d!==t.props.className)?{...p,current:"reposition",previous:t.current}:p:t.current==="hiding"||t.current==="hidden"?{...p,current:"hidden",previous:t.current}:{...p,current:"hiding",previous:t.current}}componentDidUpdate(o){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"&&o.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:o,className:t,popupClass:n,unstyled:r,show:s,id:c,positionMode:a}=this.props,u=r&&r.uPopup,d=this.props.appendTo?this.props.appendTo:l.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 f=Object.assign({},{position:a,top:0,left:-1e4},this.props.style||{}),g=this.state.current==="hiding";if((s||g)&&d){const m=this.getCurrentZIndex(),P=O.createElement(l.ZIndexContext.Provider,{value:m},O.createElement("div",{onKeyDown:this.props.onKeyDown,className:l.classNames(l.uPopup.animationContainer({c:u}),t),id:c,ref:p=>this._popup=p,style:{zIndex:m,...f}},O.createElement("div",{className:l.classNames(l.uPopup.animationChild({c:u})),style:{transitionDelay:"0ms"}},O.createElement("div",{role:this.props.role,className:l.classNames(l.uPopup.popup({c:u}),n)},o))));return this.props.appendTo!==null?N.createPortal(P,d):P}return null}get animationDuration(){const o=this.props.animate;let t=0,n=0;return o&&(o===!0?t=n=300:(t=o.openDuration||0,n=o.closeDuration||0)),{enter:t,exit:n}}attachRepositionHandlers(o){this.detachRepositionHandlers(),this._scrollableParents=i.domUtils.scrollableParents(this.props.anchor||o),this._scrollableParents&&this._scrollableParents.map(t=>t.addEventListener("scroll",this.reposition)),window.addEventListener("resize",this.reposition)}detachRepositionHandlers(){this._scrollableParents&&(this._scrollableParents.map(o=>o.removeEventListener("scroll",this.reposition)),this._scrollableParents=void 0),window.removeEventListener("resize",this.reposition)}reposition(){this.setState({current:"reposition",previous:this.state.current})}};y.propTypes={anchor:function(o){const t=o.anchor;return t&&typeof t.nodeType!="number"?new Error("Invalid prop `anchor` supplied to `Kendo React Popup`. Validation failed."):null},appendTo:function(o){const t=o.appendTo;return t&&typeof t.nodeType!="number"?new Error("Invalid prop `appendTo` supplied to `Kendo React Popup`. Validation failed."):null},className:e.oneOfType([e.string,e.arrayOf(e.string),e.object]),id:e.string,popupClass:e.oneOfType([e.string,e.arrayOf(e.string),e.object]),collision:e.shape({horizontal:e.oneOf([i.Collision.fit,i.Collision.flip,i.Collision.none]),vertical:e.oneOf([i.Collision.fit,i.Collision.flip,i.Collision.none])}),anchorAlign:e.shape({horizontal:e.oneOf([i.AlignPoint.left,i.AlignPoint.center,i.AlignPoint.right]),vertical:e.oneOf([i.AlignPoint.top,i.AlignPoint.center,i.AlignPoint.bottom])}),popupAlign:e.shape({horizontal:e.oneOf([i.AlignPoint.left,i.AlignPoint.center,i.AlignPoint.right]),vertical:e.oneOf([i.AlignPoint.top,i.AlignPoint.center,i.AlignPoint.bottom])}),offset:e.shape({left:e.number,top:e.number}),children:e.oneOfType([e.element,e.node]),show:e.bool,animate:e.oneOfType([e.bool,e.shape({openDuration:e.number,closeDuration:e.number})]),margin:e.shape({horizontal:e.number,vertical:e.number}),positionMode:e.oneOf(["fixed","absolute"]),scale:e.number,style:e.object,onClose:e.func,onPosition:e.func,onOpen:e.func,onKeyPress:e.func,onMouseDownOutside:e.func},y.defaultProps={collision:{horizontal:i.Collision.fit,vertical:i.Collision.flip},anchorAlign:{horizontal:i.AlignPoint.left,vertical:i.AlignPoint.bottom},popupAlign:{horizontal:i.AlignPoint.left,vertical:i.AlignPoint.top},offset:R,animate:!0,show:!1,margin:{horizontal:0,vertical:0},positionMode:"absolute"},y.contextType=l.ZIndexContext,y.displayName="PopupComponent";let v=y;exports.PopupWithoutContext=v;