@progress/kendo-react-dialogs 10.2.0-develop.6 → 10.2.0-develop.8

package/index.d.mts

@@ -67,47 +67,102 @@ export declare interface DialogHandle extends Pick<DialogWithoutContext, keyof D
  */
 export declare interface DialogProps {
     /**
-     * Focus the Dialog container automatically when mounted. By default the autoFocus is false.
+     * Set the focus the Dialog container automatically when mounted. By default, the `autoFocus` is `false`.
+     *
+     * @example
+     * ```jsx
+     * <Dialog autoFocus={true} />
+     * ```
      */
     autoFocus?: boolean;
     /**
      * Specifies the query selector used to set the initial focus ([see examples]({% slug initial_focus_dialogs %})).
+     *
+     * @example
+     * ```jsx
+     * <Dialog autoFocusedElement="#input-id" />
+     * ```
      */
     autoFocusedElement?: string;
     /**
      * Sets the title of the Dialog ([see example]({% slug title_dialog %})). If `title` is not specified, the Dialog does not render a **Close** button.
+     *
+     * @example
+     * ```jsx
+     * <Dialog title="Dialog Title" />
+     * ```
      */
     title?: string | React.ReactElement<any>;
     /**
      * Sets a class of the Dialog DOM element.
+     *
+     * @example
+     * ```jsx
+     * <Dialog className="custom-class" />
+     * ```
      */
     className?: string;
     /**
      * Specifies whether a close button should be rendered at the top corner of the dialog.
+     *
+     * @example
+     * ```jsx
+     * <Dialog closeIcon={true} />
+     * ```
      */
     closeIcon?: boolean;
     /**
      * Specifies if the Dialog will be modal by rendering an overlay under the component. Defaults to `true`.
+     *
+     * @example
+     * ```jsx
+     * <Dialog modal={false} />
+     * ```
      */
     modal?: boolean;
     /**
      * Set styles to the Dialog overlay element rendered when the `modal` prop is enabled.
+     *
+     * @example
+     * ```jsx
+     * <Dialog overlayStyle={{ backgroundColor: 'rgba(0, 0, 0, 0.5)' }} />
+     * ```
      */
     overlayStyle?: React.CSSProperties;
     /**
      * Specifies the width of the Dialog ([see example]({% slug dimensions_dialog %})).
+     *
+     * @example
+     * ```jsx
+     * <Dialog width="400px" />
+     * ```
      */
     width?: number | string;
     /**
      * Specifies the height of the Dialog ([see example]({% slug dimensions_dialog %})).
+     *
+     * @example
+     * ```jsx
+     * <Dialog height="300px" />
+     * ```
      */
     height?: number | string;
     /**
      * Specifies the minimum width of the Dialog.
+     *
+     * @example
+     * ```jsx
+     * <Dialog minWidth="200px" />
+     * ```
      */
     minWidth?: number | string;
     /**
      * Fires when the **Close** button in the title is clicked or when the `Esc` button is pressed.
+     *
+     * @example
+     * ```jsx
+     * <Dialog onClose={(event) => console.log(event)} />
+     * ```
      */
     onClose?: (event: DialogCloseEvent) => void;
     /**
@@ -116,23 +171,48 @@ export declare interface DialogProps {
     children?: React.ReactNode;
     /**
      * Sets the `aria-labelledby` value.
+     *
+     * @example
+     * ```jsx
+     * <Dialog id="dialog-id" />
+     * ```
      */
     id?: string;
     /**
      * Represents the `dir` HTML attribute.
+     *
+     * @example
+     * ```jsx
+     * <Dialog dir="rtl" />
+     * ```
      */
     dir?: string;
     /**
      * The styles that are applied to the Dialog.
+     *
+     * @example
+     * ```jsx
+     * <Dialog style={{ border: '1px solid black' }} />
+     * ```
      */
     style?: React.CSSProperties;
     /**
      * The styles that are applied to the content of the Dialog.
+     *
+     * @example
+     * ```jsx
+     * <Dialog contentStyle={{ padding: '20px' }} />
+     * ```
      */
     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.
+     *
+     * @example
+     * ```jsx
+     * <Dialog appendTo={document.getElementById('container')} />
+     * ```
      */
     appendTo?: any;
     /**
@@ -143,6 +223,10 @@ export declare interface DialogProps {
      * - dark
      * - light
      *
+     * @example
+     * ```jsx
+     * <Dialog themeColor="dark" />
+     * ```
      */
     themeColor?: 'primary' | 'dark' | 'light';
 }
