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

package/dist/npm/Dialog.js

@@ -1,206 +0,0 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-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.Dialog = exports.DialogPropsContext = void 0;
-var React = require("react");
-var ReactDOM = require("react-dom");
-var PropTypes = require("prop-types");
-var DialogTitleBar_1 = require("./DialogTitleBar");
-var DialogActionsBar_1 = require("./DialogActionsBar");
-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 utils_1 = require("./utils");
-var constants_1 = require("./constants");
-// tslint:enable:max-line-length
-/** @hidden */
-var DialogWithoutContext = /** @class */ (function (_super) {
-    __extends(DialogWithoutContext, _super);
-    function DialogWithoutContext(props) {
-        var _this = _super.call(this, props) || this;
-        /**
-         * @hidden
-         */
-        _this.context = 0;
-        _this._id = (0, kendo_react_common_1.guid)();
-        _this.titleId = _this.generateTitleId();
-        _this.contentId = _this.generateContentId();
-        _this.showLicenseWatermark = false;
-        /**
-         * @hidden
-         */
-        _this.onCloseDialog = function (event) {
-            event.preventDefault();
-            (0, kendo_react_common_1.dispatchEvent)(_this.props.onClose, event, _this, undefined);
-        };
-        /**
-         * @hidden
-         */
-        _this.onKeyDown = function (event) {
-            if (event.keyCode === kendo_react_common_1.Keys.esc && _this.props.onClose) {
-                event.preventDefault();
-                _this.onCloseDialog(event);
-            }
-            var kDialog = _this.element;
-            if (kDialog && (event.keyCode === kendo_react_common_1.Keys.tab)) {
-                var focusableElements = 'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])';
-                var focusableContent = kDialog.querySelectorAll(focusableElements);
-                var firstFocusableElement = focusableContent[0];
-                var lastFocusableElement = focusableContent[focusableContent.length - 1];
-                var currentDocument = _this.getDocument();
-                var activeElement = (0, kendo_react_common_1.getActiveElement)(currentDocument);
-                if (event.shiftKey) {
-                    if ((currentDocument && activeElement === firstFocusableElement) ||
-                        currentDocument && activeElement === _this.element) {
-                        lastFocusableElement.focus();
-                        event.preventDefault();
-                    }
-                }
-                else {
-                    if (currentDocument && activeElement === lastFocusableElement) {
-                        firstFocusableElement.focus();
-                        event.preventDefault();
-                    }
-                }
-            }
-        };
-        _this.getCurrentZIndex = function () {
-            if (!_this.state || _this.context === undefined) {
-                return _this.context ? _this.context : constants_1.DEFAULT_DIALOGS_ZINDEX;
-            }
-            return _this.state.zIndex > (_this.context ? _this.context + constants_1.ZINDEX_DIALOGS_STEP : 0) ? _this.state.zIndex : _this.context + constants_1.ZINDEX_DIALOGS_STEP;
-        };
-        _this.getDocument = function () {
-            return _this.props.appendTo ? _this.props.appendTo.ownerDocument : document;
-        };
-        (0, kendo_react_common_2.validatePackage)(package_metadata_1.packageMetadata);
-        _this.showLicenseWatermark = (0, kendo_react_common_2.shouldShowValidationUI)(package_metadata_1.packageMetadata);
-        _this.state = {
-            zIndex: (0, utils_1.getMaxZIndex)(_this.getCurrentZIndex(), _this.getDocument(), _this._id)
-        };
-        return _this;
-    }
-    /**
-     * @hidden
-     */
-    DialogWithoutContext.prototype.componentDidMount = function () {
-        if (this.element) {
-            if (this.props.autoFocus) {
-                this.element.focus();
-            }
-        }
-    };
-    /**
-     * @hidden
-     */
-    DialogWithoutContext.prototype.render = function () {
-        var _a, _b;
-        var _this = this;
-        var id = this.props.id !== undefined ? this.props.id : this.titleId;
-        var _c = this.props, title = _c.title, width = _c.width, height = _c.height, children = _c.children, minWidth = _c.minWidth, dir = _c.dir, style = _c.style, contentStyle = _c.contentStyle;
-        var elementsArray = React.Children.toArray(children);
-        var content = this.getContent(elementsArray);
-        var actions = this.getActionBar(elementsArray);
-        var aria = title ? {
-            'aria-labelledby': id
-        } : null;
-        var closeIcon = this.props.closeIcon !== undefined ? this.props.closeIcon : true;
-        var currentZIndex = this.getCurrentZIndex();
-        var dialogElement = (React.createElement(kendo_react_common_1.ZIndexContext.Provider, { value: currentZIndex },
-            React.createElement("div", __assign({}, (_a = {}, _a[constants_1.DATA_DIALOGS_ID] = this._id, _a), { className: 'k-dialog-wrapper' + (this.props.className ? ' ' + this.props.className : ''), onKeyDown: this.onKeyDown, tabIndex: 0, dir: dir, style: __assign({ zIndex: currentZIndex }, style), ref: (function (el) { return _this.element = el; }) }),
-                React.createElement("div", { className: "k-overlay" }),
-                React.createElement("div", __assign({}, aria, { className: (0, kendo_react_common_1.classNames)('k-window k-dialog', (_b = {},
-                        _b["k-window-".concat(this.props.themeColor)] = this.props.themeColor,
-                        _b)), role: "dialog", "aria-labelledby": id, "aria-modal": true, "aria-describedby": this.contentId, style: { width: width, height: height, minWidth: minWidth } }),
-                    this.props.title &&
-                        React.createElement(DialogTitleBar_1.DialogTitleBar, { closeIcon: closeIcon, onCloseButtonClick: this.onCloseDialog, id: id }, title),
-                    React.createElement("div", { className: "k-window-content k-dialog-content", style: contentStyle, id: this.contentId }, content),
-                    actions,
-                    this.showLicenseWatermark && React.createElement(kendo_react_common_2.WatermarkOverlay, null)))));
-        if (kendo_react_common_1.canUseDOM) {
-            return this.props.appendTo !== null ?
-                ReactDOM.createPortal(dialogElement, this.props.appendTo || document.body) :
-                dialogElement;
-        }
-        return null;
-    };
-    DialogWithoutContext.prototype.getActionBar = function (children) {
-        return children.filter(function (child) { return child && child.type === DialogActionsBar_1.DialogActionsBar; });
-    };
-    DialogWithoutContext.prototype.getContent = function (children) {
-        return children.filter(function (child) {
-            return child && child.type !== DialogActionsBar_1.DialogActionsBar;
-        });
-    };
-    DialogWithoutContext.prototype.generateTitleId = function () {
-        return 'dialog-title' + this._id;
-    };
-    DialogWithoutContext.prototype.generateContentId = function () {
-        return 'dialog-content' + this._id;
-    };
-    DialogWithoutContext.displayName = 'Dialog';
-    /**
-     * @hidden
-     */
-    DialogWithoutContext.propTypes = {
-        title: PropTypes.any,
-        id: PropTypes.string,
-        dir: PropTypes.string,
-        style: PropTypes.object,
-        closeIcon: PropTypes.bool,
-        width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-        height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-        minWidth: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-        autoFocus: PropTypes.bool
-    };
-    /**
-     * @hidden
-     */
-    DialogWithoutContext.defaultProps = {
-        autoFocus: false
-    };
-    /**
-     * @hidden
-     */
-    DialogWithoutContext.contextType = kendo_react_common_1.ZIndexContext;
-    return DialogWithoutContext;
-}(React.Component));
-/**
- * Represents the PropsContext of the `Dialog` component.
- * Used for global configuration of all `Dialog` instances.
- */
-exports.DialogPropsContext = (0, kendo_react_common_1.createPropsContext)();
-/* eslint-disable @typescript-eslint/no-redeclare -- intentionally naming the component the same as the type */
-/**
- * Represents the [KendoReact Dialog component]({% slug overview_dialog %}).
- *
- * Accepts properties of type [DialogProps]({% slug api_dialogs_dialogprops %}).
- * Obtaining the `ref` returns an object of type [DialogHandle]({% slug api_dialogs_dialoghandle %}).
- */
-exports.Dialog = (0, kendo_react_common_1.withPropsContext)(exports.DialogPropsContext, DialogWithoutContext);
-exports.Dialog.displayName = 'KendoReactDialog';

