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

package/drawer/Drawer.mjs

@@ -0,0 +1,130 @@
+/**
+ * @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";
+import * as t from "react";
+import e from "prop-types";
+import { DrawerContext as S } from "./context/DrawerContext.mjs";
+import { DrawerNavigation as I } from "./DrawerNavigation.mjs";
+import { validatePackage as W, useDir as O, classNames as T } from "@progress/kendo-react-common";
+import { packageMetadata as j } from "../package-metadata.mjs";
+const s = t.forwardRef((l, u) => {
+  W(j);
+  const {
+    expanded: d,
+    mode: n,
+    position: p,
+    className: f,
+    children: v,
+    style: w,
+    animation: y,
+    mini: m,
+    width: h,
+    miniWidth: b,
+    items: a,
+    item: k,
+    tabIndex: g,
+    onOverlayClick: x,
+    onSelect: i
+  } = l, r = t.useRef(null), E = t.useCallback(
+    () => {
+      r.current && r.current.focus();
+    },
+    []
+  );
+  t.useImperativeHandle(u, () => ({
+    element: r.current,
+    focus: E
+  }));
+  const N = t.useCallback(
+    (D, P, o) => {
+      if (a && i) {
+        const R = {
+          itemTarget: D,
+          itemIndex: P,
+          syntheticEvent: o,
+          nativeEvent: o && o.nativeEvent,
+          target: void 0
+        };
+        i.call(void 0, R);
+      }
+    },
+    [a, i]
+  ), c = O(r, l.dir), C = T(
+    {
+      "k-drawer-container": !0,
+      "k-drawer-expanded": d,
+      "k-drawer-overlay": n === "overlay",
+      "k-drawer-push": n === "push",
+      "k-drawer-mini": m
+    },
+    f
+  );
+  return /* @__PURE__ */ t.createElement(
+    S.Provider,
+    {
+      value: {
+        animation: y,
+        expanded: d,
+        mode: n,
+        position: p,
+        mini: m,
+        dir: c,
+        items: a,
+        item: k,
+        width: h,
+        miniWidth: b,
+        onOverlayClick: x,
+        onSelect: N
+      }
+    },
+    /* @__PURE__ */ t.createElement(
+      "div",
+      {
+        className: C,
+        ref: r,
+        dir: c,
+        style: w,
+        tabIndex: g
+      },
+      a && /* @__PURE__ */ t.createElement(I, null),
+      v
+    )
+  );
+});
+s.propTypes = {
+  animation: e.any,
+  expanded: e.bool,
+  children: e.any,
+  className: e.string,
+  dir: e.string,
+  mode: e.string,
+  position: e.string,
+  mini: e.bool,
+  style: e.object,
+  tabIndex: e.number,
+  width: e.number,
+  miniWidth: e.number,
+  selected: e.number,
+  onSelect: e.func,
+  onOverlayClick: e.func
+};
+const H = {
+  animation: !0,
+  expanded: !1,
+  mode: "overlay",
+  position: "start",
+  mini: !1,
+  dir: "ltr",
+  width: 240,
+  miniWidth: 50
+};
+s.defaultProps = H;
+s.displayName = "KendoDrawer";
+export {
+  s as Drawer
+};

package/drawer/DrawerContent.js

@@ -0,0 +1,8 @@
+/**
+ * @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 i=require("react"),c=require("prop-types"),m=require("@progress/kendo-react-common");function d(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const a=d(i),o=a.forwardRef((e,n)=>{const{children:t,className:r,style:l}=e,s=a.useRef(null);a.useImperativeHandle(n,()=>({element:s.current}));const u=m.classNames({"k-drawer-content":!0},r);return a.createElement("div",{className:u,style:l,ref:s},t)});o.propTypes={children:c.any,className:c.string,style:c.object};o.displayName="KendoDrawerContent";exports.DrawerContent=o;

package/drawer/DrawerContent.mjs

@@ -0,0 +1,33 @@
+/**
+ * @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";
+import * as e from "react";
+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
+  }));
+  const m = p(
+    {
+      "k-drawer-content": !0
+    },
+    c
+  );
+  return /* @__PURE__ */ e.createElement("div", { className: m, style: l, ref: r }, o);
+});
+s.propTypes = {
+  children: t.any,
+  className: t.string,
+  style: t.object
+};
+s.displayName = "KendoDrawerContent";
+export {
+  s as DrawerContent
+};

