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

package/index.mjs

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

package/package-metadata.js

@@ -0,0 +1,8 @@
+/**
+ * @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 e={name:"@progress/kendo-react-popup",productName:"KendoReact",productCodes:["KENDOUIREACT","KENDOUICOMPLETE"],publishDate:0,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"};exports.packageMetadata=e;

package/package-metadata.mjs

@@ -0,0 +1,19 @@
+/**
+ * @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";
+const e = {
+  name: "@progress/kendo-react-popup",
+  productName: "KendoReact",
+  productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
+  publishDate: 1709715151,
+  version: "",
+  licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
+};
+export {
+  e as packageMetadata
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-popup",
-  "version": "7.2.4-develop.3",
+  "version": "7.3.0-develop.1",
   "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": "7.2.4-develop.3",
+    "@progress/kendo-react-common": "7.3.0-develop.1",
     "react": "^16.8.2 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0"
   },

package/util.js

@@ -0,0 +1,8 @@
+/**
+ * @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 f=1e3/60,d=function(u,s,t={}){let e,l,n,r,i=0;t=t||{};const c=function(){i=t.leading===!1?0:new Date().getTime(),e=void 0,r=u.apply(l,n),e||(l=n=null)};return function(){const o=new Date().getTime();!i&&t.leading===!1&&(i=o);const a=s-(o-i);return l=void 0,n=arguments,a<=0||a>s?(e&&(clearTimeout(e),e=void 0),i=o,r=u.apply(l,n),e||(l=n=null)):!e&&t.trailing!==!1&&(e=window.setTimeout(c,a)),r}};exports.FRAME_DURATION=f;exports.throttle=d;

package/util.mjs

@@ -0,0 +1,25 @@
+/**
+ * @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";
+const d = 16.666666666666668, g = function(u, s, t = {}) {
+  let e, n, l, r, i = 0;
+  t = t || {};
+  const c = function() {
+    i = t.leading === !1 ? 0 : (/* @__PURE__ */ new Date()).getTime(), e = void 0, r = u.apply(n, l), e || (n = l = null);
+  };
+  return function() {
+    const o = (/* @__PURE__ */ new Date()).getTime();
+    !i && t.leading === !1 && (i = o);
+    const a = s - (o - i);
+    return n = void 0, l = arguments, a <= 0 || a > s ? (e && (clearTimeout(e), e = void 0), i = o, r = u.apply(n, l), e || (n = l = null)) : !e && t.trailing !== !1 && (e = window.setTimeout(c, a)), r;
+  };
+};
+export {
+  d as FRAME_DURATION,
+  g as throttle
+};

package/Popup.d.ts

@@ -1,31 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as React from 'react';
-import { PopupWithoutContext } from './PopupWithoutContext';
-import { PopupProps } from './models/PopupProps';
-/**
- * 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.Context<(props: PopupProps) => PopupProps>;
-export interface PopupHandle extends Pick<PopupWithoutContext, keyof PopupWithoutContext> {
-    /**
-     * @hidden
-     */
-    element: any;
-}
-/**
- * The KendoReact Popup component.
- */
-export declare const Popup: React.ForwardRefExoticComponent<PopupProps & React.RefAttributes<unknown>>;
-/** @hidden */
-export type Popup = PopupHandle;

package/PopupWithoutContext.d.ts

@@ -1,188 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { ZIndexContext } from '@progress/kendo-react-common';
-import { Offset } from './models/Offset';
-import { PopupProps } from './models/PopupProps';
-import { Align } from './models/Align';
-import { Collision } from './models/Collision';
-declare enum Status {
-    hiding = "hiding",
-    hidden = "hidden",
-    showing = "showing",
-    shown = "shown",
-    reposition = "reposition"
-}
-/**
- * @hidden
- */
-export 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.CSSProperties;
-        offset?: Offset;
-        contentKey?: any;
-    };
-}
-/**
- * @hidden
- */
-export declare class PopupWithoutContext extends React.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.Context<import("@progress/kendo-react-common").ZIndexContextType>;
-    /**
-     * @hidden
-     */
-    context: React.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.CSSProperties | undefined;
-            offset: Offset | undefined;
-            contentKey: any;
-        };
-        current: Status;
-        previous: Status;
-    };
-    /**
-     *
-     * @hidden
-     */
-    componentDidUpdate(prevProps: PopupProps): void;
-    /**
-     * @hidden
-     */
-    componentDidMount(): void;
-    /**
-     * @hidden
-     */
-    componentWillUnmount(): void;
-    /**
-     * @hidden
-     */
-    render(): import("react/jsx-runtime").JSX.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;
-}
-export {};