@itwin/components-react 3.6.0-dev.53 → 3.6.0-dev.55

package/lib/cjs/components-react/table/component/dragdrop/withDragSource.js

@@ -1,189 +1,189 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.withDragSource = void 0;
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module DragDrop
- */
-const React = __importStar(require("react"));
-const react_dnd_1 = require("react-dnd");
-const DragDropDef_1 = require("./DragDropDef");
-let emptyImage;
-function getEmptyImage() {
-    if (!emptyImage) {
-        emptyImage = new Image();
-        emptyImage.src =
-            "data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==";
-    }
-    return emptyImage;
-}
-/**
- * HOC (Higher-Order Component) that transforms wrapped component into a DragSource.
- * @param Component component to wrap.
- * @beta
- * @deprecated
- */
-// istanbul ignore next
-const withDragSource = (
-// eslint-disable-next-line @typescript-eslint/naming-convention
-Component) => {
-    var _a;
-    return (0, react_dnd_1.DragSource)((props) => {
-        if (props.dragProps.objectType) {
-            if (typeof props.dragProps.objectType === "function")
-                return props.dragProps.objectType();
-            else
-                return props.dragProps.objectType;
-        }
-        return "";
-    }, {
-        beginDrag(props, _monitor, component) {
-            let dropEffect = props.defaultDropEffect || DragDropDef_1.DropEffects.Move; // eslint-disable-line deprecation/deprecation
-            if (component.state.ctrlKey) {
-                dropEffect = props.ctrlDropEffect || DragDropDef_1.DropEffects.Copy; // eslint-disable-line deprecation/deprecation
-            }
-            else if (component.state.altKey) {
-                dropEffect = props.altDropEffect || DragDropDef_1.DropEffects.Link; // eslint-disable-line deprecation/deprecation
-            }
-            let dragRect = new DOMRect();
-            const componentElement = component.rootElement;
-            if (componentElement) {
-                dragRect = componentElement.getBoundingClientRect();
-            }
-            const obj = {
-                dataObject: {},
-                dropEffect,
-                dropStatus: DragDropDef_1.DropStatus.None,
-                dragRect,
-                defaultDragLayer: props.dragProps.defaultDragLayer,
-                clientOffset: { x: dragRect.left || 0, y: dragRect.top || 0 },
-                initialClientOffset: { x: dragRect.left || 0, y: dragRect.top || 0 },
-            };
-            if (props.dragProps.onDragSourceBegin)
-                return props.dragProps.onDragSourceBegin(obj);
-            return obj;
-        },
-        endDrag(props, monitor, component) {
-            let dragRect = new DOMRect();
-            const componentElement = component && component.rootElement;
-            if (componentElement) {
-                dragRect = componentElement.getBoundingClientRect();
-            }
-            // eslint-disable-next-line deprecation/deprecation
-            const obj = monitor.getDropResult() || // if onDropTargetDrop returns a value
-                // eslint-disable-next-line deprecation/deprecation
-                monitor.getItem() || // otherwise, get current drag item.
-                {
-                    dataObject: {},
-                    dropEffect: DragDropDef_1.DropEffects.None,
-                    dropStatus: DragDropDef_1.DropStatus.None,
-                    dragRect,
-                    clientOffset: { x: 0, y: 0 },
-                    initialClientOffset: { x: 0, y: 0 },
-                    sourceClientOffset: { x: 0, y: 0 },
-                    initialSourceClientOffset: { x: 0, y: 0 },
-                };
-            const { dataObject, dropEffect, dropStatus, dropRect, initialClientOffset, initialSourceClientOffset, local, row, col } = obj;
-            const clientOffset = monitor.getClientOffset() || obj.clientOffset;
-            const sourceClientOffset = monitor.getSourceClientOffset() || obj.sourceClientOffset;
-            const dragObj = {
-                dataObject,
-                dropEffect, dropStatus, dropRect, dragRect,
-                clientOffset, initialClientOffset, sourceClientOffset, initialSourceClientOffset,
-                local, row, col,
-            };
-            if (props.dragProps.onDragSourceEnd)
-                props.dragProps.onDragSourceEnd(dragObj);
-        },
-    }, (connect, monitor) => {
-        return {
-            connectDragSource: connect.dragSource(),
-            connectDragPreview: connect.dragPreview(),
-            isDragging: monitor.isDragging(),
-            canDrag: monitor.canDrag(),
-            item: monitor.getItem(),
-            type: monitor.getItemType(),
-        };
-    })((_a = class DragSourceWrapper extends React.Component {
-            constructor() {
-                super(...arguments);
-                this.rootElement = null;
-                this.state = {
-                    ctrlKey: false,
-                    altKey: false,
-                };
-                this.handleKeyChange = (event) => {
-                    const { ctrlKey, altKey } = event;
-                    if (this.state.ctrlKey !== ctrlKey) {
-                        this.setState({ ctrlKey });
-                    }
-                    if (this.state.altKey !== altKey) {
-                        this.setState({ altKey });
-                    }
-                };
-            }
-            render() {
-                const { dragProps, connectDragSource, connectDragPreview, // eslint-disable-line @typescript-eslint/no-unused-vars
-                isDragging, canDrag, item, type, defaultDropEffect, ctrlDropEffect, altDropEffect, dragStyle, // eslint-disable-line @typescript-eslint/no-unused-vars
-                ...props } = this.props; // eslint-disable-line deprecation/deprecation
-                const p = {
-                    item,
-                    type,
-                    isDragging,
-                    canDrag,
-                };
-                const effectMap = {
-                    [DragDropDef_1.DropEffects.Move]: "move",
-                    [DragDropDef_1.DropEffects.Copy]: "copy",
-                    [DragDropDef_1.DropEffects.Link]: "link", // eslint-disable-line deprecation/deprecation
-                };
-                const defaultEffect = effectMap[defaultDropEffect];
-                const ctrlEffect = effectMap[ctrlDropEffect];
-                const altEffect = effectMap[altDropEffect];
-                const dropEffect = this.state.ctrlKey ? ctrlEffect || "copy" : this.state.altKey ? altEffect || "link" : defaultEffect || "move";
-                return connectDragSource(React.createElement("div", { className: "drag-source-wrapper", "data-testid": "drag-source-wrapper", ref: (el) => { this.rootElement = el; }, style: this.props.dragStyle },
-                    React.createElement(Component, { ...props, ...p })), { dropEffect });
-            }
-            componentDidMount() {
-                if (this.props.connectDragPreview) {
-                    this.props.connectDragPreview(getEmptyImage(), { captureDraggingState: true });
-                }
-                window.addEventListener("keydown", this.handleKeyChange);
-                window.addEventListener("keyup", this.handleKeyChange);
-            }
-            componentWillUnmount() {
-                window.removeEventListener("keydown", this.handleKeyChange);
-                window.removeEventListener("keyup", this.handleKeyChange);
-            }
-        },
-        _a.defaultProps = {
-            defaultDropEffect: DragDropDef_1.DropEffects.Move,
-            ctrlDropEffect: DragDropDef_1.DropEffects.Copy,
-            altDropEffect: DragDropDef_1.DropEffects.Link, // eslint-disable-line deprecation/deprecation
-        },
-        _a));
-};
-exports.withDragSource = withDragSource;
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.withDragSource = void 0;
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module DragDrop
+ */
+const React = __importStar(require("react"));
+const react_dnd_1 = require("react-dnd");
+const DragDropDef_1 = require("./DragDropDef");
+let emptyImage;
+function getEmptyImage() {
+    if (!emptyImage) {
+        emptyImage = new Image();
+        emptyImage.src =
+            "data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==";
+    }
+    return emptyImage;
+}
+/**
+ * HOC (Higher-Order Component) that transforms wrapped component into a DragSource.
+ * @param Component component to wrap.
+ * @beta
+ * @deprecated
+ */
+// istanbul ignore next
+const withDragSource = (
+// eslint-disable-next-line @typescript-eslint/naming-convention
+Component) => {
+    var _a;
+    return (0, react_dnd_1.DragSource)((props) => {
+        if (props.dragProps.objectType) {
+            if (typeof props.dragProps.objectType === "function")
+                return props.dragProps.objectType();
+            else
+                return props.dragProps.objectType;
+        }
+        return "";
+    }, {
+        beginDrag(props, _monitor, component) {
+            let dropEffect = props.defaultDropEffect || DragDropDef_1.DropEffects.Move; // eslint-disable-line deprecation/deprecation
+            if (component.state.ctrlKey) {
+                dropEffect = props.ctrlDropEffect || DragDropDef_1.DropEffects.Copy; // eslint-disable-line deprecation/deprecation
+            }
+            else if (component.state.altKey) {
+                dropEffect = props.altDropEffect || DragDropDef_1.DropEffects.Link; // eslint-disable-line deprecation/deprecation
+            }
+            let dragRect = new DOMRect();
+            const componentElement = component.rootElement;
+            if (componentElement) {
+                dragRect = componentElement.getBoundingClientRect();
+            }
+            const obj = {
+                dataObject: {},
+                dropEffect,
+                dropStatus: DragDropDef_1.DropStatus.None,
+                dragRect,
+                defaultDragLayer: props.dragProps.defaultDragLayer,
+                clientOffset: { x: dragRect.left || 0, y: dragRect.top || 0 },
+                initialClientOffset: { x: dragRect.left || 0, y: dragRect.top || 0 },
+            };
+            if (props.dragProps.onDragSourceBegin)
+                return props.dragProps.onDragSourceBegin(obj);
+            return obj;
+        },
+        endDrag(props, monitor, component) {
+            let dragRect = new DOMRect();
+            const componentElement = component && component.rootElement;
+            if (componentElement) {
+                dragRect = componentElement.getBoundingClientRect();
+            }
+            // eslint-disable-next-line deprecation/deprecation
+            const obj = monitor.getDropResult() || // if onDropTargetDrop returns a value
+                // eslint-disable-next-line deprecation/deprecation
+                monitor.getItem() || // otherwise, get current drag item.
+                {
+                    dataObject: {},
+                    dropEffect: DragDropDef_1.DropEffects.None,
+                    dropStatus: DragDropDef_1.DropStatus.None,
+                    dragRect,
+                    clientOffset: { x: 0, y: 0 },
+                    initialClientOffset: { x: 0, y: 0 },
+                    sourceClientOffset: { x: 0, y: 0 },
+                    initialSourceClientOffset: { x: 0, y: 0 },
+                };
+            const { dataObject, dropEffect, dropStatus, dropRect, initialClientOffset, initialSourceClientOffset, local, row, col } = obj;
+            const clientOffset = monitor.getClientOffset() || obj.clientOffset;
+            const sourceClientOffset = monitor.getSourceClientOffset() || obj.sourceClientOffset;
+            const dragObj = {
+                dataObject,
+                dropEffect, dropStatus, dropRect, dragRect,
+                clientOffset, initialClientOffset, sourceClientOffset, initialSourceClientOffset,
+                local, row, col,
+            };
+            if (props.dragProps.onDragSourceEnd)
+                props.dragProps.onDragSourceEnd(dragObj);
+        },
+    }, (connect, monitor) => {
+        return {
+            connectDragSource: connect.dragSource(),
+            connectDragPreview: connect.dragPreview(),
+            isDragging: monitor.isDragging(),
+            canDrag: monitor.canDrag(),
+            item: monitor.getItem(),
+            type: monitor.getItemType(),
+        };
+    })((_a = class DragSourceWrapper extends React.Component {
+            constructor() {
+                super(...arguments);
+                this.rootElement = null;
+                this.state = {
+                    ctrlKey: false,
+                    altKey: false,
+                };
+                this.handleKeyChange = (event) => {
+                    const { ctrlKey, altKey } = event;
+                    if (this.state.ctrlKey !== ctrlKey) {
+                        this.setState({ ctrlKey });
+                    }
+                    if (this.state.altKey !== altKey) {
+                        this.setState({ altKey });
+                    }
+                };
+            }
+            render() {
+                const { dragProps, connectDragSource, connectDragPreview, // eslint-disable-line @typescript-eslint/no-unused-vars
+                isDragging, canDrag, item, type, defaultDropEffect, ctrlDropEffect, altDropEffect, dragStyle, // eslint-disable-line @typescript-eslint/no-unused-vars
+                ...props } = this.props; // eslint-disable-line deprecation/deprecation
+                const p = {
+                    item,
+                    type,
+                    isDragging,
+                    canDrag,
+                };
+                const effectMap = {
+                    [DragDropDef_1.DropEffects.Move]: "move",
+                    [DragDropDef_1.DropEffects.Copy]: "copy",
+                    [DragDropDef_1.DropEffects.Link]: "link", // eslint-disable-line deprecation/deprecation
+                };
+                const defaultEffect = effectMap[defaultDropEffect];
+                const ctrlEffect = effectMap[ctrlDropEffect];
+                const altEffect = effectMap[altDropEffect];
+                const dropEffect = this.state.ctrlKey ? ctrlEffect || "copy" : this.state.altKey ? altEffect || "link" : defaultEffect || "move";
+                return connectDragSource(React.createElement("div", { className: "drag-source-wrapper", "data-testid": "drag-source-wrapper", ref: (el) => { this.rootElement = el; }, style: this.props.dragStyle },
+                    React.createElement(Component, { ...props, ...p })), { dropEffect });
+            }
+            componentDidMount() {
+                if (this.props.connectDragPreview) {
+                    this.props.connectDragPreview(getEmptyImage(), { captureDraggingState: true });
+                }
+                window.addEventListener("keydown", this.handleKeyChange);
+                window.addEventListener("keyup", this.handleKeyChange);
+            }
+            componentWillUnmount() {
+                window.removeEventListener("keydown", this.handleKeyChange);
+                window.removeEventListener("keyup", this.handleKeyChange);
+            }
+        },
+        _a.defaultProps = {
+            defaultDropEffect: DragDropDef_1.DropEffects.Move,
+            ctrlDropEffect: DragDropDef_1.DropEffects.Copy,
+            altDropEffect: DragDropDef_1.DropEffects.Link, // eslint-disable-line deprecation/deprecation
+        },
+        _a));
+};
+exports.withDragSource = withDragSource;
 //# sourceMappingURL=withDragSource.js.map