package/drawer/DrawerItem.js

@@ -0,0 +1,8 @@
+/**
+ * @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 R=require("react"),n=require("prop-types"),o=require("@progress/kendo-react-common"),T=require("./context/DrawerContext.js");function P(t){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const l=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(a,r,l.get?l:{enumerable:!0,get:()=>t[r]})}}return a.default=t,Object.freeze(a)}const e=P(R),d=e.forwardRef((t,a)=>{const{className:r,style:l,text:u,icon:i,svgIcon:b,separator:g,disabled:s,selected:I,onSelect:m,index:f,tabIndex:k,children:y,...w}=t,{expanded:x,mini:C,item:N}=e.useContext(T.DrawerContext),c=e.useRef(null),p=e.useCallback(()=>{c.current&&c.current.focus()},[]);e.useImperativeHandle(a,()=>({element:c.current,focus:p,props:t}));const D=o.classNames("k-drawer-item",{"k-selected":I,"k-disabled":s},r),j=e.useCallback(E=>{if(m&&!s){const O={element:c.current,focus:p,props:t};m(O,f,E)}},[m,f,s]),v=e.createElement(e.Fragment,null,(i||b)&&e.createElement(o.IconWrap,{name:i&&o.toIconName(i),icon:b}),!x&&C?null:e.createElement("span",{className:"k-item-text"},u));return g?e.createElement("li",{className:"k-drawer-item k-drawer-separator",role:"separator"}):e.createElement("li",{ref:c,className:D,style:l,role:"menuitem","aria-label":u,"aria-disabled":s,onClick:j,tabIndex:o.getTabIndex(k,s),...w},N?y:v)});d.propTypes={className:n.string,style:n.object,text:n.string,icon:n.string,svgIcon:o.svgIconPropType,separator:n.bool,selected:n.bool,disabled:n.bool,targetItem:n.any};d.displayName="KendoDrawerItem";exports.DrawerItem=d;

package/drawer/DrawerItem.mjs

@@ -0,0 +1,89 @@
+/**
+ * @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";
+import * as e from "react";
+import t from "prop-types";
+import { classNames as T, IconWrap as D, toIconName as P, getTabIndex as j, svgIconPropType as F } from "@progress/kendo-react-common";
+import { DrawerContext as H } from "./context/DrawerContext.mjs";
+const d = e.forwardRef((s, u) => {
+  const {
+    className: p,
+    style: f,
+    text: o,
+    icon: n,
+    svgIcon: c,
+    separator: b,
+    disabled: a,
+    selected: I,
+    onSelect: l,
+    index: m,
+    tabIndex: x,
+    children: k,
+    ...g
+  } = s, { expanded: N, mini: w, item: C } = e.useContext(H), r = e.useRef(null), i = e.useCallback(
+    () => {
+      r.current && r.current.focus();
+    },
+    []
+  );
+  e.useImperativeHandle(u, () => ({
+    element: r.current,
+    focus: i,
+    props: s
+  }));
+  const y = T(
+    "k-drawer-item",
+    {
+      "k-selected": I,
+      "k-disabled": a
+    },
+    p
+  ), E = e.useCallback(
+    (v) => {
+      if (l && !a) {
+        const R = {
+          element: r.current,
+          focus: i,
+          props: s
+        };
+        l(R, m, v);
+      }
+    },
+    [l, m, a]
+  ), h = /* @__PURE__ */ e.createElement(e.Fragment, null, (n || c) && /* @__PURE__ */ e.createElement(D, { name: n && P(n), icon: c }), !N && w ? null : /* @__PURE__ */ e.createElement("span", { className: "k-item-text" }, o));
+  return b ? /* @__PURE__ */ e.createElement("li", { className: "k-drawer-item k-drawer-separator", role: "separator" }) : /* @__PURE__ */ e.createElement(
+    "li",
+    {
+      ref: r,
+      className: y,
+      style: f,
+      role: "menuitem",
+      "aria-label": o,
+      "aria-disabled": a,
+      onClick: E,
+      tabIndex: j(x, a),
+      ...g
+    },
+    C ? k : h
+  );
+});
+d.propTypes = {
+  className: t.string,
+  style: t.object,
+  text: t.string,
+  icon: t.string,
+  svgIcon: F,
+  separator: t.bool,
+  selected: t.bool,
+  disabled: t.bool,
+  targetItem: t.any
+};
+d.displayName = "KendoDrawerItem";
+export {
+  d as DrawerItem
+};

