@progress/kendo-react-buttons 9.4.0-develop.24 → 9.4.0-develop.4

package/util.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=":not(.k-dropdownlist button):not(.k-colorpicker button):not(.k-split-button .k-split-button-arrow)",o=["button"+t,".k-button-group > button"+t,".k-colorpicker",".k-dropdownlist"];exports.toolbarButtons=o;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=":not(.k-dropdownlist button):not(.k-colorpicker button):not(.k-split-button .k-split-button-arrow)",o=["button"+t,".k-button-group > button"+t,".k-colorpicker",".k-dropdownlist"];exports.toolbarButtons=o;

package/util.mjs

@@ -5,6 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 const t = ":not(.k-dropdownlist button):not(.k-colorpicker button):not(.k-split-button .k-split-button-arrow)", o = [
   "button" + t,
   ".k-button-group > button" + t,

package/toolbar/messages/index.js

@@ -1,8 +0,0 @@
-/**
- * @license
- *-------------------------------------------------------------------------------------------
- * Copyright © 2025 Progress Software Corporation. All rights reserved.
- * Licensed under commercial license. See LICENSE.md in the package root for more information
- *-------------------------------------------------------------------------------------------
- */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t="prevArrow.title",e="nextArrow.title",o="moreButtonTitle.title",r={[t]:"Previous scroll button",[e]:"Next scroll button",[o]:"More button"};exports.messages=r;exports.moreButtonTitle=o;exports.nextArrowTitle=e;exports.prevArrowTitle=t;

package/toolbar/messages/index.mjs

@@ -1,18 +0,0 @@
-/**
- * @license
- *-------------------------------------------------------------------------------------------
- * Copyright © 2025 Progress Software Corporation. All rights reserved.
- * Licensed under commercial license. See LICENSE.md in the package root for more information
- *-------------------------------------------------------------------------------------------
- */
-const t = "prevArrow.title", o = "nextArrow.title", e = "moreButtonTitle.title", r = {
-  [t]: "Previous scroll button",
-  [o]: "Next scroll button",
-  [e]: "More button"
-};
-export {
-  r as messages,
-  e as moreButtonTitle,
-  o as nextArrowTitle,
-  t as prevArrowTitle
-};

package/toolbar/tools/ToolbarOverflowSection.js

@@ -1,8 +0,0 @@
-/**
- * @license
- *-------------------------------------------------------------------------------------------
- * Copyright © 2025 Progress Software Corporation. All rights reserved.
- * Licensed under commercial license. See LICENSE.md in the package root for more information
- *-------------------------------------------------------------------------------------------
- */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("@progress/kendo-react-popup"),O=require("react"),q=require("./ToolbarSeparator.js"),M=require("../../Button.js"),P=require("@progress/kendo-svg-icons"),W=require("@progress/kendo-react-intl"),m=require("../messages/index.js"),I=require("@progress/kendo-react-common");function j(n){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const s in n)if(s!=="default"){const u=Object.getOwnPropertyDescriptor(n,s);Object.defineProperty(t,s,u.get?u:{enumerable:!0,get:()=>n[s]})}}return t.default=n,Object.freeze(t)}const e=j(O),_=n=>{var h;const{toolbarRef:t,children:s,fillMode:u,size:R}=n,[b,k]=e.useState(!1),a=e.useRef(e.Children.toArray(s).filter(r=>e.isValidElement(r)).map((r,i)=>e.cloneElement(r,{key:r.key||i}))),c=e.useRef([]),f=e.useRef(0),w=e.useRef(null),T=e.useRef(null),S=W.useLocalization(),[B,v]=e.useReducer(r=>r+1,0),d=()=>{if(!t.current)return;let r=0;const i=t.current.clientWidth,p=parseInt(window.getComputedStyle(t.current).gap||"0",10),E=Array.from(t.current.children).reduce((o,l,L)=>(o+=Math.ceil(l.clientWidth),o),0),g=Array.from(t.current.children).length,z=p*2;if(r=E+g*p+z,r>i){const o=[...a.current],l=o.pop();f.current=i,a.current=o,l&&(c.current=[l,...c.current])}else if(i>f.current+p*g){const o=[...c.current],l=o.shift();c.current=o,l&&(a.current=[...a.current,l]),f.current=i}v()};e.useEffect(()=>(d(),window.addEventListener("resize",d),()=>window.removeEventListener("resize",d)),[]);const y=()=>{k(!b)};return e.createElement(e.Fragment,null,a.current.length>0&&a.current,c.current.length>0&&e.createElement(e.Fragment,null,e.createElement(q.ToolbarSeparator,{_ref:T,className:"k-toolbar-button-separator"}),e.createElement(M.Button,{ref:w,className:"k-toolbar-overflow-button",fillMode:"flat",svgIcon:P.moreHorizontalIcon,title:S.toLanguageString(m.moreButtonTitle,m.messages[m.moreButtonTitle]),onClick:y}),e.createElement(C.Popup,{anchor:t.current,show:b,popupClass:"k-toolbar-popup",style:{width:(h=t.current)==null?void 0:h.offsetWidth}},e.createElement("span",{className:`k-toolbar-items-list k-toolbar-items-list-${I.kendoThemeMaps.sizeMap[R]} k-toolbar-items-list-${u}`},c.current.length>0&&c.current))))};exports.ToolbarOverflowSection=_;

