@progress/kendo-react-layout 7.4.0-develop.6 → 7.4.0-develop.8

package/tabstrip/TabStripNavigationItem.mjs

@@ -8,7 +8,7 @@
 "use client";
 import * as s from "react";
 import e from "prop-types";
-import { classNames as p } from "@progress/kendo-react-common";
+import { classNames as h } from "@progress/kendo-react-common";
 const o = class o extends s.Component {
   constructor() {
     super(...arguments), this.itemRef = null, this.focus = () => {
@@ -23,18 +23,18 @@ const o = class o extends s.Component {
    * @hidden
    */
   render() {
-    const { id: r, active: t, disabled: i, title: a = "Untitled", contentPanelId: l, index: c } = this.props, m = {
-      id: `${r}-${c.toString()}`,
+    const { id: c, active: t, disabled: i, title: a = "Untitled", index: n, renderAllContent: m } = this.props, l = m ? `${this.props.contentPanelId}-${n.toString()}` : this.props.contentPanelId, d = {
+      id: `${c}-${n.toString()}`,
       "aria-selected": t,
       "aria-controls": t ? l : void 0,
       "aria-disabled": i,
       role: "tab",
       onClick: i ? void 0 : this.onClick
-    }, f = p("k-item", "k-tabstrip-item", {
+    }, p = h("k-item", "k-tabstrip-item", {
       "k-disabled": i,
       "k-active": t
     });
-    return /* @__PURE__ */ s.createElement("li", { ...m, className: f, ref: (d) => this.itemRef = d, onBlur: this.blur, "aria-controls": l }, /* @__PURE__ */ s.createElement("span", { className: "k-link" }, a));
+    return /* @__PURE__ */ s.createElement("li", { ...d, className: p, ref: (f) => this.itemRef = f, onBlur: this.blur, "aria-controls": l }, /* @__PURE__ */ s.createElement("span", { className: "k-link" }, a));
   }
 };
 o.propTypes = {
@@ -49,7 +49,7 @@ o.propTypes = {
   first: e.bool,
   last: e.bool
 };
-let n = o;
+let r = o;
 export {
-  n as TabStripNavigationItem
+  r as TabStripNavigationItem
 };