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

package/dist/es/animation.js

@@ -1,59 +0,0 @@
-var clearSlide = function (element) {
-    element.style.transitionDuration = '';
-    Array.from(element.classList).forEach(function (c) {
-        if (c.startsWith('k-slide-')) {
-            element.classList.remove(c);
-        }
-    });
-};
-var firefox = typeof window !== 'undefined' &&
-    /Firefox/.test(window.navigator.userAgent);
-/**
- * @hidden
- */
-export var slide = function (element, direction, duration, type, callback) {
-    if (duration === 0) {
-        return callback();
-    }
-    var slideClass = 'k-slide-' + direction + '-' + type;
-    var slideActiveClass = slideClass + '-active';
-    var transitionend = function (e) {
-        // if event is attached using react,
-        // the animation does not work well in firefox,
-        // when the show/hide button is toggled quickly.
-        if (e.target === element) {
-            element.removeEventListener('transitionend', transitionend);
-            clearSlide(element);
-            if (type === 'exit') {
-                element.style.display = 'none';
-            }
-            else {
-                element.style.display = '';
-            }
-            callback();
-        }
-    };
-    element.addEventListener('transitionend', transitionend);
-    var ownerDocument = element.ownerDocument;
-    if (!ownerDocument) {
-        return;
-    }
-    var defaultView = ownerDocument.defaultView;
-    if (!defaultView) {
-        return;
-    }
-    var animate = function () {
-        clearSlide(element);
-        element.classList.add(slideClass);
-        defaultView.requestAnimationFrame(function () {
-            element.style.transitionDuration = duration + 'ms';
-            element.classList.add(slideActiveClass);
-        });
-    };
-    if (firefox) {
-        defaultView.requestAnimationFrame(animate);
-    }
-    else {
-        animate();
-    }
-};

package/dist/es/main.d.ts

@@ -1,12 +0,0 @@
-import { Popup, PopupPropsContext } from './Popup';
-import { PopupWithoutContext } from './PopupWithoutContext';
-import { PopupProps } from './models/PopupProps';
-import { Align } from './models/Align';
-import { Collision } from './models/Collision';
-import { Offset } from './models/Offset';
-import { PopupAnimation } from './models/PopupAnimation';
-import { OpenEvent as PopupOpenEvent, CloseEvent as PopupCloseEvent } from './models/Events';
-import { Margin } from './models/Margin';
-import { CollisionType } from './models/CollisionType';
-import { PositionMode } from './models/PositionMode';
-export { Popup, PopupWithoutContext, PopupPropsContext, PopupProps, Align, Collision, Offset, PopupAnimation, Margin, PositionMode, CollisionType, PopupOpenEvent, PopupCloseEvent };

package/dist/es/main.js

@@ -1,3 +0,0 @@
-import { Popup, PopupPropsContext } from './Popup';
-import { PopupWithoutContext } from './PopupWithoutContext';
-export { Popup, PopupWithoutContext, PopupPropsContext };

package/dist/es/models/Align.d.ts

@@ -1,24 +0,0 @@
-import { AlignStrategy } from '@progress/kendo-popup-common';
-/**
- * Defines the horizontal and vertical aligning point of the Popup.
- */
-export interface Align extends AlignStrategy {
-    /**
-     * Defines the possible horizontal point values that are relative to the anchor or the Popup.
-     *
-     * The available options are:
-     * - `left`—Uses the leftmost point of the anchor element.
-     * - `center`—Uses the center point of the anchor element.
-     * - `right`—Uses the rightmost point of the anchor element.
-     */
-    horizontal: 'left' | 'center' | 'right';
-    /**
-     * Defines the possible vertical point values that are relative to the anchor or the Popup.
-     *
-     * The available options are:
-     * - `top`—Uses the top point of the anchor element.
-     * - `center`—Uses the center point of the anchor element.
-     * - `bottom`—Uses the bottom point of the anchor element.
-     */
-    vertical: 'top' | 'center' | 'bottom';
-}

package/dist/es/models/Align.js

@@ -1 +0,0 @@
-export {};

package/dist/es/models/Collision.d.ts

