@progress/kendo-react-tooltip 6.1.1 → 7.0.0-develop.10

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-tooltip',
-    productName: 'KendoReact',
-    productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1700065296,
-    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/popover/Popover.d.ts

@@ -1,15 +0,0 @@
-import * as React from 'react';
-import { PopoverProps } from './interfaces/PopoverProps';
-/**
- * Represents the Object which is passed to the [`ref`](https://reactjs.org/docs/refs-and-the-dom.html) callback of the Popover component.
- */
-export interface PopoverHandle {
-    /**
-     * The props of the Popover.
-     */
-    props: PopoverProps;
-}
-/**
- * Represents the Popover component.
- */
-export declare const Popover: React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<PopoverHandle | null>>;

package/dist/npm/popover/Popover.js

@@ -1,177 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Popover = void 0;
-var React = require("react");
-var PropTypes = require("prop-types");
-var kendo_react_common_1 = require("@progress/kendo-react-common");
-var kendo_react_common_2 = require("@progress/kendo-react-common");
-var package_metadata_1 = require("./../package-metadata");
-var kendo_react_popup_1 = require("@progress/kendo-react-popup");
-var PopoverActionsBar_1 = require("./PopoverActionsBar");
-var DEFAULT_POPOVER_ZINDEX = 12000;
-var ZINDEX_POPOVER_STEP = 2000;
-var CALLOUT_SIZE = 15;
-var calloutPositions = {
-    top: 'k-callout-s',
-    left: 'k-callout-e',
-    bottom: 'k-callout-n',
-    right: 'k-callout-w'
-};
-var calloutFlippedPositions = {
-    top: 'k-callout-n',
-    left: 'k-callout-w',
-    bottom: 'k-callout-s',
-    right: 'k-callout-e'
-};
-var popupAlignByPosition = {
-    top: { vertical: 'bottom', horizontal: 'center' },
-    left: { vertical: 'center', horizontal: 'right' },
-    bottom: { vertical: 'top', horizontal: 'center' },
-    right: { vertical: 'center', horizontal: 'left' }
-};
-var anchorAlignByPosition = {
-    top: { vertical: 'top', horizontal: 'center' },
-    left: { vertical: 'center', horizontal: 'left' },
-    bottom: { vertical: 'bottom', horizontal: 'center' },
-    right: { vertical: 'center', horizontal: 'right' }
-};
-var getActionBar = function (children) {
-    return React.Children.toArray(children).filter(function (child) { return child && child.type === PopoverActionsBar_1.PopoverActionsBar; });
-};
-var getContent = function (children) {
-    return React.Children.toArray(children).filter(function (child) {
-        return child && child.type !== PopoverActionsBar_1.PopoverActionsBar;
-    });
-};
-/**
- * Represents the Popover component.
- */
-exports.Popover = React.forwardRef(function (props, ref) {
-    (0, kendo_react_common_2.validatePackage)(package_metadata_1.packageMetadata);
-    var callout = props.callout, position = props.position, title = props.title, children = props.children, show = props.show, anchor = props.anchor, appendTo = props.appendTo, offset = props.offset, animate = props.animate, positionMode = props.positionMode, scale = props.scale, popoverClass = props.popoverClass, className = props.className, id = props.id, style = props.style, collision = props.collision, contentStyle = props.contentStyle, onPosition = props.onPosition, onClose = props.onClose, onOpen = props.onOpen;
-    var _a = React.useState(false), flipped = _a[0], setFlipped = _a[1];
-    var isVertical = position === 'top' || position === 'bottom';
-    var margin = props.margin || {
-        vertical: callout && isVertical ? CALLOUT_SIZE : 0,
-        horizontal: callout && !isVertical ? CALLOUT_SIZE : 0
-    };
-    var popupAlign = popupAlignByPosition[position];
-    var anchorAlign = anchorAlignByPosition[position];
-    var zindexContext = React.useContext(kendo_react_common_1.ZIndexContext);
-    var currentZindex = zindexContext ? zindexContext + ZINDEX_POPOVER_STEP : DEFAULT_POPOVER_ZINDEX;
-    var popoverRef = React.useRef(null);
-    React.useImperativeHandle(popoverRef, function () {
-        return { props: props };
-    });
-    React.useImperativeHandle(ref, function () { return popoverRef.current; });
-    var handlePosition = React.useCallback(function (e) {
-        setTimeout(function () { return setFlipped(e.flipped); });
-        if (onPosition) {
-            var event_1 = { target: popoverRef.current, flipped: e.flipped, fitted: e.fitted };
-            onPosition.call(undefined, event_1);
-        }
-    }, [onPosition, setFlipped]);
-    var handleOpen = React.useCallback(function () {
-        if (onOpen) {
-            var event_2 = { target: popoverRef.current };
-            onOpen.call(undefined, event_2);
-        }
-    }, [onOpen]);
-    var handleClose = React.useCallback(function () {
-        if (onClose) {
-            var event_3 = { target: popoverRef.current };
-            onClose.call(undefined, event_3);
-        }
-    }, [onClose]);
-    var basePopupClass = { 'k-popover': true };
-    if (Array.isArray(popoverClass)) {
-        popoverClass.forEach(function (currentClass) { return basePopupClass[currentClass] = true; });
-    }
-    else if (typeof popoverClass === 'object') {
-        Object.keys(popoverClass)
-            .forEach(function (key) {
-            basePopupClass[key] = popoverClass[key];
-        });
-    }
-    else if (popoverClass) {
-        basePopupClass[popoverClass] = true;
-    }
-    var calloutClass = flipped ? calloutFlippedPositions[position] : calloutPositions[position];
-    var popoverContent = React.useMemo(function () {
-        return (React.createElement(React.Fragment, null,
-            title && (React.createElement("div", { className: 'k-popover-header' }, title)),
-            React.createElement("div", { className: "k-popover-body", style: contentStyle }, getContent(children)),
-            getActionBar(children)));
-    }, [children, contentStyle, title]);
-    return (React.createElement(kendo_react_common_1.ZIndexContext.Provider, { value: currentZindex },
-        React.createElement(kendo_react_popup_1.Popup, { id: id, role: 'tooltip', animate: animate, collision: collision, anchor: anchor, offset: offset, margin: margin, popupAlign: popupAlign, anchorAlign: anchorAlign, appendTo: appendTo, show: show, scale: scale, positionMode: positionMode, style: style, className: className, popupClass: basePopupClass, onOpen: handleOpen, onClose: handleClose, onPosition: handlePosition }, callout && position
-            ? React.createElement(React.Fragment, null,
-                React.createElement("div", { className: (0, kendo_react_common_1.classNames)('k-popover-callout', calloutClass) }),
-                React.createElement("div", { className: 'k-popover-inner' }, popoverContent))
-            : popoverContent)));
-});
-var defaultProps = {
-    callout: true,
-    position: 'top',
-    collision: {
-        horizontal: 'none',
-        vertical: 'none'
-    }
-};
-exports.Popover.propTypes = {
-    callout: PropTypes.bool,
-    title: PropTypes.node,
-    position: PropTypes.oneOf(['top', 'left', 'bottom', 'right']),
-    show: PropTypes.bool,
-    animate: PropTypes.oneOfType([
-        PropTypes.bool,
-        PropTypes.shape({
-            openDuration: PropTypes.number,
-            closeDuration: PropTypes.number
-        })
-    ]),
-    anchor: function (props) {
-        var anchor = props.anchor;
-        if (anchor && typeof anchor.nodeType !== 'number') {
-            return new Error('Invalid prop `anchor` supplied to `Kendo React Popover`. Validation failed.');
-        }
-        return null;
-    },
-    appendTo: function (props) {
-        var element = props.appendTo;
-        if (element && typeof element.nodeType !== 'number') {
-            return new Error('Invalid prop `appendTo` supplied to `Kendo React Popover`. Validation failed.');
-        }
-        return null;
-    },
-    positionMode: PropTypes.oneOf([
-        'fixed',
-        'absolute'
-    ]),
-    scale: PropTypes.number,
-    offset: PropTypes.shape({
-        left: PropTypes.number,
-        top: PropTypes.number
-    }),
-    children: PropTypes.oneOfType([
-        PropTypes.element,
-        PropTypes.node
-    ]),
-    className: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.arrayOf(PropTypes.string),
-        PropTypes.object
-    ]),
-    id: PropTypes.string,
-    popoverClass: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.arrayOf(PropTypes.string),
-        PropTypes.object
-    ]),
-    style: PropTypes.object,
-    onClose: PropTypes.func,
-    onPosition: PropTypes.func,
-    onOpen: PropTypes.func
-};
-exports.Popover.defaultProps = defaultProps;
-exports.Popover.displayName = 'KendoReactPopover';