package/toolbar/tools/ToolbarOverflowSection.mjs

@@ -1,67 +0,0 @@
-/**
- * @license
- *-------------------------------------------------------------------------------------------
- * Copyright © 2025 Progress Software Corporation. All rights reserved.
- * Licensed under commercial license. See LICENSE.md in the package root for more information
- *-------------------------------------------------------------------------------------------
- */
-import { Popup as W } from "@progress/kendo-react-popup";
-import * as e from "react";
-import { ToolbarSeparator as S } from "./ToolbarSeparator.mjs";
-import { Button as M } from "../../Button.mjs";
-import { moreHorizontalIcon as I } from "@progress/kendo-svg-icons";
-import { useLocalization as L } from "@progress/kendo-react-intl";
-import { moreButtonTitle as d, messages as A } from "../messages/index.mjs";
-import { kendoThemeMaps as F } from "@progress/kendo-react-common";
-const U = (h) => {
-  var m;
-  const { toolbarRef: o, children: b, fillMode: g, size: R } = h, [f, w] = e.useState(!1), s = e.useRef(
-    e.Children.toArray(b).filter((t) => e.isValidElement(t)).map((t, c) => e.cloneElement(t, { key: t.key || c }))
-  ), n = e.useRef([]), i = e.useRef(0), k = e.useRef(null), E = e.useRef(null), T = L(), [N, v] = e.useReducer((t) => t + 1, 0), a = () => {
-    if (!o.current)
-      return;
-    let t = 0;
-    const c = o.current.clientWidth, u = parseInt(window.getComputedStyle(o.current).gap || "0", 10), C = Array.from(o.current.children).reduce((r, l, P) => (r += Math.ceil(l.clientWidth), r), 0), p = Array.from(o.current.children).length, y = u * 2;
-    if (t = C + p * u + y, t > c) {
-      const r = [...s.current], l = r.pop();
-      i.current = c, s.current = r, l && (n.current = [l, ...n.current]);
-    } else if (c > i.current + u * p) {
-      const r = [...n.current], l = r.shift();
-      n.current = r, l && (s.current = [...s.current, l]), i.current = c;
-    }
-    v();
-  };
-  e.useEffect(() => (a(), window.addEventListener("resize", a), () => window.removeEventListener("resize", a)), []);
-  const z = () => {
-    w(!f);
-  };
-  return /* @__PURE__ */ e.createElement(e.Fragment, null, s.current.length > 0 && s.current, n.current.length > 0 && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(S, { _ref: E, className: "k-toolbar-button-separator" }), /* @__PURE__ */ e.createElement(
-    M,
-    {
-      ref: k,
-      className: "k-toolbar-overflow-button",
-      fillMode: "flat",
-      svgIcon: I,
-      title: T.toLanguageString(d, A[d]),
-      onClick: z
-    }
-  ), /* @__PURE__ */ e.createElement(
-    W,
-    {
-      anchor: o.current,
-      show: f,
-      popupClass: "k-toolbar-popup",
-      style: { width: (m = o.current) == null ? void 0 : m.offsetWidth }
-    },
-    /* @__PURE__ */ e.createElement(
-      "span",
-      {
-        className: `k-toolbar-items-list k-toolbar-items-list-${F.sizeMap[R]} k-toolbar-items-list-${g}`
-      },
-      n.current.length > 0 && n.current
-    )
-  )));
-};
-export {
-  U as ToolbarOverflowSection
-};

