@progress/kendo-react-dialogs 4.13.0 → 4.14.0-dev.202112150919

package/dist/es/Window.js

@@ -27,7 +27,7 @@ import * as ReactDOM from 'react-dom';
 import * as PropTypes from 'prop-types';
 import { WindowTitleBar } from './WindowTitlebar';
 import { dispatchEvent, Keys, classNames, guid, ZIndexContext, canUseDOM } from '@progress/kendo-react-common';
-import { Draggable } from '@progress/kendo-react-common';
+import { Draggable, createPropsContext, withPropsContext } from '@progress/kendo-react-common';
 import { ResizeHandlers } from './WindowResizeHandlers';
 import { MiddleLayerOptimization } from './MiddleLayerOptimization';
 import { windowStage } from './StageEnum';
@@ -41,9 +41,10 @@ var DEFAULT_HEIGHT = 300;
 var DEFAULT_MIN_WIDTH = 120;
 var DEFAULT_MIN_HEIGHT = 100;
 var DEFAULT_STEP = 5;
-var Window = /** @class */ (function (_super) {
-    __extends(Window, _super);
-    function Window(props) {
+/** @hidden */
+var WindowWithoutContext = /** @class */ (function (_super) {
+    __extends(WindowWithoutContext, _super);
+    function WindowWithoutContext(props) {
         var _this = _super.call(this, props) || this;
         _this.offSetCoordinates = { x: 0, y: 0 };
         _this._id = guid();
@@ -419,7 +420,7 @@ var Window = /** @class */ (function (_super) {
     /**
      * @hidden
      */
-    Window.prototype.componentDidMount = function () {
+    WindowWithoutContext.prototype.componentDidMount = function () {
         var currentWindow = this.getWindow();
         if (currentWindow) {
             currentWindow.addEventListener('resize', this.handleBrowserWindowResize);
@@ -435,7 +436,7 @@ var Window = /** @class */ (function (_super) {
     /**
      * @hidden
      */
-    Window.prototype.componentWillUnmount = function () {
+    WindowWithoutContext.prototype.componentWillUnmount = function () {
         var currentWindow = this.getWindow();
         if (currentWindow) {
             currentWindow.removeEventListener('resize', this.handleBrowserWindowResize);
@@ -444,7 +445,7 @@ var Window = /** @class */ (function (_super) {
     /**
      * @hidden
      */
-    Window.prototype.componentDidUpdate = function () {
+    WindowWithoutContext.prototype.componentDidUpdate = function () {
         var currentDocument = this.getDocument();
         if (this.props.appendTo && currentDocument) {
             var containerCoordinates = this.props.appendTo.getBoundingClientRect();
@@ -456,7 +457,7 @@ var Window = /** @class */ (function (_super) {
     /**
      * @hidden
      */
-    Window.prototype.render = function () {
+    WindowWithoutContext.prototype.render = function () {
         var _this = this;
         var _a;
         var elementsArray = React.Children.toArray(this.props.children);
@@ -488,7 +489,7 @@ var Window = /** @class */ (function (_super) {
         }
         return null;
     };
-    Object.defineProperty(Window.prototype, "top", {
+    Object.defineProperty(WindowWithoutContext.prototype, "top", {
         // Getters
         get: function () {
             if (this.windowStage !== windowStage.FULLSCREEN) {
@@ -499,7 +500,7 @@ var Window = /** @class */ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Window.prototype, "left", {
+    Object.defineProperty(WindowWithoutContext.prototype, "left", {
         get: function () {
             if (this.windowStage !== windowStage.FULLSCREEN) {
                 return Math.max(this.props.left || this.state.left, 0);
@@ -509,7 +510,7 @@ var Window = /** @class */ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Window.prototype, "width", {
+    Object.defineProperty(WindowWithoutContext.prototype, "width", {
         get: function () {
             var width = this.props.width || this.state.width;
             if (this.windowStage === windowStage.FULLSCREEN) {
@@ -525,7 +526,7 @@ var Window = /** @class */ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Window.prototype, "height", {
+    Object.defineProperty(WindowWithoutContext.prototype, "height", {
         get: function () {
             var height = this.props.height || this.state.height;
             if (this.windowStage === windowStage.FULLSCREEN) {
@@ -544,35 +545,36 @@ var Window = /** @class */ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Window.prototype, "windowStage", {
+    Object.defineProperty(WindowWithoutContext.prototype, "windowStage", {
         get: function () {
             return this.props.stage || this.state.stage;
         },
         enumerable: true,
         configurable: true
     });
-    Window.prototype.getActionBar = function (children) {
+    WindowWithoutContext.prototype.getActionBar = function (children) {
         return children.filter(function (child) { return child && child.type === WindowActionsBar; });
     };
-    Window.prototype.getContent = function (children) {
+    WindowWithoutContext.prototype.getContent = function (children) {
         return children.filter(function (child) {
             return child && child.type !== WindowActionsBar;
         });
     };
+    WindowWithoutContext.displayName = 'Window';
     /**
      * @hidden
      */
-    Window.propTypes = {
-        width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-        height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-        left: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-        top: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-        initialwidth: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-        initialHeight: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-        initialLeft: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-        initialTop: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-        minWidth: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-        minHeight: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+    WindowWithoutContext.propTypes = {
+        width: PropTypes.number,
+        height: PropTypes.number,
+        left: PropTypes.number,
+        top: PropTypes.number,
+        initialWidth: PropTypes.number,
+        initialHeight: PropTypes.number,
+        initialLeft: PropTypes.number,
+        initialTop: PropTypes.number,
+        minWidth: PropTypes.number,
+        minHeight: PropTypes.number,
         resizable: PropTypes.bool,
         draggable: PropTypes.bool,
         title: PropTypes.any,
@@ -585,7 +587,7 @@ var Window = /** @class */ (function (_super) {
     /**
      * @hidden
      */
-    Window.defaultProps = {
+    WindowWithoutContext.defaultProps = {
         minWidth: DEFAULT_MIN_WIDTH,
         minHeight: DEFAULT_MIN_HEIGHT,
         resizable: true,
@@ -596,7 +598,20 @@ var Window = /** @class */ (function (_super) {
     /**
      * @hidden
      */
-    Window.contextType = ZIndexContext;
-    return Window;
+    WindowWithoutContext.contextType = ZIndexContext;
+    return WindowWithoutContext;
 }(React.Component));
-export { Window };
+/**
+ * Represents the PropsContext of the `Window` component.
+ * Used for global configuration of all `Window` instances.
+ */
+export var WindowPropsContext = createPropsContext();
+/* eslint-disable @typescript-eslint/no-redeclare -- intentionally naming the component the same as the type */
+/**
+ * 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 var Window = withPropsContext(WindowPropsContext, WindowWithoutContext);
+Window.displayName = 'KendoReactWindow';

package/dist/es/main.d.ts

@@ -1,9 +1,9 @@
-import { Dialog } from './Dialog';
+import { Dialog, DialogHandle, DialogPropsContext } from './Dialog';
 import { DialogActionsBar } from './DialogActionsBar';
-import { Window } from './Window';
+import { Window, WindowHandle, WindowPropsContext } from './Window';
 import { WindowProps } from './WindowProps';
 import { WindowActionsBar } from './WindowActionsBar';
 import { DialogCloseEvent, WindowActionsEvent, WindowMoveEvent } from './events';
 import { ActionsLayout } from './models/actions-layout';
 import { DialogProps } from './DialogProps';
-export { Dialog, DialogProps, DialogActionsBar, DialogCloseEvent, Window, WindowProps, WindowActionsBar, WindowActionsEvent, WindowMoveEvent, ActionsLayout };
+export { Dialog, DialogProps, DialogActionsBar, DialogCloseEvent, DialogHandle, DialogPropsContext, Window, WindowProps, WindowActionsBar, WindowActionsEvent, WindowMoveEvent, WindowHandle, WindowPropsContext, ActionsLayout };

package/dist/es/main.js

@@ -1,5 +1,5 @@
-import { Dialog } from './Dialog';
+import { Dialog, DialogPropsContext } from './Dialog';
 import { DialogActionsBar } from './DialogActionsBar';
-import { Window } from './Window';
+import { Window, WindowPropsContext } from './Window';
 import { WindowActionsBar } from './WindowActionsBar';
-export { Dialog, DialogActionsBar, Window, WindowActionsBar };
+export { Dialog, DialogActionsBar, DialogPropsContext, Window, WindowActionsBar, WindowPropsContext };

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-react-dialogs',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1638880453,
+    publishDate: 1639558579,
     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/Dialog.d.ts

@@ -4,7 +4,9 @@ import { DialogProps } from './DialogProps';
 interface DialogState {
     zIndex: number;
 }
-export declare class Dialog extends React.Component<DialogProps, DialogState> {
+/** @hidden */
+declare class DialogWithoutContext extends React.Component<DialogProps, DialogState> {
+    static displayName: string;
     /**
      * @hidden
      */
@@ -58,4 +60,23 @@ export declare class Dialog extends React.Component<DialogProps, DialogState> {
     private getCurrentZIndex;
     private getDocument;
 }
+/**
+ * Represents the PropsContext of the `Dialog` component.
+ * Used for global configuration of all `Dialog` instances.
+ */
+export declare const DialogPropsContext: React.Context<(p: DialogProps) => DialogProps>;
+/**
+ * Represent the `ref` of the Dialog component.
+ */
+export interface DialogHandle extends Pick<DialogWithoutContext, keyof DialogWithoutContext> {
+}
+/** @hidden */
+export declare type Dialog = DialogHandle;
+/**
+ * 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 %}).
+ */
+export declare const Dialog: React.ForwardRefExoticComponent<DialogProps & React.RefAttributes<any>>;
 export {};

package/dist/npm/Dialog.js

@@ -34,9 +34,11 @@ 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");
-var Dialog = /** @class */ (function (_super) {
-    __extends(Dialog, _super);
-    function Dialog(props) {
+// tslint:enable:max-line-length
+/** @hidden */
+var DialogWithoutContext = /** @class */ (function (_super) {
+    __extends(DialogWithoutContext, _super);
+    function DialogWithoutContext(props) {
         var _this = _super.call(this, props) || this;
         _this._id = kendo_react_common_1.guid();
         _this.titleId = _this.generateTitleId();
@@ -94,7 +96,7 @@ var Dialog = /** @class */ (function (_super) {
     /**
      * @hidden
      */
-    Dialog.prototype.componentDidMount = function () {
+    DialogWithoutContext.prototype.componentDidMount = function () {
         if (this.element) {
             if (this.props.autoFocus) {
                 this.element.focus();
@@ -104,7 +106,7 @@ var Dialog = /** @class */ (function (_super) {
     /**
      * @hidden
      */
-    Dialog.prototype.render = function () {
+    DialogWithoutContext.prototype.render = function () {
         var _this = this;
         var _a;
         var id = this.props.id !== undefined ? this.props.id : this.titleId;
@@ -130,21 +132,22 @@ var Dialog = /** @class */ (function (_super) {
         }
         return null;
     };
-    Dialog.prototype.getActionBar = function (children) {
+    DialogWithoutContext.prototype.getActionBar = function (children) {
         return children.filter(function (child) { return child && child.type === DialogActionsBar_1.DialogActionsBar; });
     };
-    Dialog.prototype.getContent = function (children) {
+    DialogWithoutContext.prototype.getContent = function (children) {
         return children.filter(function (child) {
             return child && child.type !== DialogActionsBar_1.DialogActionsBar;
         });
     };
-    Dialog.prototype.generateTitleId = function () {
+    DialogWithoutContext.prototype.generateTitleId = function () {
         return 'dialog-title' + this._id;
     };
+    DialogWithoutContext.displayName = 'Dialog';
     /**
      * @hidden
      */
-    Dialog.propTypes = {
+    DialogWithoutContext.propTypes = {
         title: PropTypes.any,
         id: PropTypes.string,
         dir: PropTypes.string,
@@ -158,13 +161,26 @@ var Dialog = /** @class */ (function (_super) {
     /**
      * @hidden
      */
-    Dialog.defaultProps = {
+    DialogWithoutContext.defaultProps = {
         autoFocus: false
     };
     /**
      * @hidden
      */
-    Dialog.contextType = kendo_react_common_1.ZIndexContext;
-    return Dialog;
+    DialogWithoutContext.contextType = kendo_react_common_1.ZIndexContext;
+    return DialogWithoutContext;
 }(React.Component));
-exports.Dialog = Dialog;
+/**
+ * Represents the PropsContext of the `Dialog` component.
+ * Used for global configuration of all `Dialog` instances.
+ */
+exports.DialogPropsContext = 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 = kendo_react_common_1.withPropsContext(exports.DialogPropsContext, DialogWithoutContext);
+exports.Dialog.displayName = 'KendoReactDialog';

package/dist/npm/Window.d.ts

@@ -13,21 +13,23 @@ interface WindowState {
     focused: boolean;
     zIndex: number;
 }
-export declare class Window extends React.Component<WindowProps, WindowState> {
+/** @hidden */
+declare class WindowWithoutContext extends React.Component<WindowProps, WindowState> {
+    static displayName: string;
     /**
      * @hidden
      */
     static propTypes: {
-        width: PropTypes.Requireable<string | number>;
-        height: PropTypes.Requireable<string | number>;
-        left: PropTypes.Requireable<string | number>;
-        top: PropTypes.Requireable<string | number>;
-        initialwidth: PropTypes.Requireable<string | number>;
-        initialHeight: PropTypes.Requireable<string | number>;
-        initialLeft: PropTypes.Requireable<string | number>;
-        initialTop: PropTypes.Requireable<string | number>;
-        minWidth: PropTypes.Requireable<string | number>;
-        minHeight: PropTypes.Requireable<string | number>;
+        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>;
@@ -133,4 +135,31 @@ export declare class Window extends React.Component<WindowProps, WindowState> {
     private getDocument;
     private getWindow;
 }
+/**
+ * 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 {};

package/dist/npm/Window.js

@@ -43,9 +43,10 @@ var DEFAULT_HEIGHT = 300;
 var DEFAULT_MIN_WIDTH = 120;
 var DEFAULT_MIN_HEIGHT = 100;
 var DEFAULT_STEP = 5;
-var Window = /** @class */ (function (_super) {
-    __extends(Window, _super);
-    function Window(props) {
+/** @hidden */
+var WindowWithoutContext = /** @class */ (function (_super) {
+    __extends(WindowWithoutContext, _super);
+    function WindowWithoutContext(props) {
         var _this = _super.call(this, props) || this;
         _this.offSetCoordinates = { x: 0, y: 0 };
         _this._id = kendo_react_common_1.guid();
@@ -421,7 +422,7 @@ var Window = /** @class */ (function (_super) {
     /**
      * @hidden
      */
-    Window.prototype.componentDidMount = function () {
+    WindowWithoutContext.prototype.componentDidMount = function () {
         var currentWindow = this.getWindow();
         if (currentWindow) {
             currentWindow.addEventListener('resize', this.handleBrowserWindowResize);
@@ -437,7 +438,7 @@ var Window = /** @class */ (function (_super) {
     /**
      * @hidden
      */
-    Window.prototype.componentWillUnmount = function () {
+    WindowWithoutContext.prototype.componentWillUnmount = function () {
         var currentWindow = this.getWindow();
         if (currentWindow) {
             currentWindow.removeEventListener('resize', this.handleBrowserWindowResize);
@@ -446,7 +447,7 @@ var Window = /** @class */ (function (_super) {
     /**
      * @hidden
      */
-    Window.prototype.componentDidUpdate = function () {
+    WindowWithoutContext.prototype.componentDidUpdate = function () {
         var currentDocument = this.getDocument();
         if (this.props.appendTo && currentDocument) {
             var containerCoordinates = this.props.appendTo.getBoundingClientRect();
@@ -458,7 +459,7 @@ var Window = /** @class */ (function (_super) {
     /**
      * @hidden
      */
-    Window.prototype.render = function () {
+    WindowWithoutContext.prototype.render = function () {
         var _this = this;
         var _a;
         var elementsArray = React.Children.toArray(this.props.children);
@@ -490,7 +491,7 @@ var Window = /** @class */ (function (_super) {
         }
         return null;
     };
-    Object.defineProperty(Window.prototype, "top", {
+    Object.defineProperty(WindowWithoutContext.prototype, "top", {
         // Getters
         get: function () {
             if (this.windowStage !== StageEnum_1.windowStage.FULLSCREEN) {
@@ -501,7 +502,7 @@ var Window = /** @class */ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Window.prototype, "left", {
+    Object.defineProperty(WindowWithoutContext.prototype, "left", {
         get: function () {
             if (this.windowStage !== StageEnum_1.windowStage.FULLSCREEN) {
                 return Math.max(this.props.left || this.state.left, 0);
@@ -511,7 +512,7 @@ var Window = /** @class */ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Window.prototype, "width", {
+    Object.defineProperty(WindowWithoutContext.prototype, "width", {
         get: function () {
             var width = this.props.width || this.state.width;
             if (this.windowStage === StageEnum_1.windowStage.FULLSCREEN) {
@@ -527,7 +528,7 @@ var Window = /** @class */ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Window.prototype, "height", {
+    Object.defineProperty(WindowWithoutContext.prototype, "height", {
         get: function () {
             var height = this.props.height || this.state.height;
             if (this.windowStage === StageEnum_1.windowStage.FULLSCREEN) {
@@ -546,35 +547,36 @@ var Window = /** @class */ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Window.prototype, "windowStage", {
+    Object.defineProperty(WindowWithoutContext.prototype, "windowStage", {
         get: function () {
             return this.props.stage || this.state.stage;
         },
         enumerable: true,
         configurable: true
     });
-    Window.prototype.getActionBar = function (children) {
+    WindowWithoutContext.prototype.getActionBar = function (children) {
         return children.filter(function (child) { return child && child.type === WindowActionsBar_1.WindowActionsBar; });
     };
-    Window.prototype.getContent = function (children) {
+    WindowWithoutContext.prototype.getContent = function (children) {
         return children.filter(function (child) {
             return child && child.type !== WindowActionsBar_1.WindowActionsBar;
         });
     };
+    WindowWithoutContext.displayName = 'Window';
     /**
      * @hidden
      */
-    Window.propTypes = {
-        width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-        height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-        left: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-        top: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-        initialwidth: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-        initialHeight: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-        initialLeft: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-        initialTop: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-        minWidth: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-        minHeight: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+    WindowWithoutContext.propTypes = {
+        width: PropTypes.number,
+        height: PropTypes.number,
+        left: PropTypes.number,
+        top: PropTypes.number,
+        initialWidth: PropTypes.number,
+        initialHeight: PropTypes.number,
+        initialLeft: PropTypes.number,
+        initialTop: PropTypes.number,
+        minWidth: PropTypes.number,
+        minHeight: PropTypes.number,
         resizable: PropTypes.bool,
         draggable: PropTypes.bool,
         title: PropTypes.any,
@@ -587,7 +589,7 @@ var Window = /** @class */ (function (_super) {
     /**
      * @hidden
      */
-    Window.defaultProps = {
+    WindowWithoutContext.defaultProps = {
         minWidth: DEFAULT_MIN_WIDTH,
         minHeight: DEFAULT_MIN_HEIGHT,
         resizable: true,
@@ -598,7 +600,20 @@ var Window = /** @class */ (function (_super) {
     /**
      * @hidden
      */
-    Window.contextType = kendo_react_common_1.ZIndexContext;
-    return Window;
+    WindowWithoutContext.contextType = kendo_react_common_1.ZIndexContext;
+    return WindowWithoutContext;
 }(React.Component));
-exports.Window = Window;
+/**
+ * Represents the PropsContext of the `Window` component.
+ * Used for global configuration of all `Window` instances.
+ */
+exports.WindowPropsContext = kendo_react_common_2.createPropsContext();
+/* eslint-disable @typescript-eslint/no-redeclare -- intentionally naming the component the same as the type */
+/**
+ * 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 %}).
+ */
+exports.Window = kendo_react_common_2.withPropsContext(exports.WindowPropsContext, WindowWithoutContext);
+exports.Window.displayName = 'KendoReactWindow';

package/dist/npm/main.d.ts

@@ -1,9 +1,9 @@
-import { Dialog } from './Dialog';
+import { Dialog, DialogHandle, DialogPropsContext } from './Dialog';
 import { DialogActionsBar } from './DialogActionsBar';
-import { Window } from './Window';
+import { Window, WindowHandle, WindowPropsContext } from './Window';
 import { WindowProps } from './WindowProps';
 import { WindowActionsBar } from './WindowActionsBar';
 import { DialogCloseEvent, WindowActionsEvent, WindowMoveEvent } from './events';
 import { ActionsLayout } from './models/actions-layout';
 import { DialogProps } from './DialogProps';
-export { Dialog, DialogProps, DialogActionsBar, DialogCloseEvent, Window, WindowProps, WindowActionsBar, WindowActionsEvent, WindowMoveEvent, ActionsLayout };
+export { Dialog, DialogProps, DialogActionsBar, DialogCloseEvent, DialogHandle, DialogPropsContext, Window, WindowProps, WindowActionsBar, WindowActionsEvent, WindowMoveEvent, WindowHandle, WindowPropsContext, ActionsLayout };

package/dist/npm/main.js

@@ -2,9 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var Dialog_1 = require("./Dialog");
 exports.Dialog = Dialog_1.Dialog;
+exports.DialogPropsContext = Dialog_1.DialogPropsContext;
 var DialogActionsBar_1 = require("./DialogActionsBar");
 exports.DialogActionsBar = DialogActionsBar_1.DialogActionsBar;
 var Window_1 = require("./Window");
 exports.Window = Window_1.Window;
+exports.WindowPropsContext = Window_1.WindowPropsContext;
 var WindowActionsBar_1 = require("./WindowActionsBar");
 exports.WindowActionsBar = WindowActionsBar_1.WindowActionsBar;

package/dist/npm/package-metadata.js

@@ -7,7 +7,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-react-dialogs',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1638880453,
+    publishDate: 1639558579,
     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'
 };