@progress/kendo-react-popup 6.1.1 → 7.0.0-develop.1

package/index.mjs

@@ -0,0 +1,372 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the package root for more information
+*-------------------------------------------------------------------------------------------*/
+import * as m from "react";
+import * as E from "react-dom";
+import * as e from "prop-types";
+import { validatePackage as b, canUseDOM as N, ZIndexContext as T, 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 _ = (i) => {
+  i.style.transitionDuration = "", Array.from(i.classList).forEach((o) => {
+    o.startsWith("k-slide-") && i.classList.remove(o);
+  });
+}, R = typeof window < "u" && /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), _(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 = () => {
+    _(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: 1700493674,
+  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", A = "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(A), 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(A), 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" ? this.setState({ current: "shown", previous: this.state.current }) : 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(T.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 = T;
+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";
+export {
+  W as Popup,
+  Z as PopupPropsContext,
+  P as PopupWithoutContext
+};

package/{dist/npm/models → models}/Align.d.ts

@@ -1,3 +1,7 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 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';
 /**
  * Defines the horizontal and vertical aligning point of the Popup.

package/{dist/npm/models → models}/Collision.d.ts

@@ -1,3 +1,7 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the package root for more information
+*-------------------------------------------------------------------------------------------*/
 import { CollisionType } from './CollisionType';
 /**
  * Defines the horizontal and vertical collision behavior of the Popup.

package/{dist/npm/models → models}/CollisionType.d.ts

@@ -1,3 +1,7 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the package root for more information
+*-------------------------------------------------------------------------------------------*/
 import { CollisionType as CollisionTypeBase } from '@progress/kendo-popup-common';
 /**
  * Defines the possible collision behavior when the Popup is not fully visible.
@@ -7,4 +11,4 @@ import { CollisionType as CollisionTypeBase } from '@progress/kendo-popup-common
  * - `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 = CollisionTypeBase;
+export type CollisionType = CollisionTypeBase;

package/{dist/es/models → models}/Events.d.ts

@@ -1,3 +1,7 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the package root for more information
+*-------------------------------------------------------------------------------------------*/
 import { Popup } from '../Popup';
 /**
  * Represents the object of the `Open` Popup event.

package/{dist/npm/models → models}/Margin.d.ts

@@ -1,3 +1,7 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the package root for more information
+*-------------------------------------------------------------------------------------------*/
 import { MarginSettings } from '@progress/kendo-popup-common';
 /**
  * Defines the horizontal and the vertical margin offset of the component.

package/models/Offset.d.ts

@@ -0,0 +1,18 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the package root for more information
+*-------------------------------------------------------------------------------------------*/
+import { OffsetPosition } from '@progress/kendo-popup-common';
+/**
+ * The offset position of the Popup.
+ */
+export interface Offset extends OffsetPosition {
+    /**
+     * Defines the top position of the Popup.
+     */
+    top: number;
+    /**
+     * Defines the left position of the Popup.
+     */
+    left: number;
+}

package/models/PopupAnimation.d.ts

@@ -0,0 +1,17 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the package root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * The animation settings for the Popup component.
+ */
+export 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;
+}

package/{dist/es/models → models}/PopupProps.d.ts

@@ -1,4 +1,7 @@
-/// <reference types="react" />
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the package root for more information
+*-------------------------------------------------------------------------------------------*/
 import { Collision } from './Collision';
 import { Align } from './Align';
 import { OpenEvent, CloseEvent, PositionEvent } from './Events';

package/models/PositionMode.d.ts

@@ -0,0 +1,9 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the package root for more information
+*-------------------------------------------------------------------------------------------*/
+import { PositionMode as PositionModeBase } from '@progress/kendo-popup-common';
+/**
+ * The type which defines all possible position modes of the Popup.
+ */
+export type PositionMode = PositionModeBase;

package/package-metadata.d.ts

@@ -0,0 +1,9 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the package root for more information
+*-------------------------------------------------------------------------------------------*/
+import { PackageMetadata } from '@progress/kendo-licensing';
+/**
+ * @hidden
+ */
+export declare const packageMetadata: PackageMetadata;

package/package.json

@@ -1,20 +1,29 @@
 {
   "name": "@progress/kendo-react-popup",
+  "version": "7.0.0-develop.1",
   "description": "React Popup positions a piece of content next to a specific anchor component. KendoReact Popup package",
-  "version": "6.1.1",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/telerik/kendo-react.git"
+  "author": "Progress",
+  "license": "SEE LICENSE IN LICENSE.md",
+  "homepage": "https://www.telerik.com/kendo-react-ui",
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./index.mjs",
+      "require": "./index.js"
+    }
   },
-  "main": "dist/npm/main.js",
-  "types": "dist/npm/main.d.ts",
-  "module": "dist/es/main.js",
-  "jsnext:main": "dist/es/main.js",
-  "scripts": {
-    "test": "cd ../../ && npm run test -- --testPathPattern=/packages/popup/.*",
-    "build-package": "gulp build-package"
+  "sideEffects": false,
+  "peerDependencies": {
+    "@progress/kendo-licensing": "^1.3.0",
+    "@progress/kendo-popup-common": "^1.9.0",
+    "@progress/kendo-react-common": "7.0.0-develop.1",
+    "react": "^16.8.2 || ^17.0.0 || ^18.0.0",
+    "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0"
+  },
+  "dependencies": {
+    "prop-types": "^15.6.0"
   },
-  "homepage": "https://www.telerik.com/kendo-react-ui",
   "keywords": [
     "Kendo UI",
     "React",
@@ -27,24 +36,15 @@
     "React component",
     "Telerik"
   ],
-  "peerDependencies": {
-    "@progress/kendo-licensing": "^1.3.0",
-    "react": "^16.8.2 || ^17.0.0 || ^18.0.0",
-    "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0"
-  },
-  "dependencies": {
-    "@progress/kendo-popup-common": "1.9.2",
-    "@progress/kendo-react-common": "6.1.1",
-    "prop-types": "^15.6.0"
-  },
   "@progress": {
     "friendlyName": "Popup",
     "framework": "KendoReact"
   },
-  "author": "Progress",
-  "license": "SEE LICENSE IN LICENSE.md",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/telerik/kendo-react.git"
+  },
   "publishConfig": {
     "access": "public"
-  },
-  "sideEffects": false
-}
+  }
+}

package/{dist/npm/util.d.ts → util.d.ts}

@@ -1,3 +1,7 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the package root for more information
+*-------------------------------------------------------------------------------------------*/
 import { OffsetPosition } from '@progress/kendo-popup-common';
 /**
  * @hidden

package/about.md

@@ -1,3 +0,0 @@
-<a href="https://www.telerik.com/kendo-react-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-popup&utm_content=banner" target="_blank">
-<img src="https://www.telerik.com/kendo-react-ui/components/npm-banner.svg" alt="KendoReact NPM Banner">
-</a>

package/dist/es/Popup.d.ts

@@ -1,27 +0,0 @@
-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 declare type Popup = PopupHandle;

package/dist/es/Popup.js

@@ -1,34 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import * as React from 'react';
-import { PopupWithoutContext } from './PopupWithoutContext';
-/**
- * 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 var PopupPropsContext = React.createContext(function (props) { return props; });
-/**
- * The KendoReact Popup component.
- */
-export var Popup = React.forwardRef(function (props, ref) {
-    var contextPropsCallback = React.useContext(PopupPropsContext);
-    var popupProps = contextPropsCallback.call(undefined, props);
-    return (React.createElement(PopupWithoutContext, __assign({ ref: ref }, popupProps)));
-});
-Popup.displayName = 'Popup';