@progress/kendo-react-layout 7.4.0-develop.1 → 7.4.0-develop.11

package/tabstrip/TabStripNavigation.mjs

@@ -7,12 +7,12 @@
  */
 "use client";
 import * as a from "react";
-import f from "prop-types";
-import { TabStripNavigationItem as C } from "./TabStripNavigationItem.mjs";
+import h from "prop-types";
+import { TabStripNavigationItem as g } from "./TabStripNavigationItem.mjs";
 import { classNames as I } from "@progress/kendo-react-common";
 import { Button as x } from "@progress/kendo-react-buttons";
 import { caretAltRightIcon as P, caretAltLeftIcon as k, caretAltUpIcon as A, caretAltDownIcon as M } from "@progress/kendo-svg-icons";
-const E = (S) => Array.apply(null, Array(S)), L = (S) => S.preventDefault(), b = "smooth", d = "prev", u = "next", w = class w extends a.Component {
+const E = (w) => Array.apply(null, Array(w)), L = (w) => w.preventDefault(), b = "smooth", d = "prev", u = "next", T = class T extends a.Component {
   constructor(l) {
     super(l), this.itemsNavRef = a.createRef(), this.isRtl = () => this.props.dir === "rtl", this.onWheel = (t) => {
       t.stopPropagation();
@@ -29,20 +29,20 @@ const E = (S) => Array.apply(null, Array(S)), L = (S) => S.preventDefault(), b =
       if (!e)
         return;
       const n = this.horizontalScroll(), c = n ? e.scrollWidth - e.offsetWidth : e.scrollHeight - e.offsetHeight, r = (s.type === "click" ? this.props.buttonScrollSpeed : this.props.mouseScrollSpeed) || 0;
-      let o = n ? e.scrollLeft : e.scrollTop, i = n ? e.scrollWidth - e.scrollLeft : e.scrollHeight - e.scrollTop, h = e.scrollWidth - e.scrollLeft * -1;
-      this.isRtl() && this.horizontalScroll() ? (t === d && o < 0 && (o += r, h += r), t === u && o < c && (o -= r, h -= r), o = Math.min(0, Math.min(c, o))) : (t === d && o > 0 && (o -= r, i += r), t === u && o < c && (o += r, i -= r), o = Math.max(0, Math.min(c, o)));
-      const v = o === 0, m = s.type === "click" ? b : void 0;
+      let o = n ? e.scrollLeft : e.scrollTop, i = n ? e.scrollWidth - e.scrollLeft : e.scrollHeight - e.scrollTop, f = e.scrollWidth - e.scrollLeft * -1;
+      this.isRtl() && this.horizontalScroll() ? (t === d && o < 0 && (o += r, f += r), t === u && o < c && (o -= r, f -= r), o = Math.min(0, Math.min(c, o))) : (t === d && o > 0 && (o -= r, i += r), t === u && o < c && (o += r, i -= r), o = Math.max(0, Math.min(c, o)));
+      const m = o === 0, v = s.type === "click" ? b : void 0;
       if (n) {
-        const T = this.isRtl() ? Math.round(h) <= e.clientWidth || Math.floor(h) <= e.clientWidth : Math.round(i) <= e.clientWidth || Math.floor(i) <= e.clientWidth;
+        const S = this.isRtl() ? Math.round(f) <= e.clientWidth || Math.floor(f) <= e.clientWidth : Math.round(i) <= e.clientWidth || Math.floor(i) <= e.clientWidth;
         this.setState({
-          disabledPrev: v,
-          disabledNext: T
-        }), e.scrollTo({ left: o, behavior: m });
+          disabledPrev: m,
+          disabledNext: S
+        }), e.scrollTo({ left: o, behavior: v });
       } else
         this.setState({
-          disabledPrev: v,
+          disabledPrev: m,
           disabledNext: Math.round(i) <= e.clientHeight || Math.floor(i) <= e.clientHeight
-        }), e.scrollTo({ top: o, behavior: m });
+        }), e.scrollTo({ top: o, behavior: v });
     }, this.renderArrow = (t, s) => {
       const e = this.horizontalScroll(), n = {
         prev: {
@@ -94,47 +94,48 @@ const E = (S) => Array.apply(null, Array(S)), L = (S) => S.preventDefault(), b =
    * @hidden
    */
   render() {
-    const { selected: l, tabPosition: t, children: s, onSelect: e, onKeyDown: n, navItemId: c, contentPanelId: r } = this.props, o = a.Children.count(s), i = a.Children.toArray(s);
-    let h;
-    s && (h = E(o).map((T, p, R) => {
-      const g = {
+    const { selected: l, tabPosition: t, children: s, onSelect: e, onKeyDown: n, navItemId: c, contentPanelId: r, renderAllContent: o } = this.props, i = a.Children.count(s), f = a.Children.toArray(s);
+    let m;
+    s && (m = E(i).map((W, p, C) => {
+      const R = {
         active: l === p,
-        disabled: i[p].props.disabled,
+        disabled: f[p].props.disabled,
         index: p,
-        title: i[p].props.title,
+        title: f[p].props.title,
         first: p === 0,
-        last: p === R.length - 1,
+        last: p === C.length - 1,
         contentPanelId: r,
+        renderAllContent: o,
         id: c,
         onSelect: e
       };
-      return /* @__PURE__ */ a.createElement(C, { key: p, ...g });
+      return /* @__PURE__ */ a.createElement(g, { key: p, ...R });
     }));
     const v = I("k-tabstrip-items-wrapper", {
       "k-hstack": t === "top" || t === "bottom",
       "k-vstack": t === "left" || t === "right"
-    }), m = I("k-tabstrip-items", "k-reset");
+    }), S = I("k-tabstrip-items", "k-reset");
     return /* @__PURE__ */ a.createElement("div", { className: v }, this.props.scrollable ? /* @__PURE__ */ a.createElement(a.Fragment, null, this.renderArrow(d, this.state.disabledPrev), /* @__PURE__ */ a.createElement(
       "ul",
       {
         ref: this.itemsNavRef,
-        className: m,
+        className: S,
         role: "tablist",
         tabIndex: this.props.tabIndex,
         onKeyDown: n,
         onWheel: this.onWheel,
         "aria-orientation": t === "left" || t === "right" ? "vertical" : void 0
       },
-      h
+      m
     ), this.renderArrow(u, this.state.disabledNext)) : /* @__PURE__ */ a.createElement(
       "ul",
       {
-        className: m,
+        className: S,
         role: "tablist",
         tabIndex: this.props.tabIndex,
         onKeyDown: n
       },
-      h
+      m
     ));
   }
   scrollToSelected() {
@@ -155,17 +156,17 @@ const E = (S) => Array.apply(null, Array(S)), L = (S) => S.preventDefault(), b =
     return /top|bottom/.test(this.props.tabPosition || "top");
   }
 };
-w.propTypes = {
-  children: f.oneOfType([
-    f.element,
-    f.arrayOf(f.element)
+T.propTypes = {
+  children: h.oneOfType([
+    h.element,
+    h.arrayOf(h.element)
   ]),
-  onSelect: f.func,
-  onKeyDown: f.func,
-  selected: f.number,
-  tabIndex: f.number
+  onSelect: h.func,
+  onKeyDown: h.func,
+  selected: h.number,
+  tabIndex: h.number
 };
-let N = w;
+let N = T;
 export {
   N as TabStripNavigation
 };

package/tabstrip/TabStripNavigationItem.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 p=require("react"),e=require("prop-types"),b=require("@progress/kendo-react-common");function h(s){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const t in s)if(t!=="default"){const i=Object.getOwnPropertyDescriptor(s,t);Object.defineProperty(o,t,i.get?i:{enumerable:!0,get:()=>s[t]})}}return o.default=s,Object.freeze(o)}const n=h(p),l=class l extends n.Component{constructor(){super(...arguments),this.itemRef=null,this.focus=()=>{this.itemRef&&(this.itemRef.tabIndex=0,this.itemRef.focus())},this.blur=()=>{this.itemRef&&(this.itemRef.tabIndex=-1,this.itemRef.blur())},this.onClick=()=>{this.props.onSelect&&this.props.onSelect(this.props.index),this.itemRef&&(this.itemRef.tabIndex=0,this.itemRef.focus())}}render(){const{id:o,active:t,disabled:i,title:a="Untitled",contentPanelId:c,index:f}=this.props,d={id:`${o}-${f.toString()}`,"aria-selected":t,"aria-controls":t?c:void 0,"aria-disabled":i,role:"tab",onClick:i?void 0:this.onClick},u=b.classNames("k-item","k-tabstrip-item",{"k-disabled":i,"k-active":t});return n.createElement("li",{...d,className:u,ref:m=>this.itemRef=m,onBlur:this.blur,"aria-controls":c},n.createElement("span",{className:"k-link"},a))}};l.propTypes={active:e.bool,disabled:e.bool,index:e.number,onSelect:e.func,title:e.oneOfType([e.string,e.element]),first:e.bool,last:e.bool};let r=l;exports.TabStripNavigationItem=r;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react"),e=require("prop-types"),h=require("@progress/kendo-react-common");function R(s){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const t in s)if(t!=="default"){const i=Object.getOwnPropertyDescriptor(s,t);Object.defineProperty(n,t,i.get?i:{enumerable:!0,get:()=>s[t]})}}return n.default=s,Object.freeze(n)}const o=R(b),l=class l extends o.Component{constructor(){super(...arguments),this.itemRef=null,this.focus=()=>{this.itemRef&&(this.itemRef.tabIndex=0,this.itemRef.focus())},this.blur=()=>{this.itemRef&&(this.itemRef.tabIndex=-1,this.itemRef.blur())},this.onClick=()=>{this.props.onSelect&&this.props.onSelect(this.props.index),this.itemRef&&(this.itemRef.tabIndex=0,this.itemRef.focus())}}render(){const{id:n,active:t,disabled:i,title:d="Untitled",index:c,renderAllContent:f}=this.props,a=f?`${this.props.contentPanelId}-${c.toString()}`:this.props.contentPanelId,u={id:`${n}-${c.toString()}`,"aria-selected":t,"aria-controls":t?a:void 0,"aria-disabled":i,role:"tab",onClick:i?void 0:this.onClick},p=h.classNames("k-item","k-tabstrip-item",{"k-disabled":i,"k-active":t});return o.createElement("li",{...u,className:p,ref:m=>this.itemRef=m,onBlur:this.blur,"aria-controls":a},o.createElement("span",{className:"k-link"},d))}};l.propTypes={active:e.bool,disabled:e.bool,index:e.number,onSelect:e.func,title:e.oneOfType([e.string,e.element]),first:e.bool,last:e.bool};let r=l;exports.TabStripNavigationItem=r;

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
 };