package/toolbar/tools/ToolbarScrollButton.js

@@ -1,8 +0,0 @@
-/**
- * @license
- *-------------------------------------------------------------------------------------------
- * Copyright © 2025 Progress Software Corporation. All rights reserved.
- * Licensed under commercial license. See LICENSE.md in the package root for more information
- *-------------------------------------------------------------------------------------------
- */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react"),l=require("@progress/kendo-react-common"),p=require("@progress/kendo-react-intl"),r=require("../messages/index.js"),s=require("@progress/kendo-svg-icons");function f(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const o in t)if(o!=="default"){const e=Object.getOwnPropertyDescriptor(t,o);Object.defineProperty(n,o,e.get?e:{enumerable:!0,get:()=>t[o]})}}return n.default=t,Object.freeze(n)}const i=f(m),k=t=>{const n=p.useLocalization(),{disabled:o,type:e,scrollContentRef:c,buttonScrollSpeed:a,prevButton:u,nextButton:d}=t,b=S=>{c&&c.current&&a&&c.current.scrollBy({left:e==="next"?a:-a,behavior:"smooth"})},g=e==="prev"?u||"span":d||"span";return i.createElement(g,{className:l.classNames("k-button","k-button-md","k-button-solid","k-button-solid-base","k-rounded-md","k-icon-button",`k-toolbar-${e}`,{"k-disabled":o}),title:`${e==="prev"?n.toLanguageString(r.prevArrowTitle,r.messages[r.prevArrowTitle]):n.toLanguageString(r.nextArrowTitle,r.messages[r.nextArrowTitle])}`,"aria-hidden":!0,tabIndex:o?-1:void 0,onClick:b},i.createElement(l.SvgIcon,{icon:e==="prev"?s.caretAltLeftIcon:s.caretAltRightIcon,className:"k-button-icon"}))};exports.ToolbarScrollButton=k;

package/toolbar/tools/ToolbarScrollButton.mjs

@@ -1,49 +0,0 @@
-/**
- * @license
- *-------------------------------------------------------------------------------------------
- * Copyright © 2025 Progress Software Corporation. All rights reserved.
- * Licensed under commercial license. See LICENSE.md in the package root for more information
- *-------------------------------------------------------------------------------------------
- */
-import * as a from "react";
-import { classNames as b, SvgIcon as k } from "@progress/kendo-react-common";
-import { useLocalization as f } from "@progress/kendo-react-intl";
-import { prevArrowTitle as l, messages as c, nextArrowTitle as i } from "../messages/index.mjs";
-import { caretAltLeftIcon as g, caretAltRightIcon as v } from "@progress/kendo-svg-icons";
-const I = (s) => {
-  const n = f(), { disabled: r, type: t, scrollContentRef: o, buttonScrollSpeed: e, prevButton: m, nextButton: u } = s, d = (S) => {
-    o && o.current && e && o.current.scrollBy({
-      left: t === "next" ? e : -e,
-      behavior: "smooth"
-    });
-  }, p = t === "prev" ? m || "span" : u || "span";
-  return (
-    // Using span instead of real Button component is intentional.
-    // Ref: https://progresssoftware.atlassian.net/wiki/spaces/DE/pages/edit-v2/544997922#Hidden-interactive-elements
-    /* @__PURE__ */ a.createElement(
-      p,
-      {
-        className: b(
-          "k-button",
-          "k-button-md",
-          "k-button-solid",
-          "k-button-solid-base",
-          "k-rounded-md",
-          "k-icon-button",
-          `k-toolbar-${t}`,
-          {
-            "k-disabled": r
-          }
-        ),
-        title: `${t === "prev" ? n.toLanguageString(l, c[l]) : n.toLanguageString(i, c[i])}`,
-        "aria-hidden": !0,
-        tabIndex: r ? -1 : void 0,
-        onClick: d
-      },
-      /* @__PURE__ */ a.createElement(k, { icon: t === "prev" ? g : v, className: "k-button-icon" })
-    )
-  );
-};
-export {
-  I as ToolbarScrollButton
-};

package/toolbar/tools/ToolbarScrollable.js

