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

package/index.mjs

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

package/{dist/npm/messages → messages}/index.d.ts

@@ -1,3 +1,7 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the package root for more information
+*-------------------------------------------------------------------------------------------*/
 /**
  * @hidden
  */

package/models/actions-layout.d.ts

@@ -0,0 +1,8 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the package root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * Lists the possible layout of the dialogs action buttons.
+ */
+export type ActionsLayout = 'start' | 'center' | 'end' | 'stretched';