@progress/kendo-react-data-tools 5.18.0-dev.202308311010 → 5.18.0-dev.202309010623

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 (15) hide show
  1. package/dist/cdn/js/kendo-react-data-tools.js +1 -1
  2. package/dist/es/drag/ColumnResizer.d.ts +7 -1
  3. package/dist/es/drag/ColumnResizer.js +21 -3
  4. package/dist/es/drag/CommonDragLogic.js +0 -7
  5. package/dist/es/main.d.ts +1 -0
  6. package/dist/es/main.js +1 -0
  7. package/dist/es/package-metadata.js +1 -1
  8. package/dist/npm/drag/ColumnResizer.d.ts +7 -1
  9. package/dist/npm/drag/ColumnResizer.js +21 -3
  10. package/dist/npm/drag/CommonDragLogic.js +0 -7
  11. package/dist/npm/main.d.ts +1 -0
  12. package/dist/npm/main.js +3 -1
  13. package/dist/npm/package-metadata.js +1 -1
  14. package/dist/systemjs/kendo-react-data-tools.js +1 -1
  15. package/package.json +10 -10
package/dist/es/drag/ColumnResizer.d.ts CHANGED
@@ -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.PureComponent<ColumnResizerResizerProps, {}> {
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
  }
package/dist/es/drag/ColumnResizer.js CHANGED
@@ -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.PureComponent));
70
+ }(React.Component));
53
71
  export { ColumnResizer };
package/dist/es/drag/CommonDragLogic.js CHANGED
@@ -25,13 +25,6 @@ var CommonDragLogic = /** @class */ (function () {
25
25
  _this.dragElementClue = e;
26
26
  };
27
27
  this.pressHandler = function (event, element) {
28
- if (!event.isTouch) {
29
- event.originalEvent.preventDefault();
30
- // could be related to:
31
- // https://github.com/telerik/kendo-react/issues/773
32
- // but it fixes drag column sorts the column
33
- // the problem is that this blocks focus
34
- }
35
28
  var startColumn = _this.getColumnIndex(event, element);
36
29
  _this.startGroup = _this.getGroupIndex(event);
37
30
  if (startColumn >= 0) {
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';
package/dist/es/package-metadata.js CHANGED
@@ -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: 1693475092,
8
+ publishDate: 1693547845,
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
  };
package/dist/npm/drag/ColumnResizer.d.ts CHANGED
@@ -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.PureComponent<ColumnResizerResizerProps, {}> {
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
  }
package/dist/npm/drag/ColumnResizer.js CHANGED
@@ -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.PureComponent));
73
+ }(React.Component));
56
74
  exports.ColumnResizer = ColumnResizer;
package/dist/npm/drag/CommonDragLogic.js CHANGED
@@ -28,13 +28,6 @@ var CommonDragLogic = /** @class */ (function () {
28
28
  _this.dragElementClue = e;
29
29
  };
30
30
  this.pressHandler = function (event, element) {
31
- if (!event.isTouch) {
32
- event.originalEvent.preventDefault();
33
- // could be related to:
34
- // https://github.com/telerik/kendo-react/issues/773
35
- // but it fixes drag column sorts the column
36
- // the problem is that this blocks focus
37
- }
38
31
  var startColumn = _this.getColumnIndex(event, element);
39
32
  _this.startGroup = _this.getGroupIndex(event);
40
33
  if (startColumn >= 0) {
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");
package/dist/npm/package-metadata.js CHANGED
@@ -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: 1693475092,
11
+ publishDate: 1693547845,
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
  };