@progress/kendo-react-common
Version:
React Common package delivers common utilities that can be used with the KendoReact UI components. KendoReact Common Utilities package
315 lines (314 loc) • 11.4 kB
TypeScript
/**
* @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 DropDownBaseListItemClasses {
/** Main class for the list item */
main?: string;
/** Class for the selected state of the list item */
selected?: string;
/** Class for the focused state of the list item */
focused?: string;
/** Class for the first item in the list */
first?: string;
/** Class for the disabled state of the list item */
disabled?: string;
}
export interface DropDownBaseGroupLiClasses {
/** Class for the list of grouped items */
list?: string;
/** Class for the table representation of grouped items */
table?: string;
}
export interface DropDownBaseGroupItemClasses {
/** Class for the text of list items in a group */
list?: string;
/** Class for the header cell text in a group table */
table?: string;
}
export interface DropDownBaseOptionLabelClasses {
/** Main class for the option label */
main?: string;
/** Class for the selected state of the option label */
selected?: string;
}
export interface DropDownBaseClasses {
/** Class for the clear button */
clearButton?: string;
/** Class for the sticky header of the grouped list */
groupStickyHeader?: string;
/** Class for the header text in the list */
listHeaderText?: string;
/** Class for the unordered list element */
ul?: string;
/** List item configurations */
li?: DropDownBaseListItemClasses;
/** Grouped list item configurations */
groupLi?: DropDownBaseGroupLiClasses;
/** Class for the text of regular list items */
itemText?: string;
/** Grouped item text configurations */
groupItemText?: DropDownBaseGroupItemClasses;
/** Class for the label of grouped items */
itemGroupLabel?: string;
/** Class for displaying no data message */
noData?: string;
/** Class for the height container */
heightContainer?: string;
/** Option label configurations */
optionLabel?: DropDownBaseOptionLabelClasses;
/** Class for the inner input */
inputInner?: string;
/** Class for the input icon */
inputIcon?: string;
/** Class for the search box component */
searchbox?: string;
/** Class for the list filter */
listFilter?: string;
}
/**
* @hidden
*/
export declare const uDropDownsBase: WidgetClassStructure;
export interface DropDownsActionSheetClasses {
/** Wrapper configurations for the action sheet component */
wrapper?: {
/** Main class for the action sheet */
main?: string;
/** Class for the fullscreen state of the action sheet */
fullscreen?: string;
/** Class for the bottom state of the action sheet */
bottom?: string;
};
/** Class for the header text, centered */
header?: string;
/** Title bar configurations for the action sheet */
titleBar?: {
/** Main class for the title bar within the action sheet */
main?: string;
/** Class for positioning the title bar horizontally */
position?: string;
};
/** Class for the title of the action sheet */
title?: string;
/** Subtitle configurations for the action sheet */
subtitle?: {
/** Main class for the subtitle in the action sheet */
main?: string;
/** Class for centered text in the subtitle */
textCenter?: string;
};
/** Class for the actions container within the action sheet */
actions?: string;
/** Title bar group configurations for the action sheet */
titleBarGroup?: {
/** Main class for the title bar group */
main?: string;
/** Class for the filter within the action sheet */
filter?: string;
};
}
/**
* @hidden
*/
export declare const uDropDownsActionSheet: WidgetClassStructure;
export interface DropDownListClasses {
/** Wrapper configurations for the dropdown list component */
wrapper?: {
/** Main class for the dropdown list */
main?: string;
/** Class for the picker element */
picker?: string;
/** Size configurations for the picker */
size?: {
/** Class for the small size of the picker */
small?: string;
/** Class for the medium size of the picker */
medium?: string;
/** Class for the large size of the picker */
large?: string;
};
/** Fill mode configurations for the picker */
fillMode?: {
/** Class for the solid fill mode of the picker */
solid?: string;
/** Class for the outline fill mode of the picker */
outline?: string;
/** Class for the flat fill mode of the picker */
flat?: string;
/** Class for the link fill mode of the picker */
link?: string;
/** Class for the clear fill mode of the picker */
clear?: string;
};
/** Rounded configurations for the picker */
rounded?: {
/** Class for the small rounded picker */
small?: string;
/** Class for the medium rounded picker */
medium?: string;
/** Class for the large rounded picker */
large?: string;
};
/** Class for the disabled state of the picker */
disabled?: string;
/** Class for the focused state of the picker */
focused?: string;
/** Class for the invalid state of the picker */
invalid?: string;
/** Class for the loading state of the picker */
loading?: string;
/** Class for the required state of the picker */
required?: string;
};
/** Class for the loading icon associated with the input */
loadingIcon?: string;
/** Class for the input button within the dropdown list */
inputButton?: string;
/** List container configurations for the dropdown list */
listContainer?: {
/** Main class for the list container */
main?: string;
/** Class for the popup within the dropdown list */
popup?: string;
};
/** Class for the inner input of the dropdown list */
inputInner?: string;
/** Class for the input text of the dropdown list */
inputText?: string;
/** Class for the header of the list within the dropdown */
listHeader?: string;
/** List configurations for the dropdown list */
list?: {
/** Main class for the list */
main?: string;
/** Size configurations for the list */
size?: {
/** Class for the small size of the list */
small?: string;
/** Class for the medium size of the list */
medium?: string;
/** Class for the large size of the list */
large?: string;
};
/** Class for the virtual list configuration */
virtual?: string;
};
/** Class for the content of the list within the dropdown */
listContent?: string;
/** Class for the footer of the list within the dropdown */
listFooter?: string;
}
/**
* @hidden
*/
export declare const uDropDownList: WidgetClassStructure;
export interface ComboBoxClasses {
/** Wrapper configurations for the combo box component */
wrapper?: {
/** Main prefix for the combo box */
main?: string;
/** Class for the input element */
input?: string;
/** Size configurations for the input */
size?: {
/** Class for the small size of the input */
small?: string;
/** Class for the medium size of the input */
medium?: string;
/** Class for the large size of the input */
large?: string;
};
/** Fill mode configurations for the input */
fillMode?: {
/** Class for the solid fill mode of the input */
solid?: string;
/** Class for the outline fill mode of the input */
outline?: string;
/** Class for the flat fill mode of the input */
flat?: string;
/** Class for the link fill mode of the input */
link?: string;
/** Class for the clear fill mode of the input */
clear?: string;
};
/** Rounded configurations for the input */
rounded?: {
/** Class for the small rounded input */
small?: string;
/** Class for the medium rounded input */
medium?: string;
/** Class for the large rounded input */
large?: string;
};
/** Class for the disabled state of the input */
disabled?: string;
/** Class for the invalid state of the input */
invalid?: string;
/** Class for the loading state of the input */
loading?: string;
/** Class for the required state of the input */
required?: string;
};
/** Class for the loading icon associated with the input */
loadingIcon?: string;
/** Class for the input button within the combo box */
inputButton?: string;
/** List container configurations for the combo box */
listContainer?: {
/** Main prefix for the list container */
main?: string;
/** Class for the popup within the combo box */
popup?: string;
};
/** Class for the header of the list within the combo box */
listHeader?: string;
/** List configurations for the combo box */
list?: {
/** Main prefix for the list */
list?: string;
/** Class for the table element within the list */
table?: string;
/** Size configurations for the list */
size?: {
/** Class for the list size */
prefix?: string;
/** Class for the small size of the list */
small?: string;
/** Class for the medium size of the list */
medium?: string;
/** Class for the large size of the list */
large?: string;
};
/** Table size configurations for the list */
tableSize?: {
/** Class for the table size */
prefix?: string;
/** Class for the small size of the table */
small?: string;
/** Class for the medium size of the table */
medium?: string;
/** Class for the large size of the table */
large?: string;
};
/** Class for the virtual list configuration */
virtual?: string;
};
/** List content configurations for the combo box */
listContent?: {
/** Main prefix for the list content */
main?: string;
/** Class for the scroller within the list content */
scroller?: string;
};
/** Class for the footer of the list within the combo box */
listFooter?: string;
}
/**
* @hidden
*/
export declare const uComboBox: WidgetClassStructure;