package/dist/npm/DialogActionsBar.js

@@ -1,36 +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.DialogActionsBar = void 0;
-var React = require("react");
-var PropTypes = require("prop-types");
-var kendo_react_common_1 = require("@progress/kendo-react-common");
-/**
- * Returns the action bar of the Dialog.
- *
- * @returns React.ReactElement
- */
-var DialogActionsBar = function (props) {
-    var _a;
-    var combinedProps = __assign({ layout: 'stretched' }, props);
-    var layout = combinedProps.layout, children = combinedProps.children;
-    var wrapperClasses = (0, kendo_react_common_1.classNames)('k-actions', 'k-actions-horizontal', 'k-window-actions k-dialog-actions', (_a = {},
-        _a["k-actions-".concat(layout)] = layout,
-        _a));
-    return (React.createElement("div", { className: wrapperClasses }, children));
-};
-exports.DialogActionsBar = DialogActionsBar;
-exports.DialogActionsBar.propTypes = {
-    children: PropTypes.any,
-    layout: PropTypes.oneOf(['start', 'center', 'end', 'stretched'])
-};

package/dist/npm/DialogProps.d.ts

@@ -1,74 +0,0 @@
-/// <reference types="react" />
-import { DialogCloseEvent } from './events';
-/**
- * Represents the props of the [KendoReact Dialog component]({% slug overview_dialog %}).
- */
-export interface DialogProps {
-    /**
-     * Focus the Dialog container automatically when mounted. By default the autoFocus is false.
-     */
-    autoFocus?: boolean;
-    /**
-     * Sets the title of the Dialog ([see example]({% slug title_dialog %})). If `title` is not specified, the Dialog does not render a **Close** button.
-     */
-    title?: string | React.ReactElement<any>;
-    /**
-     * Sets a class of the Dialog DOM element.
-     */
-    className?: string;
-    /**
-     * Specifies whether a close button should be rendered at the top corner of the dialog.
-     */
-    closeIcon?: boolean;
-    /**
-     * Specifies the width of the Dialog ([see example]({% slug dimensions_dialog %})).
-     */
-    width?: number | string;
-    /**
-     * Specifies the height of the Dialog ([see example]({% slug dimensions_dialog %})).
-     */
-    height?: number | string;
-    /**
-     * Specifies the minimum width of the Dialog.
-     */
-    minWidth?: number | string;
-    /**
-     * Fires when the **Close** button in the title is clicked or when the `Esc` button is pressed.
-     */
-    onClose?: (event: DialogCloseEvent) => void;
-    /**
-     * @hidden
-     */
-    children?: React.ReactNode;
-    /**
-     * Sets the `aria-labelledby` value.
-     */
-    id?: string;
-    /**
-     * Represents the `dir` HTML attribute.
-     */
-    dir?: string;
-    /**
-     * The styles that are applied to the Dialog.
-     */
-    style?: React.CSSProperties;
-    /**
-     * The styles that are applied to the content of the Dialog.
-     */
-    contentStyle?: React.CSSProperties;
-    /**
-     * Defines the container to which the Dialog will be appended. Defaults to body.
-     * * If set to `null` the Dialog will be rendered without React Portal.
-     */
-    appendTo?: any;
-    /**
-     * Configures the `themeColor` of the Dialog.
-     *
-     * The available options are:
-     * - primary
-     * - dark
-     * - light
-     *
-     */
-    themeColor?: 'primary' | 'dark' | 'light';
-}

