@itwin/components-react 3.5.0-dev.11 → 3.5.0-dev.13

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

@@ -1,95 +1,95 @@
-/** @packageDocumentation
- * @module Table
- */
-import "./TableCell.scss";
-import * as React from "react";
-import { CommonProps, Omit } from "@itwin/core-react";
-import { EditorContainerProps } from "../../editors/EditorContainer";
-import { PropertyDialogState, PropertyValueRendererManager } from "../../properties/ValueRendererManager";
-import { CellItem } from "../TableDataProvider";
-/**
- * Properties of the [[TableCell]] React component
- * @public @deprecated
- */
-export interface TableCellProps extends CommonProps {
-    /** Additional class name for the cell container */
-    className?: string;
-    /** Title of the cell container */
-    title: string;
-    /** Cell content */
-    children?: React.ReactNode;
-    /** Click event callback */
-    onClick?: (e: React.MouseEvent) => void;
-    /** MouseMove event callback */
-    onMouseMove?: (e: React.MouseEvent) => void;
-    /** MouseDown event callback */
-    onMouseDown?: (e: React.MouseEvent) => void;
-    /** Properties for [[EditorContainer]]. Activates cell editing and provides properties to the container */
-    cellEditingProps?: Omit<EditorContainerProps, "title">;
-}
-/**
- * A React component that renders a table cell
- * @public @deprecated
- */
-export declare class TableCell extends React.PureComponent<TableCellProps> {
-    /** @internal */
-    render(): JSX.Element;
-}
-/** Properties of the [[TableCellContent]] React component
- * @public @deprecated
- */
-export interface TableCellContentProps extends CommonProps {
-    /** Indicates, whether container cell is selected or not */
-    isSelected: boolean;
-    /** Props for the item that will be rendered */
-    cellItem: CellItem;
-    /** Height of the component */
-    height?: number;
-    /** Callback to DialogOpen event */
-    onDialogOpen?: (state: PropertyDialogState) => void;
-    /** Property value renderer manager */
-    propertyValueRendererManager: PropertyValueRendererManager;
-}
-/** State of the [[TableCellContent]] React component
- * @internal @deprecated
- */
-interface TableCellContentState {
-    /** Rendered content */
-    content: React.ReactNode;
-}
-/** A React component that renders table cell content
- * @public @deprecated
- */
-export declare class TableCellContent extends React.PureComponent<TableCellContentProps, TableCellContentState> {
-    /** @internal */
-    readonly state: TableCellContentState;
-    private _isMounted;
-    private getStyle;
-    private renderContent;
-    private doPropsDiffer;
-    /** @internal */
-    componentDidMount(): Promise<void>;
-    /** @internal */
-    componentWillUnmount(): void;
-    /** @internal */
-    componentDidUpdate(prevProps: TableCellContentProps): Promise<void>;
-    /** @internal */
-    render(): React.ReactNode;
-}
-/** Properties for the [[TableIconCellContent]] React component
- * @public
- */
-export interface TableIconCellContentProps {
-    /** Icon name */
-    iconName: string;
-}
-/**
- * A React component that renders table cell content as a Bentley icon
- * @public
- */
-export declare class TableIconCellContent extends React.PureComponent<TableIconCellContentProps> {
-    /** @internal */
-    render(): JSX.Element;
-}
-export {};
+/** @packageDocumentation
+ * @module Table
+ */
+import "./TableCell.scss";
+import * as React from "react";
+import { CommonProps, Omit } from "@itwin/core-react";
+import { EditorContainerProps } from "../../editors/EditorContainer";
+import { PropertyDialogState, PropertyValueRendererManager } from "../../properties/ValueRendererManager";
+import { CellItem } from "../TableDataProvider";
+/**
+ * Properties of the [[TableCell]] React component
+ * @public @deprecated
+ */
+export interface TableCellProps extends CommonProps {
+    /** Additional class name for the cell container */
+    className?: string;
+    /** Title of the cell container */
+    title: string;
+    /** Cell content */
+    children?: React.ReactNode;
+    /** Click event callback */
+    onClick?: (e: React.MouseEvent) => void;
+    /** MouseMove event callback */
+    onMouseMove?: (e: React.MouseEvent) => void;
+    /** MouseDown event callback */
+    onMouseDown?: (e: React.MouseEvent) => void;
+    /** Properties for [[EditorContainer]]. Activates cell editing and provides properties to the container */
+    cellEditingProps?: Omit<EditorContainerProps, "title">;
+}
+/**
+ * A React component that renders a table cell
+ * @public @deprecated
+ */
+export declare class TableCell extends React.PureComponent<TableCellProps> {
+    /** @internal */
+    render(): JSX.Element;
+}
+/** Properties of the [[TableCellContent]] React component
+ * @public @deprecated
+ */
+export interface TableCellContentProps extends CommonProps {
+    /** Indicates, whether container cell is selected or not */
+    isSelected: boolean;
+    /** Props for the item that will be rendered */
+    cellItem: CellItem;
+    /** Height of the component */
+    height?: number;
+    /** Callback to DialogOpen event */
+    onDialogOpen?: (state: PropertyDialogState) => void;
+    /** Property value renderer manager */
+    propertyValueRendererManager: PropertyValueRendererManager;
+}
+/** State of the [[TableCellContent]] React component
+ * @internal @deprecated
+ */
+interface TableCellContentState {
+    /** Rendered content */
+    content: React.ReactNode;
+}
+/** A React component that renders table cell content
+ * @public @deprecated
+ */
+export declare class TableCellContent extends React.PureComponent<TableCellContentProps, TableCellContentState> {
+    /** @internal */
+    readonly state: TableCellContentState;
+    private _isMounted;
+    private getStyle;
+    private renderContent;
+    private doPropsDiffer;
+    /** @internal */
+    componentDidMount(): Promise<void>;
+    /** @internal */
+    componentWillUnmount(): void;
+    /** @internal */
+    componentDidUpdate(prevProps: TableCellContentProps): Promise<void>;
+    /** @internal */
+    render(): React.ReactNode;
+}
+/** Properties for the [[TableIconCellContent]] React component
+ * @public
+ */
+export interface TableIconCellContentProps {
+    /** Icon name */
+    iconName: string;
+}
+/**
+ * A React component that renders table cell content as a Bentley icon
+ * @public
+ */
+export declare class TableIconCellContent extends React.PureComponent<TableIconCellContentProps> {
+    /** @internal */
+    render(): JSX.Element;
+}
+export {};
 //# sourceMappingURL=TableCell.d.ts.map