@progress/kendo-react-grid 5.16.2-dev.202308021312 → 5.17.0-dev.202308071139

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.
@@ -6,7 +6,7 @@ export interface GroupingIndicatorProps {
6
6
  title: string;
7
7
  dir: 'asc' | 'desc';
8
8
  onRemove?: (event: React.MouseEvent<HTMLButtonElement>) => void;
9
- onSortChange?: (event: React.MouseEvent<HTMLAnchorElement>, dir: string) => void;
9
+ onSortChange?: (event: React.MouseEvent<HTMLDivElement>, dir: string) => void;
10
10
  onDrag?: (draggableEvent: any, element: HTMLDivElement) => void;
11
11
  onPress?: (draggableEvent: any, element: HTMLDivElement) => void;
12
12
  onRelease?: (draggableEvent: any) => void;
@@ -28,7 +28,7 @@ export declare class GroupingIndicator extends React.Component<GroupingIndicator
28
28
  * @hidden
29
29
  */
30
30
  onRelease: (data: any) => void;
31
- sortChange: (event: React.MouseEvent<HTMLAnchorElement>) => void;
31
+ sortChange: (event: React.MouseEvent<HTMLDivElement>) => void;
32
32
  groupRemove: (event: React.MouseEvent<HTMLButtonElement>) => void;
33
33
  render(): JSX.Element;
34
34
  }
