@progress/kendo-react-sortable 7.2.4-develop.3 → 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.
Files changed (38) hide show
  1. package/Sortable.js +8 -0
  2. package/Sortable.mjs +396 -0
  3. package/dist/cdn/js/kendo-react-sortable.js +8 -5
  4. package/events/PreventableEvent.js +8 -0
  5. package/events/PreventableEvent.mjs +33 -0
  6. package/events/SortableOnDragEndEvent.js +8 -0
  7. package/events/SortableOnDragEndEvent.mjs +19 -0
  8. package/events/SortableOnDragOverEvent.js +8 -0
  9. package/events/SortableOnDragOverEvent.mjs +19 -0
  10. package/events/SortableOnDragStartEvent.js +8 -0
  11. package/events/SortableOnDragStartEvent.mjs +20 -0
  12. package/events/SortableOnNavigateEvent.js +8 -0
  13. package/events/SortableOnNavigateEvent.mjs +19 -0
  14. package/index.d.mts +472 -5
  15. package/index.d.ts +472 -13
  16. package/index.js +8 -5
  17. package/index.mjs +17 -483
  18. package/messages/index.js +8 -0
  19. package/messages/index.mjs +15 -0
  20. package/package-metadata.js +8 -0
  21. package/package-metadata.mjs +19 -0
  22. package/package.json +3 -3
  23. package/utils/utils.js +8 -0
  24. package/utils/utils.mjs +51 -0
  25. package/Sortable.d.ts +0 -210
  26. package/events/BaseEvent.d.ts +0 -13
  27. package/events/PreventableEvent.d.ts +0 -22
  28. package/events/SortableOnDragEndEvent.d.ts +0 -31
  29. package/events/SortableOnDragOverEvent.d.ts +0 -31
  30. package/events/SortableOnDragStartEvent.d.ts +0 -28
  31. package/events/SortableOnNavigateEvent.d.ts +0 -31
  32. package/interfaces/SortableDefaultProps.d.ts +0 -28
  33. package/interfaces/SortableEmptyItemUIProps.d.ts +0 -13
  34. package/interfaces/SortableItemUIProps.d.ts +0 -41
  35. package/interfaces/SortableProps.d.ts +0 -63
  36. package/messages/index.d.ts +0 -14
  37. package/package-metadata.d.ts +0 -9
  38. 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 {};
@@ -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
- }
@@ -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
- };
@@ -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 };