UNPKG

@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
/** * @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;