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

package/breadcrumb/BreadcrumbLink.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 b=require("react"),t=require("prop-types"),i=require("@progress/kendo-react-common"),m=require("../package-metadata.js");function k(e){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const c in e)if(c!=="default"){const n=Object.getOwnPropertyDescriptor(e,c);Object.defineProperty(l,c,n.get?n:{enumerable:!0,get:()=>e[c]})}}return l.default=e,Object.freeze(l)}const a=k(b),d=a.forwardRef((e,l)=>{i.validatePackage(m.packageMetadata);const c=a.useRef(null),n=a.useRef(null),s=a.useCallback(()=>{n.current&&n.current.focus()},[n]);a.useImperativeHandle(c,()=>({element:n.current,focus:s,props:e})),a.useImperativeHandle(l,()=>c.current);const u=a.useCallback(r=>{e.id&&i.dispatchEvent(e.onItemSelect,r,r.target,{id:e.id})},[e.onItemSelect]),o=a.useCallback(r=>{e.id&&i.dispatchEvent(e.onKeyDown,r,r.target,{id:e.id})},[e.onKeyDown]);return a.createElement("span",{"aria-current":e.ariaCurrent?e.ariaCurrent:e.isLast,role:"link",id:e.id,ref:n,style:e.style,dir:i.useDir(n,e.dir),tabIndex:i.getTabIndex(e.tabIndex,e.disabled),className:i.classNames({"k-breadcrumb-root-link":e.isFirst,"k-breadcrumb-link":!e.isFirst,"k-breadcrumb-icontext-link":e.iconClass!==void 0&&e.text,"k-breadcrumb-icon-link":e.iconClass!==void 0&&!e.text,"k-disabled":e.disabled}),onClick:u,onKeyDown:o},e.iconClass?a.createElement("span",{className:i.classNames("k-icon",e.iconClass)}):e.icon?e.icon:"",e.text&&a.createElement("span",{className:"k-breadcrumb-item-text"},e.text))}),f={id:t.string,className:t.string,tabIndex:t.number,style:t.object,dir:t.string,disabled:t.bool,text:t.string,icon:t.node,iconClass:t.string,onClick:t.func,ariaCurrent:t.bool};d.displayName="KendoReactBreadcrumbLink";d.propTypes=f;exports.BreadcrumbLink=d;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react"),t=require("prop-types"),l=require("@progress/kendo-react-common"),m=require("../package-metadata.js");function k(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const c in e)if(c!=="default"){const n=Object.getOwnPropertyDescriptor(e,c);Object.defineProperty(r,c,n.get?n:{enumerable:!0,get:()=>e[c]})}}return r.default=e,Object.freeze(r)}const a=k(b),d=a.forwardRef((e,r)=>{l.validatePackage(m.packageMetadata);const c=a.useRef(null),n=a.useRef(null),s=a.useCallback(()=>{n.current&&n.current.focus()},[n]);a.useImperativeHandle(c,()=>({element:n.current,focus:s,props:e})),a.useImperativeHandle(r,()=>c.current);const u=a.useCallback(i=>{e.id&&l.dispatchEvent(e.onItemSelect,i,i.target,{id:e.id})},[e.onItemSelect]),o=a.useCallback(i=>{e.id&&l.dispatchEvent(e.onKeyDown,i,i.target,{id:e.id})},[e.onKeyDown]);return a.createElement("a",{href:"#","aria-current":e.ariaCurrent?e.ariaCurrent:e.isLast,role:"link",id:e.id,ref:n,style:e.style,dir:l.useDir(n,e.dir),tabIndex:l.getTabIndex(e.tabIndex,e.disabled),className:l.classNames({"k-breadcrumb-root-link":e.isFirst,"k-breadcrumb-link":!e.isFirst,"k-breadcrumb-icontext-link":(e.icon!==void 0||e.iconClass!==void 0)&&e.text,"k-breadcrumb-icon-link":(e.icon!==void 0||e.iconClass!==void 0)&&!e.text,"k-disabled":e.disabled}),onClick:i=>{i.preventDefault(),u(i)},onKeyDown:o},e.iconClass?a.createElement("span",{className:l.classNames("k-icon",e.iconClass)}):e.icon?e.icon:"",e.text&&a.createElement("span",{className:"k-breadcrumb-item-text"},e.text))}),f={id:t.string,className:t.string,tabIndex:t.number,style:t.object,dir:t.string,disabled:t.bool,text:t.string,icon:t.node,iconClass:t.string,onClick:t.func,ariaCurrent:t.bool};d.displayName="KendoReactBreadcrumbLink";d.propTypes=f;exports.BreadcrumbLink=d;