package/dist/npm/DialogProps.js

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

package/dist/npm/DialogTitleBar.d.ts

@@ -1,26 +0,0 @@
-import * as React from 'react';
-/**
- * @hidden
- */
-export interface DialogTitleBarProps {
-    /**
-     * @hidden
-     */
-    onCloseButtonClick?: (event: React.SyntheticEvent<any>) => void;
-    /**
-     * @hidden
-     */
-    id?: string;
-    /**
-     * @hidden
-     */
-    children?: any;
-    /**
-     * @hidden
-     */
-    closeIcon?: boolean;
-}
-/**
- * @hidden
- */
-export declare const DialogTitleBar: React.FunctionComponent<DialogTitleBarProps>;

package/dist/npm/DialogTitleBar.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DialogTitleBar = void 0;
-var React = require("react");
-var kendo_react_buttons_1 = require("@progress/kendo-react-buttons");
-var kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
-/**
- * @hidden
- */
-var DialogTitleBar = function (_a) {
-    var children = _a.children, onCloseButtonClick = _a.onCloseButtonClick, id = _a.id, closeIcon = _a.closeIcon;
-    return (React.createElement("div", { className: "k-window-titlebar k-dialog-titlebar", id: id },
-        React.createElement("span", { className: "k-window-title k-dialog-title" }, children),
-        React.createElement("div", { className: "k-window-titlebar-actions k-dialog-titlebar-actions" }, closeIcon &&
-            React.createElement(kendo_react_buttons_1.Button, { role: "button", "aria-label": "Close", onClick: onCloseButtonClick, icon: "x", svgIcon: kendo_svg_icons_1.xIcon, fillMode: "flat", className: "k-window-titlebar-action k-dialog-titlebar-action" }))));
-};
-exports.DialogTitleBar = DialogTitleBar;

