@progress/kendo-react-common 13.3.0-develop.9 → 13.4.0-develop.1

package/hooks/usePointer.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 { KendoPointer } from '../models/index.js';
+import * as React from 'react';
+type ElementPointer = {
+    [P in keyof KendoPointer<any, any>]: (event: React.PointerEvent<any>) => void;
+};
+/**
+ * @hidden
+ */
+export declare const usePointer: <E extends HTMLElement | null, P extends KendoPointer<any, any>, R extends {}>(props: P, target: React.RefObject<R | null>, extend?: {
+    onPointerDown?: ((args: React.PointerEvent<E>) => void) | undefined;
+    onPointerMove?: ((args: React.PointerEvent<E>) => void) | undefined;
+    onPointerUp?: ((args: React.PointerEvent<E>) => void) | undefined;
+    onPointerCancel?: ((args: React.PointerEvent<E>) => void) | undefined;
+    onGotPointerCapture?: ((args: React.PointerEvent<E>) => void) | undefined;
+    onLostPointerCapture?: ((args: React.PointerEvent<E>) => void) | undefined;
+    onPointerEnter?: ((args: React.PointerEvent<E>) => void) | undefined;
+    onPointerOver?: ((args: React.PointerEvent<E>) => void) | undefined;
+    onPointerLeave?: ((args: React.PointerEvent<E>) => void) | undefined;
+    onPointerOut?: ((args: React.PointerEvent<E>) => void) | undefined;
+}) => ElementPointer;
+export {};

package/hooks/usePropsContext.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @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 declare const usePropsContext: <T extends unknown>(context: React.Context<(p: T) => T>, props: T) => T;

package/hooks/useRtl.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @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 declare function useRtl(elementRef: React.RefObject<HTMLElement | null>, initialDir?: string, args?: any): string | undefined;

package/hooks/useTouch.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 { KendoTouch } from '../models/index.js';
+import * as React from 'react';
+type ElementTouch = {
+    [P in keyof KendoTouch<any, any>]: (event: React.TouchEvent<any>) => void;
+};
+/**
+ * @hidden
+ */
+export declare const useMouse: <E extends HTMLElement | null, P extends KendoTouch<any, any>, R extends {}>(props: P, target: React.RefObject<R | null>, extend?: {
+    onTouchStart?: ((args: React.TouchEvent<E>) => void) | undefined;
+    onTouchMove?: ((args: React.TouchEvent<E>) => void) | undefined;
+    onTouchEnd?: ((args: React.TouchEvent<E>) => void) | undefined;
+    onTouchCancel?: ((args: React.TouchEvent<E>) => void) | undefined;
+}) => ElementTouch;
+export {};

package/hooks/useWindow.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @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';
+/**
+ * Returns a function, which gets the `defaultView` based on the `ownerDocument` of the element.
+ */
+export declare const useWindow: (ref: React.RefObject<HTMLElement | null | {
+    element: HTMLElement | null;
+}>) => () => Window;

package/icons/BaseIconProps.d.ts

@@ -0,0 +1,79 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { IconThemeColor } from './models/theme-color.js';
+import { IconSize } from './models/size.js';
+import { IconFlip } from './models/flip.js';
+/**
+ * @hidden
+ */
+export interface BaseIconProps {
+    /**
+     * Sets the `tabIndex` of the icon element.
+     */
+    tabIndex?: number;
+    /**
+     * Sets the `id` of the icon element.
+     */
+    id?: string;
+    /**
+     * Sets additional CSS styles to the icon.
+     */
+    style?: React.CSSProperties;
+    /**
+     * Specifies a list of CSS classes that will be added to the root DOM element.
+     */
+    className?: string;
+    /**
+     * Specifies the theme color of the Icon.
+     *
+     * The possible values are:
+     * * `inherit` (Default)—Applies coloring based on the current color.
+     * * `primary` —Applies coloring based on primary theme color.
+     * * `secondary`—Applies coloring based on secondary theme color.
+     * * `tertiary`— Applies coloring based on tertiary theme color.
+     * * `info`—Applies coloring based on info theme color.
+     * * `success`— Applies coloring based on success theme color.
+     * * `warning`— Applies coloring based on warning theme color.
+     * * `error`— Applies coloring based on error theme color.
+     * * `dark`— Applies coloring based on dark theme color.
+     * * `light`— Applies coloring based on light theme color.
+     * * `inverse`— Applies coloring based on inverse theme color.
+     *
+     * If the property is not set, the icon inherits the color from its parent.
+     *
+     * You can use the `style` prop to apply custom color related properties to the icon.
+     */
+    themeColor?: IconThemeColor;
+    /**
+     * Specifies the size of the icon.
+     *
+     * The possible values are:
+     * * `default` (Default)—Font-size: 16px; Width: 16px; Height: 16px.
+     * * `xsmall`—Font-size: 12px; Width: 12px; Height: 12px.
+     * * `small`—Font-size: 14px; Width: 14px; Height: 14px.
+     * * `medium`—Font-size: 16px; Width: 16px; Height: 16px.
+     * * `large`—Font-size: 20px; Width: 20px; Height: 20px.
+     * * `xlarge`—Font-size: 24px; Width: 24px; Height: 24px.
+     * * `xxlarge`—Font-size: 32px; Width: 32px; Height: 32px.
+     * * `xxxlarge`—Font-size: 48px; Width: 48px; Height: 48px.
+     *
+     * You can use the `style` prop to apply custom font size to the icon.
+     */
+    size?: IconSize;
+    /**
+     * Specifies the icon flip direction.
+     *
+     * The possible values are:
+     * * `default` (Default)—No flipping applied.
+     * * `horizontal`—Flips the icon in horizontal direction.
+     * * `vertical`—Flips the icon in vertical direction.
+     * * `both`—Flips the icon in both horizontal and vertical directions.
+     *
+     */
+    flip?: IconFlip;
+}

