@itwin/components-react 3.7.0 → 3.7.2

package/lib/cjs/components-react/table/component/ColumnDragLayer.js

@@ -1,66 +1,66 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Table
- */
-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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ColumnDragLayer = void 0;
-const classnames_1 = __importDefault(require("classnames"));
-const React = __importStar(require("react"));
-/**
- * React component used to portray a column being dragged during Table column reordering.
- * @deprecated in 2.x. Use the Table component in @itwin/itwinui-react instead, which does not use this class.
- * @public
- */
-class ColumnDragLayer extends React.Component {
-    constructor(props) {
-        super(props);
-    }
-    render() {
-        if (this.props.args === undefined)
-            return null;
-        const args = this.props.args;
-        const spos = args.sourceClientOffset || { x: -1000, y: -1000 };
-        const ispos = args.initialSourceClientOffset || { x: -1000, y: -1000 };
-        const data = args.dataObject || /* istanbul ignore next */ {};
-        const column = data.column || {};
-        const width = column.width || {};
-        const x = spos.x + (column && column.left);
-        const y = ispos.y;
-        const translate = `translate(${x}px, ${y}px)`;
-        const dragLayerStyle = {
-            transform: translate,
-            WebkitTransform: translate,
-            width,
-            ...this.props.style,
-        };
-        return (React.createElement("div", { className: (0, classnames_1.default)("components-column-drag-layer", this.props.className), style: dragLayerStyle }, column.name));
-    }
-}
-exports.ColumnDragLayer = ColumnDragLayer;
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Table
+ */
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ColumnDragLayer = void 0;
+const classnames_1 = __importDefault(require("classnames"));
+const React = __importStar(require("react"));
+/**
+ * React component used to portray a column being dragged during Table column reordering.
+ * @deprecated in 2.x. Use the Table component in @itwin/itwinui-react instead, which does not use this class.
+ * @public
+ */
+class ColumnDragLayer extends React.Component {
+    constructor(props) {
+        super(props);
+    }
+    render() {
+        if (this.props.args === undefined)
+            return null;
+        const args = this.props.args;
+        const spos = args.sourceClientOffset || { x: -1000, y: -1000 };
+        const ispos = args.initialSourceClientOffset || { x: -1000, y: -1000 };
+        const data = args.dataObject || /* istanbul ignore next */ {};
+        const column = data.column || {};
+        const width = column.width || {};
+        const x = spos.x + (column && column.left);
+        const y = ispos.y;
+        const translate = `translate(${x}px, ${y}px)`;
+        const dragLayerStyle = {
+            transform: translate,
+            WebkitTransform: translate,
+            width,
+            ...this.props.style,
+        };
+        return (React.createElement("div", { className: (0, classnames_1.default)("components-column-drag-layer", this.props.className), style: dragLayerStyle }, column.name));
+    }
+}
+exports.ColumnDragLayer = ColumnDragLayer;
 //# sourceMappingURL=ColumnDragLayer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ColumnDragLayer.js","sourceRoot":"","sources":["../../../../../src/components-react/table/component/ColumnDragLayer.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,4DAAoC;AACpC,6CAA+B;AAG/B;;;;GAIG;AACH,MAAa,eAAgB,SAAQ,KAAK,CAAC,SAAyB;IAClE,YAAY,KAAqB;QAC/B,KAAK,CAAC,KAAK,CAAC,CAAC;IACf,CAAC;IAEe,MAAM;QACpB,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,SAAS;YAC/B,OAAO,IAAI,CAAC;QAEd,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;QAC7B,MAAM,IAAI,GAAG,IAAI,CAAC,kBAAkB,IAAI,EAAE,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC;QAC/D,MAAM,KAAK,GAAG,IAAI,CAAC,yBAAyB,IAAI,EAAE,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC;QAEvE,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,IAAI,0BAA0B,CAAC,EAAE,CAAC;QAC9D,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,IAAI,EAAE,CAAC;QACjC,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,IAAI,EAAE,CAAC;QAEjC,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC,GAAG,CAAC,MAAM,IAAI,MAAM,CAAC,IAAI,CAAC,CAAC;QAC3C,MAAM,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;QAElB,MAAM,SAAS,GAAG,aAAa,CAAC,OAAO,CAAC,KAAK,CAAC;QAE9C,MAAM,cAAc,GAAwB;YAC1C,SAAS,EAAE,SAAS;YACpB,eAAe,EAAE,SAAS;YAC1B,KAAK;YACL,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK;SACpB,CAAC;QACF,OAAO,CACL,6BAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,8BAA8B,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,cAAc,IACpG,MAAM,CAAC,IAAI,CACR,CACP,CAAC;IACJ,CAAC;CACF;AAlCD,0CAkCC","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 Table\n */\n\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { DragLayerProps } from \"./dragdrop/DragDropDef\";\n\n/**\n * React component used to portray a column being dragged during Table column reordering.\n * @deprecated in 2.x. Use the Table component in @itwin/itwinui-react instead, which does not use this class.\n * @public\n */\nexport class ColumnDragLayer extends React.Component<DragLayerProps> { // eslint-disable-line deprecation/deprecation\n  constructor(props: DragLayerProps) { // eslint-disable-line deprecation/deprecation\n    super(props);\n  }\n\n  public override render(): React.ReactNode {\n    if (this.props.args === undefined)\n      return null;\n\n    const args = this.props.args;\n    const spos = args.sourceClientOffset || { x: -1000, y: -1000 };\n    const ispos = args.initialSourceClientOffset || { x: -1000, y: -1000 };\n\n    const data = args.dataObject || /* istanbul ignore next */ {};\n    const column = data.column || {};\n    const width = column.width || {};\n\n    const x = spos.x + (column && column.left);\n    const y = ispos.y;\n\n    const translate = `translate(${x}px, ${y}px)`;\n\n    const dragLayerStyle: React.CSSProperties = {\n      transform: translate,\n      WebkitTransform: translate,\n      width,\n      ...this.props.style,\n    };\n    return (\n      <div className={classnames(\"components-column-drag-layer\", this.props.className)} style={dragLayerStyle}>\n        {column.name}\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"ColumnDragLayer.js","sourceRoot":"","sources":["../../../../../src/components-react/table/component/ColumnDragLayer.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,4DAAoC;AACpC,6CAA+B;AAG/B;;;;GAIG;AACH,MAAa,eAAgB,SAAQ,KAAK,CAAC,SAAyB;IAClE,YAAY,KAAqB;QAC/B,KAAK,CAAC,KAAK,CAAC,CAAC;IACf,CAAC;IAEe,MAAM;QACpB,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,SAAS;YAC/B,OAAO,IAAI,CAAC;QAEd,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;QAC7B,MAAM,IAAI,GAAG,IAAI,CAAC,kBAAkB,IAAI,EAAE,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC;QAC/D,MAAM,KAAK,GAAG,IAAI,CAAC,yBAAyB,IAAI,EAAE,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC;QAEvE,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,IAAI,0BAA0B,CAAC,EAAE,CAAC;QAC9D,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,IAAI,EAAE,CAAC;QACjC,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,IAAI,EAAE,CAAC;QAEjC,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC,GAAG,CAAC,MAAM,IAAI,MAAM,CAAC,IAAI,CAAC,CAAC;QAC3C,MAAM,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;QAElB,MAAM,SAAS,GAAG,aAAa,CAAC,OAAO,CAAC,KAAK,CAAC;QAE9C,MAAM,cAAc,GAAwB;YAC1C,SAAS,EAAE,SAAS;YACpB,eAAe,EAAE,SAAS;YAC1B,KAAK;YACL,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK;SACpB,CAAC;QACF,OAAO,CACL,6BAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,8BAA8B,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,cAAc,IACpG,MAAM,CAAC,IAAI,CACR,CACP,CAAC;IACJ,CAAC;CACF;AAlCD,0CAkCC","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 Table\r\n */\r\n\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { DragLayerProps } from \"./dragdrop/DragDropDef\";\r\n\r\n/**\r\n * React component used to portray a column being dragged during Table column reordering.\r\n * @deprecated in 2.x. Use the Table component in @itwin/itwinui-react instead, which does not use this class.\r\n * @public\r\n */\r\nexport class ColumnDragLayer extends React.Component<DragLayerProps> { // eslint-disable-line deprecation/deprecation\r\n  constructor(props: DragLayerProps) { // eslint-disable-line deprecation/deprecation\r\n    super(props);\r\n  }\r\n\r\n  public override render(): React.ReactNode {\r\n    if (this.props.args === undefined)\r\n      return null;\r\n\r\n    const args = this.props.args;\r\n    const spos = args.sourceClientOffset || { x: -1000, y: -1000 };\r\n    const ispos = args.initialSourceClientOffset || { x: -1000, y: -1000 };\r\n\r\n    const data = args.dataObject || /* istanbul ignore next */ {};\r\n    const column = data.column || {};\r\n    const width = column.width || {};\r\n\r\n    const x = spos.x + (column && column.left);\r\n    const y = ispos.y;\r\n\r\n    const translate = `translate(${x}px, ${y}px)`;\r\n\r\n    const dragLayerStyle: React.CSSProperties = {\r\n      transform: translate,\r\n      WebkitTransform: translate,\r\n      width,\r\n      ...this.props.style,\r\n    };\r\n    return (\r\n      <div className={classnames(\"components-column-drag-layer\", this.props.className)} style={dragLayerStyle}>\r\n        {column.name}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}

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

