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

package/unstyled/json-classes.d.ts

@@ -0,0 +1,378 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+type PresetOption = Record<Exclude<any, null>, string>;
+/**
+ * @hidden
+ */
+export interface KendoTheme {
+    base: PresetOption;
+    animation: PresetOption;
+    containers: PresetOption;
+    components: PresetOption;
+    cssUtils: PresetOption;
+    elements: PresetOption;
+    sizeMap: PresetOption;
+    directionMap: PresetOption;
+    fillModeMap: PresetOption;
+    themeColorMap: PresetOption;
+    roundedMap: PresetOption;
+    cursor: PresetOption;
+    dimensions: PresetOption;
+    states: PresetOption;
+    actions: PresetOption;
+    inputs: PresetOption;
+    dateInputs: PresetOption;
+    forms: PresetOption;
+    labels: PresetOption;
+    popup: PresetOption;
+    icon: PresetOption;
+    grid: PresetOption;
+    orientationMap: PresetOption;
+}
+/**
+ * @hidden
+ */
+export declare const base: {
+    prefix: string;
+    important: string;
+    rtl: string;
+    rounded: string;
+    value: string;
+    state: string;
+    filter: string;
+    virtual: string;
+    infinite: string;
+    clear: string;
+    reset: string;
+    data: string;
+    nodata: string;
+    scroller: string;
+};
+/**
+ * @hidden
+ */
+export declare const cssUtils: {
+    center: string;
+    hbox: string;
+    vstack: string;
+    hstack: string;
+    overflow: string;
+};
+/**
+ * @hidden
+ */
+export declare const components: {
+    actionsheet: string;
+    calendar: string;
+    buttongroup: string;
+    dateinput: string;
+    datetime: string;
+    datetimepicker: string;
+    dropdownlist: string;
+    combobox: string;
+    maskedtextbox: string;
+    menu: string;
+    searchbox: string;
+    timepicker: string;
+};
+/**
+ * @hidden
+ */
+export declare const sizeMap: PresetOption;
+/**
+ * @hidden
+ */
+export declare const fillModeMap: PresetOption;
+/**
+ * @hidden
+ */
+export declare const themeColorMap: PresetOption;
+/**
+ * @hidden
+ */
+export declare const roundedMap: PresetOption;
+/**
+ * @hidden
+ */
+export declare const orientationMap: PresetOption;
+/**
+ * @hidden
+ */
+export declare const dimensions: {
+    height: string;
+    width: string;
+};
+/**
+ * @hidden
+ */
+export declare const cursor: {
+    default: string;
+};
+/**
+ * @hidden
+ */
+export declare const directionMap: {
+    up: string;
+    down: string;
+    left: string;
+    right: string;
+    start: string;
+    mid: string;
+    end: string;
+};
+/**
+ * @hidden
+ */
+export declare const containers: {
+    actions: string;
+    container: string;
+    content: string;
+    group: string;
+    row: string;
+    nav: string;
+    wrap: string;
+    wrapper: string;
+    list: string;
+    placeholder: string;
+    popup: string;
+    item: string;
+    part: string;
+    picker: string;
+    separator: string;
+    spacer: string;
+    tab: string;
+    titlebar: string;
+    optionLabel: string;
+    view: string;
+};
+/**
+ * @hidden
+ */
+export declare const elements: {
+    table: string;
+    text: string;
+    button: string;
+    tbody: string;
+    thead: string;
+    tr: string;
+    th: string;
+    td: string;
+    header: string;
+    footer: string;
+    icon: string;
+    title: string;
+    subtitle: string;
+    link: string;
+    label: string;
+    ul: string;
+    caption: string;
+};
+/**
+ * @hidden
+ */
+export declare const actions: {
+    increase: string;
+    decrease: string;
+    cancel: string;
+    accept: string;
+    split: string;
+};
+/**
+ * @hidden
+ */
+export declare const states: {
+    active: string;
+    adaptive: string;
+    first: string;
+    focus: string;
+    pending: string;
+    last: string;
+    draggable: string;
+    filterable: string;
+    grouping: string;
+    selected: string;
+    highlighted: string;
+    disabled: string;
+    hidden: string;
+    highlight: string;
+    invalid: string;
+    loading: string;
+    required: string;
+    checked: string;
+    empty: string;
+    scrollable: string;
+    sorted: string;
+    sort: string;
+    sticky: string;
+    stretched: string;
+    order: string;
+    alt: string;
+    edit: string;
+    template: string;
+    shown: string;
+    horizontal: string;
+    vertical: string;
+    fullscreen: string;
+    bottom: string;
+};
+/**
+ * @hidden
+ */
+export declare const animationStyles: {
+    [key: string]: string;
+};
+/**
+ * @hidden
+ */
+export declare const inputs: {
+    input: string;
+    inner: string;
+    spin: string;
+    spinner: string;
+    maskedtextbox: string;
+    radio: string;
+    textbox: string;
+    prefix: string;
+    suffix: string;
+};
+/**
+ * @hidden
+ */
+export declare const dateInputs: {
+    week: string;
+    weekdays: string;
+    weekend: string;
+    month: string;
+    year: string;
+    decade: string;
+    century: string;
+    number: string;
+    navigation: string;
+    marker: string;
+    now: string;
+    range: string;
+    today: string;
+    other: string;
+    date: string;
+    time: string;
+    selector: string;
+    timeselector: string;
+};
+/**
+ * @hidden
+ */
+export declare const icon: {
+    prefix: string;
+    svg: string;
+    i: string;
+    color: string;
+    flipH: string;
+    flipV: string;
+};
+/**
+ * @hidden
+ */
+export declare const labels: {
+    label: string;
+    text: string;
+    floatingLabel: string;
+    container: string;
+    hint: string;
+    error: string;
+};
+/**
+ * @hidden
+ */
+export declare const forms: {
+    form: string;
+    fieldset: string;
+    legend: string;
+    separator: string;
+    field: string;
+};
+/**
+ * @hidden
+ */
+export declare const popup: {
+    prefix: string;
+};
+/**
+ * @hidden
+ */
+export declare const grid: {
+    prefix: string;
+    ariaRoot: string;
+    tableWrap: string;
+    master: string;
+    column: string;
+    cell: string;
+    cellInner: string;
+    row: string;
+    group: string;
+    hierarchy: string;
+    detail: string;
+    noRecords: string;
+    pager: string;
+};
+/**
+ * @hidden
+ */
+export declare const gridRowReorder: {
+    drop: string;
+    drag: string;
+    hint: string;
+    vertical: string;
+    horizontal: string;
+    clue: string;
+    reorder: string;
+};
+/**
+ * @hidden
+ */
+export declare const inputPrefix: string;
+/**
+ * @hidden
+ */
+export declare const calendarPrefix: string;
+/**
+ * @hidden
+ */
+export declare const maskedPrefix: string;
+/**
+ * @hidden
+ */
+export declare const radioPrefix: string;
+/**
+ * @hidden
+ */
+export declare const buttonPrefix: string;
+/**
+ * @hidden
+ */
+export declare const ddbPrefix: string;
+/**
+ * @hidden
+ */
+export declare const pickerPrefix: string;
+/**
+ * @hidden
+ */
+export declare const dropDownListPrefix: string;
+/**
+ * @hidden
+ */
+export declare const comboBoxPrefix: string;
+/**
+ * @hidden
+ */
+export declare const gridPrefix: string;
+/**
+ * @hidden
+ */
+export declare const jsonTheme: KendoTheme;
+export {};

