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

package/tree-utils/itemIdUtils.d.ts

@@ -0,0 +1,67 @@
+/**
+ * @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 EMPTY_ID = "";
+/**
+ * @hidden
+ */
+export declare const ZERO_LEVEL_ZERO_NODE_ID = "0";
+/**
+ * @hidden
+ */
+export declare const SEPARATOR = "_";
+/**
+ * @hidden
+ */
+export declare function getItemById(itemId: string, items: any, childrenField: string): any;
+/**
+ * @hidden
+ */
+export declare function getRootParentId(itemId: string): string;
+/**
+ * @hidden
+ */
+export declare function getIdWithoutRootParentId(itemId: string): string;
+/**
+ * @hidden
+ */
+export declare function getFirstChildId(itemId: string): string;
+/**
+ * @hidden
+ */
+export declare function createId(childId: string | number, parentId?: string): string;
+/**
+ * @hidden
+ */
+export declare function getDirectParentId(itemId: string): string;
+/**
+ * @hidden
+ */
+export declare function isIdEmptyOrZeroLevel(itemId: string): boolean;
+/**
+ * @hidden
+ */
+export declare function isIdZeroLevel(itemId: string): boolean;
+/**
+ * @hidden
+ */
+export declare function getAllShortIds(itemId: string): string[];
+/**
+ * @hidden
+ */
+export declare function getShortId(itemId: string): string;
+/**
+ * @hidden
+ */
+export declare function isItemFirstFromSiblings(itemId: string): boolean;
+/**
+ * @hidden
+ */
+export declare function getDecrementedItemIdAfterRemoval(removedItemId: string, itemId: string): string;

package/tree-utils/itemIdUtils.mjs

