@progress/kendo-react-dialogs 7.2.4-develop.3 → 7.3.0-develop.1

package/index.d.ts

@@ -1,13 +1,599 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Dialog, type DialogHandle, DialogPropsContext } from './Dialog';
-import { DialogActionsBar } from './DialogActionsBar';
-import { Window, type WindowHandle, WindowPropsContext } from './Window';
-import { type WindowProps } from './WindowProps';
-import { WindowActionsBar } from './WindowActionsBar';
-import { type DialogCloseEvent, type WindowActionsEvent, type WindowMoveEvent } from './events';
-import { type ActionsLayout } from './models/actions-layout';
-import { type DialogProps } from './DialogProps';
-export { Dialog, DialogProps, DialogActionsBar, DialogCloseEvent, DialogHandle, DialogPropsContext, Window, WindowProps, WindowActionsBar, WindowActionsEvent, WindowMoveEvent, WindowHandle, WindowPropsContext, ActionsLayout };
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { BaseEvent } from '@progress/kendo-react-common';
+import { Draggable } from '@progress/kendo-react-common';
+import { JSX as JSX_2 } from 'react/jsx-runtime';
+import PropTypes from 'prop-types';
+import * as React_2 from 'react';
+import { ZIndexContext } from '@progress/kendo-react-common';
+import { ZIndexContextType } from '@progress/kendo-react-common';
+
+/**
+ * Lists the possible layout of the dialogs action buttons.
+ */
+export declare type ActionsLayout = 'start' | 'center' | 'end' | 'stretched';
+
+/** @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_2.ForwardRefExoticComponent<DialogProps & React_2.RefAttributes<any>>;
+
+/**
+ * Returns the action bar of the Dialog.
+ *
+ * @returns React.ReactElement
+ */
+export declare const DialogActionsBar: React_2.FunctionComponent<DialogActionsBarProps>;
+
+/**
+ * Represents the props of the [KendoReact DialogActionsBar component]({% slug overview_dialog %}).
+ */
+declare interface DialogActionsBarProps {
+    /**
+     * Specifies the possible layouts of the action buttons ([see example]({% slug actionbuttons_dialog %})). Defaults to `stretched`.
+     */
+    layout?: ActionsLayout;
+    /**
+     * @hidden
+     */
+    children?: any;
+}
+
+/**
+ * @hidden
+ */
+export declare interface DialogCloseEvent extends BaseEvent<Dialog> {
+}
+
+/**
+ * Represent the `ref` of the Dialog component.
+ */
+export declare interface DialogHandle extends Pick<DialogWithoutContext, keyof DialogWithoutContext> {
+}
+
+/**
+ * Represents the props of the [KendoReact Dialog component]({% slug overview_dialog %}).
+ */
+export declare 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';
+}
+
+/**
+ * Represents the PropsContext of the `Dialog` component.
+ * Used for global configuration of all `Dialog` instances.
+ */
+export declare const DialogPropsContext: React_2.Context<(p: DialogProps) => DialogProps>;
+
+declare interface DialogState {
+    zIndex: number;
+}
+
+/** @hidden */
+declare class DialogWithoutContext extends React_2.Component<DialogProps, DialogState> {
+    static displayName: string;
+    /**
+     * @hidden
+     */
+    static propTypes: {
+        title: PropTypes.Requireable<any>;
+        id: PropTypes.Requireable<string>;
+        dir: PropTypes.Requireable<string>;
+        style: PropTypes.Requireable<object>;
+        closeIcon: PropTypes.Requireable<boolean>;
+        width: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+        height: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+        minWidth: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+        autoFocus: PropTypes.Requireable<boolean>;
+    };
+    /**
+     * @hidden
+     */
+    static defaultProps: {
+        autoFocus: boolean;
+    };
+    /**
+     * @hidden
+     */
+    static contextType: React_2.Context<ZIndexContextType>;
+    /**
+     * @hidden
+     */
+    context: React_2.ContextType<typeof ZIndexContext>;
+    /**
+     * @hidden
+     */
+    element?: HTMLDivElement | null;
+    private get _id();
+    private titleId;
+    private contentId;
+    private showLicenseWatermark;
+    constructor(props: DialogProps);
+    /**
+     * @hidden
+     */
+    componentDidMount(): void;
+    /**
+     * @hidden
+     */
+    onCloseDialog: (event: React_2.SyntheticEvent<any>) => void;
+    /**
+     * @hidden
+     */
+    onKeyDown: React_2.KeyboardEventHandler<HTMLDivElement>;
+    /**
+     * @hidden
+     */
+    render(): JSX_2.Element | null;
+    private getActionBar;
+    private getContent;
+    private generateTitleId;
+    private generateContentId;
+    private getCurrentZIndex;
+    private getDocument;
+}
+
+/** @hidden */
+declare type Window_2 = 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 %}).
+ */
+declare const Window_2: React_2.ForwardRefExoticComponent<WindowProps & React_2.RefAttributes<any>>;
+export { Window_2 as Window }
+
+/**
+ * Returns the action bar of the Window.
+ *
+ * @returns React.ReactElement
+ */
+export declare const WindowActionsBar: React_2.FunctionComponent<WindowActionsBarProps>;
+
+/**
+ * Represents the props of the [KendoReact WindowActionsBar component]({% slug overview_dialog %}).
+ */
+declare interface WindowActionsBarProps {
+    /**
+     * Specifies the possible layouts of the action buttons ([see example]({% slug actionbuttons_window %})). Defaults to `end`.
+     */
+    layout?: ActionsLayout;
+    /**
+     * @hidden
+     */
+    children?: any;
+}
+
+export declare interface WindowActionsEvent extends BaseEvent<Window_2> {
+    state?: 'DEFAULT' | 'FULLSCREEN' | 'MINIMIZED';
+}
+
+/**
+ * Represent the `ref` of the Window component.
+ */
+export declare interface WindowHandle extends Pick<WindowWithoutContext, keyof WindowWithoutContext> {
+    /**
+     * The Window element.
+     */
+    element?: HTMLDivElement | null;
+    /**
+     * **Deprecated.** Use `element` instead.
+     */
+    windowElement?: HTMLDivElement | null;
+}
+
+export declare interface WindowMoveEvent {
+    /**
+     * An event target.
+     */
+    target: Window_2;
+    /**
+     * A native DOM event.
+     */
+    nativeEvent: any;
+    /**
+     * Indicates that dragging is completed and that the user dropped the resize handler.
+     */
+    end: boolean;
+    /**
+     * Indicates that the move operation was initialized through dragging. If the Window is moved through the keyboard, the value will be `false`.
+     */
+    drag: boolean;
+    /**
+     * The new top value of the Window.
+     */
+    top: number;
+    /**
+     * The new left value of the Window.
+     */
+    left: number;
+    /**
+     * The new width value of the Window.
+     */
+    width: number;
+    /**
+     * The new height value of the Window.
+     */
+    height: number;
+}
+
+/**
+ * Represents the props of the [KendoReact Window component]({% slug overview_window %}).
+ */
+export declare interface WindowProps {
+    /**
+     * Defines the container to which the Window will be appended. Defaults to its parent element.
+     * * If set to `null` the Window will be rendered without React Portal.
+     */
+    appendTo?: HTMLElement | null;
+    /**
+     * @hidden
+     */
+    children?: React.ReactNode;
+    /**
+     * Specifies if the Window will render the close button.
+     */
+    closeButton?: React.ComponentType<any>;
+    /**
+     * Specifies if the Window stage will change on title double click. The this is on by default.
+     */
+    doubleClickStageChange?: boolean;
+    /**
+     * Specifies if the Window will be draggable ([see example]({% slug positioningdragging_window %}#toc-dragging)).
+     */
+    draggable?: boolean;
+    /**
+     * Specifies the height of the Window ([see example]({% slug dimensionsresizing_window %}#toc-dimensions)).
+     */
+    height?: number;
+    /**
+     * Specifies the initial `left` value ([see example]({% slug positioningdragging_window %}#toc-positioning)). The Window will be in an uncontrolled mode.
+     */
+    initialLeft?: number;
+    /**
+     * Specifies the initial `top` value ([see example]({% slug positioningdragging_window %}#toc-positioning)). The component will be in an uncontrolled mode.
+     */
+    initialTop?: number;
+    /**
+     * Specifies the initial width of the Window ([see example]({% slug dimensionsresizing_window %}#toc-dimensions)). The component will be in an uncontrolled mode.
+     */
+    initialWidth?: number;
+    /**
+     * Specifies the initial height of the Window ([see example]({% slug dimensionsresizing_window %}#toc-dimensions)). The component will be in an uncontrolled mode.
+     */
+    initialHeight?: number;
+    /**
+     * Specifies the left coordinates of the Window.
+     */
+    left?: number;
+    /**
+     * Specifies if the Window will render the maximize button.
+     */
+    maximizeButton?: React.ComponentType<any>;
+    /**
+     * Specifies the minimum height of the Window ([see example]({% slug dimensionsresizing_window %}#toc-resizing)).
+     */
+    minHeight?: number;
+    /**
+     * Specifies the minimum width of the Window ([see example]({% slug dimensionsresizing_window %}#toc-resizing)).
+     */
+    minWidth?: number;
+    /**
+     * Specifies if the Window will render the minimize button.
+     */
+    minimizeButton?: React.ComponentType<any>;
+    /**
+     * Specifies if the Window will be modal by rendering an overlay under the component.
+     */
+    modal?: boolean;
+    /**
+     * Specifies if the Window will be resizable ([see example]({% slug dimensionsresizing_window %}#toc-resizing)).
+     */
+    resizable?: boolean;
+    /**
+     * Specifies if the Window will render the restore button.
+     */
+    restoreButton?: React.ComponentType<any>;
+    /**
+     * Specifies if the Window content will update during resizing.
+     */
+    shouldUpdateOnDrag?: boolean;
+    /**
+     * Specifies the title of the Window ([see example]({% slug title_window %})).
+     */
+    title?: React.ReactNode | string;
+    /**
+     * Specifies the top coordinates of the Window.
+     */
+    top?: number;
+    /**
+     * Specifies the width of the Window.
+     */
+    width?: number;
+    /**
+     * Controls the state of the Window ([see example]({% slug windowstage_window %})).
+     *
+     * The supported values are:
+     * * `DEFAULT`
+     * * `MINIMIZED`
+     * * `FULLSCREEN`
+     */
+    stage?: windowStage | string;
+    /**
+     * Set styles to the Window element.
+     */
+    style?: React.CSSProperties;
+    /**
+     * Set styles to the Window overlay element rendered when the `modal` prop is enabled.
+     */
+    overlayStyle?: React.CSSProperties;
+    /**
+     * Sets a class of the Window DOM element.
+     */
+    className?: string;
+    /**
+     * Configures the `themeColor` of the Window.
+     *
+     * The available options are:
+     * - primary
+     * - dark
+     * - light
+     *
+     */
+    themeColor?: 'primary' | 'dark' | 'light';
+    /**
+     * Fires when the **Close** button in the title is clicked or when the `Esc` button is pressed.
+     */
+    onClose?: (event: WindowActionsEvent) => void;
+    /**
+     * Fires when the Window is dragged.
+     */
+    onMove?: (event: WindowMoveEvent) => void;
+    /**
+     * Fires when the `DEFAULT`, `FULLSCREEN`, or `MINIMIZED` state of the Window is changed.
+     */
+    onStageChange?: (event: WindowActionsEvent) => void;
+    /**
+     * Fires when the Window resizes.
+     */
+    onResize?: (event: WindowMoveEvent) => void;
+    /**
+     * Sets the `id` attribute value of the wrapper element of the Window.
+     */
+    id?: string;
+}
+
+/**
+ * Represents the PropsContext of the `Window` component.
+ * Used for global configuration of all `Window` instances.
+ */
+export declare const WindowPropsContext: React_2.Context<(p: WindowProps) => WindowProps>;
+
+declare enum windowStage {
+    DEFAULT = "DEFAULT",
+    FULLSCREEN = "FULLSCREEN",
+    MINIMIZED = "MINIMIZED"
+}
+
+declare 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_2.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>;
+        id: 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_2.Context<ZIndexContextType>;
+    /**
+     * @hidden
+     */
+    context: React_2.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 get _id();
+    private titleId;
+    private _blurTimeout?;
+    private mounted;
+    private showLicenseWatermark;
+    constructor(props: WindowProps);
+    /**
+     * @hidden
+     */
+    componentDidMount(): void;
+    /**
+     * @hidden
+     */
+    componentWillUnmount(): void;
+    /**
+     * @hidden
+     */
+    componentDidUpdate(): void;
+    /**
+     * @hidden
+     */
+    onKeyDown: React_2.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_2.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;
+}
+
+export { }