package/unstyled/labels.d.ts

@@ -0,0 +1,99 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { WidgetClassStructure } from './interfaces/common.js';
+export interface LabelClasses {
+    /** Label */
+    label?: {
+        /** Main class for the label */
+        main?: string;
+        /** Class applied when the label is in an empty state */
+        empty?: string;
+        /** Class applied when the label is in an invalid state */
+        invalid?: string;
+        /** Class applied when the label is disabled */
+        disabled?: string;
+    };
+}
+/**
+ * @hidden
+ */
+export declare const uLabel: WidgetClassStructure;
+export interface FloatingLabelClasses {
+    /** Wrapper element configurations */
+    wrapper?: {
+        /** Main class for the wrapper */
+        main?: string;
+        /** Class applied when the element is focused */
+        focused?: string;
+        /** Class applied when the element is empty */
+        empty?: string;
+        /** Class for non-empty state (empty in this case) */
+        notEmpty?: string;
+        /** Class for disabled state */
+        disabled?: string;
+        /** Class applied when in RTL mode */
+        isRtl?: string;
+    };
+    /** Label element configurations */
+    label?: {
+        /** Main class for the label */
+        main?: string;
+        /** Class applied when the label is focused */
+        focused?: string;
+        /** Class applied when the label is empty */
+        empty?: string;
+        /** Class for non-empty label state */
+        notEmpty?: string;
+        /** Class applied when the label is in an invalid state */
+        invalid?: string;
+        /** Class applied when the label is disabled */
+        disabled?: string;
+    };
+}
+/**
+ * @hidden
+ */
+export declare const uFloatingLabel: WidgetClassStructure;
+export interface ErrorClasses {
+    /** Wrapper element configurations */
+    wrapper?: {
+        /** Main class for the wrapper */
+        main?: string;
+        /** Direction-related configurations */
+        direction?: {
+            /** Class for start-aligned text */
+            start?: string;
+            /** Class for end-aligned text */
+            end?: string;
+        };
+    };
+}
+/**
+ * @hidden
+ */
+export declare const uError: WidgetClassStructure;
+export interface HintClasses {
+    /** Wrapper element configurations */
+    wrapper?: {
+        /** Main class for the wrapper */
+        main?: string;
+        /** Direction-related configurations */
+        direction?: {
+            /** Class for start-aligned text */
+            start?: string;
+            /** Class for end-aligned text */
+            end?: string;
+            /** Class for disabled state */
+            disabled?: string;
+        };
+    };
+}
+/**
+ * @hidden
+ */
+export declare const uHint: WidgetClassStructure;

