@itwin/components-react 3.7.0-dev.1 → 4.0.0-dev.10

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

@@ -1,166 +0,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
- */
-import * as React from "react";
-import { DragSource } from "react-dnd";
-import { DropEffects, DropStatus } from "./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 in 2.x. Obsolete.
- */
-// istanbul ignore next
-export const withDragSource = (
-// eslint-disable-next-line @typescript-eslint/naming-convention
-Component) => {
-    var _a;
-    return 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 || DropEffects.Move; // eslint-disable-line deprecation/deprecation
-            if (component.state.ctrlKey) {
-                dropEffect = props.ctrlDropEffect || DropEffects.Copy; // eslint-disable-line deprecation/deprecation
-            }
-            else if (component.state.altKey) {
-                dropEffect = props.altDropEffect || 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: 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: DropEffects.None,
-                    dropStatus: 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 = {
-                    [DropEffects.Move]: "move",
-                    [DropEffects.Copy]: "copy",
-                    [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: DropEffects.Move,
-            ctrlDropEffect: DropEffects.Copy,
-            altDropEffect: DropEffects.Link, // eslint-disable-line deprecation/deprecation
-        },
-        _a));
-};
-//# sourceMappingURL=withDragSource.js.map

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

@@ -1 +0,0 @@
-{"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 in 2.x. Obsolete.\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 in 2.x. Obsolete.\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/esm/components-react/table/component/dragdrop/withDropTarget.d.ts

@@ -1,36 +0,0 @@
-/** @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 in 2.x. Obsolete.
- */
-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 in 2.x. Obsolete.
- */
-export declare const withDropTarget: <ComponentProps extends {}, DragDropObject = any>(Component: React.ComponentType<ComponentProps>) => DndComponentClass<typeof React.Component, ComponentProps & WithDropTargetProps<DragDropObject>>;
-//# sourceMappingURL=withDropTarget.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"withDropTarget.d.ts","sourceRoot":"","sources":["../../../../../../src/components-react/table/component/dragdrop/withDropTarget.tsx"],"names":[],"mappings":"AAIA;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAc,MAAM,WAAW,CAAC;AAC7E,OAAO,EAA4C,eAAe,EAAE,MAAM,eAAe,CAAC;AAE1F;;;GAGG;AACH,MAAM,WAAW,mBAAmB,CAAC,cAAc,GAAG,GAAG;IACvD,8CAA8C;IAC9C,SAAS,EAAE,eAAe,CAAC,cAAc,CAAC,CAAC;IAC3C,kDAAkD;IAClD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sDAAsD;IACtD,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAEhC,gBAAgB;IAChB,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,gBAAgB;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,gBAAgB;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gBAAgB;IAChB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,gBAAgB;IAChB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB;AAED;;;;;GAKG;AAEH,eAAO,MAAM,cAAc,sMAwH1B,CAAC"}

package/lib/esm/components-react/table/component/dragdrop/withDropTarget.js

@@ -1,127 +0,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
- */
-import * as React from "react";
-import { DropTarget } from "react-dnd";
-/**
- * HOC (Higher-Order Component) that transforms wrapped component into a DropTarget.
- * @param Component component to wrap.
- * @beta
- * @deprecated in 2.x. Obsolete.
- */
-// istanbul ignore next
-export const withDropTarget = (
-// eslint-disable-next-line @typescript-eslint/naming-convention
-Component) => {
-    return DropTarget((props) => {
-        if (props.dropProps.objectTypes) {
-            if (typeof props.dropProps.objectTypes === "function")
-                return props.dropProps.objectTypes();
-            else
-                return props.dropProps.objectTypes;
-        }
-        return [];
-    }, {
-        drop(props, monitor, component) {
-            const dragSourceArgs = monitor.getItem(); // eslint-disable-line deprecation/deprecation
-            if (monitor.isOver({ shallow: props.shallow || false })) {
-                let dropRect = new DOMRect();
-                const componentElement = component.rootElement;
-                if (componentElement) {
-                    dropRect = componentElement.getBoundingClientRect();
-                }
-                const clientOffset = monitor.getClientOffset() || dragSourceArgs.clientOffset;
-                const initialClientOffset = monitor.getInitialClientOffset() || dragSourceArgs.initialClientOffset;
-                const sourceClientOffset = monitor.getSourceClientOffset() || dragSourceArgs.sourceClientOffset;
-                const initialSourceClientOffset = monitor.getInitialSourceClientOffset() || dragSourceArgs.initialSourceClientOffset;
-                const dropTargetArgs = {
-                    ...dragSourceArgs,
-                    row: undefined,
-                    col: undefined,
-                    dropRect,
-                    clientOffset,
-                    initialClientOffset,
-                    sourceClientOffset,
-                    initialSourceClientOffset,
-                };
-                if (props.dropProps.onDropTargetDrop)
-                    return props.dropProps.onDropTargetDrop(dropTargetArgs);
-            }
-            return;
-        },
-        hover(props, monitor, component) {
-            if (monitor.isOver({ shallow: props.shallow || false }) && props.dropProps.onDropTargetOver) {
-                const dragSourceArgs = monitor.getItem(); // eslint-disable-line deprecation/deprecation
-                let dropRect = new DOMRect();
-                const componentElement = component.rootElement;
-                if (componentElement) {
-                    dropRect = componentElement.getBoundingClientRect();
-                }
-                const clientOffset = monitor.getClientOffset() || dragSourceArgs.clientOffset;
-                const initialClientOffset = monitor.getInitialClientOffset() || dragSourceArgs.initialClientOffset;
-                const sourceClientOffset = monitor.getSourceClientOffset() || dragSourceArgs.sourceClientOffset;
-                const initialSourceClientOffset = monitor.getInitialSourceClientOffset() || dragSourceArgs.initialSourceClientOffset;
-                const dropTargetArgs = {
-                    ...dragSourceArgs,
-                    row: undefined,
-                    col: undefined,
-                    dropRect,
-                    clientOffset,
-                    initialClientOffset,
-                    sourceClientOffset,
-                    initialSourceClientOffset,
-                };
-                props.dropProps.onDropTargetOver(dropTargetArgs);
-            }
-        },
-        canDrop(props, monitor) {
-            if (monitor.isOver({ shallow: props.shallow || false }) && props.dropProps.canDropTargetDrop) {
-                const dragSourceArgs = monitor.getItem(); // eslint-disable-line deprecation/deprecation
-                const clientOffset = monitor.getClientOffset() || dragSourceArgs.clientOffset;
-                const initialClientOffset = monitor.getInitialClientOffset() || dragSourceArgs.initialClientOffset;
-                const sourceClientOffset = monitor.getSourceClientOffset() || dragSourceArgs.sourceClientOffset;
-                const initialSourceClientOffset = monitor.getInitialSourceClientOffset() || dragSourceArgs.initialSourceClientOffset;
-                const dropTargetArgs = {
-                    ...dragSourceArgs,
-                    clientOffset,
-                    initialClientOffset,
-                    sourceClientOffset,
-                    initialSourceClientOffset,
-                };
-                return props.dropProps.canDropTargetDrop(dropTargetArgs);
-            }
-            return true;
-        },
-    }, (connect, monitor) => {
-        return {
-            connectDropTarget: connect.dropTarget(),
-            isOver: monitor.isOver({ shallow: true }),
-            canDrop: monitor.canDrop(),
-            item: monitor.getItem(),
-            type: monitor.getItemType() || undefined,
-        };
-    })(class WithDropTarget extends React.Component {
-        constructor() {
-            super(...arguments);
-            this.rootElement = null;
-        }
-        render() {
-            const { dropProps, shallow, // eslint-disable-line @typescript-eslint/no-unused-vars
-            connectDropTarget, isOver, canDrop, item, type, dropStyle, // eslint-disable-line @typescript-eslint/no-unused-vars
-            ...props } = this.props; // eslint-disable-line deprecation/deprecation
-            const p = {
-                item,
-                type,
-                isOver,
-                canDrop,
-            };
-            return connectDropTarget(React.createElement("div", { className: "drop-target-wrapper", "data-testid": "drop-target-wrapper", ref: (el) => { this.rootElement = el; }, style: this.props.dropStyle },
-                React.createElement(Component, { ...props, ...p })));
-        }
-    });
-};
-//# sourceMappingURL=withDropTarget.js.map

package/lib/esm/components-react/table/component/dragdrop/withDropTarget.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"withDropTarget.js","sourceRoot":"","sources":["../../../../../../src/components-react/table/component/dragdrop/withDropTarget.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 { ConnectDropTarget, DndComponentClass, DropTarget } from \"react-dnd\";\r\nimport { DragSourceArguments, DropTargetArguments, DropTargetProps } from \"./DragDropDef\";\r\n\r\n/** React properties for withDropTarget Higher-Order Component\r\n * @beta\r\n * @deprecated in 2.x. Obsolete.\r\n */\r\nexport interface WithDropTargetProps<DragDropObject = any> {\r\n  /** Properties and callbacks for DropTarget */\r\n  dropProps: DropTargetProps<DragDropObject>; // eslint-disable-line deprecation/deprecation\r\n  /** Whether to propagate to parent DropTargets. */\r\n  shallow?: boolean;\r\n  /** Style properties for dropTarget wrapper element */\r\n  dropStyle?: React.CSSProperties;\r\n\r\n  /** @internal */\r\n  connectDropTarget?: ConnectDropTarget;\r\n  /** @internal */\r\n  isOver?: boolean;\r\n  /** @internal */\r\n  canDrop?: boolean;\r\n  /** @internal */\r\n  item?: DragDropObject;\r\n  /** @internal */\r\n  type?: string | symbol;\r\n}\r\n\r\n/**\r\n * HOC (Higher-Order Component) that transforms wrapped component into a DropTarget.\r\n * @param Component component to wrap.\r\n * @beta\r\n * @deprecated in 2.x. Obsolete.\r\n */\r\n// istanbul ignore next\r\nexport const withDropTarget = <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 & WithDropTargetProps<DragDropObject>> => { // eslint-disable-line deprecation/deprecation\r\n  type Props = ComponentProps & WithDropTargetProps<DragDropObject>; // eslint-disable-line deprecation/deprecation\r\n  return DropTarget((props: Props): Array<string | symbol> => {\r\n    if (props.dropProps.objectTypes) {\r\n      if (typeof props.dropProps.objectTypes === \"function\")\r\n        return props.dropProps.objectTypes();\r\n      else\r\n        return props.dropProps.objectTypes;\r\n    }\r\n    return [];\r\n  }, {\r\n    drop(props, monitor, component) {\r\n      const dragSourceArgs = monitor.getItem() as DragSourceArguments<DragDropObject>; // eslint-disable-line deprecation/deprecation\r\n      if (monitor.isOver({ shallow: props.shallow || false })) {\r\n        let dropRect: DOMRect = new DOMRect();\r\n        const componentElement = component.rootElement;\r\n        if (componentElement) {\r\n          dropRect = componentElement.getBoundingClientRect();\r\n        }\r\n\r\n        const clientOffset = monitor.getClientOffset() || dragSourceArgs.clientOffset;\r\n        const initialClientOffset = monitor.getInitialClientOffset() || dragSourceArgs.initialClientOffset;\r\n        const sourceClientOffset = monitor.getSourceClientOffset() || dragSourceArgs.sourceClientOffset;\r\n        const initialSourceClientOffset = monitor.getInitialSourceClientOffset() || dragSourceArgs.initialSourceClientOffset;\r\n\r\n        const dropTargetArgs: DropTargetArguments<DragDropObject> = { // eslint-disable-line deprecation/deprecation\r\n          ...dragSourceArgs,\r\n          row: undefined, // clear stale row/col values to be set while propagating back down\r\n          col: undefined,\r\n          dropRect,\r\n          clientOffset,\r\n          initialClientOffset,\r\n          sourceClientOffset,\r\n          initialSourceClientOffset,\r\n        };\r\n        if (props.dropProps.onDropTargetDrop)\r\n          return props.dropProps.onDropTargetDrop(dropTargetArgs);\r\n      }\r\n      return;\r\n    },\r\n    hover(props, monitor, component) {\r\n      if (monitor.isOver({ shallow: props.shallow || false }) && props.dropProps.onDropTargetOver) {\r\n        const dragSourceArgs = monitor.getItem() as DragSourceArguments<DragDropObject>; // eslint-disable-line deprecation/deprecation\r\n        let dropRect: DOMRect = new DOMRect();\r\n        const componentElement = component.rootElement;\r\n        if (componentElement) {\r\n          dropRect = componentElement.getBoundingClientRect();\r\n        }\r\n\r\n        const clientOffset = monitor.getClientOffset() || dragSourceArgs.clientOffset;\r\n        const initialClientOffset = monitor.getInitialClientOffset() || dragSourceArgs.initialClientOffset;\r\n        const sourceClientOffset = monitor.getSourceClientOffset() || dragSourceArgs.sourceClientOffset;\r\n        const initialSourceClientOffset = monitor.getInitialSourceClientOffset() || dragSourceArgs.initialSourceClientOffset;\r\n\r\n        const dropTargetArgs: DropTargetArguments<DragDropObject> = { // eslint-disable-line deprecation/deprecation\r\n          ...dragSourceArgs,\r\n          row: undefined, // clear stale row/col values to be set while propagating back down\r\n          col: undefined,\r\n          dropRect,\r\n          clientOffset,\r\n          initialClientOffset,\r\n          sourceClientOffset,\r\n          initialSourceClientOffset,\r\n        };\r\n        props.dropProps.onDropTargetOver(dropTargetArgs);\r\n      }\r\n    },\r\n    canDrop(props, monitor) {\r\n      if (monitor.isOver({ shallow: props.shallow || false }) && props.dropProps.canDropTargetDrop) {\r\n        const dragSourceArgs = monitor.getItem() as DragSourceArguments<DragDropObject>; // eslint-disable-line deprecation/deprecation\r\n        const clientOffset = monitor.getClientOffset() || dragSourceArgs.clientOffset;\r\n        const initialClientOffset = monitor.getInitialClientOffset() || dragSourceArgs.initialClientOffset;\r\n        const sourceClientOffset = monitor.getSourceClientOffset() || dragSourceArgs.sourceClientOffset;\r\n        const initialSourceClientOffset = monitor.getInitialSourceClientOffset() || dragSourceArgs.initialSourceClientOffset;\r\n\r\n        const dropTargetArgs: DropTargetArguments<DragDropObject> = { // eslint-disable-line deprecation/deprecation\r\n          ...dragSourceArgs,\r\n          clientOffset,\r\n          initialClientOffset,\r\n          sourceClientOffset,\r\n          initialSourceClientOffset,\r\n        };\r\n        return props.dropProps.canDropTargetDrop(dropTargetArgs);\r\n      }\r\n      return true;\r\n    },\r\n  }, (connect, monitor) => {\r\n    return {\r\n      connectDropTarget: connect.dropTarget(),\r\n      isOver: monitor.isOver({ shallow: true }),\r\n      canDrop: monitor.canDrop(),\r\n      item: monitor.getItem(),\r\n      type: monitor.getItemType() || undefined,\r\n    };\r\n  })(class WithDropTarget extends React.Component<any> {\r\n    public rootElement: HTMLDivElement | null = null;\r\n    public override render() {\r\n      const {\r\n        dropProps, shallow, // eslint-disable-line @typescript-eslint/no-unused-vars\r\n        connectDropTarget,\r\n        isOver, canDrop, item, type,\r\n        dropStyle, // eslint-disable-line @typescript-eslint/no-unused-vars\r\n        ...props } = this.props as WithDropTargetProps<DragDropObject>; // eslint-disable-line deprecation/deprecation\r\n\r\n      const p = {\r\n        item,\r\n        type,\r\n        isOver,\r\n        canDrop,\r\n      };\r\n      return connectDropTarget!(\r\n        <div className=\"drop-target-wrapper\" data-testid=\"drop-target-wrapper\" ref={(el) => { this.rootElement = el; }} style={this.props.dropStyle}>\r\n          <Component {...props} {...(p as any)} />\r\n        </div>,\r\n      );\r\n    }\r\n  }) as any;\r\n};\r\n"]}