package/dist/npm/popover/PopoverActionsBar.d.ts

@@ -1,19 +0,0 @@
-import * as React from 'react';
-import { PopoverActionsBarProps } from './interfaces/PopoverActionsBarProps';
-/**
- * Represents the Object which is passed to the [`ref`](https://reactjs.org/docs/refs-and-the-dom.html) callback of the PopoverActionBar component.
- */
-export interface PopoverActionsBarHandle {
-    /**
-     * The props of the PopoverActionsBar.
-     */
-    props: PopoverActionsBarProps;
-    /**
-     * The current element or `null` if there is none.
-     */
-    element: HTMLDivElement | null;
-}
-/**
- * Represents the PopoverActionsBar component.
- */
-export declare const PopoverActionsBar: React.ForwardRefExoticComponent<PopoverActionsBarProps & React.RefAttributes<PopoverActionsBarHandle | null>>;

package/dist/npm/popover/PopoverActionsBar.js

@@ -1,36 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PopoverActionsBar = void 0;
-var React = require("react");
-var PropTypes = require("prop-types");
-var kendo_react_common_1 = require("@progress/kendo-react-common");
-/**
- * Represents the PopoverActionsBar component.
- */
-exports.PopoverActionsBar = React.forwardRef(function (props, ref) {
-    var _a;
-    var elementRef = React.useRef(null);
-    var popoverRef = React.useRef(null);
-    React.useImperativeHandle(popoverRef, function () {
-        return { props: props, element: elementRef.current };
-    });
-    React.useImperativeHandle(ref, function () { return popoverRef.current; });
-    return (React.createElement("div", { ref: elementRef, className: (0, kendo_react_common_1.classNames)('k-popover-actions', 'k-actions', (_a = {},
-            _a["k-actions-".concat(props.alignment)] = props.alignment,
-            _a["k-actions-".concat(props.orientation)] = props.orientation,
-            _a)) }, props.children));
-});
-var defaultProps = {
-    alignment: 'stretched',
-    orientation: 'horizontal'
-};
-exports.PopoverActionsBar.propTypes = {
-    alignment: PropTypes.oneOf(['start', 'center', 'end', 'stretched']),
-    orientation: PropTypes.oneOf(['horizontal', 'vertical']),
-    children: PropTypes.oneOfType([
-        PropTypes.element,
-        PropTypes.node
-    ])
-};
-exports.PopoverActionsBar.defaultProps = defaultProps;
-exports.PopoverActionsBar.displayName = 'KendoReactPopoverActionsBar';