package/dist/npm/MiddleLayerOptimization.d.ts

@@ -1,17 +0,0 @@
-import * as React from 'react';
-/**
- * @hidden
- */
-interface MiddleLayerOptimizationProps {
-    shouldUpdateOnDrag?: boolean;
-    isDragging?: boolean;
-    children?: React.ReactNode;
-}
-/**
- * @hidden
- */
-export declare class MiddleLayerOptimization extends React.Component<MiddleLayerOptimizationProps, {}> {
-    shouldComponentUpdate(nextProps: MiddleLayerOptimizationProps): boolean;
-    render(): React.ReactNode;
-}
-export {};

package/dist/npm/MiddleLayerOptimization.js

@@ -1,36 +0,0 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MiddleLayerOptimization = void 0;
-var React = require("react");
-/**
- * @hidden
- */
-var MiddleLayerOptimization = /** @class */ (function (_super) {
-    __extends(MiddleLayerOptimization, _super);
-    function MiddleLayerOptimization() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    MiddleLayerOptimization.prototype.shouldComponentUpdate = function (nextProps) {
-        return nextProps.shouldUpdateOnDrag || !nextProps.isDragging;
-    };
-    MiddleLayerOptimization.prototype.render = function () {
-        return this.props.children;
-    };
-    return MiddleLayerOptimization;
-}(React.Component));
-exports.MiddleLayerOptimization = MiddleLayerOptimization;

package/dist/npm/StageEnum.d.ts

@@ -1,5 +0,0 @@
-export declare enum windowStage {
-    DEFAULT = "DEFAULT",
-    FULLSCREEN = "FULLSCREEN",
-    MINIMIZED = "MINIMIZED"
-}

package/dist/npm/StageEnum.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.windowStage = void 0;
-var windowStage;
-(function (windowStage) {
-    windowStage["DEFAULT"] = "DEFAULT";
-    windowStage["FULLSCREEN"] = "FULLSCREEN";
-    windowStage["MINIMIZED"] = "MINIMIZED";
-})(windowStage = exports.windowStage || (exports.windowStage = {}));

package/dist/npm/Window.d.ts

