@itwin/components-react 3.8.0-dev.1 → 3.8.0

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

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

package/lib/esm/components-react/toolbar/Item.d.ts

@@ -1,38 +1,38 @@
-/** @packageDocumentation
- * @module Toolbar
- */
-import "./Item.scss";
-import * as React from "react";
-import { CommonProps } from "@itwin/core-react";
-/** Properties of [[ToolbarButtonItem]] component.
- * @public
- */
-export interface ToolbarButtonItemProps extends CommonProps {
-    /** button icon. */
-    icon?: React.ReactNode;
-    /** Describes if item is active. */
-    isActive?: boolean;
-    /** Describes if the item is disabled. */
-    isDisabled?: boolean;
-    /** Function called when the item is clicked. */
-    onClick?: () => void;
-    /** Function called when a key is pressed. */
-    onKeyDown?: (e: React.KeyboardEvent) => void;
-    /** Title for the item. */
-    title: string;
-    /** A badge to draw. */
-    badge?: React.ReactNode;
-    /** If true add a gap before button. Default to false. */
-    addGroupSeparator?: boolean;
-    /** value added to DOM element as a data attribute to hold name of items provider. If specified in `FrontstageProvider` then this will be undefined */
-    providerId?: string;
-    /** value added to DOM element as a data attribute, shows 0 is undefined */
-    itemPriority?: number;
-    /** value added to DOM element as a data attribute */
-    groupPriority?: number;
-}
-/** Toolbar item component. Used in [[Toolbar]] component.
- * @public
- */
-export declare const ToolbarButtonItem: React.MemoExoticComponent<React.FC<ToolbarButtonItemProps>>;
+/** @packageDocumentation
+ * @module Toolbar
+ */
+import "./Item.scss";
+import * as React from "react";
+import { CommonProps } from "@itwin/core-react";
+/** Properties of [[ToolbarButtonItem]] component.
+ * @public
+ */
+export interface ToolbarButtonItemProps extends CommonProps {
+    /** button icon. */
+    icon?: React.ReactNode;
+    /** Describes if item is active. */
+    isActive?: boolean;
+    /** Describes if the item is disabled. */
+    isDisabled?: boolean;
+    /** Function called when the item is clicked. */
+    onClick?: () => void;
+    /** Function called when a key is pressed. */
+    onKeyDown?: (e: React.KeyboardEvent) => void;
+    /** Title for the item. */
+    title: string;
+    /** A badge to draw. */
+    badge?: React.ReactNode;
+    /** If true add a gap before button. Default to false. */
+    addGroupSeparator?: boolean;
+    /** value added to DOM element as a data attribute to hold name of items provider. If specified in `FrontstageProvider` then this will be undefined */
+    providerId?: string;
+    /** value added to DOM element as a data attribute, shows 0 is undefined */
+    itemPriority?: number;
+    /** value added to DOM element as a data attribute */
+    groupPriority?: number;
+}
+/** Toolbar item component. Used in [[Toolbar]] component.
+ * @public
+ */
+export declare const ToolbarButtonItem: React.MemoExoticComponent<React.FC<ToolbarButtonItemProps>>;
 //# sourceMappingURL=Item.d.ts.map

package/lib/esm/components-react/toolbar/Item.js

@@ -1,22 +1,22 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Toolbar
- */
-import "./Item.scss";
-import classnames from "classnames";
-import * as React from "react";
-/** Toolbar item component. Used in [[Toolbar]] component.
- * @public
- */
-// eslint-disable-next-line react/display-name
-export const ToolbarButtonItem = React.memo((props) => {
-    const className = classnames("components-toolbar-button-item", props.isActive && "components-active", props.isDisabled && "components-disabled", props.className);
-    return (React.createElement("button", { "data-item-id": props.itemId, "data-item-type": "action-tool-button", "data-item-group-priority": props.groupPriority, "data-item-priority": props.itemPriority, "data-item-provider-id": props.providerId, disabled: props.isDisabled, onClick: props.onClick, onKeyDown: props.onKeyDown, className: className, style: props.style, title: props.title },
-        React.createElement("div", { className: "components-icon" }, props.icon),
-        props.badge &&
-            React.createElement("div", { className: "components-badge" }, props.badge)));
-});
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Toolbar
+ */
+import "./Item.scss";
+import classnames from "classnames";
+import * as React from "react";
+/** Toolbar item component. Used in [[Toolbar]] component.
+ * @public
+ */
+// eslint-disable-next-line react/display-name
+export const ToolbarButtonItem = React.memo((props) => {
+    const className = classnames("components-toolbar-button-item", props.isActive && "components-active", props.isDisabled && "components-disabled", props.className);
+    return (React.createElement("button", { "data-item-id": props.itemId, "data-item-type": "action-tool-button", "data-item-group-priority": props.groupPriority, "data-item-priority": props.itemPriority, "data-item-provider-id": props.providerId, disabled: props.isDisabled, onClick: props.onClick, onKeyDown: props.onKeyDown, className: className, style: props.style, title: props.title },
+        React.createElement("div", { className: "components-icon" }, props.icon),
+        props.badge &&
+            React.createElement("div", { className: "components-badge" }, props.badge)));
+});
 //# sourceMappingURL=Item.js.map