package/lib/cjs/components-react/table/component/dragdrop/withDragSource.js.map

@@ -1 +1 @@
-{"version":3,"file":"withDragSource.js","sourceRoot":"","sources":["../../../../../../src/components-react/table/component/dragdrop/withDragSource.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module DragDrop\n */\nimport * as React from \"react\";\nimport { ConnectDragPreview, ConnectDragSource, DndComponentClass, DragSource } from \"react-dnd\";\nimport { DragSourceArguments, DragSourceProps, DropEffects, DropStatus, DropTargetArguments } from \"./DragDropDef\";\n\n/** React properties for withDragSource Higher-Order Component\n * @beta\n * @deprecated\n */\nexport interface WithDragSourceProps<DragDropObject = any> {\n  /** Properties and callbacks for DragSource. */\n  dragProps: DragSourceProps<DragDropObject>; // eslint-disable-line deprecation/deprecation\n  /** Style properties for dropTarget wrapper element */\n  dragStyle?: React.CSSProperties;\n  /** Which dropEffect dragSource should default to. */\n  defaultDropEffect?: DropEffects; // eslint-disable-line deprecation/deprecation\n  /** Which dropEffect dragSource should be used when ctrl button is pressed during start of drag. */\n  ctrlDropEffect?: DropEffects; // eslint-disable-line deprecation/deprecation\n  /** Which dropEffect dragSource should be used when alt button is pressed during start of drag. */\n  altDropEffect?: DropEffects; // eslint-disable-line deprecation/deprecation\n  /** @internal */\n  connectDragSource?: ConnectDragSource;\n  /** @internal */\n  connectDragPreview?: ConnectDragPreview;\n  /** @internal */\n  isDragging?: boolean;\n  /** @internal */\n  canDrag?: boolean;\n  /** @internal */\n  item?: DragDropObject;\n  /** @internal */\n  type?: string | symbol | null;\n}\n\n/** @internal */\ninterface WithDragSourceState {\n  ctrlKey: boolean;\n  altKey: boolean;\n}\nlet emptyImage: HTMLImageElement | undefined;\n\nfunction getEmptyImage(): HTMLImageElement {\n  if (!emptyImage) {\n    emptyImage = new Image();\n    emptyImage.src =\n      \"data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\";\n  }\n  return emptyImage;\n}\n\n/**\n * HOC (Higher-Order Component) that transforms wrapped component into a DragSource.\n * @param Component component to wrap.\n * @beta\n * @deprecated\n */\n// istanbul ignore next\nexport const withDragSource = <ComponentProps extends {}, DragDropObject = any>(\n  // eslint-disable-next-line @typescript-eslint/naming-convention\n  Component: React.ComponentType<ComponentProps>,\n): DndComponentClass<typeof React.Component, ComponentProps & WithDragSourceProps<DragDropObject>> => { // eslint-disable-line deprecation/deprecation\n  type Props = ComponentProps & WithDragSourceProps<DragDropObject>; // eslint-disable-line deprecation/deprecation\n  return DragSource((props: Props) => {\n    if (props.dragProps.objectType) {\n      if (typeof props.dragProps.objectType === \"function\")\n        return props.dragProps.objectType();\n      else\n        return props.dragProps.objectType;\n    }\n    return \"\";\n  }, {\n    beginDrag(props, _monitor, component) {\n      let dropEffect = props.defaultDropEffect || DropEffects.Move; // eslint-disable-line deprecation/deprecation\n      if (component.state.ctrlKey) {\n        dropEffect = props.ctrlDropEffect || DropEffects.Copy; // eslint-disable-line deprecation/deprecation\n      } else if (component.state.altKey) {\n        dropEffect = props.altDropEffect || DropEffects.Link; // eslint-disable-line deprecation/deprecation\n      }\n      let dragRect: DOMRect = new DOMRect();\n      const componentElement = component.rootElement;\n      if (componentElement) {\n        dragRect = componentElement.getBoundingClientRect();\n      }\n      const obj: DragSourceArguments<DragDropObject> = { // eslint-disable-line deprecation/deprecation\n        dataObject: {} as DragDropObject,\n        dropEffect,\n        dropStatus: DropStatus.None, // eslint-disable-line deprecation/deprecation\n        dragRect,\n        defaultDragLayer: props.dragProps.defaultDragLayer,\n        clientOffset: { x: dragRect.left || 0, y: dragRect.top || 0 },\n        initialClientOffset: { x: dragRect.left || 0, y: dragRect.top || 0 },\n      };\n      if (props.dragProps.onDragSourceBegin) return props.dragProps.onDragSourceBegin(obj);\n      return obj;\n    },\n    endDrag(props, monitor, component) {\n      let dragRect: DOMRect = new DOMRect();\n      const componentElement = component && component.rootElement;\n      if (componentElement) {\n        dragRect = componentElement.getBoundingClientRect();\n      }\n      // eslint-disable-next-line deprecation/deprecation\n      const obj: DropTargetArguments<DragDropObject> = monitor.getDropResult() as DropTargetArguments<DragDropObject> || // if onDropTargetDrop returns a value\n        // eslint-disable-next-line deprecation/deprecation\n        monitor.getItem() as DropTargetArguments<DragDropObject> || // otherwise, get current drag item.\n      { // fallback\n        dataObject: {},\n        dropEffect: DropEffects.None, // eslint-disable-line deprecation/deprecation\n        dropStatus: DropStatus.None, // eslint-disable-line deprecation/deprecation\n        dragRect,\n        clientOffset: { x: 0, y: 0 },\n        initialClientOffset: { x: 0, y: 0 },\n        sourceClientOffset: { x: 0, y: 0 },\n        initialSourceClientOffset: { x: 0, y: 0 },\n      };\n      const {\n        dataObject,\n        dropEffect, dropStatus, dropRect,\n        initialClientOffset, initialSourceClientOffset,\n        local, row, col } = obj;\n\n      const clientOffset = monitor.getClientOffset() || obj.clientOffset;\n      const sourceClientOffset = monitor.getSourceClientOffset() || obj.sourceClientOffset;\n      const dragObj: DragSourceArguments<DragDropObject> = { // eslint-disable-line deprecation/deprecation\n        dataObject,\n        dropEffect, dropStatus, dropRect, dragRect,\n        clientOffset, initialClientOffset, sourceClientOffset, initialSourceClientOffset,\n        local, row, col,\n      };\n      if (props.dragProps.onDragSourceEnd)\n        props.dragProps.onDragSourceEnd(dragObj);\n    },\n  }, (connect, monitor) => {\n    return {\n      connectDragSource: connect.dragSource(),\n      connectDragPreview: connect.dragPreview(),\n      isDragging: monitor.isDragging(),\n      canDrag: monitor.canDrag(),\n      item: monitor.getItem(),\n      type: monitor.getItemType(),\n    };\n  })(class DragSourceWrapper extends React.Component<any, WithDragSourceState> {\n    public rootElement: HTMLDivElement | null = null;\n    public override readonly state: WithDragSourceState = {\n      ctrlKey: false,\n      altKey: false,\n    };\n    public static defaultProps: any = {\n      defaultDropEffect: DropEffects.Move, // eslint-disable-line deprecation/deprecation\n      ctrlDropEffect: DropEffects.Copy, // eslint-disable-line deprecation/deprecation\n      altDropEffect: DropEffects.Link, // eslint-disable-line deprecation/deprecation\n    };\n    public override render() {\n      const {\n        dragProps, connectDragSource, connectDragPreview, // eslint-disable-line @typescript-eslint/no-unused-vars\n        isDragging, canDrag, item, type,\n        defaultDropEffect, ctrlDropEffect, altDropEffect,\n        dragStyle, // eslint-disable-line @typescript-eslint/no-unused-vars\n        ...props } = this.props as WithDragSourceProps<DragDropObject>; // eslint-disable-line deprecation/deprecation\n      const p = {\n        item,\n        type,\n        isDragging,\n        canDrag,\n      };\n      const effectMap: { [key: number]: string } = {\n        [DropEffects.Move]: \"move\", // eslint-disable-line deprecation/deprecation\n        [DropEffects.Copy]: \"copy\", // eslint-disable-line deprecation/deprecation\n        [DropEffects.Link]: \"link\", // eslint-disable-line deprecation/deprecation\n      };\n\n      const defaultEffect = effectMap[defaultDropEffect as number];\n      const ctrlEffect = effectMap[ctrlDropEffect as number];\n      const altEffect = effectMap[altDropEffect as number];\n\n      const dropEffect = this.state.ctrlKey ? ctrlEffect || \"copy\" : this.state.altKey ? altEffect || \"link\" : defaultEffect || \"move\";\n      return connectDragSource!(\n        <div className=\"drag-source-wrapper\" data-testid=\"drag-source-wrapper\" ref={(el) => { this.rootElement = el; }} style={this.props.dragStyle}>\n          <Component {...props} {...(p as any)} />\n        </div>,\n        { dropEffect },\n      );\n    }\n    public override componentDidMount() {\n      if (this.props.connectDragPreview) {\n        this.props.connectDragPreview(getEmptyImage() as any, { captureDraggingState: true });\n      }\n      window.addEventListener(\"keydown\", this.handleKeyChange);\n      window.addEventListener(\"keyup\", this.handleKeyChange);\n    }\n    public override componentWillUnmount() {\n      window.removeEventListener(\"keydown\", this.handleKeyChange);\n      window.removeEventListener(\"keyup\", this.handleKeyChange);\n    }\n    public handleKeyChange = (event: any) => {\n      const { ctrlKey, altKey } = event;\n      if (this.state.ctrlKey !== ctrlKey) {\n        this.setState({ ctrlKey });\n      }\n      if (this.state.altKey !== altKey) {\n        this.setState({ altKey });\n      }\n    };\n  }) as any;\n};\n"]}
+{"version":3,"file":"withDragSource.js","sourceRoot":"","sources":["../../../../../../src/components-react/table/component/dragdrop/withDragSource.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module DragDrop\r\n */\r\nimport * as React from \"react\";\r\nimport { ConnectDragPreview, ConnectDragSource, DndComponentClass, DragSource } from \"react-dnd\";\r\nimport { DragSourceArguments, DragSourceProps, DropEffects, DropStatus, DropTargetArguments } from \"./DragDropDef\";\r\n\r\n/** React properties for withDragSource Higher-Order Component\r\n * @beta\r\n * @deprecated\r\n */\r\nexport interface WithDragSourceProps<DragDropObject = any> {\r\n  /** Properties and callbacks for DragSource. */\r\n  dragProps: DragSourceProps<DragDropObject>; // eslint-disable-line deprecation/deprecation\r\n  /** Style properties for dropTarget wrapper element */\r\n  dragStyle?: React.CSSProperties;\r\n  /** Which dropEffect dragSource should default to. */\r\n  defaultDropEffect?: DropEffects; // eslint-disable-line deprecation/deprecation\r\n  /** Which dropEffect dragSource should be used when ctrl button is pressed during start of drag. */\r\n  ctrlDropEffect?: DropEffects; // eslint-disable-line deprecation/deprecation\r\n  /** Which dropEffect dragSource should be used when alt button is pressed during start of drag. */\r\n  altDropEffect?: DropEffects; // eslint-disable-line deprecation/deprecation\r\n  /** @internal */\r\n  connectDragSource?: ConnectDragSource;\r\n  /** @internal */\r\n  connectDragPreview?: ConnectDragPreview;\r\n  /** @internal */\r\n  isDragging?: boolean;\r\n  /** @internal */\r\n  canDrag?: boolean;\r\n  /** @internal */\r\n  item?: DragDropObject;\r\n  /** @internal */\r\n  type?: string | symbol | null;\r\n}\r\n\r\n/** @internal */\r\ninterface WithDragSourceState {\r\n  ctrlKey: boolean;\r\n  altKey: boolean;\r\n}\r\nlet emptyImage: HTMLImageElement | undefined;\r\n\r\nfunction getEmptyImage(): HTMLImageElement {\r\n  if (!emptyImage) {\r\n    emptyImage = new Image();\r\n    emptyImage.src =\r\n      \"data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\";\r\n  }\r\n  return emptyImage;\r\n}\r\n\r\n/**\r\n * HOC (Higher-Order Component) that transforms wrapped component into a DragSource.\r\n * @param Component component to wrap.\r\n * @beta\r\n * @deprecated\r\n */\r\n// istanbul ignore next\r\nexport const withDragSource = <ComponentProps extends {}, DragDropObject = any>(\r\n  // eslint-disable-next-line @typescript-eslint/naming-convention\r\n  Component: React.ComponentType<ComponentProps>,\r\n): DndComponentClass<typeof React.Component, ComponentProps & WithDragSourceProps<DragDropObject>> => { // eslint-disable-line deprecation/deprecation\r\n  type Props = ComponentProps & WithDragSourceProps<DragDropObject>; // eslint-disable-line deprecation/deprecation\r\n  return DragSource((props: Props) => {\r\n    if (props.dragProps.objectType) {\r\n      if (typeof props.dragProps.objectType === \"function\")\r\n        return props.dragProps.objectType();\r\n      else\r\n        return props.dragProps.objectType;\r\n    }\r\n    return \"\";\r\n  }, {\r\n    beginDrag(props, _monitor, component) {\r\n      let dropEffect = props.defaultDropEffect || DropEffects.Move; // eslint-disable-line deprecation/deprecation\r\n      if (component.state.ctrlKey) {\r\n        dropEffect = props.ctrlDropEffect || DropEffects.Copy; // eslint-disable-line deprecation/deprecation\r\n      } else if (component.state.altKey) {\r\n        dropEffect = props.altDropEffect || DropEffects.Link; // eslint-disable-line deprecation/deprecation\r\n      }\r\n      let dragRect: DOMRect = new DOMRect();\r\n      const componentElement = component.rootElement;\r\n      if (componentElement) {\r\n        dragRect = componentElement.getBoundingClientRect();\r\n      }\r\n      const obj: DragSourceArguments<DragDropObject> = { // eslint-disable-line deprecation/deprecation\r\n        dataObject: {} as DragDropObject,\r\n        dropEffect,\r\n        dropStatus: DropStatus.None, // eslint-disable-line deprecation/deprecation\r\n        dragRect,\r\n        defaultDragLayer: props.dragProps.defaultDragLayer,\r\n        clientOffset: { x: dragRect.left || 0, y: dragRect.top || 0 },\r\n        initialClientOffset: { x: dragRect.left || 0, y: dragRect.top || 0 },\r\n      };\r\n      if (props.dragProps.onDragSourceBegin) return props.dragProps.onDragSourceBegin(obj);\r\n      return obj;\r\n    },\r\n    endDrag(props, monitor, component) {\r\n      let dragRect: DOMRect = new DOMRect();\r\n      const componentElement = component && component.rootElement;\r\n      if (componentElement) {\r\n        dragRect = componentElement.getBoundingClientRect();\r\n      }\r\n      // eslint-disable-next-line deprecation/deprecation\r\n      const obj: DropTargetArguments<DragDropObject> = monitor.getDropResult() as DropTargetArguments<DragDropObject> || // if onDropTargetDrop returns a value\r\n        // eslint-disable-next-line deprecation/deprecation\r\n        monitor.getItem() as DropTargetArguments<DragDropObject> || // otherwise, get current drag item.\r\n      { // fallback\r\n        dataObject: {},\r\n        dropEffect: DropEffects.None, // eslint-disable-line deprecation/deprecation\r\n        dropStatus: DropStatus.None, // eslint-disable-line deprecation/deprecation\r\n        dragRect,\r\n        clientOffset: { x: 0, y: 0 },\r\n        initialClientOffset: { x: 0, y: 0 },\r\n        sourceClientOffset: { x: 0, y: 0 },\r\n        initialSourceClientOffset: { x: 0, y: 0 },\r\n      };\r\n      const {\r\n        dataObject,\r\n        dropEffect, dropStatus, dropRect,\r\n        initialClientOffset, initialSourceClientOffset,\r\n        local, row, col } = obj;\r\n\r\n      const clientOffset = monitor.getClientOffset() || obj.clientOffset;\r\n      const sourceClientOffset = monitor.getSourceClientOffset() || obj.sourceClientOffset;\r\n      const dragObj: DragSourceArguments<DragDropObject> = { // eslint-disable-line deprecation/deprecation\r\n        dataObject,\r\n        dropEffect, dropStatus, dropRect, dragRect,\r\n        clientOffset, initialClientOffset, sourceClientOffset, initialSourceClientOffset,\r\n        local, row, col,\r\n      };\r\n      if (props.dragProps.onDragSourceEnd)\r\n        props.dragProps.onDragSourceEnd(dragObj);\r\n    },\r\n  }, (connect, monitor) => {\r\n    return {\r\n      connectDragSource: connect.dragSource(),\r\n      connectDragPreview: connect.dragPreview(),\r\n      isDragging: monitor.isDragging(),\r\n      canDrag: monitor.canDrag(),\r\n      item: monitor.getItem(),\r\n      type: monitor.getItemType(),\r\n    };\r\n  })(class DragSourceWrapper extends React.Component<any, WithDragSourceState> {\r\n    public rootElement: HTMLDivElement | null = null;\r\n    public override readonly state: WithDragSourceState = {\r\n      ctrlKey: false,\r\n      altKey: false,\r\n    };\r\n    public static defaultProps: any = {\r\n      defaultDropEffect: DropEffects.Move, // eslint-disable-line deprecation/deprecation\r\n      ctrlDropEffect: DropEffects.Copy, // eslint-disable-line deprecation/deprecation\r\n      altDropEffect: DropEffects.Link, // eslint-disable-line deprecation/deprecation\r\n    };\r\n    public override render() {\r\n      const {\r\n        dragProps, connectDragSource, connectDragPreview, // eslint-disable-line @typescript-eslint/no-unused-vars\r\n        isDragging, canDrag, item, type,\r\n        defaultDropEffect, ctrlDropEffect, altDropEffect,\r\n        dragStyle, // eslint-disable-line @typescript-eslint/no-unused-vars\r\n        ...props } = this.props as WithDragSourceProps<DragDropObject>; // eslint-disable-line deprecation/deprecation\r\n      const p = {\r\n        item,\r\n        type,\r\n        isDragging,\r\n        canDrag,\r\n      };\r\n      const effectMap: { [key: number]: string } = {\r\n        [DropEffects.Move]: \"move\", // eslint-disable-line deprecation/deprecation\r\n        [DropEffects.Copy]: \"copy\", // eslint-disable-line deprecation/deprecation\r\n        [DropEffects.Link]: \"link\", // eslint-disable-line deprecation/deprecation\r\n      };\r\n\r\n      const defaultEffect = effectMap[defaultDropEffect as number];\r\n      const ctrlEffect = effectMap[ctrlDropEffect as number];\r\n      const altEffect = effectMap[altDropEffect as number];\r\n\r\n      const dropEffect = this.state.ctrlKey ? ctrlEffect || \"copy\" : this.state.altKey ? altEffect || \"link\" : defaultEffect || \"move\";\r\n      return connectDragSource!(\r\n        <div className=\"drag-source-wrapper\" data-testid=\"drag-source-wrapper\" ref={(el) => { this.rootElement = el; }} style={this.props.dragStyle}>\r\n          <Component {...props} {...(p as any)} />\r\n        </div>,\r\n        { dropEffect },\r\n      );\r\n    }\r\n    public override componentDidMount() {\r\n      if (this.props.connectDragPreview) {\r\n        this.props.connectDragPreview(getEmptyImage() as any, { captureDraggingState: true });\r\n      }\r\n      window.addEventListener(\"keydown\", this.handleKeyChange);\r\n      window.addEventListener(\"keyup\", this.handleKeyChange);\r\n    }\r\n    public override componentWillUnmount() {\r\n      window.removeEventListener(\"keydown\", this.handleKeyChange);\r\n      window.removeEventListener(\"keyup\", this.handleKeyChange);\r\n    }\r\n    public handleKeyChange = (event: any) => {\r\n      const { ctrlKey, altKey } = event;\r\n      if (this.state.ctrlKey !== ctrlKey) {\r\n        this.setState({ ctrlKey });\r\n      }\r\n      if (this.state.altKey !== altKey) {\r\n        this.setState({ altKey });\r\n      }\r\n    };\r\n  }) as any;\r\n};\r\n"]}