@@ -1,8 +0,0 @@
-/**
- * @license
- *-------------------------------------------------------------------------------------------
- * Copyright © 2025 Progress Software Corporation. All rights reserved.
- * Licensed under commercial license. See LICENSE.md in the package root for more information
- *-------------------------------------------------------------------------------------------
- */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("react"),s=require("./ToolbarSeparator.js"),v=require("./ToolbarScrollButton.js");function T(r){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const t in r)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(r,t);Object.defineProperty(o,t,n.get?n:{enumerable:!0,get:()=>r[t]})}}return o.default=r,Object.freeze(o)}const e=T(E),B=r=>{const{scrollButtons:o,scrollButtonsPosition:t,isOverflowing:n,scrollContentRef:b,buttonScrollSpeed:m,dir:l,isScrollStartPosition:u,isScrollEndPosition:i,prevButton:p,nextButton:S,children:d}=r,a=(f,g)=>e.createElement(v.ToolbarScrollButton,{type:f,disabled:g,scrollContentRef:b,buttonScrollSpeed:m,prevButton:p,nextButton:S}),c=o==="visible"||o==="auto"&&n;return e.createElement(e.Fragment,null,c&&t==="split"&&e.createElement(e.Fragment,null,a(l!=="rtl"?"prev":"next",u),e.createElement(s.ToolbarSeparator,{className:"k-toolbar-button-separator"})),c&&t==="start"&&e.createElement(e.Fragment,null,a(l!=="rtl"?"prev":"next",u),a(l!=="rtl"?"next":"prev",i),e.createElement(s.ToolbarSeparator,{className:"k-toolbar-button-separator"})),e.createElement("span",{className:"k-toolbar-items k-toolbar-items-scroll",ref:b},d),c&&t==="split"&&e.createElement(e.Fragment,null,e.createElement(s.ToolbarSeparator,{className:"k-toolbar-button-separator"}),a(l!=="rtl"?"next":"prev",i)),c&&t==="end"&&e.createElement(e.Fragment,null,e.createElement(s.ToolbarSeparator,{className:"k-toolbar-button-separator"}),a(l!=="rtl"?"prev":"next",u),a(l!=="rtl"?"next":"prev",i)))};exports.ToolbarScrollable=B;

package/toolbar/tools/ToolbarScrollable.mjs

@@ -1,39 +0,0 @@
-/**
- * @license
- *-------------------------------------------------------------------------------------------
- * Copyright © 2025 Progress Software Corporation. All rights reserved.
- * Licensed under commercial license. See LICENSE.md in the package root for more information
- *-------------------------------------------------------------------------------------------
- */
-import * as t from "react";
-import { ToolbarSeparator as n } from "./ToolbarSeparator.mjs";
-import { ToolbarScrollButton as B } from "./ToolbarScrollButton.mjs";
-const g = (i) => {
-  const {
-    scrollButtons: c,
-    scrollButtonsPosition: l,
-    isOverflowing: p,
-    scrollContentRef: m,
-    buttonScrollSpeed: u,
-    dir: e,
-    isScrollStartPosition: a,
-    isScrollEndPosition: s,
-    prevButton: b,
-    nextButton: E,
-    children: S
-  } = i, r = (v, x) => /* @__PURE__ */ t.createElement(
-    B,
-    {
-      type: v,
-      disabled: x,
-      scrollContentRef: m,
-      buttonScrollSpeed: u,
-      prevButton: b,
-      nextButton: E
-    }
-  ), o = c === "visible" || c === "auto" && p;
-  return /* @__PURE__ */ t.createElement(t.Fragment, null, o && l === "split" && /* @__PURE__ */ t.createElement(t.Fragment, null, r(e !== "rtl" ? "prev" : "next", a), /* @__PURE__ */ t.createElement(n, { className: "k-toolbar-button-separator" })), o && l === "start" && /* @__PURE__ */ t.createElement(t.Fragment, null, r(e !== "rtl" ? "prev" : "next", a), r(e !== "rtl" ? "next" : "prev", s), /* @__PURE__ */ t.createElement(n, { className: "k-toolbar-button-separator" })), /* @__PURE__ */ t.createElement("span", { className: "k-toolbar-items k-toolbar-items-scroll", ref: m }, S), o && l === "split" && /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(n, { className: "k-toolbar-button-separator" }), r(e !== "rtl" ? "next" : "prev", s)), o && l === "end" && /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(n, { className: "k-toolbar-button-separator" }), r(e !== "rtl" ? "prev" : "next", a), r(e !== "rtl" ? "next" : "prev", s)));
-};
-export {
-  g as ToolbarScrollable
-};