@@ -5,78 +5,78 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-const c = "", l = "0", r = "_";
-function S(t, n, s) {
-  if (x(t))
+const P = "", a = "0", g = "_";
+function f(t, n, o) {
+  if (S(t))
     return n[Number(t)];
-  const e = n[Number(f(t))], o = e && e[s] || [];
-  return o.length ? S(i(t), o, s) : void 0;
+  const r = n[Number(u(t))], e = r && r[o] || [];
+  return e.length ? f(R(t), e, o) : void 0;
 }
-function f(t) {
-  return a(t) ? t : t.split(r)[0];
+function u(t) {
+  return E(t) ? t : t.split("_")[0];
 }
-function i(t) {
-  if (a(t))
+function R(t) {
+  if (E(t))
     return t;
-  const n = t.indexOf(r);
+  const n = t.indexOf("_");
   return t.substring(n + 1);
 }
-function E(t) {
+function T(t) {
   return O("0", t);
 }
 function O(t, n) {
-  return t = t.toString(), n ? n + r + t : t;
+  return t = t.toString(), n ? n + "_" + t : t;
 }
-function h(t) {
-  const n = t.lastIndexOf(r);
-  return n < 0 ? c : t.substring(0, n);
+function i(t) {
+  const n = t.lastIndexOf("_");
+  return n < 0 ? "" : t.substring(0, n);
 }
-function a(t) {
-  return t === c || t.indexOf(r) < 0;
+function E(t) {
+  return t === "" || t.indexOf("_") < 0;
 }
-function x(t) {
-  return t !== c && t.indexOf(r) < 0;
+function S(t) {
+  return t !== "" && t.indexOf("_") < 0;
 }
-function P(t) {
-  return t.split(r);
+function b(t) {
+  return t.split("_");
 }
-function g(t) {
-  const n = t.lastIndexOf(r);
+function A(t) {
+  const n = t.lastIndexOf("_");
   return n < 0 ? t : t.substring(n + 1);
 }
-function p(t) {
-  return g(t) === l;
+function _(t) {
+  return A(t) === "0";
 }
-function N(t, n) {
-  const s = n;
-  t = "r" + r + t, n = "r" + r + n;
-  const e = h(t) + r;
-  if (n.startsWith(e)) {
-    const o = n.substring(e.length);
-    if (o) {
-      const u = f(o);
-      if (Number(g(t)) < Number(u)) {
-        const b = e + (Number(u) - 1).toString() + o.substring(u.length);
-        return i(b);
+function l(t, n) {
+  const o = n;
+  t = "r_" + t, n = "r_" + n;
+  const r = i(t) + "_";
+  if (n.startsWith(r)) {
+    const e = n.substring(r.length);
+    if (e) {
+      const s = u(e);
+      if (Number(A(t)) < Number(s)) {
+        const c = r + (Number(s) - 1).toString() + e.substring(s.length);
+        return R(c);
       }
     }
   }
-  return s;
+  return o;
 }
 export {
-  c as EMPTY_ID,
-  r as SEPARATOR,
-  l as ZERO_LEVEL_ZERO_NODE_ID,
+  P as EMPTY_ID,
+  g as SEPARATOR,
+  a as ZERO_LEVEL_ZERO_NODE_ID,
   O as createId,
-  P as getAllShortIds,
-  N as getDecrementedItemIdAfterRemoval,
-  h as getDirectParentId,
-  E as getFirstChildId,
-  i as getIdWithoutRootParentId,
-  S as getItemById,
-  f as getRootParentId,
-  g as getShortId,
-  a as isIdEmptyOrZeroLevel,
-  x as isIdZeroLevel,
-  p as isItemFirstFromSiblings
+  b as getAllShortIds,
+  l as getDecrementedItemIdAfterRemoval,
+  i as getDirectParentId,
+  T as getFirstChildId,
+  R as getIdWithoutRootParentId,
+  f as getItemById,
+  u as getRootParentId,
+  A as getShortId,
+  E as isIdEmptyOrZeroLevel,
+  S as isIdZeroLevel,
+  _ as isItemFirstFromSiblings
 };

package/tree-utils/itemUtils.d.ts

@@ -0,0 +1,52 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { TreeFieldsService } from './FieldsService.js';
+/**
+ * @hidden
+ */
+export declare function hasChildren(item: any, childrenField: string): boolean;
+/**
+ * @hidden
+ */
+export declare function isItemExpandedAndWithChildren(item: any, fieldsSvc: TreeFieldsService): boolean | undefined;
+/**
+ * @hidden
+ */
+export declare function resolveItemId(publicId: any, idField: string, items: any[], childrenField: string): string | undefined;
+/**
+ * @hidden
+ */
+export declare function resolveItemsIds(publicIds: any[], idField: string, items: any[], childrenField: string): string[];
+/**
+ * @hidden
+ */
+export declare function updateItem(items: any[], itemId: string, update: (item: any) => void, cloneField: string, childrenField: string): any[];
+/**
+ * @hidden
+ */
+export declare function isEnabledAndAllParentsEnabled(itemId: string, items: any, fieldsSvc: TreeFieldsService): any;
+/**
+ * @hidden
+ */
+export declare function getAllDirectIndirectChildrenIds(item: any, itemId: string, childrenField: string, idField: string | undefined): any[];
+/**
+ * @hidden
+ */
+export declare function areAllDirectChildrenChecked(item: any, itemId: any, idField: string | undefined, childrenField: string, check: string[]): boolean;
+/**
+ * @hidden
+ */
+export declare function getAllParents(itemId: string, childrenField: string, items: any[]): any[];
+/**
+ * @hidden
+ */
+export declare function removeItem(itemId: string, childrenField: string, items: any[]): any[];
+/**
+ * @hidden
+ */
+export declare function addItem(item: any, operation: 'before' | 'after' | 'child', childrenField: string, targetItemId: string, items: any[]): any[];

package/tree-utils/misc.d.ts

@@ -0,0 +1,15 @@
+/**
+ * @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 function getNestedValue(fieldName: string | undefined, dataItem: any): any;
+/**
+ * @hidden
+ */
+export declare function isArray(operation: string[] | any): operation is any[];

package/treeDataOperations.d.ts

@@ -0,0 +1,46 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * Creates a new array with the results of calling the provided callback function
+ * on every element in the provided data tree.
+ *
+ * @param {any[]} tree - The data tree.
+ * @param {string} subItemsField - The field which points to the subitems collection of each data item.
+ * @param {(value: any) => any} callback - The callback function.
+ * @returns {any[]} - The new data tree.
+ */
+export declare const mapTree: (tree: any[], subItemsField: string, callback: (value: any) => any) => any[];
+/**
+ * Creates a new array with the results of calling the provided callback function
+ * on the element which match the `level` in the provided data tree.
+ *
+ * @param {any[]} tree - The data tree.
+ * @param {number[]} level - An array of indexes of each parent and current item in the data tree.
+ * @param {string} subItemsField - The field which points to the subitems collection of each data item.
+ * @param {(value: any) => any} callback - The callback function.
+ * @returns {any[]} - The new data tree.
+ */
+export declare const mapTreeItem: (tree: any[], level: number[], subItemsField: string, callback: (value: any) => any) => void;
+/**
+ * Similar to the `Object.assign` function. Additionally, creates a new array for the subitems.
+ *
+ * @param {object} item - The source data item.
+ * @param {string} subItemsField - The field which points to the subitems collection of each data item.
+ * @param {object} propsToExtend - The props with which the source data item will be extended.
+ * @returns {object} - The target data item.
+ */
+export declare const extendDataItem: (item: any, subItemsField: string, propsToExtend?: any) => any;
+/**
+ * Returns the data item path in the tree based on the level parameter.
+ *
+ * @param {any[]} tree - The data tree.
+ * @param {number[]} level - The level of the target tree item.
+ * @param {string} subItemsField - The field which points to the subitems collection of each data item.
+ * @returns {any[]} - The path of the data item.
+ */
+export declare const getItemPath: (tree: any[], level: number[], subItemsField?: string) => any[];

package/typography/Typography.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 { TypographyProps } from './TypographyProps.js';
+import * as React from 'react';
+/**
+ * @hidden
+ */
+export interface TypographyHandle {
+    /**
+     * The TypographyHandle element.
+     */
+    element: HTMLElement | null;
+}
+/**
+ * Represents the [KendoReact Typography component](https://www.telerik.com/kendo-react-ui/components/common/typography).
+ *
+ * @example
+ * ```jsx
+ * const App = () => {
+ *   return (
+ *       <Typography.h2>Heading 2</Typography.h2>
+ *   );
+ * };
+ * ```
+ */
+export declare const Typography: {
+    h1: React.ForwardRefExoticComponent<TypographyProps>;
+    h2: React.ForwardRefExoticComponent<TypographyProps>;
+    h3: React.ForwardRefExoticComponent<TypographyProps>;
+    h4: React.ForwardRefExoticComponent<TypographyProps>;
+    h5: React.ForwardRefExoticComponent<TypographyProps>;
+    h6: React.ForwardRefExoticComponent<TypographyProps>;
+    p: React.ForwardRefExoticComponent<TypographyProps>;
+    code: React.ForwardRefExoticComponent<TypographyProps>;
+    pre: React.ForwardRefExoticComponent<TypographyProps>;
+};

package/typography/TypographyProps.d.ts

@@ -0,0 +1,127 @@
+/**
+ * @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 '../models/kendoReactComponentBaseProps.js';
+import { MarginEnum } from './models/margin.js';
+/**
+ * Represents the props of the [KendoReact Typography component](https://www.telerik.com/kendo-react-ui/components/common/typography).
+ */
+export interface TypographyProps extends KendoReactComponentBaseProps {
+    /**
+     * Sets additional CSS styles to the element.
+     */
+    style?: React.CSSProperties;
+    /**
+     * Specifies a list of CSS classes that will be added to the element.
+     */
+    className?: string;
+    /**
+     * Overrides the font size applied by the theme typography styles
+     * [see example](https://www.telerik.com/kendo-react-ui/components/common/typography/appearance#toc-font-size).
+     *
+     * The possible values are:
+     * * `xsmall`
+     * * `small`
+     * * `medium`
+     * * `large`
+     * * `xlarge`
+     *
+     */
+    fontSize?: 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
+    /**
+     * Overrides the font weight applied by the theme typography styles
+     * [see example](https://www.telerik.com/kendo-react-ui/components/common/typography/appearance#toc-font-weight).
+     *
+     * The possible values are:
+     * * `light`—font-weight: 300
+     * * `normal`—font-weight: 400
+     * * `bold`—For Default and Bootstrap themes—font-weight: 700. For Material theme—font-weight: 500.
+     *
+     */
+    fontWeight?: 'light' | 'normal' | 'bold';
+    /**
+     * Specifies the applied margin to the element
+     * [see example](https://www.telerik.com/kendo-react-ui/components/common/typography/appearance#toc-margin).
+     *
+     * The possible values for the Default and Material themes are:
+     * * `xsmall` —Applies 4px margin.
+     * * `small` —Applies 8px margin.
+     * * `medium` —Applies 12px margin.
+     * * `large` —Applies 16px margin.
+     * * `xlarge` —Applies 24px margin.
+     * * `thin` —Applies 2px margin.
+     * * `hair` —Applies 1px margin.
+     * * `number` —Passing a number will apply a margin of 4 times the passed number in pixels. The minimum number value is 0 and the maximum is 24.
+     * * `object` &smdash;Passing an object allows setting the margins for each side.
+     *
+     * The possible values for the Bootstrap theme are:
+     * * `xsmall` —Applies 0.25rem margin.
+     * * `small` —Applies 0.5rem margin.
+     * * `medium` —Applies 0.75rem margin.
+     * * `large` —Applies 1rem margin.
+     * * `xlarge` —Applies 1.25rem margin.
+     * * `thin` —Applies 0.125rem margin.
+     * * `hair` —Applies 0.0625rem margin.
+     * * `number` —Passing a number will apply a margin equal to the passed number divided by 4 in rem units.
+     * The minimum number value is 0 and the maximum is 24.
+     * * `object` &smdash;Passing an object allows setting the margins for each side.
+     */
+    margin?: MarginEnum | {
+        top?: MarginEnum;
+        bottom?: MarginEnum;
+        left?: MarginEnum;
+        right?: MarginEnum;
+    };
+    /**
+     * Specifies the text align
+     * [see example](https://www.telerik.com/kendo-react-ui/components/common/typography/appearance#toc-text-alignment).
+     *
+     * The possible values are:
+     * * `left`—Applies text-align: left
+     * * `right`—Applies text-align: right
+     * * `center`—Applies text-align: center
+     * * `justify`—Applies text-align: justify
+     *
+     */
+    textAlign?: 'left' | 'right' | 'center' | 'justify';
+    /**
+     * Specifies the text transform
+     * [see example](https://www.telerik.com/kendo-react-ui/components/common/typography/appearance#toc-text-transformation).
+     *
+     * The possible values are:
+     * * `lowercase`—Applies text-transform: lowercase
+     * * `uppercase`—Applies text-transform: uppercase
+     * * `capitalize`—Applies text-transform: capitalize
+     *
+     */
+    textTransform?: 'lowercase' | 'uppercase' | 'capitalize';
+    /**
+     * Specifies the theme color of the Typography
+     * [see example](https://www.telerik.com/kendo-react-ui/components/common/typography/appearance#toc-theme-color).
+     *
+     * The possible values are:
+     * * `inherit`—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.
+     *
+     * You can use the `style` property to apply custom color related properties to the element.
+     *
+     */
+    themeColor?: 'inherit' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse';
+    /**
+     * Sets a custom property to the element.
+     */
+    [customProp: string]: any;
+}

package/typography/constants.d.ts

@@ -0,0 +1,91 @@
+/**
+ * @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 FONT_SIZE_CLASSES: {
+    xsmall: string;
+    small: string;
+    medium: string;
+    large: string;
+    xlarge: string;
+};
+/**
+ * @hidden
+ */
+export declare const FONT_WEIGHT_CLASSES: {
+    light: string;
+    normal: string;
+    bold: string;
+};
+/**
+ * @hidden
+ */
+export declare const MARGIN_ENUM_CLASSES: {
+    xsmall: string;
+    small: string;
+    medium: string;
+    large: string;
+    xlarge: string;
+    thin: string;
+    hair: string;
+};
+/**
+ * @hidden
+ */
+export declare const MARGIN_ENUM_VALUES: {
+    xsmall: string;
+    small: string;
+    medium: string;
+    large: string;
+    xlarge: string;
+    thin: string;
+    hair: string;
+};
+/**
+ * @hidden
+ */
+export declare const MARGIN_SIDES_CLASSES: {
+    top: string;
+    right: string;
+    bottom: string;
+    left: string;
+};
+/**
+ * @hidden
+ */
+export declare const TEXT_ALIGN_CLASSES: {
+    left: string;
+    right: string;
+    center: string;
+    justify: string;
+};
+/**
+ * @hidden
+ */
+export declare const TEXT_TRANSFORM_CLASSES: {
+    lowercase: string;
+    uppercase: string;
+    capitalize: string;
+};
+/**
+ * @hidden
+ */
+export declare const THEME_COLOR_CLASSES: {
+    inherit: string;
+    primary: string;
+    secondary: string;
+    tertiary: string;
+    info: string;
+    success: string;
+    warning: string;
+    error: string;
+    dark: string;
+    light: string;
+    inverse: string;
+};

package/typography/models/margin.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
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * The possible values for the Default and Material themes are:
+ * * `xsmall` —Applies 4px margin.
+ * * `small` —Applies 8px margin.
+ * * `medium` —Applies 12px margin.
+ * * `large` —Applies 16px margin.
+ * * `xlarge` —Applies 24px margin.
+ * * `thin` —Applies 2px margin.
+ * * `hair` —Applies 1px margin.
+ * * `number` —Passing a number will apply a margin of 4 times the passed number in pixels. The minimum number value is 0 and the maximum is 24.
+ *
+ * The possible values for the Bootstrap theme are:
+ * * `xsmall` —Applies 0.25rem margin.
+ * * `small` —Applies 0.5rem margin.
+ * * `medium` —Applies 0.75rem margin.
+ * * `large` —Applies 1rem margin.
+ * * `xlarge` —Applies 1.25rem margin.
+ * * `thin` —Applies 0.125rem margin.
+ * * `hair` —Applies 0.0625rem margin.
+ * * `number` —Passing a number will apply a margin equal to the passed number divided by 4 in rem units.
+ * The minimum number value is 0 and the maximum is 24.
+ */
+export type MarginEnum = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'thin' | 'hair' | number;