package/drawer/DrawerNavigation.js

@@ -0,0 +1,8 @@
+/**
+ * @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 U=require("react"),i=require("prop-types"),H=require("./context/DrawerContext.js"),B=require("./DrawerItem.js"),u=require("@progress/kendo-react-common"),h=require("../package-metadata.js");function z(a){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const n in a)if(n!=="default"){const l=Object.getOwnPropertyDescriptor(a,n);Object.defineProperty(r,n,l.get?l:{enumerable:!0,get:()=>a[n]})}}return r.default=a,Object.freeze(r)}const t=z(U),K=240,V=50,G={type:"slide",duration:200},J={type:"slide",duration:0},y=t.forwardRef((a,r)=>{const{children:n,className:l,style:f}=a;u.validatePackage(h.packageMetadata);const O=u.shouldShowValidationUI(h.packageMetadata),{animation:p,expanded:c,mode:d,position:s,onOverlayClick:E,mini:o,dir:w,width:k,miniWidth:v,items:b,item:W,onSelect:M}=t.useContext(H.DrawerContext),m=t.useRef(null),x=t.useCallback(()=>{m.current&&m.current.focus()},[]),e=typeof p!="boolean"?p:p===!1?J:G,N=k||K,g=v||V;t.useImperativeHandle(r,()=>({element:m.current,focus:x}));const A=t.useMemo(()=>"k-widget k-drawer "+u.classNames({"k-drawer-start":s==="start","k-drawer-end":s==="end"},l),[s]),C={opacity:1,flexBasis:N,WebkitTransition:"all "+(e&&e.duration)+"ms",transition:"all "+(e&&e.duration)+"ms"},P={opacity:1,transform:"translateX(0px)",WebkitTransition:"all "+(e&&e.duration)+"ms",transition:"all "+(e&&e.duration)+"ms"},_={opacity:o?1:0,flexBasis:o?g:0,WebkitTransition:"all "+(e&&e.duration)+"ms",transition:"all "+(e&&e.duration)+"ms"},R={opacity:0,transform:"translateX(-100%)",WebkitTransition:"all "+(e&&e.duration)+"ms",transition:"all "+(e&&e.duration)+"ms"},S={opacity:0,transform:"translateX(100%)",WebkitTransition:"all "+(e&&e.duration)+"ms",transition:"all "+(e&&e.duration)+"ms"},D={transform:"translateX(0%)",WebkitTransitionDuration:(e&&e.duration)+"ms",transitionDuration:(e&&e.duration)+"ms"},j=c?d==="push"?C:P:d==="push"?_:w==="ltr"&&s==="start"||w==="rtl"&&s==="end"?o?D:R:o?D:S,q=b&&t.createElement("ul",{className:"k-drawer-items",role:"menubar","aria-label":"drawer-list","aria-expanded":c},b.map((X,I)=>{const F={index:I,...X,onSelect:M},L=W||B.DrawerItem;return t.createElement(L,{key:I,...F})})),T=t.createElement("div",{style:e?{...j,...f}:f,className:A,ref:m},t.createElement("div",{className:"k-drawer-wrapper",style:!c&&o&&d==="overlay"?{width:g}:{width:N}},q||n),O&&t.createElement(u.WatermarkOverlay,null));return d==="overlay"?t.createElement(t.Fragment,null,c&&t.createElement("div",{className:"k-overlay",onClick:E}),T):T});y.propTypes={children:i.any,className:i.string,style:i.object,item:i.any,tabIndex:i.number};y.displayName="KendoDrawerNavigation";exports.DrawerNavigation=y;

package/drawer/DrawerNavigation.mjs

@@ -0,0 +1,132 @@
+/**
+ * @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";
+import * as a from "react";
+import n from "prop-types";
+import { DrawerContext as S } from "./context/DrawerContext.mjs";
+import { DrawerItem as B } from "./DrawerItem.mjs";
+import { validatePackage as j, shouldShowValidationUI as K, classNames as V, WatermarkOverlay as q } from "@progress/kendo-react-common";
+import { packageMetadata as N } from "../package-metadata.mjs";
+const z = 240, G = 50, J = { type: "slide", duration: 200 }, Q = { type: "slide", duration: 0 }, h = a.forwardRef((I, T) => {
+  const { children: b, className: D, style: m } = I;
+  j(N);
+  const E = K(N), {
+    animation: l,
+    expanded: s,
+    mode: o,
+    position: e,
+    onOverlayClick: W,
+    mini: r,
+    dir: c,
+    width: d,
+    miniWidth: u,
+    items: p,
+    item: g,
+    onSelect: x
+  } = a.useContext(S), i = a.useRef(null), A = a.useCallback(
+    () => {
+      i.current && i.current.focus();
+    },
+    []
+  ), t = typeof l != "boolean" ? l : l === !1 ? Q : J, y = d || z, f = u || G;
+  a.useImperativeHandle(T, () => ({
+    element: i.current,
+    focus: A
+  }));
+  const O = a.useMemo(
+    () => "k-widget k-drawer " + V(
+      {
+        "k-drawer-start": e === "start",
+        "k-drawer-end": e === "end"
+      },
+      D
+    ),
+    [e]
+  ), C = {
+    opacity: 1,
+    flexBasis: y,
+    WebkitTransition: "all " + (t && t.duration) + "ms",
+    /* Safari */
+    transition: "all " + (t && t.duration) + "ms"
+  }, M = {
+    opacity: 1,
+    transform: "translateX(0px)",
+    WebkitTransition: "all " + (t && t.duration) + "ms",
+    /* Safari */
+    transition: "all " + (t && t.duration) + "ms"
+  }, P = {
+    opacity: r ? 1 : 0,
+    flexBasis: r ? f : 0,
+    WebkitTransition: "all " + (t && t.duration) + "ms",
+    /* Safari */
+    transition: "all " + (t && t.duration) + "ms"
+  }, _ = {
+    opacity: 0,
+    transform: "translateX(-100%)",
+    WebkitTransition: "all " + (t && t.duration) + "ms",
+    /* Safari */
+    transition: "all " + (t && t.duration) + "ms"
+  }, R = {
+    opacity: 0,
+    transform: "translateX(100%)",
+    WebkitTransition: "all " + (t && t.duration) + "ms",
+    /* Safari */
+    transition: "all " + (t && t.duration) + "ms"
+  }, w = {
+    transform: "translateX(0%)",
+    WebkitTransitionDuration: (t && t.duration) + "ms",
+    /* Safari */
+    transitionDuration: (t && t.duration) + "ms"
+  }, X = s ? o === "push" ? C : M : o === "push" ? P : c === "ltr" && e === "start" || c === "rtl" && e === "end" ? r ? w : _ : r ? w : R, F = p && /* @__PURE__ */ a.createElement(
+    "ul",
+    {
+      className: "k-drawer-items",
+      role: "menubar",
+      "aria-label": "drawer-list",
+      "aria-expanded": s
+    },
+    p.map(
+      (L, v) => {
+        const U = {
+          index: v,
+          ...L,
+          onSelect: x
+        }, H = g || B;
+        return /* @__PURE__ */ a.createElement(H, { key: v, ...U });
+      }
+    )
+  ), k = /* @__PURE__ */ a.createElement(
+    "div",
+    {
+      style: t ? { ...X, ...m } : m,
+      className: O,
+      ref: i
+    },
+    /* @__PURE__ */ a.createElement(
+      "div",
+      {
+        className: "k-drawer-wrapper",
+        style: !s && r && o === "overlay" ? { width: f } : { width: y }
+      },
+      F || b
+    ),
+    E && /* @__PURE__ */ a.createElement(q, null)
+  );
+  return o === "overlay" ? /* @__PURE__ */ a.createElement(a.Fragment, null, s && /* @__PURE__ */ a.createElement("div", { className: "k-overlay", onClick: W }), k) : k;
+});
+h.propTypes = {
+  children: n.any,
+  className: n.string,
+  style: n.object,
+  item: n.any,
+  tabIndex: n.number
+};
+h.displayName = "KendoDrawerNavigation";
+export {
+  h as DrawerNavigation
+};

