@progress/kendo-react-sortable 6.1.1 → 7.0.0-develop.2

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 (73) hide show
  1. package/LICENSE.md +1 -1
  2. package/{dist/npm/Sortable.d.ts → Sortable.d.ts} +8 -4
  3. package/dist/cdn/js/kendo-react-sortable.js +5 -1
  4. package/events/BaseEvent.d.ts +13 -0
  5. package/{dist/es/events → events}/PreventableEvent.d.ts +4 -0
  6. package/{dist/npm/events → events}/SortableOnDragEndEvent.d.ts +4 -0
  7. package/{dist/npm/events → events}/SortableOnDragOverEvent.d.ts +4 -0
  8. package/{dist/npm/events → events}/SortableOnDragStartEvent.d.ts +4 -0
  9. package/{dist/es/events → events}/SortableOnNavigateEvent.d.ts +4 -0
  10. package/index.d.ts +13 -0
  11. package/index.js +5 -0
  12. package/index.mjs +485 -0
  13. package/{dist/es/interfaces → interfaces}/SortableDefaultProps.d.ts +4 -1
  14. package/interfaces/SortableEmptyItemUIProps.d.ts +13 -0
  15. package/{dist/npm/interfaces → interfaces}/SortableItemUIProps.d.ts +4 -1
  16. package/{dist/es/interfaces → interfaces}/SortableProps.d.ts +4 -1
  17. package/messages/index.d.ts +14 -0
  18. package/package-metadata.d.ts +9 -0
  19. package/package.json +27 -37
  20. package/{dist/npm/utils → utils}/utils.d.ts +4 -0
  21. package/about.md +0 -3
  22. package/dist/es/Sortable.d.ts +0 -206
  23. package/dist/es/Sortable.js +0 -691
  24. package/dist/es/events/BaseEvent.d.ts +0 -10
  25. package/dist/es/events/BaseEvent.js +0 -1
  26. package/dist/es/events/PreventableEvent.js +0 -28
  27. package/dist/es/events/SortableOnDragEndEvent.d.ts +0 -27
  28. package/dist/es/events/SortableOnDragEndEvent.js +0 -16
  29. package/dist/es/events/SortableOnDragOverEvent.d.ts +0 -27
  30. package/dist/es/events/SortableOnDragOverEvent.js +0 -16
  31. package/dist/es/events/SortableOnDragStartEvent.d.ts +0 -24
  32. package/dist/es/events/SortableOnDragStartEvent.js +0 -34
  33. package/dist/es/events/SortableOnNavigateEvent.js +0 -16
  34. package/dist/es/interfaces/SortableDefaultProps.js +0 -1
  35. package/dist/es/interfaces/SortableEmptyItemUIProps.d.ts +0 -9
  36. package/dist/es/interfaces/SortableEmptyItemUIProps.js +0 -1
  37. package/dist/es/interfaces/SortableItemUIProps.d.ts +0 -38
  38. package/dist/es/interfaces/SortableItemUIProps.js +0 -1
  39. package/dist/es/interfaces/SortableProps.js +0 -1
  40. package/dist/es/main.d.ts +0 -9
  41. package/dist/es/main.js +0 -6
  42. package/dist/es/messages/index.d.ts +0 -10
  43. package/dist/es/messages/index.js +0 -11
  44. package/dist/es/package-metadata.d.ts +0 -5
  45. package/dist/es/package-metadata.js +0 -11
  46. package/dist/es/utils/utils.d.ts +0 -29
  47. package/dist/es/utils/utils.js +0 -84
  48. package/dist/npm/Sortable.js +0 -694
  49. package/dist/npm/events/BaseEvent.d.ts +0 -10
  50. package/dist/npm/events/BaseEvent.js +0 -2
  51. package/dist/npm/events/PreventableEvent.d.ts +0 -18
  52. package/dist/npm/events/PreventableEvent.js +0 -31
  53. package/dist/npm/events/SortableOnDragEndEvent.js +0 -19
  54. package/dist/npm/events/SortableOnDragOverEvent.js +0 -19
  55. package/dist/npm/events/SortableOnDragStartEvent.js +0 -37
  56. package/dist/npm/events/SortableOnNavigateEvent.d.ts +0 -27
  57. package/dist/npm/events/SortableOnNavigateEvent.js +0 -19
  58. package/dist/npm/interfaces/SortableDefaultProps.d.ts +0 -25
  59. package/dist/npm/interfaces/SortableDefaultProps.js +0 -2
  60. package/dist/npm/interfaces/SortableEmptyItemUIProps.d.ts +0 -9
  61. package/dist/npm/interfaces/SortableEmptyItemUIProps.js +0 -2
  62. package/dist/npm/interfaces/SortableItemUIProps.js +0 -2
  63. package/dist/npm/interfaces/SortableProps.d.ts +0 -60
  64. package/dist/npm/interfaces/SortableProps.js +0 -2
  65. package/dist/npm/main.d.ts +0 -9
  66. package/dist/npm/main.js +0 -13
  67. package/dist/npm/messages/index.d.ts +0 -10
  68. package/dist/npm/messages/index.js +0 -14
  69. package/dist/npm/package-metadata.d.ts +0 -5
  70. package/dist/npm/package-metadata.js +0 -14
  71. package/dist/npm/utils/utils.js +0 -93
  72. package/dist/systemjs/kendo-react-sortable.js +0 -1
  73. package/e2e-next/basic.tests.ts +0 -23