@@ -1,14 +0,0 @@
-import { CollisionType } from './CollisionType';
-/**
- * Defines the horizontal and vertical collision behavior of the Popup.
- */
-export interface Collision {
-    /**
-     * Defines the horizontal collision behavior of the Popup.
-     */
-    horizontal: CollisionType;
-    /**
-     * Defines the vertical collision behavior of the Popup.
-     */
-    vertical: CollisionType;
-}

package/dist/es/models/Collision.js

@@ -1 +0,0 @@
-export {};

package/dist/es/models/CollisionType.d.ts

@@ -1,10 +0,0 @@
-import { CollisionType as CollisionTypeBase } from '@progress/kendo-popup-common';
-/**
- * Defines the possible collision behavior when the Popup is not fully visible.
- *
- * The available options are:
- * - `fit`—Moves the Popup horizontally until it is fully displayed in the viewport.
- * - `flip`—Flips the Popup position based on the origin and the position properties.
- * - `none`—The Popup is rendered at its original position.
- */
-export declare type CollisionType = CollisionTypeBase;

package/dist/es/models/CollisionType.js

@@ -1 +0,0 @@
-export {};

package/dist/es/models/Events.js

@@ -1 +0,0 @@
-export {};

package/dist/es/models/Margin.d.ts

@@ -1,14 +0,0 @@
-import { MarginSettings } from '@progress/kendo-popup-common';
-/**
- * Defines the horizontal and the vertical margin offset of the component.
- */
-export interface Margin extends MarginSettings {
-    /**
-     * Defines the possible horizontal margin value.
-     */
-    horizontal: number;
-    /**
-     * Defines the possible vertical margin value.
-     */
-    vertical: number;
-}

package/dist/es/models/Margin.js

@@ -1 +0,0 @@
-export {};

package/dist/es/models/Offset.d.ts

@@ -1,14 +0,0 @@
-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/dist/es/models/Offset.js

@@ -1 +0,0 @@
-export {};

package/dist/es/models/PopupAnimation.d.ts

@@ -1,13 +0,0 @@
-/**
- * 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/PopupAnimation.js

@@ -1 +0,0 @@
-export {};

package/dist/es/models/PopupProps.js

@@ -1 +0,0 @@
-export {};

package/dist/es/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/es/models/PopupSettings.js

@@ -1,2 +0,0 @@
-export {};
-// tslint:enable:max-line-length

package/dist/es/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/es/models/PositionMode.js

@@ -1 +0,0 @@
-export {};

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

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

package/dist/es/package-metadata.js

@@ -1,11 +0,0 @@
-/**
- * @hidden
- */
-export var 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/es/util.d.ts

@@ -1,17 +0,0 @@
-import { OffsetPosition } from '@progress/kendo-popup-common';
-/**
- * @hidden
- */
-export declare const isDifferentOffset: (oldOffset: OffsetPosition, newOffset: OffsetPosition) => boolean;
-/**
- * @hidden
- */
-export declare const hasBoundingRect: (elem: HTMLElement) => boolean;
-/**
- * @hidden
- */
-export declare const FRAME_DURATION: number;
-/**
- * @hidden
- */
-export declare const throttle: (func: Function, wait: number, options?: any) => () => any;

package/dist/es/util.js

@@ -1,58 +0,0 @@
-/**
- * @hidden
- */
-export 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;
-};
-/**
- * @hidden
- */
-export var hasBoundingRect = function (elem) { return !!elem.getBoundingClientRect; };
-/**
- * @hidden
- */
-export var FRAME_DURATION = 1000 / 60; // 1000ms divided by 60fps
-/**
- * @hidden
- */
-export 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;
-};

package/dist/npm/Popup.js

@@ -1,37 +0,0 @@
-"use strict";
-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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Popup = exports.PopupPropsContext = void 0;
-var React = require("react");
-var PopupWithoutContext_1 = require("./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>
- * ```
- */
-exports.PopupPropsContext = React.createContext(function (props) { return props; });
-/**
- * The KendoReact Popup component.
- */
-exports.Popup = React.forwardRef(function (props, ref) {
-    var contextPropsCallback = React.useContext(exports.PopupPropsContext);
-    var popupProps = contextPropsCallback.call(undefined, props);
-    return (React.createElement(PopupWithoutContext_1.PopupWithoutContext, __assign({ ref: ref }, popupProps)));
-});
-exports.Popup.displayName = 'Popup';