@progress/kendo-react-common 8.3.0-develop.1 → 8.3.0-develop.10

package/index.d.mts

@@ -9,13 +9,45 @@ import { JSX as JSX_2 } from 'react/jsx-runtime';
 import { NormalizedDragEvent } from '@progress/kendo-draggable-common';
 import PropTypes from 'prop-types';
 import * as React_2 from 'react';
+import { default as React_3 } from 'react';
 import { validatePackage as validatePackage_2 } from '@progress/kendo-licensing';
 
+/**
+ * @hidden
+ */
+export declare const actions: {
+    increase: string;
+    decrease: string;
+    cancel: string;
+    accept: string;
+    split: string;
+};
+
 /**
  * @hidden
  */
 export declare function addItem(item: any, operation: 'before' | 'after' | 'child', childrenField: string, targetItemId: string, items: any[]): any[];
 
+/**
+ * @hidden
+ */
+export declare interface AllClassStructure extends AnimationsClassStructure, ButtonsClassStructure, DropDownsClassStructure, GridClassStructure, IconsClassStructure, LabelsClassStructure, FormClassStructure, PopupClassStructure, ButtonsClassStructure, PopupClassStructure, GridClassStructure, InputsClassStructure, DropDownsClassStructure, DateInputsClassStructure {
+}
+
+/**
+ * @hidden
+ */
+export declare interface AnimationsClassStructure {
+    uAnimation?: WidgetClassStructure;
+}
+
+/**
+ * @hidden
+ */
+export declare const animationStyles: {
+    [key: string]: string;
+};
+
 /**
  * @hidden
  */
@@ -77,6 +109,24 @@ export declare interface AutoScrollOptions {
     }> | null;
 }
 