@@ -1,28 +0,0 @@
1
- /**
2
- * @hidden
3
- */
4
- var PreventableEvent = /** @class */ (function () {
5
- function PreventableEvent() {
6
- this.prevented = false;
7
- }
8
- /* eslint-disable max-len */
9
- /**
10
- * Prevents the default action for a specified event.
11
- * In this way, the source component suppresses the built-in behavior that follows the event.
12
- */
13
- PreventableEvent.prototype.preventDefault = function () {
14
- this.prevented = true;
15
- };
16
- /**
17
- * Returns `true` if the event was prevented by any of its subscribers.
18
- *
19
- * @returns - Returns `true` if the default action was prevented.
20
- * Otherwise, returns `false`.
21
- */
22
- PreventableEvent.prototype.isDefaultPrevented = function () {
23
- return this.prevented;
24
- };
25
- return PreventableEvent;
26
- }());
27
- export { PreventableEvent };
28
- // tslint:enable:max-line-length
@@ -1,27 +0,0 @@
1
- import { BaseEvent } from './BaseEvent';
2
- import { Sortable } from '../Sortable';
3
- /**
4
- * The `SortableOnDragEndEvent` event.
5
- */
6
- export declare class SortableOnDragEndEvent implements BaseEvent<Sortable> {
7
- /**
8
- * The Sortable component.
9
- */
10
- target: Sortable;
11
- /**
12
- * The previous index of the dragged item.
13
- */
14
- prevIndex: number;
15
- /**
16
- * The new index of the dragged item.
17
- */
18
- nextIndex: number;
19
- /**
20
- * The new state of the Sortable data.
21
- */
22
- newState: Array<object>;
23
- /**
24
- * @hidden
25
- */
26
- constructor(target: Sortable, prevIndex: number, nextIndex: number, newState: Array<object>);
27
- }
@@ -1,16 +0,0 @@
1
- /**
2
- * The `SortableOnDragEndEvent` event.
3
- */
4
- var SortableOnDragEndEvent = /** @class */ (function () {
5
- /**
6
- * @hidden
7
- */
8
- function SortableOnDragEndEvent(target, prevIndex, nextIndex, newState) {
9
- this.target = target;
10
- this.prevIndex = prevIndex;
11
- this.nextIndex = nextIndex;
12
- this.newState = newState;
13
- }
14
- return SortableOnDragEndEvent;
15
- }());
16
- export { SortableOnDragEndEvent };
@@ -1,27 +0,0 @@
1
- import { BaseEvent } from './BaseEvent';
2
- import { Sortable } from '../Sortable';
3
- /**
4
- * The `SortableOnDragOverEvent` event.
5
- */
6
- export declare class SortableOnDragOverEvent implements BaseEvent<Sortable> {
7
- /**
8
- * The Sortable component.
9
- */
10
- target: Sortable;
11
- /**
12
- * The previous index of the dragged item.
13
- */
14
- prevIndex: number;
15
- /**
16
- * The new index of the dragged item.
17
- */
18
- nextIndex: number;
19
- /**
20
- * The new state of the Sortable data.
21
- */
22
- newState: Array<object>;
23
- /**
24
- * @hidden
25
- */
26
- constructor(target: Sortable, prevIndex: number, nextIndex: number, newState: Array<object>);
27
- }
@@ -1,16 +0,0 @@
1
- /**
2
- * The `SortableOnDragOverEvent` event.
3
- */
4
- var SortableOnDragOverEvent = /** @class */ (function () {
5
- /**
6
- * @hidden
7
- */
8
- function SortableOnDragOverEvent(target, prevIndex, nextIndex, newState) {
9
- this.target = target;
10
- this.prevIndex = prevIndex;
11
- this.nextIndex = nextIndex;
12
- this.newState = newState;
13
- }
14
- return SortableOnDragOverEvent;
15
- }());
16
- export { SortableOnDragOverEvent };
@@ -1,24 +0,0 @@
1
- import { BaseEvent } from './BaseEvent';
2
- import { Sortable } from '../Sortable';
3
- import { PreventableEvent } from './PreventableEvent';
4
- /**
5
- * The `SortableOnDragStartEvent` event.
6
- */
7
- export declare class SortableOnDragStartEvent extends PreventableEvent implements BaseEvent<Sortable> {
8
- /**
9
- * The Sortable component.
10
- */
11
- target: Sortable;
12
- /**
13
- * The target element.
14
- */
15
- element: HTMLElement;
16
- /**
17
- * The previous index of the dragged item.
18
- */
19
- prevIndex: number;
20
- /**
21
- * @hidden
22
- */
23
- constructor(target: Sortable, prevIndex: number, element: HTMLElement);
24
- }
@@ -1,34 +0,0 @@
1
- var __extends = (this && this.__extends) || (function () {
2
- var extendStatics = function (d, b) {
3
- extendStatics = Object.setPrototypeOf ||
4
- ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
5
- function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
6
- return extendStatics(d, b);
7
- };
8
- return function (d, b) {
9
- if (typeof b !== "function" && b !== null)
10
- throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
11
- extendStatics(d, b);
12
- function __() { this.constructor = d; }
13
- d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
14
- };
15
- })();
16
- import { PreventableEvent } from './PreventableEvent';
17
- /**
18
- * The `SortableOnDragStartEvent` event.
19
- */
20
- var SortableOnDragStartEvent = /** @class */ (function (_super) {
21
- __extends(SortableOnDragStartEvent, _super);
22
- /**
23
- * @hidden
24
- */
25
- function SortableOnDragStartEvent(target, prevIndex, element) {
26
- var _this = _super.call(this) || this;
27
- _this.target = target;
28
- _this.prevIndex = prevIndex;
29
- _this.element = element;
30
- return _this;
31
- }
32
- return SortableOnDragStartEvent;
33
- }(PreventableEvent));
34
- export { SortableOnDragStartEvent };
@@ -1,16 +0,0 @@
1
- /**
2
- * The `SortableOnNavigateEvent` event.
3
- */
4
- var SortableOnNavigateEvent = /** @class */ (function () {
5
- /**
6
- * @hidden
7
- */
8
- function SortableOnNavigateEvent(target, prevIndex, nextIndex, newState) {
9
- this.target = target;
10
- this.prevIndex = prevIndex;
11
- this.nextIndex = nextIndex;
12
- this.newState = newState;
13
- }
14
- return SortableOnNavigateEvent;
15
- }());
16
- export { SortableOnNavigateEvent };
@@ -1 +0,0 @@
1
- export {};
@@ -1,9 +0,0 @@
1
- /**
2
- * Represents the props of the UI component that is rendered when no data is available.
3
- */
4
- export interface SortableEmptyItemUIProps {
5
- /**
6
- * The `noData` localization message.
7
- */
8
- message: string;
9
- }
@@ -1 +0,0 @@
1
- export {};
@@ -1,38 +0,0 @@
1
- /// <reference types="react" />
2
- /**
3
- * Represents the props of the Sortable item UI component.
4
- */
5
- export interface SortableItemUIProps {
6
- /**
7
- * The data object that represents the current Sortable item.
8
- */
9
- dataItem: any;
10
- /**
11
- * The flag which describes that an item is disabled.
12
- */
13
- isDisabled: boolean;
14
- /**
15
- * The flag which describes that an item is active.
16
- */
17
- isActive: boolean;
18
- /**
19
- * The flag which describes that an item is dragged.
20
- */
21
- isDragged: boolean;
22
- /**
23
- * The flag which describes that an item is rendered inside the drag cue.
24
- */
25
- isDragCue: boolean;
26
- /**
27
- * The callback function that has to be passed to the `ref` property of the first child element.
28
- */
29
- forwardRef?: (element: HTMLElement) => void;
30
- /**
31
- * The atributes that have to be passed to the first child element.
32
- */
33
- attributes?: any;
34
- /**
35
- * The CSS styles that have to be passed to the first child element.
36
- */
37
- style: React.CSSProperties;
38
- }
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export {};
package/dist/es/main.d.ts DELETED
@@ -1,9 +0,0 @@
1
- import { Sortable } from './Sortable';
2
- import { SortableOnDragStartEvent } from './events/SortableOnDragStartEvent';
3
- import { SortableOnDragOverEvent } from './events/SortableOnDragOverEvent';
4
- import { SortableOnDragEndEvent } from './events/SortableOnDragEndEvent';
5
- import { SortableProps } from './interfaces/SortableProps';
6
- import { SortableItemUIProps } from './interfaces/SortableItemUIProps';
7
- import { SortableEmptyItemUIProps } from './interfaces/SortableEmptyItemUIProps';
8
- import { SortableOnNavigateEvent } from './events/SortableOnNavigateEvent';
9
- export { Sortable, SortableProps, SortableItemUIProps, SortableEmptyItemUIProps, SortableOnDragStartEvent, SortableOnDragOverEvent, SortableOnDragEndEvent, SortableOnNavigateEvent };
package/dist/es/main.js DELETED
@@ -1,6 +0,0 @@
1
- import { Sortable } from './Sortable';
2
- import { SortableOnDragStartEvent } from './events/SortableOnDragStartEvent';
3
- import { SortableOnDragOverEvent } from './events/SortableOnDragOverEvent';
4
- import { SortableOnDragEndEvent } from './events/SortableOnDragEndEvent';
5
- import { SortableOnNavigateEvent } from './events/SortableOnNavigateEvent';
6
- export { Sortable, SortableOnDragStartEvent, SortableOnDragOverEvent, SortableOnDragEndEvent, SortableOnNavigateEvent };
@@ -1,10 +0,0 @@
1
- /**
2
- * @hidden
3
- */
4
- export declare const noData = "sortable.noData";
5
- /**
6
- * @hidden
7
- */
8
- export declare const messages: {
9
- "sortable.noData": string;
10
- };
@@ -1,11 +0,0 @@
1
- var _a;
2
- /**
3
- * @hidden
4
- */
5
- export var noData = 'sortable.noData';
6
- /**
7
- * @hidden
8
- */
9
- export var messages = (_a = {},
10
- _a[noData] = 'No Data',
11
- _a);
@@ -1,5 +0,0 @@
1
- import { PackageMetadata } from '@progress/kendo-licensing';
2
- /**
3
- * @hidden
4
- */
5
- export declare const packageMetadata: PackageMetadata;
@@ -1,11 +0,0 @@
1
- /**
2
- * @hidden
3
- */
4
- export var packageMetadata = {
5
- name: '@progress/kendo-react-sortable',
6
- productName: 'KendoReact',
7
- productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
8
- publishDate: 1700065191,
9
- version: '',
10
- licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
11
- };
@@ -1,29 +0,0 @@
1
- /**
2
- * @hidden
3
- */
4
- declare const find: (data: object[], comparer: (item: object) => boolean) => object | undefined;
5
- /**
6
- * @hidden
7
- */
8
- declare const findIndex: (data: object[], comparer: (item: object) => boolean) => number;
9
- /**
10
- * @hidden
11
- */
12
- declare const toClassList: (classNames: string) => string[];
13
- /**
14
- * @hidden
15
- */
16
- declare const hasClasses: (element: any, classNames: string) => boolean;
17
- /**
18
- * @hidden
19
- */
20
- declare const isFocusable: (element: any) => boolean;
21
- /**
22
- * @hidden
23
- */
24
- declare const closest: (node: any, predicate: any) => any;
25
- /**
26
- * @hidden
27
- */
28
- declare const relativeContextElement: (element: any) => any;
29
- export { find, findIndex, toClassList, hasClasses, isFocusable, closest, relativeContextElement };
@@ -1,84 +0,0 @@
1
- import { hasRelativeStackingContext } from '@progress/kendo-react-common';
2
- /**
3
- * @hidden
4
- */
5
- var find = function (data, comparer) {
6
- // required for IE11
7
- for (var i = 0; i < data.length; i++) {
8
- if (comparer(data[i])) {
9
- return data[i];
10
- }
11
- }
12
- };
13
- /**
14
- * @hidden
15
- */
16
- var findIndex = function (data, comparer) {
17
- // required for IE11
18
- for (var i = 0; i < data.length; i++) {
19
- if (comparer(data[i])) {
20
- return i;
21
- }
22
- }
23
- return -1;
24
- };
25
- /**
26
- * @hidden
27
- */
28
- var toClassList = function (classNames) { return String(classNames).trim().split(' '); };
29
- /**
30
- * @hidden
31
- */
32
- var hasClasses = function (element, classNames) {
33
- var namesList = toClassList(classNames);
34
- return Boolean(toClassList(element.className).find(function (className) { return namesList.indexOf(className) >= 0; }));
35
- };
36
- /**
37
- * @hidden
38
- */
39
- var FOCUSABLE_REGEX = /^(?:a|input|select|option|textarea|button|object)$/i;
40
- /**
41
- * @hidden
42
- */
43
- var isFocusable = function (element) {
44
- if (element.tagName) {
45
- var tagName = element.tagName.toLowerCase();
46
- var tabIndex = element.getAttribute('tabIndex');
47
- var skipTab = tabIndex === '-1';
48
- var focusable = tabIndex !== null && !skipTab;
49
- if (FOCUSABLE_REGEX.test(tagName)) {
50
- focusable = !element.disabled && !skipTab;
51
- }
52
- return focusable;
53
- }
54
- return false;
55
- };
56
- /**
57
- * @hidden
58
- */
59
- var closest = function (node, predicate) {
60
- while (node && !predicate(node)) {
61
- node = node.parentNode;
62
- }
63
- return node;
64
- };
65
- /**
66
- * @hidden
67
- */
68
- var HAS_RELATIVE_STACKING_CONTEXT = hasRelativeStackingContext();
69
- /**
70
- * @hidden
71
- */
72
- var relativeContextElement = function (element) {
73
- if (!element || !HAS_RELATIVE_STACKING_CONTEXT) {
74
- return null;
75
- }
76
- var node = element.parentElement;
77
- while (node) {
78
- if (window.getComputedStyle(node).transform !== 'none') {
79
- return node;
80
- }
81
- node = node.parentElement;
82
- }
83
- };
84
- export { find, findIndex, toClassList, hasClasses, isFocusable, closest, relativeContextElement };