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

package/splitter/SplitterBar.mjs

@@ -77,18 +77,15 @@ class v extends l.Component {
     }));
   }
   render() {
-    const a = this.isDraggable, s = this.isStatic, e = this.isHorizontal, o = f(
-      "k-splitbar",
-      {
-        "k-focus": this.state.focused,
-        "k-splitbar-horizontal": e,
-        "k-splitbar-vertical": !e,
-        "k-splitbar-draggable-horizontal": e && a,
-        "k-splitbar-draggable-vertical": !e && a,
-        "k-splitbar-static-horizontal": e && s,
-        "k-splitbar-static-vertical": !e && s
-      }
-    );
+    const a = this.isDraggable, s = this.isStatic, e = this.isHorizontal, o = f("k-splitbar", {
+      "k-focus": this.state.focused,
+      "k-splitbar-horizontal": e,
+      "k-splitbar-vertical": !e,
+      "k-splitbar-draggable-horizontal": e && a,
+      "k-splitbar-draggable-vertical": !e && a,
+      "k-splitbar-static-horizontal": e && s,
+      "k-splitbar-static-vertical": !e && s
+    });
     return /* @__PURE__ */ l.createElement(
       u,
       {
@@ -116,37 +113,23 @@ class v extends l.Component {
           onDoubleClick: this.onToggle,
           onKeyDown: this.onKeyDown
         },
-        this.props.prev.collapsible && /* @__PURE__ */ l.createElement(
-          "div",
+        this.props.prev.collapsible && /* @__PURE__ */ l.createElement("div", { className: "k-collapse-prev", onClick: this.onPrevToggle }, /* @__PURE__ */ l.createElement(
+          g,
           {
-            className: "k-collapse-prev",
-            onClick: this.onPrevToggle
-          },
-          /* @__PURE__ */ l.createElement(
-            g,
-            {
-              name: this.props.prev.collapsible ? e ? this.props.prev.collapsed ? this.props.isRtl ? "caret-alt-left" : "caret-alt-right" : this.props.isRtl ? "caret-alt-right" : "caret-alt-left" : this.props.prev.collapsed ? "caret-alt-down" : "caret-alt-up" : void 0,
-              icon: this.props.prev.collapsible ? e ? this.props.prev.collapsed ? this.props.isRtl ? n : p : this.props.isRtl ? p : n : this.props.prev.collapsed ? h : b : void 0,
-              size: "xsmall"
-            }
-          )
-        ),
+            name: this.props.prev.collapsible ? e ? this.props.prev.collapsed ? this.props.isRtl ? "caret-alt-left" : "caret-alt-right" : this.props.isRtl ? "caret-alt-right" : "caret-alt-left" : this.props.prev.collapsed ? "caret-alt-down" : "caret-alt-up" : void 0,
+            icon: this.props.prev.collapsible ? e ? this.props.prev.collapsed ? this.props.isRtl ? n : p : this.props.isRtl ? p : n : this.props.prev.collapsed ? h : b : void 0,
+            size: "xsmall"
+          }
+        )),
         /* @__PURE__ */ l.createElement("div", { className: "k-resize-handle" }),
-        this.props.next.collapsible && /* @__PURE__ */ l.createElement(
-          "div",
+        this.props.next.collapsible && /* @__PURE__ */ l.createElement("div", { className: "k-collapse-next", onClick: this.onNextToggle }, /* @__PURE__ */ l.createElement(
+          g,
           {
-            className: "k-collapse-next",
-            onClick: this.onNextToggle
-          },
-          /* @__PURE__ */ l.createElement(
-            g,
-            {
-              name: this.props.next.collapsible ? e ? this.props.next.collapsed ? this.props.isRtl ? "caret-alt-right" : "caret-alt-left" : this.props.isRtl ? "caret-alt-left" : "caret-alt-right" : this.props.next.collapsed ? "caret-alt-up" : "caret-alt-down" : void 0,
-              icon: this.props.next.collapsible ? e ? this.props.next.collapsed ? this.props.isRtl ? p : n : this.props.isRtl ? n : p : this.props.next.collapsed ? b : h : void 0,
-              size: "xsmall"
-            }
-          )
-        )
+            name: this.props.next.collapsible ? e ? this.props.next.collapsed ? this.props.isRtl ? "caret-alt-right" : "caret-alt-left" : this.props.isRtl ? "caret-alt-left" : "caret-alt-right" : this.props.next.collapsed ? "caret-alt-up" : "caret-alt-down" : void 0,
+            icon: this.props.next.collapsible ? e ? this.props.next.collapsed ? this.props.isRtl ? p : n : this.props.isRtl ? n : p : this.props.next.collapsed ? b : h : void 0,
+            size: "xsmall"
+          }
+        ))
       )
     );
   }

package/splitter/SplitterPane.mjs

@@ -36,17 +36,7 @@ class x extends l.Component {
       },
       d
     );