package/index.js

@@ -1,5 +1,8 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const X=require("react"),Y=require("react-dom"),n=require("prop-types"),I=require("@progress/kendo-react-buttons"),D=require("@progress/kendo-svg-icons"),o=require("@progress/kendo-react-common"),$=require("@progress/kendo-react-intl");function Z(h){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(h){for(const t in h)if(t!=="default"){const e=Object.getOwnPropertyDescriptor(h,t);Object.defineProperty(i,t,e.get?e:{enumerable:!0,get:()=>h[t]})}}return i.default=h,Object.freeze(i)}const s=Z(X),P=Z(Y),J=({children:h,onCloseButtonClick:i,id:t,closeIcon:e})=>s.createElement("div",{className:"k-window-titlebar k-dialog-titlebar",id:t},s.createElement("span",{className:"k-window-title k-dialog-title"},h),s.createElement("div",{className:"k-window-titlebar-actions k-dialog-titlebar-actions"},e&&s.createElement(I.Button,{role:"button","aria-label":"Close",onClick:i,icon:"x",svgIcon:D.xIcon,fillMode:"flat",className:"k-window-titlebar-action k-dialog-titlebar-action"}))),T=h=>{const i={layout:"stretched",...h},{layout:t,children:e}=i,a=o.classNames("k-actions","k-actions-horizontal","k-window-actions k-dialog-actions",{[`k-actions-${t}`]:t});return s.createElement("div",{className:a},e)};T.propTypes={children:n.any,layout:n.oneOf(["start","center","end","stretched"])};const x={name:"@progress/kendo-react-dialogs",productName:"KendoReact",productCodes:["KENDOUIREACT","KENDOUICOMPLETE"],publishDate:0,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"},O="data-windowid",B=10002,S=2,Q=".k-window:not(.k-dialog), .k-dialog-wrapper",N=(h,i,t)=>{let e=h;if(i&&i.defaultView){let a=i.querySelectorAll(Q),l=!1;return a.forEach(c=>{let d=i.defaultView.getComputedStyle(c,null);if(c.getAttribute(O)!==t&&d.zIndex!==null){let w=parseInt(d.zIndex,10);w>=e&&(e=w,l=!0)}}),l?e+S:e}return e};class y extends s.Component{constructor(i){super(i),this.context=0,this.titleId=this.generateTitleId(),this.contentId=this.generateContentId(),this.showLicenseWatermark=!1,this.onCloseDialog=t=>{t.preventDefault(),o.dispatchEvent(this.props.onClose,t,this,void 0)},this.onKeyDown=t=>{t.keyCode===o.Keys.esc&&this.props.onClose&&(t.preventDefault(),this.onCloseDialog(t)),o.keepFocusInContainer(t,this.element)},this.getCurrentZIndex=()=>!this.state||this.context===void 0?this.context?this.context:B:this.state.zIndex>(this.context?this.context+S:0)?this.state.zIndex:this.context+S,this.getDocument=()=>this.props.appendTo?this.props.appendTo.ownerDocument:document,o.validatePackage(x),this.showLicenseWatermark=o.shouldShowValidationUI(x)}get _id(){return this.props.id+"-accessibility-id"}componentDidMount(){this.element&&(this.props.autoFocus&&this.element.focus(),this.setState({zIndex:N(this.getCurrentZIndex(),this.getDocument(),this._id)}))}render(){const i=this.props.id!==void 0?this.props.id:this.titleId,{title:t,width:e,height:a,children:l,minWidth:c,dir:d,style:f,contentStyle:w}=this.props,g=s.Children.toArray(l),m=this.getContent(g),C=this.getActionBar(g),E=t?{"aria-labelledby":i}:null,p=this.props.closeIcon!==void 0?this.props.closeIcon:!0,H=this.getCurrentZIndex(),_=s.createElement(o.ZIndexContext.Provider,{value:H},s.createElement("div",{[O]:this._id,className:"k-dialog-wrapper"+(this.props.className?" "+this.props.className:""),onKeyDown:this.onKeyDown,tabIndex:0,dir:d,style:{zIndex:H,...f},ref:V=>this.element=V},s.createElement("div",{className:"k-overlay"}),s.createElement("div",{...E,className:o.classNames("k-window k-dialog",{[`k-window-${this.props.themeColor}`]:this.props.themeColor}),role:"dialog","aria-labelledby":i,"aria-modal":!0,"aria-describedby":this.contentId,style:{width:e,height:a,minWidth:c}},this.props.title&&s.createElement(J,{closeIcon:p,onCloseButtonClick:this.onCloseDialog,id:i},t),s.createElement("div",{className:"k-window-content k-dialog-content",style:w,id:this.contentId},m),C,this.showLicenseWatermark&&s.createElement(o.WatermarkOverlay,null))));return o.canUseDOM?this.props.appendTo!==null?P.createPortal(_,this.props.appendTo||document.body):_:null}getActionBar(i){return i.filter(t=>t&&t.type===T)}getContent(i){return i.filter(t=>t&&t.type!==T)}generateTitleId(){return"dialog-title-"+this._id}generateContentId(){return"dialog-content-"+this._id}}y.displayName="Dialog";y.propTypes={title:n.any,id:n.string,dir:n.string,style:n.object,closeIcon:n.bool,width:n.oneOfType([n.number,n.string]),height:n.oneOfType([n.number,n.string]),minWidth:n.oneOfType([n.number,n.string]),autoFocus:n.bool};y.defaultProps={autoFocus:!1};y.contextType=o.ZIndexContext;const K=o.createPropsContext(),j=o.withIdHOC(o.withPropsContext(K,y));j.displayName="KendoReactDialog";var r=(h=>(h.DEFAULT="DEFAULT",h.FULLSCREEN="FULLSCREEN",h.MINIMIZED="MINIMIZED",h))(r||{});const M="dialogs.windowMaximizeButton",z="dialogs.windowMinimizeButton",R="dialogs.windowRestoreButton",A="dialogs.windowCloseButton",b={[M]:"maximize",[z]:"minimize",[R]:"restore",[A]:"close"},tt=h=>{const{children:i,onCloseButtonClick:t,onMinimizeButtonClick:e,onFullScreenButtonClick:a,onRestoreButtonClick:l,onDoubleClick:c,stage:d,forwardedRef:f,id:w}=h,g=$.useLocalization(),m=h.minimizeButton?s.createElement(h.minimizeButton,{onClick:e,stage:d}):s.createElement(I.Button,{fillMode:"flat",icon:"window-minimize",svgIcon:D.windowMinimizeIcon,className:"k-window-titlebar-action",onClick:e,"aria-label":g.toLanguageString(z,b[z])}),C=h.maximizeButton?s.createElement(h.maximizeButton,{onClick:a,stage:d}):s.createElement(I.Button,{fillMode:"flat",icon:"window-maximize",svgIcon:D.windowIcon,className:"k-window-titlebar-action",onClick:a,"aria-label":g.toLanguageString(M,b[M])}),E=h.restoreButton?s.createElement(h.restoreButton,{onClick:l,stage:d}):s.createElement(I.Button,{fillMode:"flat",icon:"window-restore",svgIcon:D.windowRestoreIcon,className:"k-window-titlebar-action",onClick:l,"aria-label":g.toLanguageString(R,b[R])}),p=h.closeButton?s.createElement(h.closeButton,{onClick:t,stage:d}):s.createElement(I.Button,{fillMode:"flat",icon:"x",svgIcon:D.xIcon,className:"k-window-titlebar-action",onClick:t,"aria-label":g.toLanguageString(A,b[A])});return s.createElement("div",{className:"k-window-titlebar",style:{touchAction:"none"},ref:f,onDoubleClick:c},s.createElement("span",{className:"k-window-title",id:w},i||""),s.createElement("div",{className:"k-window-titlebar-actions"},d===r.DEFAULT&&m,d===r.DEFAULT&&C,d!==r.DEFAULT&&E,p))},et=s.forwardRef((h,i)=>s.createElement(tt,{...h,forwardedRef:i})),it=["n","e","s","w","se","sw","ne","nw"];class st extends s.Component{render(){return s.createElement("div",{className:"k-resize-handles-wrapper"}," ",it.map((i,t)=>s.createElement(o.Draggable,{key:t,onDrag:e=>{const{event:a}=e;a.originalEvent.preventDefault(),this.props.onResize(a,{end:!1,direction:i})},onRelease:e=>{const{event:a}=e;a.originalEvent.preventDefault(),this.props.onResize(a,{end:!0,direction:i})}},s.createElement("div",{className:"k-resize-handle k-resize-"+i,style:{display:"block",touchAction:"none"}}))))}}class ot extends s.Component{shouldComponentUpdate(i){return i.shouldUpdateOnDrag||!i.isDragging}render(){return this.props.children}}const W=h=>{const i={layout:"end",...h},{layout:t,children:e}=i,a=o.classNames("k-actions","k-window-actions","k-actions-horizontal","k-hstack",{"k-justify-content-start":t==="start","k-justify-content-center":t==="center","k-justify-content-end":t==="end","k-justify-content-stretch":t==="stretched"});return s.createElement("div",{className:a},e)};W.propTypes={children:n.any,layout:n.oneOf(["start","center","end","stretched"])};const v=300,L=300,F=120,U=100,u=5;class k extends s.Component{constructor(i){super(i),this.context=0,this.draggable=null,this.offSetCoordinates={x:0,y:0},this.titleId=this.generateTitleId(),this.mounted=!1,this.showLicenseWatermark=!1,this.onKeyDown=t=>{if(t.target!==t.currentTarget)return;const e=this.props.minWidth||F,a=this.props.minHeight||U;if(t.ctrlKey&&this.props.resizable){switch(t.keyCode){case o.Keys.up:t.preventDefault(),a<=this.height-u&&this.setState({height:this.height-u});break;case o.Keys.down:t.preventDefault(),this.setState({height:this.height+u});break;case o.Keys.left:e<=this.width-u&&this.setState({width:this.width-u});break;case o.Keys.right:this.setState({width:this.width+u});break;default:return}this.dispatchMoveEvent(this.props.onResize,t,!1,void 0);return}if(t.altKey){switch(t.keyCode){case o.Keys.up:this.windowStage===r.MINIMIZED?(this.handleRestore(t),o.dispatchEvent(this.props.onStageChange,t,this,{state:r.DEFAULT})):this.windowStage===r.DEFAULT&&(this.handleFullscreen(t),o.dispatchEvent(this.props.onStageChange,t,this,{state:r.FULLSCREEN}));break;case o.Keys.down:this.windowStage===r.FULLSCREEN?(this.handleRestore(t),o.dispatchEvent(this.props.onStageChange,t,this,{state:r.DEFAULT})):this.windowStage===r.DEFAULT&&(this.handleMinimize(t),o.dispatchEvent(this.props.onStageChange,t,this,{state:r.MINIMIZED}));break}return}if(!t.ctrlKey)switch(t.keyCode){case o.Keys.esc:this.props.onClose&&this.handleCloseWindow(t);return;case o.Keys.up:this.setState({top:this.state.top-u});break;case o.Keys.down:this.setState({top:this.state.top+u});break;case o.Keys.left:this.setState({left:this.state.left-u});break;case o.Keys.right:this.setState({left:this.state.left+u});break;default:return}this.dispatchMoveEvent(this.props.onMove,t,!1,void 0)},this.onPress=t=>{const e=t.event;this.windowCoordinatesState.differenceLeft=e.pageX-this.left,this.windowCoordinatesState.differenceTop=e.pageY-this.top},this.onDrag=t=>{const e=t.event;e.originalEvent.preventDefault(),this.windowStage!==r.FULLSCREEN&&this.props.draggable&&(this.setState({top:Math.max(e.pageY-this.windowCoordinatesState.differenceTop,0),left:e.pageX-this.windowCoordinatesState.differenceLeft,isDragging:!0}),this.props.onMove&&this.dispatchMoveEvent(this.props.onMove,e,!0,!1))},this.onRelease=t=>{const e=t.event;this.windowStage!==r.FULLSCREEN&&this.props.draggable&&this.props.onMove&&this.dispatchMoveEvent(this.props.onMove,e,!0,!0),this.setState({isDragging:!1})},this.onFocus=()=>{this._blurTimeout?(clearTimeout(this._blurTimeout),this._blurTimeout=void 0):this.setState({focused:!0,zIndex:N(this.getCurrentZIndex(),this.getDocument(),this._id)})},this.onBlur=()=>{clearTimeout(this._blurTimeout);const t=this.getWindow();t&&(this._blurTimeout=t.setTimeout(()=>{this.mounted&&this.setState({focused:!1}),this._blurTimeout=void 0}))},this.getInitialTop=()=>{if(this.props.top!==void 0)return this.props.top;if(this.props.initialTop!==void 0)return this.props.initialTop;let t=L;if(this.props.height!==void 0?t=this.props.height:this.props.initialHeight!==void 0&&(t=this.props.initialHeight),this.props.appendTo)return this.props.appendTo.offsetHeight/2-t/2;const e=this.getWindow();return e?e.innerHeight/2-t/2:0},this.getInitialLeft=()=>{if(this.props.left!==void 0)return this.props.left;if(this.props.initialLeft!==void 0)return this.props.initialLeft;let t=v;if(this.props.width!==void 0?t=this.props.width:this.props.initialWidth!==void 0&&(t=this.props.initialWidth),this.props.appendTo)return this.props.appendTo.offsetWidth/2-t/2;const e=this.getWindow();return e?e.innerWidth/2-t/2:0},this.getInitialWidth=()=>{let t=v;return this.props.width!==void 0?t=this.props.width:this.props.initialWidth!==void 0&&(t=this.props.initialWidth),t},this.getInitialHeight=()=>{let t=L;return this.props.height!==void 0?t=this.props.height:this.props.initialHeight!==void 0&&(t=this.props.initialHeight),t},this.handleMinimize=t=>{t.preventDefault(),this.windowCoordinatesState.leftBeforeAction=this.left,this.windowCoordinatesState.topBeforeAction=this.top,this.windowCoordinatesState.widthBeforeAction=this.width,this.windowCoordinatesState.heightBeforeAction=this.height,this.setState({stage:r.MINIMIZED,height:0}),o.dispatchEvent(this.props.onStageChange,t,this,{state:r.MINIMIZED})},this.handleFullscreen=t=>{t.preventDefault(),this.windowCoordinatesState.leftBeforeAction=this.left,this.windowCoordinatesState.topBeforeAction=this.top,this.windowCoordinatesState.widthBeforeAction=this.width,this.windowCoordinatesState.heightBeforeAction=this.height;const e=this.getWindow(),a=e?e.innerWidth:0,l=e?e.innerHeight:0;this.setState({left:0,top:0,width:this.props.appendTo?this.props.appendTo.offsetWidth:a,height:this.props.appendTo?this.props.appendTo.offsetHeight:l,stage:r.FULLSCREEN}),o.dispatchEvent(this.props.onStageChange,t,this,{state:r.FULLSCREEN})},this.handleRestore=t=>{t.preventDefault(),this.windowStage===r.FULLSCREEN?this.setState({stage:r.DEFAULT,left:this.windowCoordinatesState.leftBeforeAction,top:this.windowCoordinatesState.topBeforeAction,width:this.windowCoordinatesState.widthBeforeAction,height:this.windowCoordinatesState.heightBeforeAction}):this.windowStage===r.MINIMIZED&&this.setState({stage:r.DEFAULT,height:this.windowCoordinatesState.heightBeforeAction}),o.dispatchEvent(this.props.onStageChange,t,this,{state:r.DEFAULT})},this.handleCloseWindow=t=>{t.preventDefault(),o.dispatchEvent(this.props.onClose,t,this,{state:void 0})},this.handleDoubleClick=t=>{this.windowStage===r.FULLSCREEN||this.windowStage===r.MINIMIZED?this.handleRestore(t):this.handleFullscreen(t)},this.handleResize=(t,e)=>{const a=this.props.appendTo?t.pageX-this.offSetCoordinates.x:t.pageX,l=this.props.appendTo?t.pageY-this.offSetCoordinates.y:t.pageY,c=this.width,d=this.height,f=this.props.minWidth||F,w=this.props.minHeight||U,g=this.top-l,m=this.left-a;let C=a-this.left,E=l-this.top;const p=Object.assign({},this.state,{isDragging:!e.end});e.direction.indexOf("n")>=0&&w-(d+g)<0&&(this.top>0&&(p.height=d+g),p.top=l),e.direction.indexOf("s")>=0&&w-E<0&&(p.height=E),e.direction.indexOf("w")>=0&&f-(c+m)<0&&(this.left>0&&(p.width=c+m),p.left=a),e.direction.indexOf("e")>=0&&f-C<0&&(p.width=C),this.setState(p),this.dispatchMoveEvent(this.props.onResize,t,!0,e.end)},this.dispatchMoveEvent=(t,e,a,l)=>{t&&t.call(void 0,{nativeEvent:e.nativeEvent?e.nativeEvent:e.originalEvent,drag:a,end:l,target:this,left:this.state.left,top:this.state.top,width:this.state.width,hight:this.state.height,height:this.state.height})},this.handleBrowserWindowResize=()=>{if(this.windowStage===r.FULLSCREEN){const t=this.getWindow(),e=t?t.innerWidth:0,a=t?t.innerHeight:0;this.setState({width:this.props.appendTo?this.props.appendTo.offsetWidth:e,height:this.props.appendTo?this.props.appendTo.offsetHeight:a})}},this.getCurrentZIndex=()=>!this.state||this.context===void 0?this.context?this.context:B:this.state.zIndex>(this.context?this.context+S:0)?this.state.zIndex:this.context+S,this.getDocument=()=>this.props.appendTo?this.props.appendTo.ownerDocument:document,this.getWindow=()=>{const t=this.getDocument();return t&&t.defaultView},o.validatePackage(x),this.showLicenseWatermark=o.shouldShowValidationUI(x),this.state={stage:this.props.stage||r.DEFAULT,isDragging:!1,top:0,left:0,width:v,height:L,focused:!0,zIndex:B}}get _id(){return this.props.id+"-accessibility-id"}componentDidMount(){const i=this.getWindow();i&&i.addEventListener("resize",this.handleBrowserWindowResize),this.setState({stage:this.props.stage||r.DEFAULT,isDragging:!1,top:this.getInitialTop(),left:this.getInitialLeft(),width:this.getInitialWidth(),height:this.getInitialHeight(),focused:!0,zIndex:N(this.getCurrentZIndex(),this.getDocument(),this._id)}),this.windowCoordinatesState={leftBeforeAction:this.getInitialLeft(),topBeforeAction:this.getInitialTop(),widthBeforeAction:this.getInitialWidth(),heightBeforeAction:this.getInitialHeight()};const t=this.getDocument();if(this.props.appendTo&&t){let e=this.props.appendTo.getBoundingClientRect(),a=t.body.getBoundingClientRect();this.offSetCoordinates.x=e.left-a.left,this.offSetCoordinates.y=e.top-a.top}this.mounted=!0}componentWillUnmount(){const i=this.getWindow();i&&i.removeEventListener("resize",this.handleBrowserWindowResize),this.mounted=!1}componentDidUpdate(){const i=this.getDocument();if(this.props.appendTo&&i){let t=this.props.appendTo.getBoundingClientRect(),e=i.body.getBoundingClientRect();this.offSetCoordinates.x=t.left-e.left,this.offSetCoordinates.y=t.top-e.top}this.mounted=!0}render(){const i=s.Children.toArray(this.props.children),t=this.getContent(i),e=this.getActionBar(i),a=this.getCurrentZIndex(),l=o.classNames("k-window",this.props.className,{[`k-window-${this.props.themeColor}`]:this.props.themeColor,"k-window-minimized":this.state.stage==="MINIMIZED","k-window-focused":this.state.focused}),c=s.createElement(o.ZIndexContext.Provider,{value:a},s.createElement(s.Fragment,null,this.props.modal&&s.createElement("div",{className:"k-overlay",style:{zIndex:a,...this.props.overlayStyle}}),s.createElement("div",{id:this.props.id,[O]:this._id,tabIndex:0,role:"dialog","aria-labelledby":this.titleId,onFocus:this.onFocus,onBlur:this.onBlur,onKeyDown:this.onKeyDown,ref:d=>{this.windowElement=d,this.element=d},className:l,style:{top:this.top,left:this.left,width:this.width,height:this.height||"",zIndex:a,...this.props.style}},s.createElement(ot,{shouldUpdateOnDrag:this.props.shouldUpdateOnDrag||!1,isDragging:this.state.isDragging},s.createElement(o.Draggable,{onPress:this.onPress,onDrag:this.onDrag,onRelease:this.onRelease,ref:d=>this.draggable=d},s.createElement(et,{stage:this.windowStage,onDoubleClick:this.props.doubleClickStageChange?this.handleDoubleClick:void 0,onMinimizeButtonClick:this.handleMinimize,onFullScreenButtonClick:this.handleFullscreen,onRestoreButtonClick:this.handleRestore,onCloseButtonClick:this.handleCloseWindow,closeButton:this.props.closeButton,minimizeButton:this.props.minimizeButton,maximizeButton:this.props.maximizeButton,restoreButton:this.props.restoreButton,id:this.titleId},this.props.title)),this.windowStage!==r.MINIMIZED?s.createElement(s.Fragment,null,s.createElement("div",{className:"k-window-content"},t),e):null,this.windowStage===r.DEFAULT&&this.props.resizable?s.createElement(st,{onResize:this.handleResize}):null),this.showLicenseWatermark&&s.createElement(o.WatermarkOverlay,null))));return o.canUseDOM?this.props.appendTo!==null?P.createPortal(c,this.props.appendTo||document.body):c:null}get top(){return this.windowStage!==r.FULLSCREEN?Math.max(this.props.top||this.state.top,0):0}get left(){return this.windowStage!==r.FULLSCREEN?Math.max(this.props.left||this.state.left,0):0}get width(){let i=this.props.width||this.state.width;if(this.windowStage===r.FULLSCREEN){if(this.props.appendTo)return i=this.props.appendTo.offsetWidth,i;const t=this.getWindow();i=t?t.innerWidth:0}return i}get height(){let i=this.props.height||this.state.height;if(this.windowStage===r.FULLSCREEN){if(this.props.appendTo)return i=this.props.appendTo.offsetHeight,i;const t=this.getWindow();i=t?t.innerHeight:0}else this.windowStage===r.MINIMIZED&&(i=0);return i}get windowStage(){return this.props.stage||this.state.stage}getActionBar(i){return i.filter(t=>t&&t.type===W)}getContent(i){return i.filter(t=>t&&t.type!==W)}generateTitleId(){return"window-title-"+this._id}}k.displayName="Window";k.propTypes={width:n.number,height:n.number,left:n.number,top:n.number,initialWidth:n.number,initialHeight:n.number,initialLeft:n.number,initialTop:n.number,minWidth:n.number,minHeight:n.number,resizable:n.bool,draggable:n.bool,title:n.any,shouldUpdateOnDrag:n.bool,stage:n.oneOf(["DEFAULT","MINIMIZED","FULLSCREEN"]),className:n.string,id:n.string,style:n.object,overlayStyle:n.object};k.defaultProps={minWidth:F,minHeight:U,resizable:!0,draggable:!0,modal:!1,doubleClickStageChange:!0};k.contextType=o.ZIndexContext;const q=o.createPropsContext(),G=o.withIdHOC(o.withPropsContext(q,k));G.displayName="KendoReactWindow";exports.Dialog=j;exports.DialogActionsBar=T;exports.DialogPropsContext=K;exports.Window=G;exports.WindowActionsBar=W;exports.WindowPropsContext=q;
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./Dialog.js"),n=require("./DialogActionsBar.js"),i=require("./Window.js"),t=require("./WindowActionsBar.js");exports.Dialog=o.Dialog;exports.DialogPropsContext=o.DialogPropsContext;exports.DialogActionsBar=n.DialogActionsBar;exports.Window=i.Window;exports.WindowPropsContext=i.WindowPropsContext;exports.WindowActionsBar=t.WindowActionsBar;