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

package/dist/npm/models/PopupProps.d.ts

@@ -1,116 +0,0 @@
-/// <reference types="react" />
-import { Collision } from './Collision';
-import { Align } from './Align';
-import { OpenEvent, CloseEvent, PositionEvent } from './Events';
-import { Offset } from './Offset';
-import { PopupAnimation } from './PopupAnimation';
-import { Margin } from './Margin';
-import { PositionMode } from './PositionMode';
-import { PopupSettings } from '@progress/kendo-popup-common';
-/**
- * Represents the props of the [KendoReact Popup component]({% slug overview_popup %}).
- */
-export 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: OpenEvent) => void;
-    /**
-     * Fires after the Popup is closed.
-     */
-    onClose?: (event: CloseEvent) => 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;
-}

package/dist/npm/models/PopupProps.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/models/PopupSettings.d.ts

@@ -1,87 +0,0 @@
-/// <reference types="react" />
-import { Collision } from './Collision';
-import { Align } from './Align';
-import { OpenEvent, CloseEvent } from './Events';
-import { Offset } from './Offset';
-import { PopupAnimation } from './PopupAnimation';
-import { Margin } from './Margin';
-import { PositionMode } from './PositionMode';
-import { PopupSettings as PopupSettingsBase } from '@progress/kendo-popup-common';
-/**
- * @hidden
- */
-export interface PopupSettings extends PopupSettingsBase {
-    /**
-     * 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).
-     */
-    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 abosolute positioning.
-     * To make the Popup acquire fixed positioning, set this option to `fixed`.
-     *
-     * > 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.
-     *
-     * > 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>;
-    /**
-     * 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: OpenEvent) => void;
-    /**
-     * Fires after the Popup is closed.
-     */
-    onClose?: (event: CloseEvent) => void;
-}

package/dist/npm/models/PopupSettings.js

@@ -1,3 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-// tslint:enable:max-line-length

package/dist/npm/models/PositionMode.d.ts

@@ -1,5 +0,0 @@
-import { PositionMode as PositionModeBase } from '@progress/kendo-popup-common';
-/**
- * The type which defines all possible position modes of the Popup.
- */
-export declare type PositionMode = PositionModeBase;

package/dist/npm/models/PositionMode.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/package-metadata.d.ts

@@ -1,5 +0,0 @@
-import { PackageMetadata } from '@progress/kendo-licensing';
-/**
- * @hidden
- */
-export declare const packageMetadata: PackageMetadata;

package/dist/npm/package-metadata.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.packageMetadata = void 0;
-/**
- * @hidden
- */
-exports.packageMetadata = {
-    name: '@progress/kendo-react-popup',
-    productName: 'KendoReact',
-    productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1700063458,
-    version: '',
-    licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
-};

package/dist/npm/util.js

@@ -1,64 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.throttle = exports.FRAME_DURATION = exports.hasBoundingRect = exports.isDifferentOffset = void 0;
-/**
- * @hidden
- */
-var isDifferentOffset = function (oldOffset, newOffset) {
-    var oldLeft = oldOffset.left, oldTop = oldOffset.top;
-    var newLeft = newOffset.left, newTop = newOffset.top;
-    return Math.abs(oldLeft - newLeft) >= 1 || Math.abs(oldTop - newTop) >= 1;
-};
-exports.isDifferentOffset = isDifferentOffset;
-/**
- * @hidden
- */
-var hasBoundingRect = function (elem) { return !!elem.getBoundingClientRect; };
-exports.hasBoundingRect = hasBoundingRect;
-/**
- * @hidden
- */
-exports.FRAME_DURATION = 1000 / 60; // 1000ms divided by 60fps
-/**
- * @hidden
- */
-var throttle = function (func, wait, options) {
-    if (options === void 0) { options = {}; }
-    var timeout, context, args, result;
-    var previous = 0;
-    options = options || {};
-    var later = function () {
-        previous = options.leading === false ? 0 : new Date().getTime();
-        timeout = undefined;
-        result = func.apply(context, args);
-        if (!timeout) {
-            context = args = null;
-        }
-    };
-    var throttled = function () {
-        var now = new Date().getTime();
-        if (!previous && options.leading === false) {
-            previous = now;
-        }
-        var remaining = wait - (now - previous);
-        context = undefined; // this
-        args = arguments;
-        if (remaining <= 0 || remaining > wait) {
-            if (timeout) {
-                clearTimeout(timeout);
-                timeout = undefined;
-            }
-            previous = now;
-            result = func.apply(context, args);
-            if (!timeout) {
-                context = args = null;
-            }
-        }
-        else if (!timeout && options.trailing !== false) {
-            timeout = window.setTimeout(later, remaining);
-        }
-        return result;
-    };
-    return throttled;
-};
-exports.throttle = throttle;