package/icons/Icon.d.ts

@@ -0,0 +1,41 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { BaseIconProps } from './BaseIconProps.js';
+import { KendoMouse } from '../models/mouse.js';
+import * as React from 'react';
+/**
+ * @hidden
+ */
+export interface IconHandle {
+    /**
+     * The IconHandle element.
+     */
+    element: HTMLSpanElement | null;
+}
+/**
+ * Represents the props of the [KendoReact Icon component](https://www.telerik.com/kendo-react-ui/components/common/icon).
+ */
+export interface IconProps extends BaseIconProps, KendoMouse<IconHandle, HTMLSpanElement> {
+    /**
+     * Represents the name of the icon.
+     */
+    name?: string;
+}
+/**
+ * Represents the [KendoReact Icon component](https://www.telerik.com/kendo-react-ui/components/common/icon).
+ *
+ * @example
+ * ```jsx
+ * const App = () => {
+ *   return (
+ *       <Icon name="home"/>
+ *   );
+ * };
+ * ```
+ */
+export declare const Icon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<IconHandle | null>>;

package/icons/IconWrap.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { IconProps, IconHandle } from './Icon.js';
+import { SvgIconProps, SvgIconHandle } from './SvgIcon.js';
+import * as React from 'react';
+/**
+ * @hidden
+ */
+export declare const IconWrap: React.ForwardRefExoticComponent<IconProps & SvgIconProps & React.RefAttributes<(IconHandle & SvgIconHandle) | null>>;

package/icons/IconsContext.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 { SVGIcon } from './SvgIcon.js';
+import * as React from 'react';
+/**
+ * IconsContext type.
+ */
+export interface IconsContextType {
+    /**
+     * Sets the type of the icons used in the KendoReact components inside IconsContext.
+     */
+    type?: 'font' | 'svg';
+    /**
+     * Overrides the built-in icons.
+     */
+    icons?: {
+        [name: string]: SVGIcon | string;
+    };
+}
+/**
+ * Represents a React Context which provides you with the option to configure the KendoReact components icons.
+ */
+export declare const IconsContext: React.Context<IconsContextType>;

package/icons/SvgIcon.d.ts