@@ -62,6 +62,7 @@ var GroupingIndicator = /** @class */ (function (_super) {
62
62
  };
63
63
  _this.groupRemove = function (event) {
64
64
  event.preventDefault();
65
+ event.stopPropagation();
65
66
  if (_this.props.onRemove) {
66
67
  _this.props.onRemove(event);
67
68
  }
@@ -73,8 +74,8 @@ var GroupingIndicator = /** @class */ (function (_super) {
73
74
  var localizationService = provideLocalizationService(this);
74
75
  var dir = this.props.dir;
75
76
  return (React.createElement(Draggable, { onPress: this.onPress, onDrag: this.onDrag, onRelease: this.onRelease, ref: function (component) { _this.draggable = component; } },
76
- React.createElement("div", { className: "k-chip k-chip-md k-chip-solid k-chip-solid-base k-rounded-md", role: "button", style: { touchAction: 'none' } },
77
- React.createElement("span", { onClick: this.sortChange },
77
+ React.createElement("div", { className: "k-chip k-chip-md k-chip-solid k-chip-solid-base k-rounded-md", onClick: this.sortChange, role: "button", style: { touchAction: 'none' } },
78
+ React.createElement("span", null,
78
79
  React.createElement(IconWrap, { name: 'sort-' + dir + '-small', icon: dir === 'asc' ? sortAscSmallIcon : sortDescSmallIcon, size: 'small' })),
79
80
  React.createElement("span", { className: 'k-chip-content' }, this.props.title),
80
81
  React.createElement("span", { className: "k-chip-actions" },
@@ -15,6 +15,6 @@ export interface GroupPanelProps extends ColumnDraggableProps {
15
15
  */
16
16
  export declare class GroupPanel extends React.Component<GroupPanelProps, {}> {
17
17
  onGroupRemove: (event: React.MouseEvent<HTMLButtonElement>, index: number) => void;
18
- onGroupSortChange: (event: React.MouseEvent<HTMLAnchorElement>, index: number, groupDesc: GroupDescriptor, dir: string) => void;
18
+ onGroupSortChange: (event: React.MouseEvent<HTMLDivElement>, index: number, groupDesc: GroupDescriptor, dir: string) => void;
19
19
  render(): JSX.Element;
20
20
  }
@@ -5,7 +5,7 @@ export var packageMetadata = {
5
5
  name: '@progress/kendo-react-grid',
6
6
  productName: 'KendoReact',
7
7
  productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
8
- publishDate: 1690980392,
8
+ publishDate: 1691407073,
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
  };
@@ -6,7 +6,7 @@ export interface GroupingIndicatorProps {
6
6
  title: string;
7
7
  dir: 'asc' | 'desc';
8
8
  onRemove?: (event: React.MouseEvent<HTMLButtonElement>) => void;
9
- onSortChange?: (event: React.MouseEvent<HTMLAnchorElement>, dir: string) => void;
9
+ onSortChange?: (event: React.MouseEvent<HTMLDivElement>, dir: string) => void;
10
10
  onDrag?: (draggableEvent: any, element: HTMLDivElement) => void;
11
11
  onPress?: (draggableEvent: any, element: HTMLDivElement) => void;
12
12
  onRelease?: (draggableEvent: any) => void;
@@ -28,7 +28,7 @@ export declare class GroupingIndicator extends React.Component<GroupingIndicator
28
28
  * @hidden
29
29
  */
30
30
  onRelease: (data: any) => void;
31
- sortChange: (event: React.MouseEvent<HTMLAnchorElement>) => void;
31
+ sortChange: (event: React.MouseEvent<HTMLDivElement>) => void;
32
32
  groupRemove: (event: React.MouseEvent<HTMLButtonElement>) => void;
33
33
  render(): JSX.Element;
34
34
  }
@@ -65,6 +65,7 @@ var GroupingIndicator = /** @class */ (function (_super) {
65
65
  };
66
66
  _this.groupRemove = function (event) {
67
67
  event.preventDefault();
68
+ event.stopPropagation();
68
69
  if (_this.props.onRemove) {
69
70
  _this.props.onRemove(event);
70
71
  }
@@ -76,8 +77,8 @@ var GroupingIndicator = /** @class */ (function (_super) {
76
77
  var localizationService = (0, kendo_react_intl_1.provideLocalizationService)(this);
77
78
  var dir = this.props.dir;
78
79
  return (React.createElement(kendo_react_common_1.Draggable, { onPress: this.onPress, onDrag: this.onDrag, onRelease: this.onRelease, ref: function (component) { _this.draggable = component; } },
79
- React.createElement("div", { className: "k-chip k-chip-md k-chip-solid k-chip-solid-base k-rounded-md", role: "button", style: { touchAction: 'none' } },
80
- React.createElement("span", { onClick: this.sortChange },
80
+ React.createElement("div", { className: "k-chip k-chip-md k-chip-solid k-chip-solid-base k-rounded-md", onClick: this.sortChange, role: "button", style: { touchAction: 'none' } },
81
+ React.createElement("span", null,
81
82
  React.createElement(kendo_react_common_1.IconWrap, { name: 'sort-' + dir + '-small', icon: dir === 'asc' ? kendo_svg_icons_1.sortAscSmallIcon : kendo_svg_icons_1.sortDescSmallIcon, size: 'small' })),
82
83
  React.createElement("span", { className: 'k-chip-content' }, this.props.title),
83
84
  React.createElement("span", { className: "k-chip-actions" },
@@ -15,6 +15,6 @@ export interface GroupPanelProps extends ColumnDraggableProps {
15
15
  */
16
16
  export declare class GroupPanel extends React.Component<GroupPanelProps, {}> {
17
17
  onGroupRemove: (event: React.MouseEvent<HTMLButtonElement>, index: number) => void;
18
- onGroupSortChange: (event: React.MouseEvent<HTMLAnchorElement>, index: number, groupDesc: GroupDescriptor, dir: string) => void;
18
+ onGroupSortChange: (event: React.MouseEvent<HTMLDivElement>, index: number, groupDesc: GroupDescriptor, dir: string) => void;
19
19
  render(): JSX.Element;
20
20
  }
@@ -8,7 +8,7 @@ exports.packageMetadata = {
8
8
  name: '@progress/kendo-react-grid',
9
9
  productName: 'KendoReact',
10
10
  productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
11
- publishDate: 1690980392,
11
+ publishDate: 1691407073,
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
  };