package/dist/npm/popover/interfaces/Align.js

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

package/dist/npm/popover/interfaces/PopoverActionsBarProps.js

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

package/dist/npm/popover/interfaces/PopoverAnimation.d.ts

@@ -1,6 +0,0 @@
-import { PopupAnimation } from '@progress/kendo-react-popup';
-/**
- * The animation settings of the Popover.
- */
-export interface PopoverAnimation extends PopupAnimation {
-}

package/dist/npm/popover/interfaces/PopoverAnimation.js

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

package/dist/npm/popover/interfaces/PopoverCloseEvent.d.ts

@@ -1,10 +0,0 @@
-import { PopoverHandle } from '../Popover';
-/**
- * Represents the object of the `Close` Popover event.
- */
-export interface PopoverCloseEvent {
-    /**
-     * An event target.
-     */
-    target: PopoverHandle;
-}

package/dist/npm/popover/interfaces/PopoverCloseEvent.js

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

package/dist/npm/popover/interfaces/PopoverCollision.js

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

package/dist/npm/popover/interfaces/PopoverCollisionType.js

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

package/dist/npm/popover/interfaces/PopoverMargin.js

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

package/dist/npm/popover/interfaces/PopoverOffset.d.ts

@@ -1,14 +0,0 @@
-import { Offset as OffsetBase } from '@progress/kendo-react-popup';
-/**
- * The offset position of the Popover.
- */
-export interface PopoverOffset extends OffsetBase {
-    /**
-     * Defines the top position of the Popover.
-     */
-    top: number;
-    /**
-     * Defines the left position of the Popover.
-     */
-    left: number;
-}

package/dist/npm/popover/interfaces/PopoverOffset.js

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

package/dist/npm/popover/interfaces/PopoverOpenEvent.d.ts

@@ -1,10 +0,0 @@
-import { PopoverHandle } from '../Popover';
-/**
- * Represents the object of the `Open` Popover event.
- */
-export interface PopoverOpenEvent {
-    /**
-     * An event target.
-     */
-    target: PopoverHandle;
-}

package/dist/npm/popover/interfaces/PopoverOpenEvent.js

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

package/dist/npm/popover/interfaces/PopoverPosition.d.ts

@@ -1,9 +0,0 @@
-/**
- * The position of the Popover.
- * The available options are:
- * - `top`
- * - `left`
- * - `bottom`
- * - `right`
- */
-export declare type PopoverPosition = 'top' | 'left' | 'bottom' | 'right';

