@itwin/components-react 3.6.0-dev.7 → 4.0.0-dev.1

package/lib/esm/components-react/table/component/TableCell.d.ts

@@ -9,7 +9,7 @@ import { PropertyDialogState, PropertyValueRendererManager } from "../../propert
 import { CellItem } from "../TableDataProvider";
 /**
  * Properties of the [[TableCell]] React component
- * @deprecated Use the Table component in @itwin/itwinui-react instead, which does not use this interface.
+ * @deprecated in 3.0. Use the Table component in @itwin/itwinui-react instead, which does not use this interface.
  * @public
  */
 export interface TableCellProps extends CommonProps {
@@ -30,7 +30,7 @@ export interface TableCellProps extends CommonProps {
 }
 /**
  * A React component that renders a table cell
- * @deprecated Use the Table component in @itwin/itwinui-react instead, which does not use this class.
+ * @deprecated in 3.0. Use the Table component in @itwin/itwinui-react instead, which does not use this class.
  * @public
  */
 export declare class TableCell extends React.PureComponent<TableCellProps> {
@@ -38,7 +38,7 @@ export declare class TableCell extends React.PureComponent<TableCellProps> {
     render(): JSX.Element;
 }
 /** Properties of the [[TableCellContent]] React component
- * @deprecated Use the Table component in @itwin/itwinui-react instead, which does not use this interface.
+ * @deprecated in 3.0. Use the Table component in @itwin/itwinui-react instead, which does not use this interface.
  * @public
  */
 export interface TableCellContentProps extends CommonProps {
@@ -61,7 +61,7 @@ interface TableCellContentState {
     content: React.ReactNode;
 }
 /** A React component that renders table cell content
- * @deprecated Use the Table component in @itwin/itwinui-react instead, which does not use this class.
+ * @deprecated in 3.0. Use the Table component in @itwin/itwinui-react instead, which does not use this class.
  * @public
  */
 export declare class TableCellContent extends React.PureComponent<TableCellContentProps, TableCellContentState> {
@@ -81,7 +81,7 @@ export declare class TableCellContent extends React.PureComponent<TableCellConte
     render(): React.ReactNode;
 }
 /** Properties for the [[TableIconCellContent]] React component
- * @deprecated Use the Table component in @itwin/itwinui-react instead, which does not use this interface.
+ * @deprecated in 3.5. Use the Table component in @itwin/itwinui-react instead, which does not use this interface.
  * @public
  */
 export interface TableIconCellContentProps {
@@ -90,7 +90,7 @@ export interface TableIconCellContentProps {
 }
 /**
  * A React component that renders table cell content as a Bentley icon
- * @deprecated Use the Table component in @itwin/itwinui-react instead, which does not use this interface.
+ * @deprecated in 3.5. Use the Table component in @itwin/itwinui-react instead, which does not use this interface.
  * @public
  */
 export declare class TableIconCellContent extends React.PureComponent<TableIconCellContentProps> {

package/lib/esm/components-react/table/component/TableCell.js

@@ -15,7 +15,7 @@ import { ItemStyleProvider } from "../../properties/ItemStyle";
 import { PropertyContainerType, } from "../../properties/ValueRendererManager";
 /**
  * A React component that renders a table cell
- * @deprecated Use the Table component in @itwin/itwinui-react instead, which does not use this class.
+ * @deprecated in 3.0. Use the Table component in @itwin/itwinui-react instead, which does not use this class.
  * @public
  */
 export class TableCell extends React.PureComponent {
@@ -29,7 +29,7 @@ export class TableCell extends React.PureComponent {
     }
 }
 /** A React component that renders table cell content
- * @deprecated Use the Table component in @itwin/itwinui-react instead, which does not use this class.
+ * @deprecated in 3.0. Use the Table component in @itwin/itwinui-react instead, which does not use this class.
  * @public
  */
 export class TableCellContent extends React.PureComponent {
@@ -97,7 +97,7 @@ export class TableCellContent extends React.PureComponent {
 }
 /**
  * A React component that renders table cell content as a Bentley icon
- * @deprecated Use the Table component in @itwin/itwinui-react instead, which does not use this interface.
+ * @deprecated in 3.5. Use the Table component in @itwin/itwinui-react instead, which does not use this interface.
  * @public
  */
 export class TableIconCellContent extends React.PureComponent {

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

@@ -1 +1 @@
-{"version":3,"file":"TableCell.js","sourceRoot":"","sources":["../../../../../src/components-react/table/component/TableCell.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F,4CAA4C;AAC5C;;GAEG;AAEH,OAAO,kBAAkB,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAe,IAAI,EAAQ,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAwB,MAAM,+BAA+B,CAAC;AACtF,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EACL,qBAAqB,GACtB,MAAM,uCAAuC,CAAC;AAyB/C;;;;GAIG;AACH,MAAM,OAAO,SAAU,SAAQ,KAAK,CAAC,aAA6B;IAChE,gBAAgB;IACA,MAAM;QAEpB,IAAI,IAAI,CAAC,KAAK,CAAC,gBAAgB,EAAE;YAC/B,OAAO,CACL,6BACE,SAAS,EAAE,UAAU,CAAC,uBAAuB,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,EACpE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;gBAEvB,oBAAC,eAAe,IACd,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,KACnB,IAAI,CAAC,KAAK,CAAC,gBAAgB,GAC/B,CACE,CACP,CAAC;SACH;QAED,OAAO,CACL,6BACE,SAAS,EAAE,UAAU,CAAC,uBAAuB,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,EACpE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAC3B,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,EACnC,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,EACnC,IAAI,EAAC,cAAc,IAElB,IAAI,CAAC,KAAK,CAAC,QAAQ,CAChB,CACP,CAAC;IACJ,CAAC;CACF;AA2BD;;;GAGG;AACH,MAAM,OAAO,gBAAiB,SAAQ,KAAK,CAAC,aAA2D;IAAvG;;QACE,gBAAgB;QACS,UAAK,GAA0B;YACtD,OAAO,EAAE,6BAAK,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,GAAI;SACvI,CAAC;QAEM,eAAU,GAAG,KAAK,CAAC;IAkE7B,CAAC;IAhES,QAAQ,CAAC,QAAkB,EAAE,UAAmB,EAAE,MAAe;QACvE,OAAO;YACL,GAAG,iBAAiB,CAAC,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,UAAU,CAAC;YAClF,SAAS,EAAE,QAAQ,CAAC,SAAS;YAC7B,MAAM;YACN,UAAU,EAAE,GAAG,MAAM,IAAI;YACzB,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK;SACpB,CAAC;IACJ,CAAC;IAEO,KAAK,CAAC,aAAa,CAAC,KAA4B;QACtD,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,EAAE,KAAK,CAAC,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;QAE5E,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM;YACxB,OAAO,6BAAK,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;QAEhE,MAAM,eAAe,GAAiC;YACpD,aAAa,EAAE,qBAAqB,CAAC,KAAK;YAC1C,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY;YACrC,KAAK;YACL,gGAAgG;YAChG,kCAAkC;YAClC,kCAAkC;SACnC,CAAC;QAEF,OAAO,IAAI,CAAC,KAAK,CAAC,4BAA4B,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC;IAChG,CAAC;IAEO,aAAa,CAAC,MAA6B,EAAE,MAA6B;QAChF,OAAO,MAAM,CAAC,QAAQ,KAAK,MAAM,CAAC,QAAQ;eACrC,MAAM,CAAC,UAAU,KAAK,MAAM,CAAC,UAAU;eACvC,MAAM,CAAC,YAAY,KAAK,MAAM,CAAC,YAAY;eAC3C,MAAM,CAAC,4BAA4B,KAAK,MAAM,CAAC,4BAA4B,CAAC;IACnF,CAAC;IAED,gBAAgB;IACA,KAAK,CAAC,iBAAiB;QACrC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;QACvB,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAErD,uBAAuB;QACvB,IAAI,IAAI,CAAC,UAAU;YACjB,IAAI,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC;IAC/B,CAAC;IAED,gBAAgB;IACA,oBAAoB;QAClC,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;IAC1B,CAAC;IAED,gBAAgB;IACA,KAAK,CAAC,kBAAkB,CAAC,SAAgC;QACvE,IAAI,IAAI,CAAC,aAAa,CAAC,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE;YAC7C,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAErD,IAAI,IAAI,CAAC,UAAU;gBACjB,IAAI,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC;SAC9B;IACH,CAAC;IAED,gBAAgB;IACA,MAAM;QACpB,OAAO,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC;IAC5B,CAAC;CACF;AAWD;;;;GAIG;AACH,MAAM,OAAO,oBAAqB,SAAQ,KAAK,CAAC,aAAwC;IACtF,gBAAgB;IACA,MAAM;QACpB,OAAO,oBAAC,IAAI,IAAC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAI,CAAC;IACjD,CAAC;CACF","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/* eslint-disable deprecation/deprecation */\r\n/** @packageDocumentation\r\n * @module Table\r\n */\r\n\r\nimport \"./TableCell.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { CommonProps, Icon, Omit } from \"@itwin/core-react\";\r\nimport { EditorContainer, EditorContainerProps } from \"../../editors/EditorContainer\";\r\nimport { ItemStyleProvider } from \"../../properties/ItemStyle\";\r\nimport {\r\n  PropertyContainerType, PropertyDialogState, PropertyValueRendererContext, PropertyValueRendererManager,\r\n} from \"../../properties/ValueRendererManager\";\r\nimport { CellItem } from \"../TableDataProvider\";\r\n\r\n/**\r\n * Properties of the [[TableCell]] React component\r\n * @deprecated Use the Table component in @itwin/itwinui-react instead, which does not use this interface.\r\n * @public\r\n */\r\nexport interface TableCellProps extends CommonProps {\r\n  /** Additional class name for the cell container */\r\n  className?: string;\r\n  /** Title of the cell container */\r\n  title: string;\r\n  /** Cell content */\r\n  children?: React.ReactNode;\r\n  /** Click event callback */\r\n  onClick?: (e: React.MouseEvent) => void;\r\n  /** MouseMove event callback */\r\n  onMouseMove?: (e: React.MouseEvent) => void;\r\n  /** MouseDown event callback */\r\n  onMouseDown?: (e: React.MouseEvent) => void;\r\n  /** Properties for [[EditorContainer]]. Activates cell editing and provides properties to the container */\r\n  cellEditingProps?: Omit<EditorContainerProps, \"title\">;\r\n}\r\n\r\n/**\r\n * A React component that renders a table cell\r\n * @deprecated Use the Table component in @itwin/itwinui-react instead, which does not use this class.\r\n * @public\r\n */\r\nexport class TableCell extends React.PureComponent<TableCellProps> {\r\n  /** @internal */\r\n  public override render() {\r\n\r\n    if (this.props.cellEditingProps) {\r\n      return (\r\n        <div\r\n          className={classnames(\"components-table-cell\", this.props.className)}\r\n          style={this.props.style}\r\n        >\r\n          <EditorContainer\r\n            title={this.props.title}\r\n            {...this.props.cellEditingProps}\r\n          />\r\n        </div>\r\n      );\r\n    }\r\n\r\n    return (\r\n      <div\r\n        className={classnames(\"components-table-cell\", this.props.className)}\r\n        style={this.props.style}\r\n        title={this.props.title}\r\n        onClick={this.props.onClick}\r\n        onMouseMove={this.props.onMouseMove}\r\n        onMouseDown={this.props.onMouseDown}\r\n        role=\"presentation\"\r\n      >\r\n        {this.props.children}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\n/** Properties of the [[TableCellContent]] React component\r\n * @deprecated Use the Table component in @itwin/itwinui-react instead, which does not use this interface.\r\n * @public\r\n */\r\nexport interface TableCellContentProps extends CommonProps {\r\n  /** Indicates, whether container cell is selected or not */\r\n  isSelected: boolean;\r\n  /** Props for the item that will be rendered */\r\n  cellItem: CellItem;\r\n  /** Height of the component */\r\n  height?: number;\r\n  /** Callback to DialogOpen event */\r\n  onDialogOpen?: (state: PropertyDialogState) => void;\r\n  /** Property value renderer manager */\r\n  propertyValueRendererManager: PropertyValueRendererManager;\r\n}\r\n\r\n/** State of the [[TableCellContent]] React component\r\n * @internal @deprecated\r\n */\r\ninterface TableCellContentState {\r\n  /** Rendered content */\r\n  content: React.ReactNode;\r\n}\r\n\r\n/** A React component that renders table cell content\r\n * @deprecated Use the Table component in @itwin/itwinui-react instead, which does not use this class.\r\n * @public\r\n */\r\nexport class TableCellContent extends React.PureComponent<TableCellContentProps, TableCellContentState> {\r\n  /** @internal */\r\n  public override readonly state: TableCellContentState = {\r\n    content: <div className={this.props.className} style={this.getStyle(this.props.cellItem, this.props.isSelected, this.props.height)} />,\r\n  };\r\n\r\n  private _isMounted = false;\r\n\r\n  private getStyle(cellItem: CellItem, isSelected: boolean, height?: number): React.CSSProperties {\r\n    return {\r\n      ...ItemStyleProvider.createStyle(cellItem.style ? cellItem.style : {}, isSelected),\r\n      textAlign: cellItem.alignment,\r\n      height,\r\n      lineHeight: `${height}px`, // Centers text vertically\r\n      ...this.props.style,\r\n    };\r\n  }\r\n\r\n  private async renderContent(props: TableCellContentProps) {\r\n    const style = this.getStyle(props.cellItem, props.isSelected, props.height);\r\n\r\n    if (!props.cellItem.record)\r\n      return <div className={this.props.className} style={style} />;\r\n\r\n    const rendererContext: PropertyValueRendererContext = {\r\n      containerType: PropertyContainerType.Table,\r\n      onDialogOpen: this.props.onDialogOpen,\r\n      style,\r\n      // TODO: Enable, when table gets refactored. Explanation in ./../table/NonPrimitiveValueRenderer\r\n      // onPopupShow: this._onPopupShow,\r\n      // onPopupHide: this._onPopupHide,\r\n    };\r\n\r\n    return this.props.propertyValueRendererManager.render(props.cellItem.record, rendererContext);\r\n  }\r\n\r\n  private doPropsDiffer(props1: TableCellContentProps, props2: TableCellContentProps) {\r\n    return props1.cellItem !== props2.cellItem\r\n      || props1.isSelected !== props2.isSelected\r\n      || props1.onDialogOpen !== props2.onDialogOpen\r\n      || props1.propertyValueRendererManager !== props2.propertyValueRendererManager;\r\n  }\r\n\r\n  /** @internal */\r\n  public override async componentDidMount() {\r\n    this._isMounted = true;\r\n    const content = await this.renderContent(this.props);\r\n\r\n    // istanbul ignore else\r\n    if (this._isMounted)\r\n      this.setState({ content });\r\n  }\r\n\r\n  /** @internal */\r\n  public override componentWillUnmount() {\r\n    this._isMounted = false;\r\n  }\r\n\r\n  /** @internal */\r\n  public override async componentDidUpdate(prevProps: TableCellContentProps) {\r\n    if (this.doPropsDiffer(prevProps, this.props)) {\r\n      const content = await this.renderContent(this.props);\r\n\r\n      if (this._isMounted)\r\n        this.setState({ content });\r\n    }\r\n  }\r\n\r\n  /** @internal */\r\n  public override render() {\r\n    return this.state.content;\r\n  }\r\n}\r\n\r\n/** Properties for the [[TableIconCellContent]] React component\r\n * @deprecated Use the Table component in @itwin/itwinui-react instead, which does not use this interface.\r\n * @public\r\n */\r\nexport interface TableIconCellContentProps {\r\n  /** Icon name */\r\n  iconName: string;\r\n}\r\n\r\n/**\r\n * A React component that renders table cell content as a Bentley icon\r\n * @deprecated Use the Table component in @itwin/itwinui-react instead, which does not use this interface.\r\n * @public\r\n */\r\nexport class TableIconCellContent extends React.PureComponent<TableIconCellContentProps> {\r\n  /** @internal */\r\n  public override render() {\r\n    return <Icon iconSpec={this.props.iconName} />;\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"TableCell.js","sourceRoot":"","sources":["../../../../../src/components-react/table/component/TableCell.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/* eslint-disable deprecation/deprecation */\r\n/** @packageDocumentation\r\n * @module Table\r\n */\r\n\r\nimport \"./TableCell.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { CommonProps, Icon, Omit } from \"@itwin/core-react\";\r\nimport { EditorContainer, EditorContainerProps } from \"../../editors/EditorContainer\";\r\nimport { ItemStyleProvider } from \"../../properties/ItemStyle\";\r\nimport {\r\n  PropertyContainerType, PropertyDialogState, PropertyValueRendererContext, PropertyValueRendererManager,\r\n} from \"../../properties/ValueRendererManager\";\r\nimport { CellItem } from \"../TableDataProvider\";\r\n\r\n/**\r\n * Properties of the [[TableCell]] React component\r\n * @deprecated in 3.0. Use the Table component in @itwin/itwinui-react instead, which does not use this interface.\r\n * @public\r\n */\r\nexport interface TableCellProps extends CommonProps {\r\n  /** Additional class name for the cell container */\r\n  className?: string;\r\n  /** Title of the cell container */\r\n  title: string;\r\n  /** Cell content */\r\n  children?: React.ReactNode;\r\n  /** Click event callback */\r\n  onClick?: (e: React.MouseEvent) => void;\r\n  /** MouseMove event callback */\r\n  onMouseMove?: (e: React.MouseEvent) => void;\r\n  /** MouseDown event callback */\r\n  onMouseDown?: (e: React.MouseEvent) => void;\r\n  /** Properties for [[EditorContainer]]. Activates cell editing and provides properties to the container */\r\n  cellEditingProps?: Omit<EditorContainerProps, \"title\">;\r\n}\r\n\r\n/**\r\n * A React component that renders a table cell\r\n * @deprecated in 3.0. Use the Table component in @itwin/itwinui-react instead, which does not use this class.\r\n * @public\r\n */\r\nexport class TableCell extends React.PureComponent<TableCellProps> {\r\n  /** @internal */\r\n  public override render() {\r\n\r\n    if (this.props.cellEditingProps) {\r\n      return (\r\n        <div\r\n          className={classnames(\"components-table-cell\", this.props.className)}\r\n          style={this.props.style}\r\n        >\r\n          <EditorContainer\r\n            title={this.props.title}\r\n            {...this.props.cellEditingProps}\r\n          />\r\n        </div>\r\n      );\r\n    }\r\n\r\n    return (\r\n      <div\r\n        className={classnames(\"components-table-cell\", this.props.className)}\r\n        style={this.props.style}\r\n        title={this.props.title}\r\n        onClick={this.props.onClick}\r\n        onMouseMove={this.props.onMouseMove}\r\n        onMouseDown={this.props.onMouseDown}\r\n        role=\"presentation\"\r\n      >\r\n        {this.props.children}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\n/** Properties of the [[TableCellContent]] React component\r\n * @deprecated in 3.0. Use the Table component in @itwin/itwinui-react instead, which does not use this interface.\r\n * @public\r\n */\r\nexport interface TableCellContentProps extends CommonProps {\r\n  /** Indicates, whether container cell is selected or not */\r\n  isSelected: boolean;\r\n  /** Props for the item that will be rendered */\r\n  cellItem: CellItem;\r\n  /** Height of the component */\r\n  height?: number;\r\n  /** Callback to DialogOpen event */\r\n  onDialogOpen?: (state: PropertyDialogState) => void;\r\n  /** Property value renderer manager */\r\n  propertyValueRendererManager: PropertyValueRendererManager;\r\n}\r\n\r\n/** State of the [[TableCellContent]] React component\r\n * @internal @deprecated\r\n */\r\ninterface TableCellContentState {\r\n  /** Rendered content */\r\n  content: React.ReactNode;\r\n}\r\n\r\n/** A React component that renders table cell content\r\n * @deprecated in 3.0. Use the Table component in @itwin/itwinui-react instead, which does not use this class.\r\n * @public\r\n */\r\nexport class TableCellContent extends React.PureComponent<TableCellContentProps, TableCellContentState> {\r\n  /** @internal */\r\n  public override readonly state: TableCellContentState = {\r\n    content: <div className={this.props.className} style={this.getStyle(this.props.cellItem, this.props.isSelected, this.props.height)} />,\r\n  };\r\n\r\n  private _isMounted = false;\r\n\r\n  private getStyle(cellItem: CellItem, isSelected: boolean, height?: number): React.CSSProperties {\r\n    return {\r\n      ...ItemStyleProvider.createStyle(cellItem.style ? cellItem.style : {}, isSelected),\r\n      textAlign: cellItem.alignment,\r\n      height,\r\n      lineHeight: `${height}px`, // Centers text vertically\r\n      ...this.props.style,\r\n    };\r\n  }\r\n\r\n  private async renderContent(props: TableCellContentProps) {\r\n    const style = this.getStyle(props.cellItem, props.isSelected, props.height);\r\n\r\n    if (!props.cellItem.record)\r\n      return <div className={this.props.className} style={style} />;\r\n\r\n    const rendererContext: PropertyValueRendererContext = {\r\n      containerType: PropertyContainerType.Table,\r\n      onDialogOpen: this.props.onDialogOpen,\r\n      style,\r\n      // TODO: Enable, when table gets refactored. Explanation in ./../table/NonPrimitiveValueRenderer\r\n      // onPopupShow: this._onPopupShow,\r\n      // onPopupHide: this._onPopupHide,\r\n    };\r\n\r\n    return this.props.propertyValueRendererManager.render(props.cellItem.record, rendererContext);\r\n  }\r\n\r\n  private doPropsDiffer(props1: TableCellContentProps, props2: TableCellContentProps) {\r\n    return props1.cellItem !== props2.cellItem\r\n      || props1.isSelected !== props2.isSelected\r\n      || props1.onDialogOpen !== props2.onDialogOpen\r\n      || props1.propertyValueRendererManager !== props2.propertyValueRendererManager;\r\n  }\r\n\r\n  /** @internal */\r\n  public override async componentDidMount() {\r\n    this._isMounted = true;\r\n    const content = await this.renderContent(this.props);\r\n\r\n    // istanbul ignore else\r\n    if (this._isMounted)\r\n      this.setState({ content });\r\n  }\r\n\r\n  /** @internal */\r\n  public override componentWillUnmount() {\r\n    this._isMounted = false;\r\n  }\r\n\r\n  /** @internal */\r\n  public override async componentDidUpdate(prevProps: TableCellContentProps) {\r\n    if (this.doPropsDiffer(prevProps, this.props)) {\r\n      const content = await this.renderContent(this.props);\r\n\r\n      if (this._isMounted)\r\n        this.setState({ content });\r\n    }\r\n  }\r\n\r\n  /** @internal */\r\n  public override render() {\r\n    return this.state.content;\r\n  }\r\n}\r\n\r\n/** Properties for the [[TableIconCellContent]] React component\r\n * @deprecated in 3.5. Use the Table component in @itwin/itwinui-react instead, which does not use this interface.\r\n * @public\r\n */\r\nexport interface TableIconCellContentProps {\r\n  /** Icon name */\r\n  iconName: string;\r\n}\r\n\r\n/**\r\n * A React component that renders table cell content as a Bentley icon\r\n * @deprecated in 3.5. Use the Table component in @itwin/itwinui-react instead, which does not use this interface.\r\n * @public\r\n */\r\nexport class TableIconCellContent extends React.PureComponent<TableIconCellContentProps> {\r\n  /** @internal */\r\n  public override render() {\r\n    return <Icon iconSpec={this.props.iconName} />;\r\n  }\r\n}\r\n"]}

package/lib/esm/components-react/table/component/TableColumn.d.ts

@@ -6,7 +6,7 @@ import { DistinctValueCollection, FilterableColumn, FilterableTable } from "../c
 import { FilterableColumnBase } from "../columnfiltering/FilterableColumnBase";
 import { ColumnDescription, TableDataProvider } from "../TableDataProvider";
 /** ReactDataGrid.Column with additional properties
- * @deprecated Use the Table component in @itwin/itwinui-react instead, which does not use this interface.
+ * @deprecated in 3.0. Use the Table component in @itwin/itwinui-react instead, which does not use this interface.
  * @public
  */
 export interface ReactDataGridColumn extends ReactDataGrid.Column<any> {

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

@@ -1 +1 @@
-{"version":3,"file":"TableColumn.js","sourceRoot":"","sources":["../../../../../src/components-react/table/component/TableColumn.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F,4CAA4C;AAC5C;;GAEG;AAGH,OAAO,EAAE,uBAAuB,EAAqC,MAAM,oCAAoC,CAAC;AAChH,OAAO,EAAE,oBAAoB,EAAE,MAAM,yCAAyC,CAAC;AAgB/E;;GAEG;AACH,MAAM,OAAO,WAAY,SAAQ,oBAAoB;IAEnD,YAAY,eAAgC,EAAE,iBAAoC,EAAkB,mBAAwC;QAC1I,KAAK,CAAC,eAAe,EAAE,iBAAiB,CAAC,CAAC;QADwD,wBAAmB,GAAnB,mBAAmB,CAAqB;IAE5I,CAAC;IAED,IAAW,GAAG,KAAa,OAAO,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC;IAMzD;;OAEG;IACI,KAAK,CAAC,iBAAiB,CAAC,iBAA0B;QACvD,IAAI,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,YAAY,CAAC,iBAAiB;YAC1D,OAAO,IAAI,CAAC,YAAY,CAAC,iBAAiB,CAAC,IAAI,CAAC,GAAG,EAAE,iBAAiB,CAAC,CAAC;QAC1E,OAAO,IAAI,uBAAuB,EAAE,CAAC;IACvC,CAAC;CACF","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/* eslint-disable deprecation/deprecation */\r\n/** @packageDocumentation\r\n * @module Table\r\n */\r\n\r\nimport ReactDataGrid from \"react-data-grid\";\r\nimport { DistinctValueCollection, FilterableColumn, FilterableTable } from \"../columnfiltering/ColumnFiltering\";\r\nimport { FilterableColumnBase } from \"../columnfiltering/FilterableColumnBase\";\r\nimport { ColumnDescription, TableDataProvider } from \"../TableDataProvider\";\r\n\r\n// cSpell:ignore columnfiltering\r\n\r\n/** ReactDataGrid.Column with additional properties\r\n * @deprecated Use the Table component in @itwin/itwinui-react instead, which does not use this interface.\r\n * @public\r\n */\r\nexport interface ReactDataGridColumn extends ReactDataGrid.Column<any> {\r\n  /** Indicates whether the display value for the cell is treated as an icon spec. */\r\n  icon?: boolean;\r\n  /* Table column filtering info */\r\n  filterableColumn?: FilterableColumn;\r\n}\r\n\r\n/** Table Column used by the [[Table]] component\r\n *  @internal\r\n */\r\nexport class TableColumn extends FilterableColumnBase {\r\n\r\n  constructor(filterableTable: FilterableTable, columnDescription: ColumnDescription, public readonly reactDataGridColumn: ReactDataGridColumn) {\r\n    super(filterableTable, columnDescription);\r\n  }\r\n\r\n  public get key(): string { return this.filterMemberKey; }\r\n\r\n  public dataProvider?: TableDataProvider;\r\n\r\n  public distinctValueCollection?: DistinctValueCollection;\r\n\r\n  /** Gets the distinct values for a column.\r\n   * @return The distinct values.\r\n   */\r\n  public async getDistinctValues(maximumValueCount?: number): Promise<DistinctValueCollection> {\r\n    if (this.dataProvider && this.dataProvider.getDistinctValues)\r\n      return this.dataProvider.getDistinctValues(this.key, maximumValueCount);\r\n    return new DistinctValueCollection();\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"TableColumn.js","sourceRoot":"","sources":["../../../../../src/components-react/table/component/TableColumn.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F,4CAA4C;AAC5C;;GAEG;AAGH,OAAO,EAAE,uBAAuB,EAAqC,MAAM,oCAAoC,CAAC;AAChH,OAAO,EAAE,oBAAoB,EAAE,MAAM,yCAAyC,CAAC;AAgB/E;;GAEG;AACH,MAAM,OAAO,WAAY,SAAQ,oBAAoB;IAEnD,YAAY,eAAgC,EAAE,iBAAoC,EAAkB,mBAAwC;QAC1I,KAAK,CAAC,eAAe,EAAE,iBAAiB,CAAC,CAAC;QADwD,wBAAmB,GAAnB,mBAAmB,CAAqB;IAE5I,CAAC;IAED,IAAW,GAAG,KAAa,OAAO,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC;IAMzD;;OAEG;IACI,KAAK,CAAC,iBAAiB,CAAC,iBAA0B;QACvD,IAAI,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,YAAY,CAAC,iBAAiB;YAC1D,OAAO,IAAI,CAAC,YAAY,CAAC,iBAAiB,CAAC,IAAI,CAAC,GAAG,EAAE,iBAAiB,CAAC,CAAC;QAC1E,OAAO,IAAI,uBAAuB,EAAE,CAAC;IACvC,CAAC;CACF","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/* eslint-disable deprecation/deprecation */\r\n/** @packageDocumentation\r\n * @module Table\r\n */\r\n\r\nimport ReactDataGrid from \"react-data-grid\";\r\nimport { DistinctValueCollection, FilterableColumn, FilterableTable } from \"../columnfiltering/ColumnFiltering\";\r\nimport { FilterableColumnBase } from \"../columnfiltering/FilterableColumnBase\";\r\nimport { ColumnDescription, TableDataProvider } from \"../TableDataProvider\";\r\n\r\n// cSpell:ignore columnfiltering\r\n\r\n/** ReactDataGrid.Column with additional properties\r\n * @deprecated in 3.0. Use the Table component in @itwin/itwinui-react instead, which does not use this interface.\r\n * @public\r\n */\r\nexport interface ReactDataGridColumn extends ReactDataGrid.Column<any> {\r\n  /** Indicates whether the display value for the cell is treated as an icon spec. */\r\n  icon?: boolean;\r\n  /* Table column filtering info */\r\n  filterableColumn?: FilterableColumn;\r\n}\r\n\r\n/** Table Column used by the [[Table]] component\r\n *  @internal\r\n */\r\nexport class TableColumn extends FilterableColumnBase {\r\n\r\n  constructor(filterableTable: FilterableTable, columnDescription: ColumnDescription, public readonly reactDataGridColumn: ReactDataGridColumn) {\r\n    super(filterableTable, columnDescription);\r\n  }\r\n\r\n  public get key(): string { return this.filterMemberKey; }\r\n\r\n  public dataProvider?: TableDataProvider;\r\n\r\n  public distinctValueCollection?: DistinctValueCollection;\r\n\r\n  /** Gets the distinct values for a column.\r\n   * @return The distinct values.\r\n   */\r\n  public async getDistinctValues(maximumValueCount?: number): Promise<DistinctValueCollection> {\r\n    if (this.dataProvider && this.dataProvider.getDistinctValues)\r\n      return this.dataProvider.getDistinctValues(this.key, maximumValueCount);\r\n    return new DistinctValueCollection();\r\n  }\r\n}\r\n"]}

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

@@ -5,7 +5,7 @@ import * as React from "react";
 /**
  * Context component for DragDrop API. All DragSources and DropTargets used in the application must be contained in this component.
  * @beta
- * @deprecated
+ * @deprecated in 2.x.
  */
 export declare function BeDragDropContext(props: {
     children?: React.ReactNode;

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

@@ -11,7 +11,7 @@ import { HTML5Backend } from "react-dnd-html5-backend";
 /**
  * Context component for DragDrop API. All DragSources and DropTargets used in the application must be contained in this component.
  * @beta
- * @deprecated
+ * @deprecated in 2.x.
  */
 export function BeDragDropContext(props) {
     return React.createElement(DndProvider, { backend: HTML5Backend }, props.children);

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

@@ -1 +1 @@
-{"version":3,"file":"BeDragDropContext.js","sourceRoot":"","sources":["../../../../../../src/components-react/table/component/dragdrop/BeDragDropContext.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEvD;;;;GAIG;AACH,MAAM,UAAU,iBAAiB,CAAC,KAAqC;IACrE,OAAO,oBAAC,WAAW,IAAC,OAAO,EAAE,YAAY,IAAG,KAAK,CAAC,QAAQ,CAAe,CAAC;AAC5E,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 DragDrop\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { DndProvider } from \"react-dnd\";\r\nimport { HTML5Backend } from \"react-dnd-html5-backend\";\r\n\r\n/**\r\n * Context component for DragDrop API. All DragSources and DropTargets used in the application must be contained in this component.\r\n * @beta\r\n * @deprecated\r\n */\r\nexport function BeDragDropContext(props: { children?: React.ReactNode }) {\r\n  return <DndProvider backend={HTML5Backend}>{props.children}</DndProvider>;\r\n}\r\n"]}
+{"version":3,"file":"BeDragDropContext.js","sourceRoot":"","sources":["../../../../../../src/components-react/table/component/dragdrop/BeDragDropContext.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEvD;;;;GAIG;AACH,MAAM,UAAU,iBAAiB,CAAC,KAAqC;IACrE,OAAO,oBAAC,WAAW,IAAC,OAAO,EAAE,YAAY,IAAG,KAAK,CAAC,QAAQ,CAAe,CAAC;AAC5E,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 DragDrop\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { DndProvider } from \"react-dnd\";\r\nimport { HTML5Backend } from \"react-dnd-html5-backend\";\r\n\r\n/**\r\n * Context component for DragDrop API. All DragSources and DropTargets used in the application must be contained in this component.\r\n * @beta\r\n * @deprecated in 2.x.\r\n */\r\nexport function BeDragDropContext(props: { children?: React.ReactNode }) {\r\n  return <DndProvider backend={HTML5Backend}>{props.children}</DndProvider>;\r\n}\r\n"]}

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

@@ -5,7 +5,7 @@ import * as React from "react";
 import { CommonProps } from "@itwin/core-react";
 /** Enum for different DropEffects.
  * @beta
- * @deprecated
+ * @deprecated in 2.x.
  */
 export declare enum DropEffects {
     None = 0,
@@ -15,7 +15,7 @@ export declare enum DropEffects {
 }
 /** Enum for status of current drag/drop item
  * @beta
- * @deprecated
+ * @deprecated in 2.x.
  */
 export declare enum DropStatus {
     None = 0,
@@ -25,7 +25,7 @@ export declare enum DropStatus {
 }
 /** Properties and callbacks for the withDragSource Higher-Order Component.
  * @beta
- * @deprecated
+ * @deprecated in 2.x.
  */
 export interface DropTargetProps<DragDropObject = any> {
     /**
@@ -42,7 +42,7 @@ export interface DropTargetProps<DragDropObject = any> {
 }
 /** Properties and callbacks for the withDragSource Higher-Order Component.
  * @beta
- * @deprecated
+ * @deprecated in 2.x.
  */
 export interface DragSourceProps<DragDropObject = any> {
     /** Triggered when DragSource has begun a drag. */
@@ -66,7 +66,7 @@ export interface DragSourceProps<DragDropObject = any> {
 }
 /** Base DragDropArguments interface, used by both DragSourceArguments and DragTargetArguments.
  * @beta
- * @deprecated
+ * @deprecated in 2.x.
  */
 export interface DragDropArguments<DragDropObject = any> {
     /** Arbitrary data being transferred. Actual data structure determined by the return value of the onDragSourceBegin callback. */
@@ -124,14 +124,14 @@ export interface DragDropArguments<DragDropObject = any> {
 }
 /** Properties for DragLayer components
  * @beta
- * @deprecated
+ * @deprecated in 2.x.
  */
 export interface DragLayerProps<DragDropObject = any> extends CommonProps {
     args?: DragSourceArguments<DragDropObject>;
 }
 /** Interface for arguments supplied to DragSource callbacks, including onDragSourceBegin, and onDragSourceEnd, as well as to the DragLayers as a prop.
  * @beta
- * @deprecated
+ * @deprecated in 2.x.
  */
 export interface DragSourceArguments<DragDropObject = any> extends DragDropArguments<DragDropObject> {
     /** Parent object, using the data structure relevant to object being used.
@@ -143,7 +143,7 @@ export interface DragSourceArguments<DragDropObject = any> extends DragDropArgum
 }
 /** Interface for arguments supplied to DropTarget callbacks, including onDropTargetOver, onDropTargetDrop, and canDropTargetDrop.
  * @beta
- * @deprecated
+ * @deprecated in 2.x.
  */
 export interface DropTargetArguments<DragDropObject = any> extends DragSourceArguments<DragDropObject> {
     /** Object that is being dropped onto, using the data structure relevant to object being used.

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

@@ -7,7 +7,7 @@
  */
 /** Enum for different DropEffects.
  * @beta
- * @deprecated
+ * @deprecated in 2.x.
  */
 export var DropEffects;
 (function (DropEffects) {
@@ -18,7 +18,7 @@ export var DropEffects;
 })(DropEffects || (DropEffects = {}));
 /** Enum for status of current drag/drop item
  * @beta
- * @deprecated
+ * @deprecated in 2.x.
  */
 export var DropStatus;
 (function (DropStatus) {

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

@@ -1 +1 @@
-{"version":3,"file":"DragDropDef.js","sourceRoot":"","sources":["../../../../../../src/components-react/table/component/dragdrop/DragDropDef.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAKH;;;GAGG;AACH,MAAM,CAAN,IAAY,WAKX;AALD,WAAY,WAAW;IACrB,6CAAQ,CAAA;IACR,6CAAa,CAAA;IACb,6CAAa,CAAA;IACb,6CAAa,CAAA;AACf,CAAC,EALW,WAAW,KAAX,WAAW,QAKtB;AAED;;;GAGG;AACH,MAAM,CAAN,IAAY,UAKX;AALD,WAAY,UAAU;IACpB,2CAAQ,CAAA;IACR,uCAAE,CAAA;IACF,2CAAI,CAAA;IACJ,+CAAM,CAAA;AACR,CAAC,EALW,UAAU,KAAV,UAAU,QAKrB","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\n\r\nimport * as React from \"react\";\r\nimport { CommonProps } from \"@itwin/core-react\";\r\n\r\n/** Enum for different DropEffects.\r\n * @beta\r\n * @deprecated\r\n */\r\nexport enum DropEffects {\r\n  None = 0,\r\n  Copy = 1 << 0,\r\n  Move = 1 << 1,\r\n  Link = 1 << 2,\r\n}\r\n\r\n/** Enum for status of current drag/drop item\r\n * @beta\r\n * @deprecated\r\n */\r\nexport enum DropStatus {\r\n  None = 0,\r\n  Ok,\r\n  Drop,\r\n  Cancel,\r\n}\r\n\r\n/** Properties and callbacks for the withDragSource Higher-Order Component.\r\n * @beta\r\n * @deprecated\r\n */\r\nexport interface DropTargetProps<DragDropObject = any> {\r\n  /**\r\n   * Triggered when item is dropped on wrapped component.\r\n   * Return value is passed to the DragSource's onDragSourceEnd callback.\r\n   */\r\n  onDropTargetDrop?: (args: DropTargetArguments<DragDropObject>) => DropTargetArguments<DragDropObject>; // eslint-disable-line deprecation/deprecation\r\n  /** Triggered when item is dragged over wrapped component. */\r\n  onDropTargetOver?: (args: DropTargetArguments<DragDropObject>) => void; // eslint-disable-line deprecation/deprecation\r\n  /** Determines whether item may be dropped on DropTarget. */\r\n  canDropTargetDrop?: (args: DropTargetArguments<DragDropObject>) => boolean; // eslint-disable-line deprecation/deprecation\r\n  /** List of allowed object types */\r\n  objectTypes?: Array<string | symbol> | (() => Array<string | symbol>);\r\n}\r\n\r\n/** Properties and callbacks for the withDragSource Higher-Order Component.\r\n * @beta\r\n * @deprecated\r\n */\r\nexport interface DragSourceProps<DragDropObject = any> {\r\n  /** Triggered when DragSource has begun a drag. */\r\n  onDragSourceBegin?: (data: DragSourceArguments<DragDropObject>) => DragSourceArguments<DragDropObject>; // eslint-disable-line deprecation/deprecation\r\n  /**\r\n   * Triggered when a DragSource drag has ended.\r\n   * Callback is always called after an onDragSourceBegin callback, regardless of whether the drag was successful.\r\n   */\r\n  onDragSourceEnd?: (data: DragSourceArguments<DragDropObject>) => void; // eslint-disable-line deprecation/deprecation\r\n  /**\r\n   * Specifies the DragSource type.\r\n   * data parameter is non-null when data is trickled down from dragged component.\r\n   */\r\n  objectType?: ((data?: DragDropObject) => string | symbol) | string | symbol;\r\n  /**\r\n   * Specifies a default DragLayer component to display as a drag preview.\r\n   * This property is dependent on the DragDropLayerManager in appui-react. The DragLayer is ultimately rendered using the DragDropLayerRendererComponent, which must exist within the app that is used.\r\n   * Component may be overridden if another DragLayer is registered for the given type using the DragDropLayerManager in appui-react.\r\n   */\r\n  defaultDragLayer?: React.ComponentType<DragLayerProps<DragDropObject>>; // eslint-disable-line deprecation/deprecation\r\n}\r\n\r\n/** Base DragDropArguments interface, used by both DragSourceArguments and DragTargetArguments.\r\n * @beta\r\n * @deprecated\r\n */\r\nexport interface DragDropArguments<DragDropObject = any> {\r\n  /** Arbitrary data being transferred. Actual data structure determined by the return value of the onDragSourceBegin callback. */\r\n  dataObject: DragDropObject;\r\n  /** Drop Effect of current drag */\r\n  dropEffect: DropEffects; // eslint-disable-line deprecation/deprecation\r\n  /** Status of current drop */\r\n  dropStatus: DropStatus; // eslint-disable-line deprecation/deprecation\r\n  /** Current mouse position. */\r\n  clientOffset: { x: number, y: number };\r\n  /** Mouse position at beginning of drag. */\r\n  initialClientOffset: { x: number, y: number };\r\n  /**\r\n   * Current mouse position, offset by the difference between initial mouse position and initial dragSource offset.\r\n   * Useful for preserving apparent anchor point of mouse to dragSource while rendering a dragPreview.\r\n   */\r\n  sourceClientOffset?: { x: number, y: number };\r\n  /** Position of top left corner of current dragSource, measured at beginning of drag. */\r\n  initialSourceClientOffset?: { x: number, y: number };\r\n  /** DOMRect object of dragSource.\r\n   * Not available in canDropTargetDrop.\r\n   */\r\n  dragRect?: DOMRect;\r\n  /** DOMRect object of current dropTarget, if available.\r\n    * Not available in canDropTargetDrop.\r\n    */\r\n  dropRect?: DOMRect;\r\n  /** determines whether item is dropped on same structure as the drag source, or a different structure.\r\n   * Passed from OnDropTargetDrop for use in OnDragSourceEnd\r\n   * Used primarily for cases where the dataProvider object needs to differentiate a moveItem method with a subsequent removeItem then addItem.\r\n   */\r\n  local?: boolean;\r\n  /** specifies the row to be dropped onto.\r\n   * Populated by consumers for trickle down arguments.\r\n   * Specifically used where further information is needed within a given dataProvider structure. Ie. insertRow(rowIndex, rowItem) type methods.\r\n   */\r\n  row?: number;\r\n  /** specifies the col to be dropped onto.\r\n   * Populated by consumers for trickle down arguments.\r\n   * Specifically used where further information is needed within a given dataProvider structure. Ie. dataProvider.insertCol(colIndex, colItem) type methods.\r\n   */\r\n  col?: number;\r\n}\r\n\r\n/** Properties for DragLayer components\r\n * @beta\r\n * @deprecated\r\n */\r\nexport interface DragLayerProps<DragDropObject = any> extends CommonProps {\r\n  args?: DragSourceArguments<DragDropObject>; // eslint-disable-line deprecation/deprecation\r\n}\r\n\r\n/** Interface for arguments supplied to DragSource callbacks, including onDragSourceBegin, and onDragSourceEnd, as well as to the DragLayers as a prop.\r\n * @beta\r\n * @deprecated\r\n */\r\nexport interface DragSourceArguments<DragDropObject = any> extends DragDropArguments<DragDropObject> { // eslint-disable-line deprecation/deprecation\r\n  /** Parent object, using the data structure relevant to object being used.\r\n   * Object populated by consumer for use as trickle down arguments.\r\n   * Specifically used where further information is needed within a given dataProvider structure. Ie. dataProvider.removeChild(parentObject, child) type methods.\r\n   */\r\n  parentObject?: DragDropObject;\r\n  defaultDragLayer?: React.ComponentType<DragLayerProps<DragDropObject>>; // eslint-disable-line deprecation/deprecation\r\n}\r\n\r\n/** Interface for arguments supplied to DropTarget callbacks, including onDropTargetOver, onDropTargetDrop, and canDropTargetDrop.\r\n * @beta\r\n * @deprecated\r\n */\r\nexport interface DropTargetArguments<DragDropObject = any> extends DragSourceArguments<DragDropObject> { // eslint-disable-line deprecation/deprecation\r\n  /** Object that is being dropped onto, using the data structure relevant to object being used.\r\n   * Object populated by consumer for use as trickle down arguments.\r\n   * Specifically used where further information is needed within a given dataProvider structure. Ie. dataProvider.addChild(dropLocation, child) type methods.\r\n   */\r\n  dropLocation?: DragDropObject; // Where to attach\r\n}\r\n"]}
+{"version":3,"file":"DragDropDef.js","sourceRoot":"","sources":["../../../../../../src/components-react/table/component/dragdrop/DragDropDef.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAKH;;;GAGG;AACH,MAAM,CAAN,IAAY,WAKX;AALD,WAAY,WAAW;IACrB,6CAAQ,CAAA;IACR,6CAAa,CAAA;IACb,6CAAa,CAAA;IACb,6CAAa,CAAA;AACf,CAAC,EALW,WAAW,KAAX,WAAW,QAKtB;AAED;;;GAGG;AACH,MAAM,CAAN,IAAY,UAKX;AALD,WAAY,UAAU;IACpB,2CAAQ,CAAA;IACR,uCAAE,CAAA;IACF,2CAAI,CAAA;IACJ,+CAAM,CAAA;AACR,CAAC,EALW,UAAU,KAAV,UAAU,QAKrB","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\n\r\nimport * as React from \"react\";\r\nimport { CommonProps } from \"@itwin/core-react\";\r\n\r\n/** Enum for different DropEffects.\r\n * @beta\r\n * @deprecated in 2.x.\r\n */\r\nexport enum DropEffects {\r\n  None = 0,\r\n  Copy = 1 << 0,\r\n  Move = 1 << 1,\r\n  Link = 1 << 2,\r\n}\r\n\r\n/** Enum for status of current drag/drop item\r\n * @beta\r\n * @deprecated in 2.x.\r\n */\r\nexport enum DropStatus {\r\n  None = 0,\r\n  Ok,\r\n  Drop,\r\n  Cancel,\r\n}\r\n\r\n/** Properties and callbacks for the withDragSource Higher-Order Component.\r\n * @beta\r\n * @deprecated in 2.x.\r\n */\r\nexport interface DropTargetProps<DragDropObject = any> {\r\n  /**\r\n   * Triggered when item is dropped on wrapped component.\r\n   * Return value is passed to the DragSource's onDragSourceEnd callback.\r\n   */\r\n  onDropTargetDrop?: (args: DropTargetArguments<DragDropObject>) => DropTargetArguments<DragDropObject>; // eslint-disable-line deprecation/deprecation\r\n  /** Triggered when item is dragged over wrapped component. */\r\n  onDropTargetOver?: (args: DropTargetArguments<DragDropObject>) => void; // eslint-disable-line deprecation/deprecation\r\n  /** Determines whether item may be dropped on DropTarget. */\r\n  canDropTargetDrop?: (args: DropTargetArguments<DragDropObject>) => boolean; // eslint-disable-line deprecation/deprecation\r\n  /** List of allowed object types */\r\n  objectTypes?: Array<string | symbol> | (() => Array<string | symbol>);\r\n}\r\n\r\n/** Properties and callbacks for the withDragSource Higher-Order Component.\r\n * @beta\r\n * @deprecated in 2.x.\r\n */\r\nexport interface DragSourceProps<DragDropObject = any> {\r\n  /** Triggered when DragSource has begun a drag. */\r\n  onDragSourceBegin?: (data: DragSourceArguments<DragDropObject>) => DragSourceArguments<DragDropObject>; // eslint-disable-line deprecation/deprecation\r\n  /**\r\n   * Triggered when a DragSource drag has ended.\r\n   * Callback is always called after an onDragSourceBegin callback, regardless of whether the drag was successful.\r\n   */\r\n  onDragSourceEnd?: (data: DragSourceArguments<DragDropObject>) => void; // eslint-disable-line deprecation/deprecation\r\n  /**\r\n   * Specifies the DragSource type.\r\n   * data parameter is non-null when data is trickled down from dragged component.\r\n   */\r\n  objectType?: ((data?: DragDropObject) => string | symbol) | string | symbol;\r\n  /**\r\n   * Specifies a default DragLayer component to display as a drag preview.\r\n   * This property is dependent on the DragDropLayerManager in appui-react. The DragLayer is ultimately rendered using the DragDropLayerRendererComponent, which must exist within the app that is used.\r\n   * Component may be overridden if another DragLayer is registered for the given type using the DragDropLayerManager in appui-react.\r\n   */\r\n  defaultDragLayer?: React.ComponentType<DragLayerProps<DragDropObject>>; // eslint-disable-line deprecation/deprecation\r\n}\r\n\r\n/** Base DragDropArguments interface, used by both DragSourceArguments and DragTargetArguments.\r\n * @beta\r\n * @deprecated in 2.x.\r\n */\r\nexport interface DragDropArguments<DragDropObject = any> {\r\n  /** Arbitrary data being transferred. Actual data structure determined by the return value of the onDragSourceBegin callback. */\r\n  dataObject: DragDropObject;\r\n  /** Drop Effect of current drag */\r\n  dropEffect: DropEffects; // eslint-disable-line deprecation/deprecation\r\n  /** Status of current drop */\r\n  dropStatus: DropStatus; // eslint-disable-line deprecation/deprecation\r\n  /** Current mouse position. */\r\n  clientOffset: { x: number, y: number };\r\n  /** Mouse position at beginning of drag. */\r\n  initialClientOffset: { x: number, y: number };\r\n  /**\r\n   * Current mouse position, offset by the difference between initial mouse position and initial dragSource offset.\r\n   * Useful for preserving apparent anchor point of mouse to dragSource while rendering a dragPreview.\r\n   */\r\n  sourceClientOffset?: { x: number, y: number };\r\n  /** Position of top left corner of current dragSource, measured at beginning of drag. */\r\n  initialSourceClientOffset?: { x: number, y: number };\r\n  /** DOMRect object of dragSource.\r\n   * Not available in canDropTargetDrop.\r\n   */\r\n  dragRect?: DOMRect;\r\n  /** DOMRect object of current dropTarget, if available.\r\n    * Not available in canDropTargetDrop.\r\n    */\r\n  dropRect?: DOMRect;\r\n  /** determines whether item is dropped on same structure as the drag source, or a different structure.\r\n   * Passed from OnDropTargetDrop for use in OnDragSourceEnd\r\n   * Used primarily for cases where the dataProvider object needs to differentiate a moveItem method with a subsequent removeItem then addItem.\r\n   */\r\n  local?: boolean;\r\n  /** specifies the row to be dropped onto.\r\n   * Populated by consumers for trickle down arguments.\r\n   * Specifically used where further information is needed within a given dataProvider structure. Ie. insertRow(rowIndex, rowItem) type methods.\r\n   */\r\n  row?: number;\r\n  /** specifies the col to be dropped onto.\r\n   * Populated by consumers for trickle down arguments.\r\n   * Specifically used where further information is needed within a given dataProvider structure. Ie. dataProvider.insertCol(colIndex, colItem) type methods.\r\n   */\r\n  col?: number;\r\n}\r\n\r\n/** Properties for DragLayer components\r\n * @beta\r\n * @deprecated in 2.x.\r\n */\r\nexport interface DragLayerProps<DragDropObject = any> extends CommonProps {\r\n  args?: DragSourceArguments<DragDropObject>; // eslint-disable-line deprecation/deprecation\r\n}\r\n\r\n/** Interface for arguments supplied to DragSource callbacks, including onDragSourceBegin, and onDragSourceEnd, as well as to the DragLayers as a prop.\r\n * @beta\r\n * @deprecated in 2.x.\r\n */\r\nexport interface DragSourceArguments<DragDropObject = any> extends DragDropArguments<DragDropObject> { // eslint-disable-line deprecation/deprecation\r\n  /** Parent object, using the data structure relevant to object being used.\r\n   * Object populated by consumer for use as trickle down arguments.\r\n   * Specifically used where further information is needed within a given dataProvider structure. Ie. dataProvider.removeChild(parentObject, child) type methods.\r\n   */\r\n  parentObject?: DragDropObject;\r\n  defaultDragLayer?: React.ComponentType<DragLayerProps<DragDropObject>>; // eslint-disable-line deprecation/deprecation\r\n}\r\n\r\n/** Interface for arguments supplied to DropTarget callbacks, including onDropTargetOver, onDropTargetDrop, and canDropTargetDrop.\r\n * @beta\r\n * @deprecated in 2.x.\r\n */\r\nexport interface DropTargetArguments<DragDropObject = any> extends DragSourceArguments<DragDropObject> { // eslint-disable-line deprecation/deprecation\r\n  /** Object that is being dropped onto, using the data structure relevant to object being used.\r\n   * Object populated by consumer for use as trickle down arguments.\r\n   * Specifically used where further information is needed within a given dataProvider structure. Ie. dataProvider.addChild(dropLocation, child) type methods.\r\n   */\r\n  dropLocation?: DragDropObject; // Where to attach\r\n}\r\n"]}

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

@@ -6,7 +6,7 @@ import { ConnectDragPreview, ConnectDragSource, DndComponentClass } from "react-
 import { DragSourceProps, DropEffects } from "./DragDropDef";
 /** React properties for withDragSource Higher-Order Component
  * @beta
- * @deprecated
+ * @deprecated in 2.x.
  */
 export interface WithDragSourceProps<DragDropObject = any> {
     /** Properties and callbacks for DragSource. */
@@ -36,7 +36,7 @@ export interface WithDragSourceProps<DragDropObject = any> {
  * HOC (Higher-Order Component) that transforms wrapped component into a DragSource.
  * @param Component component to wrap.
  * @beta
- * @deprecated
+ * @deprecated in 2.x.
  */
 export declare const withDragSource: <ComponentProps extends {}, DragDropObject = any>(Component: React.ComponentType<ComponentProps>) => DndComponentClass<typeof React.Component, ComponentProps & WithDragSourceProps<DragDropObject>>;
 //# sourceMappingURL=withDragSource.d.ts.map

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

@@ -21,7 +21,7 @@ function getEmptyImage() {
  * HOC (Higher-Order Component) that transforms wrapped component into a DragSource.
  * @param Component component to wrap.
  * @beta
- * @deprecated
+ * @deprecated in 2.x.
  */
 // istanbul ignore next
 export const withDragSource = (

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

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

@@ -6,7 +6,7 @@ import { ConnectDropTarget, DndComponentClass } from "react-dnd";
 import { DropTargetProps } from "./DragDropDef";
 /** React properties for withDropTarget Higher-Order Component
  * @beta
- * @deprecated
+ * @deprecated in 2.x.
  */
 export interface WithDropTargetProps<DragDropObject = any> {
     /** Properties and callbacks for DropTarget */
@@ -30,7 +30,7 @@ export interface WithDropTargetProps<DragDropObject = any> {
  * HOC (Higher-Order Component) that transforms wrapped component into a DropTarget.
  * @param Component component to wrap.
  * @beta
- * @deprecated
+ * @deprecated in 2.x.
  */
 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.js

@@ -11,7 +11,7 @@ import { DropTarget } from "react-dnd";
  * HOC (Higher-Order Component) that transforms wrapped component into a DropTarget.
  * @param Component component to wrap.
  * @beta
- * @deprecated
+ * @deprecated in 2.x.
  */
 // istanbul ignore next
 export const withDropTarget = (

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\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\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":["/*---------------------------------------------------------------------------------------------\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.\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.\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"]}

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

@@ -13,7 +13,7 @@ import { ToolbarOpacitySetting, ToolbarPanelAlignment } from "./ToolbarWithOverf
 export interface ToolbarProps extends CommonProps, NoChildrenProps {
     /** Describes to which direction the popup panels are expanded. Defaults to: [[Direction.Bottom]] */
     expandsTo?: Direction;
-    /** definitions for items of the toolbar. i.e. [[CommonToolbarItem]]. Items are expected to be already sorted by group and item. */
+    /** Definitions for items of the toolbar. Items are expected to be already sorted by group and item. */
     items: CommonToolbarItem[];
     /** Describes how expanded panels are aligned. Defaults to: [[ToolbarPanelAlignment.Start]] */
     panelAlignment?: ToolbarPanelAlignment;

package/lib/esm/components-react/toolbar/Toolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../../src/components-react/toolbar/Toolbar.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,gBAAgB,CAAC;AAExB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,iBAAiB,EAAE,kBAAkB,EACtC,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEjE,OAAO,EAAE,SAAS,EAAmD,MAAM,uBAAuB,CAAC;AACnG,OAAO,EAAiE,qBAAqB,EAAE,qBAAqB,EAAuC,MAAM,uBAAuB,CAAC;AAEzL;;GAEG;AACH,MAAM,WAAW,YAAa,SAAQ,WAAW,EAAE,eAAe;IAChE,oGAAoG;IACpG,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,mIAAmI;IACnI,KAAK,EAAE,iBAAiB,EAAE,CAAC;IAC3B,8FAA8F;IAC9F,cAAc,CAAC,EAAE,qBAAqB,CAAC;IACvC,mEAAmE;IACnE,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,oFAAoF;IACpF,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;IAC9C,sDAAsD;IACtD,cAAc,CAAC,EAAE,kBAAkB,CAAC;IACpC,2EAA2E;IAC3E,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;CAC9C;AAWD;;GAEG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,eAiF1C"}
+{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../../src/components-react/toolbar/Toolbar.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,gBAAgB,CAAC;AAExB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,iBAAiB,EAAE,kBAAkB,EACtC,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEjE,OAAO,EAAE,SAAS,EAAmD,MAAM,uBAAuB,CAAC;AACnG,OAAO,EAAiE,qBAAqB,EAAE,qBAAqB,EAAuC,MAAM,uBAAuB,CAAC;AAEzL;;GAEG;AACH,MAAM,WAAW,YAAa,SAAQ,WAAW,EAAE,eAAe;IAChE,oGAAoG;IACpG,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,uGAAuG;IACvG,KAAK,EAAE,iBAAiB,EAAE,CAAC;IAC3B,8FAA8F;IAC9F,cAAc,CAAC,EAAE,qBAAqB,CAAC;IACvC,mEAAmE;IACnE,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,oFAAoF;IACpF,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;IAC9C,sDAAsD;IACtD,cAAc,CAAC,EAAE,kBAAkB,CAAC;IACpC,2EAA2E;IAC3E,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;CAC9C;AAWD;;GAEG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,eAiF1C"}

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

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.js","sourceRoot":"","sources":["../../../../src/components-react/toolbar/Toolbar.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 Toolbar\r\n */\r\n\r\nimport \"./Toolbar.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport {\r\n  CommonToolbarItem, OnItemExecutedFunc,\r\n} from \"@itwin/appui-abstract\";\r\nimport { CommonProps, NoChildrenProps } from \"@itwin/core-react\";\r\nimport { ToolbarItems } from \"./Items\";\r\nimport { Direction, OrthogonalDirection, OrthogonalDirectionHelpers } from \"./utilities/Direction\";\r\nimport { getToolbarDirection, ToolbarItemComponent, ToolbarItemContext, ToolbarOpacitySetting, ToolbarPanelAlignment, ToolbarWithOverflowDirectionContext } from \"./ToolbarWithOverflow\";\r\n\r\n/** Properties of [[Toolbar]] component.\r\n * @public\r\n */\r\nexport interface ToolbarProps extends CommonProps, NoChildrenProps {\r\n  /** Describes to which direction the popup panels are expanded. Defaults to: [[Direction.Bottom]] */\r\n  expandsTo?: Direction;\r\n  /** definitions for items of the toolbar. i.e. [[CommonToolbarItem]]. Items are expected to be already sorted by group and item. */\r\n  items: CommonToolbarItem[];\r\n  /** Describes how expanded panels are aligned. Defaults to: [[ToolbarPanelAlignment.Start]] */\r\n  panelAlignment?: ToolbarPanelAlignment;\r\n  /** Use Drag Interaction to open popups with nest action buttons */\r\n  useDragInteraction?: boolean;\r\n  /** Determines whether to use mouse proximity to alter the opacity of the toolbar */\r\n  toolbarOpacitySetting?: ToolbarOpacitySetting;\r\n  /** Optional function to call on any item execution */\r\n  onItemExecuted?: OnItemExecutedFunc;\r\n  /** Optional function to call on any KeyDown events processed by toolbar */\r\n  onKeyDown?: (e: React.KeyboardEvent) => void;\r\n}\r\n\r\nfunction getItemWrapperClass(child: React.ReactNode) {\r\n  // istanbul ignore else\r\n  if (React.isValidElement(child)) {\r\n    if (child.props && child.props.addGroupSeparator)\r\n      return \"components-toolbar-button-add-gap-before\";\r\n  }\r\n  return \"\";\r\n}\r\n\r\n/** Component that displays tool settings as a bar across the top of the content view.\r\n * @public\r\n */\r\nexport function Toolbar(props: ToolbarProps) {\r\n  const expandsTo = props.expandsTo ? props.expandsTo : Direction.Bottom;\r\n  const useDragInteraction = !!props.useDragInteraction;\r\n  const panelAlignment = props.panelAlignment ? props.panelAlignment : ToolbarPanelAlignment.Start;\r\n  const [popupPanelCount, setPopupPanelCount] = React.useState(0);\r\n\r\n  const handlePopupPanelOpenClose = React.useCallback((isOpening: boolean) => {\r\n    // use setTimeout to avoid warning about setting state in Toolbar from render method of PopupItem/PopupItemWithDrag\r\n    setTimeout(() => {\r\n      setPopupPanelCount((prev) => {\r\n        const nextCount = isOpening ? (prev + 1) : (prev - 1);\r\n        // eslint-disable-next-line no-console\r\n        // console.log(`new popup count = ${nextCount}`);\r\n        return nextCount < 0 ? /* istanbul ignore next */ 0 : nextCount;\r\n      });\r\n    });\r\n  }, []);\r\n\r\n  const availableNodes = React.useMemo<React.ReactNode[]>(() => {\r\n    return props.items.map((item, index) => {\r\n      let addGroupSeparator = false;\r\n      if (index > 0)\r\n        addGroupSeparator = item.groupPriority !== props.items[index - 1].groupPriority;\r\n      return (\r\n        <ToolbarItemComponent\r\n          key={item.id}\r\n          item={item}\r\n          addGroupSeparator={!!addGroupSeparator}\r\n        />\r\n      );\r\n    });\r\n  }, [props.items]);\r\n\r\n  const direction = getToolbarDirection(expandsTo);\r\n  const className = classnames(\r\n    \"components-toolbar-overflow-sizer\",\r\n    OrthogonalDirectionHelpers.getCssClassName(direction),\r\n    props.className);\r\n\r\n  // needed to construct DOM structure identical to ToolbarWithOverflow so same css can be applied.\r\n  const wrapperClassName = classnames(\r\n    \"components-toolbar-item-container\",\r\n    OrthogonalDirectionHelpers.getCssClassName(direction),\r\n  );\r\n\r\n  return (\r\n    <ToolbarWithOverflowDirectionContext.Provider value={\r\n      {\r\n        expandsTo, direction, overflowExpandsTo: Direction.Right, panelAlignment, useDragInteraction,\r\n        toolbarOpacitySetting: props.toolbarOpacitySetting ? props.toolbarOpacitySetting : ToolbarOpacitySetting.Proximity,\r\n        overflowDirection: OrthogonalDirection.Horizontal,\r\n        openPopupCount: popupPanelCount, onPopupPanelOpenClose: handlePopupPanelOpenClose, overflowDisplayActive: false,\r\n        onItemExecuted: props.onItemExecuted ? props.onItemExecuted : /* istanbul ignore next */ () => { },\r\n        onKeyDown: props.onKeyDown ? props.onKeyDown : /* istanbul ignore next */ (_e: React.KeyboardEvent) => { },\r\n      }\r\n    }>\r\n      <ToolbarItemContext.Provider\r\n        value={{\r\n          hasOverflow: false,\r\n          useHeight: false,\r\n          onResize: /* istanbul ignore next */ () => { },\r\n        }}\r\n      >\r\n        {(availableNodes.length > 0) &&\r\n          <div\r\n            className={className}\r\n            style={props.style}\r\n            onKeyDown={props.onKeyDown}\r\n            role=\"presentation\"\r\n          >\r\n            <ToolbarItems\r\n              className=\"components-items\"\r\n              direction={direction}\r\n            >\r\n              {availableNodes.map((child, index) => <div key={index} className={`${wrapperClassName} ${getItemWrapperClass(child)}`}>{child}</div>)}\r\n            </ToolbarItems>\r\n          </div>\r\n        }\r\n      </ToolbarItemContext.Provider>\r\n    </ToolbarWithOverflowDirectionContext.Provider >\r\n  );\r\n}\r\n"]}
+{"version":3,"file":"Toolbar.js","sourceRoot":"","sources":["../../../../src/components-react/toolbar/Toolbar.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 Toolbar\r\n */\r\n\r\nimport \"./Toolbar.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport {\r\n  CommonToolbarItem, OnItemExecutedFunc,\r\n} from \"@itwin/appui-abstract\";\r\nimport { CommonProps, NoChildrenProps } from \"@itwin/core-react\";\r\nimport { ToolbarItems } from \"./Items\";\r\nimport { Direction, OrthogonalDirection, OrthogonalDirectionHelpers } from \"./utilities/Direction\";\r\nimport { getToolbarDirection, ToolbarItemComponent, ToolbarItemContext, ToolbarOpacitySetting, ToolbarPanelAlignment, ToolbarWithOverflowDirectionContext } from \"./ToolbarWithOverflow\";\r\n\r\n/** Properties of [[Toolbar]] component.\r\n * @public\r\n */\r\nexport interface ToolbarProps extends CommonProps, NoChildrenProps {\r\n  /** Describes to which direction the popup panels are expanded. Defaults to: [[Direction.Bottom]] */\r\n  expandsTo?: Direction;\r\n  /** Definitions for items of the toolbar. Items are expected to be already sorted by group and item. */\r\n  items: CommonToolbarItem[];\r\n  /** Describes how expanded panels are aligned. Defaults to: [[ToolbarPanelAlignment.Start]] */\r\n  panelAlignment?: ToolbarPanelAlignment;\r\n  /** Use Drag Interaction to open popups with nest action buttons */\r\n  useDragInteraction?: boolean;\r\n  /** Determines whether to use mouse proximity to alter the opacity of the toolbar */\r\n  toolbarOpacitySetting?: ToolbarOpacitySetting;\r\n  /** Optional function to call on any item execution */\r\n  onItemExecuted?: OnItemExecutedFunc;\r\n  /** Optional function to call on any KeyDown events processed by toolbar */\r\n  onKeyDown?: (e: React.KeyboardEvent) => void;\r\n}\r\n\r\nfunction getItemWrapperClass(child: React.ReactNode) {\r\n  // istanbul ignore else\r\n  if (React.isValidElement(child)) {\r\n    if (child.props && child.props.addGroupSeparator)\r\n      return \"components-toolbar-button-add-gap-before\";\r\n  }\r\n  return \"\";\r\n}\r\n\r\n/** Component that displays tool settings as a bar across the top of the content view.\r\n * @public\r\n */\r\nexport function Toolbar(props: ToolbarProps) {\r\n  const expandsTo = props.expandsTo ? props.expandsTo : Direction.Bottom;\r\n  const useDragInteraction = !!props.useDragInteraction;\r\n  const panelAlignment = props.panelAlignment ? props.panelAlignment : ToolbarPanelAlignment.Start;\r\n  const [popupPanelCount, setPopupPanelCount] = React.useState(0);\r\n\r\n  const handlePopupPanelOpenClose = React.useCallback((isOpening: boolean) => {\r\n    // use setTimeout to avoid warning about setting state in Toolbar from render method of PopupItem/PopupItemWithDrag\r\n    setTimeout(() => {\r\n      setPopupPanelCount((prev) => {\r\n        const nextCount = isOpening ? (prev + 1) : (prev - 1);\r\n        // eslint-disable-next-line no-console\r\n        // console.log(`new popup count = ${nextCount}`);\r\n        return nextCount < 0 ? /* istanbul ignore next */ 0 : nextCount;\r\n      });\r\n    });\r\n  }, []);\r\n\r\n  const availableNodes = React.useMemo<React.ReactNode[]>(() => {\r\n    return props.items.map((item, index) => {\r\n      let addGroupSeparator = false;\r\n      if (index > 0)\r\n        addGroupSeparator = item.groupPriority !== props.items[index - 1].groupPriority;\r\n      return (\r\n        <ToolbarItemComponent\r\n          key={item.id}\r\n          item={item}\r\n          addGroupSeparator={!!addGroupSeparator}\r\n        />\r\n      );\r\n    });\r\n  }, [props.items]);\r\n\r\n  const direction = getToolbarDirection(expandsTo);\r\n  const className = classnames(\r\n    \"components-toolbar-overflow-sizer\",\r\n    OrthogonalDirectionHelpers.getCssClassName(direction),\r\n    props.className);\r\n\r\n  // needed to construct DOM structure identical to ToolbarWithOverflow so same css can be applied.\r\n  const wrapperClassName = classnames(\r\n    \"components-toolbar-item-container\",\r\n    OrthogonalDirectionHelpers.getCssClassName(direction),\r\n  );\r\n\r\n  return (\r\n    <ToolbarWithOverflowDirectionContext.Provider value={\r\n      {\r\n        expandsTo, direction, overflowExpandsTo: Direction.Right, panelAlignment, useDragInteraction,\r\n        toolbarOpacitySetting: props.toolbarOpacitySetting ? props.toolbarOpacitySetting : ToolbarOpacitySetting.Proximity,\r\n        overflowDirection: OrthogonalDirection.Horizontal,\r\n        openPopupCount: popupPanelCount, onPopupPanelOpenClose: handlePopupPanelOpenClose, overflowDisplayActive: false,\r\n        onItemExecuted: props.onItemExecuted ? props.onItemExecuted : /* istanbul ignore next */ () => { },\r\n        onKeyDown: props.onKeyDown ? props.onKeyDown : /* istanbul ignore next */ (_e: React.KeyboardEvent) => { },\r\n      }\r\n    }>\r\n      <ToolbarItemContext.Provider\r\n        value={{\r\n          hasOverflow: false,\r\n          useHeight: false,\r\n          onResize: /* istanbul ignore next */ () => { },\r\n        }}\r\n      >\r\n        {(availableNodes.length > 0) &&\r\n          <div\r\n            className={className}\r\n            style={props.style}\r\n            onKeyDown={props.onKeyDown}\r\n            role=\"presentation\"\r\n          >\r\n            <ToolbarItems\r\n              className=\"components-items\"\r\n              direction={direction}\r\n            >\r\n              {availableNodes.map((child, index) => <div key={index} className={`${wrapperClassName} ${getItemWrapperClass(child)}`}>{child}</div>)}\r\n            </ToolbarItems>\r\n          </div>\r\n        }\r\n      </ToolbarItemContext.Provider>\r\n    </ToolbarWithOverflowDirectionContext.Provider >\r\n  );\r\n}\r\n"]}