@itwin/components-react 3.0.0-dev.83 → 3.0.0-dev.87

package/lib/cjs/components-react/table/component/Table.scss

@@ -1,201 +1,201 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "~@itwin/core-react/lib/cjs/core-react/style/themecolors";
-@import "~@itwin/core-react/lib/cjs/core-react/scrollbar";
-@import "~@itwin/itwinui-css/scss/style/typography";
-
-.components-table {
-  height: 100%;
-  width: 100%;
-  user-select: none;
-  color: $buic-foreground-body;
-  background-color: $buic-background-control;
-
-  .rdg-selected {
-    border: none !important;
-    background-color: transparent !important;
-  }
-
-  .rdg-selected-range {
-    border: none !important;
-    background-color: transparent !important;
-  }
-
-  // Appears when columns get reordered
-  .rdg-last--frozen {
-    box-shadow: none !important;
-  }
-
-  .react-grid-Canvas {
-    height: 100% !important;
-
-    @include uicore-touch-scrolling;
-    @include uicore-scrollbar();
-  }
-
-  .react-grid-Container,
-  .react-grid-Grid,
-  .react-grid-Main {
-    min-height: 100% !important;
-    height: 100% !important;
-  }
-
-  .react-grid-Container,
-  .react-grid-Canvas {
-    width: 100% !important;
-  }
-
-  .react-grid-Main,
-  .react-grid-Grid,
-  .react-grid-Viewport,
-  .react-grid-Canvas,
-  .react-grid-Row {
-    border: none;
-    background: transparent;
-    outline: none;
-    font-size: $iui-font-size;
-  }
-
-  .react-grid-Row {
-    width: fit-content;
-  }
-
-  .react-grid-Cell {
-    padding-left: 0px;
-    padding-right: 0px;
-    border: none;
-    color: $buic-foreground-body;
-    background: transparent;
-
-    &:focus {
-      outline: none !important;
-    }
-  }
-
-  .react-grid-Cell--locked:last-of-type {
-    border: none;
-    box-sizing: border-box;
-  }
-
-  .react-grid-Header {
-    background: $buic-background-table-header;
-    box-shadow: none;
-  }
-
-  .react-grid-HeaderCell {
-    padding: 4px 0 4px 8px;
-    box-sizing: border-box;
-    background: $buic-background-table-header;
-    font-size: $iui-font-size;
-    border: none;
-  }
-
-  .react-grid-HeaderCell__draggable {
-    background: $buic-background-table-header;
-    width: 8px !important;
-  }
-
-  .react-grid-HeaderCell__draggable::after {
-    content: '\2807';
-    font-size: 16px;
-    font-weight: normal;
-    color: $buic-foreground-muted;
-    position: relative;
-    display: block;
-    top: calc(50% - 12px);
-    left: calc(50% - 1px);
-    pointer-events: none;
-  }
-
-  /* TODO: Is property-name-cell old? */
-  .property-name-cell {
-    span {
-      height: 100%;
-      display: inline-block;
-      vertical-align: text-bottom;
-      padding: 0 0 2px 6px;
-    }
-
-    be-svg-icon {
-      width: 24px;
-      height: 16px;
-      margin-top: 4px;
-    }
-  }
-
-  .react-grid-HeaderCell--locked {
-    z-index: 3;
-  }
-
-  .react-grid-Cell__value {
-    // Enable the possibility to overflow the cell, so that merging of the cells would be possible
-    overflow: visible !important;
-
-    // Remove transformations that center the content vertically in order to make cell borders fit
-    >div {
-      top: 0 !important;
-      transform: none !important;
-    }
-  }
-
-  .icon {
-    padding-left: 0px;
-    background: inherit;
-  }
-
-  .components-editor-container {
-    margin-top: 1px;
-  }
-
-  .components-cell-editor {
-    height: 100%;
-  }
-}
-
-.components-table.striped-rows {
-  .react-grid-Row--even .react-grid-Cell {
-    background-color: $buic-background-striped_row;
-  }
-}
-
-.components-table.row-selection {
-  .react-grid-Row .react-grid-Cell.row-selected {
-    background: $buic-row-selection;
-  }
-
-  .react-grid-Row:hover .react-grid-Cell {
-    background: $buic-row-hover;
-  }
-}
-
-.components-table.cell-selection {
-  .react-grid-Row:hover .react-grid-Cell {
-    background: transparent;
-  }
-
-  .react-grid-Cell:hover .components-table-cell {
-    background: $buic-row-hover;
-  }
-}
-
-.components-table.hide-header {
-  .react-grid-Viewport {
-    height: 100% !important;
-    top: 0 !important;
-  }
-
-  .react-grid-Cell {
-    border-right: none;
-    border-bottom: none;
-  }
-
-  .react-grid-Header {
-    display: none;
-  }
-}
-
-.components-table-header-drag-drop .react-grid-HeaderCell {
-  height: 100%;
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "~@itwin/core-react/lib/cjs/core-react/style/themecolors";
+@import "~@itwin/core-react/lib/cjs/core-react/scrollbar";
+@import "~@itwin/itwinui-css/scss/style/typography";
+
+.components-table {
+  height: 100%;
+  width: 100%;
+  user-select: none;
+  color: $buic-foreground-body;
+  background-color: $buic-background-control;
+
+  .rdg-selected {
+    border: none !important;
+    background-color: transparent !important;
+  }
+
+  .rdg-selected-range {
+    border: none !important;
+    background-color: transparent !important;
+  }
+
+  // Appears when columns get reordered
+  .rdg-last--frozen {
+    box-shadow: none !important;
+  }
+
+  .react-grid-Canvas {
+    height: 100% !important;
+
+    @include uicore-touch-scrolling;
+    @include uicore-scrollbar();
+  }
+
+  .react-grid-Container,
+  .react-grid-Grid,
+  .react-grid-Main {
+    min-height: 100% !important;
+    height: 100% !important;
+  }
+
+  .react-grid-Container,
+  .react-grid-Canvas {
+    width: 100% !important;
+  }
+
+  .react-grid-Main,
+  .react-grid-Grid,
+  .react-grid-Viewport,
+  .react-grid-Canvas,
+  .react-grid-Row {
+    border: none;
+    background: transparent;
+    outline: none;
+    font-size: $iui-font-size;
+  }
+
+  .react-grid-Row {
+    width: fit-content;
+  }
+
+  .react-grid-Cell {
+    padding-left: 0px;
+    padding-right: 0px;
+    border: none;
+    color: $buic-foreground-body;
+    background: transparent;
+
+    &:focus {
+      outline: none !important;
+    }
+  }
+
+  .react-grid-Cell--locked:last-of-type {
+    border: none;
+    box-sizing: border-box;
+  }
+
+  .react-grid-Header {
+    background: $buic-background-table-header;
+    box-shadow: none;
+  }
+
+  .react-grid-HeaderCell {
+    padding: 4px 0 4px 8px;
+    box-sizing: border-box;
+    background: $buic-background-table-header;
+    font-size: $iui-font-size;
+    border: none;
+  }
+
+  .react-grid-HeaderCell__draggable {
+    background: $buic-background-table-header;
+    width: 8px !important;
+  }
+
+  .react-grid-HeaderCell__draggable::after {
+    content: '\2807';
+    font-size: 16px;
+    font-weight: normal;
+    color: $buic-foreground-muted;
+    position: relative;
+    display: block;
+    top: calc(50% - 12px);
+    left: calc(50% - 1px);
+    pointer-events: none;
+  }
+
+  /* TODO: Is property-name-cell old? */
+  .property-name-cell {
+    span {
+      height: 100%;
+      display: inline-block;
+      vertical-align: text-bottom;
+      padding: 0 0 2px 6px;
+    }
+
+    be-svg-icon {
+      width: 24px;
+      height: 16px;
+      margin-top: 4px;
+    }
+  }
+
+  .react-grid-HeaderCell--locked {
+    z-index: 3;
+  }
+
+  .react-grid-Cell__value {
+    // Enable the possibility to overflow the cell, so that merging of the cells would be possible
+    overflow: visible !important;
+
+    // Remove transformations that center the content vertically in order to make cell borders fit
+    >div {
+      top: 0 !important;
+      transform: none !important;
+    }
+  }
+
+  .icon {
+    padding-left: 0px;
+    background: inherit;
+  }
+
+  .components-editor-container {
+    margin-top: 1px;
+  }
+
+  .components-cell-editor {
+    height: 100%;
+  }
+}
+
+.components-table.striped-rows {
+  .react-grid-Row--even .react-grid-Cell {
+    background-color: $buic-background-striped_row;
+  }
+}
+
+.components-table.row-selection {
+  .react-grid-Row .react-grid-Cell.row-selected {
+    background: $buic-row-selection;
+  }
+
+  .react-grid-Row:hover .react-grid-Cell {
+    background: $buic-row-hover;
+  }
+}
+
+.components-table.cell-selection {
+  .react-grid-Row:hover .react-grid-Cell {
+    background: transparent;
+  }
+
+  .react-grid-Cell:hover .components-table-cell {
+    background: $buic-row-hover;
+  }
+}
+
+.components-table.hide-header {
+  .react-grid-Viewport {
+    height: 100% !important;
+    top: 0 !important;
+  }
+
+  .react-grid-Cell {
+    border-right: none;
+    border-bottom: none;
+  }
+
+  .react-grid-Header {
+    display: none;
+  }
+}
+
+.components-table-header-drag-drop .react-grid-HeaderCell {
+  height: 100%;
 }

package/lib/cjs/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
- * @public
+ * @public @deprecated
  */
 export interface TableCellProps extends CommonProps {
     /** Additional class name for the cell container */
@@ -29,14 +29,14 @@ export interface TableCellProps extends CommonProps {
 }
 /**
  * A React component that renders a table cell
- * @public
+ * @public @deprecated
  */
 export declare class TableCell extends React.PureComponent<TableCellProps> {
     /** @internal */
     render(): JSX.Element;
 }
 /** Properties of the [[TableCellContent]] React component
- * @public
+ * @public @deprecated
  */
 export interface TableCellContentProps extends CommonProps {
     /** Indicates, whether container cell is selected or not */
@@ -51,14 +51,14 @@ export interface TableCellContentProps extends CommonProps {
     propertyValueRendererManager: PropertyValueRendererManager;
 }
 /** State of the [[TableCellContent]] React component
- * @internal
+ * @internal @deprecated
  */
 interface TableCellContentState {
     /** Rendered content */
     content: React.ReactNode;
 }
 /** A React component that renders table cell content
- * @public
+ * @public @deprecated
  */
 export declare class TableCellContent extends React.PureComponent<TableCellContentProps, TableCellContentState> {
     /** @internal */

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

@@ -1 +1 @@
-{"version":3,"file":"TableCell.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/table/component/TableCell.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,kBAAkB,CAAC;AAE1B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAQ,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAmB,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AAEtF,OAAO,EACkB,mBAAmB,EAAgC,4BAA4B,EACvG,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD;;;GAGG;AACH,MAAM,WAAW,cAAe,SAAQ,WAAW;IACjD,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kCAAkC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,mBAAmB;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,2BAA2B;IAC3B,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACxC,+BAA+B;IAC/B,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC5C,+BAA+B;IAC/B,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC5C,0GAA0G;IAC1G,gBAAgB,CAAC,EAAE,IAAI,CAAC,oBAAoB,EAAE,OAAO,CAAC,CAAC;CACxD;AAED;;;GAGG;AACH,qBAAa,SAAU,SAAQ,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC;IAChE,gBAAgB;IACA,MAAM;CA8BvB;AAED;;GAEG;AACH,MAAM,WAAW,qBAAsB,SAAQ,WAAW;IACxD,2DAA2D;IAC3D,UAAU,EAAE,OAAO,CAAC;IACpB,+CAA+C;IAC/C,QAAQ,EAAE,QAAQ,CAAC;IACnB,8BAA8B;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mCAAmC;IACnC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACpD,sCAAsC;IACtC,4BAA4B,EAAE,4BAA4B,CAAC;CAC5D;AAED;;GAEG;AACH,UAAU,qBAAqB;IAC7B,uBAAuB;IACvB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED;;GAEG;AACH,qBAAa,gBAAiB,SAAQ,KAAK,CAAC,aAAa,CAAC,qBAAqB,EAAE,qBAAqB,CAAC;IACrG,gBAAgB;IAChB,SAAyB,KAAK,EAAE,qBAAqB,CAEnD;IAEF,OAAO,CAAC,UAAU,CAAS;IAE3B,OAAO,CAAC,QAAQ;YAUF,aAAa;IAkB3B,OAAO,CAAC,aAAa;IAOrB,gBAAgB;IACM,iBAAiB;IASvC,gBAAgB;IACA,oBAAoB;IAIpC,gBAAgB;IACM,kBAAkB,CAAC,SAAS,EAAE,qBAAqB;IASzE,gBAAgB;IACA,MAAM;CAGvB;AAED;;GAEG;AACH,MAAM,WAAW,yBAAyB;IACxC,gBAAgB;IAChB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED;;;GAGG;AACH,qBAAa,oBAAqB,SAAQ,KAAK,CAAC,aAAa,CAAC,yBAAyB,CAAC;IACtF,gBAAgB;IACA,MAAM;CAGvB"}
+{"version":3,"file":"TableCell.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/table/component/TableCell.tsx"],"names":[],"mappings":"AAKA;;GAEG;AAEH,OAAO,kBAAkB,CAAC;AAE1B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAQ,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAmB,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AAEtF,OAAO,EACkB,mBAAmB,EAAgC,4BAA4B,EACvG,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD;;;GAGG;AACH,MAAM,WAAW,cAAe,SAAQ,WAAW;IACjD,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kCAAkC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,mBAAmB;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,2BAA2B;IAC3B,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACxC,+BAA+B;IAC/B,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC5C,+BAA+B;IAC/B,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC5C,0GAA0G;IAC1G,gBAAgB,CAAC,EAAE,IAAI,CAAC,oBAAoB,EAAE,OAAO,CAAC,CAAC;CACxD;AAED;;;GAGG;AACH,qBAAa,SAAU,SAAQ,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC;IAChE,gBAAgB;IACA,MAAM;CA8BvB;AAED;;GAEG;AACH,MAAM,WAAW,qBAAsB,SAAQ,WAAW;IACxD,2DAA2D;IAC3D,UAAU,EAAE,OAAO,CAAC;IACpB,+CAA+C;IAC/C,QAAQ,EAAE,QAAQ,CAAC;IACnB,8BAA8B;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mCAAmC;IACnC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACpD,sCAAsC;IACtC,4BAA4B,EAAE,4BAA4B,CAAC;CAC5D;AAED;;GAEG;AACH,UAAU,qBAAqB;IAC7B,uBAAuB;IACvB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED;;GAEG;AACH,qBAAa,gBAAiB,SAAQ,KAAK,CAAC,aAAa,CAAC,qBAAqB,EAAE,qBAAqB,CAAC;IACrG,gBAAgB;IAChB,SAAyB,KAAK,EAAE,qBAAqB,CAEnD;IAEF,OAAO,CAAC,UAAU,CAAS;IAE3B,OAAO,CAAC,QAAQ;YAUF,aAAa;IAkB3B,OAAO,CAAC,aAAa;IAOrB,gBAAgB;IACM,iBAAiB;IASvC,gBAAgB;IACA,oBAAoB;IAIpC,gBAAgB;IACM,kBAAkB,CAAC,SAAS,EAAE,qBAAqB;IASzE,gBAAgB;IACA,MAAM;CAGvB;AAED;;GAEG;AACH,MAAM,WAAW,yBAAyB;IACxC,gBAAgB;IAChB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED;;;GAGG;AACH,qBAAa,oBAAqB,SAAQ,KAAK,CAAC,aAAa,CAAC,yBAAyB,CAAC;IACtF,gBAAgB;IACA,MAAM;CAGvB"}

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

@@ -3,6 +3,7 @@
 * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/
+/* eslint-disable deprecation/deprecation */
 /** @packageDocumentation
  * @module Table
  */
@@ -39,7 +40,7 @@ const ItemStyle_1 = require("../../properties/ItemStyle");
 const ValueRendererManager_1 = require("../../properties/ValueRendererManager");
 /**
  * A React component that renders a table cell
- * @public
+ * @public @deprecated
  */
 class TableCell extends React.PureComponent {
     /** @internal */
@@ -53,7 +54,7 @@ class TableCell extends React.PureComponent {
 }
 exports.TableCell = TableCell;
 /** A React component that renders table cell content
- * @public
+ * @public @deprecated
  */
 class TableCellContent extends React.PureComponent {
     constructor() {

package/lib/cjs/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":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Table\n */\n\nimport \"./TableCell.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { CommonProps, Icon, Omit } from \"@itwin/core-react\";\nimport { EditorContainer, EditorContainerProps } from \"../../editors/EditorContainer\";\nimport { ItemStyleProvider } from \"../../properties/ItemStyle\";\nimport {\n  PropertyContainerType, PropertyDialogState, PropertyValueRendererContext, PropertyValueRendererManager,\n} from \"../../properties/ValueRendererManager\";\nimport { CellItem } from \"../TableDataProvider\";\n\n/**\n * Properties of the [[TableCell]] React component\n * @public\n */\nexport interface TableCellProps extends CommonProps {\n  /** Additional class name for the cell container */\n  className?: string;\n  /** Title of the cell container */\n  title: string;\n  /** Cell content */\n  children?: React.ReactNode;\n  /** Click event callback */\n  onClick?: (e: React.MouseEvent) => void;\n  /** MouseMove event callback */\n  onMouseMove?: (e: React.MouseEvent) => void;\n  /** MouseDown event callback */\n  onMouseDown?: (e: React.MouseEvent) => void;\n  /** Properties for [[EditorContainer]]. Activates cell editing and provides properties to the container */\n  cellEditingProps?: Omit<EditorContainerProps, \"title\">;\n}\n\n/**\n * A React component that renders a table cell\n * @public\n */\nexport class TableCell extends React.PureComponent<TableCellProps> {\n  /** @internal */\n  public override render() {\n\n    if (this.props.cellEditingProps) {\n      return (\n        <div\n          className={classnames(\"components-table-cell\", this.props.className)}\n          style={this.props.style}\n        >\n          <EditorContainer\n            title={this.props.title}\n            {...this.props.cellEditingProps}\n          />\n        </div>\n      );\n    }\n\n    return (\n      <div\n        className={classnames(\"components-table-cell\", this.props.className)}\n        style={this.props.style}\n        title={this.props.title}\n        onClick={this.props.onClick}\n        onMouseMove={this.props.onMouseMove}\n        onMouseDown={this.props.onMouseDown}\n        role=\"presentation\"\n      >\n        {this.props.children}\n      </div>\n    );\n  }\n}\n\n/** Properties of the [[TableCellContent]] React component\n * @public\n */\nexport interface TableCellContentProps extends CommonProps {\n  /** Indicates, whether container cell is selected or not */\n  isSelected: boolean;\n  /** Props for the item that will be rendered */\n  cellItem: CellItem;\n  /** Height of the component */\n  height?: number;\n  /** Callback to DialogOpen event */\n  onDialogOpen?: (state: PropertyDialogState) => void;\n  /** Property value renderer manager */\n  propertyValueRendererManager: PropertyValueRendererManager;\n}\n\n/** State of the [[TableCellContent]] React component\n * @internal\n */\ninterface TableCellContentState {\n  /** Rendered content */\n  content: React.ReactNode;\n}\n\n/** A React component that renders table cell content\n * @public\n */\nexport class TableCellContent extends React.PureComponent<TableCellContentProps, TableCellContentState> {\n  /** @internal */\n  public override readonly state: TableCellContentState = {\n    content: <div className={this.props.className} style={this.getStyle(this.props.cellItem, this.props.isSelected, this.props.height)} />,\n  };\n\n  private _isMounted = false;\n\n  private getStyle(cellItem: CellItem, isSelected: boolean, height?: number): React.CSSProperties {\n    return {\n      ...ItemStyleProvider.createStyle(cellItem.style ? cellItem.style : {}, isSelected),\n      textAlign: cellItem.alignment,\n      height,\n      lineHeight: `${height}px`, // Centers text vertically\n      ...this.props.style,\n    };\n  }\n\n  private async renderContent(props: TableCellContentProps) {\n    const style = this.getStyle(props.cellItem, props.isSelected, props.height);\n\n    if (!props.cellItem.record)\n      return <div className={this.props.className} style={style} />;\n\n    const rendererContext: PropertyValueRendererContext = {\n      containerType: PropertyContainerType.Table,\n      onDialogOpen: this.props.onDialogOpen,\n      style,\n      // TODO: Enable, when table gets refactored. Explanation in ./../table/NonPrimitiveValueRenderer\n      // onPopupShow: this._onPopupShow,\n      // onPopupHide: this._onPopupHide,\n    };\n\n    return this.props.propertyValueRendererManager.render(props.cellItem.record, rendererContext);\n  }\n\n  private doPropsDiffer(props1: TableCellContentProps, props2: TableCellContentProps) {\n    return props1.cellItem !== props2.cellItem\n      || props1.isSelected !== props2.isSelected\n      || props1.onDialogOpen !== props2.onDialogOpen\n      || props1.propertyValueRendererManager !== props2.propertyValueRendererManager;\n  }\n\n  /** @internal */\n  public override async componentDidMount() {\n    this._isMounted = true;\n    const content = await this.renderContent(this.props);\n\n    // istanbul ignore else\n    if (this._isMounted)\n      this.setState({ content });\n  }\n\n  /** @internal */\n  public override componentWillUnmount() {\n    this._isMounted = false;\n  }\n\n  /** @internal */\n  public override async componentDidUpdate(prevProps: TableCellContentProps) {\n    if (this.doPropsDiffer(prevProps, this.props)) {\n      const content = await this.renderContent(this.props);\n\n      if (this._isMounted)\n        this.setState({ content });\n    }\n  }\n\n  /** @internal */\n  public override render() {\n    return this.state.content;\n  }\n}\n\n/** Properties for the [[TableIconCellContent]] React component\n * @public\n */\nexport interface TableIconCellContentProps {\n  /** Icon name */\n  iconName: string;\n}\n\n/**\n * A React component that renders table cell content as a Bentley icon\n * @public\n */\nexport class TableIconCellContent extends React.PureComponent<TableIconCellContentProps> {\n  /** @internal */\n  public override render() {\n    return <Icon iconSpec={this.props.iconName} />;\n  }\n}\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 * @public @deprecated\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 * @public @deprecated\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 * @public @deprecated\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 * @public @deprecated\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 * @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 * @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/cjs/components-react/table/component/TableCell.scss

@@ -1,49 +1,49 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "~@itwin/core-react/lib/cjs/core-react/style/themecolors";
-
-.components-table-cell {
-  user-select: none;
-  display: flex;
-  align-items: center;
-  color: $buic-foreground-body;
-  padding: 1px;
-  box-sizing: border-box;
-  overflow: hidden;
-
-  @mixin define-border($edge) {
-    &.border-#{$edge} {
-      border-#{$edge}: 1px solid $buic-foreground-primary;
-      padding-#{$edge}: 0;
-    }
-  }
-
-  @include define-border("top");
-  @include define-border("right");
-  @include define-border("bottom");
-  @include define-border("left");
-
-  &.is-selected {
-    background-color: $buic-row-selection;
-  }
-
-  &.is-keyboard-editable {
-    background-color: $buic-background-editable;
-  }
-
-  &:focus {
-    outline: none;
-  }
-
-  >* {
-    padding-left: 8px;
-    height: 100%;
-    width: calc(100% - 8px);
-  }
-
-  >span:empty:before {
-    content: "\200b"; // unicode zero width space character
-  }
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "~@itwin/core-react/lib/cjs/core-react/style/themecolors";
+
+.components-table-cell {
+  user-select: none;
+  display: flex;
+  align-items: center;
+  color: $buic-foreground-body;
+  padding: 1px;
+  box-sizing: border-box;
+  overflow: hidden;
+
+  @mixin define-border($edge) {
+    &.border-#{$edge} {
+      border-#{$edge}: 1px solid $buic-foreground-primary;
+      padding-#{$edge}: 0;
+    }
+  }
+
+  @include define-border("top");
+  @include define-border("right");
+  @include define-border("bottom");
+  @include define-border("left");
+
+  &.is-selected {
+    background-color: $buic-row-selection;
+  }
+
+  &.is-keyboard-editable {
+    background-color: $buic-background-editable;
+  }
+
+  &:focus {
+    outline: none;
+  }
+
+  >* {
+    padding-left: 8px;
+    height: 100%;
+    width: calc(100% - 8px);
+  }
+
+  >span:empty:before {
+    content: "\200b"; // unicode zero width space character
+  }
 }

package/lib/cjs/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
- * @public
+ * @public @deprecated
  */
 export interface ReactDataGridColumn extends ReactDataGrid.Column<any> {
     /** Indicates whether the display value for the cell is treated as an icon spec. */

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

@@ -1 +1 @@
-{"version":3,"file":"TableColumn.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/table/component/TableColumn.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,uBAAuB,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAChH,OAAO,EAAE,oBAAoB,EAAE,MAAM,yCAAyC,CAAC;AAC/E,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAI5E;;GAEG;AACH,MAAM,WAAW,mBAAoB,SAAQ,aAAa,CAAC,MAAM,CAAC,GAAG,CAAC;IACpE,mFAAmF;IACnF,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;CACrC;AAED;;GAEG;AACH,qBAAa,WAAY,SAAQ,oBAAoB;aAEiD,mBAAmB,EAAE,mBAAmB;gBAAhI,eAAe,EAAE,eAAe,EAAE,iBAAiB,EAAE,iBAAiB,EAAkB,mBAAmB,EAAE,mBAAmB;IAI5I,IAAW,GAAG,IAAI,MAAM,CAAiC;IAElD,YAAY,CAAC,EAAE,iBAAiB,CAAC;IAEjC,uBAAuB,CAAC,EAAE,uBAAuB,CAAC;IAEzD;;OAEG;IACU,iBAAiB,CAAC,iBAAiB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,uBAAuB,CAAC;CAK7F"}
+{"version":3,"file":"TableColumn.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/table/component/TableColumn.tsx"],"names":[],"mappings":"AAKA;;GAEG;AAEH,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,uBAAuB,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAChH,OAAO,EAAE,oBAAoB,EAAE,MAAM,yCAAyC,CAAC;AAC/E,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAI5E;;GAEG;AACH,MAAM,WAAW,mBAAoB,SAAQ,aAAa,CAAC,MAAM,CAAC,GAAG,CAAC;IACpE,mFAAmF;IACnF,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;CACrC;AAED;;GAEG;AACH,qBAAa,WAAY,SAAQ,oBAAoB;aAEiD,mBAAmB,EAAE,mBAAmB;gBAAhI,eAAe,EAAE,eAAe,EAAE,iBAAiB,EAAE,iBAAiB,EAAkB,mBAAmB,EAAE,mBAAmB;IAI5I,IAAW,GAAG,IAAI,MAAM,CAAiC;IAElD,YAAY,CAAC,EAAE,iBAAiB,CAAC;IAEjC,uBAAuB,CAAC,EAAE,uBAAuB,CAAC;IAEzD;;OAEG;IACU,iBAAiB,CAAC,iBAAiB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,uBAAuB,CAAC;CAK7F"}

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

@@ -3,6 +3,7 @@
 * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/
+/* eslint-disable deprecation/deprecation */
 /** @packageDocumentation
  * @module Table
  */