@progress/kendo-react-sortable 7.2.4-develop.2 → 7.2.4-develop.4
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/Sortable.js +8 -0
- package/Sortable.mjs +396 -0
- package/dist/cdn/js/kendo-react-sortable.js +8 -5
- package/events/PreventableEvent.js +8 -0
- package/events/PreventableEvent.mjs +33 -0
- package/events/SortableOnDragEndEvent.js +8 -0
- package/events/SortableOnDragEndEvent.mjs +19 -0
- package/events/SortableOnDragOverEvent.js +8 -0
- package/events/SortableOnDragOverEvent.mjs +19 -0
- package/events/SortableOnDragStartEvent.js +8 -0
- package/events/SortableOnDragStartEvent.mjs +20 -0
- package/events/SortableOnNavigateEvent.js +8 -0
- package/events/SortableOnNavigateEvent.mjs +19 -0
- package/index.d.mts +472 -5
- package/index.d.ts +472 -13
- package/index.js +8 -5
- package/index.mjs +17 -483
- package/messages/index.js +8 -0
- package/messages/index.mjs +15 -0
- package/package-metadata.js +8 -0
- package/package-metadata.mjs +19 -0
- package/package.json +3 -3
- package/utils/utils.js +8 -0
- package/utils/utils.mjs +51 -0
- package/Sortable.d.ts +0 -210
- package/events/BaseEvent.d.ts +0 -13
- package/events/PreventableEvent.d.ts +0 -22
- package/events/SortableOnDragEndEvent.d.ts +0 -31
- package/events/SortableOnDragOverEvent.d.ts +0 -31
- package/events/SortableOnDragStartEvent.d.ts +0 -28
- package/events/SortableOnNavigateEvent.d.ts +0 -31
- package/interfaces/SortableDefaultProps.d.ts +0 -28
- package/interfaces/SortableEmptyItemUIProps.d.ts +0 -13
- package/interfaces/SortableItemUIProps.d.ts +0 -41
- package/interfaces/SortableProps.d.ts +0 -63
- package/messages/index.d.ts +0 -14
- package/package-metadata.d.ts +0 -9
- package/utils/utils.d.ts +0 -33
package/Sortable.d.ts
DELETED
|
@@ -1,210 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import * as React from 'react';
|
|
6
|
-
import PropTypes from 'prop-types';
|
|
7
|
-
import { DraggableDragEvent, DraggableDragStartEvent, DraggableReleaseEvent } from '@progress/kendo-react-common';
|
|
8
|
-
import { SortableProps } from './interfaces/SortableProps';
|
|
9
|
-
import { SortableDefaultProps } from './interfaces/SortableDefaultProps';
|
|
10
|
-
/**
|
|
11
|
-
* @hidden
|
|
12
|
-
*/
|
|
13
|
-
interface SortableState {
|
|
14
|
-
clientX: number;
|
|
15
|
-
clientY: number;
|
|
16
|
-
isDragging: boolean;
|
|
17
|
-
activeId: string;
|
|
18
|
-
dragCueWidth: number;
|
|
19
|
-
dragCueHeight: number;
|
|
20
|
-
}
|
|
21
|
-
export declare class Sortable extends React.Component<SortableProps, SortableState> {
|
|
22
|
-
/**
|
|
23
|
-
* @hidden
|
|
24
|
-
*/
|
|
25
|
-
static defaultProps: SortableDefaultProps;
|
|
26
|
-
/**
|
|
27
|
-
* @hidden
|
|
28
|
-
*/
|
|
29
|
-
static propTypes: {
|
|
30
|
-
idField: PropTypes.Validator<string>;
|
|
31
|
-
disabledField: PropTypes.Requireable<string>;
|
|
32
|
-
data: PropTypes.Validator<any[]>;
|
|
33
|
-
tabIndex: PropTypes.Requireable<number>;
|
|
34
|
-
navigation: PropTypes.Requireable<boolean>;
|
|
35
|
-
animation: PropTypes.Requireable<boolean>;
|
|
36
|
-
itemsWrapUI: PropTypes.Requireable<any>;
|
|
37
|
-
itemUI: PropTypes.Validator<(...args: any[]) => any>;
|
|
38
|
-
emptyItemUI: PropTypes.Requireable<(...args: any[]) => any>;
|
|
39
|
-
style: PropTypes.Requireable<object>;
|
|
40
|
-
className: PropTypes.Requireable<string>;
|
|
41
|
-
onDragStart: PropTypes.Requireable<(...args: any[]) => any>;
|
|
42
|
-
onDragOver: PropTypes.Requireable<(...args: any[]) => any>;
|
|
43
|
-
onDragEnd: PropTypes.Requireable<(...args: any[]) => any>;
|
|
44
|
-
onNavigate: PropTypes.Requireable<(...args: any[]) => any>;
|
|
45
|
-
};
|
|
46
|
-
/**
|
|
47
|
-
* @hidden
|
|
48
|
-
*/
|
|
49
|
-
state: {
|
|
50
|
-
clientX: number;
|
|
51
|
-
clientY: number;
|
|
52
|
-
isDragging: boolean;
|
|
53
|
-
activeId: string;
|
|
54
|
-
dragCueWidth: number;
|
|
55
|
-
dragCueHeight: number;
|
|
56
|
-
};
|
|
57
|
-
private isRtl;
|
|
58
|
-
private get container();
|
|
59
|
-
private itemRefsMap;
|
|
60
|
-
private oldSizesMap;
|
|
61
|
-
private animatingItemMap;
|
|
62
|
-
private draggableRef;
|
|
63
|
-
private offsetParent;
|
|
64
|
-
private isUnmounted;
|
|
65
|
-
private focusActiveId;
|
|
66
|
-
private isKeyboardNavigated;
|
|
67
|
-
private isDragPrevented;
|
|
68
|
-
constructor(props: SortableProps);
|
|
69
|
-
/**
|
|
70
|
-
* @hidden
|
|
71
|
-
*/
|
|
72
|
-
getSnapshotBeforeUpdate(): null;
|
|
73
|
-
/**
|
|
74
|
-
* @hidden
|
|
75
|
-
*/
|
|
76
|
-
componentDidUpdate(previousProps: SortableProps): void;
|
|
77
|
-
/**
|
|
78
|
-
* @hidden
|
|
79
|
-
*/
|
|
80
|
-
componentDidMount(): void;
|
|
81
|
-
/**
|
|
82
|
-
* @hidden
|
|
83
|
-
*/
|
|
84
|
-
componentWillUnmount(): void;
|
|
85
|
-
/**
|
|
86
|
-
* @hidden
|
|
87
|
-
*/
|
|
88
|
-
swapItems: (newState: object[], source: number, destination: number) => number;
|
|
89
|
-
/**
|
|
90
|
-
* @hidden
|
|
91
|
-
*/
|
|
92
|
-
generateNewState: (prevIndex: number, nextIndex: number) => object[];
|
|
93
|
-
/**
|
|
94
|
-
* @hidden
|
|
95
|
-
*/
|
|
96
|
-
closestSortableItem: (target: HTMLElement | null) => {
|
|
97
|
-
element: HTMLElement | null;
|
|
98
|
-
id: string;
|
|
99
|
-
};
|
|
100
|
-
/**
|
|
101
|
-
* @hidden
|
|
102
|
-
*/
|
|
103
|
-
isSortable: (target: HTMLElement) => boolean;
|
|
104
|
-
/**
|
|
105
|
-
* @hidden
|
|
106
|
-
*/
|
|
107
|
-
closestSortable: (target: HTMLElement | null) => HTMLElement | null;
|
|
108
|
-
/**
|
|
109
|
-
* @hidden
|
|
110
|
-
*/
|
|
111
|
-
isSameSortable: (element: HTMLElement) => boolean;
|
|
112
|
-
/**
|
|
113
|
-
* @hidden
|
|
114
|
-
*/
|
|
115
|
-
idComparer: (id1: any, id2: any) => boolean;
|
|
116
|
-
/**
|
|
117
|
-
* @hidden
|
|
118
|
-
*/
|
|
119
|
-
findItem: (id: string) => object | undefined;
|
|
120
|
-
/**
|
|
121
|
-
* @hidden
|
|
122
|
-
*/
|
|
123
|
-
findIndex: (id: string) => number;
|
|
124
|
-
/**
|
|
125
|
-
* @hidden
|
|
126
|
-
*/
|
|
127
|
-
isItemDisabled: (item: any) => boolean;
|
|
128
|
-
/**
|
|
129
|
-
* @hidden
|
|
130
|
-
*/
|
|
131
|
-
shouldResetActive: () => boolean;
|
|
132
|
-
/**
|
|
133
|
-
* @hidden
|
|
134
|
-
*/
|
|
135
|
-
parentOffset(): any;
|
|
136
|
-
/**
|
|
137
|
-
* @hidden
|
|
138
|
-
*/
|
|
139
|
-
widgetTarget: (target: any) => boolean;
|
|
140
|
-
/**
|
|
141
|
-
* @hidden
|
|
142
|
-
*/
|
|
143
|
-
allowDrag: (target: HTMLElement) => boolean;
|
|
144
|
-
/**
|
|
145
|
-
* @hidden
|
|
146
|
-
*/
|
|
147
|
-
onDragStart: (eventData: DraggableDragStartEvent) => void;
|
|
148
|
-
/**
|
|
149
|
-
* @hidden
|
|
150
|
-
*/
|
|
151
|
-
onDragOver: (eventData: DraggableDragEvent) => void;
|
|
152
|
-
/**
|
|
153
|
-
* @hidden
|
|
154
|
-
*/
|
|
155
|
-
onDragEnd: (eventData: DraggableReleaseEvent) => void;
|
|
156
|
-
/**
|
|
157
|
-
* @hidden
|
|
158
|
-
*/
|
|
159
|
-
shouldReorder: (draggerOverElement: HTMLElement | null, clientX: number, clientY: number) => boolean | null;
|
|
160
|
-
/**
|
|
161
|
-
* @hidden
|
|
162
|
-
*/
|
|
163
|
-
thresholdRect: (draggerOverElement: HTMLElement | null) => {
|
|
164
|
-
top: number;
|
|
165
|
-
left: number;
|
|
166
|
-
bottom: number;
|
|
167
|
-
right: number;
|
|
168
|
-
} | null;
|
|
169
|
-
/**
|
|
170
|
-
* @hidden
|
|
171
|
-
*/
|
|
172
|
-
onItemBlur: () => void;
|
|
173
|
-
/**
|
|
174
|
-
* @hidden
|
|
175
|
-
*/
|
|
176
|
-
onItemFocus: (event: React.FocusEvent<HTMLDivElement>) => void;
|
|
177
|
-
/**
|
|
178
|
-
* @hidden
|
|
179
|
-
*/
|
|
180
|
-
onKeyDown: (event: React.KeyboardEvent<HTMLDivElement>) => void;
|
|
181
|
-
/**
|
|
182
|
-
* @hidden
|
|
183
|
-
*/
|
|
184
|
-
resetState: (resetActive?: boolean) => void;
|
|
185
|
-
/**
|
|
186
|
-
* @hidden
|
|
187
|
-
*/
|
|
188
|
-
renderData: () => import("react/jsx-runtime").JSX.Element[];
|
|
189
|
-
/**
|
|
190
|
-
* @hidden
|
|
191
|
-
*/
|
|
192
|
-
renderNoData: () => import("react/jsx-runtime").JSX.Element | undefined;
|
|
193
|
-
/**
|
|
194
|
-
* @hidden
|
|
195
|
-
*/
|
|
196
|
-
renderDragCue: () => import("react/jsx-runtime").JSX.Element | undefined;
|
|
197
|
-
/**
|
|
198
|
-
* @hidden
|
|
199
|
-
*/
|
|
200
|
-
refAssign: (element: any, id: any) => void;
|
|
201
|
-
/**
|
|
202
|
-
* @hidden
|
|
203
|
-
*/
|
|
204
|
-
draggableRefAssign: (ref: any) => void;
|
|
205
|
-
/**
|
|
206
|
-
* @hidden
|
|
207
|
-
*/
|
|
208
|
-
render(): import("react/jsx-runtime").JSX.Element;
|
|
209
|
-
}
|
|
210
|
-
export {};
|
package/events/BaseEvent.d.ts
DELETED
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
/**
|
|
6
|
-
* @hidden
|
|
7
|
-
*/
|
|
8
|
-
export interface BaseEvent<T extends React.Component> {
|
|
9
|
-
/**
|
|
10
|
-
* An event target.
|
|
11
|
-
*/
|
|
12
|
-
target: T;
|
|
13
|
-
}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
/**
|
|
6
|
-
* @hidden
|
|
7
|
-
*/
|
|
8
|
-
export declare abstract class PreventableEvent {
|
|
9
|
-
private prevented;
|
|
10
|
-
/**
|
|
11
|
-
* Prevents the default action for a specified event.
|
|
12
|
-
* In this way, the source component suppresses the built-in behavior that follows the event.
|
|
13
|
-
*/
|
|
14
|
-
preventDefault(): void;
|
|
15
|
-
/**
|
|
16
|
-
* Returns `true` if the event was prevented by any of its subscribers.
|
|
17
|
-
*
|
|
18
|
-
* @returns - Returns `true` if the default action was prevented.
|
|
19
|
-
* Otherwise, returns `false`.
|
|
20
|
-
*/
|
|
21
|
-
isDefaultPrevented(): boolean;
|
|
22
|
-
}
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { BaseEvent } from './BaseEvent';
|
|
6
|
-
import { Sortable } from '../Sortable';
|
|
7
|
-
/**
|
|
8
|
-
* The `SortableOnDragEndEvent` event.
|
|
9
|
-
*/
|
|
10
|
-
export declare class SortableOnDragEndEvent implements BaseEvent<Sortable> {
|
|
11
|
-
/**
|
|
12
|
-
* The Sortable component.
|
|
13
|
-
*/
|
|
14
|
-
target: Sortable;
|
|
15
|
-
/**
|
|
16
|
-
* The previous index of the dragged item.
|
|
17
|
-
*/
|
|
18
|
-
prevIndex: number;
|
|
19
|
-
/**
|
|
20
|
-
* The new index of the dragged item.
|
|
21
|
-
*/
|
|
22
|
-
nextIndex: number;
|
|
23
|
-
/**
|
|
24
|
-
* The new state of the Sortable data.
|
|
25
|
-
*/
|
|
26
|
-
newState: Array<object>;
|
|
27
|
-
/**
|
|
28
|
-
* @hidden
|
|
29
|
-
*/
|
|
30
|
-
constructor(target: Sortable, prevIndex: number, nextIndex: number, newState: Array<object>);
|
|
31
|
-
}
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { BaseEvent } from './BaseEvent';
|
|
6
|
-
import { Sortable } from '../Sortable';
|
|
7
|
-
/**
|
|
8
|
-
* The `SortableOnDragOverEvent` event.
|
|
9
|
-
*/
|
|
10
|
-
export declare class SortableOnDragOverEvent implements BaseEvent<Sortable> {
|
|
11
|
-
/**
|
|
12
|
-
* The Sortable component.
|
|
13
|
-
*/
|
|
14
|
-
target: Sortable;
|
|
15
|
-
/**
|
|
16
|
-
* The previous index of the dragged item.
|
|
17
|
-
*/
|
|
18
|
-
prevIndex: number;
|
|
19
|
-
/**
|
|
20
|
-
* The new index of the dragged item.
|
|
21
|
-
*/
|
|
22
|
-
nextIndex: number;
|
|
23
|
-
/**
|
|
24
|
-
* The new state of the Sortable data.
|
|
25
|
-
*/
|
|
26
|
-
newState: Array<object>;
|
|
27
|
-
/**
|
|
28
|
-
* @hidden
|
|
29
|
-
*/
|
|
30
|
-
constructor(target: Sortable, prevIndex: number, nextIndex: number, newState: Array<object>);
|
|
31
|
-
}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { BaseEvent } from './BaseEvent';
|
|
6
|
-
import { Sortable } from '../Sortable';
|
|
7
|
-
import { PreventableEvent } from './PreventableEvent';
|
|
8
|
-
/**
|
|
9
|
-
* The `SortableOnDragStartEvent` event.
|
|
10
|
-
*/
|
|
11
|
-
export declare class SortableOnDragStartEvent extends PreventableEvent implements BaseEvent<Sortable> {
|
|
12
|
-
/**
|
|
13
|
-
* The Sortable component.
|
|
14
|
-
*/
|
|
15
|
-
target: Sortable;
|
|
16
|
-
/**
|
|
17
|
-
* The target element.
|
|
18
|
-
*/
|
|
19
|
-
element: HTMLElement;
|
|
20
|
-
/**
|
|
21
|
-
* The previous index of the dragged item.
|
|
22
|
-
*/
|
|
23
|
-
prevIndex: number;
|
|
24
|
-
/**
|
|
25
|
-
* @hidden
|
|
26
|
-
*/
|
|
27
|
-
constructor(target: Sortable, prevIndex: number, element: HTMLElement);
|
|
28
|
-
}
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { BaseEvent } from './BaseEvent';
|
|
6
|
-
import { Sortable } from '../Sortable';
|
|
7
|
-
/**
|
|
8
|
-
* The `SortableOnNavigateEvent` event.
|
|
9
|
-
*/
|
|
10
|
-
export declare class SortableOnNavigateEvent implements BaseEvent<Sortable> {
|
|
11
|
-
/**
|
|
12
|
-
* The Sortable component.
|
|
13
|
-
*/
|
|
14
|
-
target: Sortable;
|
|
15
|
-
/**
|
|
16
|
-
* The previous index of the dragged item.
|
|
17
|
-
*/
|
|
18
|
-
prevIndex: number;
|
|
19
|
-
/**
|
|
20
|
-
* The new index of the dragged item.
|
|
21
|
-
*/
|
|
22
|
-
nextIndex: number;
|
|
23
|
-
/**
|
|
24
|
-
* The new state of the Sortable data.
|
|
25
|
-
*/
|
|
26
|
-
newState: Array<object>;
|
|
27
|
-
/**
|
|
28
|
-
* @hidden
|
|
29
|
-
*/
|
|
30
|
-
constructor(target: Sortable, prevIndex: number, nextIndex: number, newState: Array<object>);
|
|
31
|
-
}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { SortableEmptyItemUIProps } from './SortableEmptyItemUIProps';
|
|
6
|
-
/**
|
|
7
|
-
* @hidden
|
|
8
|
-
*/
|
|
9
|
-
export interface SortableDefaultProps {
|
|
10
|
-
/**
|
|
11
|
-
* Specifies the tab index of the Sortable items.
|
|
12
|
-
*/
|
|
13
|
-
tabIndex?: number;
|
|
14
|
-
/**
|
|
15
|
-
* Enables or disables the [keyboard navigation]({% slug keyboard_navigation_sortable %}).
|
|
16
|
-
* Defaults to `true`.
|
|
17
|
-
*/
|
|
18
|
-
navigation?: boolean;
|
|
19
|
-
/**
|
|
20
|
-
* Enables or disables the reorder animation of the Sortable items.
|
|
21
|
-
* defaults to `true`.
|
|
22
|
-
*/
|
|
23
|
-
animation?: boolean;
|
|
24
|
-
/**
|
|
25
|
-
* The component that is rendered when no data is available.
|
|
26
|
-
*/
|
|
27
|
-
emptyItemUI?: React.ComponentType<SortableEmptyItemUIProps>;
|
|
28
|
-
}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
/**
|
|
6
|
-
* Represents the props of the UI component that is rendered when no data is available.
|
|
7
|
-
*/
|
|
8
|
-
export interface SortableEmptyItemUIProps {
|
|
9
|
-
/**
|
|
10
|
-
* The `noData` localization message.
|
|
11
|
-
*/
|
|
12
|
-
message: string;
|
|
13
|
-
}
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
/**
|
|
6
|
-
* Represents the props of the Sortable item UI component.
|
|
7
|
-
*/
|
|
8
|
-
export interface SortableItemUIProps {
|
|
9
|
-
/**
|
|
10
|
-
* The data object that represents the current Sortable item.
|
|
11
|
-
*/
|
|
12
|
-
dataItem: any;
|
|
13
|
-
/**
|
|
14
|
-
* The flag which describes that an item is disabled.
|
|
15
|
-
*/
|
|
16
|
-
isDisabled: boolean;
|
|
17
|
-
/**
|
|
18
|
-
* The flag which describes that an item is active.
|
|
19
|
-
*/
|
|
20
|
-
isActive: boolean;
|
|
21
|
-
/**
|
|
22
|
-
* The flag which describes that an item is dragged.
|
|
23
|
-
*/
|
|
24
|
-
isDragged: boolean;
|
|
25
|
-
/**
|
|
26
|
-
* The flag which describes that an item is rendered inside the drag cue.
|
|
27
|
-
*/
|
|
28
|
-
isDragCue: boolean;
|
|
29
|
-
/**
|
|
30
|
-
* The callback function that has to be passed to the `ref` property of the first child element.
|
|
31
|
-
*/
|
|
32
|
-
forwardRef?: (element: HTMLElement) => void;
|
|
33
|
-
/**
|
|
34
|
-
* The atributes that have to be passed to the first child element.
|
|
35
|
-
*/
|
|
36
|
-
attributes?: any;
|
|
37
|
-
/**
|
|
38
|
-
* The CSS styles that have to be passed to the first child element.
|
|
39
|
-
*/
|
|
40
|
-
style: React.CSSProperties;
|
|
41
|
-
}
|
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { SortableOnDragStartEvent } from './../events/SortableOnDragStartEvent';
|
|
6
|
-
import { SortableOnDragOverEvent } from './../events/SortableOnDragOverEvent';
|
|
7
|
-
import { SortableOnDragEndEvent } from './../events/SortableOnDragEndEvent';
|
|
8
|
-
import { SortableOnNavigateEvent } from './../events/SortableOnNavigateEvent';
|
|
9
|
-
import { SortableItemUIProps } from './SortableItemUIProps';
|
|
10
|
-
import { SortableDefaultProps } from './SortableDefaultProps';
|
|
11
|
-
/**
|
|
12
|
-
* Represents the props of the [KendoReact Sortable component]({% slug overview_sortable %}).
|
|
13
|
-
*/
|
|
14
|
-
export interface SortableProps extends SortableDefaultProps {
|
|
15
|
-
/**
|
|
16
|
-
* (Required) The Sortable items UI.
|
|
17
|
-
*/
|
|
18
|
-
itemUI: React.ComponentType<SortableItemUIProps>;
|
|
19
|
-
/**
|
|
20
|
-
* @hidden
|
|
21
|
-
*
|
|
22
|
-
* Use it to override the sortable items container component.
|
|
23
|
-
*
|
|
24
|
-
* @default 'div''
|
|
25
|
-
*/
|
|
26
|
-
itemsWrapUI?: React.ForwardRefExoticComponent<any>;
|
|
27
|
-
/**
|
|
28
|
-
* (Required) The field which uniquely identifies the Sortable items.
|
|
29
|
-
*/
|
|
30
|
-
idField: string;
|
|
31
|
-
/**
|
|
32
|
-
* The field which enables or disables an item.
|
|
33
|
-
*/
|
|
34
|
-
disabledField?: string;
|
|
35
|
-
/**
|
|
36
|
-
* (Required) The data items of the Sortable.
|
|
37
|
-
*/
|
|
38
|
-
data: Array<object>;
|
|
39
|
-
/**
|
|
40
|
-
* Defines the CSS styles which are applied to the Sortable element.
|
|
41
|
-
*/
|
|
42
|
-
style?: React.CSSProperties;
|
|
43
|
-
/**
|
|
44
|
-
* Defines the CSS class which is applied to the Sortable element.
|
|
45
|
-
*/
|
|
46
|
-
className?: string;
|
|
47
|
-
/**
|
|
48
|
-
* Fires when the user starts dragging an item. This event is preventable.
|
|
49
|
-
*/
|
|
50
|
-
onDragStart?: (event: SortableOnDragStartEvent) => void;
|
|
51
|
-
/**
|
|
52
|
-
* Fires when the user is dragging an item over another Sortable item.
|
|
53
|
-
*/
|
|
54
|
-
onDragOver?: (event: SortableOnDragOverEvent) => void;
|
|
55
|
-
/**
|
|
56
|
-
* Fires when the user stops dragging an item.
|
|
57
|
-
*/
|
|
58
|
-
onDragEnd?: (event: SortableOnDragEndEvent) => void;
|
|
59
|
-
/**
|
|
60
|
-
* Fires when the user is navigates within the Srotable by using the keyboard.
|
|
61
|
-
*/
|
|
62
|
-
onNavigate?: (event: SortableOnNavigateEvent) => void;
|
|
63
|
-
}
|
package/messages/index.d.ts
DELETED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
/**
|
|
6
|
-
* @hidden
|
|
7
|
-
*/
|
|
8
|
-
export declare const noData = "sortable.noData";
|
|
9
|
-
/**
|
|
10
|
-
* @hidden
|
|
11
|
-
*/
|
|
12
|
-
export declare const messages: {
|
|
13
|
-
"sortable.noData": string;
|
|
14
|
-
};
|
package/package-metadata.d.ts
DELETED
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { PackageMetadata } from '@progress/kendo-licensing';
|
|
6
|
-
/**
|
|
7
|
-
* @hidden
|
|
8
|
-
*/
|
|
9
|
-
export declare const packageMetadata: PackageMetadata;
|
package/utils/utils.d.ts
DELETED
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
/**
|
|
6
|
-
* @hidden
|
|
7
|
-
*/
|
|
8
|
-
declare const find: (data: object[], comparer: (item: object) => boolean) => object | undefined;
|
|
9
|
-
/**
|
|
10
|
-
* @hidden
|
|
11
|
-
*/
|
|
12
|
-
declare const findIndex: (data: object[], comparer: (item: object) => boolean) => number;
|
|
13
|
-
/**
|
|
14
|
-
* @hidden
|
|
15
|
-
*/
|
|
16
|
-
declare const toClassList: (classNames: string) => string[];
|
|
17
|
-
/**
|
|
18
|
-
* @hidden
|
|
19
|
-
*/
|
|
20
|
-
declare const hasClasses: (element: any, classNames: string) => boolean;
|
|
21
|
-
/**
|
|
22
|
-
* @hidden
|
|
23
|
-
*/
|
|
24
|
-
declare const isFocusable: (element: any) => boolean;
|
|
25
|
-
/**
|
|
26
|
-
* @hidden
|
|
27
|
-
*/
|
|
28
|
-
declare const closest: (node: any, predicate: any) => any;
|
|
29
|
-
/**
|
|
30
|
-
* @hidden
|
|
31
|
-
*/
|
|
32
|
-
declare const relativeContextElement: (element: any) => any;
|
|
33
|
-
export { find, findIndex, toClassList, hasClasses, isFocusable, closest, relativeContextElement };
|