@@ -317,11 +401,21 @@ export declare interface WindowMoveEvent {
 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.
+     * If set to `null`, the Window will be rendered without React Portal.
+     *
+     * @example
+     * ```jsx
+     * <Window appendTo={document.body} />
+     * ```
      */
     appendTo?: HTMLElement | null;
     /**
-     * Focus the Window container automatically when mounted. By default the autoFocus is true.
+     * Focus the Window container automatically when mounted. By default, the `autoFocus` is `true`.
+     *
+     * @example
+     * ```jsx
+     * <Window autoFocus={false} />
+     * ```
      */
     autoFocus?: boolean;
     /**
@@ -330,82 +424,182 @@ export declare interface WindowProps {
     children?: React.ReactNode;
     /**
      * Specifies if the Window will render the close button.
+     *
+     * @example
+     * ```jsx
+     * <Window closeButton={CustomCloseButton} />
+     * ```
      */
     closeButton?: React.ComponentType<any>;
     /**
-     * Specifies if the Window stage will change on title double click. The this is on by default.
+     * Specifies if the Window stage will change on title double click. This is on by default.
+     *
+     * @example
+     * ```jsx
+     * <Window doubleClickStageChange={false} />
+     * ```
      */
     doubleClickStageChange?: boolean;
     /**
      * Specifies if the Window will be draggable ([see example]({% slug positioningdragging_window %}#toc-dragging)).
+     *
+     * @example
+     * ```jsx
+     * <Window draggable={true} />
+     * ```
      */
     draggable?: boolean;
     /**
      * Specifies the height of the Window ([see example]({% slug dimensionsresizing_window %}#toc-dimensions)).
+     *
+     * @example
+     * ```jsx
+     * <Window height={500} />
+     * ```
      */
     height?: number;
     /**
      * Specifies the initial `left` value ([see example]({% slug positioningdragging_window %}#toc-positioning)). The Window will be in an uncontrolled mode.
+     *
+     * @example
+     * ```jsx
+     * <Window initialLeft={100} />
+     * ```
      */
     initialLeft?: number;
     /**
      * Specifies the initial `top` value ([see example]({% slug positioningdragging_window %}#toc-positioning)). The component will be in an uncontrolled mode.
+     *
+     * @example
+     * ```jsx
+     * <Window initialTop={50} />
+     * ```
      */
     initialTop?: number;
     /**
      * Specifies the initial width of the Window ([see example]({% slug dimensionsresizing_window %}#toc-dimensions)). The component will be in an uncontrolled mode.
+     *
+     * @example
+     * ```jsx
+     * <Window initialWidth={300} />
+     * ```
      */
     initialWidth?: number;
     /**
      * Specifies the initial height of the Window ([see example]({% slug dimensionsresizing_window %}#toc-dimensions)). The component will be in an uncontrolled mode.
+     *
+     * @example
+     * ```jsx
+     * <Window initialHeight={200} />
+     * ```
      */
     initialHeight?: number;
     /**
      * Specifies the left coordinates of the Window.
+     *
+     * @example
+     * ```jsx
+     * <Window left={150} />
+     * ```
      */
     left?: number;
     /**
      * Specifies if the Window will render the maximize button.
+     *
+     * @example
+     * ```jsx
+     * <Window maximizeButton={CustomMaximizeButton} />
+     * ```
      */
     maximizeButton?: React.ComponentType<any>;
     /**
      * Specifies the minimum height of the Window ([see example]({% slug dimensionsresizing_window %}#toc-resizing)).
+     *
+     * @example
+     * ```jsx
+     * <Window minHeight={100} />
+     * ```
      */
     minHeight?: number;
     /**
      * Specifies the minimum width of the Window ([see example]({% slug dimensionsresizing_window %}#toc-resizing)).
+     *
+     * @example
+     * ```jsx
+     * <Window minWidth={100} />
+     * ```
      */
     minWidth?: number;
     /**
      * Specifies if the Window will render the minimize button.
+     *
+     * @example
+     * ```jsx
+     * <Window minimizeButton={CustomMinimizeButton} />
+     * ```
      */
     minimizeButton?: React.ComponentType<any>;
     /**
      * Specifies if the Window will be modal by rendering an overlay under the component.
+     *
+     * @example
+     * ```jsx
+     * <Window modal={true} />
+     * ```
      */
     modal?: boolean;
     /**
      * Specifies if the Window will be resizable ([see example]({% slug dimensionsresizing_window %}#toc-resizing)).
+     *
+     * @example
+     * ```jsx
+     * <Window resizable={true} />
+     * ```
      */
     resizable?: boolean;
     /**
      * Specifies if the Window will render the restore button.
+     *
+     * @example
+     * ```jsx
+     * <Window restoreButton={CustomRestoreButton} />
+     * ```
      */
     restoreButton?: React.ComponentType<any>;
     /**
      * Specifies if the Window content will update during resizing.
+     *
+     * @example
+     * ```jsx
+     * <Window shouldUpdateOnDrag={true} />
+     * ```
      */
     shouldUpdateOnDrag?: boolean;
     /**
      * Specifies the title of the Window ([see example]({% slug title_window %})).
+     *
+     * @example
+     * ```jsx
+     * <Window title="My Window" />
+     * ```
      */
     title?: React.ReactNode | string;
     /**
      * Specifies the top coordinates of the Window.
+     *
+     * @example
+     * ```jsx
+     * <Window top={100} />
+     * ```
      */
     top?: number;
     /**
      * Specifies the width of the Window.
+     *
+     * @example
+     * ```jsx
+     * <Window width={400} />
+     * ```
      */
     width?: number;
     /**
@@ -415,18 +609,38 @@ export declare interface WindowProps {
      * * `DEFAULT`
      * * `MINIMIZED`
      * * `FULLSCREEN`
+     *
+     * @example
+     * ```jsx
+     * <Window stage="DEFAULT" />
+     * ```
      */
     stage?: windowStage | string;
     /**
      * Set styles to the Window element.
+     *
+     * @example
+     * ```jsx
+     * <Window style={{ backgroundColor: 'red' }} />
+     * ```
      */
     style?: React.CSSProperties;
     /**
      * Set styles to the Window overlay element rendered when the `modal` prop is enabled.
+     *
+     * @example
+     * ```jsx
+     * <Window overlayStyle={{ opacity: 0.5 }} />
+     * ```
      */
     overlayStyle?: React.CSSProperties;
     /**
      * Sets a class of the Window DOM element.
+     *
+     * @example
+     * ```jsx
+     * <Window className="custom-class" />
+     * ```
      */
     className?: string;
     /**
@@ -437,26 +651,55 @@ export declare interface WindowProps {
      * - dark
      * - light
      *
+     * @example
+     * ```jsx
+     * <Window themeColor="dark" />
+     * ```
      */
     themeColor?: 'primary' | 'dark' | 'light';
     /**
      * Fires when the **Close** button in the title is clicked or when the `Esc` button is pressed.
+     *
+     * @example
+     * ```jsx
+     * <Window onClose={(event) => console.log('Window closed', event)} />
+     * ```
      */
     onClose?: (event: WindowActionsEvent) => void;
     /**
      * Fires when the Window is dragged.
+     *
+     * @example
+     * ```jsx
+     * <Window onMove={(event) => console.log('Window moved', event)} />
+     * ```
      */
     onMove?: (event: WindowMoveEvent) => void;
     /**
      * Fires when the `DEFAULT`, `FULLSCREEN`, or `MINIMIZED` state of the Window is changed.
+     *
+     * @example
+     * ```jsx
+     * <Window onStageChange={(event) => console.log('Stage changed', event)} />
+     * ```
      */
     onStageChange?: (event: WindowActionsEvent) => void;
     /**
      * Fires when the Window resizes.
+     *
+     * @example
+     * ```jsx
+     * <Window onResize={(event) => console.log('Window resized', event)} />
+     * ```
      */
     onResize?: (event: WindowMoveEvent) => void;
     /**
      * Sets the `id` attribute value of the wrapper element of the Window.
+     *
+     * @example
+     * ```jsx
+     * <Window id="my-window" />
+     * ```
      */
     id?: string;
 }