-    return /* @__PURE__ */ l.createElement(
-      "div",
-      {
-        id: t,
-        role: "group",
-        style: k,
-        className: v
-      },
-      !s || c ? this.props.children : void 0,
-      a ? /* @__PURE__ */ l.createElement("div", { className: "k-splitter-overlay k-overlay" }) : void 0
-    );
+    return /* @__PURE__ */ l.createElement("div", { id: t, role: "group", style: k, className: v }, !s || c ? this.props.children : void 0, a ? /* @__PURE__ */ l.createElement("div", { className: "k-splitter-overlay k-overlay" }) : void 0);
   }
 }
 export {

package/stacklayout/StackLayout.mjs

@@ -19,10 +19,7 @@ const m = o.forwardRef((e, g) => {
     []
   );
   o.useImperativeHandle(g, d);
-  const { className: r, style: u, id: h, children: k } = e, y = A(), s = o.useMemo(
-    () => e.orientation || l.orientation,
-    [e.orientation]
-  ), t = s === "horizontal", a = o.useMemo(
+  const { className: r, style: u, id: h, children: k } = e, y = A(), s = o.useMemo(() => e.orientation || l.orientation, [e.orientation]), t = s === "horizontal", a = o.useMemo(
     () => e.align && e.align.horizontal ? e.align.horizontal : l.hAlign,
     [e.align]
   ), i = o.useMemo(
@@ -50,16 +47,7 @@ const m = o.forwardRef((e, g) => {
     gap: `${typeof e.gap == "number" ? e.gap + "px" : e.gap}`,
     ...u
   };
-  return /* @__PURE__ */ o.createElement(
-    "div",
-    {
-      ref: c,
-      className: f,
-      style: v,
-      id: h || y
-    },
-    k
-  );
+  return /* @__PURE__ */ o.createElement("div", { ref: c, className: f, style: v, id: h || y }, k);
 }), l = {
   orientation: "horizontal",
   hAlign: "stretch",

package/stepper/Step.mjs

@@ -46,12 +46,9 @@ const L = e.forwardRef((O, R) => {
     errorIcon: w,
     successSVGIcon: B,
     errorSVGIcon: G
-  } = e.useContext(Y), p = e.useRef(null), F = e.useCallback(
-    () => {
-      p.current && Z(p.current);
-    },
-    []
-  ), v = e.useCallback(
+  } = e.useContext(Y), p = e.useRef(null), F = e.useCallback(() => {
+    p.current && Z(p.current);
+  }, []), v = e.useCallback(
     () => ({
       element: p.current,
       focus: F
@@ -61,22 +58,12 @@ const L = e.forwardRef((O, R) => {
   e.useImperativeHandle(R, v);
   const I = !H || s === l - 1 || s === l || s === l + 1, N = S === "labels" || !!r && !!o, P = ae(), U = ((i) => P.toLanguageString(i, le[i]))(ie), W = typeof u == "number" ? u : u !== !1 ? oe : ce, $ = e.useCallback(
     (i) => {
-      b && !n && M(
-        b,
-        i,
-        v(),
-        { value: s }
-      );
+      b && !n && M(b, i, v(), { value: s });
     },
     [b, l, n]
   ), j = e.useCallback(
     (i) => {
-      f && !n && M(
-        f,
-        i,
-        v(),
-        void 0
-      );
+      f && !n && M(f, i, v(), void 0);
     },
     [f, n]
   ), K = e.useMemo(
@@ -104,13 +91,7 @@ const L = e.forwardRef((O, R) => {
       ...C
     }),
     [k, c, C, I]
-  ), A = t ? _ : w, x = A ? /* @__PURE__ */ e.createElement(
-    "span",
-    {
-      className: "k-step-indicator-icon " + A,
-      "aria-hidden": "true"
-    }
-  ) : /* @__PURE__ */ e.createElement(
+  ), A = t ? _ : w, x = A ? /* @__PURE__ */ e.createElement("span", { className: "k-step-indicator-icon " + A, "aria-hidden": "true" }) : /* @__PURE__ */ e.createElement(
     T,
     {
       className: "k-step-indicator-icon",
@@ -124,30 +105,28 @@ const L = e.forwardRef((O, R) => {
       "aria-hidden": !0,
       style: { transitionDuration: W + "ms" }
     },
-    r || h ? !N && t !== void 0 ? x : /* @__PURE__ */ e.createElement(T, { className: "k-step-indicator-icon", name: r && te(r), icon: h }) : t !== void 0 ? x : /* @__PURE__ */ e.createElement("span", { className: "k-step-indicator-text" }, y || s + 1)
+    r || h ? !N && t !== void 0 ? x : /* @__PURE__ */ e.createElement(
+      T,
+      {
+        className: "k-step-indicator-icon",
+        name: r && te(r),
+        icon: h
+      }
+    ) : t !== void 0 ? x : /* @__PURE__ */ e.createElement("span", { className: "k-step-indicator-text" }, y || s + 1)
   ) : null), Q = (o || N || m) && /* @__PURE__ */ e.createElement("span", { className: "k-step-label" }, o && /* @__PURE__ */ e.createElement("span", { className: "k-step-text" }, o), N && t !== void 0 && x, m && /* @__PURE__ */ e.createElement("span", { className: "k-step-label-optional" }, U)), X = /* @__PURE__ */ e.createElement(e.Fragment, null, J, Q);
-  return /* @__PURE__ */ e.createElement(
-    "li",
+  return /* @__PURE__ */ e.createElement("li", { ref: p, className: K, style: q, ...z }, /* @__PURE__ */ e.createElement(
+    "a",
     {
-      ref: p,
-      className: K,
-      style: q,
-      ...z
+      className: "k-step-link",
+      title: o || void 0,
+      onClick: $,
+      onFocus: j,
+      "aria-current": d ? "step" : void 0,
+      "aria-disabled": n || !I || void 0,
+      "aria-invalid": t !== void 0 && !t || void 0
     },
-    /* @__PURE__ */ e.createElement(
-      "a",
-      {
-        className: "k-step-link",
-        title: o || void 0,
-        onClick: $,
-        onFocus: j,
-        "aria-current": d ? "step" : void 0,
-        "aria-disabled": n || !I || void 0,
-        "aria-invalid": t !== void 0 && !t || void 0
-      },
-      D ? V : X
-    )
-  );
+    D ? V : X
+  ));
 });
 L.propTypes = {
   children: a.any,

package/stepper/Stepper.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"),l=require("prop-types"),ne=require("./context/StepperContext.js"),d=require("@progress/kendo-react-common"),se=require("./Step.js"),oe=require("@progress/kendo-react-progressbars"),z=require("./contants.js"),re=require("../package-metadata.js"),ie=require("@progress/kendo-react-intl"),D=require("./messages/index.js");function ce(p){const k=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(p){for(const f in p)if(f!=="default"){const I=Object.getOwnPropertyDescriptor(p,f);Object.defineProperty(k,f,I.get?I:{enumerable:!0,get:()=>p[f]})}}return k.default=p,Object.freeze(k)}const o=ce(te),w=o.forwardRef((p,k)=>{d.validatePackage(re.packageMetadata);const{animationDuration:f,children:I,className:P,disabled:g,errorIcon:V,errorSVGIcon:j,item:R,items:b,linear:y,mode:_,orientation:x,selectOnFocus:E,style:T,successIcon:K,successSVGIcon:G,value:u=0,onChange:S,onFocus:C}=p,B=ie.useLocalization().toLanguageString(D.progBarAriaLabel,D.messages[D.progBarAriaLabel]),v=o.useRef(null),A=o.useCallback(()=>{v.current&&d.focusFirstFocusableChild(v.current)},[]),N=o.useCallback(()=>({element:v.current,focus:A}),[A]);o.useImperativeHandle(k,N);const[H,a]=o.useState(u),m=b?b.length:0,n=x==="vertical",O=d.useDir(v,p.dir),U=typeof f=="number"?f:f!==!1?z.DEFAULT_ANIMATION_DURATION:z.NO_ANIMATION;o.useEffect(()=>{a(u)},[u]);const M=o.useCallback((r,i)=>{const e=i===u-1,t=i===u,c=i===u+1;u!==i&&S&&!g&&(!y||e||t||c)&&(d.dispatchEvent(S,r,N(),{value:i}),a(i))},[u,y,S,g,a]),J=o.useCallback(r=>{let i=r.value,e=r.syntheticEvent;M(e,i)},[M]),Q=o.useCallback(r=>{C&&!g&&d.dispatchEvent(C,r.syntheticEvent,N(),void 0)},[C,g]),h=o.useMemo(()=>{const r=O==="rtl",i=b.length-1;return new d.Navigation({root:v,selectors:["ol.k-step-list li.k-step a.k-step-link"],tabIndex:0,keyboardEvents:{keydown:{ArrowLeft:(e,t,c)=>{c.preventDefault();const s=t.elements.indexOf(e);!n&&!r&&s>0?(t.focusPrevious(e),a(s-1)):!n&&r&&s<i&&(t.focusNext(e),a(s+1))},ArrowRight:(e,t,c)=>{c.preventDefault();const s=t.elements.indexOf(e);!n&&!r&&s<i?(t.focusNext(e),a(s+1)):!n&&r&&s>0&&(t.focusPrevious(e),a(s-1))},ArrowUp:(e,t,c)=>{c.preventDefault();const s=t.elements.indexOf(e);n&&!r&&s>0?(t.focusPrevious(e),a(s-1)):n&&r&&s>0&&(t.focusPrevious(e),a(s+1))},ArrowDown:(e,t,c)=>{c.preventDefault();const s=t.elements.indexOf(e);n&&!r&&s<i?(t.focusNext(e),a(s+1)):n&&r&&s<i&&(t.focusNext(e),a(s-1))},Tab:(e,t,c)=>{c.preventDefault();const s=t.elements.indexOf(e),L=t.previous(e).children[0],F=t.next(e).children[0];c.shiftKey?!n&&!r&&s>0?(t.focusPrevious(e),a(s-1),E&&L.click()):!n&&r&&s<i&&(t.focusNext(e),a(s+1),E&&F.click()):!n&&!r&&s<i?(t.focusNext(e),a(s+1),E&&F.click()):!n&&r&&s>0&&(t.focusPrevious(e),a(s-1),E&&L.click())},Home:(e,t,c)=>{c.preventDefault(),t.focusElement(t.first,e),a(0)},End:(e,t,c)=>{c.preventDefault(),t.focusElement(t.last,e),a(i)},Space:(e,t,c)=>{c.preventDefault(),e.children[0].click()},Enter:(e,t,c)=>{c.preventDefault(),e.children[0].click()}}}})},[O,b.length,n,a]);o.useEffect(()=>(h.initializeRovingTab(u),()=>h.removeFocusListener()),[]);const W=o.useCallback(h.triggerKeyboardEvent.bind(h),[]),X=o.useMemo(()=>d.classNames("k-stepper",{"k-stepper-linear":y},P),[y,P]),Y=o.useMemo(()=>({display:"grid",gridTemplateColumns:n?void 0:"repeat("+m*2+", 1fr)",gridTemplateRows:n?"repeat("+m+", 1fr)":void 0,...T}),[n,m,T]),Z=o.useMemo(()=>d.classNames("k-step-list",{"k-step-list-horizontal":!n,"k-step-list-vertical":n}),[n]),$=o.useMemo(()=>({gridColumnStart:n?void 0:1,gridColumnEnd:n?void 0:-1,gridRowStart:n?1:void 0,gridRowEnd:n?-1:void 0}),[n]),ee=o.useMemo(()=>({gridColumnStart:n?void 0:2,gridColumnEnd:n?void 0:m*2,gridRowStart:n?1:void 0,gridRowEnd:n?m:void 0,top:n?17:void 0}),[n,m]),q=b&&b.map((r,i)=>{const e={index:i,disabled:g||r.disabled,focused:i===H,current:i===u,...r},t=R||se.Step;return o.createElement(t,{key:i,...e})});return o.createElement(ne.StepperContext.Provider,{value:{animationDuration:f,isVertical:n,item:R,linear:y,mode:_,numOfSteps:m,value:u,successIcon:K,successSVGIcon:G,errorIcon:V,errorSVGIcon:j,onChange:J,onFocus:Q}},o.createElement("nav",{className:X,style:Y,dir:O,role:"navigation",ref:v,onKeyDown:W},o.createElement("ol",{className:Z,style:$},q||I),o.createElement(oe.ProgressBar,{style:ee,labelPlacement:"start",animation:{duration:U},ariaLabel:B,"aria-hidden":!0,max:m-1,labelVisible:!1,orientation:x,reverse:x==="vertical",value:u,disabled:g,tabIndex:-1})))});w.propTypes={animationDuration:l.oneOfType([l.bool,l.number]),children:l.any,className:l.string,dir:l.string,disabled:l.bool,errorIcon:l.string,errorSVGIcon:d.svgIconPropType,item:l.any,items:l.any,linear:l.bool,mode:l.oneOf(["steps","labels"]),orientation:l.oneOf(["horizontal","vertical"]),style:l.object,successIcon:l.string,successSVGIcon:d.svgIconPropType,value:l.number.isRequired,onChange:l.func,onFocus:l.func};w.displayName="KendoStepper";exports.Stepper=w;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const te=require("react"),l=require("prop-types"),ne=require("./context/StepperContext.js"),d=require("@progress/kendo-react-common"),se=require("./Step.js"),oe=require("@progress/kendo-react-progressbars"),z=require("./contants.js"),re=require("../package-metadata.js"),ie=require("@progress/kendo-react-intl"),D=require("./messages/index.js");function ce(p){const k=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(p){for(const f in p)if(f!=="default"){const I=Object.getOwnPropertyDescriptor(p,f);Object.defineProperty(k,f,I.get?I:{enumerable:!0,get:()=>p[f]})}}return k.default=p,Object.freeze(k)}const o=ce(te),w=o.forwardRef((p,k)=>{d.validatePackage(re.packageMetadata);const{animationDuration:f,children:I,className:P,disabled:g,errorIcon:V,errorSVGIcon:j,item:R,items:b,linear:y,mode:_,orientation:x,selectOnFocus:E,style:T,successIcon:K,successSVGIcon:G,value:u=0,onChange:S,onFocus:C}=p,B=ie.useLocalization().toLanguageString(D.progBarAriaLabel,D.messages[D.progBarAriaLabel]),v=o.useRef(null),A=o.useCallback(()=>{v.current&&d.focusFirstFocusableChild(v.current)},[]),N=o.useCallback(()=>({element:v.current,focus:A}),[A]);o.useImperativeHandle(k,N);const[H,a]=o.useState(u),m=b?b.length:0,n=x==="vertical",O=d.useDir(v,p.dir),U=typeof f=="number"?f:f!==!1?z.DEFAULT_ANIMATION_DURATION:z.NO_ANIMATION;o.useEffect(()=>{a(u)},[u]);const M=o.useCallback((r,i)=>{const e=i===u-1,t=i===u,c=i===u+1;u!==i&&S&&!g&&(!y||e||t||c)&&(d.dispatchEvent(S,r,N(),{value:i}),a(i))},[u,y,S,g,a]),J=o.useCallback(r=>{const i=r.value,e=r.syntheticEvent;M(e,i)},[M]),Q=o.useCallback(r=>{C&&!g&&d.dispatchEvent(C,r.syntheticEvent,N(),void 0)},[C,g]),h=o.useMemo(()=>{const r=O==="rtl",i=b.length-1;return new d.Navigation({root:v,selectors:["ol.k-step-list li.k-step a.k-step-link"],tabIndex:0,keyboardEvents:{keydown:{ArrowLeft:(e,t,c)=>{c.preventDefault();const s=t.elements.indexOf(e);!n&&!r&&s>0?(t.focusPrevious(e),a(s-1)):!n&&r&&s<i&&(t.focusNext(e),a(s+1))},ArrowRight:(e,t,c)=>{c.preventDefault();const s=t.elements.indexOf(e);!n&&!r&&s<i?(t.focusNext(e),a(s+1)):!n&&r&&s>0&&(t.focusPrevious(e),a(s-1))},ArrowUp:(e,t,c)=>{c.preventDefault();const s=t.elements.indexOf(e);n&&!r&&s>0?(t.focusPrevious(e),a(s-1)):n&&r&&s>0&&(t.focusPrevious(e),a(s+1))},ArrowDown:(e,t,c)=>{c.preventDefault();const s=t.elements.indexOf(e);n&&!r&&s<i?(t.focusNext(e),a(s+1)):n&&r&&s<i&&(t.focusNext(e),a(s-1))},Tab:(e,t,c)=>{c.preventDefault();const s=t.elements.indexOf(e),L=t.previous(e).children[0],F=t.next(e).children[0];c.shiftKey?!n&&!r&&s>0?(t.focusPrevious(e),a(s-1),E&&L.click()):!n&&r&&s<i&&(t.focusNext(e),a(s+1),E&&F.click()):!n&&!r&&s<i?(t.focusNext(e),a(s+1),E&&F.click()):!n&&r&&s>0&&(t.focusPrevious(e),a(s-1),E&&L.click())},Home:(e,t,c)=>{c.preventDefault(),t.focusElement(t.first,e),a(0)},End:(e,t,c)=>{c.preventDefault(),t.focusElement(t.last,e),a(i)},Space:(e,t,c)=>{c.preventDefault(),e.children[0].click()},Enter:(e,t,c)=>{c.preventDefault(),e.children[0].click()}}}})},[O,b.length,n,a]);o.useEffect(()=>(h.initializeRovingTab(u),()=>h.removeFocusListener()),[]);const W=o.useCallback(h.triggerKeyboardEvent.bind(h),[]),X=o.useMemo(()=>d.classNames("k-stepper",{"k-stepper-linear":y},P),[y,P]),Y=o.useMemo(()=>({display:"grid",gridTemplateColumns:n?void 0:"repeat("+m*2+", 1fr)",gridTemplateRows:n?"repeat("+m+", 1fr)":void 0,...T}),[n,m,T]),Z=o.useMemo(()=>d.classNames("k-step-list",{"k-step-list-horizontal":!n,"k-step-list-vertical":n}),[n]),$=o.useMemo(()=>({gridColumnStart:n?void 0:1,gridColumnEnd:n?void 0:-1,gridRowStart:n?1:void 0,gridRowEnd:n?-1:void 0}),[n]),ee=o.useMemo(()=>({gridColumnStart:n?void 0:2,gridColumnEnd:n?void 0:m*2,gridRowStart:n?1:void 0,gridRowEnd:n?m:void 0,top:n?17:void 0}),[n,m]),q=b&&b.map((r,i)=>{const e={index:i,disabled:g||r.disabled,focused:i===H,current:i===u,...r},t=R||se.Step;return o.createElement(t,{key:i,...e})});return o.createElement(ne.StepperContext.Provider,{value:{animationDuration:f,isVertical:n,item:R,linear:y,mode:_,numOfSteps:m,value:u,successIcon:K,successSVGIcon:G,errorIcon:V,errorSVGIcon:j,onChange:J,onFocus:Q}},o.createElement("nav",{className:X,style:Y,dir:O,role:"navigation",ref:v,onKeyDown:W},o.createElement("ol",{className:Z,style:$},q||I),o.createElement(oe.ProgressBar,{style:ee,labelPlacement:"start",animation:{duration:U},ariaLabel:B,"aria-hidden":!0,max:m-1,labelVisible:!1,orientation:x,reverse:x==="vertical",value:u,disabled:g,tabIndex:-1})))});w.propTypes={animationDuration:l.oneOfType([l.bool,l.number]),children:l.any,className:l.string,dir:l.string,disabled:l.bool,errorIcon:l.string,errorSVGIcon:d.svgIconPropType,item:l.any,items:l.any,linear:l.bool,mode:l.oneOf(["steps","labels"]),orientation:l.oneOf(["horizontal","vertical"]),style:l.object,successIcon:l.string,successSVGIcon:d.svgIconPropType,value:l.number.isRequired,onChange:l.func,onFocus:l.func};w.displayName="KendoStepper";exports.Stepper=w;

package/stepper/Stepper.mjs

@@ -37,12 +37,9 @@ const V = n.forwardRef((C, z) => {
     value: u = 0,
     onChange: I,
     onFocus: h
-  } = C, j = fe().toLanguageString(M, me[M]), p = n.useRef(null), D = n.useCallback(
-    () => {
-      p.current && ne(p.current);
-    },
-    []
-  ), x = n.useCallback(
+  } = C, j = fe().toLanguageString(M, me[M]), p = n.useRef(null), D = n.useCallback(() => {
+    p.current && ne(p.current);
+  }, []), x = n.useCallback(
     () => ({
       element: p.current,
       focus: D
@@ -57,17 +54,14 @@ const V = n.forwardRef((C, z) => {
   const O = n.useCallback(
     (r, i) => {
       const e = i === u - 1, t = i === u, l = i === u + 1;
-      u !== i && I && !f && (!g || e || t || l) && (T(
-        I,
-        r,
-        x(),
-        { value: i }
-      ), c(i));
+      u !== i && I && !f && (!g || e || t || l) && (T(I, r, x(), {
+        value: i
+      }), c(i));
     },
     [u, g, I, f, c]
   ), Q = n.useCallback(
     (r) => {
-      let i = r.value, e = r.syntheticEvent;
+      const i = r.value, e = r.syntheticEvent;
       O(e, i);
     },
     [O]
@@ -81,58 +75,55 @@ const V = n.forwardRef((C, z) => {
       );
     },
     [h, f]
-  ), k = n.useMemo(
-    () => {
-      const r = y === "rtl", i = m.length - 1;
-      return new ie({
-        root: p,
-        selectors: ["ol.k-step-list li.k-step a.k-step-link"],
-        tabIndex: 0,
-        keyboardEvents: {
-          keydown: {
-            ArrowLeft: (e, t, l) => {
-              l.preventDefault();
-              const s = t.elements.indexOf(e);
-              !o && !r && s > 0 ? (t.focusPrevious(e), c(s - 1)) : !o && r && s < i && (t.focusNext(e), c(s + 1));
-            },
-            ArrowRight: (e, t, l) => {
-              l.preventDefault();
-              const s = t.elements.indexOf(e);
-              !o && !r && s < i ? (t.focusNext(e), c(s + 1)) : !o && r && s > 0 && (t.focusPrevious(e), c(s - 1));
-            },
-            ArrowUp: (e, t, l) => {
-              l.preventDefault();
-              const s = t.elements.indexOf(e);
-              o && !r && s > 0 ? (t.focusPrevious(e), c(s - 1)) : o && r && s > 0 && (t.focusPrevious(e), c(s + 1));
-            },
-            ArrowDown: (e, t, l) => {
-              l.preventDefault();
-              const s = t.elements.indexOf(e);
-              o && !r && s < i ? (t.focusNext(e), c(s + 1)) : o && r && s < i && (t.focusNext(e), c(s - 1));
-            },
-            Tab: (e, t, l) => {
-              l.preventDefault();
-              const s = t.elements.indexOf(e), P = t.previous(e).children[0], A = t.next(e).children[0];
-              l.shiftKey ? !o && !r && s > 0 ? (t.focusPrevious(e), c(s - 1), b && P.click()) : !o && r && s < i && (t.focusNext(e), c(s + 1), b && A.click()) : !o && !r && s < i ? (t.focusNext(e), c(s + 1), b && A.click()) : !o && r && s > 0 && (t.focusPrevious(e), c(s - 1), b && P.click());
-            },
-            Home: (e, t, l) => {
-              l.preventDefault(), t.focusElement(t.first, e), c(0);
-            },
-            End: (e, t, l) => {
-              l.preventDefault(), t.focusElement(t.last, e), c(i);
-            },
-            Space: (e, t, l) => {
-              l.preventDefault(), e.children[0].click();
-            },
-            Enter: (e, t, l) => {
-              l.preventDefault(), e.children[0].click();
-            }
+  ), k = n.useMemo(() => {
+    const r = y === "rtl", i = m.length - 1;
+    return new ie({
+      root: p,
+      selectors: ["ol.k-step-list li.k-step a.k-step-link"],
+      tabIndex: 0,
+      keyboardEvents: {
+        keydown: {
+          ArrowLeft: (e, t, l) => {
+            l.preventDefault();
+            const s = t.elements.indexOf(e);
+            !o && !r && s > 0 ? (t.focusPrevious(e), c(s - 1)) : !o && r && s < i && (t.focusNext(e), c(s + 1));
+          },
+          ArrowRight: (e, t, l) => {
+            l.preventDefault();
+            const s = t.elements.indexOf(e);
+            !o && !r && s < i ? (t.focusNext(e), c(s + 1)) : !o && r && s > 0 && (t.focusPrevious(e), c(s - 1));
+          },
+          ArrowUp: (e, t, l) => {
+            l.preventDefault();
+            const s = t.elements.indexOf(e);
+            o && !r && s > 0 ? (t.focusPrevious(e), c(s - 1)) : o && r && s > 0 && (t.focusPrevious(e), c(s + 1));
+          },
+          ArrowDown: (e, t, l) => {
+            l.preventDefault();
+            const s = t.elements.indexOf(e);
+            o && !r && s < i ? (t.focusNext(e), c(s + 1)) : o && r && s < i && (t.focusNext(e), c(s - 1));
+          },
+          Tab: (e, t, l) => {
+            l.preventDefault();
+            const s = t.elements.indexOf(e), P = t.previous(e).children[0], A = t.next(e).children[0];
+            l.shiftKey ? !o && !r && s > 0 ? (t.focusPrevious(e), c(s - 1), b && P.click()) : !o && r && s < i && (t.focusNext(e), c(s + 1), b && A.click()) : !o && !r && s < i ? (t.focusNext(e), c(s + 1), b && A.click()) : !o && r && s > 0 && (t.focusPrevious(e), c(s - 1), b && P.click());
+          },
+          Home: (e, t, l) => {
+            l.preventDefault(), t.focusElement(t.first, e), c(0);
+          },
+          End: (e, t, l) => {
+            l.preventDefault(), t.focusElement(t.last, e), c(i);
+          },
+          Space: (e, t, l) => {
+            l.preventDefault(), e.children[0].click();
+          },
+          Enter: (e, t, l) => {
+            l.preventDefault(), e.children[0].click();
           }
         }
-      });
-    },
-    [y, m.length, o, c]
-  );
+      }
+    });
+  }, [y, m.length, o, c]);
   n.useEffect(() => (k.initializeRovingTab(u), () => k.removeFocusListener()), []);
   const X = n.useCallback(k.triggerKeyboardEvent.bind(k), []), Y = n.useMemo(
     () => F(
@@ -152,13 +143,10 @@ const V = n.forwardRef((C, z) => {
     }),
     [o, d, w]
   ), $ = n.useMemo(
-    () => F(
-      "k-step-list",
-      {
-        "k-step-list-horizontal": !o,
-        "k-step-list-vertical": o
-      }
-    ),
+    () => F("k-step-list", {
+      "k-step-list-horizontal": !o,
+      "k-step-list-vertical": o
+    }),
     [o]
   ), ee = n.useMemo(
     () => ({
@@ -216,14 +204,7 @@ const V = n.forwardRef((C, z) => {
         ref: p,
         onKeyDown: X
       },
-      /* @__PURE__ */ n.createElement(
-        "ol",
-        {
-          className: $,
-          style: ee
-        },
-        R || K
-      ),
+      /* @__PURE__ */ n.createElement("ol", { className: $, style: ee }, R || K),
       /* @__PURE__ */ n.createElement(
         ce,
         {

package/tabstrip/TabStripContent.mjs

@@ -64,16 +64,7 @@ const l = class l extends n.Component {
           hidden: !o,
           "aria-labelledby": `${this.props.navItemId}-${r}`
         },
-        this.props.animation ? /* @__PURE__ */ n.createElement(
-          d,
-          {
-            key: `${r}-${o}`,
-            appear: !0,
-            enter: !0,
-            exit: !1
-          },
-          s.props.children
-        ) : s.props.children
+        this.props.animation ? /* @__PURE__ */ n.createElement(d, { key: `${r}-${o}`, appear: !0, enter: !0, exit: !1 }, s.props.children) : s.props.children
       );
     });
   }
@@ -100,10 +91,7 @@ const l = class l extends n.Component {
 };
 l.propTypes = {
   animation: i.bool,
-  children: i.oneOfType([
-    i.element,
-    i.arrayOf(i.element)
-  ]),
+  children: i.oneOfType([i.element, i.arrayOf(i.element)]),
   selected: i.number,
   style: i.object
 };

package/tabstrip/TabStripTab.mjs

@@ -19,15 +19,8 @@ const n = class n extends o.Component {
 n.propTypes = {
   disabled: e.bool,
   contentClassName: e.string,
-  children: e.oneOfType([
-    e.element,
-    e.node
-  ]),
-  title: e.oneOfType([
-    e.string,
-    e.element,
-    e.node
-  ])
+  children: e.oneOfType([e.element, e.node]),
+  title: e.oneOfType([e.string, e.element, e.node])
 };
 let t = n;
 export {

package/tilelayout/InternalTile.mjs

@@ -102,7 +102,11 @@ const m = 200, h = class h extends p.Component {
         ref: (s) => {
           this.draggable = s ? { element: s } : null;
         },
-        className: g("k-tilelayout-item k-card", { "k-cursor-grab": this.reorderable }, this.props.className),
+        className: g(
+          "k-tilelayout-item k-card",
+          { "k-cursor-grab": this.reorderable },
+          this.props.className
+        ),
         style: { height: "100%", ...n, ...this.props.style }
       },
       this.props.children,
@@ -116,29 +120,37 @@ const m = 200, h = class h extends p.Component {
         }
       )
     );
-    return /* @__PURE__ */ p.createElement("div", { ref: (s) => {
-      this.element = s;
-    }, style: n }, /* @__PURE__ */ p.createElement(
+    return /* @__PURE__ */ p.createElement(
       "div",
       {
         ref: (s) => {
-          this.hintElement = s;
+          this.element = s;
         },
-        style: { position: "absolute", ...i },
-        className: g("k-layout-item-hint", this.props.hintClassName)
-      }
-    ), /* @__PURE__ */ p.createElement(
-      y,
-      {
-        ref: (s) => {
-          this.draggable = s;
-        },
-        onDrag: this.props.reorderable ? this.handleDrag : void 0,
-        onRelease: this.props.reorderable ? this.handleRelease : void 0,
-        onPress: this.props.reorderable ? this.handlePress : void 0
+        style: n
       },
-      a
-    ));
+      /* @__PURE__ */ p.createElement(
+        "div",
+        {
+          ref: (s) => {
+            this.hintElement = s;
+          },
+          style: { position: "absolute", ...i },
+          className: g("k-layout-item-hint", this.props.hintClassName)
+        }
+      ),
+      /* @__PURE__ */ p.createElement(
+        y,
+        {
+          ref: (s) => {
+            this.draggable = s;
+          },
+          onDrag: this.props.reorderable ? this.handleDrag : void 0,
+          onRelease: this.props.reorderable ? this.handleRelease : void 0,
+          onPress: this.props.reorderable ? this.handlePress : void 0
+        },
+        a
+      )
+    );
   }
   /**
    * @hidden

package/tilelayout/ResizeHandlers.mjs

@@ -19,7 +19,13 @@ const r = (t) => /* @__PURE__ */ n.createElement(
       t.onResize(e.event, !0, t.d);
     }
   },
-  /* @__PURE__ */ n.createElement("div", { className: "k-resize-handle k-cursor-" + t.d + "-resize", style: { bottom: 0, right: 0, ...t.style } })
+  /* @__PURE__ */ n.createElement(
+    "div",
+    {
+      className: "k-resize-handle k-cursor-" + t.d + "-resize",
+      style: { bottom: 0, right: 0, ...t.style }
+    }
+  )
 );
 class h extends n.Component {
   constructor() {

package/tilelayout/TileLayout.mjs

@@ -19,7 +19,11 @@ const O = {
   unset: "k-grid-flow-unset"
 }, h = class h extends n.Component {
   constructor(a) {
-    super(a), this._element = null, this.state = { positions: (this.props.items || []).map((i, o) => Object.assign({ order: o, rowSpan: 1, colSpan: 1 }, i.defaultPosition)) }, this.showLicenseWatermark = !1, this.focus = () => {
+    super(a), this._element = null, this.state = {
+      positions: (this.props.items || []).map(
+        (i, o) => Object.assign({ order: o, rowSpan: 1, colSpan: 1 }, i.defaultPosition)
+      )
+    }, this.showLicenseWatermark = !1, this.focus = () => {
       this._element && this._element.focus();
     }, this.update = (i, o, s, l = 0, u = 0) => {
       if (o === 0 && s === 0 && !u && !l)
@@ -48,7 +52,9 @@ const O = {
     return a.positions ? {
       positions: a.positions.map((o, s) => Object.assign({ order: s, rowSpan: 1, colSpan: 1 }, o))
     } : a.items && (!i.positions || a.items.length !== i.positions.length) ? {
-      positions: a.items.map((o, s) => Object.assign({ order: s, rowSpan: 1, colSpan: 1 }, o.defaultPosition))
+      positions: a.items.map(
+        (o, s) => Object.assign({ order: s, rowSpan: 1, colSpan: 1 }, o.defaultPosition)
+      )
     } : null;
   }
   render() {
@@ -78,24 +84,22 @@ const O = {
         className: N("k-tilelayout k-pos-relative", O[m], a),
         style: d,
         id: this.props.id,
-        children: c.map(
-          (e, p) => /* @__PURE__ */ n.createElement(n.Fragment, { key: this.props.dataItemKey ? E(this.props.dataItemKey)(e) : p }, /* @__PURE__ */ n.createElement(
-            x,
-            {
-              update: this.update,
-              defaultPosition: this.state.positions[p],
-              index: p,
-              resizable: e.resizable,
-              reorderable: e.reorderable,
-              style: e.style,
-              className: e.className,
-              hintClassName: e.hintClassName,
-              hintStyle: e.hintStyle,
-              ignoreDrag: this.props.ignoreDrag
-            },
-            e.item ? e.item : /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement("div", { className: "k-tilelayout-item-header k-card-header" }, n.isValidElement(e.header) ? e.header : /* @__PURE__ */ n.createElement("h5", { className: "k-card-title" }, e.header)), /* @__PURE__ */ n.createElement("div", { className: "k-tilelayout-item-body k-card-body" }, e.body))
-          ), this.showLicenseWatermark && /* @__PURE__ */ n.createElement(v, null))
-        )
+        children: c.map((e, p) => /* @__PURE__ */ n.createElement(n.Fragment, { key: this.props.dataItemKey ? E(this.props.dataItemKey)(e) : p }, /* @__PURE__ */ n.createElement(
+          x,
+          {
+            update: this.update,
+            defaultPosition: this.state.positions[p],
+            index: p,
+            resizable: e.resizable,
+            reorderable: e.reorderable,
+            style: e.style,
+            className: e.className,
+            hintClassName: e.hintClassName,
+            hintStyle: e.hintStyle,
+            ignoreDrag: this.props.ignoreDrag
+          },
+          e.item ? e.item : /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement("div", { className: "k-tilelayout-item-header k-card-header" }, n.isValidElement(e.header) ? e.header : /* @__PURE__ */ n.createElement("h5", { className: "k-card-title" }, e.header)), /* @__PURE__ */ n.createElement("div", { className: "k-tilelayout-item-body k-card-body" }, e.body))
+        ), this.showLicenseWatermark && /* @__PURE__ */ n.createElement(v, null)))
       }
     );
   }