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

package/package-metadata.d.ts

@@ -0,0 +1,9 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the package root for more information
+*-------------------------------------------------------------------------------------------*/
+import { PackageMetadata } from '@progress/kendo-licensing';
+/**
+ * @hidden
+ */
+export declare const packageMetadata: PackageMetadata;

package/package.json

@@ -1,20 +1,30 @@
 {
   "name": "@progress/kendo-react-dialogs",
-  "version": "6.1.1",
+  "version": "7.0.0-develop.2",
   "description": "React Dialogs provide modal and non-modal windows for showing additional information to the user. KendoReact Dialogs package",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/telerik/kendo-react.git"
+  "author": "Progress",
+  "license": "SEE LICENSE IN LICENSE.md",
+  "homepage": "https://www.telerik.com/kendo-react-ui",
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./index.mjs",
+      "require": "./index.js"
+    }
+  },
+  "sideEffects": false,
+  "peerDependencies": {
+    "@progress/kendo-licensing": "^1.3.0",
+    "@progress/kendo-react-buttons": "7.0.0-develop.2",
+    "@progress/kendo-react-common": "7.0.0-develop.2",
+    "@progress/kendo-svg-icons": "^2.0.0",
+    "react": "^16.8.2 || ^17.0.0 || ^18.0.0",
+    "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0"
   },
-  "main": "dist/npm/main.js",
-  "types": "dist/npm/main.d.ts",
-  "module": "dist/es/main.js",
-  "jsnext:main": "dist/es/main.js",
-  "scripts": {
-    "test": "cd ../../ && npm run test -- --testPathPattern=/packages/dialogs/.*",
-    "build-package": "gulp build-package"
+  "dependencies": {
+    "prop-types": "^15.6.0"
   },
-  "homepage": "https://www.telerik.com/kendo-react-ui",
   "keywords": [
     "Kendo UI",
     "React",
@@ -27,33 +37,15 @@
     "React component",
     "Telerik"
   ],
-  "peerDependencies": {
-    "@progress/kendo-licensing": "^1.3.0",
-    "@progress/kendo-react-buttons": "^6.0.0",
-    "@progress/kendo-svg-icons": "^2.0.0",
-    "react": "^16.8.2 || ^17.0.0 || ^18.0.0",
-    "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0"
-  },
-  "dependencies": {
-    "@progress/kendo-react-common": "6.1.1",
-    "prop-types": "^15.6.0"
-  },
-  "devDependencies": {
-    "@progress/kendo-licensing": "^1.3.0",
-    "@progress/kendo-react-buttons": "6.1.1",
-    "@progress/kendo-react-dropdowns": "6.1.1",
-    "@progress/kendo-react-intl": "6.1.1",
-    "@progress/kendo-react-tooltip": "6.1.1",
-    "@progress/kendo-svg-icons": "^2.0.0"
-  },
   "@progress": {
     "friendlyName": "Dialogs",
     "framework": "KendoReact"
   },
-  "author": "Progress",
-  "license": "SEE LICENSE IN LICENSE.md",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/telerik/kendo-react.git"
+  },
   "publishConfig": {
     "access": "public"
-  },
-  "sideEffects": false
-}
+  }
+}

package/utils.d.ts

@@ -0,0 +1,6 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the package root for more information
+*-------------------------------------------------------------------------------------------*/
+/** @hidden */
+export declare const getMaxZIndex: (currentZIndex: number, currentDocument: Document | null, currentWindowId: string) => number;

package/about.md

@@ -1,3 +0,0 @@
-<a href="https://www.telerik.com/kendo-react-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-dialogs&utm_content=banner" target="_blank">
-<img src="https://www.telerik.com/kendo-react-ui/components/npm-banner.svg" alt="KendoReact NPM Banner">
-</a>

package/dist/es/Dialog.js