package/index.d.ts

@@ -67,47 +67,102 @@ export declare interface DialogHandle extends Pick<DialogWithoutContext, keyof D
  */
 export declare interface DialogProps {
     /**
-     * Focus the Dialog container automatically when mounted. By default the autoFocus is false.
+     * Set the focus the Dialog container automatically when mounted. By default, the `autoFocus` is `false`.
+     *
+     * @example
+     * ```jsx
+     * <Dialog autoFocus={true} />
+     * ```
      */
     autoFocus?: boolean;
     /**
      * Specifies the query selector used to set the initial focus ([see examples]({% slug initial_focus_dialogs %})).
+     *
+     * @example
+     * ```jsx
+     * <Dialog autoFocusedElement="#input-id" />
+     * ```
      */
     autoFocusedElement?: string;
     /**
      * Sets the title of the Dialog ([see example]({% slug title_dialog %})). If `title` is not specified, the Dialog does not render a **Close** button.
+     *
+     * @example
+     * ```jsx
+     * <Dialog title="Dialog Title" />
+     * ```
      */
     title?: string | React.ReactElement<any>;
     /**
      * Sets a class of the Dialog DOM element.
+     *
+     * @example
+     * ```jsx
+     * <Dialog className="custom-class" />
+     * ```
      */
     className?: string;
     /**
      * Specifies whether a close button should be rendered at the top corner of the dialog.
+     *
+     * @example
+     * ```jsx
+     * <Dialog closeIcon={true} />
+     * ```
      */
     closeIcon?: boolean;
     /**
      * Specifies if the Dialog will be modal by rendering an overlay under the component. Defaults to `true`.
+     *
+     * @example
+     * ```jsx
+     * <Dialog modal={false} />
+     * ```
      */
     modal?: boolean;
     /**
      * Set styles to the Dialog overlay element rendered when the `modal` prop is enabled.
+     *
+     * @example
+     * ```jsx
+     * <Dialog overlayStyle={{ backgroundColor: 'rgba(0, 0, 0, 0.5)' }} />
+     * ```
      */
     overlayStyle?: React.CSSProperties;
     /**
      * Specifies the width of the Dialog ([see example]({% slug dimensions_dialog %})).
+     *
+     * @example
+     * ```jsx
+     * <Dialog width="400px" />
+     * ```
      */
     width?: number | string;
     /**
      * Specifies the height of the Dialog ([see example]({% slug dimensions_dialog %})).
+     *
+     * @example
+     * ```jsx
+     * <Dialog height="300px" />
+     * ```
      */
     height?: number | string;
     /**
      * Specifies the minimum width of the Dialog.
+     *
+     * @example
+     * ```jsx
+     * <Dialog minWidth="200px" />
+     * ```
      */
     minWidth?: number | string;
     /**
      * Fires when the **Close** button in the title is clicked or when the `Esc` button is pressed.
+     *
+     * @example
+     * ```jsx
+     * <Dialog onClose={(event) => console.log(event)} />
+     * ```
      */
     onClose?: (event: DialogCloseEvent) => void;
     /**
@@ -116,23 +171,48 @@ export declare interface DialogProps {
     children?: React.ReactNode;
     /**
      * Sets the `aria-labelledby` value.
+     *
+     * @example
+     * ```jsx
+     * <Dialog id="dialog-id" />
+     * ```
      */
     id?: string;
     /**
      * Represents the `dir` HTML attribute.
+     *
+     * @example
+     * ```jsx
+     * <Dialog dir="rtl" />
+     * ```
      */
     dir?: string;
     /**
      * The styles that are applied to the Dialog.
+     *
+     * @example
+     * ```jsx
+     * <Dialog style={{ border: '1px solid black' }} />
+     * ```
      */
     style?: React.CSSProperties;
     /**
      * The styles that are applied to the content of the Dialog.
+     *
+     * @example
+     * ```jsx
+     * <Dialog contentStyle={{ padding: '20px' }} />
+     * ```
      */
     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.
+     *
+     * @example
+     * ```jsx
+     * <Dialog appendTo={document.getElementById('container')} />
+     * ```
      */
     appendTo?: any;
     /**
@@ -143,6 +223,10 @@ export declare interface DialogProps {
      * - dark
      * - light
      *
+     * @example
+     * ```jsx
+     * <Dialog themeColor="dark" />
+     * ```
      */
     themeColor?: 'primary' | 'dark' | 'light';
 }