@@ -1,27 +1,27 @@
-/** @packageDocumentation
- * @module Table
- */
-import * as React from "react";
-import { CommonProps } from "@itwin/core-react";
-import { DropTargetArguments } from "./dragdrop/DragDropDef";
-/** @internal */
-export interface DragDropHeaderCellProps extends CommonProps {
-    onHeaderDrop?: (source: string, target: string) => void;
-    column: any;
-}
-interface HeaderWrapperProps extends CommonProps {
-    item?: DropTargetArguments;
-    type?: string;
-    isDragging?: boolean;
-    isOver?: boolean;
-    canDrag?: boolean;
-    canDrop?: boolean;
-}
-/** @internal */
-export declare const DragDropHeaderWrapper: import("react-dnd").DndComponentClass<typeof React.Component, HeaderWrapperProps & import("./dragdrop/withDropTarget").WithDropTargetProps<any> & import("./dragdrop/withDragSource").WithDragSourceProps<any>>;
-/** @internal */
-export declare class DragDropHeaderCell extends React.Component<DragDropHeaderCellProps> {
-    render(): React.ReactNode;
-}
-export {};
+/** @packageDocumentation
+ * @module Table
+ */
+import * as React from "react";
+import { CommonProps } from "@itwin/core-react";
+import { DropTargetArguments } from "./dragdrop/DragDropDef";
+/** @internal */
+export interface DragDropHeaderCellProps extends CommonProps {
+    onHeaderDrop?: (source: string, target: string) => void;
+    column: any;
+}
+interface HeaderWrapperProps extends CommonProps {
+    item?: DropTargetArguments;
+    type?: string;
+    isDragging?: boolean;
+    isOver?: boolean;
+    canDrag?: boolean;
+    canDrop?: boolean;
+}
+/** @internal */
+export declare const DragDropHeaderWrapper: import("react-dnd").DndComponentClass<typeof React.Component, HeaderWrapperProps & import("./dragdrop/withDropTarget").WithDropTargetProps<any> & import("./dragdrop/withDragSource").WithDragSourceProps<any>>;
+/** @internal */
+export declare class DragDropHeaderCell extends React.Component<DragDropHeaderCellProps> {
+    render(): React.ReactNode;
+}
+export {};
 //# sourceMappingURL=DragDropHeaderCell.d.ts.map