package/dist/systemjs/kendo-react-popup.js

@@ -1 +0,0 @@
-System.register("@progress/kendo-react-popup",["@progress/kendo-popup-common","@progress/kendo-react-common","prop-types","react","react-dom"],function(e,t){var p={},a={},l={},u={},c={};return Object.defineProperty(p,"__esModule",{value:!0}),Object.defineProperty(a,"__esModule",{value:!0}),Object.defineProperty(l,"__esModule",{value:!0}),Object.defineProperty(u,"__esModule",{value:!0}),Object.defineProperty(c,"__esModule",{value:!0}),{setters:[function(t){Object.keys(t).forEach(function(e){p[e]=t[e]})},function(t){Object.keys(t).forEach(function(e){a[e]=t[e]})},function(t){Object.keys(t).forEach(function(e){l[e]=t[e]})},function(t){Object.keys(t).forEach(function(e){u[e]=t[e]})},function(t){Object.keys(t).forEach(function(e){c[e]=t[e]})}],execute:function(){e((()=>{"use strict";var o={980:function(e,o,t){var n=this&&this.__assign||function(){return(n=Object.assign||function(e){for(var t,o=1,n=arguments.length;o<n;o++)for(var i in t=arguments[o])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e}).apply(this,arguments)},i=(Object.defineProperty(o,"__esModule",{value:!0}),o.Popup=o.PopupPropsContext=void 0,t(954)),r=t(763);o.PopupPropsContext=i.createContext(function(e){return e}),o.Popup=i.forwardRef(function(e,t){e=i.useContext(o.PopupPropsContext).call(void 0,e);return i.createElement(r.PopupWithoutContext,n({ref:t},e))}),o.Popup.displayName="Popup"},763:function(e,t,o){var n,i=this&&this.__extends||(n=function(e,t){return(n=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}))(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function o(){this.constructor=e}n(e,t),e.prototype=null===t?Object.create(t):(o.prototype=t.prototype,new o)}),h=this&&this.__assign||function(){return(h=Object.assign||function(e){for(var t,o=1,n=arguments.length;o<n;o++)for(var i in t=arguments[o])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e}).apply(this,arguments)},l=(Object.defineProperty(t,"__esModule",{value:!0}),t.PopupWithoutContext=void 0,o(954)),u=o(493),r=o(895),s=o(187),d=o(811),f=o(384),p=o(169),a=o(363);function g(e,t){if(e===t)return 1;if(!!e==!!t){var o=Object.getOwnPropertyNames(e),n=Object.getOwnPropertyNames(t);if(o.length===n.length){for(var i=0;i<o.length;i++){var r=o[i];if(e[r]!==t[r])return}return 1}}}var m,v,o={left:-1e3,top:0},y=((c=m=m||{}).hiding="hiding",c.hidden="hidden",c.showing="showing",c.shown="shown",c.reposition="reposition","k-animation-container-shown"),c=(v=l.Component,i(P,v),Object.defineProperty(P.prototype,"element",{get:function(){return this._popup},enumerable:!1,configurable:!0}),P.getDerivedStateFromProps=function(e,t){var o=e.show,n=e.anchor,i=e.anchorAlign,r=e.appendTo,s=e.collision,p=e.popupAlign,a=e.className,l=e.popupClass,u=e.style,c=e.offset,d=e.contentKey,o=h(h({},t),{props:{show:o,anchor:n,anchorAlign:i,appendTo:r,collision:s,popupAlign:p,className:a,popupClass:l,style:u,offset:c,contentKey:d}});return e.show?t.current===m.hidden||t.current===m.hiding?h(h({},o),{current:m.showing,previous:t.current}):t.current===m.showing?h(h({},o),{current:m.shown,previous:t.current}):t.current!==m.shown||g(c,t.props.offset)&&g(i,t.props.anchorAlign)&&g(r,t.props.appendTo)&&g(s,t.props.collision)&&g(p,t.props.popupAlign)&&g(u,t.props.style)&&n===t.props.anchor&&l===t.props.popupClass&&a===t.props.className?o:h(h({},o),{current:m.reposition,previous:t.current}):t.current===m.hiding||t.current===m.hidden?h(h({},o),{current:m.hidden,previous:t.current}):h(h({},o),{current:m.hiding,previous:t.current})},P.prototype.componentDidUpdate=function(e){this.state.current===m.showing&&this._popup?this.show(this._popup):this.state.current===m.hiding&&this._popup?(this.onClosing(this._popup),this.animate(this._popup.firstChild,"exit",this.onClosed)):this.state.current===m.reposition&&this.state.previous===m.shown?this.setState({current:m.shown,previous:this.state.current}):this.state.current===m.shown&&e.contentKey!==this.props.contentKey&&this._popup&&this.setPosition(this._popup)},P.prototype.componentDidMount=function(){this.state.current===m.showing&&this._popup&&this.show(this._popup)},P.prototype.componentWillUnmount=function(){this.detachRepositionHandlers()},P.prototype.render=function(){var t=this,e=this.props,o=e.children,n=e.className,i=e.popupClass,r=e.show,s=e.id,e=e.positionMode,p=this.props.appendTo||(d.canUseDOM?(this.props.anchor&&this.props.anchor.ownerDocument?this.props.anchor.ownerDocument:document).body:void 0),e=(this.state.current===m.reposition&&this.state.previous===m.shown&&this._popup&&this.setPosition(this._popup),Object.assign({},{position:e,top:0,left:-1e4},this.props.style||{})),a=this.state.current===m.hiding;return(r||a)&&p?(r=this.getCurrentZIndex(),a=l.createElement(d.ZIndexContext.Provider,{value:r},l.createElement("div",{className:(0,d.classNames)("k-animation-container",n),id:s,ref:function(e){return t._popup=e},style:h({zIndex:r},e)},l.createElement("div",{className:(0,d.classNames)("k-child-animation-container"),style:{transitionDelay:"0ms"}},l.createElement("div",{role:this.props.role,className:(0,d.classNames)("k-popup",i)},o)))),null!==this.props.appendTo?u.createPortal(a,p):a):null},Object.defineProperty(P.prototype,"animationDuration",{get:function(){var e=this.props.animate,t=0,o=0;return e&&(!0===e?t=o=300:(t=e.openDuration||0,o=e.closeDuration||0)),{enter:t,exit:o}},enumerable:!1,configurable:!0}),P.prototype.attachRepositionHandlers=function(e){var t=this;this.detachRepositionHandlers(),this._scrollableParents=f.domUtils.scrollableParents(this.props.anchor||e),this._scrollableParents&&this._scrollableParents.map(function(e){return e.addEventListener("scroll",t.reposition)}),window.addEventListener("resize",this.reposition)},P.prototype.detachRepositionHandlers=function(){var t=this;this._scrollableParents&&(this._scrollableParents.map(function(e){return e.removeEventListener("scroll",t.reposition)}),this._scrollableParents=void 0),window.removeEventListener("resize",this.reposition)},P.prototype.reposition=function(){this.setState({current:m.reposition,previous:this.state.current})},P.propTypes={anchor:function(e){e=e.anchor;return e&&"number"!=typeof e.nodeType?new Error("Invalid prop `anchor` supplied to `Kendo React Popup`. Validation failed."):null},appendTo:function(e){e=e.appendTo;return e&&"number"!=typeof e.nodeType?new Error("Invalid prop `appendTo` supplied to `Kendo React Popup`. Validation failed."):null},className:r.oneOfType([r.string,r.arrayOf(r.string),r.object]),id:r.string,popupClass:r.oneOfType([r.string,r.arrayOf(r.string),r.object]),collision:r.shape({horizontal:r.oneOf([f.Collision.fit,f.Collision.flip,f.Collision.none]),vertical:r.oneOf([f.Collision.fit,f.Collision.flip,f.Collision.none])}),anchorAlign:r.shape({horizontal:r.oneOf([f.AlignPoint.left,f.AlignPoint.center,f.AlignPoint.right]),vertical:r.oneOf([f.AlignPoint.top,f.AlignPoint.center,f.AlignPoint.bottom])}),popupAlign:r.shape({horizontal:r.oneOf([f.AlignPoint.left,f.AlignPoint.center,f.AlignPoint.right]),vertical:r.oneOf([f.AlignPoint.top,f.AlignPoint.center,f.AlignPoint.bottom])}),offset:r.shape({left:r.number,top:r.number}),children:r.oneOfType([r.element,r.node]),show:r.bool,animate:r.oneOfType([r.bool,r.shape({openDuration:r.number,closeDuration:r.number})]),margin:r.shape({horizontal:r.number,vertical:r.number}),positionMode:r.oneOf(["fixed","absolute"]),scale:r.number,style:r.object,onClose:r.func,onPosition:r.func,onOpen:r.func},P.defaultProps={collision:{horizontal:f.Collision.fit,vertical:f.Collision.flip},anchorAlign:{horizontal:f.AlignPoint.left,vertical:f.AlignPoint.bottom},popupAlign:{horizontal:f.AlignPoint.left,vertical:f.AlignPoint.top},offset:o,animate:!0,show:!1,margin:{horizontal:0,vertical:0},positionMode:"absolute"},P.contextType=d.ZIndexContext,P.displayName="PopupComponent",P);function P(e){var c=v.call(this,e)||this;return c.context=0,c.state={current:m.hidden,previous:m.hidden,props:{}},c._popup=null,c.show=function(e){c.setPosition(e),c.animate(e.firstChild,"enter",c.onOpened),c.setState({current:m.shown,previous:c.state.current})},c.setPosition=function(e){var t=c.props,o=t.anchorAlign,n=t.popupAlign,i=t.collision,r=t.offset,s=t.anchor,p=t.margin,a=t.scale,t=t.positionMode,l=e.style,u=l.width,l=l.height,r=(e.style.width=e.offsetWidth+"px",e.style.height=e.offsetHeight+"px",(0,f.alignElement)({anchor:s,anchorAlign:o,element:e,elementAlign:n,offset:r,margin:p,positionMode:t,scale:a})),p=(0,f.positionElement)({anchor:s,anchorAlign:o,element:e,elementAlign:n,collisions:i,currentLocation:r,margin:c.props.margin});e.style.top=p.offset.top+"px",e.style.left=p.offset.left+"px",e.style.width=u,e.style.height=l,c._collisions={fit:p.fit,fitted:p.fitted,flip:p.flip,flipped:p.flipped},c.props.onPosition&&(t={target:c,flipped:p.flipped,fitted:p.fitted},c.props.onPosition.call(void 0,t))},c.onOpened=function(){var e=c._popup;e&&(c.props.show&&e.classList.add(y),c.attachRepositionHandlers(e),c.props.onOpen)&&c.props.onOpen.call(void 0,{target:c})},c.animate=function(e,t,o){var n,i;c.props.popupAlign&&(i=(n=c.props.popupAlign).horizontal,n=n.vertical,i="left"===i&&"center"===n?"right":"right"===i&&"center"===n?"left":"top"===n?"down":"up",c._collisions&&c._collisions.flipped&&(i={down:"up",up:"down",left:"right",right:"left"}[i]),(0,s.slide)(e,i,c.animationDuration[t],t,o))},c.onClosing=function(e){c.props.show||e.classList.remove(y),c.detachRepositionHandlers()},c.onClosed=function(){c.state.current===m.hiding&&c.state.previous===m.shown&&c.setState({current:m.hidden,previous:c.state.current}),c.props.onClose&&c.props.onClose.call(void 0,{target:c})},c.getCurrentZIndex=function(){return c.context?c.context+1:100},(0,d.validatePackage)(a.packageMetadata),c.reposition=(0,p.throttle)(c.reposition.bind(c),p.FRAME_DURATION),c}t.PopupWithoutContext=c},187:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.slide=void 0;function l(t){t.style.transitionDuration="",Array.from(t.classList).forEach(function(e){e.startsWith("k-slide-")&&t.classList.remove(e)})}var u="undefined"!=typeof window&&/Firefox/.test(window.navigator.userAgent);t.slide=function(t,e,o,n,i){if(0===o)return i();function r(e){e.target===t&&(t.removeEventListener("transitionend",r),l(t),t.style.display="exit"===n?"none":"",i())}var s,p="k-slide-"+e+"-"+n,a=p+"-active",e=(t.addEventListener("transitionend",r),t.ownerDocument);e&&(s=e.defaultView)&&(e=function(){l(t),t.classList.add(p),s.requestAnimationFrame(function(){t.style.transitionDuration=o+"ms",t.classList.add(a)})},u?s.requestAnimationFrame(e):e())}},363:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.packageMetadata=void 0,t.packageMetadata={name:"@progress/kendo-react-popup",productName:"KendoReact",productCodes:["KENDOUIREACT","KENDOUICOMPLETE"],publishDate:1700063458,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning"}},169:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.throttle=t.FRAME_DURATION=t.hasBoundingRect=t.isDifferentOffset=void 0,t.isDifferentOffset=function(e,t){var o=e.left,e=e.top,n=t.left,t=t.top;return 1<=Math.abs(o-n)||1<=Math.abs(e-t)},t.hasBoundingRect=function(e){return!!e.getBoundingClientRect},t.FRAME_DURATION=1e3/60,t.throttle=function(o,n,i){function r(){u=!1===i.leading?0:(new Date).getTime(),s=void 0,l=o.apply(p,a),s||(p=a=null)}var s,p,a,l,u=0;i=(i=void 0===i?{}:i)||{};return function(){var e=(new Date).getTime(),t=(u||!1!==i.leading||(u=e),n-(e-u));return p=void 0,a=arguments,t<=0||n<t?(s&&(clearTimeout(s),s=void 0),u=e,l=o.apply(p,a),s||(p=a=null)):s||!1===i.trailing||(s=window.setTimeout(r,t)),l}}},384:e=>{e.exports=p},811:e=>{e.exports=a},895:e=>{e.exports=l},954:e=>{e.exports=u},493:e=>{e.exports=c}},n={};function i(e){var t=n[e];return void 0!==t||(t=n[e]={exports:{}},o[e].call(t.exports,t,t.exports,i)),t.exports}var e,t,r,s={};return e=s,Object.defineProperty(e,"__esModule",{value:!0}),e.PopupPropsContext=e.PopupWithoutContext=e.Popup=void 0,t=i(980),Object.defineProperty(e,"Popup",{enumerable:!0,get:function(){return t.Popup}}),Object.defineProperty(e,"PopupPropsContext",{enumerable:!0,get:function(){return t.PopupPropsContext}}),r=i(763),Object.defineProperty(e,"PopupWithoutContext",{enumerable:!0,get:function(){return r.PopupWithoutContext}}),s})())}}});

package/e2e-legacy/basics.tests.ts

@@ -1,164 +0,0 @@
-import { Browser, By } from '@progress/kendo-e2e';
-import { DELAYS, LOCATORS } from '../../../e2eUtils/const';
-
-jest.retryTimes(3);
-
-let browser: Browser;
-
-beforeAll(async () => {
-  browser = new Browser();
-  await browser.driver.manage().window().setRect({ width: 1920, height: 1080 });
-});
-
-beforeEach(async () => {
-  await browser.navigateTo('http://localhost:8888/examples/e2e/basic.html');
-  await browser.find(LOCATORS.APP);
-});
-
-afterEach(async () => {
-  expect(await browser.getErrorLogs()).toEqual([]);
-});
-
-afterAll(async () => {
-  await browser.close();
-});
-
-const animationContainer = '.k-animation-container';
-const animationChildSelector = animationContainer + ' > .k-child-animation-container';
-const staticPopup = '.static.k-animation-container';
-const togglePopupBtn = 'button.toggle';
-
-it('open and close events is fired on time', async () => {
-    await browser.click(By.css('.animationToggle'));
-    await browser.sleep(DELAYS.DEFAULT);
-
-    await browser.click(By.css(togglePopupBtn));
-
-    const time1 = Date.now();
-    const popupClose = await browser.find(By.id('popupConsole'));
-    expect(await browser.waitSafely(async () => (await popupClose.getAttribute('value')).includes('open'))).toBe(true);
-    const time2 = Date.now();
-    expect(time2 - time1).toBeGreaterThan(300);
-    expect(time2 - time1).toBeLessThan(450);
-
-    await browser.click(By.css(togglePopupBtn));
-    const time3 = Date.now();
-    expect(await browser.waitSafely(async () => (await popupClose.getAttribute('value')).includes('close'))).toBe(true);
-    const time4 = Date.now();
-    expect(time4 - time3).toBeGreaterThan(300);
-    expect(time4 - time3).toBeLessThan(450);
-});
-
-const data = [
-    ['left top', 'left top', 0, 0],
-    ['left top', 'left bottom', 0, -52],
-    ['left top', 'center center', -51, -26],
-    ['left top', 'right top', -102, 0],
-    ['left top', 'right bottom', -102, -52],
-    ['left center', 'left top', 0, 10],
-    ['left center', 'right bottom', -102, -42],
-    ['left bottom', 'left top', 0, 20],
-    ['left bottom', 'right bottom', -102, -32],
-    ['center bottom', 'right bottom', -52, -32],
-    ['center top', 'left top', 50, 0],
-    ['center top', 'right bottom', -52, -52],
-    ['right top', 'left top', 100, 0],
-    ['right top', 'right bottom', -2, -52],
-    ['right center', 'left top', 100, 10],
-    ['right center', 'right bottom', -2, -42],
-    ['right bottom', 'left top', 100, 20],
-    ['right bottom', 'center center', 49, -6],
-    ['right bottom', 'right bottom', -2, -32]
-];
-it.each(data)('open at (anchorAlign: %s, popupAlign: %s)', async (anchorAlign, popupAlign, xDiff, yDiff) => {
-    await setAlign(anchorAlign as string, popupAlign as string);
-    await browser.click(By.css(togglePopupBtn));
-    const aRect = await (await browser.find(By.css('.anchor'))).getRect();
-    const pRect = await (await browser.find(LOCATORS.POPUP)).getRect();
-    expect(pRect.x - aRect.x).toEqual(xDiff);
-    expect(pRect.y - aRect.y).toEqual(yDiff);
-});
-
-it('open at top - 100px, left: 100px', async () => {
-    await browser.click(By.css('button.staticToggle'));
-    const popup = await browser.find(By.css(staticPopup));
-    expect(await popup.getCssValue('left')).toEqual('100px');
-    expect(await popup.getCssValue('top')).toEqual('100px');
-});
-
-it('reposition static popup', async () => {
-    await browser.click(By.css('button.staticToggle'));
-    const popup = await browser.find(By.css(staticPopup));
-
-    await browser.type(await browser.find(By.id('leftStatic')), '110');
-    await browser.type(await browser.find(By.id('topStatic')), '120');
-    await browser.sleep(DELAYS.DEFAULT);
-
-    expect(await popup.getCssValue('left')).toEqual('110px');
-    expect(await popup.getCssValue('top')).toEqual('120px');
-});
-
-it('animation transition time', async () => {
-    await browser.click(By.css('.animationToggle'));
-    await browser.sleep(DELAYS.SMALL);
-
-    await browser.click(By.css(togglePopupBtn));
-    await browser.sleep(DELAYS.ANIMATION);
-    expect((await browser.findAll(By.css(animationChildSelector))).length).toBeGreaterThan(0);
-
-    await browser.click(By.css(togglePopupBtn));
-    await browser.sleep(DELAYS.SMALL);
-    expect((await browser.findAll(By.css(animationChildSelector))).length).toBeGreaterThan(0);
-    await browser.sleep(DELAYS.ANIMATION);
-    expect((await browser.findAll(By.css(animationChildSelector))).length).toEqual(0);
-});
-
-const testData = [
-  {anchorAlign: 'left bottom', popupAlign: 'right top', position: {left: 30, top: 100}, collision: 'fit', xDiff: -30, yDiff: 20},
-  {anchorAlign: 'left bottom', popupAlign: 'right top', position: {left: 30, top: 100}, collision: 'flip', xDiff: 100, yDiff: 20},
-  {anchorAlign: 'left top', popupAlign: 'left bottom', position: {left: 500, top: 20}, collision: 'fit', xDiff: 0, yDiff: -20},
-  {anchorAlign: 'left top', popupAlign: 'left bottom', position: {left: 500, top: 20}, collision: 'flip', xDiff: 0, yDiff: 20},
-  {anchorAlign: 'right top', popupAlign: 'left top', position: {top: 100, right: 20}, collision: 'fit', xDiff: 100, yDiff: 0},
-  {anchorAlign: 'right top', popupAlign: 'left top', position: {top: 100, right: 20}, collision: 'flip', xDiff: 100, yDiff: 0},
-  {anchorAlign: 'left bottom', popupAlign: 'left top', position: {bottom: 20, right: 300}, collision: 'fit', xDiff: 0, yDiff: 20},
-  {anchorAlign: 'left bottom', popupAlign: 'left top', position: {bottom: 20, right: 300}, collision: 'flip', xDiff: 0, yDiff: 20}
-];
-it.each(testData)('popup collisions left - flip', async (testData) => {
-  await setAlign(testData.anchorAlign, testData.popupAlign);
-  await setAnchorPosition(testData.position);
-  await setCollisions(testData.collision);
-  await browser.click(By.css(togglePopupBtn));
-  const aRect = await (await browser.find(By.css('.anchor'))).getRect();
-  const pRect = await (await browser.find(LOCATORS.POPUP)).getRect();
-  expect(pRect.x - aRect.x).toEqual(testData.xDiff);
-  expect(pRect.y - aRect.y).toEqual(testData.yDiff);
-});
-
-async function setAlign(anchorAlign: string, popupAlign: string) {
-  await setValue('#anchorAlignSettings .horizontal', anchorAlign.split(' ')[0]);
-  await setValue('#anchorAlignSettings .vertical', anchorAlign.split(' ')[1]);
-  await setValue('#popupAlignSettings .horizontal', popupAlign.split(' ')[0]);
-  await setValue('#popupAlignSettings .vertical', popupAlign.split(' ')[1]);
-}
-
-async function setAnchorPosition(position: any) {
-  await setValue('#anchorLeft', position.left, true);
-  await setValue('#anchorTop', position.top, true);
-  await setValue('#anchorRight', position.right, true);
-  await setValue('#anchorBottom', position.bottom, true);
-}
-
-async function setCollisions(collision: string) {
-  await setValue('#collisionsSettings .horizontal', collision);
-  await setValue('#collisionsSettings .vertical', collision);
-}
-
-async function setValue(selector: string, value: string, clear = false) {
-  if (value !== undefined) {
-    const input = await browser.find(By.css(selector));
-    if (clear) {
-      await input.clear();
-    }
-    await input.sendKeys(value);
-  }
-}

package/e2e-next/basic.tests.ts

@@ -1,26 +0,0 @@
-import { Browser } from '@progress/kendo-e2e';
-import { getMenuItem } from '../../../e2eUtils/utils';
-import { LOCATORS } from '../../../e2eUtils/const';
-
-let browser: Browser;
-
-beforeAll(() => {
-  browser = new Browser();
-});
-
-beforeEach(async () => {
-  await browser.navigateTo('http://localhost:3000/menu/overview');
-});
-
-afterEach(async () => {
-  expect(await browser.getErrorLogs()).toEqual([]);
-});
-
-afterAll(async () => {
-  await browser.close();
-});
-
-it('should not have errors', async () => {
-  await browser.click(getMenuItem("Item1"));
-  expect(await browser.isVisible(LOCATORS.POPUP)).toBe(true);
-});