@@ -317,11 +401,21 @@ export declare interface WindowMoveEvent {
 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.
+     * If set to `null`, the Window will be rendered without React Portal.
+     *
+     * @example
+     * ```jsx
+     * <Window appendTo={document.body} />
+     * ```
      */
     appendTo?: HTMLElement | null;
     /**
-     * Focus the Window container automatically when mounted. By default the autoFocus is true.
+     * Focus the Window container automatically when mounted. By default, the `autoFocus` is `true`.
+     *
+     * @example
+     * ```jsx
+     * <Window autoFocus={false} />
+     * ```
      */
     autoFocus?: boolean;
     /**
@@ -330,82 +424,182 @@ export declare interface WindowProps {
     children?: React.ReactNode;
     /**
      * Specifies if the Window will render the close button.
+     *
+     * @example
+     * ```jsx
+     * <Window closeButton={CustomCloseButton} />
+     * ```
      */
     closeButton?: React.ComponentType<any>;
     /**
-     * Specifies if the Window stage will change on title double click. The this is on by default.
+     * Specifies if the Window stage will change on title double click. This is on by default.
+     *
+     * @example
+     * ```jsx
+     * <Window doubleClickStageChange={false} />
+     * ```
      */
     doubleClickStageChange?: boolean;
     /**
      * Specifies if the Window will be draggable ([see example]({% slug positioningdragging_window %}#toc-dragging)).
+     *
+     * @example
+     * ```jsx
+     * <Window draggable={true} />
+     * ```
      */
     draggable?: boolean;
     /**
      * Specifies the height of the Window ([see example]({% slug dimensionsresizing_window %}#toc-dimensions)).
+     *
+     * @example
+     * ```jsx
+     * <Window height={500} />
+     * ```
      */
     height?: number;
     /**
      * Specifies the initial `left` value ([see example]({% slug positioningdragging_window %}#toc-positioning)). The Window will be in an uncontrolled mode.
+     *
+     * @example
+     * ```jsx
+     * <Window initialLeft={100} />
+     * ```
      */
     initialLeft?: number;
     /**
      * Specifies the initial `top` value ([see example]({% slug positioningdragging_window %}#toc-positioning)). The component will be in an uncontrolled mode.
+     *
+     * @example
+     * ```jsx
+     * <Window initialTop={50} />
+     * ```
      */
     initialTop?: number;
     /**
      * Specifies the initial width of the Window ([see example]({% slug dimensionsresizing_window %}#toc-dimensions)). The component will be in an uncontrolled mode.
+     *
+     * @example
+     * ```jsx
+     * <Window initialWidth={300} />
+     * ```
      */
     initialWidth?: number;
     /**
      * Specifies the initial height of the Window ([see example]({% slug dimensionsresizing_window %}#toc-dimensions)). The component will be in an uncontrolled mode.
+     *
+     * @example
+     * ```jsx
+     * <Window initialHeight={200} />
+     * ```
      */
     initialHeight?: number;
     /**
      * Specifies the left coordinates of the Window.
+     *
+     * @example
+     * ```jsx
+     * <Window left={150} />
+     * ```
      */
     left?: number;
     /**
      * Specifies if the Window will render the maximize button.
+     *
+     * @example
+     * ```jsx
+     * <Window maximizeButton={CustomMaximizeButton} />
+     * ```
      */
     maximizeButton?: React.ComponentType<any>;
     /**
      * Specifies the minimum height of the Window ([see example]({% slug dimensionsresizing_window %}#toc-resizing)).
+     *
+     * @example
+     * ```jsx
+     * <Window minHeight={100} />
+     * ```
      */
     minHeight?: number;
     /**
      * Specifies the minimum width of the Window ([see example]({% slug dimensionsresizing_window %}#toc-resizing)).
+     *
+     * @example
+     * ```jsx
+     * <Window minWidth={100} />
+     * ```
      */
     minWidth?: number;
     /**
      * Specifies if the Window will render the minimize button.
+     *
+     * @example
+     * ```jsx
+     * <Window minimizeButton={CustomMinimizeButton} />
+     * ```
      */
     minimizeButton?: React.ComponentType<any>;
     /**
      * Specifies if the Window will be modal by rendering an overlay under the component.
+     *
+     * @example
+     * ```jsx
+     * <Window modal={true} />
+     * ```
      */
     modal?: boolean;
     /**
      * Specifies if the Window will be resizable ([see example]({% slug dimensionsresizing_window %}#toc-resizing)).
+     *
+     * @example
+     * ```jsx
+     * <Window resizable={true} />
+     * ```
      */
     resizable?: boolean;
     /**
      * Specifies if the Window will render the restore button.
+     *
+     * @example
+     * ```jsx
+     * <Window restoreButton={CustomRestoreButton} />
+     * ```
      */
     restoreButton?: React.ComponentType<any>;
     /**
      * Specifies if the Window content will update during resizing.
+     *
+     * @example
+     * ```jsx
+     * <Window shouldUpdateOnDrag={true} />
+     * ```
      */
     shouldUpdateOnDrag?: boolean;
     /**
      * Specifies the title of the Window ([see example]({% slug title_window %})).
+     *
+     * @example
+     * ```jsx
+     * <Window title="My Window" />
+     * ```
      */
     title?: React.ReactNode | string;
     /**
      * Specifies the top coordinates of the Window.
+     *
+     * @example
+     * ```jsx
+     * <Window top={100} />
+     * ```
      */
     top?: number;
     /**
      * Specifies the width of the Window.
+     *
+     * @example
+     * ```jsx
+     * <Window width={400} />
+     * ```
      */
     width?: number;
     /**
@@ -415,18 +609,38 @@ export declare interface WindowProps {
      * * `DEFAULT`
      * * `MINIMIZED`
      * * `FULLSCREEN`
+     *
+     * @example
+     * ```jsx
+     * <Window stage="DEFAULT" />
+     * ```
      */
     stage?: windowStage | string;
     /**
      * Set styles to the Window element.
+     *
+     * @example
+     * ```jsx
+     * <Window style={{ backgroundColor: 'red' }} />
+     * ```
      */
     style?: React.CSSProperties;
     /**
      * Set styles to the Window overlay element rendered when the `modal` prop is enabled.
+     *
+     * @example
+     * ```jsx
+     * <Window overlayStyle={{ opacity: 0.5 }} />
+     * ```
      */
     overlayStyle?: React.CSSProperties;
     /**
      * Sets a class of the Window DOM element.
+     *
+     * @example
+     * ```jsx
+     * <Window className="custom-class" />
+     * ```
      */
     className?: string;
     /**
@@ -437,26 +651,55 @@ export declare interface WindowProps {
      * - dark
      * - light
      *
+     * @example
+     * ```jsx
+     * <Window themeColor="dark" />
+     * ```
      */
     themeColor?: 'primary' | 'dark' | 'light';
     /**
      * Fires when the **Close** button in the title is clicked or when the `Esc` button is pressed.
+     *
+     * @example
+     * ```jsx
+     * <Window onClose={(event) => console.log('Window closed', event)} />
+     * ```
      */
     onClose?: (event: WindowActionsEvent) => void;
     /**
      * Fires when the Window is dragged.
+     *
+     * @example
+     * ```jsx
+     * <Window onMove={(event) => console.log('Window moved', event)} />
+     * ```
      */
     onMove?: (event: WindowMoveEvent) => void;
     /**
      * Fires when the `DEFAULT`, `FULLSCREEN`, or `MINIMIZED` state of the Window is changed.
+     *
+     * @example
+     * ```jsx
+     * <Window onStageChange={(event) => console.log('Stage changed', event)} />
+     * ```
      */
     onStageChange?: (event: WindowActionsEvent) => void;
     /**
      * Fires when the Window resizes.
+     *
+     * @example
+     * ```jsx
+     * <Window onResize={(event) => console.log('Window resized', event)} />
+     * ```
      */
     onResize?: (event: WindowMoveEvent) => void;
     /**
      * Sets the `id` attribute value of the wrapper element of the Window.
+     *
+     * @example
+     * ```jsx
+     * <Window id="my-window" />
+     * ```
      */
     id?: string;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-dialogs",
-  "version": "10.2.0-develop.6",
+  "version": "10.2.0-develop.8",
   "description": "React Dialogs provide modal and non-modal windows for showing additional information to the user. KendoReact Dialogs package",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -26,9 +26,9 @@
   "sideEffects": false,
   "peerDependencies": {
     "@progress/kendo-licensing": "^1.5.1",
-    "@progress/kendo-react-buttons": "10.2.0-develop.6",
-    "@progress/kendo-react-common": "10.2.0-develop.6",
-    "@progress/kendo-react-intl": "10.2.0-develop.6",
+    "@progress/kendo-react-buttons": "10.2.0-develop.8",
+    "@progress/kendo-react-common": "10.2.0-develop.8",
+    "@progress/kendo-react-intl": "10.2.0-develop.8",
     "@progress/kendo-svg-icons": "^4.0.0",
     "react": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc",
     "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"