@progress/kendo-react-data-tools 5.18.0-dev.202308301538 → 5.18.0-dev.202308311423
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/dist/cdn/js/kendo-react-data-tools.js +1 -1
- package/dist/es/drag/ColumnResizer.d.ts +7 -1
- package/dist/es/drag/ColumnResizer.js +21 -3
- package/dist/es/main.d.ts +1 -0
- package/dist/es/main.js +1 -0
- package/dist/es/package-metadata.js +1 -1
- package/dist/es/pager/PagerNumericButtons.js +3 -3
- package/dist/npm/drag/ColumnResizer.d.ts +7 -1
- package/dist/npm/drag/ColumnResizer.js +21 -3
- package/dist/npm/main.d.ts +1 -0
- package/dist/npm/main.js +3 -1
- package/dist/npm/package-metadata.js +1 -1
- package/dist/npm/pager/PagerNumericButtons.js +2 -2
- package/dist/systemjs/kendo-react-data-tools.js +1 -1
- package/package.json +10 -10
|
@@ -4,12 +4,14 @@ import * as React from 'react';
|
|
|
4
4
|
*/
|
|
5
5
|
export interface ColumnResizerResizerProps {
|
|
6
6
|
resize: (event: any, dragCue: HTMLSpanElement, end: boolean) => void;
|
|
7
|
+
autofit?: (event: React.MouseEvent<HTMLSpanElement, MouseEvent>, dragCue: HTMLSpanElement) => void;
|
|
7
8
|
}
|
|
8
9
|
/**
|
|
9
10
|
* @hidden
|
|
10
11
|
*/
|
|
11
|
-
export declare class ColumnResizer extends React.
|
|
12
|
+
export declare class ColumnResizer extends React.Component<ColumnResizerResizerProps, {}> {
|
|
12
13
|
private draggable;
|
|
14
|
+
private isDragged;
|
|
13
15
|
/**
|
|
14
16
|
* @hidden
|
|
15
17
|
*/
|
|
@@ -18,5 +20,9 @@ export declare class ColumnResizer extends React.PureComponent<ColumnResizerResi
|
|
|
18
20
|
* @hidden
|
|
19
21
|
*/
|
|
20
22
|
onRelease: (data: any) => void;
|
|
23
|
+
/**
|
|
24
|
+
* @hidden
|
|
25
|
+
*/
|
|
26
|
+
onDoubleClick: (event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;
|
|
21
27
|
render(): JSX.Element;
|
|
22
28
|
}
|
|
@@ -23,10 +23,12 @@ var ColumnResizer = /** @class */ (function (_super) {
|
|
|
23
23
|
function ColumnResizer() {
|
|
24
24
|
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
25
25
|
_this.draggable = null;
|
|
26
|
+
_this.isDragged = false;
|
|
26
27
|
/**
|
|
27
28
|
* @hidden
|
|
28
29
|
*/
|
|
29
30
|
_this.onDrag = function (data) {
|
|
31
|
+
_this.isDragged = true;
|
|
30
32
|
var element = _this.draggable && _this.draggable.element;
|
|
31
33
|
if (element) {
|
|
32
34
|
_this.props.resize(data.event, element, false);
|
|
@@ -36,18 +38,34 @@ var ColumnResizer = /** @class */ (function (_super) {
|
|
|
36
38
|
* @hidden
|
|
37
39
|
*/
|
|
38
40
|
_this.onRelease = function (data) {
|
|
41
|
+
if (!_this.isDragged) {
|
|
42
|
+
return;
|
|
43
|
+
}
|
|
39
44
|
var element = _this.draggable && _this.draggable.element;
|
|
40
45
|
if (element) {
|
|
41
46
|
_this.props.resize(data.event, element, true);
|
|
42
47
|
}
|
|
48
|
+
_this.isDragged = false;
|
|
49
|
+
};
|
|
50
|
+
/**
|
|
51
|
+
* @hidden
|
|
52
|
+
*/
|
|
53
|
+
_this.onDoubleClick = function (event) {
|
|
54
|
+
if (_this.isDragged) {
|
|
55
|
+
return;
|
|
56
|
+
}
|
|
57
|
+
var element = _this.draggable && _this.draggable.element;
|
|
58
|
+
if (element && _this.props.autofit) {
|
|
59
|
+
_this.props.autofit(event, element);
|
|
60
|
+
}
|
|
43
61
|
};
|
|
44
62
|
return _this;
|
|
45
63
|
}
|
|
46
64
|
ColumnResizer.prototype.render = function () {
|
|
47
65
|
var _this = this;
|
|
48
|
-
return (React.createElement(Draggable, { onDrag: this.onDrag, onRelease: this.onRelease, ref: function (component) { _this.draggable = component; } },
|
|
49
|
-
React.createElement("span", { className: "k-column-resizer", draggable: false })));
|
|
66
|
+
return (React.createElement(Draggable, { onPress: function (e) { e.event.originalEvent.stopPropagation(); }, onDrag: this.onDrag, onRelease: this.onRelease, ref: function (component) { _this.draggable = component; } },
|
|
67
|
+
React.createElement("span", { className: "k-column-resizer", style: { touchAction: 'none' }, draggable: false, onDoubleClick: this.onDoubleClick })));
|
|
50
68
|
};
|
|
51
69
|
return ColumnResizer;
|
|
52
|
-
}(React.
|
|
70
|
+
}(React.Component));
|
|
53
71
|
export { ColumnResizer };
|
package/dist/es/main.d.ts
CHANGED
|
@@ -3,6 +3,7 @@ export * from './filteringCells';
|
|
|
3
3
|
export * from './header';
|
|
4
4
|
export * from './virtualization';
|
|
5
5
|
export { ColumnResize } from './drag/ColumnResize';
|
|
6
|
+
export { ColumnResizer } from './drag/ColumnResizer';
|
|
6
7
|
export { CommonDragLogic } from './drag/CommonDragLogic';
|
|
7
8
|
export { DragClue } from './drag/DragClue';
|
|
8
9
|
export { DropClue } from './drag/DropClue';
|
package/dist/es/main.js
CHANGED
|
@@ -3,6 +3,7 @@ export * from './filteringCells';
|
|
|
3
3
|
export * from './header';
|
|
4
4
|
export * from './virtualization';
|
|
5
5
|
export { ColumnResize } from './drag/ColumnResize';
|
|
6
|
+
export { ColumnResizer } from './drag/ColumnResizer';
|
|
6
7
|
export { CommonDragLogic } from './drag/CommonDragLogic';
|
|
7
8
|
export { DragClue } from './drag/DragClue';
|
|
8
9
|
export { DropClue } from './drag/DropClue';
|
|
@@ -5,7 +5,7 @@ export var packageMetadata = {
|
|
|
5
5
|
name: '@progress/kendo-react-data-tools',
|
|
6
6
|
productName: 'KendoReact',
|
|
7
7
|
productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
|
|
8
|
-
publishDate:
|
|
8
|
+
publishDate: 1693489437,
|
|
9
9
|
version: '',
|
|
10
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
11
|
};
|
|
@@ -16,7 +16,7 @@ var __extends = (this && this.__extends) || (function () {
|
|
|
16
16
|
import * as React from 'react';
|
|
17
17
|
import { classNames, kendoThemeMaps } from '@progress/kendo-react-common';
|
|
18
18
|
import { Button } from '@progress/kendo-react-buttons';
|
|
19
|
-
import { messages, pagerMobileSelect,
|
|
19
|
+
import { messages, pagerMobileSelect, pagerPage, pagerMoreButtonLabel } from '../messages';
|
|
20
20
|
import { provideLocalizationService } from '@progress/kendo-react-intl';
|
|
21
21
|
var dots = '...';
|
|
22
22
|
/**
|
|
@@ -42,8 +42,8 @@ var PagerNumericButtons = /** @class */ (function (_super) {
|
|
|
42
42
|
var localizationService = provideLocalizationService(this);
|
|
43
43
|
var mobileSelectMessage = this.props.messagesMap ? this.props.messagesMap(pagerMobileSelect) :
|
|
44
44
|
({ messageKey: pagerMobileSelect, defaultMessage: messages[pagerMobileSelect] });
|
|
45
|
-
var pageNumberLabelMessage = this.props.messagesMap ? this.props.messagesMap(
|
|
46
|
-
({ messageKey:
|
|
45
|
+
var pageNumberLabelMessage = this.props.messagesMap ? this.props.messagesMap(pagerPage) :
|
|
46
|
+
({ messageKey: pagerPage, defaultMessage: messages[pagerPage] });
|
|
47
47
|
var pagerMorePagesLabelMessage = this.props.messagesMap ? this.props.messagesMap(pagerMoreButtonLabel) :
|
|
48
48
|
({ messageKey: pagerMoreButtonLabel, defaultMessage: messages[pagerMoreButtonLabel] });
|
|
49
49
|
var pagerMoreButtonAriaLabel = localizationService.toLanguageString(pagerMorePagesLabelMessage.messageKey, pagerMorePagesLabelMessage.defaultMessage);
|
|
@@ -4,12 +4,14 @@ import * as React from 'react';
|
|
|
4
4
|
*/
|
|
5
5
|
export interface ColumnResizerResizerProps {
|
|
6
6
|
resize: (event: any, dragCue: HTMLSpanElement, end: boolean) => void;
|
|
7
|
+
autofit?: (event: React.MouseEvent<HTMLSpanElement, MouseEvent>, dragCue: HTMLSpanElement) => void;
|
|
7
8
|
}
|
|
8
9
|
/**
|
|
9
10
|
* @hidden
|
|
10
11
|
*/
|
|
11
|
-
export declare class ColumnResizer extends React.
|
|
12
|
+
export declare class ColumnResizer extends React.Component<ColumnResizerResizerProps, {}> {
|
|
12
13
|
private draggable;
|
|
14
|
+
private isDragged;
|
|
13
15
|
/**
|
|
14
16
|
* @hidden
|
|
15
17
|
*/
|
|
@@ -18,5 +20,9 @@ export declare class ColumnResizer extends React.PureComponent<ColumnResizerResi
|
|
|
18
20
|
* @hidden
|
|
19
21
|
*/
|
|
20
22
|
onRelease: (data: any) => void;
|
|
23
|
+
/**
|
|
24
|
+
* @hidden
|
|
25
|
+
*/
|
|
26
|
+
onDoubleClick: (event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;
|
|
21
27
|
render(): JSX.Element;
|
|
22
28
|
}
|
|
@@ -26,10 +26,12 @@ var ColumnResizer = /** @class */ (function (_super) {
|
|
|
26
26
|
function ColumnResizer() {
|
|
27
27
|
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
28
28
|
_this.draggable = null;
|
|
29
|
+
_this.isDragged = false;
|
|
29
30
|
/**
|
|
30
31
|
* @hidden
|
|
31
32
|
*/
|
|
32
33
|
_this.onDrag = function (data) {
|
|
34
|
+
_this.isDragged = true;
|
|
33
35
|
var element = _this.draggable && _this.draggable.element;
|
|
34
36
|
if (element) {
|
|
35
37
|
_this.props.resize(data.event, element, false);
|
|
@@ -39,18 +41,34 @@ var ColumnResizer = /** @class */ (function (_super) {
|
|
|
39
41
|
* @hidden
|
|
40
42
|
*/
|
|
41
43
|
_this.onRelease = function (data) {
|
|
44
|
+
if (!_this.isDragged) {
|
|
45
|
+
return;
|
|
46
|
+
}
|
|
42
47
|
var element = _this.draggable && _this.draggable.element;
|
|
43
48
|
if (element) {
|
|
44
49
|
_this.props.resize(data.event, element, true);
|
|
45
50
|
}
|
|
51
|
+
_this.isDragged = false;
|
|
52
|
+
};
|
|
53
|
+
/**
|
|
54
|
+
* @hidden
|
|
55
|
+
*/
|
|
56
|
+
_this.onDoubleClick = function (event) {
|
|
57
|
+
if (_this.isDragged) {
|
|
58
|
+
return;
|
|
59
|
+
}
|
|
60
|
+
var element = _this.draggable && _this.draggable.element;
|
|
61
|
+
if (element && _this.props.autofit) {
|
|
62
|
+
_this.props.autofit(event, element);
|
|
63
|
+
}
|
|
46
64
|
};
|
|
47
65
|
return _this;
|
|
48
66
|
}
|
|
49
67
|
ColumnResizer.prototype.render = function () {
|
|
50
68
|
var _this = this;
|
|
51
|
-
return (React.createElement(kendo_react_common_1.Draggable, { onDrag: this.onDrag, onRelease: this.onRelease, ref: function (component) { _this.draggable = component; } },
|
|
52
|
-
React.createElement("span", { className: "k-column-resizer", draggable: false })));
|
|
69
|
+
return (React.createElement(kendo_react_common_1.Draggable, { onPress: function (e) { e.event.originalEvent.stopPropagation(); }, onDrag: this.onDrag, onRelease: this.onRelease, ref: function (component) { _this.draggable = component; } },
|
|
70
|
+
React.createElement("span", { className: "k-column-resizer", style: { touchAction: 'none' }, draggable: false, onDoubleClick: this.onDoubleClick })));
|
|
53
71
|
};
|
|
54
72
|
return ColumnResizer;
|
|
55
|
-
}(React.
|
|
73
|
+
}(React.Component));
|
|
56
74
|
exports.ColumnResizer = ColumnResizer;
|
package/dist/npm/main.d.ts
CHANGED
|
@@ -3,6 +3,7 @@ export * from './filteringCells';
|
|
|
3
3
|
export * from './header';
|
|
4
4
|
export * from './virtualization';
|
|
5
5
|
export { ColumnResize } from './drag/ColumnResize';
|
|
6
|
+
export { ColumnResizer } from './drag/ColumnResizer';
|
|
6
7
|
export { CommonDragLogic } from './drag/CommonDragLogic';
|
|
7
8
|
export { DragClue } from './drag/DragClue';
|
|
8
9
|
export { DropClue } from './drag/DropClue';
|
package/dist/npm/main.js
CHANGED
|
@@ -14,7 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
14
14
|
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
15
|
};
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
exports.tableKeyboardNavigationTools = exports.tableKeyboardNavigationScopeAttributes = exports.DropClue = exports.DragClue = exports.CommonDragLogic = exports.ColumnResize = exports.Pager = void 0;
|
|
17
|
+
exports.tableKeyboardNavigationTools = exports.tableKeyboardNavigationScopeAttributes = exports.DropClue = exports.DragClue = exports.CommonDragLogic = exports.ColumnResizer = exports.ColumnResize = exports.Pager = void 0;
|
|
18
18
|
var Pager_1 = require("./pager/Pager");
|
|
19
19
|
Object.defineProperty(exports, "Pager", { enumerable: true, get: function () { return Pager_1.Pager; } });
|
|
20
20
|
__exportStar(require("./filteringCells"), exports);
|
|
@@ -22,6 +22,8 @@ __exportStar(require("./header"), exports);
|
|
|
22
22
|
__exportStar(require("./virtualization"), exports);
|
|
23
23
|
var ColumnResize_1 = require("./drag/ColumnResize");
|
|
24
24
|
Object.defineProperty(exports, "ColumnResize", { enumerable: true, get: function () { return ColumnResize_1.ColumnResize; } });
|
|
25
|
+
var ColumnResizer_1 = require("./drag/ColumnResizer");
|
|
26
|
+
Object.defineProperty(exports, "ColumnResizer", { enumerable: true, get: function () { return ColumnResizer_1.ColumnResizer; } });
|
|
25
27
|
var CommonDragLogic_1 = require("./drag/CommonDragLogic");
|
|
26
28
|
Object.defineProperty(exports, "CommonDragLogic", { enumerable: true, get: function () { return CommonDragLogic_1.CommonDragLogic; } });
|
|
27
29
|
var DragClue_1 = require("./drag/DragClue");
|
|
@@ -8,7 +8,7 @@ exports.packageMetadata = {
|
|
|
8
8
|
name: '@progress/kendo-react-data-tools',
|
|
9
9
|
productName: 'KendoReact',
|
|
10
10
|
productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
|
|
11
|
-
publishDate:
|
|
11
|
+
publishDate: 1693489437,
|
|
12
12
|
version: '',
|
|
13
13
|
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'
|
|
14
14
|
};
|
|
@@ -45,8 +45,8 @@ var PagerNumericButtons = /** @class */ (function (_super) {
|
|
|
45
45
|
var localizationService = (0, kendo_react_intl_1.provideLocalizationService)(this);
|
|
46
46
|
var mobileSelectMessage = this.props.messagesMap ? this.props.messagesMap(messages_1.pagerMobileSelect) :
|
|
47
47
|
({ messageKey: messages_1.pagerMobileSelect, defaultMessage: messages_1.messages[messages_1.pagerMobileSelect] });
|
|
48
|
-
var pageNumberLabelMessage = this.props.messagesMap ? this.props.messagesMap(messages_1.
|
|
49
|
-
({ messageKey: messages_1.
|
|
48
|
+
var pageNumberLabelMessage = this.props.messagesMap ? this.props.messagesMap(messages_1.pagerPage) :
|
|
49
|
+
({ messageKey: messages_1.pagerPage, defaultMessage: messages_1.messages[messages_1.pagerPage] });
|
|
50
50
|
var pagerMorePagesLabelMessage = this.props.messagesMap ? this.props.messagesMap(messages_1.pagerMoreButtonLabel) :
|
|
51
51
|
({ messageKey: messages_1.pagerMoreButtonLabel, defaultMessage: messages_1.messages[messages_1.pagerMoreButtonLabel] });
|
|
52
52
|
var pagerMoreButtonAriaLabel = localizationService.toLanguageString(pagerMorePagesLabelMessage.messageKey, pagerMorePagesLabelMessage.defaultMessage);
|