@progress/kendo-react-dialogs 5.4.0-dev.202205200719 → 5.4.0-dev.202206061009

package/dist/es/Dialog.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import * as PropTypes from 'prop-types';
+import { ZIndexContext } from '@progress/kendo-react-common';
 import { DialogProps } from './DialogProps';
 interface DialogState {
     zIndex: number;
@@ -30,7 +31,11 @@ declare class DialogWithoutContext extends React.Component<DialogProps, DialogSt
     /**
      * @hidden
      */
-    static contextType: React.Context<number>;
+    static contextType: React.Context<import("@progress/kendo-react-common").ZIndexContextType>;
+    /**
+     * @hidden
+     */
+    context: React.ContextType<typeof ZIndexContext>;
     /**
      * @hidden
      */
@@ -45,7 +50,7 @@ declare class DialogWithoutContext extends React.Component<DialogProps, DialogSt
     /**
      * @hidden
      */
-    onCloseDialog: (event: React.SyntheticEvent<any, Event>) => void;
+    onCloseDialog: (event: React.SyntheticEvent<any>) => void;
     /**
      * @hidden
      */
@@ -53,7 +58,7 @@ declare class DialogWithoutContext extends React.Component<DialogProps, DialogSt
     /**
      * @hidden
      */
-    render(): JSX.Element;
+    render(): JSX.Element | null;
     private getActionBar;
     private getContent;
     private generateTitleId;

package/dist/es/Dialog.js

@@ -2,10 +2,12 @@ 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 (b.hasOwnProperty(p)) d[p] = b[p]; };
+            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 __());
@@ -38,6 +40,10 @@ var DialogWithoutContext = /** @class */ (function (_super) {
     __extends(DialogWithoutContext, _super);
     function DialogWithoutContext(props) {
         var _this = _super.call(this, props) || this;
+        /**
+         * @hidden
+         */
+        _this.context = 0;
         _this._id = guid();
         _this.titleId = _this.generateTitleId();
         /**
@@ -78,7 +84,7 @@ var DialogWithoutContext = /** @class */ (function (_super) {
             }
         };
         _this.getCurrentZIndex = function () {
-            if (!_this.state) {
+            if (!_this.state || _this.context === undefined) {
                 return _this.context ? _this.context : DEFAULT_DIALOGS_ZINDEX;
             }
             return _this.state.zIndex > (_this.context ? _this.context + ZINDEX_DIALOGS_STEP : 0) ? _this.state.zIndex : _this.context + ZINDEX_DIALOGS_STEP;
@@ -106,8 +112,8 @@ var DialogWithoutContext = /** @class */ (function (_super) {
      * @hidden
      */
     DialogWithoutContext.prototype.render = function () {
-        var _this = this;
         var _a;
+        var _this = this;
         var id = this.props.id !== undefined ? this.props.id : this.titleId;
         var _b = this.props, title = _b.title, width = _b.width, height = _b.height, children = _b.children, minWidth = _b.minWidth, dir = _b.dir, style = _b.style, contentStyle = _b.contentStyle;
         var elementsArray = React.Children.toArray(children);

package/dist/es/DialogProps.js

@@ -1,2 +1,3 @@
 /* eslint-disable max-len */
+export {};
 // tslint:enable:max-line-length

package/dist/es/DialogTitleBar.d.ts

@@ -23,4 +23,4 @@ export interface DialogTitleBarProps {
 /**
  * @hidden
  */
-export declare const DialogTitleBar: React.SFC<DialogTitleBarProps>;
+export declare const DialogTitleBar: React.FunctionComponent<DialogTitleBarProps>;

package/dist/es/MiddleLayerOptimization.d.ts

@@ -5,6 +5,7 @@ import * as React from 'react';
 interface MiddleLayerOptimizationProps {
     shouldUpdateOnDrag?: boolean;
     isDragging?: boolean;
+    children?: React.ReactNode;
 }
 /**
  * @hidden

package/dist/es/MiddleLayerOptimization.js

@@ -2,10 +2,12 @@ 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 (b.hasOwnProperty(p)) d[p] = b[p]; };
+            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 __());

package/dist/es/Window.d.ts

@@ -1,6 +1,7 @@
 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 {
@@ -53,7 +54,11 @@ declare class WindowWithoutContext extends React.Component<WindowProps, WindowSt
     /**
      * @hidden
      */
-    static contextType: React.Context<number>;
+    static contextType: React.Context<import("@progress/kendo-react-common").ZIndexContextType>;
+    /**
+     * @hidden
+     */
+    context: React.ContextType<typeof ZIndexContext>;
     /**
      * **Deprecated.** Use `element` instead.
      */
@@ -111,12 +116,12 @@ declare class WindowWithoutContext extends React.Component<WindowProps, WindowSt
     /**
      * @hidden
      */
-    render(): JSX.Element;
-    private readonly top;
-    private readonly left;
-    private readonly width;
-    private readonly height;
-    private readonly windowStage;
+    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;

package/dist/es/Window.js

@@ -2,10 +2,12 @@ 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 (b.hasOwnProperty(p)) d[p] = b[p]; };
+            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 __());
@@ -46,6 +48,11 @@ var WindowWithoutContext = /** @class */ (function (_super) {
     __extends(WindowWithoutContext, _super);
     function WindowWithoutContext(props) {
         var _this = _super.call(this, props) || this;
+        /**
+         * @hidden
+         */
+        _this.context = 0;
+        _this.draggable = null;
         _this.offSetCoordinates = { x: 0, y: 0 };
         _this._id = guid();
         /**
@@ -386,7 +393,7 @@ var WindowWithoutContext = /** @class */ (function (_super) {
             }
         };
         _this.getCurrentZIndex = function () {
-            if (!_this.state) {
+            if (!_this.state || _this.context === undefined) {
                 return _this.context ? _this.context : DEFAULT_DIALOGS_ZINDEX;
             }
             return _this.state.zIndex > (_this.context ? _this.context + ZINDEX_DIALOGS_STEP : 0) ? _this.state.zIndex : _this.context + ZINDEX_DIALOGS_STEP;
@@ -458,8 +465,8 @@ var WindowWithoutContext = /** @class */ (function (_super) {
      * @hidden
      */
     WindowWithoutContext.prototype.render = function () {
-        var _this = this;
         var _a;
+        var _this = this;
         var elementsArray = React.Children.toArray(this.props.children);
         var content = this.getContent(elementsArray);
         var actions = this.getActionBar(elementsArray);
@@ -499,7 +506,7 @@ var WindowWithoutContext = /** @class */ (function (_super) {
             }
             return 0;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(WindowWithoutContext.prototype, "left", {
@@ -509,7 +516,7 @@ var WindowWithoutContext = /** @class */ (function (_super) {
             }
             return 0;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(WindowWithoutContext.prototype, "width", {
@@ -525,7 +532,7 @@ var WindowWithoutContext = /** @class */ (function (_super) {
             }
             return width;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(WindowWithoutContext.prototype, "height", {
@@ -544,14 +551,14 @@ var WindowWithoutContext = /** @class */ (function (_super) {
             }
             return height;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(WindowWithoutContext.prototype, "windowStage", {
         get: function () {
             return this.props.stage || this.state.stage;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     WindowWithoutContext.prototype.getActionBar = function (children) {

package/dist/es/WindowProps.js

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

package/dist/es/WindowResizeHandlers.js

@@ -2,10 +2,12 @@ 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 (b.hasOwnProperty(p)) d[p] = b[p]; };
+            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 __());

package/dist/es/WindowTitlebar.d.ts

@@ -60,4 +60,4 @@ export interface WindowTitleBarProps {
 /**
  * @hidden
  */
-export declare const WindowTitleBar: React.ForwardRefExoticComponent<WindowTitleBarProps & React.RefAttributes<{}>>;
+export declare const WindowTitleBar: React.ForwardRefExoticComponent<WindowTitleBarProps & React.RefAttributes<unknown>>;

package/dist/es/events.js

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

package/dist/es/models/actions-layout.js

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

package/dist/es/package-metadata.js

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

@@ -1,2 +1,2 @@
 /** @hidden */
-export declare const getMaxZIndex: (currentZIndex: number, currentDocument: Document, currentWindowId: string) => number;
+export declare const getMaxZIndex: (currentZIndex: number, currentDocument: Document | null, currentWindowId: string) => number;

package/dist/npm/Dialog.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import * as PropTypes from 'prop-types';
+import { ZIndexContext } from '@progress/kendo-react-common';
 import { DialogProps } from './DialogProps';
 interface DialogState {
     zIndex: number;
@@ -30,7 +31,11 @@ declare class DialogWithoutContext extends React.Component<DialogProps, DialogSt
     /**
      * @hidden
      */
-    static contextType: React.Context<number>;
+    static contextType: React.Context<import("@progress/kendo-react-common").ZIndexContextType>;
+    /**
+     * @hidden
+     */
+    context: React.ContextType<typeof ZIndexContext>;
     /**
      * @hidden
      */
@@ -45,7 +50,7 @@ declare class DialogWithoutContext extends React.Component<DialogProps, DialogSt
     /**
      * @hidden
      */
-    onCloseDialog: (event: React.SyntheticEvent<any, Event>) => void;
+    onCloseDialog: (event: React.SyntheticEvent<any>) => void;
     /**
      * @hidden
      */
@@ -53,7 +58,7 @@ declare class DialogWithoutContext extends React.Component<DialogProps, DialogSt
     /**
      * @hidden
      */
-    render(): JSX.Element;
+    render(): JSX.Element | null;
     private getActionBar;
     private getContent;
     private generateTitleId;

package/dist/npm/Dialog.js

@@ -3,10 +3,12 @@ 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 (b.hasOwnProperty(p)) d[p] = b[p]; };
+            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 __());
@@ -24,6 +26,7 @@ var __assign = (this && this.__assign) || function () {
     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");
@@ -40,14 +43,18 @@ 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();
+        /**
+         * @hidden
+         */
+        _this.context = 0;
+        _this._id = (0, kendo_react_common_1.guid)();
         _this.titleId = _this.generateTitleId();
         /**
          * @hidden
          */
         _this.onCloseDialog = function (event) {
             event.preventDefault();
-            kendo_react_common_1.dispatchEvent(_this.props.onClose, event, _this, undefined);
+            (0, kendo_react_common_1.dispatchEvent)(_this.props.onClose, event, _this, undefined);
         };
         /**
          * @hidden
@@ -80,7 +87,7 @@ var DialogWithoutContext = /** @class */ (function (_super) {
             }
         };
         _this.getCurrentZIndex = function () {
-            if (!_this.state) {
+            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;
@@ -88,9 +95,9 @@ var DialogWithoutContext = /** @class */ (function (_super) {
         _this.getDocument = function () {
             return _this.props.appendTo ? _this.props.appendTo.ownerDocument : document;
         };
-        kendo_react_common_2.validatePackage(package_metadata_1.packageMetadata);
+        (0, kendo_react_common_2.validatePackage)(package_metadata_1.packageMetadata);
         _this.state = {
-            zIndex: utils_1.getMaxZIndex(_this.getCurrentZIndex(), _this.getDocument(), _this._id)
+            zIndex: (0, utils_1.getMaxZIndex)(_this.getCurrentZIndex(), _this.getDocument(), _this._id)
         };
         return _this;
     }
@@ -108,8 +115,8 @@ var DialogWithoutContext = /** @class */ (function (_super) {
      * @hidden
      */
     DialogWithoutContext.prototype.render = function () {
-        var _this = this;
         var _a;
+        var _this = this;
         var id = this.props.id !== undefined ? this.props.id : this.titleId;
         var _b = this.props, title = _b.title, width = _b.width, height = _b.height, children = _b.children, minWidth = _b.minWidth, dir = _b.dir, style = _b.style, contentStyle = _b.contentStyle;
         var elementsArray = React.Children.toArray(children);
@@ -177,7 +184,7 @@ var DialogWithoutContext = /** @class */ (function (_super) {
  * Represents the PropsContext of the `Dialog` component.
  * Used for global configuration of all `Dialog` instances.
  */
-exports.DialogPropsContext = kendo_react_common_1.createPropsContext();
+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 %}).
@@ -185,5 +192,5 @@ exports.DialogPropsContext = kendo_react_common_1.createPropsContext();
  * 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 = (0, kendo_react_common_1.withPropsContext)(exports.DialogPropsContext, DialogWithoutContext);
 exports.Dialog.displayName = 'KendoReactDialog';

package/dist/npm/DialogActionsBar.js

@@ -1,5 +1,6 @@
 "use strict";
 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");
@@ -8,9 +9,9 @@ var kendo_react_common_1 = require("@progress/kendo-react-common");
  *
  * @returns React.ReactElement
  */
-exports.DialogActionsBar = function (props) {
+var DialogActionsBar = function (props) {
     var _a = props.layout, layout = _a === void 0 ? defaultProps.layout : _a, children = props.children;
-    var wrapperClasses = kendo_react_common_1.classNames('k-dialog-buttongroup', 'k-actions', 'k-hstack', {
+    var wrapperClasses = (0, kendo_react_common_1.classNames)('k-dialog-buttongroup', 'k-actions', 'k-hstack', {
         'k-justify-content-start': layout === 'start',
         'k-justify-content-center': layout === 'center',
         'k-justify-content-end': layout === 'end',
@@ -18,6 +19,7 @@ exports.DialogActionsBar = function (props) {
     });
     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/DialogTitleBar.d.ts

@@ -23,4 +23,4 @@ export interface DialogTitleBarProps {
 /**
  * @hidden
  */
-export declare const DialogTitleBar: React.SFC<DialogTitleBarProps>;
+export declare const DialogTitleBar: React.FunctionComponent<DialogTitleBarProps>;

package/dist/npm/DialogTitleBar.js

@@ -1,14 +1,16 @@
 "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");
 /**
  * @hidden
  */
-exports.DialogTitleBar = function (_a) {
+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 k-header", id: id },
         React.createElement("div", { className: "k-window-title k-dialog-title" }, children),
         React.createElement("div", { className: "k-window-actions k-dialog-actions" }, closeIcon &&
             React.createElement(kendo_react_buttons_1.Button, { role: "button", "aria-label": "Close", onClick: onCloseButtonClick, icon: "x", fillMode: "flat", className: "k-window-action k-dialog-action k-dialog-close" }))));
 };
+exports.DialogTitleBar = DialogTitleBar;

package/dist/npm/MiddleLayerOptimization.d.ts

@@ -5,6 +5,7 @@ import * as React from 'react';
 interface MiddleLayerOptimizationProps {
     shouldUpdateOnDrag?: boolean;
     isDragging?: boolean;
+    children?: React.ReactNode;
 }
 /**
  * @hidden

package/dist/npm/MiddleLayerOptimization.js

@@ -3,16 +3,19 @@ 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 (b.hasOwnProperty(p)) d[p] = b[p]; };
+            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

package/dist/npm/StageEnum.js

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

package/dist/npm/Window.d.ts

@@ -1,6 +1,7 @@
 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 {
@@ -53,7 +54,11 @@ declare class WindowWithoutContext extends React.Component<WindowProps, WindowSt
     /**
      * @hidden
      */
-    static contextType: React.Context<number>;
+    static contextType: React.Context<import("@progress/kendo-react-common").ZIndexContextType>;
+    /**
+     * @hidden
+     */
+    context: React.ContextType<typeof ZIndexContext>;
     /**
      * **Deprecated.** Use `element` instead.
      */
@@ -111,12 +116,12 @@ declare class WindowWithoutContext extends React.Component<WindowProps, WindowSt
     /**
      * @hidden
      */
-    render(): JSX.Element;
-    private readonly top;
-    private readonly left;
-    private readonly width;
-    private readonly height;
-    private readonly windowStage;
+    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;