package/lib/cjs/components-react/table/component/dragdrop/withDropTarget.d.ts

@@ -1,36 +1,36 @@
-/** @packageDocumentation
- * @module DragDrop
- */
-import * as React from "react";
-import { ConnectDropTarget, DndComponentClass } from "react-dnd";
-import { DropTargetProps } from "./DragDropDef";
-/** React properties for withDropTarget Higher-Order Component
- * @beta
- * @deprecated
- */
-export interface WithDropTargetProps<DragDropObject = any> {
-    /** Properties and callbacks for DropTarget */
-    dropProps: DropTargetProps<DragDropObject>;
-    /** Whether to propagate to parent DropTargets. */
-    shallow?: boolean;
-    /** Style properties for dropTarget wrapper element */
-    dropStyle?: React.CSSProperties;
-    /** @internal */
-    connectDropTarget?: ConnectDropTarget;
-    /** @internal */
-    isOver?: boolean;
-    /** @internal */
-    canDrop?: boolean;
-    /** @internal */
-    item?: DragDropObject;
-    /** @internal */
-    type?: string | symbol;
-}
-/**
- * HOC (Higher-Order Component) that transforms wrapped component into a DropTarget.
- * @param Component component to wrap.
- * @beta
- * @deprecated
- */
-export declare const withDropTarget: <ComponentProps extends {}, DragDropObject = any>(Component: React.ComponentType<ComponentProps>) => DndComponentClass<typeof React.Component, ComponentProps & WithDropTargetProps<DragDropObject>>;
+/** @packageDocumentation
+ * @module DragDrop
+ */
+import * as React from "react";
+import { ConnectDropTarget, DndComponentClass } from "react-dnd";
+import { DropTargetProps } from "./DragDropDef";
+/** React properties for withDropTarget Higher-Order Component
+ * @beta
+ * @deprecated
+ */
+export interface WithDropTargetProps<DragDropObject = any> {
+    /** Properties and callbacks for DropTarget */
+    dropProps: DropTargetProps<DragDropObject>;
+    /** Whether to propagate to parent DropTargets. */
+    shallow?: boolean;
+    /** Style properties for dropTarget wrapper element */
+    dropStyle?: React.CSSProperties;
+    /** @internal */
+    connectDropTarget?: ConnectDropTarget;
+    /** @internal */
+    isOver?: boolean;
+    /** @internal */
+    canDrop?: boolean;
+    /** @internal */
+    item?: DragDropObject;
+    /** @internal */
+    type?: string | symbol;
+}
+/**
+ * HOC (Higher-Order Component) that transforms wrapped component into a DropTarget.
+ * @param Component component to wrap.
+ * @beta
+ * @deprecated
+ */
+export declare const withDropTarget: <ComponentProps extends {}, DragDropObject = any>(Component: React.ComponentType<ComponentProps>) => DndComponentClass<typeof React.Component, ComponentProps & WithDropTargetProps<DragDropObject>>;
 //# sourceMappingURL=withDropTarget.d.ts.map