@progress/kendo-react-buttons 13.3.0 → 13.4.0-develop.2

package/toolbar/tools/ToolbarItem.d.ts

@@ -0,0 +1,47 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { KendoReactComponentBaseProps } from '@progress/kendo-react-common';
+import * as React from 'react';
+/**
+ * Represents the ToolbarItem handle.
+ */
+export interface ToolbarItemHandle {
+    /**
+     * Returns the HTML element of the ToolbarItem component.
+     */
+    element: HTMLDivElement | null;
+}
+/**
+ * Represents the props of KendoReact ToolbarItem component.
+ */
+export interface ToolbarItemProps extends KendoReactComponentBaseProps {
+    /**
+     * Sets additional classes to the ToolbarItem component.
+     *
+     * @example
+     * ```jsx
+     * <ToolbarItem className="custom-class" />
+     * ```
+     */
+    className?: string;
+    /**
+     * Sets additional styles to the ToolbarItem component.
+     *
+     * @example
+     * ```jsx
+     * <ToolbarItem style={{ margin: '10px' }} />
+     * ```
+     */
+    style?: React.CSSProperties;
+}
+/**
+ * Represents the KendoReact ToolbarItem component.
+ * To add a tool to the Toolbar, wrap it inside a ToolbarItem component
+ * ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/toolbar/tools)).
+ */
+export declare const ToolbarItem: React.ForwardRefExoticComponent<ToolbarItemProps & React.RefAttributes<ToolbarItemHandle>>;

package/toolbar/tools/ToolbarOverflowSection.d.ts

@@ -0,0 +1,21 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import * as React from 'react';
+/**
+ * @hidden
+ */
+export interface ToolbarOverflowSectionProps {
+    toolbarRef: React.MutableRefObject<HTMLDivElement | null>;
+    children?: React.ReactNode;
+    fillMode?: string | null;
+    size?: string | null;
+}
+/**
+ * @hidden
+ */
+export declare const ToolbarOverflowSection: (props: ToolbarOverflowSectionProps) => React.JSX.Element;

package/toolbar/tools/ToolbarScrollButton.d.ts

@@ -0,0 +1,23 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import * as React from 'react';
+/**
+ * @hidden
+ */
+export interface ToolbarScrollButtonProps {
+    buttonScrollSpeed?: number;
+    disabled?: boolean;
+    scrollContentRef?: React.MutableRefObject<HTMLSpanElement | null>;
+    type: 'prev' | 'next';
+    prevButton?: React.ComponentType;
+    nextButton?: React.ComponentType;
+}
+/**
+ * @hidden
+ */
+export declare const ToolbarScrollButton: (props: ToolbarScrollButtonProps) => React.JSX.Element;

package/toolbar/tools/ToolbarScrollButton.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 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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react"),l=require("@progress/kendo-react-common"),m=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(p),S=t=>{const n=m.useLocalization(),{disabled:o,type:e,scrollContentRef:c,buttonScrollSpeed:a,prevButton:u,nextButton:d}=t,b=k=>{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-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=S;

package/toolbar/tools/ToolbarScrollButton.mjs

@@ -6,41 +6,32 @@
  *-------------------------------------------------------------------------------------------
  */
 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 { classNames as b, SvgIcon as f } from "@progress/kendo-react-common";
+import { useLocalization as g } 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";
+import { caretAltLeftIcon as k, 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) => {
+  const n = g(), { disabled: r, type: t, scrollContentRef: o, buttonScrollSpeed: e, prevButton: m, nextButton: u } = s, p = (S) => {
     o && o.current && e && o.current.scrollBy({
       left: t === "next" ? e : -e,
       behavior: "smooth"
     });
-  }, p = t === "prev" ? m || "span" : u || "span";
+  }, d = 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,
+      d,
       {
-        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
-          }
-        ),
+        className: b("k-button", "k-button-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
+        onClick: p
       },
-      /* @__PURE__ */ a.createElement(k, { icon: t === "prev" ? g : v, className: "k-button-icon" })
+      /* @__PURE__ */ a.createElement(f, { icon: t === "prev" ? k : v, className: "k-button-icon" })
     )
   );
 };

package/toolbar/tools/ToolbarScrollable.d.ts

@@ -0,0 +1,28 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import * as React from 'react';
+/**
+ * @hidden
+ */
+export interface ToolbarScrollableProps {
+    scrollButtons: string;
+    scrollButtonsPosition: string;
+    isOverflowing: boolean;
+    scrollContentRef: React.MutableRefObject<HTMLSpanElement | null>;
+    buttonScrollSpeed: number;
+    dir?: string;
+    children?: React.ReactNode;
+    isScrollStartPosition: boolean;
+    isScrollEndPosition: boolean;
+    prevButton?: React.ComponentType;
+    nextButton?: React.ComponentType;
+}
+/**
+ * @hidden
+ */
+export declare const ToolbarScrollable: (props: ToolbarScrollableProps) => React.JSX.Element;

package/toolbar/tools/ToolbarSeparator.d.ts

@@ -0,0 +1,22 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import * as React from 'react';
+/**
+ * Represents the KendoReact Toolbar Separator component.
+ */
+export interface ToolbarSeparatorProps {
+    /**
+     * Sets additional classes to the ToolbarSeparator component.
+     */
+    className?: string;
+    /**
+     * @hidden
+     */
+    _ref?: React.Ref<HTMLDivElement>;
+}
+export declare const ToolbarSeparator: (props: ToolbarSeparatorProps) => React.JSX.Element;

package/toolbar/tools/ToolbarSpacer.d.ts

@@ -0,0 +1,30 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import * as React from 'react';
+/**
+ * Represents the props of KendoReact ToolbarSpacer component.
+ */
+export interface ToolbarSpacerProps {
+    /**
+     * Sets additional classes to the ToolbarSpacer component.
+     */
+    className?: string;
+}
+/** @hidden */
+export interface ToolbarSpacerHandle {
+    /**
+     * Returns the HTML element of the ToolbarSpacer component.
+     */
+    element: HTMLDivElement | null;
+}
+/**
+ * Represents the KendoReact ToolbarSpacer component.
+ * To specify an empty space, provide a ToolbarSpacer component
+ * ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/toolbar/tools)).
+ */
+export declare const ToolbarSpacer: React.ForwardRefExoticComponent<ToolbarSpacerProps & React.RefAttributes<ToolbarSpacerHandle>>;

package/util.d.ts

@@ -0,0 +1,31 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * @hidden
+ */
+export declare const styles: {
+    button: string;
+    flat: string;
+    outline: string;
+    clear: string;
+    primary: string;
+    'state-selected': string;
+    'button-icon': string;
+    'button-icontext': string;
+    'state-disabled': string;
+    'group-start': string;
+    'group-end': string;
+    'button-group': string;
+    'button-group-stretched': string;
+    ltr: string;
+    rtl: string;
+};
+/**
+ * @hidden
+ */
+export declare const toolbarButtons: string[];