@progress/kendo-react-common 13.3.0-develop.9 → 13.4.0-develop.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Draggable.d.ts +93 -0
- package/Droppable.d.ts +84 -0
- package/FormComponent.d.ts +218 -0
- package/apply-default-props.d.ts +13 -0
- package/browser-support.service.d.ts +14 -0
- package/canUseDOM.d.ts +11 -0
- package/canUseRef.d.ts +12 -0
- package/classNames.d.ts +15 -0
- package/clone.d.ts +27 -0
- package/constants/main.d.ts +27 -0
- package/contexts/AdaptiveModeContext.d.ts +50 -0
- package/contexts/AdaptiveModeContext.mjs +2 -2
- package/contexts/ZIndexContext.d.ts +14 -0
- package/deep-merge.d.ts +13 -0
- package/dist/cdn/js/kendo-react-common.js +1 -1
- package/drag-n-drop/context/index.d.ts +24 -0
- package/drag-n-drop/index.d.ts +33 -0
- package/events/BaseEvent.d.ts +25 -0
- package/events/dispatchEvent.d.ts +21 -0
- package/fieldList.d.ts +11 -0
- package/fileExtensionIcon.d.ts +12 -0
- package/getActiveElement.d.ts +15 -0
- package/getTabIndex.d.ts +11 -0
- package/getter.d.ts +21 -0
- package/guid.d.ts +11 -0
- package/hasRelativeStackingContext.d.ts +9 -0
- package/hocs/AsyncFocusBlur.d.ts +20 -0
- package/hocs/use-adaptive-mode-hoc.d.ts +10 -0
- package/hocs/use-id-hoc.d.ts +10 -0
- package/hocs/use-unstyled-hoc.d.ts +10 -0
- package/hocs/withPropsContext.d.ts +12 -0
- package/hocs/withzIndexContext.d.ts +10 -0
- package/hooks/index.d.ts +19 -0
- package/hooks/use-id.d.ts +9 -0
- package/hooks/use-immediate-inherit-state.d.ts +13 -0
- package/hooks/use-isomorphic-layout-effect.d.ts +10 -0
- package/hooks/useAsyncFocusBlur.d.ts +32 -0
- package/hooks/useCollection.d.ts +21 -0
- package/hooks/useControlledState.d.ts +11 -0
- package/hooks/useCustomComponent.d.ts +16 -0
- package/hooks/useDir.d.ts +12 -0
- package/hooks/useDocument.d.ts +14 -0
- package/hooks/useDraggable.d.ts +75 -0
- package/hooks/useDroppable.d.ts +46 -0
- package/hooks/useInheritedState.d.ts +23 -0
- package/hooks/useMouse.d.ts +27 -0
- package/hooks/usePointer.d.ts +28 -0
- package/hooks/usePropsContext.d.ts +10 -0
- package/hooks/useRtl.d.ts +12 -0
- package/hooks/useTouch.d.ts +22 -0
- package/hooks/useWindow.d.ts +14 -0
- package/icons/BaseIconProps.d.ts +79 -0
- package/icons/Icon.d.ts +41 -0
- package/icons/IconWrap.d.ts +14 -0
- package/icons/IconsContext.d.ts +28 -0
- package/icons/SvgIcon.d.ts +77 -0
- package/icons/constants.d.ts +20 -0
- package/icons/models/flip.d.ts +18 -0
- package/icons/models/size.d.ts +22 -0
- package/icons/models/theme-color.d.ts +28 -0
- package/icons/utils.d.ts +24 -0
- package/index.d.mts +74 -4288
- package/index.d.ts +74 -4288
- package/keys.d.ts +47 -0
- package/memoize.d.ts +17 -0
- package/models/auto-scroll-options.d.ts +29 -0
- package/models/index.d.ts +12 -0
- package/models/kendoReactComponentBaseProps.d.ts +30 -0
- package/models/mouse.d.ts +56 -0
- package/models/pointer.d.ts +30 -0
- package/models/touch.d.ts +24 -0
- package/navigation.d.ts +166 -0
- package/noop.d.ts +11 -0
- package/package.json +1 -1
- package/rowHeightService.d.ts +31 -0
- package/scrollbarWidth.d.ts +15 -0
- package/setter.d.ts +23 -0
- package/theme.d.ts +15 -0
- package/trappedFocus.d.ts +44 -0
- package/tree-utils/FieldsService.d.ts +32 -0
- package/tree-utils/SortedPublicItemIds.d.ts +15 -0
- package/tree-utils/itemIdUtils.d.ts +67 -0
- package/tree-utils/itemIdUtils.mjs +51 -51
- package/tree-utils/itemUtils.d.ts +52 -0
- package/tree-utils/misc.d.ts +15 -0
- package/treeDataOperations.d.ts +46 -0
- package/typography/Typography.d.ts +41 -0
- package/typography/TypographyProps.d.ts +127 -0
- package/typography/constants.d.ts +91 -0
- package/typography/models/margin.d.ts +30 -0
- package/unstyled/animations.d.ts +96 -0
- package/unstyled/buttons.d.ts +186 -0
- package/unstyled/buttons.js +1 -1
- package/unstyled/buttons.mjs +104 -194
- package/unstyled/dateinputs.d.ts +397 -0
- package/unstyled/dateinputs.mjs +19 -19
- package/unstyled/dropdowns.d.ts +314 -0
- package/unstyled/dropdowns.mjs +1 -1
- package/unstyled/form.d.ts +71 -0
- package/unstyled/form.mjs +1 -1
- package/unstyled/grid.d.ts +12 -0
- package/unstyled/grid.js +1 -1
- package/unstyled/grid.mjs +51 -50
- package/unstyled/icons.d.ts +89 -0
- package/unstyled/icons.mjs +1 -1
- package/unstyled/inputs.d.ts +213 -0
- package/unstyled/inputs.mjs +14 -14
- package/unstyled/interfaces/common.d.ts +138 -0
- package/unstyled/json-classes.d.ts +378 -0
- package/unstyled/labels.d.ts +99 -0
- package/unstyled/main.d.ts +34 -0
- package/unstyled/popup.d.ts +123 -0
- package/unstyled/popup.mjs +3 -3
- package/validate-package.d.ts +38 -0
- package/watermark/WatermarkOverlay.d.ts +21 -0
package/Draggable.d.ts
ADDED
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
import { DraggableOptions, DraggableHandle } from './hooks/index.js';
|
|
9
|
+
import { NormalizedDragEvent } from '@progress/kendo-draggable-common';
|
|
10
|
+
import * as React from 'react';
|
|
11
|
+
/** @hidden */
|
|
12
|
+
interface BaseDraggableEvent {
|
|
13
|
+
/**
|
|
14
|
+
* The DOM element.
|
|
15
|
+
*/
|
|
16
|
+
element: HTMLElement;
|
|
17
|
+
/**
|
|
18
|
+
* The target Draggable reference.
|
|
19
|
+
*/
|
|
20
|
+
target: DraggableHandle;
|
|
21
|
+
/**
|
|
22
|
+
* The normalized drag event.
|
|
23
|
+
*/
|
|
24
|
+
event: NormalizedDragEvent;
|
|
25
|
+
}
|
|
26
|
+
/**
|
|
27
|
+
* Represents the object of the `onPress` callback.
|
|
28
|
+
*/
|
|
29
|
+
export interface DraggablePressEvent extends BaseDraggableEvent {
|
|
30
|
+
}
|
|
31
|
+
/**
|
|
32
|
+
* Represents the object of the `onDragStart` callback.
|
|
33
|
+
*/
|
|
34
|
+
export interface DraggableDragStartEvent extends BaseDraggableEvent {
|
|
35
|
+
}
|
|
36
|
+
/**
|
|
37
|
+
* Represents the object of the `onDrag` callback.
|
|
38
|
+
*/
|
|
39
|
+
export interface DraggableDragEvent extends BaseDraggableEvent {
|
|
40
|
+
}
|
|
41
|
+
/**
|
|
42
|
+
* Represents the object of the `onDragEnd` callback.
|
|
43
|
+
*/
|
|
44
|
+
export interface DraggableDragEndEvent extends BaseDraggableEvent {
|
|
45
|
+
}
|
|
46
|
+
/**
|
|
47
|
+
* Represents the object of the `onRelease` callback.
|
|
48
|
+
*/
|
|
49
|
+
export interface DraggableReleaseEvent extends BaseDraggableEvent {
|
|
50
|
+
}
|
|
51
|
+
/**
|
|
52
|
+
* Represents the props of the KendoReact Draggable component.
|
|
53
|
+
*/
|
|
54
|
+
export interface DraggableProps extends DraggableOptions {
|
|
55
|
+
/**
|
|
56
|
+
* Fires when the user press element inside the Draggable component.
|
|
57
|
+
*/
|
|
58
|
+
onPress?: (event: DraggablePressEvent) => void;
|
|
59
|
+
/**
|
|
60
|
+
* Fires when the user starts dragging the element inside the Draggable component.
|
|
61
|
+
*/
|
|
62
|
+
onDragStart?: (event: DraggableDragStartEvent) => void;
|
|
63
|
+
/**
|
|
64
|
+
* Fires when the user drag the element inside the Draggable component.
|
|
65
|
+
*/
|
|
66
|
+
onDrag?: (event: DraggableDragEvent) => void;
|
|
67
|
+
/**
|
|
68
|
+
* Fires when the user finishes dragging the element inside the Draggable component.
|
|
69
|
+
*/
|
|
70
|
+
onDragEnd?: (event: DraggableDragEndEvent) => void;
|
|
71
|
+
/**
|
|
72
|
+
* Fires when the user release the current drag action.
|
|
73
|
+
*/
|
|
74
|
+
onRelease?: (event: DraggableReleaseEvent) => void;
|
|
75
|
+
/**
|
|
76
|
+
* Callback to get the child element ref. Useful as the Draggable overrides ref of the child element.
|
|
77
|
+
*/
|
|
78
|
+
childRef?: React.Ref<HTMLElement | null | {
|
|
79
|
+
element: HTMLElement | null;
|
|
80
|
+
[key: string]: any;
|
|
81
|
+
}>;
|
|
82
|
+
/** @hidden */
|
|
83
|
+
children?: React.ReactNode;
|
|
84
|
+
}
|
|
85
|
+
/**
|
|
86
|
+
* Represents the KendoReact Draggable component.
|
|
87
|
+
*
|
|
88
|
+
* Accepts properties of type [DraggableProps](https://www.telerik.com/kendo-react-ui/components/common/api/draggableprops),
|
|
89
|
+
* and returns an object of type [DraggableHandle](https://www.telerik.com/kendo-react-ui/components/common/api/draggablehandle) when the `ref` is obtained.
|
|
90
|
+
*/
|
|
91
|
+
export declare const Draggable: React.ForwardRefExoticComponent<DraggableProps & React.RefAttributes<DraggableHandle | null>>;
|
|
92
|
+
export type Draggable = DraggableHandle;
|
|
93
|
+
export {};
|
package/Droppable.d.ts
ADDED
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
import { DroppableHandle, DroppableOptions } from './hooks/index.js';
|
|
9
|
+
import { NormalizedDragEvent } from '@progress/kendo-draggable-common';
|
|
10
|
+
import * as React from 'react';
|
|
11
|
+
/** @hidden */
|
|
12
|
+
interface BaseDroppableEvent {
|
|
13
|
+
/**
|
|
14
|
+
* The DOM element.
|
|
15
|
+
*/
|
|
16
|
+
element: HTMLElement;
|
|
17
|
+
/**
|
|
18
|
+
* The target Draggable reference.
|
|
19
|
+
*/
|
|
20
|
+
target: DroppableHandle;
|
|
21
|
+
/**
|
|
22
|
+
* The normalized drag event.
|
|
23
|
+
*/
|
|
24
|
+
event: NormalizedDragEvent;
|
|
25
|
+
}
|
|
26
|
+
/**
|
|
27
|
+
* Represents the object of the `onDragEnter` callback.
|
|
28
|
+
*/
|
|
29
|
+
export interface DroppableDragEnterEvent extends BaseDroppableEvent {
|
|
30
|
+
}
|
|
31
|
+
/**
|
|
32
|
+
* Represents the object of the `onDragOver` callback.
|
|
33
|
+
*/
|
|
34
|
+
export interface DroppableDragOverEvent extends BaseDroppableEvent {
|
|
35
|
+
}
|
|
36
|
+
/**
|
|
37
|
+
* Represents the object of the `onDragLeave` callback.
|
|
38
|
+
*/
|
|
39
|
+
export interface DroppableDragLeaveEvent extends BaseDroppableEvent {
|
|
40
|
+
}
|
|
41
|
+
/**
|
|
42
|
+
* Represents the object of the `onDrop` callback.
|
|
43
|
+
*/
|
|
44
|
+
export interface DroppableDropEvent extends BaseDroppableEvent {
|
|
45
|
+
}
|
|
46
|
+
/**
|
|
47
|
+
* Represents the props of the KendoReact Droppable component.
|
|
48
|
+
*/
|
|
49
|
+
export interface DroppableProps extends DroppableOptions {
|
|
50
|
+
/**
|
|
51
|
+
* Fires when the user enters the element during drag.
|
|
52
|
+
*/
|
|
53
|
+
onDragEnter?: (event: DroppableDragEnterEvent) => void;
|
|
54
|
+
/**
|
|
55
|
+
* Fires when the user is dragging an element over the Droppable component.
|
|
56
|
+
*/
|
|
57
|
+
onDragOver?: (event: DroppableDragOverEvent) => void;
|
|
58
|
+
/**
|
|
59
|
+
* Fires when the user leaves the element during drag.
|
|
60
|
+
*/
|
|
61
|
+
onDragLeave?: (event: DroppableDragLeaveEvent) => void;
|
|
62
|
+
/**
|
|
63
|
+
* Fires when the user drops a draggable element inside the Droppable component.
|
|
64
|
+
*/
|
|
65
|
+
onDrop?: (event: DroppableDropEvent) => void;
|
|
66
|
+
/**
|
|
67
|
+
* Callback to get the child element ref. Useful as the Droppable overrides ref of the child element.
|
|
68
|
+
*/
|
|
69
|
+
childRef?: React.Ref<HTMLElement | null | {
|
|
70
|
+
element: HTMLElement | null;
|
|
71
|
+
[key: string]: any;
|
|
72
|
+
}>;
|
|
73
|
+
/** @hidden */
|
|
74
|
+
children?: React.ReactNode;
|
|
75
|
+
}
|
|
76
|
+
/**
|
|
77
|
+
* Represents the KendoReact Droppable component.
|
|
78
|
+
*
|
|
79
|
+
* Accepts properties of type [DroppableProps](https://www.telerik.com/kendo-react-ui/components/common/api/droppableprops),
|
|
80
|
+
* and returns an object of type [DroppableHandle](https://www.telerik.com/kendo-react-ui/components/common/api/droppablehandle) when the `ref` is obtained.
|
|
81
|
+
*/
|
|
82
|
+
export declare const Droppable: React.ForwardRefExoticComponent<DroppableProps & React.RefAttributes<DroppableHandle | null>>;
|
|
83
|
+
export type Droppable = DroppableHandle;
|
|
84
|
+
export {};
|
|
@@ -0,0 +1,218 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
/**
|
|
9
|
+
* Represents the basic props of the KendoReact form components.
|
|
10
|
+
*
|
|
11
|
+
* For runnable examples on forms support, refer to the documentation of the respective form component:
|
|
12
|
+
* * [DateInput](https://www.telerik.com/kendo-react-ui/components/dateinputs/dateinput/forms)
|
|
13
|
+
* * [DatePicker](https://www.telerik.com/kendo-react-ui/components/dateinputs/datepicker/forms)
|
|
14
|
+
* * [TimePicker](https://www.telerik.com/kendo-react-ui/components/dateinputs/timepicker/forms)
|
|
15
|
+
* * [DateTimePicker](https://www.telerik.com/kendo-react-ui/components/dateinputs/datetimepicker/forms)
|
|
16
|
+
* * [AutoComplete](https://www.telerik.com/kendo-react-ui/components/dropdowns/autocomplete/forms)
|
|
17
|
+
* * [ComboBox](https://www.telerik.com/kendo-react-ui/components/dropdowns/combobox/forms)
|
|
18
|
+
* * [DropDownList](https://www.telerik.com/kendo-react-ui/components/dropdowns/dropdownlist/forms)
|
|
19
|
+
* * [MultiSelect](https://www.telerik.com/kendo-react-ui/components/dropdowns/multiselect/forms)
|
|
20
|
+
* * [Input](https://www.telerik.com/kendo-react-ui/components/inputs/input/forms)
|
|
21
|
+
* * [MaskedTextBox](https://www.telerik.com/kendo-react-ui/components/inputs/maskedtextbox/forms)
|
|
22
|
+
* * [NumericTextBox](https://www.telerik.com/kendo-react-ui/components/inputs/numerictextbox/forms)
|
|
23
|
+
* * [Checkbox](https://www.telerik.com/kendo-react-ui/components/inputs/checkbox/forms-support)
|
|
24
|
+
* * [Switch](https://www.telerik.com/kendo-react-ui/components/inputs/switch/forms-support)
|
|
25
|
+
*/
|
|
26
|
+
export interface FormComponentProps {
|
|
27
|
+
/**
|
|
28
|
+
* Controls the form error message of the component. If set to an empty string, no error will be thrown.
|
|
29
|
+
*
|
|
30
|
+
* This property is part of the [FormComponentProps](https://www.telerik.com/kendo-react-ui/components/common/api/formcomponentprops) interface.
|
|
31
|
+
*/
|
|
32
|
+
validationMessage?: string;
|
|
33
|
+
/**
|
|
34
|
+
* Specifies if `null` is a valid value for the component.
|
|
35
|
+
*
|
|
36
|
+
* This property is part of the [FormComponentProps](https://www.telerik.com/kendo-react-ui/components/common/api/formcomponentprops) interface.
|
|
37
|
+
*/
|
|
38
|
+
required?: boolean;
|
|
39
|
+
/**
|
|
40
|
+
* Specifies the `name` property of the `input` DOM element.
|
|
41
|
+
*
|
|
42
|
+
* This property is part of the [FormComponentProps](https://www.telerik.com/kendo-react-ui/components/common/api/formcomponentprops) interface.
|
|
43
|
+
*/
|
|
44
|
+
name?: string;
|
|
45
|
+
/**
|
|
46
|
+
* Overrides the validity state of the component.
|
|
47
|
+
* If `valid` is set, the `required` property will be ignored.
|
|
48
|
+
*
|
|
49
|
+
* This property is part of the [FormComponentProps](https://www.telerik.com/kendo-react-ui/components/common/api/formcomponentprops) interface.
|
|
50
|
+
*/
|
|
51
|
+
valid?: boolean;
|
|
52
|
+
/**
|
|
53
|
+
* If set to `false`, no visual representation of the invalid state of the component will be applied.
|
|
54
|
+
*
|
|
55
|
+
* This property is part of the [FormComponentProps](https://www.telerik.com/kendo-react-ui/components/common/api/formcomponentprops) interface.
|
|
56
|
+
*/
|
|
57
|
+
validityStyles?: boolean;
|
|
58
|
+
/**
|
|
59
|
+
* @hidden
|
|
60
|
+
*/
|
|
61
|
+
value?: any;
|
|
62
|
+
/**
|
|
63
|
+
* @hidden
|
|
64
|
+
*/
|
|
65
|
+
defaultValue?: any;
|
|
66
|
+
}
|
|
67
|
+
/**
|
|
68
|
+
* Represents the `validity` state of the KendoReact form components.
|
|
69
|
+
*
|
|
70
|
+
* For runnable examples on forms support, refer to the documentation of the respective form component:
|
|
71
|
+
* * [DateInput](https://www.telerik.com/kendo-react-ui/components/dateinputs/dateinput/forms)
|
|
72
|
+
* * [DatePicker](https://www.telerik.com/kendo-react-ui/components/dateinputs/datepicker/forms)
|
|
73
|
+
* * [TimePicker](https://www.telerik.com/kendo-react-ui/components/dateinputs/timepicker/forms)
|
|
74
|
+
* * [DateTimePicker](https://www.telerik.com/kendo-react-ui/components/dateinputs/timepicker/forms)
|
|
75
|
+
* * [AutoComplete](https://www.telerik.com/kendo-react-ui/components/dropdowns/autocomplete/forms)
|
|
76
|
+
* * [ComboBox](https://www.telerik.com/kendo-react-ui/components/dropdowns/combobox/forms)
|
|
77
|
+
* * [DropDownList](https://www.telerik.com/kendo-react-ui/components/dropdowns/dropdownlist/forms)
|
|
78
|
+
* * [MultiSelect](https://www.telerik.com/kendo-react-ui/components/dropdowns/multiselect/forms)
|
|
79
|
+
* * [Input](https://www.telerik.com/kendo-react-ui/components/inputs/input/forms)
|
|
80
|
+
* * [MaskedTextBox](https://www.telerik.com/kendo-react-ui/components/inputs/maskedtextbox/forms)
|
|
81
|
+
* * [NumericTextBox](https://www.telerik.com/kendo-react-ui/components/inputs/numerictextbox/forms)
|
|
82
|
+
* * [Checkbox](https://www.telerik.com/kendo-react-ui/components/inputs/checkbox/forms-support)
|
|
83
|
+
* * [Switch](https://www.telerik.com/kendo-react-ui/components/inputs/switch/forms-support)
|
|
84
|
+
*/
|
|
85
|
+
export interface FormComponentValidity {
|
|
86
|
+
/**
|
|
87
|
+
* Indicates whether the user has provided input in the user interface element that the user agent is unable to convert.
|
|
88
|
+
*/
|
|
89
|
+
readonly badInput?: boolean;
|
|
90
|
+
/**
|
|
91
|
+
* Indicates whether the element has a custom error.
|
|
92
|
+
*/
|
|
93
|
+
readonly customError: boolean;
|
|
94
|
+
/**
|
|
95
|
+
* Indicates whether the value does not match the specified pattern.
|
|
96
|
+
*/
|
|
97
|
+
readonly patternMismatch?: boolean;
|
|
98
|
+
/**
|
|
99
|
+
* Indicates whether the value is greater than the maximum specified by the max attribute.
|
|
100
|
+
*/
|
|
101
|
+
readonly rangeOverflow?: boolean;
|
|
102
|
+
/**
|
|
103
|
+
* Indicates whether the value is less than the minimum specified by the min attribute.
|
|
104
|
+
*/
|
|
105
|
+
readonly rangeUnderflow?: boolean;
|
|
106
|
+
/**
|
|
107
|
+
* Indicates whether the value does not fit the rules determined by the step attribute.
|
|
108
|
+
*/
|
|
109
|
+
readonly stepMismatch?: boolean;
|
|
110
|
+
/**
|
|
111
|
+
* Indicates whether the value exceeds the specified maxlength.
|
|
112
|
+
*/
|
|
113
|
+
readonly tooLong?: boolean;
|
|
114
|
+
/**
|
|
115
|
+
* Indicates whether the value fails to meet the specified minlength.
|
|
116
|
+
*/
|
|
117
|
+
readonly tooShort?: boolean;
|
|
118
|
+
/**
|
|
119
|
+
* Indicates whether the value is not in the correct syntax when type is email or url.
|
|
120
|
+
*/
|
|
121
|
+
readonly typeMismatch?: boolean;
|
|
122
|
+
/**
|
|
123
|
+
* Indicates whether the element meets all constraint validations and is therefore considered valid.
|
|
124
|
+
*/
|
|
125
|
+
readonly valid: boolean;
|
|
126
|
+
/**
|
|
127
|
+
* Indicates whether the element has no value but is a required field.
|
|
128
|
+
*/
|
|
129
|
+
readonly valueMissing: boolean;
|
|
130
|
+
}
|
|
131
|
+
/**
|
|
132
|
+
* @hidden
|
|
133
|
+
*/
|
|
134
|
+
export declare abstract class FormComponent {
|
|
135
|
+
abstract get value(): any;
|
|
136
|
+
abstract get validity(): FormComponentValidity;
|
|
137
|
+
abstract get name(): string | undefined;
|
|
138
|
+
}
|
|
139
|
+
/**
|
|
140
|
+
* Represents the base properties of the render props for the KendoReact form components.
|
|
141
|
+
*
|
|
142
|
+
* For runnable examples on forms support, refer to the documentation of the respective form component:
|
|
143
|
+
* * [DateInput](https://www.telerik.com/kendo-react-ui/components/dateinputs/dateinput/forms)
|
|
144
|
+
* * [DatePicker](https://www.telerik.com/kendo-react-ui/components/dateinputs/datepicker/forms)
|
|
145
|
+
* * [TimePicker](https://www.telerik.com/kendo-react-ui/components/dateinputs/timepicker/forms)
|
|
146
|
+
* * [DateTimePicker](https://www.telerik.com/kendo-react-ui/components/dateinputs/datetimepicker/forms)
|
|
147
|
+
* * [AutoComplete](https://www.telerik.com/kendo-react-ui/components/dropdowns/autocomplete/forms)
|
|
148
|
+
* * [ComboBox](https://www.telerik.com/kendo-react-ui/components/dropdowns/combobox/forms)
|
|
149
|
+
* * [DropDownList](https://www.telerik.com/kendo-react-ui/components/dropdowns/dropdownlist/forms)
|
|
150
|
+
* * [MultiSelect](https://www.telerik.com/kendo-react-ui/components/dropdowns/multiselect/forms)
|
|
151
|
+
* * [Input](https://www.telerik.com/kendo-react-ui/components/inputs/input/forms)
|
|
152
|
+
* * [MaskedTextBox](https://www.telerik.com/kendo-react-ui/components/inputs/maskedtextbox/forms)
|
|
153
|
+
* * [NumericTextBox](https://www.telerik.com/kendo-react-ui/components/inputs/numerictextbox/forms)
|
|
154
|
+
* * [Checkbox](https://www.telerik.com/kendo-react-ui/components/inputs/checkbox/forms-support)
|
|
155
|
+
* * [Switch](https://www.telerik.com/kendo-react-ui/components/inputs/switch/forms-support)
|
|
156
|
+
*/
|
|
157
|
+
export interface FieldRenderPropsBase {
|
|
158
|
+
/**
|
|
159
|
+
* A callback you have to call when the value of the rendered component is changed
|
|
160
|
+
* ([see example](https://www.telerik.com/kendo-react-ui/components/form/advanced-scenarios#toc-changing-the-field-value)).
|
|
161
|
+
* The `value` property of the event takes precedence over `target.value`.
|
|
162
|
+
*/
|
|
163
|
+
onChange: (event: {
|
|
164
|
+
target?: any;
|
|
165
|
+
value?: any;
|
|
166
|
+
}) => void;
|
|
167
|
+
/**
|
|
168
|
+
* A callback you have to call when the rendered component is focused.
|
|
169
|
+
* Responsible for setting the visited state of the Field.
|
|
170
|
+
*/
|
|
171
|
+
onFocus: () => void;
|
|
172
|
+
/**
|
|
173
|
+
* A callback you have to call when the rendered component is blurred.
|
|
174
|
+
* Responsible for setting the touched state of the Field.
|
|
175
|
+
*/
|
|
176
|
+
onBlur: () => void;
|
|
177
|
+
/**
|
|
178
|
+
* Represents the current value of the Field
|
|
179
|
+
* ([see example](https://www.telerik.com/kendo-react-ui/components/form/custom-components#toc-using-basic-properties)).
|
|
180
|
+
*/
|
|
181
|
+
value: any;
|
|
182
|
+
/**
|
|
183
|
+
* Represents the error message that is returned by the validator.
|
|
184
|
+
* The Field is considered valid if the `validationMessage` field is empty.
|
|
185
|
+
*/
|
|
186
|
+
validationMessage: string | null;
|
|
187
|
+
/**
|
|
188
|
+
* Indicates if the field is touched.
|
|
189
|
+
* The touched state is set to `true` when the `onBlur` callback is called.
|
|
190
|
+
*/
|
|
191
|
+
touched: boolean;
|
|
192
|
+
/**
|
|
193
|
+
* Indicates if the field is modified.
|
|
194
|
+
* The modified state is set to `true` when the `onChange` callback for the current field is called for first time.
|
|
195
|
+
*/
|
|
196
|
+
modified: boolean;
|
|
197
|
+
/**
|
|
198
|
+
* Indicates if the field is visited.
|
|
199
|
+
* The visited state is set to `true` when the `onFocus` callback is called.
|
|
200
|
+
*/
|
|
201
|
+
visited: boolean;
|
|
202
|
+
/**
|
|
203
|
+
* A calculated property based on whether `validationMessage` is present and the `touched` state is set to `true`.
|
|
204
|
+
*/
|
|
205
|
+
valid: boolean;
|
|
206
|
+
/**
|
|
207
|
+
* Represents the children that are passed to the Field.
|
|
208
|
+
*/
|
|
209
|
+
children: any;
|
|
210
|
+
/**
|
|
211
|
+
* The name of the field in the Form state.
|
|
212
|
+
*/
|
|
213
|
+
name: string;
|
|
214
|
+
/**
|
|
215
|
+
* @hidden
|
|
216
|
+
*/
|
|
217
|
+
[customProp: string]: any;
|
|
218
|
+
}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
/**
|
|
9
|
+
* @hidden
|
|
10
|
+
*/
|
|
11
|
+
export declare const applyDefaultProps: <PropsType>(props: PropsType, defaultProps: {
|
|
12
|
+
[key: string]: any;
|
|
13
|
+
}) => PropsType;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
/**
|
|
9
|
+
* @hidden
|
|
10
|
+
*/
|
|
11
|
+
export declare class BrowserSupportService {
|
|
12
|
+
private scrollbar;
|
|
13
|
+
get scrollbarWidth(): number;
|
|
14
|
+
}
|
package/canUseDOM.d.ts
ADDED
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
/**
|
|
9
|
+
* @hidden
|
|
10
|
+
*/
|
|
11
|
+
export declare const canUseDOM: boolean;
|
package/canUseRef.d.ts
ADDED
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
import * as React from 'react';
|
|
9
|
+
/**
|
|
10
|
+
* @hidden
|
|
11
|
+
*/
|
|
12
|
+
export declare const canUseRef: (Component: React.ComponentType | string) => boolean;
|
package/classNames.d.ts
ADDED
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
/**
|
|
9
|
+
* @hidden
|
|
10
|
+
*/
|
|
11
|
+
export declare const classNames: (...args: any[]) => string;
|
|
12
|
+
/**
|
|
13
|
+
* @hidden
|
|
14
|
+
*/
|
|
15
|
+
export declare const strippedClassNames: (...args: any[]) => string;
|
package/clone.d.ts
ADDED
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
/**
|
|
9
|
+
* @hidden
|
|
10
|
+
*/
|
|
11
|
+
export declare const cloneDate: (date?: Date) => Date | null;
|
|
12
|
+
/**
|
|
13
|
+
* @hidden
|
|
14
|
+
*/
|
|
15
|
+
export declare function clone(obj: any): any;
|
|
16
|
+
/**
|
|
17
|
+
* @hidden
|
|
18
|
+
*/
|
|
19
|
+
export declare function cloneObject(obj: any, result: any): void;
|
|
20
|
+
/**
|
|
21
|
+
* @hidden
|
|
22
|
+
*/
|
|
23
|
+
export declare function cloneValue(value: any, nextValue: any): any;
|
|
24
|
+
/**
|
|
25
|
+
* @hidden
|
|
26
|
+
*/
|
|
27
|
+
export declare function cloneArray(array: any[]): any;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
/**
|
|
9
|
+
* @hidden
|
|
10
|
+
*/
|
|
11
|
+
export declare const FIELD_REGEX: RegExp;
|
|
12
|
+
/**
|
|
13
|
+
* @hidden
|
|
14
|
+
*/
|
|
15
|
+
export declare const FOCUSABLE_ELEMENTS_BASE: string[];
|
|
16
|
+
/**
|
|
17
|
+
* @hidden
|
|
18
|
+
*/
|
|
19
|
+
export declare const FOCUSABLE_ELEMENTS: string[];
|
|
20
|
+
/**
|
|
21
|
+
* @hidden
|
|
22
|
+
*/
|
|
23
|
+
export declare const TABBABLE_ELEMENTS: string[];
|
|
24
|
+
/** @hidden */
|
|
25
|
+
export declare const ADAPTIVE_SMALL_BREAKPOINT: number;
|
|
26
|
+
/** @hidden */
|
|
27
|
+
export declare const ADAPTIVE_MEDIUM_BREAKPOINT: number;
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
import * as React from 'react';
|
|
9
|
+
/**
|
|
10
|
+
* Represents the `AdaptiveModeContextType` interface.
|
|
11
|
+
*/
|
|
12
|
+
export interface AdaptiveModeContextType {
|
|
13
|
+
/**
|
|
14
|
+
* Sets the small breakpoint for the adaptive rendering.
|
|
15
|
+
*
|
|
16
|
+
* @default 500
|
|
17
|
+
*/
|
|
18
|
+
small: number;
|
|
19
|
+
/**
|
|
20
|
+
* Sets the medium breakpoint for the adaptive rendering.
|
|
21
|
+
*
|
|
22
|
+
* @default 786
|
|
23
|
+
*/
|
|
24
|
+
medium: number;
|
|
25
|
+
}
|
|
26
|
+
/** @hidden */
|
|
27
|
+
export declare const defaultValue: {
|
|
28
|
+
small: number;
|
|
29
|
+
medium: number;
|
|
30
|
+
};
|
|
31
|
+
/**
|
|
32
|
+
* Represents a React Context that enables further configuration of the adaptive mode breakpoints.
|
|
33
|
+
* Used for global configuration across components that implement adaptive rendering.
|
|
34
|
+
* For more information and demos, refer to:
|
|
35
|
+
* * [DatePicker Adaptive Rendering article](https://www.telerik.com/kendo-react-ui/components/dateinputs/datepicker/adaptive-rendering)
|
|
36
|
+
* * [DateRangePicker Adaptive Rendering article](https://www.telerik.com/kendo-react-ui/components/dateinputs/datetimepicker/adaptive-rendering)
|
|
37
|
+
* * [DateTimePicker Adaptive Rendering article](https://www.telerik.com/kendo-react-ui/components/dateinputs/daterangepicker/adaptive-rendering)
|
|
38
|
+
* * [TimePicker Adaptive Rendering article](https://www.telerik.com/kendo-react-ui/components/dateinputs/timepicker/adaptive-rendering)
|
|
39
|
+
* * [AutoComplete Adaptive Rendering article](https://www.telerik.com/kendo-react-ui/components/dropdowns/autocomplete/adaptive-rendering)
|
|
40
|
+
* * [ComboBox Adaptive Rendering article](https://www.telerik.com/kendo-react-ui/components/dropdowns/combobox/adaptive-rendering)
|
|
41
|
+
* * [DropDownList Adaptive Rendering article](https://www.telerik.com/kendo-react-ui/components/dropdowns/dropdownlist/adaptive-rendering)
|
|
42
|
+
* * [DropDownTree Adaptive Rendering article](https://www.telerik.com/kendo-react-ui/components/dropdowns/dropdowntree/adaptive-rendering)
|
|
43
|
+
* * [MultiColumnComboBox Adaptive Rendering article](https://www.telerik.com/kendo-react-ui/components/dropdowns/multicolumncombobox/adaptive-rendering)
|
|
44
|
+
* * [MultiSelect Adaptive Rendering article](https://www.telerik.com/kendo-react-ui/components/dropdowns/multiselect/adaptive-rendering)
|
|
45
|
+
* * [MultiSelectTree Adaptive Rendering article](https://www.telerik.com/kendo-react-ui/components/dropdowns/multiselecttree/adaptive-rendering)
|
|
46
|
+
*
|
|
47
|
+
*/
|
|
48
|
+
export declare const AdaptiveModeContext: React.Context<AdaptiveModeContextType>;
|
|
49
|
+
/** @hidden */
|
|
50
|
+
export declare const useAdaptiveModeContext: () => AdaptiveModeContextType;
|
|
@@ -7,8 +7,8 @@
|
|
|
7
7
|
*/
|
|
8
8
|
"use client";
|
|
9
9
|
import * as e from "react";
|
|
10
|
-
import {
|
|
11
|
-
const d = { small:
|
|
10
|
+
import { ADAPTIVE_MEDIUM_BREAKPOINT as o, ADAPTIVE_SMALL_BREAKPOINT as a } from "../constants/main.mjs";
|
|
11
|
+
const d = { small: a, medium: o }, t = e.createContext(d), n = () => e.useContext(t);
|
|
12
12
|
t.displayName = "KendoReactAdaptiveModeContext";
|
|
13
13
|
export {
|
|
14
14
|
t as AdaptiveModeContext,
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
import * as React from 'react';
|
|
9
|
+
/** @hidden */
|
|
10
|
+
export type ZIndexContextType = number | undefined;
|
|
11
|
+
/** @hidden */
|
|
12
|
+
export declare const ZIndexContext: React.Context<ZIndexContextType>;
|
|
13
|
+
/** @hidden */
|
|
14
|
+
export declare const useZIndexContext: () => ZIndexContextType;
|
package/deep-merge.d.ts
ADDED
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
/** @hidden */
|
|
9
|
+
export declare const isPromise: (value: any) => value is Promise<any>;
|
|
10
|
+
/** @hidden */
|
|
11
|
+
export declare function isObject(item: any): any;
|
|
12
|
+
/** @hidden */
|
|
13
|
+
export declare const deepMerge: <T>(target: any, ...sources: any[]) => T;
|