package/lib/cjs/components-react/table/component/DragDropHeaderCell.js

@@ -1,102 +1,102 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Table
- */
-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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DragDropHeaderCell = exports.DragDropHeaderWrapper = void 0;
-const classnames_1 = __importDefault(require("classnames"));
-const React = __importStar(require("react"));
-const RDG = __importStar(require("react-data-grid"));
-const ColumnDragLayer_1 = require("./ColumnDragLayer");
-const withDragSource_1 = require("./dragdrop/withDragSource");
-const withDropTarget_1 = require("./dragdrop/withDropTarget");
-// eslint-disable-next-line @typescript-eslint/naming-convention
-const HeaderCell = (RDG && RDG.HeaderCell); // react-data-grid @types does not support the HeaderCell export, but it is exported in the js-only library.
-class HeaderWrapper extends React.Component {
-    render() {
-        const { type, item, isOver, isDragging, canDrag, canDrop, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars
-        let mode = 0;
-        if (item && item.clientOffset && item.initialClientOffset) {
-            // istanbul ignore next
-            if (item.clientOffset.x > item.initialClientOffset.x)
-                mode = 1;
-            else
-                mode = -1;
-        }
-        const classes = (0, classnames_1.default)("components-table-header-drag-drop", {
-            left: canDrop && !isDragging && isOver && /* istanbul ignore next */ mode === -1,
-            right: canDrop && !isDragging && isOver && /* istanbul ignore next */ mode === 1,
-            dragging: isDragging,
-        }, this.props.className);
-        return (React.createElement("div", { className: classes, style: this.props.style },
-            React.createElement(HeaderCell, { ...props })));
-    }
-}
-/** @internal */
-exports.DragDropHeaderWrapper = (0, withDragSource_1.withDragSource)((0, withDropTarget_1.withDropTarget)(HeaderWrapper)); // eslint-disable-line deprecation/deprecation
-// Used only internally in ./Table.tsx
-/** @internal */
-class DragDropHeaderCell extends React.Component {
-    render() {
-        const { column } = this.props;
-        /* istanbul ignore next */
-        const dropTargetProps = {
-            onDropTargetDrop: (args) => {
-                const sourceKey = args.dataObject.key || "";
-                const sourceXpos = args.dataObject.xpos || 0;
-                const targetKey = (column && column.key) || "";
-                const targetXpos = (column && column.left) || 0;
-                args.dataObject = { sourceKey, targetKey, sourceXpos, targetXpos };
-                return args;
-            },
-            objectTypes: ["Column"],
-        };
-        const dragSourceProps = {
-            onDragSourceBegin: (args) => {
-                args.dataObject = {
-                    key: (column && column.key) || /* istanbul ignore next */ "",
-                    xpos: (column && column.left) || /* istanbul ignore next */ "",
-                    column,
-                };
-                return args;
-            },
-            onDragSourceEnd: (args) => {
-                const { sourceKey, targetKey } = args.dataObject;
-                this.props.onHeaderDrop && this.props.onHeaderDrop(sourceKey, targetKey);
-            },
-            objectType: () => {
-                return "Column";
-            },
-            defaultDragLayer: ColumnDragLayer_1.ColumnDragLayer, // eslint-disable-line deprecation/deprecation
-        };
-        return (React.createElement(exports.DragDropHeaderWrapper, { ...this.props, dragProps: dragSourceProps, dropProps: dropTargetProps, shallow: false }));
-    }
-}
-exports.DragDropHeaderCell = DragDropHeaderCell;
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Table
+ */
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DragDropHeaderCell = exports.DragDropHeaderWrapper = void 0;
+const classnames_1 = __importDefault(require("classnames"));
+const React = __importStar(require("react"));
+const RDG = __importStar(require("react-data-grid"));
+const ColumnDragLayer_1 = require("./ColumnDragLayer");
+const withDragSource_1 = require("./dragdrop/withDragSource");
+const withDropTarget_1 = require("./dragdrop/withDropTarget");
+// eslint-disable-next-line @typescript-eslint/naming-convention
+const HeaderCell = (RDG && RDG.HeaderCell); // react-data-grid @types does not support the HeaderCell export, but it is exported in the js-only library.
+class HeaderWrapper extends React.Component {
+    render() {
+        const { type, item, isOver, isDragging, canDrag, canDrop, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars
+        let mode = 0;
+        if (item && item.clientOffset && item.initialClientOffset) {
+            // istanbul ignore next
+            if (item.clientOffset.x > item.initialClientOffset.x)
+                mode = 1;
+            else
+                mode = -1;
+        }
+        const classes = (0, classnames_1.default)("components-table-header-drag-drop", {
+            left: canDrop && !isDragging && isOver && /* istanbul ignore next */ mode === -1,
+            right: canDrop && !isDragging && isOver && /* istanbul ignore next */ mode === 1,
+            dragging: isDragging,
+        }, this.props.className);
+        return (React.createElement("div", { className: classes, style: this.props.style },
+            React.createElement(HeaderCell, { ...props })));
+    }
+}
+/** @internal */
+exports.DragDropHeaderWrapper = (0, withDragSource_1.withDragSource)((0, withDropTarget_1.withDropTarget)(HeaderWrapper)); // eslint-disable-line deprecation/deprecation
+// Used only internally in ./Table.tsx
+/** @internal */
+class DragDropHeaderCell extends React.Component {
+    render() {
+        const { column } = this.props;
+        /* istanbul ignore next */
+        const dropTargetProps = {
+            onDropTargetDrop: (args) => {
+                const sourceKey = args.dataObject.key || "";
+                const sourceXpos = args.dataObject.xpos || 0;
+                const targetKey = (column && column.key) || "";
+                const targetXpos = (column && column.left) || 0;
+                args.dataObject = { sourceKey, targetKey, sourceXpos, targetXpos };
+                return args;
+            },
+            objectTypes: ["Column"],
+        };
+        const dragSourceProps = {
+            onDragSourceBegin: (args) => {
+                args.dataObject = {
+                    key: (column && column.key) || /* istanbul ignore next */ "",
+                    xpos: (column && column.left) || /* istanbul ignore next */ "",
+                    column,
+                };
+                return args;
+            },
+            onDragSourceEnd: (args) => {
+                const { sourceKey, targetKey } = args.dataObject;
+                this.props.onHeaderDrop && this.props.onHeaderDrop(sourceKey, targetKey);
+            },
+            objectType: () => {
+                return "Column";
+            },
+            defaultDragLayer: ColumnDragLayer_1.ColumnDragLayer, // eslint-disable-line deprecation/deprecation
+        };
+        return (React.createElement(exports.DragDropHeaderWrapper, { ...this.props, dragProps: dragSourceProps, dropProps: dropTargetProps, shallow: false }));
+    }
+}
+exports.DragDropHeaderCell = DragDropHeaderCell;
 //# sourceMappingURL=DragDropHeaderCell.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DragDropHeaderCell.js","sourceRoot":"","sources":["../../../../../src/components-react/table/component/DragDropHeaderCell.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 Table\n */\n\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport * as RDG from \"react-data-grid\";\nimport { CommonProps } from \"@itwin/core-react\";\nimport { ColumnDragLayer } from \"./ColumnDragLayer\";\nimport { DragSourceArguments, DropTargetArguments } from \"./dragdrop/DragDropDef\";\nimport { withDragSource } from \"./dragdrop/withDragSource\";\nimport { withDropTarget } from \"./dragdrop/withDropTarget\";\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nconst HeaderCell = (RDG && (RDG as any).HeaderCell); // react-data-grid @types does not support the HeaderCell export, but it is exported in the js-only library.\n\n/** @internal */\nexport interface DragDropHeaderCellProps extends CommonProps {\n  onHeaderDrop?: (source: string, target: string) => void; // inherited by parent\n  column: any; // inherited by parent\n}\n\ninterface HeaderWrapperProps extends CommonProps {\n  item?: DropTargetArguments; // eslint-disable-line deprecation/deprecation\n  type?: string;\n  isDragging?: boolean;\n  isOver?: boolean;\n  canDrag?: boolean;\n  canDrop?: boolean;\n}\n\nclass HeaderWrapper extends React.Component<HeaderWrapperProps> {\n  public override render(): React.ReactNode {\n    const { type, item, isOver, isDragging, canDrag, canDrop, ...props } = this.props as HeaderWrapperProps; // eslint-disable-line @typescript-eslint/no-unused-vars\n\n    let mode = 0;\n    if (item && item.clientOffset && item.initialClientOffset) {\n      // istanbul ignore next\n      if (item.clientOffset.x > item.initialClientOffset.x)\n        mode = 1;\n      else\n        mode = -1;\n    }\n\n    const classes = classnames(\n      \"components-table-header-drag-drop\",\n      {\n        left: canDrop && !isDragging && isOver && /* istanbul ignore next */ mode === -1,\n        right: canDrop && !isDragging && isOver && /* istanbul ignore next */ mode === 1,\n        dragging: isDragging,\n      },\n      this.props.className,\n    );\n    return (\n      <div className={classes} style={this.props.style}>\n        <HeaderCell {...props} />\n      </div>\n    );\n  }\n}\n\n/** @internal */\nexport const DragDropHeaderWrapper = withDragSource(withDropTarget(HeaderWrapper)); // eslint-disable-line deprecation/deprecation\n\n// Used only internally in ./Table.tsx\n/** @internal */\nexport class DragDropHeaderCell extends React.Component<DragDropHeaderCellProps> {\n  public override render(): React.ReactNode {\n    const { column } = this.props;\n    /* istanbul ignore next */\n    const dropTargetProps = {\n      onDropTargetDrop: (args: DropTargetArguments): DropTargetArguments => { // eslint-disable-line deprecation/deprecation\n        const sourceKey = args.dataObject.key || \"\";\n        const sourceXpos = args.dataObject.xpos || 0;\n        const targetKey = (column && column.key) || \"\";\n        const targetXpos = (column && column.left) || 0;\n        args.dataObject = { sourceKey, targetKey, sourceXpos, targetXpos };\n        return args;\n      },\n      objectTypes: [\"Column\"],\n    };\n    const dragSourceProps = {\n      onDragSourceBegin: (args: DragSourceArguments) => { // eslint-disable-line deprecation/deprecation\n        args.dataObject = {\n          key: (column && column.key) || /* istanbul ignore next */ \"\",\n          xpos: (column && column.left) || /* istanbul ignore next */ \"\",\n          column,\n        };\n        return args;\n      },\n      onDragSourceEnd: (args: DragSourceArguments) => { // eslint-disable-line deprecation/deprecation\n        const { sourceKey, targetKey } = args.dataObject;\n        this.props.onHeaderDrop && this.props.onHeaderDrop(sourceKey, targetKey);\n      },\n      objectType: () => {\n        return \"Column\";\n      },\n      defaultDragLayer: ColumnDragLayer, // eslint-disable-line deprecation/deprecation\n    };\n    return (\n      <DragDropHeaderWrapper\n        {...this.props}\n        dragProps={dragSourceProps}\n        dropProps={dropTargetProps}\n        shallow={false}\n      />\n    );\n  }\n}\n"]}
+{"version":3,"file":"DragDropHeaderCell.js","sourceRoot":"","sources":["../../../../../src/components-react/table/component/DragDropHeaderCell.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 Table\r\n */\r\n\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport * as RDG from \"react-data-grid\";\r\nimport { CommonProps } from \"@itwin/core-react\";\r\nimport { ColumnDragLayer } from \"./ColumnDragLayer\";\r\nimport { DragSourceArguments, DropTargetArguments } from \"./dragdrop/DragDropDef\";\r\nimport { withDragSource } from \"./dragdrop/withDragSource\";\r\nimport { withDropTarget } from \"./dragdrop/withDropTarget\";\r\n\r\n// eslint-disable-next-line @typescript-eslint/naming-convention\r\nconst HeaderCell = (RDG && (RDG as any).HeaderCell); // react-data-grid @types does not support the HeaderCell export, but it is exported in the js-only library.\r\n\r\n/** @internal */\r\nexport interface DragDropHeaderCellProps extends CommonProps {\r\n  onHeaderDrop?: (source: string, target: string) => void; // inherited by parent\r\n  column: any; // inherited by parent\r\n}\r\n\r\ninterface HeaderWrapperProps extends CommonProps {\r\n  item?: DropTargetArguments; // eslint-disable-line deprecation/deprecation\r\n  type?: string;\r\n  isDragging?: boolean;\r\n  isOver?: boolean;\r\n  canDrag?: boolean;\r\n  canDrop?: boolean;\r\n}\r\n\r\nclass HeaderWrapper extends React.Component<HeaderWrapperProps> {\r\n  public override render(): React.ReactNode {\r\n    const { type, item, isOver, isDragging, canDrag, canDrop, ...props } = this.props as HeaderWrapperProps; // eslint-disable-line @typescript-eslint/no-unused-vars\r\n\r\n    let mode = 0;\r\n    if (item && item.clientOffset && item.initialClientOffset) {\r\n      // istanbul ignore next\r\n      if (item.clientOffset.x > item.initialClientOffset.x)\r\n        mode = 1;\r\n      else\r\n        mode = -1;\r\n    }\r\n\r\n    const classes = classnames(\r\n      \"components-table-header-drag-drop\",\r\n      {\r\n        left: canDrop && !isDragging && isOver && /* istanbul ignore next */ mode === -1,\r\n        right: canDrop && !isDragging && isOver && /* istanbul ignore next */ mode === 1,\r\n        dragging: isDragging,\r\n      },\r\n      this.props.className,\r\n    );\r\n    return (\r\n      <div className={classes} style={this.props.style}>\r\n        <HeaderCell {...props} />\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\n/** @internal */\r\nexport const DragDropHeaderWrapper = withDragSource(withDropTarget(HeaderWrapper)); // eslint-disable-line deprecation/deprecation\r\n\r\n// Used only internally in ./Table.tsx\r\n/** @internal */\r\nexport class DragDropHeaderCell extends React.Component<DragDropHeaderCellProps> {\r\n  public override render(): React.ReactNode {\r\n    const { column } = this.props;\r\n    /* istanbul ignore next */\r\n    const dropTargetProps = {\r\n      onDropTargetDrop: (args: DropTargetArguments): DropTargetArguments => { // eslint-disable-line deprecation/deprecation\r\n        const sourceKey = args.dataObject.key || \"\";\r\n        const sourceXpos = args.dataObject.xpos || 0;\r\n        const targetKey = (column && column.key) || \"\";\r\n        const targetXpos = (column && column.left) || 0;\r\n        args.dataObject = { sourceKey, targetKey, sourceXpos, targetXpos };\r\n        return args;\r\n      },\r\n      objectTypes: [\"Column\"],\r\n    };\r\n    const dragSourceProps = {\r\n      onDragSourceBegin: (args: DragSourceArguments) => { // eslint-disable-line deprecation/deprecation\r\n        args.dataObject = {\r\n          key: (column && column.key) || /* istanbul ignore next */ \"\",\r\n          xpos: (column && column.left) || /* istanbul ignore next */ \"\",\r\n          column,\r\n        };\r\n        return args;\r\n      },\r\n      onDragSourceEnd: (args: DragSourceArguments) => { // eslint-disable-line deprecation/deprecation\r\n        const { sourceKey, targetKey } = args.dataObject;\r\n        this.props.onHeaderDrop && this.props.onHeaderDrop(sourceKey, targetKey);\r\n      },\r\n      objectType: () => {\r\n        return \"Column\";\r\n      },\r\n      defaultDragLayer: ColumnDragLayer, // eslint-disable-line deprecation/deprecation\r\n    };\r\n    return (\r\n      <DragDropHeaderWrapper\r\n        {...this.props}\r\n        dragProps={dragSourceProps}\r\n        dropProps={dropTargetProps}\r\n        shallow={false}\r\n      />\r\n    );\r\n  }\r\n}\r\n"]}