package/dist/npm/popover/interfaces/PopoverPosition.js

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

package/dist/npm/popover/interfaces/PopoverPositionEvent.d.ts

@@ -1,18 +0,0 @@
-import { PopoverHandle } from '../Popover';
-/**
- * Represents the object of the `Position` Popover event.
- */
-export interface PopoverPositionEvent {
-    /**
-     * An event target.
-     */
-    target: PopoverHandle;
-    /**
-     * Indicates if the position is fitted.
-     */
-    fitted: boolean;
-    /**
-     * Indicates if the position is flipped.
-     */
-    flipped: boolean;
-}

package/dist/npm/popover/interfaces/PopoverPositionEvent.js

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

package/dist/npm/popover/interfaces/PopoverPositionMode.d.ts

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

package/dist/npm/popover/interfaces/PopoverPositionMode.js

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

package/dist/npm/popover/interfaces/PopoverProps.d.ts

@@ -1,112 +0,0 @@
-/// <reference types="react" />
-import { PopoverCollision } from './PopoverCollision';
-import { PopoverMargin } from './PopoverMargin';
-import { PopoverOffset } from './PopoverOffset';
-import { PopoverOpenEvent } from './PopoverOpenEvent';
-import { PopoverCloseEvent } from './PopoverCloseEvent';
-import { PopoverAnimation } from './PopoverAnimation';
-import { PopoverPosition } from './PopoverPosition';
-import { PopoverPositionEvent } from './PopoverPositionEvent';
-import { PopoverPositionMode } from './PopoverPositionMode';
-export interface PopoverProps {
-    /**
-     * Specifies the title of the Popover component.
-     */
-    title?: React.ReactNode;
-    /**
-     * Specifies the position of the Popover element relative to the current anchor or offset.
-     */
-    position?: PopoverPosition;
-    /**
-     * Controls the Popover callout element. If set to `false`, the callout element will not be rendered.
-     */
-    callout?: boolean;
-    /**
-     * Controls the Popover animation. By default, the opening and closing animations are enabled.
-     */
-    animate?: boolean | PopoverAnimation;
-    /**
-     * Specifies the element which will be used as an anchor. The Popover opens next to that element.
-     */
-    anchor?: HTMLElement | null;
-    /**
-     * Defines the container to which the Popover will be appended. Defaults to [`body`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/body).
-     * * If set to `null` the Popover will be rendered without React Portal.
-     */
-    appendTo?: HTMLElement | null;
-    /**
-     * Configures the collision behavior of the Popover. By default, it's set to `none`.
-     */
-    collision?: PopoverCollision;
-    /**
-     * Configures the margin value that will be added to the Popover dimensions
-     * in pixels and leaves a blank space between the Popover and the anchor.
-     * By default, it's automatically set based on the Popover position prop.
-     *
-     */
-    margin?: PopoverMargin;
-    /**
-     * Specifies the position mode of the component. By default, the Popover uses fixed positioning.
-     * To make the Popover 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 Popover.
-     */
-    positionMode?: PopoverPositionMode;
-    /**
-     * 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 popover 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 absolute position of the element.
-     * The Popover opens next to that point. The pivot point of the Popover is defined by the `position` configuration option.
-     * The boundary detection is applied by using the window viewport.
-     */
-    offset?: PopoverOffset;
-    /**
-     * Specifies a list of CSS classes that will be added to the internal animated element.
-     */
-    popoverClass?: string | Array<string> | {
-        [key: string]: boolean;
-    };
-    /**
-     * Specifies a list of CSS classes that will be added to the Popover element.
-     */
-    className?: string | Array<string>;
-    /**
-     * Specifies the id that will be added to the Popover element.
-     */
-    id?: string;
-    /**
-     * Represents the styles that are applied to the Popover.
-     */
-    style?: React.CSSProperties;
-    /**
-     * Represents the styles that are applied to the content element of the Popover.
-     */
-    contentStyle?: React.CSSProperties;
-    /**
-     * Controls the Popover visibility. Defaults to `false`.
-     */
-    show?: boolean;
-    /**
-     * Fires after the Popover is opened and the opening animation ends.
-     */
-    onOpen?: (event: PopoverOpenEvent) => void;
-    /**
-     * Fires after the Popover is closed.
-     */
-    onClose?: (event: PopoverCloseEvent) => void;
-    /**
-     * Fires after the Popover position is set.
-     */
-    onPosition?: (event: PopoverPositionEvent) => void;
-    /**
-     * @hidden
-     */
-    children?: React.ReactNode;
-}

package/dist/npm/popover/interfaces/PopoverProps.js

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