@progress/kendo-react-layout 7.4.0 → 7.5.0-develop.2

package/panelbar/PanelBarItem.mjs

@@ -7,27 +7,27 @@
  */
 "use client";
 import * as n from "react";
-import e from "prop-types";
-import { svgIconPropType as T, classNames as p, IconWrap as f } from "@progress/kendo-react-common";
-import { chevronUpIcon as P, chevronDownIcon as q } from "@progress/kendo-svg-icons";
-import { Reveal as A } from "@progress/kendo-react-animation";
-function D({ imageUrl: d, icon: o, svgIcon: t, iconClass: r }) {
-  return d ? /* @__PURE__ */ n.createElement("img", { role: "presentation", className: "k-panelbar-item-icon k-image", src: d }) : o || t ? /* @__PURE__ */ n.createElement(f, { className: "k-panelbar-item-icon", name: o, icon: t }) : r ? /* @__PURE__ */ n.createElement("span", { role: "presentation", className: "k-panelbar-item-icon " + r }) : null;
+import t from "prop-types";
+import { svgIconPropType as P, classNames as p, IconWrap as y } from "@progress/kendo-react-common";
+import { chevronUpIcon as q, chevronDownIcon as D } from "@progress/kendo-svg-icons";
+import { Reveal as F } from "@progress/kendo-react-animation";
+function K({ imageUrl: d, icon: r, svgIcon: e, iconClass: o }) {
+  return d ? /* @__PURE__ */ n.createElement("img", { role: "presentation", className: "k-panelbar-item-icon k-image", src: d }) : r || e ? /* @__PURE__ */ n.createElement(y, { className: "k-panelbar-item-icon", name: r, icon: e }) : o ? /* @__PURE__ */ n.createElement("span", { role: "presentation", className: "k-panelbar-item-icon " + o }) : null;
 }
 const l = class l extends n.PureComponent {
-  constructor(o) {
-    super(o), this.handleItemClick = () => {
-      const { onSelect: t, disabled: r, id: c } = this.props;
-      t && !r && t.call(void 0, {
+  constructor(r) {
+    super(r), this.handleItemClick = () => {
+      const { onSelect: e, disabled: o, id: c } = this.props;
+      e && !o && e.call(void 0, {
         uniquePrivateKey: this.props.uniquePrivateKey,
         id: c,
         target: this
       });
-    }, this.childFactory = (t) => this.props.keepItemsMounted ? n.cloneElement(t, {
-      ...t.props,
+    }, this.childFactory = (e) => this.props.keepItemsMounted ? n.cloneElement(e, {
+      ...e.props,
       in: this.props.expanded
-    }) : t, this.state = {
-      show: o.expanded || !1
+    }) : e, this.state = {
+      show: r.expanded || !1
     };
   }
   /**
@@ -35,114 +35,117 @@ const l = class l extends n.PureComponent {
    */
   render() {
     const {
-      id: o,
-      children: t,
-      title: r,
+      id: r,
+      children: e,
+      title: o,
       uniquePrivateKey: c,
       disabled: a,
       selected: m,
-      focused: y,
+      focused: E,
       expanded: s,
-      className: E,
+      className: g,
       level: u,
-      headerClassName: g,
+      headerClassName: v,
       animation: h,
       keepItemsMounted: i
-    } = this.props, v = {
+    } = this.props, x = {
       role: "treeitem",
       "aria-disabled": a,
       "aria-hidden": !a && !s,
       "aria-selected": !a && m,
-      "aria-expanded": !a && s && !!t
-    }, x = p(
+      "aria-expanded": !a && s && !!e
+    }, N = p(
       "k-panelbar-item",
       {
         "k-panelbar-header": u === 0,
-        "k-expanded": s && !!t,
+        "k-expanded": s && !!e,
         "k-disabled": a
       },
       `k-level-${u}`,
-      E
-    ), N = p(
+      g
+    ), C = p(
       "k-link",
       {
         "k-selected": !a && m,
-        "k-focus": !a && y
+        "k-focus": !a && E
       },
-      g
-    ), I = { display: "block" }, w = D(this.props), C = !a && t ? /* @__PURE__ */ n.createElement(
-      f,
+      v
+    ), I = { display: "block" }, w = K(this.props), A = !a && e ? /* @__PURE__ */ n.createElement(
+      y,
       {
         name: s ? "chevron-up" : "chevron-down",
-        icon: s ? P : q,
+        icon: s ? q : D,
         className: p(
           "k-panelbar-toggle",
           s ? "k-panelbar-collapse" : "k-panelbar-expand"
         )
       }
-    ) : null, k = !a && s || i ? /* @__PURE__ */ n.createElement(
+    ) : null;
+    let k = !1;
+    e && Array.isArray(e) && (k = e[0].type === l);
+    const S = k ? /* @__PURE__ */ n.createElement(
       "ul",
       {
         role: "group",
         "aria-expanded": s,
         "aria-hidden": !s,
-        className: "k-panelbar-group k-panel k-group",
+        className: "k-panelbar-group",
         style: { display: i ? this.state.show ? "block" : "none" : "block" }
       },
-      t
-    ) : null, S = (h === void 0 || h) && !a && t ? /* @__PURE__ */ n.createElement(
-      A,
+      e
+    ) : e, b = !a && s || i ? S : null, T = (h === void 0 || h) && !a && e ? /* @__PURE__ */ n.createElement(
+      F,
       {
         transitionEnterDuration: 200,
         transitionExitDuration: 200,
         key: c + "_animation",
         style: I,
-        children: k,
+        children: b,
         childFactory: i && this.childFactory,
         unmountOnExit: !i,
         onBeforeEnter: () => i && this.setState({ show: !0 }),
         onAfterExited: () => i && this.setState({ show: !1 })
       }
-    ) : k;
+    ) : b;
     return /* @__PURE__ */ n.createElement(
       "li",
       {
-        id: o,
-        className: x,
-        ...v
+        id: r,
+        className: N,
+        ...x
       },
-      /* @__PURE__ */ n.createElement("span", { className: N, onClick: this.handleItemClick }, w, /* @__PURE__ */ n.createElement("span", { className: "k-panelbar-item-text" }, r), C),
-      S
+      /* @__PURE__ */ n.createElement("span", { className: C, onClick: this.handleItemClick }, w, /* @__PURE__ */ n.createElement("span", { className: "k-panelbar-item-text" }, o), A),
+      T
     );
   }
 };
 l.propTypes = {
-  animation: e.bool,
-  children: e.any,
-  className: e.string,
-  icon: e.string,
-  iconClass: e.string,
-  imageUrl: e.string,
-  svgIcon: T,
-  expanded: e.bool,
-  disabled: e.bool,
-  onSelect: e.func,
-  selected: e.bool,
-  level: e.number,
-  title: e.oneOfType([
-    e.string,
-    e.element
+  animation: t.bool,
+  children: t.any,
+  className: t.string,
+  icon: t.string,
+  iconClass: t.string,
+  imageUrl: t.string,
+  svgIcon: P,
+  expanded: t.bool,
+  disabled: t.bool,
+  onSelect: t.func,
+  selected: t.bool,
+  level: t.number,
+  title: t.oneOfType([
+    t.string,
+    t.element
   ]),
-  id: e.oneOfType([
-    e.string,
-    e.number
+  id: t.oneOfType([
+    t.string,
+    t.number
   ]),
-  focused: e.bool,
-  keepItemsMounted: e.bool
+  focused: t.bool,
+  keepItemsMounted: t.bool
 }, l.defaultProps = {
   title: "Untitled"
 };
-let b = l;
+let f = l;
 export {
-  b as PanelBarItem
+  f as PanelBarItem
 };

package/panelbar/util.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 x=require("react"),l=require("./PanelBarItem.js");function O(n){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const e in n)if(e!=="default"){const t=Object.getOwnPropertyDescriptor(n,e);Object.defineProperty(r,e,t.get?t:{enumerable:!0,get:()=>n[e]})}}return r.default=n,Object.freeze(r)}const a=O(x),m=({animation:n=!0,keepItemsMounted:r=!1,state:e,expanded:t,handleSelect:i,children:s,parentExpanded:u=!0,level:p=0,parentPrivateKey:d=[]})=>a.Children.map(s,(o,E)=>{if(o&&o.type===l.PanelBarItem){let g;const f=c(o,d,E);if(o.props.children){const P={animation:n,keepItemsMounted:r,state:e,expanded:t,handleSelect:i,children:o.props.children,parentExpanded:(t||[]).indexOf(f)>-1,level:p+1,parentPrivateKey:[...d,f]};g=m(P)}return a.cloneElement(o,{...o.props,animation:o.props.animation!==void 0?o.props.animation:n,keepItemsMounted:r,id:o.props.id||`k-panelbar-item-default-${f}`,uniquePrivateKey:f,parentUniquePrivateKey:d,parentExpanded:u,level:p,expanded:(t||[]).indexOf(f)>-1,focused:e.focused===f&&e.wrapperFocused,selected:e.selected===f,children:g,onSelect:i})}else return a.createElement("div",{className:"k-panelbar-content k-content"},o)}),B=n=>{const r=a.Children.toArray(n.children)[0];return r?c(r,[],0):""},b=(n,r,e={expanded:n.expanded||[],selected:n.selected||"",focused:n.focused||"",wrapperFocused:!1},t=!0,i=[])=>(a.Children.map(n.children,(s,u)=>{if(s&&s.type===l.PanelBarItem){const p=c(s,i,u);!s.props.disabled&&t&&(s.props.selected&&(e.selected=p),s.props.focused&&(e.focused=p),s.props.expanded&&(r==="multiple"?e.expanded.push(p):r==="single"&&(e.expanded=[p])),s.props.children&&(e=b(s.props,r,e,!!s.props.expanded,[...i,p])))}}),e),c=(n,r,e)=>n&&n.props&&n.props.id?n.props.id:r.length?r[r.length-1]+`.${e}`:`.${e}`;function I(n,r=[]){return(n||[]).forEach(e=>{e.disabled||(r.push(e),e.expanded&&e.children&&I(e.children,r))}),r}function y(n,r=[]){return a.Children.forEach(n,e=>{e&&e.props&&!e.props.disabled&&(r.push(e),e.props.children&&y(e.props.children,r))}),r}function C(n,r=[]){return a.Children.forEach(n,e=>{e&&e.props&&!e.props.disabled&&(e.props.expanded||e.props.parentExpanded)&&(r.push(e),e.props.children&&C(e.props.children,r))}),r}const S=n=>n!=null;exports.PanelBarUtils=void 0;(n=>{function r(e){return e.map((t,i)=>{let s;return t.content&&(s=t.content),t.children&&(s=r(t.children)),a.createElement(l.PanelBarItem,{...t,children:s,key:t.id||i})})}n.mapItemsToComponents=r})(exports.PanelBarUtils||(exports.PanelBarUtils={}));const q=(n,r)=>n.length!==r.length?!1:n.every((e,t)=>e===r[t]);exports.flatChildren=y;exports.flatVisibleChildren=C;exports.flatVisibleItems=I;exports.getFirstId=B;exports.getInitialState=b;exports.isArrayEqual=q;exports.isPresent=S;exports.renderChildren=m;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("react"),l=require("./PanelBarItem.js");function S(n){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const e in n)if(e!=="default"){const t=Object.getOwnPropertyDescriptor(n,e);Object.defineProperty(r,e,t.get?t:{enumerable:!0,get:()=>n[e]})}}return r.default=n,Object.freeze(r)}const p=S(O),j=n=>typeof n!="object"||!("type"in n)||n.type!==l.PanelBarItem,m=({animation:n=!0,keepItemsMounted:r=!1,state:e,expanded:t,handleSelect:i,children:o,parentExpanded:u=!0,level:a=0,parentPrivateKey:d=[]})=>{const b=p.Children.toArray(o).filter(j),E=b.length?b:o;return p.Children.map(E,(s,x)=>{if(s&&s.type===l.PanelBarItem){let g;const f=c(s,d,x);if(s.props.children){const B={animation:n,keepItemsMounted:r,state:e,expanded:t,handleSelect:i,children:s.props.children,parentExpanded:(t||[]).indexOf(f)>-1,level:a+1,parentPrivateKey:[...d,f]};g=m(B)}return p.cloneElement(s,{...s.props,animation:s.props.animation!==void 0?s.props.animation:n,keepItemsMounted:r,id:s.props.id||`k-panelbar-item-default-${f}`,uniquePrivateKey:f,parentUniquePrivateKey:d,parentExpanded:u,level:a,expanded:(t||[]).indexOf(f)>-1,focused:e.focused===f&&e.wrapperFocused,selected:e.selected===f,children:g,onSelect:i})}else return p.createElement("div",{className:"k-panelbar-content"},s)})},q=n=>{const r=p.Children.toArray(n.children)[0];return r?c(r,[],0):""},y=(n,r,e={expanded:n.expanded||[],selected:n.selected||"",focused:n.focused||"",wrapperFocused:!1},t=!0,i=[])=>(p.Children.map(n.children,(o,u)=>{if(o&&o.type===l.PanelBarItem){const a=c(o,i,u);!o.props.disabled&&t&&(o.props.selected&&(e.selected=a),o.props.focused&&(e.focused=a),o.props.expanded&&(r==="multiple"?e.expanded.push(a):r==="single"&&(e.expanded=[a])),o.props.children&&(e=y(o.props,r,e,!!o.props.expanded,[...i,a])))}}),e),c=(n,r,e)=>n&&n.props&&n.props.id?n.props.id:r.length?r[r.length-1]+`.${e}`:`.${e}`;function I(n,r=[]){return(n||[]).forEach(e=>{e.disabled||(r.push(e),e.expanded&&e.children&&I(e.children,r))}),r}function C(n,r=[]){return p.Children.forEach(n,e=>{e&&e.props&&!e.props.disabled&&(r.push(e),e.props.children&&C(e.props.children,r))}),r}function P(n,r=[]){return p.Children.forEach(n,e=>{e&&e.props&&!e.props.disabled&&(e.props.expanded||e.props.parentExpanded)&&(r.push(e),e.props.children&&P(e.props.children,r))}),r}const v=n=>n!=null;exports.PanelBarUtils=void 0;(n=>{function r(e){return e.map((t,i)=>{let o;return t.content&&(o=t.content),t.children&&(o=r(t.children)),p.createElement(l.PanelBarItem,{...t,children:o,key:t.id||i})})}n.mapItemsToComponents=r})(exports.PanelBarUtils||(exports.PanelBarUtils={}));const F=(n,r)=>n.length!==r.length?!1:n.every((e,t)=>e===r[t]);exports.flatChildren=C;exports.flatVisibleChildren=P;exports.flatVisibleItems=I;exports.getFirstId=q;exports.getInitialState=y;exports.isArrayEqual=F;exports.isPresent=v;exports.renderChildren=m;

package/panelbar/util.mjs

@@ -6,99 +6,102 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import * as a from "react";
-import { PanelBarItem as c } from "./PanelBarItem.mjs";
-const C = ({
+import * as t from "react";
+import { PanelBarItem as i } from "./PanelBarItem.mjs";
+const y = (n) => typeof n != "object" || !("type" in n) || n.type !== i, I = ({
   animation: n = !0,
   keepItemsMounted: r = !1,
   state: e,
   expanded: o,
   handleSelect: f,
   children: p,
-  parentExpanded: i = !0,
-  level: t = 0,
-  parentPrivateKey: u = []
-}) => a.Children.map(p, (s, E) => {
-  if (s && s.type === c) {
-    let m;
-    const d = l(s, u, E);
-    if (s.props.children) {
-      const g = {
-        animation: n,
-        keepItemsMounted: r,
-        state: e,
-        expanded: o,
-        handleSelect: f,
-        children: s.props.children,
-        parentExpanded: (o || []).indexOf(d) > -1,
-        level: t + 1,
-        parentPrivateKey: [...u, d]
-      };
-      m = C(g);
-    }
-    return a.cloneElement(
-      s,
-      {
-        ...s.props,
-        animation: s.props.animation !== void 0 ? s.props.animation : n,
-        keepItemsMounted: r,
-        id: s.props.id || `k-panelbar-item-default-${d}`,
-        uniquePrivateKey: d,
-        parentUniquePrivateKey: u,
-        parentExpanded: i,
-        level: t,
-        expanded: (o || []).indexOf(d) > -1,
-        focused: e.focused === d && e.wrapperFocused,
-        selected: e.selected === d,
-        children: m,
-        onSelect: f
+  parentExpanded: u = !0,
+  level: a = 0,
+  parentPrivateKey: c = []
+}) => {
+  const m = t.Children.toArray(p).filter(y), C = m.length ? m : p;
+  return t.Children.map(C, (s, E) => {
+    if (s && s.type === i) {
+      let g;
+      const d = l(s, c, E);
+      if (s.props.children) {
+        const b = {
+          animation: n,
+          keepItemsMounted: r,
+          state: e,
+          expanded: o,
+          handleSelect: f,
+          children: s.props.children,
+          parentExpanded: (o || []).indexOf(d) > -1,
+          level: a + 1,
+          parentPrivateKey: [...c, d]
+        };
+        g = I(b);
       }
-    );
-  } else
-    return /* @__PURE__ */ a.createElement("div", { className: "k-panelbar-content k-content" }, s);
-}), q = (n) => {
-  const r = a.Children.toArray(n.children)[0];
+      return t.cloneElement(
+        s,
+        {
+          ...s.props,
+          animation: s.props.animation !== void 0 ? s.props.animation : n,
+          keepItemsMounted: r,
+          id: s.props.id || `k-panelbar-item-default-${d}`,
+          uniquePrivateKey: d,
+          parentUniquePrivateKey: c,
+          parentExpanded: u,
+          level: a,
+          expanded: (o || []).indexOf(d) > -1,
+          focused: e.focused === d && e.wrapperFocused,
+          selected: e.selected === d,
+          children: g,
+          onSelect: f
+        }
+      );
+    } else
+      return /* @__PURE__ */ t.createElement("div", { className: "k-panelbar-content" }, s);
+  });
+}, w = (n) => {
+  const r = t.Children.toArray(n.children)[0];
   return r ? l(r, [], 0) : "";
-}, b = (n, r, e = {
+}, v = (n, r, e = {
   expanded: n.expanded || [],
   selected: n.selected || "",
   focused: n.focused || "",
   wrapperFocused: !1
-}, o = !0, f = []) => (a.Children.map(n.children, (p, i) => {
-  if (p && p.type === c) {
-    const t = l(p, f, i);
-    !p.props.disabled && o && (p.props.selected && (e.selected = t), p.props.focused && (e.focused = t), p.props.expanded && (r === "multiple" ? e.expanded.push(t) : r === "single" && (e.expanded = [t])), p.props.children && (e = b(
+}, o = !0, f = []) => (t.Children.map(n.children, (p, u) => {
+  if (p && p.type === i) {
+    const a = l(p, f, u);
+    !p.props.disabled && o && (p.props.selected && (e.selected = a), p.props.focused && (e.focused = a), p.props.expanded && (r === "multiple" ? e.expanded.push(a) : r === "single" && (e.expanded = [a])), p.props.children && (e = v(
       p.props,
       r,
       e,
       !!p.props.expanded,
-      [...f, t]
+      [...f, a]
     )));
   }
 }), e), l = (n, r, e) => n && n.props && n.props.id ? n.props.id : r.length ? r[r.length - 1] + `.${e}` : `.${e}`;
-function I(n, r = []) {
+function q(n, r = []) {
   return (n || []).forEach((e) => {
-    e.disabled || (r.push(e), e.expanded && e.children && I(e.children, r));
+    e.disabled || (r.push(e), e.expanded && e.children && q(e.children, r));
   }), r;
 }
-function v(n, r = []) {
-  return a.Children.forEach(n, (e) => {
-    e && e.props && !e.props.disabled && (r.push(e), e.props.children && v(e.props.children, r));
+function F(n, r = []) {
+  return t.Children.forEach(n, (e) => {
+    e && e.props && !e.props.disabled && (r.push(e), e.props.children && F(e.props.children, r));
   }), r;
 }
-function y(n, r = []) {
-  return a.Children.forEach(n, (e) => {
-    e && e.props && !e.props.disabled && (e.props.expanded || e.props.parentExpanded) && (r.push(e), e.props.children && y(e.props.children, r));
+function $(n, r = []) {
+  return t.Children.forEach(n, (e) => {
+    e && e.props && !e.props.disabled && (e.props.expanded || e.props.parentExpanded) && (r.push(e), e.props.children && $(e.props.children, r));
   }), r;
 }
-const F = (n) => n != null;
+const A = (n) => n != null;
 var x;
 ((n) => {
   function r(e) {
     return e.map((o, f) => {
       let p;
-      return o.content && (p = o.content), o.children && (p = r(o.children)), /* @__PURE__ */ a.createElement(
-        c,
+      return o.content && (p = o.content), o.children && (p = r(o.children)), /* @__PURE__ */ t.createElement(
+        i,
         {
           ...o,
           children: p,
@@ -109,15 +112,15 @@ var x;
   }
   n.mapItemsToComponents = r;
 })(x || (x = {}));
-const $ = (n, r) => n.length !== r.length ? !1 : n.every((e, o) => e === r[o]);
+const B = (n, r) => n.length !== r.length ? !1 : n.every((e, o) => e === r[o]);
 export {
   x as PanelBarUtils,
-  v as flatChildren,
-  y as flatVisibleChildren,
-  I as flatVisibleItems,
-  q as getFirstId,
-  b as getInitialState,
-  $ as isArrayEqual,
-  F as isPresent,
-  C as renderChildren
+  F as flatChildren,
+  $ as flatVisibleChildren,
+  q as flatVisibleItems,
+  w as getFirstId,
+  v as getInitialState,
+  B as isArrayEqual,
+  A as isPresent,
+  I as renderChildren
 };

package/splitter/Splitter.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 R=require("react"),k=require("./SplitterPane.js"),B=require("./SplitterBar.js"),T=require("@progress/kendo-react-common"),_=require("../package-metadata.js"),C=require("./messages/index.js"),w=require("@progress/kendo-react-intl");function N(d){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(d){for(const e in d)if(e!=="default"){const t=Object.getOwnPropertyDescriptor(d,e);Object.defineProperty(i,e,t.get?t:{enumerable:!0,get:()=>d[e]})}}return i.default=d,Object.freeze(i)}const S=N(R),q={collapsible:!1,collapsed:!1,resizable:!0,scrollable:!0},L=150,b=class b extends S.Component{constructor(i){super(i),this._container=null,this.validatePanes=e=>{if(!e.filter(n=>n.size===void 0).length)throw new Error("The Splitter should have at least one pane without a set size.")},this.mapPaneOptions=(e,t)=>{const n=this.orientation,{dragIndex:r,isDragging:a}=this.state,l=[];for(let s=0;s<t.length;s++){let o=!1;const p=t[s];S.isValidElement(p)&&(o=p.type.displayName==="Splitter");let h=!1;a&&r!==void 0&&(h=r===s||r+1===s),l.push({...q,orientation:n,containsSplitter:o,overlay:h,...(e||[])[s]})}return l},this.mapSplitterPanes=(e,t)=>{const n=w.provideLocalizationService(this).toLanguageString(C.splitBarLabel,C.messages[C.splitBarLabel]);return e.map((r,a)=>{let l;const s=a*2,o=s+1;if(a+1<e.length){const h=e[a+1];l=S.createElement(B.SplitterBar,{key:o,index:a,orientation:r.orientation,prev:r,next:h,ariaLabel:n,onDrag:this.onBarDragResize,onToggle:this.onBarToggle,onKeyboardResize:this.onBarKeyboardResize,isRtl:this.isRtl})}return[S.createElement(k.SplitterPane,{key:s,...r},t[a]),l]})},this.onBarToggle=(e,t)=>{const r=this.panesOptions(this.panesContent).map((a,l)=>{const s=this.getPaneProps(a);return l===e?{...s,collapsed:!a.collapsed}:{...s}});this.props.onChange&&this.props.onChange({newState:r,isLast:!0,nativeEvent:t})},this.onBarDragResize=(e,t,n,r,a)=>{const l=new Date().getTime(),{pageX:s,pageY:o}=e,{prevElement:p,nextElement:h}=this.surroudingPanes(t);if(!p||!h)return;if(r){this.setState({isDragging:!0,dragIndex:n,startTime:l,originalX:s,originalY:o,originalPrevSize:this.elementSize(p),originalNextSize:this.elementSize(h)});return}const{originalPrevSize:P,originalNextSize:c,startTime:v,originalX:f,originalY:m}=this.state;if(!r&&l-v<L){a&&this.resetDragState();return}let g;this.orientation==="vertical"?g=o-m:this.isRtl?g=f-s:g=s-f,this.resize(n,n+1,P,c,g,a,e),a&&this.resetDragState()},this.onBarKeyboardResize=(e,t,n,r)=>{const{prevElement:a,nextElement:l}=this.surroudingPanes(e),s=this.elementSize(a),o=this.elementSize(l);this.resize(t,t+1,s,o,n,!0,r)},this.containerSize=()=>this._container?this.elementSize(this._container,!0):0,this.panesOptions=e=>this.mapPaneOptions(this.panes,e),this.elementSize=(e,t)=>{const n=t?"client":"offset";return this.orientation==="vertical"?e[`${n}Height`]:e[`${n}Width`]},this.clamp=(e,t,n)=>Math.min(t,Math.max(e,n)),this.fixedSize=e=>e&&e.length>0,T.validatePackage(_.packageMetadata),this.state={isDragging:!1,dragIndex:void 0,startTime:0,originalX:0,originalY:0,originalPrevSize:0,originalNextSize:0,panes:i.defaultPanes||[]}}get isControlledState(){return this.props.panes!==void 0}get panes(){return this.panesDuringOnChange!==void 0?this.panesDuringOnChange:this.isControlledState?this.props.panes:this.state.panes}get orientation(){return this.props.orientation||"horizontal"}get isRtl(){return this._container&&getComputedStyle(this._container).direction==="rtl"||!1}get panesContent(){return S.Children.toArray(this.props.children).filter(i=>i)}render(){const i=this.panesContent,e=this.panesOptions(i),t=T.classNames("k-widget","k-splitter","k-splitter-flex",`k-splitter-${this.orientation}`,this.props.className);return this.validatePanes(e),S.createElement("div",{style:this.props.style,ref:n=>this._container=n,className:t},this.mapSplitterPanes(e,i))}surroudingPanes(i){return{prevElement:i.previousElementSibling,nextElement:i.nextElementSibling}}isPercent(i){return/%$/.test(i)}toPixels(i,e){let t=parseInt(i,10);return this.isPercent(i)&&(t=e*t/100),t}resetDragState(){this.setState({isDragging:!1,dragIndex:void 0,startTime:0,originalX:0,originalY:0,originalPrevSize:0,originalNextSize:0})}resize(i,e,t,n,r,a,l){const s=this.panesOptions(this.panesContent),o=s[i],p=s[e],h=t+n,P=this.containerSize(),c=u=>this.toPixels(u,P),v={index:i,initialSize:t,min:c(o.min)||h-c(p.max)||0,max:c(o.max)||h-c(p.min)||h},f={index:e,initialSize:n,min:c(p.min)||h-c(o.max)||0,max:c(p.max)||h-c(o.min)||h},m=(u,x)=>{const z=s[u.index],E=this.clamp(u.min,u.max,u.initialSize+x);return this.isPercent(z.size||"")?100*E/P+"%":E+"px"};let g,O;this.fixedSize(o.size)&&this.fixedSize(p.size)?(g=m(v,r),O=m(f,-r)):p.collapsible||this.fixedSize(p.size)?O=m(f,-r):g=m(v,r);const y=s.map((u,x)=>{const z=this.getPaneProps(u);return x===i?{...z,size:g}:x===e?{...z,size:O}:{...z}});this.panesDuringOnChange=y,this.isControlledState||this.setState({panes:y}),this.props.onChange&&this.props.onChange({newState:y,isLast:a,nativeEvent:l}),this.panesDuringOnChange=void 0}getPaneProps(i){const{orientation:e,overlay:t,containsSplitter:n,...r}=i;return r}};b.displayName="Splitter";let D=b;exports.Splitter=D;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("react"),B=require("./SplitterPane.js"),_=require("./SplitterBar.js"),T=require("@progress/kendo-react-common"),k=require("../package-metadata.js"),C=require("./messages/index.js"),N=require("@progress/kendo-react-intl");function w(d){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(d){for(const e in d)if(e!=="default"){const t=Object.getOwnPropertyDescriptor(d,e);Object.defineProperty(i,e,t.get?t:{enumerable:!0,get:()=>d[e]})}}return i.default=d,Object.freeze(i)}const S=w(R),q={collapsible:!1,collapsed:!1,resizable:!0,scrollable:!0},L=150,b=class b extends S.Component{constructor(i){super(i),this._container=null,this.validatePanes=e=>{if(!e.filter(n=>n.size===void 0).length)throw new Error("The Splitter should have at least one pane without a set size.")},this.mapPaneOptions=(e,t)=>{const n=this.orientation,{dragIndex:r,isDragging:a}=this.state,l=[];for(let s=0;s<t.length;s++){let o=!1;const p=t[s];S.isValidElement(p)&&(o=p.type.displayName==="Splitter");let h=!1;a&&r!==void 0&&(h=r===s||r+1===s),l.push({...q,orientation:n,containsSplitter:o,overlay:h,...(e||[])[s]})}return l},this.mapSplitterPanes=(e,t)=>{const n=N.provideLocalizationService(this).toLanguageString(C.splitBarLabel,C.messages[C.splitBarLabel]);return e.map((r,a)=>{let l;const s=a*2,o=s+1;if(a+1<e.length){const h=e[a+1];l=S.createElement(_.SplitterBar,{key:o,index:a,orientation:r.orientation,prev:r,next:h,ariaLabel:n,onDrag:this.onBarDragResize,onToggle:this.onBarToggle,onKeyboardResize:this.onBarKeyboardResize,isRtl:this.isRtl})}return[S.createElement(B.SplitterPane,{key:s,...r},t[a]),l]})},this.onBarToggle=(e,t)=>{const r=this.panesOptions(this.panesContent).map((a,l)=>{const s=this.getPaneProps(a);return l===e?{...s,collapsed:!a.collapsed}:{...s}});this.props.onChange&&this.props.onChange({newState:r,isLast:!0,nativeEvent:t})},this.onBarDragResize=(e,t,n,r,a)=>{const l=new Date().getTime(),{pageX:s,pageY:o}=e,{prevElement:p,nextElement:h}=this.surroudingPanes(t);if(!p||!h)return;if(r){this.setState({isDragging:!0,dragIndex:n,startTime:l,originalX:s,originalY:o,originalPrevSize:this.elementSize(p),originalNextSize:this.elementSize(h)});return}const{originalPrevSize:P,originalNextSize:c,startTime:v,originalX:f,originalY:m}=this.state;if(!r&&l-v<L){a&&this.resetDragState();return}let g;this.orientation==="vertical"?g=o-m:this.isRtl?g=f-s:g=s-f,this.resize(n,n+1,P,c,g,a,e),a&&this.resetDragState()},this.onBarKeyboardResize=(e,t,n,r)=>{const{prevElement:a,nextElement:l}=this.surroudingPanes(e),s=this.elementSize(a),o=this.elementSize(l);this.resize(t,t+1,s,o,n,!0,r)},this.containerSize=()=>this._container?this.elementSize(this._container,!0):0,this.panesOptions=e=>this.mapPaneOptions(this.panes,e),this.elementSize=(e,t)=>{const n=t?"client":"offset";return this.orientation==="vertical"?e[`${n}Height`]:e[`${n}Width`]},this.clamp=(e,t,n)=>Math.min(t,Math.max(e,n)),this.fixedSize=e=>e&&e.length>0,T.validatePackage(k.packageMetadata),this.state={isDragging:!1,dragIndex:void 0,startTime:0,originalX:0,originalY:0,originalPrevSize:0,originalNextSize:0,panes:i.defaultPanes||[]}}get isControlledState(){return this.props.panes!==void 0}get panes(){return this.panesDuringOnChange!==void 0?this.panesDuringOnChange:this.isControlledState?this.props.panes:this.state.panes}get orientation(){return this.props.orientation||"horizontal"}get isRtl(){return this._container&&getComputedStyle(this._container).direction==="rtl"||!1}get panesContent(){return S.Children.toArray(this.props.children).filter(i=>i)}render(){const i=this.panesContent,e=this.panesOptions(i),t=T.classNames("k-splitter","k-splitter-flex",`k-splitter-${this.orientation}`,this.props.className);return this.validatePanes(e),S.createElement("div",{style:this.props.style,ref:n=>this._container=n,className:t},this.mapSplitterPanes(e,i))}surroudingPanes(i){return{prevElement:i.previousElementSibling,nextElement:i.nextElementSibling}}isPercent(i){return/%$/.test(i)}toPixels(i,e){let t=parseInt(i,10);return this.isPercent(i)&&(t=e*t/100),t}resetDragState(){this.setState({isDragging:!1,dragIndex:void 0,startTime:0,originalX:0,originalY:0,originalPrevSize:0,originalNextSize:0})}resize(i,e,t,n,r,a,l){const s=this.panesOptions(this.panesContent),o=s[i],p=s[e],h=t+n,P=this.containerSize(),c=u=>this.toPixels(u,P),v={index:i,initialSize:t,min:c(o.min)||h-c(p.max)||0,max:c(o.max)||h-c(p.min)||h},f={index:e,initialSize:n,min:c(p.min)||h-c(o.max)||0,max:c(p.max)||h-c(o.min)||h},m=(u,x)=>{const z=s[u.index],E=this.clamp(u.min,u.max,u.initialSize+x);return this.isPercent(z.size||"")?100*E/P+"%":E+"px"};let g,O;this.fixedSize(o.size)&&this.fixedSize(p.size)?(g=m(v,r),O=m(f,-r)):p.collapsible||this.fixedSize(p.size)?O=m(f,-r):g=m(v,r);const y=s.map((u,x)=>{const z=this.getPaneProps(u);return x===i?{...z,size:g}:x===e?{...z,size:O}:{...z}});this.panesDuringOnChange=y,this.isControlledState||this.setState({panes:y}),this.props.onChange&&this.props.onChange({newState:y,isLast:a,nativeEvent:l}),this.panesDuringOnChange=void 0}getPaneProps(i){const{orientation:e,overlay:t,containsSplitter:n,...r}=i;return r}};b.displayName="Splitter";let D=b;exports.Splitter=D;

package/splitter/Splitter.mjs

@@ -9,9 +9,9 @@
 import * as S from "react";
 import { SplitterPane as T } from "./SplitterPane.mjs";
 import { SplitterBar as b } from "./SplitterBar.mjs";
-import { validatePackage as w, classNames as B } from "@progress/kendo-react-common";
-import { packageMetadata as N } from "../package-metadata.mjs";
-import { splitBarLabel as O, messages as R } from "./messages/index.mjs";
+import { validatePackage as B, classNames as N } from "@progress/kendo-react-common";
+import { packageMetadata as R } from "../package-metadata.mjs";
+import { splitBarLabel as O, messages as w } from "./messages/index.mjs";
 import { provideLocalizationService as _ } from "@progress/kendo-react-intl";
 const k = {
   collapsible: !1,
@@ -43,7 +43,7 @@ const k = {
       }
       return l;
     }, this.mapSplitterPanes = (t, e) => {
-      const i = _(this).toLanguageString(O, R[O]);
+      const i = _(this).toLanguageString(O, w[O]);
       return t.map((r, a) => {
         let l;
         const n = a * 2, o = n + 1;
@@ -118,7 +118,7 @@ const k = {
     }, this.containerSize = () => this._container ? this.elementSize(this._container, !0) : 0, this.panesOptions = (t) => this.mapPaneOptions(this.panes, t), this.elementSize = (t, e) => {
       const i = e ? "client" : "offset";
       return this.orientation === "vertical" ? t[`${i}Height`] : t[`${i}Width`];
-    }, this.clamp = (t, e, i) => Math.min(e, Math.max(t, i)), this.fixedSize = (t) => t && t.length > 0, w(N), this.state = {
+    }, this.clamp = (t, e, i) => Math.min(e, Math.max(t, i)), this.fixedSize = (t) => t && t.length > 0, B(R), this.state = {
       isDragging: !1,
       dragIndex: void 0,
       startTime: 0,
@@ -148,8 +148,7 @@ const k = {
    * @hidden
    */
   render() {
-    const s = this.panesContent, t = this.panesOptions(s), e = B(
-      "k-widget",
+    const s = this.panesContent, t = this.panesOptions(s), e = N(
       "k-splitter",
       "k-splitter-flex",
       `k-splitter-${this.orientation}`,

package/stepper/Step.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 te=require("react"),n=require("prop-types"),ne=require("./context/StepperContext.js"),c=require("@progress/kendo-react-common"),ae=require("@progress/kendo-react-intl"),D=require("@progress/kendo-svg-icons"),L=require("./contants.js"),P=require("./messages/index.js");function se(s){const d=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const l in s)if(l!=="default"){const p=Object.getOwnPropertyDescriptor(s,l);Object.defineProperty(d,l,p.get?p:{enumerable:!0,get:()=>s[l]})}}return d.default=s,Object.freeze(d)}const e=se(te),f=e.forwardRef((s,d)=>{const{children:l,className:p,current:v,disabled:o,focused:I,icon:m,svgIcon:O,index:a,isValid:t,label:b,optional:g,style:M,tabIndex:T,text:q,..._}=s,{animationDuration:N,isVertical:x,item:z,linear:V,mode:F,numOfSteps:i,value:r,onChange:E,onFocus:C,successIcon:w,errorIcon:H,successSVGIcon:W,errorSVGIcon:$}=e.useContext(ne.StepperContext),k=e.useRef(null),R=e.useCallback(()=>{k.current&&c.focusFirstFocusableChild(k.current)},[]),S=e.useCallback(()=>({element:k.current,focus:R}),[R]);e.useImperativeHandle(d,S);const h=!V||a===r-1||a===r||a===r+1,A=F==="labels"||!!m&&!!b,B=ae.useLocalization(),G=(u=>B.toLanguageString(u,P.messages[u]))(P.optionalText),U=typeof N=="number"?N:N!==!1?L.DEFAULT_ANIMATION_DURATION:L.NO_ANIMATION,K=e.useCallback(u=>{E&&!o&&c.dispatchEvent(E,u,S(),{value:a})},[E,r,o]),J=e.useCallback(u=>{C&&!o&&c.dispatchEvent(C,u,S(),void 0)},[C,o]),Q=e.useMemo(()=>c.classNames("k-step",{"k-step-first":a===0,"k-step-last":i&&a===i-1,"k-step-done":a<r,"k-step-current":v,"k-step-optional":g,"k-step-error":t!==void 0&&!t,"k-step-success":t},{"k-disabled":o,"k-focus":I},p),[a,i,r,v,g,o,I,t,p]),X=e.useMemo(()=>({maxWidth:x?void 0:`calc(100% / ${i})`,maxHeight:x?`calc(100% / ${i})`:void 0,pointerEvents:h?void 0:"none",...M}),[x,i,M,h]),j=t?w:H,y=j?e.createElement("span",{className:"k-step-indicator-icon "+j,"aria-hidden":"true"}):e.createElement(c.IconWrap,{className:"k-step-indicator-icon",name:t?"check-circle":"exclamation-circle",icon:t?W||D.checkOutlineIcon:$||D.exclamationCircleIcon}),Y=e.createElement(e.Fragment,null,F!=="labels"?e.createElement("span",{className:"k-step-indicator","aria-hidden":!0,style:{transitionDuration:U+"ms"}},m||O?!A&&t!==void 0?y:e.createElement(c.IconWrap,{className:"k-step-indicator-icon",name:m&&c.toIconName(m),icon:O}):t!==void 0?y:e.createElement("span",{className:"k-step-indicator-text"},q||a+1)):null),Z=e.createElement("span",{className:"k-step-label"},b&&e.createElement("span",{className:"k-step-text"},b),A&&t!==void 0&&y,g&&e.createElement("span",{className:"k-step-label-optional"},G)),ee=e.createElement(e.Fragment,null,Y,Z);return e.createElement("li",{ref:k,className:Q,style:X,..._},e.createElement("a",{className:"k-step-link",title:b||void 0,onClick:K,onFocus:J,tabIndex:T||(I?0:-1),"aria-current":v,"aria-disabled":o||!h||void 0,"aria-invalid":t!==void 0&&!t||void 0},z?l:ee))});f.propTypes={children:n.any,className:n.string,current:n.bool,disabled:n.bool,icon:n.string,index:n.number,isValid:n.bool,label:n.string,optional:n.bool,style:n.object,tabIndex:n.number,text:n.string};const oe={tabIndex:0};f.defaultProps=oe;f.displayName="KendoStep";exports.Step=f;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const te=require("react"),n=require("prop-types"),ne=require("./context/StepperContext.js"),c=require("@progress/kendo-react-common"),ae=require("@progress/kendo-react-intl"),D=require("@progress/kendo-svg-icons"),L=require("./contants.js"),P=require("./messages/index.js");function se(s){const p=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const l in s)if(l!=="default"){const m=Object.getOwnPropertyDescriptor(s,l);Object.defineProperty(p,l,m.get?m:{enumerable:!0,get:()=>s[l]})}}return p.default=s,Object.freeze(p)}const e=se(te),v=e.forwardRef((s,p)=>{const{children:l,className:m,current:I,disabled:o,focused:g,icon:b,svgIcon:M,index:a,isValid:t,label:i,optional:k,style:T,tabIndex:q,text:F,..._}=s,{animationDuration:N,isVertical:x,item:z,linear:V,mode:R,numOfSteps:r,value:u,onChange:E,onFocus:C,successIcon:w,errorIcon:H,successSVGIcon:W,errorSVGIcon:$}=e.useContext(ne.StepperContext),f=e.useRef(null),A=e.useCallback(()=>{f.current&&c.focusFirstFocusableChild(f.current)},[]),S=e.useCallback(()=>({element:f.current,focus:A}),[A]);e.useImperativeHandle(p,S);const h=!V||a===u-1||a===u||a===u+1,y=R==="labels"||!!b&&!!i,B=ae.useLocalization(),G=(d=>B.toLanguageString(d,P.messages[d]))(P.optionalText),U=typeof N=="number"?N:N!==!1?L.DEFAULT_ANIMATION_DURATION:L.NO_ANIMATION,K=e.useCallback(d=>{E&&!o&&c.dispatchEvent(E,d,S(),{value:a})},[E,u,o]),J=e.useCallback(d=>{C&&!o&&c.dispatchEvent(C,d,S(),void 0)},[C,o]),Q=e.useMemo(()=>c.classNames("k-step",{"k-step-first":a===0,"k-step-last":r&&a===r-1,"k-step-done":a<u,"k-step-current":I,"k-step-optional":k,"k-step-error":t!==void 0&&!t,"k-step-success":t},{"k-disabled":o,"k-focus":g},m),[a,r,u,I,k,o,g,t,m]),X=e.useMemo(()=>({maxWidth:x?void 0:`calc(100% / ${r})`,maxHeight:x?`calc(100% / ${r})`:void 0,pointerEvents:h?void 0:"none",...T}),[x,r,T,h]),j=t?w:H,O=j?e.createElement("span",{className:"k-step-indicator-icon "+j,"aria-hidden":"true"}):e.createElement(c.IconWrap,{className:"k-step-indicator-icon",name:t?"check-circle":"exclamation-circle",icon:t?W||D.checkOutlineIcon:$||D.exclamationCircleIcon}),Y=e.createElement(e.Fragment,null,R!=="labels"?e.createElement("span",{className:"k-step-indicator","aria-hidden":!0,style:{transitionDuration:U+"ms"}},b||M?!y&&t!==void 0?O:e.createElement(c.IconWrap,{className:"k-step-indicator-icon",name:b&&c.toIconName(b),icon:M}):t!==void 0?O:e.createElement("span",{className:"k-step-indicator-text"},F||a+1)):null),Z=(i||y||k)&&e.createElement("span",{className:"k-step-label"},i&&e.createElement("span",{className:"k-step-text"},i),y&&t!==void 0&&O,k&&e.createElement("span",{className:"k-step-label-optional"},G)),ee=e.createElement(e.Fragment,null,Y,Z);return e.createElement("li",{ref:f,className:Q,style:X,..._},e.createElement("a",{className:"k-step-link",title:i||void 0,onClick:K,onFocus:J,tabIndex:q||(g?0:-1),"aria-current":I,"aria-disabled":o||!h||void 0,"aria-invalid":t!==void 0&&!t||void 0},z?l:ee))});v.propTypes={children:n.any,className:n.string,current:n.bool,disabled:n.bool,icon:n.string,index:n.number,isValid:n.bool,label:n.string,optional:n.bool,style:n.object,tabIndex:n.number,text:n.string};const oe={tabIndex:0};v.defaultProps=oe;v.displayName="KendoStep";exports.Step=v;