@progress/kendo-react-common 12.0.2-develop.1 → 12.0.2-develop.2

package/index.d.mts

@@ -74,7 +74,7 @@ export declare interface AdaptiveModeContextType {
 export declare function addItem(item: any, operation: 'before' | 'after' | 'child', childrenField: string, targetItemId: string, items: any[]): any[];
 
 /**
- * All classes
+ * All classes - Comprehensive structure containing all component styling configurations
  */
 export declare interface AllClassStructure extends AnimationsClassStructure, ButtonsClassStructure, DropDownsClassStructure, GridClassStructure, IconsClassStructure, LabelsClassStructure, FormClassStructure, PopupClassStructure, ButtonsClassStructure, PopupClassStructure, GridClassStructure, InputsClassStructure, DropDownsClassStructure, DateInputsClassStructure {
 }
@@ -117,6 +117,7 @@ export declare interface AnimationClasses {
  * Animation classes
  */
 export declare interface AnimationsClassStructure {
+    /** Animation styles and transition configuration */
     uAnimation?: AnimationClasses;
 }
 
@@ -429,8 +430,11 @@ export declare const buttonPrefix: string;
  * Buttons classes
  */
 export declare interface ButtonsClassStructure {
+    /** Button component styling configuration */
     uButton?: ButtonClasses;
+    /** Button group styling configuration */
     uButtonGroup?: ButtonGroupClasses;
+    /** Drop-down button styling configuration */
     uDropDownButton?: DropDownButtonClasses;
 }
 
@@ -962,10 +966,15 @@ export declare const dateInputs: {
  * DateInputs classes
  */
 export declare interface DateInputsClassStructure {
+    /** Calendar styling configuration */
     uCalendar?: CalendarClasses;
+    /** Date input styling configuration */
     uDateInput?: DateInputClasses;
+    /** Date time picker styling configuration */
     uDateTimePicker?: DateTimePickerClasses;
+    /** Time component styling configuration */
     uTime?: TimeClasses;
+    /** Time picker styling configuration */
     uTimePicker?: TimePickerClasses;
 }
 
@@ -1547,9 +1556,13 @@ export declare interface DropDownsActionSheetClasses {
  * DropDowns classes
  */
 export declare interface DropDownsClassStructure {
+    /** DropDown action sheet styling configuration */
     uDropDownsActionSheet?: DropDownsActionSheetClasses;
+    /** Base DropDown styling configuration */
     uDropDownsBase?: DropDownBaseClasses;
+    /** DropDown list styling configuration */
     uDropDownList?: DropDownListClasses;
+    /** ComboBox styling configuration */
     uComboBox?: ComboBoxClasses;
 }
 
@@ -1937,6 +1950,7 @@ export declare interface FormClasses {
  * Form classes
  */
 export declare interface FormClassStructure {
+    /** Form component styling configuration */
     uForm?: FormClasses;
 }
 
@@ -2028,16 +2042,49 @@ export declare interface FormComponentProps {
  * * [Switch]({% slug forms_support_switch %})
  */
 export declare interface FormComponentValidity {
+    /**
+     * Indicates whether the user has provided input in the user interface element that the user agent is unable to convert.
+     */
     readonly badInput?: boolean;
+    /**
+     * Indicates whether the element has a custom error.
+     */
     readonly customError: boolean;
+    /**
+     * Indicates whether the value does not match the specified pattern.
+     */
     readonly patternMismatch?: boolean;
+    /**
+     * Indicates whether the value is greater than the maximum specified by the max attribute.
+     */
     readonly rangeOverflow?: boolean;
+    /**
+     * Indicates whether the value is less than the minimum specified by the min attribute.
+     */
     readonly rangeUnderflow?: boolean;
+    /**
+     * Indicates whether the value does not fit the rules determined by the step attribute.
+     */
     readonly stepMismatch?: boolean;
+    /**
+     * Indicates whether the value exceeds the specified maxlength.
+     */
     readonly tooLong?: boolean;
+    /**
+     * Indicates whether the value fails to meet the specified minlength.
+     */
     readonly tooShort?: boolean;
+    /**
+     * Indicates whether the value is not in the correct syntax when type is email or url.
+     */
     readonly typeMismatch?: boolean;
+    /**
+     * Indicates whether the element meets all constraint validations and is therefore considered valid.
+     */
     readonly valid: boolean;
+    /**
+     * Indicates whether the element has no value but is a required field.
+     */
     readonly valueMissing: boolean;
 }
 
@@ -2187,6 +2234,7 @@ export declare const grid: {
  * @hidden
  */
 export declare interface GridClassStructure {
+    /** Grid component styling configuration */
     uGrid?: WidgetClassStructure;
 }
 
@@ -2308,6 +2356,7 @@ export declare interface IconProps extends BaseIconProps, KendoMouse<IconHandle,
  * Icons classes
  */
 export declare interface IconsClassStructure {
+    /** SVG icon styling configuration */
     uSvgIcon?: SVGIconClasses;
 }
 
@@ -2417,10 +2466,15 @@ export declare const inputs: {
  * Inputs classes
  */
 export declare interface InputsClassStructure {
+    /** Masked text box styling configuration */
     uMaskedTextBox?: MaskedTextBoxClasses;
+    /** Radio group styling configuration */
     uRadioGroup?: RadioGroupClasses;
+    /** Radio button styling configuration */
     uRadioButton?: RadioButtonClasses;
+    /** Text box styling configuration */
     uTextBox?: TextBoxClasses;
+    /** Input component styling configuration */
     uInput?: InputClasses;
 }
 
@@ -2471,19 +2525,52 @@ export declare const jsonTheme: KendoTheme;
 export declare const keepFocusInContainer: (e: React.KeyboardEvent, containerElement?: HTMLElement | null, elementsSelectors?: string[]) => void;
 
 export declare interface KendoMouse<T, E extends HTMLElement> {
+    /**
+     * Fired when the mouse button is pressed down on the element.
+     */
     onMouseDown?: (args: KendoMouseEvent<T, E>) => void;
+    /**
+     * Fired when the mouse button is released over the element.
+     */
     onMouseUp?: (args: KendoMouseEvent<T, E>) => void;
+    /**
+     * Fired when the element is clicked.
+     */
     onClick?: (args: KendoMouseEvent<T, E>) => void;
+    /**
+     * Fired when the element is double-clicked.
+     */
     onDoubleClick?: (args: KendoMouseEvent<T, E>) => void;
+    /**
+     * Fired when the mouse pointer enters the element.
+     */
     onMouseEnter?: (args: KendoMouseEvent<T, E>) => void;
+    /**
+     * Fired when the mouse pointer leaves the element.
+     */
     onMouseLeave?: (args: KendoMouseEvent<T, E>) => void;
+    /**
+     * Fired when the mouse pointer moves over the element.
+     */
     onMouseMove?: (args: KendoMouseEvent<T, E>) => void;
+    /**
+     * Fired when the mouse pointer leaves the element or any of its child elements.
+     */
     onMouseOut?: (args: KendoMouseEvent<T, E>) => void;
+    /**
+     * Fired when the mouse pointer moves over the element or any of its child elements.
+     */
     onMouseOver?: (args: KendoMouseEvent<T, E>) => void;
 }
 
 export declare interface KendoMouseEvent<T, E extends HTMLElement = HTMLElement> {
+    /**
+     * The React synthetic mouse event that triggered the action.
+     */
     syntheticEvent: React_2.MouseEvent<E>;
+    /**
+     * The target object that is associated with the event.
+     */
     target: T;
 }
 
@@ -2664,9 +2751,13 @@ export declare const labels: {
  * Labels classes
  */
 export declare interface LabelsClassStructure {
+    /** Error message styling configuration */
     uError?: ErrorClasses;
+    /** Hint text styling configuration */
     uHint?: HintClasses;
+    /** Label styling configuration */
     uLabel?: LabelClasses;
+    /** Floating label styling configuration */
     uFloatingLabel?: FloatingLabelClasses;
 }
 
@@ -2986,6 +3077,7 @@ export declare interface PopupClasses {
  * Popup classes
  */
 export declare interface PopupClassStructure {
+    /** Popup component styling configuration */
     uPopup?: PopupClasses;
 }
 

package/index.d.ts

@@ -74,7 +74,7 @@ export declare interface AdaptiveModeContextType {
 export declare function addItem(item: any, operation: 'before' | 'after' | 'child', childrenField: string, targetItemId: string, items: any[]): any[];
 
 /**
- * All classes
+ * All classes - Comprehensive structure containing all component styling configurations
  */
 export declare interface AllClassStructure extends AnimationsClassStructure, ButtonsClassStructure, DropDownsClassStructure, GridClassStructure, IconsClassStructure, LabelsClassStructure, FormClassStructure, PopupClassStructure, ButtonsClassStructure, PopupClassStructure, GridClassStructure, InputsClassStructure, DropDownsClassStructure, DateInputsClassStructure {
 }
@@ -117,6 +117,7 @@ export declare interface AnimationClasses {
  * Animation classes
  */
 export declare interface AnimationsClassStructure {
+    /** Animation styles and transition configuration */
     uAnimation?: AnimationClasses;
 }
 
@@ -429,8 +430,11 @@ export declare const buttonPrefix: string;
  * Buttons classes
  */
 export declare interface ButtonsClassStructure {
+    /** Button component styling configuration */
     uButton?: ButtonClasses;
+    /** Button group styling configuration */
     uButtonGroup?: ButtonGroupClasses;
+    /** Drop-down button styling configuration */
     uDropDownButton?: DropDownButtonClasses;
 }
 
@@ -962,10 +966,15 @@ export declare const dateInputs: {
  * DateInputs classes
  */
 export declare interface DateInputsClassStructure {
+    /** Calendar styling configuration */
     uCalendar?: CalendarClasses;
+    /** Date input styling configuration */
     uDateInput?: DateInputClasses;
+    /** Date time picker styling configuration */
     uDateTimePicker?: DateTimePickerClasses;
+    /** Time component styling configuration */
     uTime?: TimeClasses;
+    /** Time picker styling configuration */
     uTimePicker?: TimePickerClasses;
 }
 
@@ -1547,9 +1556,13 @@ export declare interface DropDownsActionSheetClasses {
  * DropDowns classes
  */
 export declare interface DropDownsClassStructure {
+    /** DropDown action sheet styling configuration */
     uDropDownsActionSheet?: DropDownsActionSheetClasses;
+    /** Base DropDown styling configuration */
     uDropDownsBase?: DropDownBaseClasses;
+    /** DropDown list styling configuration */
     uDropDownList?: DropDownListClasses;
+    /** ComboBox styling configuration */
     uComboBox?: ComboBoxClasses;
 }
 
@@ -1937,6 +1950,7 @@ export declare interface FormClasses {
  * Form classes
  */
 export declare interface FormClassStructure {
+    /** Form component styling configuration */
     uForm?: FormClasses;
 }
 
@@ -2028,16 +2042,49 @@ export declare interface FormComponentProps {
  * * [Switch]({% slug forms_support_switch %})
  */
 export declare interface FormComponentValidity {
+    /**
+     * Indicates whether the user has provided input in the user interface element that the user agent is unable to convert.
+     */
     readonly badInput?: boolean;
+    /**
+     * Indicates whether the element has a custom error.
+     */
     readonly customError: boolean;
+    /**
+     * Indicates whether the value does not match the specified pattern.
+     */
     readonly patternMismatch?: boolean;
+    /**
+     * Indicates whether the value is greater than the maximum specified by the max attribute.
+     */
     readonly rangeOverflow?: boolean;
+    /**
+     * Indicates whether the value is less than the minimum specified by the min attribute.
+     */
     readonly rangeUnderflow?: boolean;
+    /**
+     * Indicates whether the value does not fit the rules determined by the step attribute.
+     */
     readonly stepMismatch?: boolean;
+    /**
+     * Indicates whether the value exceeds the specified maxlength.
+     */
     readonly tooLong?: boolean;
+    /**
+     * Indicates whether the value fails to meet the specified minlength.
+     */
     readonly tooShort?: boolean;
+    /**
+     * Indicates whether the value is not in the correct syntax when type is email or url.
+     */
     readonly typeMismatch?: boolean;
+    /**
+     * Indicates whether the element meets all constraint validations and is therefore considered valid.
+     */
     readonly valid: boolean;
+    /**
+     * Indicates whether the element has no value but is a required field.
+     */
     readonly valueMissing: boolean;
 }
 
@@ -2187,6 +2234,7 @@ export declare const grid: {
  * @hidden
  */
 export declare interface GridClassStructure {
+    /** Grid component styling configuration */
     uGrid?: WidgetClassStructure;
 }
 
@@ -2308,6 +2356,7 @@ export declare interface IconProps extends BaseIconProps, KendoMouse<IconHandle,
  * Icons classes
  */
 export declare interface IconsClassStructure {
+    /** SVG icon styling configuration */
     uSvgIcon?: SVGIconClasses;
 }
 
@@ -2417,10 +2466,15 @@ export declare const inputs: {
  * Inputs classes
  */
 export declare interface InputsClassStructure {
+    /** Masked text box styling configuration */
     uMaskedTextBox?: MaskedTextBoxClasses;
+    /** Radio group styling configuration */
     uRadioGroup?: RadioGroupClasses;
+    /** Radio button styling configuration */
     uRadioButton?: RadioButtonClasses;
+    /** Text box styling configuration */
     uTextBox?: TextBoxClasses;
+    /** Input component styling configuration */
     uInput?: InputClasses;
 }
 
@@ -2471,19 +2525,52 @@ export declare const jsonTheme: KendoTheme;
 export declare const keepFocusInContainer: (e: React.KeyboardEvent, containerElement?: HTMLElement | null, elementsSelectors?: string[]) => void;
 
 export declare interface KendoMouse<T, E extends HTMLElement> {
+    /**
+     * Fired when the mouse button is pressed down on the element.
+     */
     onMouseDown?: (args: KendoMouseEvent<T, E>) => void;
+    /**
+     * Fired when the mouse button is released over the element.
+     */
     onMouseUp?: (args: KendoMouseEvent<T, E>) => void;
+    /**
+     * Fired when the element is clicked.
+     */
     onClick?: (args: KendoMouseEvent<T, E>) => void;
+    /**
+     * Fired when the element is double-clicked.
+     */
     onDoubleClick?: (args: KendoMouseEvent<T, E>) => void;
+    /**
+     * Fired when the mouse pointer enters the element.
+     */
     onMouseEnter?: (args: KendoMouseEvent<T, E>) => void;
+    /**
+     * Fired when the mouse pointer leaves the element.
+     */
     onMouseLeave?: (args: KendoMouseEvent<T, E>) => void;
+    /**
+     * Fired when the mouse pointer moves over the element.
+     */
     onMouseMove?: (args: KendoMouseEvent<T, E>) => void;
+    /**
+     * Fired when the mouse pointer leaves the element or any of its child elements.
+     */
     onMouseOut?: (args: KendoMouseEvent<T, E>) => void;
+    /**
+     * Fired when the mouse pointer moves over the element or any of its child elements.
+     */
     onMouseOver?: (args: KendoMouseEvent<T, E>) => void;
 }
 
 export declare interface KendoMouseEvent<T, E extends HTMLElement = HTMLElement> {
+    /**
+     * The React synthetic mouse event that triggered the action.
+     */
     syntheticEvent: React_2.MouseEvent<E>;
+    /**
+     * The target object that is associated with the event.
+     */
     target: T;
 }
 
@@ -2664,9 +2751,13 @@ export declare const labels: {
  * Labels classes
  */
 export declare interface LabelsClassStructure {
+    /** Error message styling configuration */
     uError?: ErrorClasses;
+    /** Hint text styling configuration */
     uHint?: HintClasses;
+    /** Label styling configuration */
     uLabel?: LabelClasses;
+    /** Floating label styling configuration */
     uFloatingLabel?: FloatingLabelClasses;
 }
 
@@ -2986,6 +3077,7 @@ export declare interface PopupClasses {
  * Popup classes
  */
 export declare interface PopupClassStructure {
+    /** Popup component styling configuration */
     uPopup?: PopupClasses;
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-common",
-  "version": "12.0.2-develop.1",
+  "version": "12.0.2-develop.2",
   "description": "React Common package delivers common utilities that can be used with the KendoReact UI components. KendoReact Common Utilities package",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",