package/drawer/context/DrawerContext.js

@@ -0,0 +1,8 @@
+/**
+ * @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("react");function a(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const i=a(o),c={animation:!0,expanded:!1,mode:"overlay",position:"start",mini:!1,dir:"ltr",width:240,miniWidth:50},l=i.createContext(c);exports.DrawerContext=l;

package/drawer/context/DrawerContext.mjs

@@ -0,0 +1,22 @@
+/**
+ * @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";
+import * as t from "react";
+const e = {
+  animation: !0,
+  expanded: !1,
+  mode: "overlay",
+  position: "start",
+  mini: !1,
+  dir: "ltr",
+  width: 240,
+  miniWidth: 50
+}, i = t.createContext(e);
+export {
+  i as DrawerContext
+};

package/expansionpanel/ExpansionPanel.js

@@ -0,0 +1,8 @@
+/**
+ * @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 P=require("react"),n=require("prop-types"),t=require("@progress/kendo-react-common"),R=require("../package-metadata.js"),y=require("@progress/kendo-svg-icons");function j(e){const d=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const i=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(d,o,i.get?i:{enumerable:!0,get:()=>e[o]})}}return d.default=e,Object.freeze(d)}const a=j(P),f=a.forwardRef((e,d)=>{t.validatePackage(R.packageMetadata);const o=a.useRef(null),[i,k]=a.useState(!1),m=a.useCallback(()=>({element:o.current}),[]);a.useImperativeHandle(d,m);const{expanded:c=!1,disabled:s,title:p,subtitle:v,onAction:r,expandIcon:u,collapseIcon:b,expandSVGIcon:g,collapseSVGIcon:x}=e,I=a.useCallback(l=>{t.dispatchEvent(r,l,m(),{expanded:c})},[r,c]),N=a.useCallback(l=>{(l.keyCode===t.Keys.enter||l.keyCode===t.Keys.space)&&(l.preventDefault(),t.dispatchEvent(r,l,m(),{expanded:c}))},[r,c]),E=a.useCallback(()=>{e.disabled||k(!0)},[e.disabled]),h=a.useCallback(()=>{e.disabled||k(!1)},[e.disabled]),{onFocus:C,onBlur:S}=t.useAsyncFocusBlur({onFocus:E,onBlur:h});return a.createElement("div",{ref:o,className:t.classNames("k-expander",e.className,{"k-expanded":c,"k-focus":i&&!s,"k-disabled":s}),onFocus:C,onBlur:S,style:e.style,id:e.id,dir:t.useRtl(o,e.dir),onKeyDown:s?void 0:N},a.createElement("div",{role:"button","aria-controls":e.ariaControls,"aria-expanded":c,"aria-disabled":s,tabIndex:t.getTabIndex(e.tabIndex,s),className:"k-expander-header",onClick:s?void 0:I},p!==void 0?a.createElement("div",{className:"k-expander-title"},p):void 0,a.createElement("span",{className:"k-spacer"}),v!==void 0?a.createElement("div",{className:"k-expander-sub-title"},v):void 0,a.createElement("span",{className:"k-expander-indicator"},a.createElement(t.IconWrap,{name:c?b?void 0:"chevron-up":u?void 0:"chevron-down",icon:c?!x&&!b?y.chevronUpIcon:x:!g&&!u?y.chevronDownIcon:g,className:t.classNames(c?{[String(b)]:!!b}:{[String(u)]:!!u})}))),e.children)});f.propTypes={children:n.node,className:n.string,style:n.object,dir:n.string,id:n.string,tabIndex:n.number,title:n.node,subtitle:n.node,expandIcon:n.string,collapseIcon:n.string,expanded:n.bool,disabled:n.bool,onAction:n.func};f.displayName="KendoReactExpansionPanel";exports.ExpansionPanel=f;

package/expansionpanel/ExpansionPanel.mjs

@@ -0,0 +1,116 @@
+/**
+ * @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";
+import * as e from "react";
+import a from "prop-types";
+import { validatePackage as w, dispatchEvent as p, Keys as x, useAsyncFocusBlur as F, classNames as v, useRtl as S, getTabIndex as D, IconWrap as K } from "@progress/kendo-react-common";
+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 }),
+    []
+  );
+  e.useImperativeHandle(y, r);
+  const {
+    expanded: t = !1,
+    disabled: o,
+    title: m,
+    subtitle: b,
+    onAction: s,
+    expandIcon: c,
+    collapseIcon: d,
+    expandSVGIcon: f,
+    collapseSVGIcon: k
+  } = n, N = e.useCallback(
+    (l) => {
+      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 }));
+    },
+    [s, t]
+  ), C = e.useCallback(() => {
+    n.disabled || u(!0);
+  }, [n.disabled]), E = e.useCallback(() => {
+    n.disabled || u(!1);
+  }, [n.disabled]), { onFocus: B, onBlur: R } = F({ onFocus: C, onBlur: E });
+  return /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      ref: i,
+      className: v(
+        "k-expander",
+        n.className,
+        {
+          "k-expanded": t,
+          "k-focus": g && !o,
+          "k-disabled": o
+        }
+      ),
+      onFocus: B,
+      onBlur: R,
+      style: n.style,
+      id: n.id,
+      dir: S(i, n.dir),
+      onKeyDown: o ? void 0 : h
+    },
+    /* @__PURE__ */ e.createElement(
+      "div",
+      {
+        role: "button",
+        "aria-controls": n.ariaControls,
+        "aria-expanded": t,
+        "aria-disabled": o,
+        tabIndex: D(n.tabIndex, o),
+        className: "k-expander-header",
+        onClick: o ? void 0 : N
+      },
+      m !== void 0 ? /* @__PURE__ */ e.createElement("div", { className: "k-expander-title" }, m) : void 0,
+      /* @__PURE__ */ e.createElement("span", { className: "k-spacer" }),
+      b !== void 0 ? /* @__PURE__ */ e.createElement("div", { className: "k-expander-sub-title" }, b) : void 0,
+      /* @__PURE__ */ e.createElement("span", { className: "k-expander-indicator" }, /* @__PURE__ */ e.createElement(
+        K,
+        {
+          name: t ? d ? void 0 : "chevron-up" : c ? void 0 : "chevron-down",
+          icon: t ? !k && !d ? T : k : !f && !c ? A : f,
+          className: v(
+            t ? {
+              [String(d)]: !!d
+            } : {
+              [String(c)]: !!c
+            }
+          )
+        }
+      ))
+    ),
+    n.children
+  );
+});
+I.propTypes = {
+  children: a.node,
+  className: a.string,
+  style: a.object,
+  dir: a.string,
+  id: a.string,
+  tabIndex: a.number,
+  title: a.node,
+  subtitle: a.node,
+  expandIcon: a.string,
+  collapseIcon: a.string,
+  expanded: a.bool,
+  disabled: a.bool,
+  onAction: a.func
+};
+I.displayName = "KendoReactExpansionPanel";
+export {
+  I as ExpansionPanel
+};

