@progress/kendo-react-data-tools 5.19.0-dev.202309211422 → 5.19.0-dev.202309211612
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/package-metadata.js +1 -1
- package/dist/es/selection/TableSelection.js +5 -4
- package/dist/npm/package-metadata.js +1 -1
- package/dist/npm/selection/TableSelection.js +5 -4
- package/dist/systemjs/kendo-react-data-tools.js +1 -1
- package/package.json +10 -10
|
@@ -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: 1695311134,
|
|
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,12 +16,13 @@ import { closestTagName, getColumnIndex, getOffset, getRowIndex, getSelectionOpt
|
|
|
16
16
|
import { TABLE_PREVENT_SELECTION_ELEMENT } from './constants';
|
|
17
17
|
/** @hidden */
|
|
18
18
|
export var TableSelection = function (props) {
|
|
19
|
+
var _a;
|
|
19
20
|
var onRelease = props.onRelease, childRef = props.childRef;
|
|
20
|
-
var
|
|
21
|
+
var _b = getSelectionOptions(props.selectable), selectionEnabled = _b.enabled, selectionDrag = _b.drag, selectionMode = _b.mode, selectionCell = _b.cell;
|
|
21
22
|
var draggableRef = React.useRef(null);
|
|
22
23
|
var overlayElementRef = React.useRef(null);
|
|
23
24
|
var dragStartRef = React.useRef({ clientX: 0, clientY: 0 });
|
|
24
|
-
var
|
|
25
|
+
var _c = React.useState(null), overlaySettings = _c[0], setOverlaySettings = _c[1];
|
|
25
26
|
var offsetParentRef = React.useRef();
|
|
26
27
|
var isDraggedRef = React.useRef(false);
|
|
27
28
|
var isPreventedRef = React.useRef(false);
|
|
@@ -143,12 +144,12 @@ export var TableSelection = function (props) {
|
|
|
143
144
|
isDraggedRef.current = false;
|
|
144
145
|
dragStartRef.current = { clientX: 0, clientY: 0 };
|
|
145
146
|
}, [setOverlaySettings, selectionMode, selectionCell, onRelease]);
|
|
147
|
+
var getDocument = useDocument(overlayElementRef);
|
|
146
148
|
if (!selectionEnabled) {
|
|
147
149
|
return (React.cloneElement(React.Children.only(props.children), { ref: childRef }));
|
|
148
150
|
}
|
|
149
|
-
var doc = useDocument(overlayElementRef)();
|
|
150
151
|
return (React.createElement(React.Fragment, null,
|
|
151
152
|
React.createElement(Draggable, { onPress: onPressHandler, onDrag: onDragHandler, onRelease: onReleaseHandler, ref: draggableRef, childRef: childRef }, props.children),
|
|
152
153
|
overlaySettings &&
|
|
153
|
-
ReactDOM.createPortal(React.createElement("div", { ref: overlayElementRef, style: __assign(__assign({}, overlaySettings), { position: 'fixed' }), className: 'k-marquee k-marquee-color' }),
|
|
154
|
+
ReactDOM.createPortal(React.createElement("div", { ref: overlayElementRef, style: __assign(__assign({}, overlaySettings), { position: 'fixed' }), className: 'k-marquee k-marquee-color' }), (_a = getDocument()) === null || _a === void 0 ? void 0 : _a.body)));
|
|
154
155
|
};
|
|
@@ -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: 1695311134,
|
|
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
|
};
|
|
@@ -19,12 +19,13 @@ var utils_1 = require("./utils");
|
|
|
19
19
|
var constants_1 = require("./constants");
|
|
20
20
|
/** @hidden */
|
|
21
21
|
var TableSelection = function (props) {
|
|
22
|
+
var _a;
|
|
22
23
|
var onRelease = props.onRelease, childRef = props.childRef;
|
|
23
|
-
var
|
|
24
|
+
var _b = (0, utils_1.getSelectionOptions)(props.selectable), selectionEnabled = _b.enabled, selectionDrag = _b.drag, selectionMode = _b.mode, selectionCell = _b.cell;
|
|
24
25
|
var draggableRef = React.useRef(null);
|
|
25
26
|
var overlayElementRef = React.useRef(null);
|
|
26
27
|
var dragStartRef = React.useRef({ clientX: 0, clientY: 0 });
|
|
27
|
-
var
|
|
28
|
+
var _c = React.useState(null), overlaySettings = _c[0], setOverlaySettings = _c[1];
|
|
28
29
|
var offsetParentRef = React.useRef();
|
|
29
30
|
var isDraggedRef = React.useRef(false);
|
|
30
31
|
var isPreventedRef = React.useRef(false);
|
|
@@ -146,13 +147,13 @@ var TableSelection = function (props) {
|
|
|
146
147
|
isDraggedRef.current = false;
|
|
147
148
|
dragStartRef.current = { clientX: 0, clientY: 0 };
|
|
148
149
|
}, [setOverlaySettings, selectionMode, selectionCell, onRelease]);
|
|
150
|
+
var getDocument = (0, kendo_react_common_1.useDocument)(overlayElementRef);
|
|
149
151
|
if (!selectionEnabled) {
|
|
150
152
|
return (React.cloneElement(React.Children.only(props.children), { ref: childRef }));
|
|
151
153
|
}
|
|
152
|
-
var doc = (0, kendo_react_common_1.useDocument)(overlayElementRef)();
|
|
153
154
|
return (React.createElement(React.Fragment, null,
|
|
154
155
|
React.createElement(kendo_react_common_1.Draggable, { onPress: onPressHandler, onDrag: onDragHandler, onRelease: onReleaseHandler, ref: draggableRef, childRef: childRef }, props.children),
|
|
155
156
|
overlaySettings &&
|
|
156
|
-
ReactDOM.createPortal(React.createElement("div", { ref: overlayElementRef, style: __assign(__assign({}, overlaySettings), { position: 'fixed' }), className: 'k-marquee k-marquee-color' }),
|
|
157
|
+
ReactDOM.createPortal(React.createElement("div", { ref: overlayElementRef, style: __assign(__assign({}, overlaySettings), { position: 'fixed' }), className: 'k-marquee k-marquee-color' }), (_a = getDocument()) === null || _a === void 0 ? void 0 : _a.body)));
|
|
157
158
|
};
|
|
158
159
|
exports.TableSelection = TableSelection;
|