package/lib/esm/components-react/toolbar/Item.js.map

@@ -1 +1 @@
-{"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../../src/components-react/toolbar/Item.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,aAAa,CAAC;AACrB,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA+B/B;;GAEG;AACH,8CAA8C;AAC9C,MAAM,CAAC,MAAM,iBAAiB,GAAG,KAAK,CAAC,IAAI,CACzC,CAAC,KAA6B,EAAE,EAAE;IAChC,MAAM,SAAS,GAAG,UAAU,CAC1B,gCAAgC,EAChC,KAAK,CAAC,QAAQ,IAAI,mBAAmB,EACrC,KAAK,CAAC,UAAU,IAAI,qBAAqB,EACzC,KAAK,CAAC,SAAS,CAAC,CAAC;IAEnB,OAAO,CACL,gDACgB,KAAK,CAAC,MAAM,oBACX,oBAAoB,8BACT,KAAK,CAAC,aAAa,wBACzB,KAAK,CAAC,YAAY,2BACf,KAAK,CAAC,UAAU,EACvC,QAAQ,EAAE,KAAK,CAAC,UAAU,EAC1B,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EAAE,KAAK,CAAC,KAAK;QAElB,6BAAK,SAAS,EAAC,iBAAiB,IAC7B,KAAK,CAAC,IAAI,CACP;QACL,KAAK,CAAC,KAAK;YACV,6BAAK,SAAS,EAAC,kBAAkB,IAC9B,KAAK,CAAC,KAAK,CACR,CAED,CACV,CAAC;AACJ,CAAC,CAAC,CAAC","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 Toolbar\r\n */\r\n\r\nimport \"./Item.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { CommonProps } from \"@itwin/core-react\";\r\n\r\n/** Properties of [[ToolbarButtonItem]] component.\r\n * @public\r\n */\r\nexport interface ToolbarButtonItemProps extends CommonProps {\r\n  /** button icon. */\r\n  icon?: React.ReactNode;\r\n  /** Describes if item is active. */\r\n  isActive?: boolean;\r\n  /** Describes if the item is disabled. */\r\n  isDisabled?: boolean;\r\n  /** Function called when the item is clicked. */\r\n  onClick?: () => void;\r\n  /** Function called when a key is pressed. */\r\n  onKeyDown?: (e: React.KeyboardEvent) => void;\r\n  /** Title for the item. */\r\n  title: string;\r\n  /** A badge to draw. */\r\n  badge?: React.ReactNode;\r\n  /** If true add a gap before button. Default to false. */\r\n  addGroupSeparator?: boolean;\r\n  /** value added to DOM element as a data attribute to hold name of items provider. If specified in `FrontstageProvider` then this will be undefined */\r\n  providerId?: string;\r\n  /** value added to DOM element as a data attribute, shows 0 is undefined */\r\n  itemPriority?: number;\r\n  /** value added to DOM element as a data attribute */\r\n  groupPriority?: number;\r\n}\r\n\r\n/** Toolbar item component. Used in [[Toolbar]] component.\r\n * @public\r\n */\r\n// eslint-disable-next-line react/display-name\r\nexport const ToolbarButtonItem = React.memo<React.FC<ToolbarButtonItemProps>>(\r\n  (props: ToolbarButtonItemProps) => {\r\n    const className = classnames(\r\n      \"components-toolbar-button-item\",\r\n      props.isActive && \"components-active\",\r\n      props.isDisabled && \"components-disabled\",\r\n      props.className);\r\n\r\n    return (\r\n      <button\r\n        data-item-id={props.itemId}\r\n        data-item-type=\"action-tool-button\"\r\n        data-item-group-priority={props.groupPriority}\r\n        data-item-priority={props.itemPriority}\r\n        data-item-provider-id={props.providerId}\r\n        disabled={props.isDisabled}  // this is needed to prevent focusing/keyboard access to disabled buttons\r\n        onClick={props.onClick}\r\n        onKeyDown={props.onKeyDown}\r\n        className={className}\r\n        style={props.style}\r\n        title={props.title}\r\n      >\r\n        <div className=\"components-icon\">\r\n          {props.icon}\r\n        </div>\r\n        {props.badge &&\r\n          <div className=\"components-badge\">\r\n            {props.badge}\r\n          </div>\r\n        }\r\n      </button>\r\n    );\r\n  });\r\n"]}
+{"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../../src/components-react/toolbar/Item.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,aAAa,CAAC;AACrB,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA+B/B;;GAEG;AACH,8CAA8C;AAC9C,MAAM,CAAC,MAAM,iBAAiB,GAAG,KAAK,CAAC,IAAI,CACzC,CAAC,KAA6B,EAAE,EAAE;IAChC,MAAM,SAAS,GAAG,UAAU,CAC1B,gCAAgC,EAChC,KAAK,CAAC,QAAQ,IAAI,mBAAmB,EACrC,KAAK,CAAC,UAAU,IAAI,qBAAqB,EACzC,KAAK,CAAC,SAAS,CAAC,CAAC;IAEnB,OAAO,CACL,gDACgB,KAAK,CAAC,MAAM,oBACX,oBAAoB,8BACT,KAAK,CAAC,aAAa,wBACzB,KAAK,CAAC,YAAY,2BACf,KAAK,CAAC,UAAU,EACvC,QAAQ,EAAE,KAAK,CAAC,UAAU,EAC1B,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EAAE,KAAK,CAAC,KAAK;QAElB,6BAAK,SAAS,EAAC,iBAAiB,IAC7B,KAAK,CAAC,IAAI,CACP;QACL,KAAK,CAAC,KAAK;YACV,6BAAK,SAAS,EAAC,kBAAkB,IAC9B,KAAK,CAAC,KAAK,CACR,CAED,CACV,CAAC;AACJ,CAAC,CAAC,CAAC","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 Toolbar\n */\n\nimport \"./Item.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { CommonProps } from \"@itwin/core-react\";\n\n/** Properties of [[ToolbarButtonItem]] component.\n * @public\n */\nexport interface ToolbarButtonItemProps extends CommonProps {\n  /** button icon. */\n  icon?: React.ReactNode;\n  /** Describes if item is active. */\n  isActive?: boolean;\n  /** Describes if the item is disabled. */\n  isDisabled?: boolean;\n  /** Function called when the item is clicked. */\n  onClick?: () => void;\n  /** Function called when a key is pressed. */\n  onKeyDown?: (e: React.KeyboardEvent) => void;\n  /** Title for the item. */\n  title: string;\n  /** A badge to draw. */\n  badge?: React.ReactNode;\n  /** If true add a gap before button. Default to false. */\n  addGroupSeparator?: boolean;\n  /** value added to DOM element as a data attribute to hold name of items provider. If specified in `FrontstageProvider` then this will be undefined */\n  providerId?: string;\n  /** value added to DOM element as a data attribute, shows 0 is undefined */\n  itemPriority?: number;\n  /** value added to DOM element as a data attribute */\n  groupPriority?: number;\n}\n\n/** Toolbar item component. Used in [[Toolbar]] component.\n * @public\n */\n// eslint-disable-next-line react/display-name\nexport const ToolbarButtonItem = React.memo<React.FC<ToolbarButtonItemProps>>(\n  (props: ToolbarButtonItemProps) => {\n    const className = classnames(\n      \"components-toolbar-button-item\",\n      props.isActive && \"components-active\",\n      props.isDisabled && \"components-disabled\",\n      props.className);\n\n    return (\n      <button\n        data-item-id={props.itemId}\n        data-item-type=\"action-tool-button\"\n        data-item-group-priority={props.groupPriority}\n        data-item-priority={props.itemPriority}\n        data-item-provider-id={props.providerId}\n        disabled={props.isDisabled}  // this is needed to prevent focusing/keyboard access to disabled buttons\n        onClick={props.onClick}\n        onKeyDown={props.onKeyDown}\n        className={className}\n        style={props.style}\n        title={props.title}\n      >\n        <div className=\"components-icon\">\n          {props.icon}\n        </div>\n        {props.badge &&\n          <div className=\"components-badge\">\n            {props.badge}\n          </div>\n        }\n      </button>\n    );\n  });\n"]}