+/**
+ * @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;
+    nodata: string;
+};
+
 /** @hidden */
 declare interface BaseDraggableEvent {
     /**
@@ -205,6 +255,24 @@ export declare class BrowserSupportService {
     get scrollbarWidth(): number;
 }
 
+/**
+ * @hidden
+ */
+export declare const buttonPrefix: string;
+
+/**
+ * @hidden
+ */
+export declare interface ButtonsClassStructure {
+    uButton?: WidgetClassStructure;
+    uDropDownButton?: WidgetClassStructure;
+}
+
+/**
+ * @hidden
+ */
+export declare const calendarPrefix: string;
+
 /**
  * @hidden
  */
@@ -260,6 +328,49 @@ export declare interface CollectionAction<T> {
     item: T;
 }
 
+/**
+ * @hidden
+ */
+export declare const components: {
+    actionsheet: string;
+    calendar: string;
+    buttongroup: string;
+    dateinput: string;
+    datetime: string;
+    datetimepicker: string;
+    dropdownlist: string;
+    maskedtextbox: string;
+    menu: string;
+    searchbox: string;
+    timepicker: 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
  */
@@ -268,6 +379,23 @@ declare function createId(childId: string | number, parentId?: string): string;
 /** @hidden */
 export declare const createPropsContext: <T extends unknown>() => React_2.Context<(p: T) => T>;
 
+/**
+ * @hidden
+ */
+export declare const cssUtils: {
+    center: string;
+    hbox: string;
+    vstack: string;
+    overflow: string;
+};
+
+/**
+ * @hidden
+ */
+export declare const cursor: {
+    default: string;
+};
+
 /**
  * @hidden
  */
@@ -284,6 +412,67 @@ export declare interface DataItemWrapper {
     dataIndex: number;
 }
 
+/**
+ * @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 interface DateInputsClassStructure {
+    uCalendar?: WidgetClassStructure;
+    uDateInput?: WidgetClassStructure;
+    uDateTimePicker?: WidgetClassStructure;
+    uTime?: WidgetClassStructure;
+    uTimePicker?: WidgetClassStructure;
+}
+
+/**
+ * @hidden
+ */
+export declare const ddbPrefix: string;
+
+/**
+ * @hidden
+ */
+export declare const dimensions: {
+    height: string;
+    width: string;
+};
+
+/**
+ * @hidden
+ */
+export declare const directionMap: {
+    up: string;
+    down: string;
+    left: string;
+    right: string;
+    start: string;
+    mid: string;
+    end: string;
+};
+
 /**
  * @hidden
  */
@@ -443,6 +632,20 @@ export declare interface DraggableProps extends DraggableOptions {
 export declare interface DraggableReleaseEvent extends BaseDraggableEvent {
 }
 
+/**
+ * @hidden
+ */
+export declare const dropDownListPrefix: string;
+
+/**
+ * @hidden
+ */
+export declare interface DropDownsClassStructure {
+    uDropDownsActionSheet?: WidgetClassStructure;
+    uDropDownsBase?: WidgetClassStructure;
+    uDropDownList?: WidgetClassStructure;
+}
+
 /**
  * Represents the KendoReact Droppable component.
  *
@@ -522,6 +725,28 @@ declare type ElementMouse = {
     [P in keyof Required<KendoMouse<any, any>>]: (event: React_2.MouseEvent<any>) => void;
 };
 
+/**
+ * @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;
+    link: string;
+    label: string;
+    ul: string;
+    caption: string;
+};
+
 /**
  * @hidden
  */
@@ -615,6 +840,11 @@ export declare interface FieldRenderPropsBase {
     [customProp: string]: any;
 }
 
+/**
+ * @hidden
+ */
+export declare const fillModeMap: PresetOption;
+
 /**
  * @hidden
  */
@@ -646,6 +876,14 @@ export declare const focusFirstFocusableChild: (element: HTMLElement, elementsSe
  */
 export declare const focusLastFocusableChild: (element: HTMLElement, elementsSelectors?: string[]) => void;
 
+/**
+ * @hidden
+ */
+export declare interface FormClassStructure {
+    uForm?: WidgetClassStructure;
+    uFormField?: WidgetClassStructure;
+}
+
 /**
  * @hidden
  */
@@ -747,6 +985,14 @@ export declare interface FormComponentValidity {
     readonly valueMissing: boolean;
 }
 
+/**
+ * @hidden
+ */
+export declare const forms: {
+    form: string;
+    field: string;
+};
+
 /**
  * @hidden
  */
@@ -847,6 +1093,37 @@ export declare const getTabIndex: (tabIndex?: number | string, disabled?: boolea
  */
 export declare function getter(field: string): (values: any) => any;
 
+/**
+ * @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 interface GridClassStructure {
+    uGrid?: WidgetClassStructure;
+}
+
+/**
+ * @hidden
+ */
+export declare const gridPrefix: string;
+
 /**
  * @hidden
  */
@@ -875,6 +1152,18 @@ export declare const hasRelativeStackingContext: (elementSource?: HTMLElement) =
  */
 export declare const Icon: React_2.ForwardRefExoticComponent<IconProps & React_2.RefAttributes<IconHandle | null>>;
 
+/**
+ * @hidden
+ */
+export declare const icon: {
+    prefix: string;
+    svg: string;
+    i: string;
+    color: string;
+    flipH: string;
+    flipV: string;
+};
+
 /**
  * Specifies the icon flip direction.
  *
@@ -907,6 +1196,13 @@ export declare interface IconProps extends BaseIconProps, KendoMouse<IconHandle,
     name?: string;
 }
 
+/**
+ * @hidden
+ */
+export declare interface IconsClassStructure {
+    uSvgIcon?: WidgetClassStructure;
+}
+
 /**
  * Represents a React Context which provides you with the option to configure the KendoReact components icons.
  */
@@ -971,6 +1267,37 @@ export declare type IconThemeColor = 'inherit' | 'primary' | 'secondary' | 'tert
  */
 export declare const IconWrap: React_2.ForwardRefExoticComponent<IconProps & SvgIconProps & React_2.RefAttributes<(IconHandle & SvgIconHandle) | null>>;
 
+/**
+ * @hidden
+ */
+export declare const inputPrefix: 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 interface InputsClassStructure {
+    uMaskedTextBox?: WidgetClassStructure;
+    uRadioGroup?: WidgetClassStructure;
+    uRadioButton?: WidgetClassStructure;
+    uTextBox?: WidgetClassStructure;
+    uInput?: WidgetClassStructure;
+}
+
 /**
  * @hidden
  */
@@ -1001,6 +1328,11 @@ export declare function isItemExpandedAndWithChildren(item: any, fieldsSvc: Tree
  */
 declare function isItemFirstFromSiblings(itemId: string): boolean;
 
+/**
+ * @hidden
+ */
+export declare const jsonTheme: KendoTheme;
+
 /**
  * @hidden
  */
@@ -1071,6 +1403,35 @@ export declare interface KendoReactComponentBaseProps {
     style?: React.CSSProperties;
 }
 
+/**
+ * @hidden
+ */
+export declare 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 interface KendoThemeMaps {
     sizeMap: Record<Exclude<any, null>, String>;
@@ -1141,6 +1502,28 @@ export declare const Keys: {
     delete: number;
 };
 
+/**
+ * @hidden
+ */
+export declare const labels: {
+    label: string;
+    text: string;
+    floatingLabel: string;
+    container: string;
+    hint: string;
+    error: string;
+};
+
+/**
+ * @hidden
+ */
+export declare interface LabelsClassStructure {
+    uError?: WidgetClassStructure;
+    uHint?: WidgetClassStructure;
+    uLabel?: WidgetClassStructure;
+    uFloatingLabel?: WidgetClassStructure;
+}
+
 /**
  * @hidden
  */
@@ -1193,6 +1576,11 @@ export declare const mapTreeItem: (tree: any[], level: number[], subItemsField:
  */
 export declare type MarginEnum = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'thin' | 'hair' | number;
 
+/**
+ * @hidden
+ */
+export declare const maskedPrefix: string;
+
 declare type MemoizedFn<TFunc extends (this: any, ...args: any[]) => any> = {
     clear: () => void;
     (this: ThisParameterType<TFunc>, ...args: Parameters<TFunc>): ReturnType<TFunc>;
@@ -1371,6 +1759,51 @@ export declare const noop: () => void;
 
 export { NormalizedDragEvent }
 
+/**
+ * @hidden
+ */
+export declare const orientationMap: PresetOption;
+
+/**
+ * @hidden
+ */
+export declare const pickerPrefix: string;
+
+/**
+ * @hidden
+ */
+export declare const popup: {
+    prefix: string;
+};
+
+/**
+ * @hidden
+ */
+export declare interface PopupClassStructure {
+    uPopup?: WidgetClassStructure;
+}
+
+declare type PresetOption = Record<Exclude<any, null>, string>;
+
+/**
+ * @hidden
+ */
+export declare const radioButtonClasses: {
+    [key: string]: any;
+};
+
+/**
+ * @hidden
+ */
+export declare const radioGroupClasses: {
+    [key: string]: any;
+};
+
+/**
+ * @hidden
+ */
+export declare const radioPrefix: string;
+
 /**
  * @hidden
  */
@@ -1386,6 +1819,11 @@ export declare function resolveItemId(publicId: any, idField: string, items: any
  */
 export declare function resolveItemsIds(publicIds: any[], idField: string, items: any[], childrenField: string): string[];
 
+/**
+ * @hidden
+ */
+export declare const roundedMap: PresetOption;
+
 /**
  * @hidden
  */
@@ -1432,6 +1870,11 @@ export declare function setter(field: string): any;
  */
 export declare function shouldShowValidationUI(packageMetadata: any): boolean;
 
+/**
+ * @hidden
+ */
+export declare const sizeMap: PresetOption;
+
 /**
  * @hidden
  */
@@ -1441,6 +1884,44 @@ export declare class SortedPublicItemIds {
     hasId(publicItemId: any): boolean;
 }
 
+/**
+ * @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;
+    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
  */
@@ -1528,6 +2009,11 @@ export declare const svgIconPropType: PropTypes.Requireable<PropTypes.InferProps
  */
 export declare const TABBABLE_ELEMENTS: string[];
 
+/**
+ * @hidden
+ */
+export declare const themeColorMap: PresetOption;
+
 /**
  * @hidden
  */
@@ -1739,11 +2225,121 @@ export declare interface TypographyProps extends KendoReactComponentBaseProps {
     [customProp: string]: any;
 }
 
+/**
+ * @hidden
+ */
+export declare const uAnimation: WidgetClassStructure;
+
+/**
+ * @hidden
+ */
+export declare const uButton: WidgetClassStructure;
+
+/**
+ * @hidden
+ */
+export declare const uCalendar: WidgetClassStructure;
+
+/**
+ * @hidden
+ */
+export declare const uDateInput: WidgetClassStructure;
+
+/**
+ * @hidden
+ */
+export declare const uDateTimePicker: WidgetClassStructure;
+
+/**
+ * @hidden
+ */
+export declare const uDropDownButton: WidgetClassStructure;
+
+/**
+ * @hidden
+ */
+export declare const uDropDownList: WidgetClassStructure;
+
+/**
+ * @hidden
+ */
+export declare const uDropDownsActionSheet: WidgetClassStructure;
+
+/**
+ * @hidden
+ */
+export declare const uDropDownsBase: WidgetClassStructure;
+
+/**
+ * @hidden
+ */
+export declare const uError: WidgetClassStructure;
+
+/**
+ * @hidden
+ */
+export declare const uFloatingLabel: WidgetClassStructure;
+
+/**
+ * @hidden
+ */
+export declare const uForm: WidgetClassStructure;
+
+/**
+ * @hidden
+ */
+export declare const uFormField: WidgetClassStructure;
+
+/**
+ * @hidden
+ */
+export declare const uGrid: WidgetClassStructure;
+
+/**
+ * @hidden
+ */
+export declare const uHint: WidgetClassStructure;
+
+/**
+ * @hidden
+ */
+export declare const uInput: WidgetClassStructure;
+
+/**
+ * @hidden
+ */
+export declare const uLabel: WidgetClassStructure;
+
+/**
+ * @hidden
+ */
+export declare const uMaskedTextBox: WidgetClassStructure;
+
+/**
+ * @hidden
+ */
+export declare const UnstyledContext: React_3.Context<any>;
+
 /**
  * @hidden
  */
 export declare function updateItem(items: any[], itemId: string, update: (item: any) => void, cloneField: string, childrenField: string): any[];
 
+/**
+ * @hidden
+ */
+export declare const uPopup: WidgetClassStructure;
+
+/**
+ * @hidden
+ */
+export declare const uRadioButton: WidgetClassStructure;
+
+/**
+ * @hidden
+ */
+export declare const uRadioGroup: WidgetClassStructure;
+
 /**
  * An utility function for asynchronous focus/blur handling.
  *
@@ -1843,6 +2439,11 @@ export declare const usePropsContext: <T extends unknown>(context: React_2.Conte
  */
 export declare function useRtl(elementRef: React_2.RefObject<HTMLElement | null>, initialDir?: string, args?: any): string | undefined;
 
+/**
+ * @hidden
+ */
+export declare const useUnstyled: () => AllClassStructure | undefined;
+
 /**
  * Returns a function, which gets the `defaultView` based on the `ownerDocument` of the element.
  */
@@ -1853,6 +2454,26 @@ export declare const useWindow: (ref: React_2.RefObject<HTMLElement | null | {
 /** @hidden */
 export declare const useZIndexContext: () => ZIndexContextType;
 
+/**
+ * @hidden
+ */
+export declare const uSvgIcon: WidgetClassStructure;
+
+/**
+ * @hidden
+ */
+export declare const uTextBox: WidgetClassStructure;
+
+/**
+ * @hidden
+ */
+export declare const uTime: WidgetClassStructure;
+
+/**
+ * @hidden
+ */
+export declare const uTimePicker: WidgetClassStructure;
+
 /**
  * @hidden
  */
@@ -1864,12 +2485,26 @@ export declare const validatePackage: typeof validatePackage_2;
  */
 export declare const WatermarkOverlay: () => JSX_2.Element;
 
+/**
+ * @hidden
+ */
+export declare interface WidgetClassStructure {
+    [key: string]: ((props: {
+        [key: string]: any;
+    }) => {
+        [key: string]: boolean;
+    } | string);
+}
+
 /** @hidden */
 export declare const withIdHOC: <P extends object>(Component: React_2.ComponentType<P>) => React_2.ForwardRefExoticComponent<React_2.PropsWithoutRef<P> & React_2.RefAttributes<any>>;
 
 /** @hidden */
 export declare const withPropsContext: <T extends unknown>(context: React_2.Context<(p: T) => T>, Component: React_2.ComponentType<T>) => React_2.ForwardRefExoticComponent<React_2.PropsWithoutRef<T> & React_2.RefAttributes<any>>;
 
+/** @hidden */
+export declare const withUnstyledHOC: <P extends object>(Component: React_2.ComponentType<P>) => React_2.ForwardRefExoticComponent<React_2.PropsWithoutRef<P> & React_2.RefAttributes<any>>;
+
 /**
  * @hidden
  */