@@ -1,203 +0,0 @@
-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);
-};
-import * as React from 'react';
-import * as ReactDOM from 'react-dom';
-import * as PropTypes from 'prop-types';
-import { DialogTitleBar } from './DialogTitleBar';
-import { DialogActionsBar } from './DialogActionsBar';
-import { guid, dispatchEvent, Keys, canUseDOM, ZIndexContext, createPropsContext, withPropsContext, classNames, getActiveElement } from '@progress/kendo-react-common';
-import { validatePackage, shouldShowValidationUI, WatermarkOverlay } from '@progress/kendo-react-common';
-import { packageMetadata } from './package-metadata';
-import { getMaxZIndex } from './utils';
-import { DATA_DIALOGS_ID, DEFAULT_DIALOGS_ZINDEX, ZINDEX_DIALOGS_STEP } from './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 = guid();
-        _this.titleId = _this.generateTitleId();
-        _this.contentId = _this.generateContentId();
-        _this.showLicenseWatermark = false;
-        /**
-         * @hidden
-         */
-        _this.onCloseDialog = function (event) {
-            event.preventDefault();
-            dispatchEvent(_this.props.onClose, event, _this, undefined);
-        };
-        /**
-         * @hidden
-         */
-        _this.onKeyDown = function (event) {
-            if (event.keyCode === Keys.esc && _this.props.onClose) {
-                event.preventDefault();
-                _this.onCloseDialog(event);
-            }
-            var kDialog = _this.element;
-            if (kDialog && (event.keyCode === 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 = 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 : DEFAULT_DIALOGS_ZINDEX;
-            }
-            return _this.state.zIndex > (_this.context ? _this.context + ZINDEX_DIALOGS_STEP : 0) ? _this.state.zIndex : _this.context + ZINDEX_DIALOGS_STEP;
-        };
-        _this.getDocument = function () {
-            return _this.props.appendTo ? _this.props.appendTo.ownerDocument : document;
-        };
-        validatePackage(packageMetadata);
-        _this.showLicenseWatermark = shouldShowValidationUI(packageMetadata);
-        _this.state = {
-            zIndex: 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(ZIndexContext.Provider, { value: currentZIndex },
-            React.createElement("div", __assign({}, (_a = {}, _a[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: 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, { 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(WatermarkOverlay, null)))));
-        if (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; });
-    };
-    DialogWithoutContext.prototype.getContent = function (children) {
-        return children.filter(function (child) {
-            return child && child.type !== 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 = ZIndexContext;
-    return DialogWithoutContext;
-}(React.Component));
-/**
- * Represents the PropsContext of the `Dialog` component.
- * Used for global configuration of all `Dialog` instances.
- */
-export var DialogPropsContext = 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 %}).
- */
-export var Dialog = withPropsContext(DialogPropsContext, DialogWithoutContext);
-Dialog.displayName = 'KendoReactDialog';

package/dist/es/DialogActionsBar.d.ts

@@ -1,21 +0,0 @@
-import * as React from 'react';
-import { ActionsLayout } from './models/actions-layout';
-/**
- * Represents the props of the [KendoReact DialogActionsBar component]({% slug overview_dialog %}).
- */
-export interface DialogActionsBarProps {
-    /**
-     * Specifies the possible layouts of the action buttons ([see example]({% slug actionbuttons_dialog %})). Defaults to `stretched`.
-     */
-    layout?: ActionsLayout;
-    /**
-     * @hidden
-     */
-    children?: any;
-}
-/**
- * Returns the action bar of the Dialog.
- *
- * @returns React.ReactElement
- */
-export declare const DialogActionsBar: React.FunctionComponent<DialogActionsBarProps>;

package/dist/es/DialogActionsBar.js

@@ -1,32 +0,0 @@
-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);
-};
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
-import { classNames } from '@progress/kendo-react-common';
-/**
- * Returns the action bar of the Dialog.
- *
- * @returns React.ReactElement
- */
-export var DialogActionsBar = function (props) {
-    var _a;
-    var combinedProps = __assign({ layout: 'stretched' }, props);
-    var layout = combinedProps.layout, children = combinedProps.children;
-    var wrapperClasses = 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));
-};
-DialogActionsBar.propTypes = {
-    children: PropTypes.any,
-    layout: PropTypes.oneOf(['start', 'center', 'end', 'stretched'])
-};

package/dist/es/DialogProps.js

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

package/dist/es/DialogTitleBar.js

@@ -1,13 +0,0 @@
-import * as React from 'react';
-import { Button } from '@progress/kendo-react-buttons';
-import { xIcon } from '@progress/kendo-svg-icons';
-/**
- * @hidden
- */
-export 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(Button, { role: "button", "aria-label": "Close", onClick: onCloseButtonClick, icon: "x", svgIcon: xIcon, fillMode: "flat", className: "k-window-titlebar-action k-dialog-titlebar-action" }))));
-};

package/dist/es/MiddleLayerOptimization.js

@@ -1,33 +0,0 @@
-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 __());
-    };
-})();
-import * as React from '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));
-export { MiddleLayerOptimization };

package/dist/es/StageEnum.d.ts

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

package/dist/es/StageEnum.js

@@ -1,6 +0,0 @@
-export var windowStage;
-(function (windowStage) {
-    windowStage["DEFAULT"] = "DEFAULT";
-    windowStage["FULLSCREEN"] = "FULLSCREEN";
-    windowStage["MINIMIZED"] = "MINIMIZED";
-})(windowStage || (windowStage = {}));