@progress/kendo-react-layout 9.0.0-develop.1 → 9.0.0-develop.3

package/drawer/Drawer.mjs

@@ -30,16 +30,16 @@ const u = t.forwardRef((l, p) => {
     tabIndex: g,
     onOverlayClick: E,
     onSelect: s
-  } = l, a = t.useRef(null), N = t.useCallback(
-    () => {
-      a.current && a.current.focus();
-    },
-    []
+  } = l, a = t.useRef(null), N = t.useCallback(() => {
+    a.current && a.current.focus();
+  }, []);
+  t.useImperativeHandle(
+    p,
+    () => ({
+      element: a.current,
+      focus: N
+    })
   );
-  t.useImperativeHandle(p, () => ({
-    element: a.current,
-    focus: N
-  }));
   const C = t.useCallback(
     (P, R, d) => {
       if (i && s) {
@@ -82,18 +82,7 @@ const u = t.forwardRef((l, p) => {
         onSelect: C
       }
     },
-    /* @__PURE__ */ t.createElement(
-      "div",
-      {
-        className: D,
-        ref: a,
-        dir: c,
-        style: h,
-        tabIndex: g
-      },
-      i && /* @__PURE__ */ t.createElement(I, null),
-      w
-    )
+    /* @__PURE__ */ t.createElement("div", { className: D, ref: a, dir: c, style: h, tabIndex: g }, i && /* @__PURE__ */ t.createElement(I, null), w)
   );
 });
 u.propTypes = {

package/drawer/DrawerContent.mjs

@@ -11,9 +11,12 @@ import t from "prop-types";
 import { classNames as p } from "@progress/kendo-react-common";
 const s = e.forwardRef((n, a) => {
   const { children: o, className: c, style: l } = n, r = e.useRef(null);
-  e.useImperativeHandle(a, () => ({
-    element: r.current
-  }));
+  e.useImperativeHandle(
+    a,
+    () => ({
+      element: r.current
+    })
+  );
   const m = p(
     {
       "k-drawer-content": !0

package/drawer/DrawerItem.mjs

@@ -25,17 +25,17 @@ const d = e.forwardRef((s, u) => {
     tabIndex: x,
     children: k,
     ...g
-  } = s, { expanded: F, mini: H, item: N } = e.useContext(j), r = e.useRef(null), i = e.useCallback(
-    () => {
-      r.current && r.current.focus();
-    },
-    []
+  } = s, { expanded: F, mini: H, item: N } = e.useContext(j), r = e.useRef(null), i = e.useCallback(() => {
+    r.current && r.current.focus();
+  }, []);
+  e.useImperativeHandle(
+    u,
+    () => ({
+      element: r.current,
+      focus: i,
+      props: s
+    })
   );
-  e.useImperativeHandle(u, () => ({
-    element: r.current,
-    focus: i,
-    props: s
-  }));
   const w = v(
     "k-drawer-item",
     {

package/drawer/DrawerNavigation.mjs

@@ -12,141 +12,120 @@ import { DrawerContext as G } from "./context/DrawerContext.mjs";
 import { DrawerItem as J } from "./DrawerItem.mjs";
 import { validatePackage as Q, shouldShowValidationUI as Y, classNames as h, Navigation as Z, WatermarkOverlay as ee } from "@progress/kendo-react-common";
 import { packageMetadata as E } from "../package-metadata.mjs";
-const te = 240, ae = 50, re = { type: "slide", duration: 200 }, ne = { type: "slide", duration: 0 }, T = t.forwardRef((g, W) => {
-  const { children: x, className: A, style: p } = g;
-  Q(E);
-  const C = Y(E), {
-    animation: m,
-    expanded: d,
-    mode: c,
-    position: o,
-    onOverlayClick: O,
-    mini: s,
-    dir: v,
-    width: y,
-    miniWidth: w,
-    items: f,
-    item: M,
-    onSelect: P
-  } = t.useContext(G), i = t.useRef(null), _ = t.useCallback(
-    () => {
+const te = 240, ae = 50, re = { type: "slide", duration: 200 }, ne = { type: "slide", duration: 0 }, T = t.forwardRef(
+  (g, W) => {
+    const { children: x, className: A, style: p } = g;
+    Q(E);
+    const C = Y(E), {
+      animation: m,
+      expanded: d,
+      mode: c,
+      position: o,
+      onOverlayClick: O,
+      mini: s,
+      dir: v,
+      width: y,
+      miniWidth: w,
+      items: f,
+      item: M,
+      onSelect: P
+    } = t.useContext(G), i = t.useRef(null), _ = t.useCallback(() => {
       i.current && i.current.focus();
-    },
-    []
-  ), e = typeof m != "boolean" ? m : m === !1 ? ne : re, k = y || te, N = w || ae;
-  t.useImperativeHandle(W, () => ({
-    element: i.current,
-    focus: _
-  }));
-  const L = t.useMemo(
-    () => "k-drawer " + h(
-      {
-        "k-drawer-start": o === "start",
-        "k-drawer-end": o === "end"
-      },
-      A
-    ),
-    [o]
-  ), R = {
-    opacity: 1,
-    flexBasis: k,
-    WebkitTransition: "all " + (e && e.duration) + "ms",
-    /* Safari */
-    transition: "all " + (e && e.duration) + "ms"
-  }, U = {
-    opacity: 1,
-    transform: "translateX(0px)",
-    WebkitTransition: "all " + (e && e.duration) + "ms",
-    /* Safari */
-    transition: "all " + (e && e.duration) + "ms"
-  }, X = {
-    opacity: s ? 1 : 0,
-    flexBasis: s ? N : 0,
-    WebkitTransition: "all " + (e && e.duration) + "ms",
-    /* Safari */
-    transition: "all " + (e && e.duration) + "ms"
-  }, F = {
-    opacity: 0,
-    transform: "translateX(-100%)",
-    WebkitTransition: "all " + (e && e.duration) + "ms",
-    /* Safari */
-    transition: "all " + (e && e.duration) + "ms"
-  }, H = {
-    opacity: 0,
-    transform: "translateX(100%)",
-    WebkitTransition: "all " + (e && e.duration) + "ms",
-    /* Safari */
-    transition: "all " + (e && e.duration) + "ms"
-  }, b = {
-    transform: "translateX(0%)",
-    WebkitTransitionDuration: (e && e.duration) + "ms",
-    /* Safari */
-    transitionDuration: (e && e.duration) + "ms"
-  }, K = d ? c === "push" ? R : U : c === "push" ? X : v === "ltr" && o === "start" || v === "rtl" && o === "end" ? s ? b : F : s ? b : H, D = t.useMemo(
-    () => new Z({
-      root: i,
-      selectors: ["ul.k-drawer-items li.k-drawer-item:not(.k-drawer-separator)"],
-      keyboardEvents: {
-        keydown: {
-          ArrowDown: (a, r, n) => {
-            n.preventDefault(), r.focusNext(a);
-          },
-          ArrowUp: (a, r, n) => {
-            n.preventDefault(), r.focusPrevious(a);
-          },
-          Enter: (a, r, n) => {
-            n.preventDefault(), a.click();
+    }, []), e = typeof m != "boolean" ? m : m === !1 ? ne : re, k = y || te, N = w || ae;
+    t.useImperativeHandle(
+      W,
+      () => ({
+        element: i.current,
+        focus: _
+      })
+    );
+    const L = t.useMemo(
+      () => "k-drawer " + h(
+        {
+          "k-drawer-start": o === "start",
+          "k-drawer-end": o === "end"
+        },
+        A
+      ),
+      [o]
+    ), R = {
+      opacity: 1,
+      flexBasis: k,
+      WebkitTransition: "all " + (e && e.duration) + "ms",
+      transition: "all " + (e && e.duration) + "ms"
+    }, U = {
+      opacity: 1,
+      transform: "translateX(0px)",
+      WebkitTransition: "all " + (e && e.duration) + "ms",
+      transition: "all " + (e && e.duration) + "ms"
+    }, X = {
+      opacity: s ? 1 : 0,
+      flexBasis: s ? N : 0,
+      WebkitTransition: "all " + (e && e.duration) + "ms",
+      transition: "all " + (e && e.duration) + "ms"
+    }, F = {
+      opacity: 0,
+      transform: "translateX(-100%)",
+      WebkitTransition: "all " + (e && e.duration) + "ms",
+      transition: "all " + (e && e.duration) + "ms"
+    }, H = {
+      opacity: 0,
+      transform: "translateX(100%)",
+      WebkitTransition: "all " + (e && e.duration) + "ms",
+      transition: "all " + (e && e.duration) + "ms"
+    }, b = {
+      transform: "translateX(0%)",
+      WebkitTransitionDuration: (e && e.duration) + "ms",
+      transitionDuration: (e && e.duration) + "ms"
+    }, K = d ? c === "push" ? R : U : c === "push" ? X : v === "ltr" && o === "start" || v === "rtl" && o === "end" ? s ? b : F : s ? b : H, D = t.useMemo(
+      () => new Z({
+        root: i,
+        selectors: ["ul.k-drawer-items li.k-drawer-item:not(.k-drawer-separator)"],
+        keyboardEvents: {
+          keydown: {
+            ArrowDown: (a, r, n) => {
+              n.preventDefault(), r.focusNext(a);
+            },
+            ArrowUp: (a, r, n) => {
+              n.preventDefault(), r.focusPrevious(a);
+            },
+            Enter: (a, r, n) => {
+              n.preventDefault(), a.click();
+            }
           }
-        }
-      },
-      tabIndex: 0,
-      rovingTabIndex: !0
-    }),
-    []
-  ), S = t.useCallback(
-    D.triggerKeyboardEvent.bind(D),
-    []
-  ), B = f && /* @__PURE__ */ t.createElement(
-    "ul",
-    {
-      className: "k-drawer-items",
-      role: "menubar",
-      "aria-orientation": "vertical",
-      onKeyDown: S
-    },
-    f.map(
-      (a, r) => {
-        const { className: n, level: u, ...j } = a, V = u != null ? u : 0, $ = h(
-          n,
-          s ? "" : `k-level-${V}`
-        ), q = {
-          index: r,
-          className: $,
-          ...j,
-          onSelect: P
-        }, z = M || J;
-        return /* @__PURE__ */ t.createElement(z, { key: r, ...q });
-      }
-    )
-  ), I = /* @__PURE__ */ t.createElement(
-    "div",
-    {
-      style: e ? { ...K, ...p } : p,
-      className: L,
-      ref: i
-    },
-    /* @__PURE__ */ t.createElement(
+        },
+        tabIndex: 0,
+        rovingTabIndex: !0
+      }),
+      []
+    ), S = t.useCallback(D.triggerKeyboardEvent.bind(D), []), B = f && /* @__PURE__ */ t.createElement("ul", { className: "k-drawer-items", role: "menubar", "aria-orientation": "vertical", onKeyDown: S }, f.map((a, r) => {
+      const { className: n, level: u, ...j } = a, V = u != null ? u : 0, $ = h(n, s ? "" : `k-level-${V}`), q = {
+        index: r,
+        className: $,
+        ...j,
+        onSelect: P
+      }, z = M || J;
+      return /* @__PURE__ */ t.createElement(z, { key: r, ...q });
+    })), I = /* @__PURE__ */ t.createElement(
       "div",
       {
-        className: "k-drawer-wrapper",
-        style: !d && s && c === "overlay" ? { width: N } : { width: k }
+        style: e ? { ...K, ...p } : p,
+        className: L,
+        ref: i
       },
-      B || x
-    ),
-    C && /* @__PURE__ */ t.createElement(ee, null)
-  );
-  return c === "overlay" ? /* @__PURE__ */ t.createElement(t.Fragment, null, d && /* @__PURE__ */ t.createElement("div", { className: "k-overlay", onClick: O }), I) : I;
-});
+      /* @__PURE__ */ t.createElement(
+        "div",
+        {
+          className: "k-drawer-wrapper",
+          style: !d && s && c === "overlay" ? { width: N } : { width: k }
+        },
+        B || x
+      ),
+      C && /* @__PURE__ */ t.createElement(ee, null)
+    );
+    return c === "overlay" ? /* @__PURE__ */ t.createElement(t.Fragment, null, d && /* @__PURE__ */ t.createElement("div", { className: "k-overlay", onClick: O }), I) : I;
+  }
+);
 T.propTypes = {
   children: l.any,
   className: l.string,

package/expansionpanel/ExpansionPanel.mjs

@@ -13,10 +13,7 @@ import { packageMetadata as P } from "../package-metadata.mjs";
 import { chevronDownIcon as A, chevronUpIcon as T } from "@progress/kendo-svg-icons";
 const I = e.forwardRef((n, y) => {
   w(P);
-  const i = e.useRef(null), [g, u] = e.useState(!1), r = e.useCallback(
-    () => ({ element: i.current }),
-    []
-  );
+  const i = e.useRef(null), [g, u] = e.useState(!1), r = e.useCallback(() => ({ element: i.current }), []);
   e.useImperativeHandle(y, r);
   const {
     expanded: t = !1,
@@ -30,12 +27,16 @@ const I = e.forwardRef((n, y) => {
     collapseSVGIcon: k
   } = n, N = e.useCallback(
     (l) => {
-      p(s, l, r(), { expanded: t });
+      p(s, l, r(), {
+        expanded: t
+      });
     },
     [s, t]
   ), h = e.useCallback(
     (l) => {
-      (l.keyCode === x.enter || l.keyCode === x.space) && (l.preventDefault(), p(s, l, r(), { expanded: t }));
+      (l.keyCode === x.enter || l.keyCode === x.space) && (l.preventDefault(), p(s, l, r(), {
+        expanded: t
+      }));
     },
     [s, t]
   ), C = e.useCallback(() => {
@@ -47,15 +48,11 @@ const I = e.forwardRef((n, y) => {
     "div",
     {
       ref: i,
-      className: v(
-        "k-expander",
-        n.className,
-        {
-          "k-expanded": t,
-          "k-focus": g && !o,
-          "k-disabled": o
-        }
-      ),
+      className: v("k-expander", n.className, {
+        "k-expanded": t,
+        "k-focus": g && !o,
+        "k-disabled": o
+      }),
       onFocus: B,
       onBlur: R,
       style: n.style,

package/expansionpanel/ExpansionPanelContent.mjs

@@ -8,15 +8,9 @@
 "use client";
 import { classNames as t } from "@progress/kendo-react-common";
 import * as a from "react";
-const r = a.forwardRef((e, n) => /* @__PURE__ */ a.createElement(
-  "div",
-  {
-    ref: n,
-    ...e,
-    className: t("k-expander-content-wrapper", e.className)
-  },
-  /* @__PURE__ */ a.createElement("div", { className: "k-expander-content" }, e.children)
-));
+const r = a.forwardRef(
+  (e, n) => /* @__PURE__ */ a.createElement("div", { ref: n, ...e, className: t("k-expander-content-wrapper", e.className) }, /* @__PURE__ */ a.createElement("div", { className: "k-expander-content" }, e.children))
+);
 r.displayName = "KendoReactExpansionPanelContent";
 export {
   r as ExpansionPanelContent

package/gridlayout/GridLayout.mjs

@@ -47,16 +47,7 @@ const c = i.forwardRef((t, g) => {
     gridTemplateRows: v,
     ...u
   };
-  return /* @__PURE__ */ i.createElement(
-    "div",
-    {
-      ref: r,
-      className: p,
-      style: w,
-      id: h || f
-    },
-    y
-  );
+  return /* @__PURE__ */ i.createElement("div", { ref: r, className: p, style: w, id: h || f }, y);
 }), o = {
   hAlign: "stretch",
   vAlign: "stretch",

package/gridlayout/GridLayoutItem.mjs

@@ -23,16 +23,7 @@ const s = e.forwardRef((n, i) => {
     gridArea: `${u || "auto"} / ${y || "auto"} / ${r ? "span " + r : "auto"} / ${o ? "span " + o : "auto"}`,
     ...m
   };
-  return /* @__PURE__ */ e.createElement(
-    "div",
-    {
-      ref: a,
-      className: c,
-      style: g,
-      id: d || f
-    },
-    p
-  );
+  return /* @__PURE__ */ e.createElement("div", { ref: a, className: c, style: g, id: d || f }, p);
 });
 s.propTypes = {
   className: t.string,

package/menu/components/MenuItemLink.mjs

@@ -14,16 +14,7 @@ const s = class s extends e.Component {
    * @hidden
    */
   render() {
-    return this.props.url ? /* @__PURE__ */ e.createElement(
-      "a",
-      {
-        className: this.getMenuItemClassName(),
-        role: "presentation",
-        href: this.props.url,
-        tabIndex: -1
-      },
-      this.props.children
-    ) : /* @__PURE__ */ e.createElement(
+    return this.props.url ? /* @__PURE__ */ e.createElement("a", { className: this.getMenuItemClassName(), role: "presentation", href: this.props.url, tabIndex: -1 }, this.props.children) : /* @__PURE__ */ e.createElement(
       "span",
       {
         id: this.props.id,
@@ -35,13 +26,9 @@ const s = class s extends e.Component {
     );
   }
   getMenuItemClassName() {
-    return r(
-      "k-link",
-      "k-menu-link",
-      {
-        "k-active": this.props.opened
-      }
-    );
+    return r("k-link", "k-menu-link", {
+      "k-active": this.props.opened
+    });
   }
 };
 s.propTypes = {

package/menu/utils/getNewItemIdUponKeyboardNavigation.js

@@ -5,4 +5,4 @@
  * 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 i=require("@progress/kendo-react-common"),n=require("./itemsIdsUtils.js"),A=/\S/;function M(g,e,P,y,a,u){const Z=l();switch(P){case i.Keys.left:return E();case i.Keys.right:return w();case i.Keys.up:return O();case i.Keys.down:return N();case i.Keys.enter:case i.Keys.space:return R();case i.Keys.home:return D();case i.Keys.end:return G();case i.Keys.esc:return H();default:return q()?B():e}function E(){return a?u?v():S():u?p():b()}function w(){return a?u?S():v():u?b():p()}function N(){return a?s():n.isIdZeroLevel(e)?d():s()}function O(){return a?c():n.isIdZeroLevel(e)?L():c()}function R(){return Z.disabled?e:f()?n.getFirstChildId(e):n.getRootParentId(e)}function D(){return K()[0].id}function G(){const t=K();return t[t.length-1].id}function H(){return n.isIdZeroLevel(e)?e:n.getDirectParentId(e)}function B(){const t=y.toLowerCase(),r=K(),o=Number(n.getShortId(e)),h=r.slice(o+1).concat(r.slice(0,o+1)).find(z=>(z.text||"").toLowerCase().startsWith(t));return h?h.id:e}function b(){return n.isIdZeroLevel(e)?c():n.isIdFirstLevel(e)?d(c(n.getRootParentId(e))):n.getDirectParentId(e)}function S(){return n.isIdZeroLevel(e)?L():n.getDirectParentId(e)}function p(){return n.isIdZeroLevel(e)?s():d(f()?e:s(n.getRootParentId(e)))}function v(){return d(n.isIdZeroLevel(e)||f()?e:s(n.getRootParentId(e)))}function d(t){return U(!0,t)}function L(t){return U(!1,t)}function q(){return y.length===1&&A.test(y)}function l(t,r){return t===void 0&&(t=e),r===void 0&&(r=g),n.getItemById(t,r)}function f(t){return l(t).items.length>0}function c(t){return C(!1,t)}function s(t){return C(!0,t)}function x(t){const r=l(t).items;return r[r.length-1].id}function K(){return n.isIdZeroLevel(e)?g:l(n.getDirectParentId(e),g).items}function U(t,r){r===void 0&&(r=e);const o=l(r);return f(r)&&!o.disabled?t?n.getFirstChildId(r):x(r):r}function C(t,r){if(r===void 0&&(r=e),n.isIdZeroLevel(r))return n.getDirectSiblingIdForLevelZero(t,r,g.length);{const o=n.getDirectParentId(r),F=n.getShortId(r),h=l(o).items.length;return n.createId(n.getDirectSiblingIdForLevelZero(t,F,h),o)}}}exports.getNewItemIdUponKeyboardNavigation=M;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("@progress/kendo-react-common"),n=require("./itemsIdsUtils.js"),A=/\S/;function M(u,e,P,y,l,d){const Z=g();switch(P){case i.Keys.left:return E();case i.Keys.right:return w();case i.Keys.up:return O();case i.Keys.down:return N();case i.Keys.enter:case i.Keys.space:return R();case i.Keys.home:return D();case i.Keys.end:return G();case i.Keys.esc:return H();default:return q()?B():e}function E(){return l?d?v():S():d?p():b()}function w(){return l?d?S():v():d?b():p()}function N(){return l?a():n.isIdZeroLevel(e)?s():a()}function O(){return l?c():n.isIdZeroLevel(e)?L():c()}function R(){return Z.disabled?e:f()?n.getFirstChildId(e):n.getRootParentId(e)}function D(){return K()[0].id}function G(){const t=K();return t[t.length-1].id}function H(){return n.isIdZeroLevel(e)?e:n.getDirectParentId(e)}function B(){const t=y.toLowerCase(),r=K(),o=Number(n.getShortId(e)),h=r.slice(o+1).concat(r.slice(0,o+1)).find(z=>(z.text||"").toLowerCase().startsWith(t));return h?h.id:e}function b(){return n.isIdZeroLevel(e)?c():n.isIdFirstLevel(e)?s(c(n.getRootParentId(e))):n.getDirectParentId(e)}function S(){return n.isIdZeroLevel(e)?L():n.getDirectParentId(e)}function p(){return n.isIdZeroLevel(e)?a():s(f()?e:a(n.getRootParentId(e)))}function v(){return s(n.isIdZeroLevel(e)||f()?e:a(n.getRootParentId(e)))}function s(t){return U(!0,t)}function L(t){return U(!1,t)}function q(){return y.length===1&&A.test(y)}function g(t,r){return t===void 0&&(t=e),r===void 0&&(r=u),n.getItemById(t,r)}function f(t){return g(t).items.length>0}function c(t){return C(!1,t)}function a(t){return C(!0,t)}function x(t){const r=g(t).items;return r[r.length-1].id}function K(){return n.isIdZeroLevel(e)?u:g(n.getDirectParentId(e),u).items}function U(t,r){r===void 0&&(r=e);const o=g(r);return f(r)&&!o.disabled?t?n.getFirstChildId(r):x(r):r}function C(t,r){if(r===void 0&&(r=e),n.isIdZeroLevel(r))return n.getDirectSiblingIdForLevelZero(t,r,u.length);const o=n.getDirectParentId(r),F=n.getShortId(r),h=g(o).items.length;return n.createId(n.getDirectSiblingIdForLevelZero(t,F,h),o)}}exports.getNewItemIdUponKeyboardNavigation=M;