@@ -0,0 +1,77 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { BaseIconProps } from './BaseIconProps.js';
+import * as React from 'react';
+/**
+ * @hidden
+ */
+export interface SVGIcon {
+    /**
+     * The unique name of the icon.
+     */
+    name: string;
+    /**
+     * The entire SVG content of the icon.
+     */
+    content: string;
+    /**
+     * The [viewBox](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/viewBox)
+     * definition that should be used for the icon.
+     */
+    viewBox: string;
+}
+/**
+ * @hidden
+ */
+export interface SvgIconHandle {
+    /**
+     * The SvgIconHandle element.
+     */
+    element: HTMLSpanElement | null;
+}
+/**
+ * Represents the props of the [KendoReact SvgIcon component](https://www.telerik.com/kendo-react-ui/components/common/svgicon).
+ */
+export interface SvgIconProps extends BaseIconProps, React.SVGAttributes<HTMLOrSVGElement> {
+    /**
+     * Specifies the SVG icon.
+     *
+     * * The possible keys are:
+     * * `name`&mdash;The unique name of the icon.
+     * * `content`&mdash;The entire SVG content of the icon.
+     * * `viewBox`&mdash;The viewBox definition that should be used for the icon.
+     */
+    icon?: SVGIcon;
+    /**
+     * Specifies the viewBox of the custom SVG icon.
+     */
+    viewBox?: string;
+    /**
+     * Specifies a list of CSS classes that will be added to the svg element.
+     */
+    svgClassName?: string;
+    /**
+     * Sets additional CSS styles to the svg element.
+     */
+    svgStyle?: React.CSSProperties;
+}
+/**
+ * Represents the [KendoReact SvgIcon component](https://www.telerik.com/kendo-react-ui/components/common/svgicon).
+ *
+ * @example
+ * ```jsx
+ * import { accessibility } from '@progress/kendo-svg-icons';
+ *
+ * const App = () => {
+ *   return (
+ *       <SvgIcon icon={accessibility} />
+ *   );
+ * };
+ * ```
+ */
+export declare const SvgIcon: React.ForwardRefExoticComponent<SvgIconProps & React.RefAttributes<SvgIconHandle | null>>;

package/icons/constants.d.ts

@@ -0,0 +1,20 @@
+/**
+ * @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 SIZE_CLASSES: {
+    default: string;
+    xsmall: string;
+    small: string;
+    medium: string;
+    large: string;
+    xlarge: string;
+    xxlarge: string;
+    xxxlarge: string;
+};

package/icons/models/flip.d.ts

@@ -0,0 +1,18 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * Specifies the icon flip direction.
+ *
+ * The possible values are:
+ * * `default` (Default)—No flipping applied.
+ * * `horizontal`—Flips the icon in horizontal direction.
+ * * `vertical`—Flips the icon in vertical direction.
+ * * `both`—Flips the icon in both horizontal and vertical directions.
+ *
+ */
+export type IconFlip = 'default' | 'horizontal' | 'vertical' | 'both';

package/icons/models/size.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
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * Specifies the size of the icon.
+ *
+ * The possible values are:
+ * * `default` (Default)—Font-size: 16px; Width: 16px; Height: 16px.
+ * * `xsmall`—Font-size: 12px; Width: 12px; Height: 12px.
+ * * `small`—Font-size: 14px; Width: 14px; Height: 14px.
+ * * `medium`—Font-size: 16px; Width: 16px; Height: 16px.
+ * * `large`—Font-size: 20px; Width: 20px; Height: 20px.
+ * * `xlarge`—Font-size: 24px; Width: 24px; Height: 24px.
+ * * `xxlarge`—Font-size: 32px; Width: 32px; Height: 32px.
+ * * `xxxlarge`—Font-size: 48px; Width: 48px; Height: 48px.
+ *
+ */
+export type IconSize = 'default' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge' | 'xxxlarge';

package/icons/models/theme-color.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
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * Specifies the theme color of the Icon.
+ *
+ * The possible values are:
+ * * `inherit` (Default)—Applies coloring based on the current color.
+ * * `primary` —Applies coloring based on primary theme color.
+ * * `secondary`—Applies coloring based on secondary theme color.
+ * * `tertiary`— Applies coloring based on tertiary theme color.
+ * * `info`—Applies coloring based on info theme color.
+ * * `success`— Applies coloring based on success theme color.
+ * * `warning`— Applies coloring based on warning theme color.
+ * * `error`— Applies coloring based on error theme color.
+ * * `dark`— Applies coloring based on dark theme color.
+ * * `light`— Applies coloring based on light theme color.
+ * * `inverse`— Applies coloring based on inverse theme color.
+ *
+ * If the property is not set, the icon inherits the color from its parent.
+ *
+ * You can use the `style` prop to apply custom color related properties to the icon.
+ */
+export type IconThemeColor = 'inherit' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse';

package/icons/utils.d.ts

@@ -0,0 +1,24 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { default as PropTypes } from 'prop-types';
+/**
+ * @hidden
+ */
+export declare const toIconName: (iconClass: string) => string;
+/**
+ * @hidden
+ */
+export declare const toIconClass: (name: string) => string;
+/**
+ * @hidden
+ */
+export declare const svgIconPropType: PropTypes.Requireable<PropTypes.InferProps<{
+    name: PropTypes.Validator<string>;
+    content: PropTypes.Validator<string>;
+    viewBox: PropTypes.Validator<string>;
+}>>;