package/breadcrumb/BreadcrumbLink.mjs

@@ -8,58 +8,58 @@
 "use client";
 import * as t from "react";
 import a from "prop-types";
-import { validatePackage as o, dispatchEvent as l, useDir as k, getTabIndex as f, classNames as d } from "@progress/kendo-react-common";
+import { validatePackage as b, dispatchEvent as l, useDir as k, getTabIndex as f, classNames as d } from "@progress/kendo-react-common";
 import { packageMetadata as C } from "../package-metadata.mjs";
 const r = t.forwardRef((e, s) => {
-  o(C);
-  const c = t.useRef(null), n = t.useRef(null), m = t.useCallback(
+  b(C);
+  const c = t.useRef(null), i = t.useRef(null), m = t.useCallback(
     () => {
-      n.current && n.current.focus();
+      i.current && i.current.focus();
     },
-    [n]
+    [i]
   );
   t.useImperativeHandle(c, () => ({
-    element: n.current,
+    element: i.current,
     focus: m,
     props: e
   })), t.useImperativeHandle(s, () => c.current);
   const u = t.useCallback(
-    (i) => {
-      e.id && l(e.onItemSelect, i, i.target, { id: e.id });
+    (n) => {
+      e.id && l(e.onItemSelect, n, n.target, { id: e.id });
     },
     [e.onItemSelect]
-  ), b = t.useCallback(
-    (i) => {
-      e.id && l(e.onKeyDown, i, i.target, { id: e.id });
+  ), o = t.useCallback(
+    (n) => {
+      e.id && l(e.onKeyDown, n, n.target, { id: e.id });
     },
     [e.onKeyDown]
   );
   return /* @__PURE__ */ t.createElement(
-    "span",
+    "a",
     {
+      href: "#",
       "aria-current": e.ariaCurrent ? e.ariaCurrent : e.isLast,
       role: "link",
       id: e.id,
-      ref: n,
+      ref: i,
       style: e.style,
-      dir: k(n, e.dir),
+      dir: k(i, e.dir),
       tabIndex: f(e.tabIndex, e.disabled),
       className: d(
         {
           "k-breadcrumb-root-link": e.isFirst,
           "k-breadcrumb-link": !e.isFirst,
-          "k-breadcrumb-icontext-link": e.iconClass !== void 0 && e.text,
-          "k-breadcrumb-icon-link": e.iconClass !== void 0 && !e.text,
+          "k-breadcrumb-icontext-link": (e.icon !== void 0 || e.iconClass !== void 0) && e.text,
+          "k-breadcrumb-icon-link": (e.icon !== void 0 || e.iconClass !== void 0) && !e.text,
           "k-disabled": e.disabled
         }
       ),
-      onClick: u,
-      onKeyDown: b
+      onClick: (n) => {
+        n.preventDefault(), u(n);
+      },
+      onKeyDown: o
     },
-    e.iconClass ? /* @__PURE__ */ t.createElement("span", { className: d(
-      "k-icon",
-      e.iconClass
-    ) }) : e.icon ? e.icon : "",
+    e.iconClass ? /* @__PURE__ */ t.createElement("span", { className: d("k-icon", e.iconClass) }) : e.icon ? e.icon : "",
     e.text && /* @__PURE__ */ t.createElement("span", { className: "k-breadcrumb-item-text" }, e.text)
   );
 }), x = {

package/card/Card.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 g=require("react"),r=require("prop-types"),u=require("@progress/kendo-react-common"),o=require("./interfaces/Enums.js"),O=require("../package-metadata.js");function R(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const c=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,c.get?c:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const a=R(g),i=a.forwardRef((e,n)=>{u.validatePackage(O.packageMetadata);const{children:t,dir:c,style:p,className:f,type:s,orientation:m,...y}=e,l=a.useRef(null),d=a.useRef(null);return a.useImperativeHandle(l,()=>({element:d.current,props:e})),a.useImperativeHandle(n,()=>l.current),a.createElement("div",{dir:c,style:p,ref:d,className:u.classNames("k-card",f,{[`k-card-${s}`]:s!==o.cardType.DEFAULT},m!==o.cardOrientation.HORIZONTAL?"k-card-vertical":"k-card-horizontal"),...y},t)});i.displayName="KendoReactCard";i.propTypes={children:r.node,className:r.string,dir:r.string,orientation:r.oneOf(["horizontal","vertical"]),style:r.object,type:r.oneOf(["default","primary","info","success","warning","error"])};i.defaultProps={type:o.cardType.DEFAULT,orientation:o.cardOrientation.VERTICAL};exports.Card=i;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react"),r=require("prop-types"),p=require("@progress/kendo-react-common"),o=require("./interfaces/Enums.js"),O=require("../package-metadata.js");function R(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const c=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,c.get?c:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const a=R(g),i=a.forwardRef((e,n)=>{p.validatePackage(O.packageMetadata);const{children:t,dir:c,style:f,className:m,type:s,orientation:l,...y}=e,d=a.useRef(null),u=a.useRef(null);return a.useImperativeHandle(d,()=>({element:u.current,props:e})),a.useImperativeHandle(n,()=>d.current),a.createElement("div",{dir:c,style:f,ref:u,className:p.classNames("k-card",m,{[`k-card-${s}`]:s!==o.cardType.DEFAULT},l===null?void 0:l!==o.cardOrientation.HORIZONTAL?"k-card-vertical":"k-card-horizontal"),...y},t)});i.displayName="KendoReactCard";i.propTypes={children:r.node,className:r.string,dir:r.string,orientation:r.oneOf(["horizontal","vertical"]),style:r.object,type:r.oneOf(["default","primary","info","success","warning","error"])};i.defaultProps={type:o.cardType.DEFAULT,orientation:o.cardOrientation.VERTICAL};exports.Card=i;

package/card/Card.mjs

@@ -8,30 +8,30 @@
 "use client";
 import * as e from "react";
 import r from "prop-types";
-import { validatePackage as R, classNames as T } from "@progress/kendo-react-common";
-import { cardType as c, cardOrientation as s } from "./interfaces/Enums.mjs";
-import { packageMetadata as g } from "../package-metadata.mjs";
-const a = e.forwardRef((t, l) => {
-  R(g);
-  const { children: d, dir: m, style: p, className: f, type: o, orientation: u, ...y } = t, n = e.useRef(null), i = e.useRef(null);
-  return e.useImperativeHandle(n, () => ({
-    element: i.current,
+import { validatePackage as R, classNames as v } from "@progress/kendo-react-common";
+import { cardType as s, cardOrientation as l } from "./interfaces/Enums.mjs";
+import { packageMetadata as T } from "../package-metadata.mjs";
+const a = e.forwardRef((t, d) => {
+  R(T);
+  const { children: m, dir: p, style: f, className: u, type: o, orientation: n, ...y } = t, i = e.useRef(null), c = e.useRef(null);
+  return e.useImperativeHandle(i, () => ({
+    element: c.current,
     props: t
-  })), e.useImperativeHandle(l, () => n.current), /* @__PURE__ */ e.createElement(
+  })), e.useImperativeHandle(d, () => i.current), /* @__PURE__ */ e.createElement(
     "div",
     {
-      dir: m,
-      style: p,
-      ref: i,
-      className: T(
+      dir: p,
+      style: f,
+      ref: c,
+      className: v(
         "k-card",
-        f,
-        { [`k-card-${o}`]: o !== c.DEFAULT },
-        u !== s.HORIZONTAL ? "k-card-vertical" : "k-card-horizontal"
+        u,
+        { [`k-card-${o}`]: o !== s.DEFAULT },
+        n === null ? void 0 : n !== l.HORIZONTAL ? "k-card-vertical" : "k-card-horizontal"
       ),
       ...y
     },
-    d
+    m
   );
 });
 a.displayName = "KendoReactCard";
@@ -44,8 +44,8 @@ a.propTypes = {
   type: r.oneOf(["default", "primary", "info", "success", "warning", "error"])
 };
 a.defaultProps = {
-  type: c.DEFAULT,
-  orientation: s.VERTICAL
+  type: s.DEFAULT,
+  orientation: l.VERTICAL
 };
 export {
   a as Card