@progress/kendo-react-data-tools 5.18.0-dev.202309111325 → 5.18.0-dev.202309111654

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.
@@ -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: 1694437116,
8
+ publishDate: 1694449506,
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
  };
@@ -10,7 +10,8 @@ var __assign = (this && this.__assign) || function () {
10
10
  return __assign.apply(this, arguments);
11
11
  };
12
12
  import * as React from 'react';
13
- import { Draggable } from '@progress/kendo-react-common';
13
+ import * as ReactDOM from 'react-dom';
14
+ import { Draggable, useDocument } from '@progress/kendo-react-common';
14
15
  import { closestTagName, getColumnIndex, getOffset, getRowIndex, getSelectionOptions, relativeContextElement } from './utils';
15
16
  import { TABLE_PREVENT_SELECTION_ELEMENT } from './constants';
16
17
  /** @hidden */
@@ -145,8 +146,9 @@ export var TableSelection = function (props) {
145
146
  if (!selectionEnabled) {
146
147
  return (React.cloneElement(React.Children.only(props.children), { ref: childRef }));
147
148
  }
149
+ var doc = useDocument(overlayElementRef)();
148
150
  return (React.createElement(React.Fragment, null,
149
151
  React.createElement(Draggable, { onPress: onPressHandler, onDrag: onDragHandler, onRelease: onReleaseHandler, ref: draggableRef, childRef: childRef }, props.children),
150
152
  overlaySettings &&
151
- React.createElement("div", { ref: overlayElementRef, style: __assign(__assign({}, overlaySettings), { position: 'fixed' }), className: 'k-marquee k-marquee-color' })));
153
+ ReactDOM.createPortal(React.createElement("div", { ref: overlayElementRef, style: __assign(__assign({}, overlaySettings), { position: 'fixed' }), className: 'k-marquee k-marquee-color' }), doc.body)));
152
154
  };
@@ -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: 1694437116,
11
+ publishDate: 1694449506,
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
  };
@@ -13,6 +13,7 @@ var __assign = (this && this.__assign) || function () {
13
13
  Object.defineProperty(exports, "__esModule", { value: true });
14
14
  exports.TableSelection = void 0;
15
15
  var React = require("react");
16
+ var ReactDOM = require("react-dom");
16
17
  var kendo_react_common_1 = require("@progress/kendo-react-common");
17
18
  var utils_1 = require("./utils");
18
19
  var constants_1 = require("./constants");
@@ -148,9 +149,10 @@ var TableSelection = function (props) {
148
149
  if (!selectionEnabled) {
149
150
  return (React.cloneElement(React.Children.only(props.children), { ref: childRef }));
150
151
  }
152
+ var doc = (0, kendo_react_common_1.useDocument)(overlayElementRef)();
151
153
  return (React.createElement(React.Fragment, null,
152
154
  React.createElement(kendo_react_common_1.Draggable, { onPress: onPressHandler, onDrag: onDragHandler, onRelease: onReleaseHandler, ref: draggableRef, childRef: childRef }, props.children),
153
155
  overlaySettings &&
154
- React.createElement("div", { ref: overlayElementRef, style: __assign(__assign({}, overlaySettings), { position: 'fixed' }), className: 'k-marquee k-marquee-color' })));
156
+ ReactDOM.createPortal(React.createElement("div", { ref: overlayElementRef, style: __assign(__assign({}, overlaySettings), { position: 'fixed' }), className: 'k-marquee k-marquee-color' }), doc.body)));
155
157
  };
156
158
  exports.TableSelection = TableSelection;