package/expansionpanel/ExpansionPanelContent.js

@@ -0,0 +1,8 @@
+/**
+ * @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("@progress/kendo-react-common"),l=require("react");function s(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const c=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,c.get?c:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const a=s(l),r=a.forwardRef((e,t)=>a.createElement("div",{ref:t,...e,className:o.classNames("k-expander-content-wrapper",e.className)},a.createElement("div",{className:"k-expander-content"},e.children)));r.displayName="KendoReactExpansionPanelContent";exports.ExpansionPanelContent=r;

package/expansionpanel/ExpansionPanelContent.mjs

@@ -0,0 +1,23 @@
+/**
+ * @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";
+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)
+));
+r.displayName = "KendoReactExpansionPanelContent";
+export {
+  r as ExpansionPanelContent
+};

package/gridlayout/GridLayout.js

@@ -0,0 +1,8 @@
+/**
+ * @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("react"),t=require("prop-types"),T=require("../package-metadata.js"),d=require("@progress/kendo-react-common");function R(e){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const c=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(l,a,c.get?c:{enumerable:!0,get:()=>e[a]})}}return l.default=e,Object.freeze(l)}const n=R(O),u=n.forwardRef((e,l)=>{d.validatePackage(T.packageMetadata);const a=n.useRef(null),c=n.useCallback(()=>({element:a.current}),[]);n.useImperativeHandle(l,c);const{className:m,style:y,id:f,children:h,gap:i}=e,p=d.useId(),o=n.useMemo(()=>e.align&&e.align.horizontal?e.align.horizontal:g.hAlign,[e.align]),r=n.useMemo(()=>e.align&&e.align.vertical?e.align.vertical:g.vAlign,[e.align]),b=n.useMemo(()=>d.classNames("k-grid-layout",{"k-justify-items-start":o==="start","k-justify-items-center":o==="center","k-justify-items-end":o==="end","k-justify-items-stretch":o==="stretch","k-align-items-start":r==="top","k-align-items-center":r==="middle","k-align-items-end":r==="bottom","k-align-items-stretch":r==="stretch"},m),[o,r,m]),k=i?`${typeof i.rows=="number"?i.rows+"px":i.rows} ${typeof i.cols=="number"?i.cols+"px":i.cols}`:void 0,v=e.rows&&e.rows.map(s=>`${typeof s.height=="number"?s.height+"px":s.height}`).join(" "),j=e.cols&&e.cols.map(s=>`${typeof s.width=="number"?s.width+"px":s.width}`).join(" "),w={gap:k,gridTemplateColumns:j,gridTemplateRows:v,...y};return n.createElement("div",{ref:a,className:b,style:w,id:f||p},h)}),g={hAlign:"stretch",vAlign:"stretch",gap:void 0};u.propTypes={className:t.string,style:t.object,children:t.any,id:t.string,gap:t.shape({rows:t.oneOfType([t.string,t.number]),columns:t.oneOfType([t.string,t.number])}),align:t.shape({vertical:t.oneOf(["top","middle","bottom","stretch"]),horizontal:t.oneOf(["start","center","end","stretch"])})};u.defaultProps=g;u.displayName="KendoReactGridLayout";exports.GridLayout=u;