@itwin/components-react 4.0.0-dev.12 → 4.0.0-dev.14

package/lib/esm/components-react/propertygrid/component/PropertyGridEventsRelatedPropsSupplier.js

@@ -1,99 +1,99 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module PropertyGrid
- */
-import "./PropertyGrid.scss";
-import * as React from "react";
-import { PropertyValueFormat } from "@itwin/appui-abstract";
-/** PropertyGridEventsRelatedPropsSupplier React component.
- * @internal
- */
-export class PropertyGridEventsRelatedPropsSupplier extends React.Component {
-    /** @internal */
-    constructor(props) {
-        super(props);
-        this._onPropertyRightClicked = (property, key) => {
-            // istanbul ignore else
-            if (this._isRightClickSupported())
-                this.onEnabledPropertyRightClicked(property, key);
-        };
-        this._onPropertyClicked = (property, key) => {
-            // istanbul ignore else
-            if (this._isClickSupported())
-                this.onEnabledPropertyLeftClicked(property, key);
-        };
-        this._onPropertyContextMenu = (property, e) => {
-            if (this.props.onPropertyContextMenu) {
-                this.props.onPropertyContextMenu({ propertyRecord: property, event: e });
-            }
-        };
-        this._onEditCommit = async (args, category) => {
-            // istanbul ignore else
-            if (this.props.onPropertyUpdated) {
-                await this.props.onPropertyUpdated(args, category);
-                this.setState({ editingPropertyKey: undefined });
-            }
-        };
-        this._onEditCancel = () => {
-            this.setState({ editingPropertyKey: undefined });
-        };
-        this.state = {};
-    }
-    _isClickSupported() {
-        return this.props.isPropertySelectionEnabled || this.props.isPropertyEditingEnabled;
-    }
-    _isRightClickSupported() {
-        return this.props.isPropertySelectionOnRightClickEnabled;
-    }
-    onEnabledPropertyRightClicked(property, key) {
-        let selectedPropertyKey = this.state.selectedPropertyKey;
-        let editingPropertyKey = this.state.editingPropertyKey;
-        editingPropertyKey = undefined;
-        if (selectedPropertyKey !== key)
-            selectedPropertyKey = key;
-        if (this.props.onPropertySelectionChanged)
-            this.props.onPropertySelectionChanged(property);
-        this.setState({ selectedPropertyKey, editingPropertyKey });
-    }
-    onEnabledPropertyLeftClicked(property, key) {
-        let selectedPropertyKey = this.state.selectedPropertyKey;
-        let editingPropertyKey = this.state.editingPropertyKey;
-        const isValuePrimitive = property.value.valueFormat === PropertyValueFormat.Primitive;
-        const isEditingEnabled = this.props.isPropertyEditingEnabled;
-        const isSelectionEnabled = this.props.isPropertySelectionEnabled;
-        if (isEditingEnabled && isValuePrimitive) {
-            // Deselect editing key only if another selection was made
-            editingPropertyKey = isSelectionEnabled && selectedPropertyKey !== key ? undefined : key;
-        }
-        if (editingPropertyKey === key) {
-            this.setState({ editingPropertyKey });
-            return;
-        }
-        // Select/Deselect
-        selectedPropertyKey = selectedPropertyKey !== key ? key : undefined;
-        if (this.props.onPropertySelectionChanged)
-            this.props.onPropertySelectionChanged(property);
-        this.setState({ selectedPropertyKey, editingPropertyKey });
-    }
-    /** @internal */
-    render() {
-        const renderContext = {
-            isPropertyHoverEnabled: this.props.isPropertyHoverEnabled,
-            isPropertySelectionEnabled: this.props.isPropertySelectionEnabled,
-            isPropertySelectionOnRightClickEnabled: this.props.isPropertySelectionOnRightClickEnabled,
-            isPropertyEditingEnabled: this.props.isPropertyEditingEnabled,
-            selectedPropertyKey: this.state.selectedPropertyKey,
-            editingPropertyKey: this.state.editingPropertyKey,
-            onEditCommit: this._onEditCommit,
-            onEditCancel: this._onEditCancel,
-            onPropertyClicked: this._isClickSupported() ? this._onPropertyClicked : undefined,
-            onPropertyRightClicked: this._isRightClickSupported() ? this._onPropertyRightClicked : undefined,
-            onPropertyContextMenu: this._onPropertyContextMenu,
-        };
-        return (React.createElement(React.Fragment, null, this.props.children(renderContext)));
-    }
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module PropertyGrid
+ */
+import "./PropertyGrid.scss";
+import * as React from "react";
+import { PropertyValueFormat } from "@itwin/appui-abstract";
+/** PropertyGridEventsRelatedPropsSupplier React component.
+ * @internal
+ */
+export class PropertyGridEventsRelatedPropsSupplier extends React.Component {
+    /** @internal */
+    constructor(props) {
+        super(props);
+        this._onPropertyRightClicked = (property, key) => {
+            // istanbul ignore else
+            if (this._isRightClickSupported())
+                this.onEnabledPropertyRightClicked(property, key);
+        };
+        this._onPropertyClicked = (property, key) => {
+            // istanbul ignore else
+            if (this._isClickSupported())
+                this.onEnabledPropertyLeftClicked(property, key);
+        };
+        this._onPropertyContextMenu = (property, e) => {
+            if (this.props.onPropertyContextMenu) {
+                this.props.onPropertyContextMenu({ propertyRecord: property, event: e });
+            }
+        };
+        this._onEditCommit = async (args, category) => {
+            // istanbul ignore else
+            if (this.props.onPropertyUpdated) {
+                await this.props.onPropertyUpdated(args, category);
+                this.setState({ editingPropertyKey: undefined });
+            }
+        };
+        this._onEditCancel = () => {
+            this.setState({ editingPropertyKey: undefined });
+        };
+        this.state = {};
+    }
+    _isClickSupported() {
+        return this.props.isPropertySelectionEnabled || this.props.isPropertyEditingEnabled;
+    }
+    _isRightClickSupported() {
+        return this.props.isPropertySelectionOnRightClickEnabled;
+    }
+    onEnabledPropertyRightClicked(property, key) {
+        let selectedPropertyKey = this.state.selectedPropertyKey;
+        let editingPropertyKey = this.state.editingPropertyKey;
+        editingPropertyKey = undefined;
+        if (selectedPropertyKey !== key)
+            selectedPropertyKey = key;
+        if (this.props.onPropertySelectionChanged)
+            this.props.onPropertySelectionChanged(property);
+        this.setState({ selectedPropertyKey, editingPropertyKey });
+    }
+    onEnabledPropertyLeftClicked(property, key) {
+        let selectedPropertyKey = this.state.selectedPropertyKey;
+        let editingPropertyKey = this.state.editingPropertyKey;
+        const isValuePrimitive = property.value.valueFormat === PropertyValueFormat.Primitive;
+        const isEditingEnabled = this.props.isPropertyEditingEnabled;
+        const isSelectionEnabled = this.props.isPropertySelectionEnabled;
+        if (isEditingEnabled && isValuePrimitive) {
+            // Deselect editing key only if another selection was made
+            editingPropertyKey = isSelectionEnabled && selectedPropertyKey !== key ? undefined : key;
+        }
+        if (editingPropertyKey === key) {
+            this.setState({ editingPropertyKey });
+            return;
+        }
+        // Select/Deselect
+        selectedPropertyKey = selectedPropertyKey !== key ? key : undefined;
+        if (this.props.onPropertySelectionChanged)
+            this.props.onPropertySelectionChanged(property);
+        this.setState({ selectedPropertyKey, editingPropertyKey });
+    }
+    /** @internal */
+    render() {
+        const renderContext = {
+            isPropertyHoverEnabled: this.props.isPropertyHoverEnabled,
+            isPropertySelectionEnabled: this.props.isPropertySelectionEnabled,
+            isPropertySelectionOnRightClickEnabled: this.props.isPropertySelectionOnRightClickEnabled,
+            isPropertyEditingEnabled: this.props.isPropertyEditingEnabled,
+            selectedPropertyKey: this.state.selectedPropertyKey,
+            editingPropertyKey: this.state.editingPropertyKey,
+            onEditCommit: this._onEditCommit,
+            onEditCancel: this._onEditCancel,
+            onPropertyClicked: this._isClickSupported() ? this._onPropertyClicked : undefined,
+            onPropertyRightClicked: this._isRightClickSupported() ? this._onPropertyRightClicked : undefined,
+            onPropertyContextMenu: this._onPropertyContextMenu,
+        };
+        return (React.createElement(React.Fragment, null, this.props.children(renderContext)));
+    }
+}
 //# sourceMappingURL=PropertyGridEventsRelatedPropsSupplier.js.map

package/lib/esm/components-react/propertygrid/component/PropertyList.d.ts

@@ -1,65 +1,65 @@
-/** @packageDocumentation
- * @module PropertyGrid
- */
-import * as React from "react";
-import { PropertyRecord } from "@itwin/appui-abstract";
-import { CommonProps, Orientation, RatioChangeResult } from "@itwin/core-react";
-import { PropertyUpdatedArgs } from "../../editors/EditorContainer";
-import { ActionButtonRenderer } from "../../properties/renderers/ActionButtonRenderer";
-import { PropertyGridColumnInfo } from "../../properties/renderers/PropertyGridColumns";
-import { PropertyValueRendererManager } from "../../properties/ValueRendererManager";
-import { PropertyCategory } from "../PropertyDataProvider";
-/** Properties of [[PropertyList]] React component
- * @public
- */
-export interface PropertyListProps extends CommonProps {
-    orientation: Orientation;
-    width: number;
-    category?: PropertyCategory;
-    properties: PropertyRecord[];
-    selectedPropertyKey?: string;
-    onPropertyClicked?: (property: PropertyRecord, key?: string) => void;
-    onPropertyRightClicked?: (property: PropertyRecord, key?: string) => void;
-    onPropertyContextMenu?: (property: PropertyRecord, e: React.MouseEvent) => void;
-    columnRatio?: number;
-    /** Callback to column ratio changed event */
-    onColumnChanged?: (ratio: number) => void | RatioChangeResult;
-    propertyValueRendererManager?: PropertyValueRendererManager;
-    editingPropertyKey?: string;
-    onEditCommit?: (args: PropertyUpdatedArgs, category: PropertyCategory) => void;
-    onEditCancel?: () => void;
-    /** Enables/disables property hovering effect */
-    isPropertyHoverEnabled?: boolean;
-    /** Enables/disables property selection */
-    isPropertySelectionEnabled?: boolean;
-    /** Enables/disables property right click selection */
-    isPropertyRightClickSelectionEnabled?: boolean;
-    /** Array of action button renderers */
-    actionButtonRenderers?: ActionButtonRenderer[];
-    /** Is resize handle hovered */
-    isResizeHandleHovered?: boolean;
-    /** Callback to hover event change */
-    onResizeHandleHoverChanged?: (isHovered: boolean) => void;
-    /** Is resize handle being dragged */
-    isResizeHandleBeingDragged?: boolean;
-    /** Callback to drag event change */
-    onResizeHandleDragChanged?: (isDragStarted: boolean) => void;
-    /** Information for styling property grid columns */
-    columnInfo?: PropertyGridColumnInfo;
-}
-/**
- * Get unique key for property record
- * @internal
- */
-export declare function getPropertyKey(propertyCategory: PropertyCategory, propertyRecord: PropertyRecord): string;
-/** A React component that renders multiple properties within a category as a list.
- * @public
- */
-export declare class PropertyList extends React.Component<PropertyListProps> {
-    constructor(props: PropertyListProps);
-    private _listRef;
-    private _onEditCommit;
-    /** @internal */
-    render(): JSX.Element;
-}
+/** @packageDocumentation
+ * @module PropertyGrid
+ */
+import * as React from "react";
+import { PropertyRecord } from "@itwin/appui-abstract";
+import { CommonProps, Orientation, RatioChangeResult } from "@itwin/core-react";
+import { PropertyUpdatedArgs } from "../../editors/EditorContainer";
+import { ActionButtonRenderer } from "../../properties/renderers/ActionButtonRenderer";
+import { PropertyGridColumnInfo } from "../../properties/renderers/PropertyGridColumns";
+import { PropertyValueRendererManager } from "../../properties/ValueRendererManager";
+import { PropertyCategory } from "../PropertyDataProvider";
+/** Properties of [[PropertyList]] React component
+ * @public
+ */
+export interface PropertyListProps extends CommonProps {
+    orientation: Orientation;
+    width: number;
+    category?: PropertyCategory;
+    properties: PropertyRecord[];
+    selectedPropertyKey?: string;
+    onPropertyClicked?: (property: PropertyRecord, key?: string) => void;
+    onPropertyRightClicked?: (property: PropertyRecord, key?: string) => void;
+    onPropertyContextMenu?: (property: PropertyRecord, e: React.MouseEvent) => void;
+    columnRatio?: number;
+    /** Callback to column ratio changed event */
+    onColumnChanged?: (ratio: number) => void | RatioChangeResult;
+    propertyValueRendererManager?: PropertyValueRendererManager;
+    editingPropertyKey?: string;
+    onEditCommit?: (args: PropertyUpdatedArgs, category: PropertyCategory) => void;
+    onEditCancel?: () => void;
+    /** Enables/disables property hovering effect */
+    isPropertyHoverEnabled?: boolean;
+    /** Enables/disables property selection */
+    isPropertySelectionEnabled?: boolean;
+    /** Enables/disables property right click selection */
+    isPropertyRightClickSelectionEnabled?: boolean;
+    /** Array of action button renderers */
+    actionButtonRenderers?: ActionButtonRenderer[];
+    /** Is resize handle hovered */
+    isResizeHandleHovered?: boolean;
+    /** Callback to hover event change */
+    onResizeHandleHoverChanged?: (isHovered: boolean) => void;
+    /** Is resize handle being dragged */
+    isResizeHandleBeingDragged?: boolean;
+    /** Callback to drag event change */
+    onResizeHandleDragChanged?: (isDragStarted: boolean) => void;
+    /** Information for styling property grid columns */
+    columnInfo?: PropertyGridColumnInfo;
+}
+/**
+ * Get unique key for property record
+ * @internal
+ */
+export declare function getPropertyKey(propertyCategory: PropertyCategory, propertyRecord: PropertyRecord): string;
+/** A React component that renders multiple properties within a category as a list.
+ * @public
+ */
+export declare class PropertyList extends React.Component<PropertyListProps> {
+    constructor(props: PropertyListProps);
+    private _listRef;
+    private _onEditCommit;
+    /** @internal */
+    render(): JSX.Element;
+}
 //# sourceMappingURL=PropertyList.d.ts.map

package/lib/esm/components-react/propertygrid/component/PropertyList.js

@@ -1,42 +1,42 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module PropertyGrid
- */
-import classnames from "classnames";
-import * as React from "react";
-import { PropertyValueFormat } from "@itwin/appui-abstract";
-import { Orientation } from "@itwin/core-react";
-import { PropertyRenderer } from "../../properties/renderers/PropertyRenderer";
-/**
- * Get unique key for property record
- * @internal
- */
-export function getPropertyKey(propertyCategory, propertyRecord) {
-    return propertyCategory.name + propertyRecord.property.name;
-}
-/** A React component that renders multiple properties within a category as a list.
- * @public
- */
-export class PropertyList extends React.Component {
-    constructor(props) {
-        super(props);
-        this._listRef = React.createRef();
-        this._onEditCommit = (args) => {
-            // istanbul ignore else
-            if (this.props.onEditCommit && this.props.category)
-                this.props.onEditCommit(args, this.props.category);
-        };
-    }
-    /** @internal */
-    render() {
-        const propertyListClassName = classnames((this.props.orientation === Orientation.Horizontal) ? "components-property-list--horizontal" : "components-property-list--vertical", this.props.className);
-        return (React.createElement("div", { className: propertyListClassName, style: this.props.style, ref: this._listRef }, this.props.properties.map((propertyRecord) => {
-            const key = this.props.category ? getPropertyKey(this.props.category, propertyRecord) : propertyRecord.property.name;
-            return (React.createElement(PropertyRenderer, { key: key, uniqueKey: key, isHoverable: this.props.isPropertyHoverEnabled, isSelectable: this.props.isPropertySelectionEnabled, isSelected: key === this.props.selectedPropertyKey, propertyRecord: propertyRecord, orientation: this.props.orientation, onClick: propertyRecord.value.valueFormat === PropertyValueFormat.Primitive ? this.props.onPropertyClicked : undefined, onRightClick: propertyRecord.value.valueFormat === PropertyValueFormat.Primitive ? this.props.onPropertyRightClicked : undefined, onContextMenu: this.props.onPropertyContextMenu, columnRatio: this.props.columnRatio, onColumnRatioChanged: this.props.onColumnChanged, propertyValueRendererManager: this.props.propertyValueRendererManager, isEditing: key === this.props.editingPropertyKey, onEditCommit: this._onEditCommit, onEditCancel: this.props.onEditCancel, width: this.props.width, actionButtonRenderers: this.props.actionButtonRenderers, isResizeHandleHovered: this.props.isResizeHandleHovered, onResizeHandleHoverChanged: this.props.onResizeHandleHoverChanged, isResizeHandleBeingDragged: this.props.isResizeHandleBeingDragged, onResizeHandleDragChanged: this.props.onResizeHandleDragChanged, columnInfo: this.props.columnInfo }));
-        })));
-    }
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module PropertyGrid
+ */
+import classnames from "classnames";
+import * as React from "react";
+import { PropertyValueFormat } from "@itwin/appui-abstract";
+import { Orientation } from "@itwin/core-react";
+import { PropertyRenderer } from "../../properties/renderers/PropertyRenderer";
+/**
+ * Get unique key for property record
+ * @internal
+ */
+export function getPropertyKey(propertyCategory, propertyRecord) {
+    return propertyCategory.name + propertyRecord.property.name;
+}
+/** A React component that renders multiple properties within a category as a list.
+ * @public
+ */
+export class PropertyList extends React.Component {
+    constructor(props) {
+        super(props);
+        this._listRef = React.createRef();
+        this._onEditCommit = (args) => {
+            // istanbul ignore else
+            if (this.props.onEditCommit && this.props.category)
+                this.props.onEditCommit(args, this.props.category);
+        };
+    }
+    /** @internal */
+    render() {
+        const propertyListClassName = classnames((this.props.orientation === Orientation.Horizontal) ? "components-property-list--horizontal" : "components-property-list--vertical", this.props.className);
+        return (React.createElement("div", { className: propertyListClassName, style: this.props.style, ref: this._listRef }, this.props.properties.map((propertyRecord) => {
+            const key = this.props.category ? getPropertyKey(this.props.category, propertyRecord) : propertyRecord.property.name;
+            return (React.createElement(PropertyRenderer, { key: key, uniqueKey: key, isHoverable: this.props.isPropertyHoverEnabled, isSelectable: this.props.isPropertySelectionEnabled, isSelected: key === this.props.selectedPropertyKey, propertyRecord: propertyRecord, orientation: this.props.orientation, onClick: propertyRecord.value.valueFormat === PropertyValueFormat.Primitive ? this.props.onPropertyClicked : undefined, onRightClick: propertyRecord.value.valueFormat === PropertyValueFormat.Primitive ? this.props.onPropertyRightClicked : undefined, onContextMenu: this.props.onPropertyContextMenu, columnRatio: this.props.columnRatio, onColumnRatioChanged: this.props.onColumnChanged, propertyValueRendererManager: this.props.propertyValueRendererManager, isEditing: key === this.props.editingPropertyKey, onEditCommit: this._onEditCommit, onEditCancel: this.props.onEditCancel, width: this.props.width, actionButtonRenderers: this.props.actionButtonRenderers, isResizeHandleHovered: this.props.isResizeHandleHovered, onResizeHandleHoverChanged: this.props.onResizeHandleHoverChanged, isResizeHandleBeingDragged: this.props.isResizeHandleBeingDragged, onResizeHandleDragChanged: this.props.onResizeHandleDragChanged, columnInfo: this.props.columnInfo }));
+        })));
+    }
+}
 //# sourceMappingURL=PropertyList.js.map