@progress/kendo-react-layout 10.1.0-develop.1 → 10.1.0-develop.2

package/contextmenu/ContextMenu.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),r=require("@progress/kendo-react-common"),i=require("@progress/kendo-react-popup"),m=require("../menu/components/Menu.js");function f(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const u=f(l),s=e=>{const t=u.useRef(null),n=r.useId(e.id);return u.useEffect(()=>{e.show&&setTimeout(()=>{const o=t.current&&t.current.element,c=o&&o.querySelector(".k-menu-item"),a=r.getActiveElement(c&&c.ownerDocument);c&&c!==a&&c.focus()})},[e.show]),u.createElement(i.Popup,{show:e.show,offset:e.offset,popupClass:"k-menu-popup k-overflow-visible",animate:!1},u.createElement(m.Menu,{id:n,vertical:!0,...e,ref:t,className:r.classNames("k-context-menu",e.className),onClose:e.onClose,role:"menu"},e.children))};s.displayName="KendoReactContextMenu";exports.ContextMenu=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react"),s=require("@progress/kendo-react-common"),d=require("@progress/kendo-react-popup"),b=require("../menu/components/Menu.js");function g(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const u=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,u.get?u:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const c=g(f),i=e=>{const t=c.useRef(null),[n,u]=c.useState(e.show),l=s.useId(e.id),{animate:r=v.animate}=e;return c.useEffect(()=>{u(e.show),e.show&&setTimeout(()=>{const a=t.current&&t.current.element,o=a&&a.querySelector(".k-menu-item"),m=s.getActiveElement(o&&o.ownerDocument);o&&o!==m&&o.focus()})},[e.show]),c.createElement(d.Popup,{show:n,offset:e.offset,popupClass:"k-menu-popup k-overflow-visible",animate:r},c.createElement(b.Menu,{id:l,vertical:!0,...e,ref:t,className:s.classNames("k-context-menu",e.className),onClose:e.onClose,role:"menu"},e.children))},v={animate:{openDuration:300,closeDuration:300}};i.displayName="KendoReactContextMenu";exports.ContextMenu=i;

package/contextmenu/ContextMenu.mjs

@@ -6,31 +6,33 @@
  *-------------------------------------------------------------------------------------------
  */
 import * as n from "react";
-import { useId as u, getActiveElement as l, classNames as a } from "@progress/kendo-react-common";
-import { Popup as f } from "@progress/kendo-react-popup";
-import { Menu as i } from "../menu/components/Menu.mjs";
-const r = (e) => {
-  const o = n.useRef(null), c = u(e.id);
+import { useId as l, getActiveElement as r, classNames as f } from "@progress/kendo-react-common";
+import { Popup as d } from "@progress/kendo-react-popup";
+import { Menu as w } from "../menu/components/Menu.mjs";
+const h = (e) => {
+  const o = n.useRef(null), [s, c] = n.useState(e.show), u = l(e.id), { animate: a = v.animate } = e;
   return n.useEffect(() => {
-    e.show && setTimeout(() => {
-      const m = o.current && o.current.element, t = m && m.querySelector(".k-menu-item"), s = l(t && t.ownerDocument);
-      t && t !== s && t.focus();
+    c(e.show), e.show && setTimeout(() => {
+      const m = o.current && o.current.element, t = m && m.querySelector(".k-menu-item"), i = r(t && t.ownerDocument);
+      t && t !== i && t.focus();
     });
-  }, [e.show]), /* @__PURE__ */ n.createElement(f, { show: e.show, offset: e.offset, popupClass: "k-menu-popup k-overflow-visible", animate: !1 }, /* @__PURE__ */ n.createElement(
-    i,
+  }, [e.show]), /* @__PURE__ */ n.createElement(d, { show: s, offset: e.offset, popupClass: "k-menu-popup k-overflow-visible", animate: a }, /* @__PURE__ */ n.createElement(
+    w,
     {
-      id: c,
+      id: u,
       vertical: !0,
       ...e,
       ref: o,
-      className: a("k-context-menu", e.className),
+      className: f("k-context-menu", e.className),
       onClose: e.onClose,
       role: "menu"
     },
     e.children
   ));
+}, v = {
+  animate: { openDuration: 300, closeDuration: 300 }
 };
-r.displayName = "KendoReactContextMenu";
+h.displayName = "KendoReactContextMenu";
 export {
-  r as ContextMenu
+  h as ContextMenu
 };