package/unstyled/main.d.ts

@@ -0,0 +1,34 @@
+/**
+ * @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 React } from 'react';
+import { AnimationsClassStructure, ButtonsClassStructure, IconsClassStructure, DateInputsClassStructure, DropDownsClassStructure, GridClassStructure, InputsClassStructure, LabelsClassStructure, FormClassStructure, PopupClassStructure, WidgetClassStructure } from './interfaces/common.js';
+export * from './animations.js';
+export * from './icons.js';
+export * from './buttons.js';
+export * from './dropdowns.js';
+export * from './dateinputs.js';
+export * from './inputs.js';
+export * from './labels.js';
+export * from './form.js';
+export * from './popup.js';
+export * from './grid.js';
+export * from './json-classes.js';
+/**
+ * All classes - Comprehensive structure containing all component styling configurations
+ */
+export interface AllClassStructure extends AnimationsClassStructure, ButtonsClassStructure, DropDownsClassStructure, GridClassStructure, IconsClassStructure, LabelsClassStructure, FormClassStructure, PopupClassStructure, ButtonsClassStructure, PopupClassStructure, GridClassStructure, InputsClassStructure, DropDownsClassStructure, DateInputsClassStructure {
+}
+/**
+ * UnstyledContext
+ */
+export declare const UnstyledContext: React.Context<AllClassStructure | undefined>;
+/**
+ * useUnstyled
+ */
+export declare const useUnstyled: () => AllClassStructure | undefined;
+export { type AnimationsClassStructure, type ButtonsClassStructure, type GridClassStructure, type IconsClassStructure, type DateInputsClassStructure, type DropDownsClassStructure, type InputsClassStructure, type LabelsClassStructure, type FormClassStructure, type PopupClassStructure, type WidgetClassStructure };

package/unstyled/popup.d.ts