@@ -1,174 +0,0 @@
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
-import { WindowProps } from './WindowProps';
-import { ZIndexContext } from '@progress/kendo-react-common';
-import { Draggable } from '@progress/kendo-react-common';
-import { windowStage } from './StageEnum';
-interface WindowState {
-    stage: windowStage | string;
-    isDragging: boolean;
-    top: number;
-    left: number;
-    width: number;
-    height: number;
-    focused: boolean;
-    zIndex: number;
-}
-/** @hidden */
-declare class WindowWithoutContext extends React.Component<WindowProps, WindowState> {
-    static displayName: string;
-    /**
-     * @hidden
-     */
-    static propTypes: {
-        width: PropTypes.Requireable<number>;
-        height: PropTypes.Requireable<number>;
-        left: PropTypes.Requireable<number>;
-        top: PropTypes.Requireable<number>;
-        initialWidth: PropTypes.Requireable<number>;
-        initialHeight: PropTypes.Requireable<number>;
-        initialLeft: PropTypes.Requireable<number>;
-        initialTop: PropTypes.Requireable<number>;
-        minWidth: PropTypes.Requireable<number>;
-        minHeight: PropTypes.Requireable<number>;
-        resizable: PropTypes.Requireable<boolean>;
-        draggable: PropTypes.Requireable<boolean>;
-        title: PropTypes.Requireable<any>;
-        shouldUpdateOnDrag: PropTypes.Requireable<boolean>;
-        stage: PropTypes.Requireable<string>;
-        className: PropTypes.Requireable<string>;
-        style: PropTypes.Requireable<object>;
-        overlayStyle: PropTypes.Requireable<object>;
-    };
-    /**
-     * @hidden
-     */
-    static defaultProps: {
-        minWidth: number;
-        minHeight: number;
-        resizable: boolean;
-        draggable: boolean;
-        modal: boolean;
-        doubleClickStageChange: boolean;
-    };
-    /**
-     * @hidden
-     */
-    static contextType: React.Context<import("@progress/kendo-react-common").ZIndexContextType>;
-    /**
-     * @hidden
-     */
-    context: React.ContextType<typeof ZIndexContext>;
-    /**
-     * **Deprecated.** Use `element` instead.
-     */
-    windowElement?: HTMLDivElement | null;
-    /**
-     * The Window element.
-     */
-    element?: HTMLDivElement | null;
-    /**
-     * @hidden
-     */
-    windowTitle?: any;
-    draggable: Draggable | null;
-    private windowCoordinatesState?;
-    private offSetCoordinates?;
-    private _id;
-    private titleId;
-    private _blurTimeout?;
-    private mounted;
-    private showLicenseWatermark;
-    constructor(props: WindowProps);
-    /**
-     * @hidden
-     */
-    componentDidMount(): void;
-    /**
-     * @hidden
-     */
-    componentWillUnmount(): void;
-    /**
-     * @hidden
-     */
-    componentDidUpdate(): void;
-    /**
-     * @hidden
-     */
-    onKeyDown: React.KeyboardEventHandler<HTMLDivElement>;
-    /**
-     * @hidden
-     */
-    onPress: (data: any) => void;
-    /**
-     * @hidden
-     */
-    onDrag: (data: any) => void;
-    /**
-     * @hidden
-     */
-    onRelease: (data: any) => void;
-    /**
-     * @hidden
-     */
-    onFocus: () => void;
-    /**
-     * @hidden
-     */
-    onBlur: () => void;
-    /**
-     * @hidden
-     */
-    render(): JSX.Element | null;
-    private get top();
-    private get left();
-    private get width();
-    private get height();
-    private get windowStage();
-    private getInitialTop;
-    private getInitialLeft;
-    private getInitialWidth;
-    private getInitialHeight;
-    private handleMinimize;
-    private handleFullscreen;
-    private handleRestore;
-    private handleCloseWindow;
-    private handleDoubleClick;
-    private handleResize;
-    private dispatchMoveEvent;
-    private handleBrowserWindowResize;
-    private getActionBar;
-    private getContent;
-    private getCurrentZIndex;
-    private getDocument;
-    private getWindow;
-    private generateTitleId;
-}
-/**
- * Represents the PropsContext of the `Window` component.
- * Used for global configuration of all `Window` instances.
- */
-export declare const WindowPropsContext: React.Context<(p: WindowProps) => WindowProps>;
-/**
- * Represent the `ref` of the Window component.
- */
-export interface WindowHandle extends Pick<WindowWithoutContext, keyof WindowWithoutContext> {
-    /**
-     * The Window element.
-     */
-    element?: HTMLDivElement | null;
-    /**
-     * **Deprecated.** Use `element` instead.
-     */
-    windowElement?: HTMLDivElement | null;
-}
-/** @hidden */
-export declare type Window = WindowHandle;
-/**
- * Represents the [KendoReact Window component]({% slug overview_window %}).
- *
- * Accepts properties of type [WindowProps]({% slug api_dialogs_windowprops %}).
- * Obtaining the `ref` returns an object of type [WindowHandle]({% slug api_dialogs_windowhandle %}).
- */
-export declare const Window: React.ForwardRefExoticComponent<WindowProps & React.RefAttributes<any>>;
-export {};