@@ -0,0 +1,123 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { WidgetClassStructure } from './interfaces/common.js';
+/**
+ * Defines the animation classes for slide transitions in the Popup component.
+ * Extends PopupAnimationClasses for consistency.
+ */
+export interface SlideAnimationClasses extends PopupAnimationClasses {
+}
+/**
+ * Defines the base classes for slide, push, and expand animations in the Popup component.
+ * Contains directional animation settings.
+ */
+export interface SlideClasses extends BaseClasses {
+}
+/**
+ * Represents the animation class names for enter and exit transitions.
+ * Used for all animation types (slide, fade, zoom, push, expand).
+ */
+export interface PopupAnimationClasses {
+    /** Enter animation prefix for enter */
+    enter?: string;
+    /** Exit animation prefix for exit */
+    exit?: string;
+}
+/**
+ * Contains directional animation settings for slide, push, and expand animations.
+ * Each direction (up, down, left, right) maps to PopupAnimationClasses.
+ */
+export interface BaseClasses {
+    /** Animation settings for sliding up */
+    up?: PopupAnimationClasses;
+    /** Animation settings for sliding down */
+    down?: PopupAnimationClasses;
+    /** Animation settings for sliding left */
+    left?: PopupAnimationClasses;
+    /** Animation settings for sliding right */
+    right?: PopupAnimationClasses;
+}
+/**
+ * Animation settings for zoom transitions in the Popup component.
+ * Includes zoom in and zoom out configurations.
+ */
+export interface ZoomClasses {
+    /** Animation settings for zooming in */
+    in?: PopupAnimationClasses;
+    /** Animation settings for zooming out */
+    out?: PopupAnimationClasses;
+}
+/**
+ * Animation settings for expand transitions in the Popup component.
+ * Includes horizontal and vertical expand configurations.
+ */
+export interface ExpandClasses {
+    /** Animation settings for expanding horizontal */
+    horizontal?: PopupAnimationClasses;
+    /** Animation settings for expanding vertical */
+    vertical?: PopupAnimationClasses;
+}
+/**
+ * Defines all animation-related class names and configurations for the Popup component.
+ * Includes slide, zoom, fade, push, and expand animation settings, both active and inactive.
+ * Also provides container and child animation class names.
+ */
+export interface PopupClasses {
+    /** Prefix for the animation container */
+    animationContainer?: string;
+    /** Prefix for the shown animation container */
+    animationContainerShown?: string;
+    /** Prefix for child animations within the animation */
+    animationChild?: string;
+    /** Prefix for the popup animation */
+    popup?: string;
+    /**
+     * Slide animation configurations for different directions.
+     */
+    slide?: BaseClasses;
+    /**
+     * Active slide animation configurations for different directions.
+     */
+    slideActive?: BaseClasses;
+    /**
+     * Zoom animation configurations.
+     */
+    zoom?: ZoomClasses;
+    /**
+     * Active zoom animation configurations.
+     */
+    zoomActive?: ZoomClasses;
+    /**
+     * Fade animation configurations.
+     */
+    fade?: PopupAnimationClasses;
+    /**
+     * Active fade animation configurations.
+     */
+    fadeActive?: PopupAnimationClasses;
+    /**
+     * Push animation configurations for different directions.
+     */
+    push?: BaseClasses;
+    /**
+     * Active push animation configurations for different directions.
+     */
+    pushActive?: BaseClasses;
+    /**
+     * Expand animation configurations for horizontal and vertical directions.
+     */
+    expand?: ExpandClasses;
+    /**
+     * Active expand animation configurations for horizontal and vertical directions.
+     */
+    expandActive?: ExpandClasses;
+}
+/**
+ * @hidden
+ */
+export declare const uPopup: WidgetClassStructure;

package/unstyled/popup.mjs

@@ -5,12 +5,12 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { base as i, animationStyles as e, containers as s, states as u, popup as l, directionMap as f } from "./json-classes.mjs";
+import { base as i, animationStyles as e, directionMap as f, popup as u, containers as s, states as l } from "./json-classes.mjs";
 const d = {
   animationContainer: `${i.prefix}-${e.prefix}-${s.container}`,
-  animationContainerShown: `${i.prefix}-${e.prefix}-${s.container}-${u.shown}`,
+  animationContainerShown: `${i.prefix}-${e.prefix}-${s.container}-${l.shown}`,
   animationChild: `${i.prefix}-${e.child}-${e.prefix}-${s.container}`,
-  popup: `${i.prefix}-${l.prefix}`,
+  popup: `${i.prefix}-${u.prefix}`,
   slide: {
     up: {
       enter: `${i.prefix}-${e.slide}-${f.up}-${e.enter}`,

package/validate-package.d.ts

@@ -0,0 +1,38 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { PackageMetadata } from '@progress/kendo-licensing';
+/**
+ * @hidden
+ */
+export interface LicenseMessage {
+    code?: string;
+    licenseType?: string;
+    version?: string;
+    productName?: string;
+    expiration?: string;
+}
+/**
+ * @hidden
+ */
+export declare const validatePackage: (e: any, additionalInfo: {
+    component: string;
+    features?: string[];
+}) => boolean;
+/**
+ * @hidden
+ *
+ * Returns `true` if the license is valid, `false` otherwise.
+ * Does not output any warnings to the console.
+ */
+export declare const hasValidLicense: (e: any) => boolean;
+/**
+ * @hidden
+ *
+ * Returns the notification message to display, if any.
+ */
+export declare const getLicenseMessage: (e: PackageMetadata) => LicenseMessage | undefined;

package/watermark/WatermarkOverlay.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 { LicenseMessage } from '../validate-package.js';
+import * as React from 'react';
+/**
+ *
+ * @hidden
+ */
+export interface WatermarkOverlayProps {
+    message?: LicenseMessage;
+}
+/**
+ *
+ * @hidden
+ */
+export declare const WatermarkOverlay: (props: WatermarkOverlayProps) => React.JSX.Element;